end7less
/
program_xm_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化

master
陈裕财 2 years ago
parent
cce483cdc7
commit
33397e80fc
6 changed files with 128 additions and 123 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/components/mdp-ui/index.scss
  2. 35
      src/components/mdp-ui/mdp-date-range/Index.vue
  3. 18
      src/components/mdp-ui/mdp-date/Index.vue
  4. 32
      src/components/mdp-ui/mdp-field/Index.vue
  5. 5
      src/views/xm/core/xmTask/XmTaskEdit.vue
  6. 2
      src/views/xm/rpt/branch/branchRptOverview.vue

3
src/components/mdp-ui/index.scss
View File

@ -100,10 +100,7 @@
}
.dashed-circle {
width: 40px;
height: 40px;
border: 2px dashed #000000;
border-radius: 40px/40px;
}
.field-box:hover .dashed-circle {
border: 2px dashed #409eff;

35
src/components/mdp-ui/mdp-date-range/Index.vue
View File

@ -1,5 +1,7 @@
<template>
<el-date-picker v-if="showStyle=='origin'||showStyle==''||!showStyle" :type="type" :style="styleObj" v-model="dateRange" :value-format="valueFormat" :format="format"
<span>
<span v-if="showStyle=='origin'||showStyle==''||!showStyle">
<el-date-picker :type="type" :style="styleObj" v-model="dateRange" :value-format="valueFormat" :format="format"
unlink-panels
:range-separator="rangeSepaSrator"
:start-placeholder="startPlaceholder"
@ -8,26 +10,28 @@
@change="onDateRangeChange"
:picker-options="pickerOptions"
></el-date-picker>
</span>
<span v-else :class="showStyle=='x'?{'field-box-x':true}:{'field-box':true}" >
<el-avatar v-if="showAvater!=false" class="field-avater" :class="{'dashed-circle':avaterCpd.isNull,disabled:disabled===true,enabled:disabled!==true}" :icon="avaterCpd.icon" :style="{backgroundColor:avaterCpd.color}">{{avaterCpd.innerText}}</el-avatar>
<slot class="field-avater" name="avater">
<el-avatar :size="size" :class="{'dashed-circle':avaterCpd.isNull,disabled:disabled===true,enabled:disabled!==true}" :icon="avaterCpd.icon" :style="{backgroundColor:avaterCpd.color}">{{avaterCpd.innerText}}</el-avatar>
</slot>
<span class="field-info" :class="{disabled:disabled===true,enabled:disabled!==true}">
<slot name="field-info" :value="dateRange">
<slot name="info" :value="dateRange" >
<span v-if="showStyle=='x'">
<span class="field-value" v-if="!avaterCpd.isNull">{{avaterCpd.innerText}} </span>
<span class="field-value" v-else><span class="label-font-color">无</span></span>
<slot name="label">
<span class="field-label">{{label||'请选择日期'}}</span>
<div class="field-value">
<slot name="value">
<div v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</div>
<div v-else class="label-font-color">无</div>
</slot>
</div>
<div class="field-label">
<slot name="label">{{label||'请选择日期'}}</slot>
</div>
</span>
<span v-else>
<span v-else class="field-value">
<slot name="value" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</span>
<span v-else class="label-font-color">无</span>
<div v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</div>
<div v-else class="label-font-color">无</div>
</slot>
</span>
</slot>
@ -45,6 +49,7 @@
></el-date-picker>
</span>
</span>
</span>
</template>
<script>

18
src/components/mdp-ui/mdp-date/Index.vue
View File

@ -2,6 +2,7 @@
<el-date-picker v-if="showStyle=='origin'||showStyle==''||!showStyle" v-model="myVal" :value-format="valueFormat" :format="format"
@change="onChange" :type="type"
:picker-options="pickerOptions"></el-date-picker>
<span v-else :class="showStyle=='x'?{'field-box-x':true}:{'field-box':true}" @click="showSelect">
<slot>
<slot v-if="showStyle=='x'" name="avater" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}" >
@ -10,20 +11,20 @@
<span class="field-info" :class="{disabled:disabled===true,enabled:disabled!==true}">
<slot name="info">
<span v-if="showStyle=='x'">
<span class="field-value">
<div class="field-value">
<slot name="value" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</span>
<span v-else class="label-font-color">无</span>
<div v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</div>
<div v-else class="label-font-color">无</div>
</slot>
</span>
<span class="field-label" >
</div>
<div class="field-label" >
<slot name="label"> {{label}}</slot>
</span>
</div>
</span>
<span v-else>
<slot name="value" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</span>
<span v-else class="label-font-color">无</span>
<div v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</div>
<div v-else class="label-font-color">无</div>
</slot>
</span>
</slot>
@ -35,7 +36,6 @@
:picker-options="pickerOptions"></el-date-picker>
</slot>
</span>
</slot>
</span>
</template>

