|
|
@ -1,11 +1,11 @@ |
|
|
<template> |
|
|
<template> |
|
|
|
|
|
|
|
|
<div class="field-box" @click="showSelect"> |
|
|
<div class="field-box" @click="showSelect"> |
|
|
<el-avatar class="avater" :icon="getMyIcon(currentItem)" :style="{backgroundColor:getMyColor(currentItem)}">{{getMyAvaterInfo(currentItem)}}</el-avatar> |
|
|
|
|
|
|
|
|
<el-avatar class="avater" :class="{dashedCircle:!showVal}" :icon="getMyIcon(currentItem)" :style="{backgroundColor:(!showVal?'#FFFFFF':getMyColor(currentItem))}">{{getMyAvaterInfo(currentItem)}}</el-avatar> |
|
|
|
|
|
|
|
|
<div class="field-info" > |
|
|
<div class="field-info" > |
|
|
<span class="field-value" v-if="showVal">{{showVal}} </span> |
|
|
<span class="field-value" v-if="showVal">{{showVal}} </span> |
|
|
<span class="field-value" v-else>无</span> |
|
|
|
|
|
|
|
|
<span class="field-value" v-else><span class="label-font-color">无</span></span> |
|
|
<span class="field-label" >{{label}}</span> |
|
|
<span class="field-label" >{{label}}</span> |
|
|
<dict-select :dict="dict" ref="selectRef" v-model="myVal" @change="onChange" :get-icon="getIcon" :get-color="getColor"></dict-select> |
|
|
<dict-select :dict="dict" ref="selectRef" v-model="myVal" @change="onChange" :get-icon="getIcon" :get-color="getColor"></dict-select> |
|
|
</div> |
|
|
</div> |
|
|
@ -199,6 +199,16 @@ |
|
|
height: 20px; |
|
|
height: 20px; |
|
|
margin-left: 5px; |
|
|
margin-left: 5px; |
|
|
display: inline; |
|
|
display: inline; |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
.dashedCircle{ |
|
|
|
|
|
width:40px; |
|
|
|
|
|
height:40px; |
|
|
|
|
|
border:2px dashed #000000; |
|
|
|
|
|
border-radius:40px/40px; |
|
|
|
|
|
} |
|
|
|
|
|
.field-box:hover .dashedCircle{ |
|
|
|
|
|
|
|
|
|
|
|
border:2px dashed #409EFF; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
陈裕财
3 years ago