机构选择组件 禁用样式调整

src/components/orgSelect/index.vue

@@ -7,7 +7,7 @@
         <el-tag type="success" :size="size" v-for="v in currentTempList" :key="v.id">{{ v.shortName }}</el-tag>
 
       </div>
-      <div  class="tags_last">
+      <div  class="tags_last" :class="{'tags-box-disabled':!disabled}">
         <i v-if="currentTempList.length > 0 && !disabled" class="el-icon-circle-close close-icon" @click="clear"></i>
         <span v-show="currentTempList.length > 0" class="tags-num">{{ currentTempList.length }}</span>
       </div>
@@ -27,6 +27,9 @@
       <el-row class="el-row-top">
         <el-col :span="11">
           <el-card class="box-card leftbox" :body-style="{ height: '100%' }">
+            <el-row class="result_row">
+              <el-col :span="12">搜索条件</el-col>
+            </el-row>
             <el-form
               ref="formleft"
               v-model="left.condition"
@@ -108,6 +111,9 @@
         </el-col>
         <el-col :span="11">
           <el-card class="box-card" :body-style="{ height: '100%' }">
+            <el-row class="result_row">
+              <el-col :span="12">搜索条件</el-col>
+            </el-row>
             <el-form
               ref="formRight"
               v-model="right.condition"
@@ -635,7 +641,10 @@ export default {
 }
 
 .tags-box-disabled {
-  cursor: default;
+  background-color: #F5F7FA;
+  border-color: #E4E7ED;
+  color: #C0C4CC;
+  cursor: not-allowed;
 }
 
 .tags-box-mini {

src/components/orgSelect/zl.orgSelect.vue

@@ -5,7 +5,7 @@
       <div class="tags-box" :class="{'tags-box-disabled':disabled,'tags-box-mini':size === 'mini'}"  @click="showDialog">
           <el-tag type="success" :size="size" v-for="v in currentTempList" :key="v.id">{{ v.shortName }}</el-tag>
       </div>
-      <div class="tags_last" >
+      <div class="tags_last" :class="{'tags-box-disabled':disabled}">
         <span v-show="currentTempList.length > 0" class="tags-num">{{ currentTempList.length }}</span>
         <i v-if="currentTempList.length > 0 && !disabled" class="el-icon-circle-close close-icon" @click.stop="clear"></i>
       </div>
@@ -785,7 +785,10 @@ export default {
 }
 
 .tags-box-disabled {
-  cursor: default;
+  background-color: #F5F7FA;
+  border-color: #E4E7ED;
+  color: #C0C4CC;
+  cursor: not-allowed;
 }
 
 .tags-box-mini {