32
src/components/mdp-ui/mdp-field/Index.vue
View File

@ -1,27 +1,31 @@
<template>
<span>
<span :class="showStyle=='x'?{'field-box-x':true}:{'field-box':true}" @click="showSelect">
<slot>
<slot v-if="showStyle=='x'" name="avater" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}" >
<el-avatar :class="{'field-avater':true,'dashed-circle':avaterCpd.isNull,disabled:disabled===true,enabled:disabled!==true}" :icon="avaterCpd.icon" :style="{backgroundColor:avaterCpd.color}">{{avaterCpd.innerText}}</el-avatar>
<slot v-if="showStyle=='x'" class="field-avater" name="avater" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}" >
<el-avatar :size="size" :class="{'dashed-circle':avaterCpd.isNull,disabled:disabled===true,enabled:disabled!==true}" :icon="avaterCpd.icon" :style="{backgroundColor:avaterCpd.color}">{{avaterCpd.innerText}}</el-avatar>
</slot>
<span class="field-info" :class="{disabled:disabled===true,enabled:disabled!==true}">
<slot name="info" v-if="showStyle=='x'" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span class="field-value">
<slot name="info" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-if="showStyle=='x'" >
<div class="field-value">
<slot name="value" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</span>
<span v-else class="label-font-color">无</span>
<div v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</div>
<div v-else class="label-font-color">无</div>
</slot>
</span>
<span class="field-label" >
</div>
<div class="field-label" >
<slot name="label"> {{label}}</slot>
</div>
</span>
</slot>
<slot name="info" v-else :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-else>
<div class="field-value">
<slot name="value" :value="myVal" :field="{label:label,color:color,icon:icon,disabled:disabled,clearable:clearable}">
<span v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</span>
<span v-else class="label-font-color">无</span>
<div v-if="!avaterCpd.isNull">{{avaterCpd.innerText}}</div>
<div v-else class="label-font-color">无</div>
</slot>
</div>
</span>
</slot>
</span>
<span class="field-oper" ref="operRef" :class="{disabled:disabled===true,enabled:disabled!==true}">
@ -29,9 +33,9 @@
<el-input v-model="myVal" :placeholder="placeholder" @change="onChange"></el-input>
</slot>
</span>
</slot>
</span>
</span>
</template>
<script>

5
src/views/xm/core/xmTask/XmTaskEdit.vue
View File

@ -149,7 +149,7 @@
<mdp-select-user show-style="x" v-if="editForm.crowd=='1'" label="执行人" v-model="editForm.executorUserid">
<el-button slot="oper" @click="activateTabPaneName='42'">去管理竞标人</el-button>
</mdp-select-user>
<mdp-select-user v-if="editForm.crowd!='1'" label="执行人" v-model="editForm.executorUserid" @change2="editXmTaskSomeFields(editForm,'executorUserid',$event)"></mdp-select-user>
<mdp-select-user show-style="x" v-if="editForm.crowd!='1'" label="执行人" v-model="editForm.executorUserid" @change2="editXmTaskSomeFields(editForm,'executorUserid',$event)"></mdp-select-user>
</el-col>
</el-row>
@ -166,8 +166,7 @@
<el-col :span="8">
<mdp-date-range
:style-obj="{maxWidth:'100%'}"
<mdp-date-range show-style="x"
v-model="editForm"
start-key="startTime"
end-key="endTime"

2
src/views/xm/rpt/branch/branchRptOverview.vue
View File

@ -39,7 +39,7 @@
<el-form :model="rawDatas" label-width="120px" :rules="rawDatasRules" ref="rawDatasRef" label-position="left">
<el-row class="padding">
<el-col :span="8">
<mdp-select-user label="负责人" v-model="rawDatas.cuserid" :init-name="rawDatas.cusername"></mdp-select-user>
<mdp-select-user show-style="x" label="负责人" v-model="rawDatas.cuserid" :init-name="rawDatas.cusername"></mdp-select-user>
</el-col>
<el-col :span="8">
<mdp-select show-style="x" label="状态" item-code="testPlanStatus" v-model="rawDatas.status"></mdp-select>

Write Preview
Loading…
Cancel
Save