Browse Source

功能分组的样式

hsshuxian 11 months ago
parent
commit
4f6ae7a9a7
1 changed files with 14 additions and 2 deletions
  1. 14 2
      ems-ui/src/views/basecfg/zoning/index.vue

+ 14 - 2
ems-ui/src/views/basecfg/zoning/index.vue

@@ -55,7 +55,19 @@
           <el-table-column label="区块标签" align="center" prop="tagNames" />
           <el-table-column label="使用状态" align="center" prop="usageDetail">
             <template slot-scope="scope">
-              {{formatDict(scope.row.usageDetail,'usageDetailOptions')}}
+              <span
+                :style="{
+                    padding: '6px 12px',
+                    borderRadius: '4px',
+                    display: 'inline-block',
+                    textAlign: 'center',
+                    cursor: 'pointer',
+                    color:parseInt(scope.row.usageDetail) ===0 ? 'rgb(255,159,159)' : 'rgb(117,186,255)',
+                    backgroundColor: parseInt(scope.row.usageDetail) ===0 ? 'rgb(255,235,235)' : 'rgb(232,244,255)',
+        }">
+
+        {{ parseInt(scope.row.usageDetail) === 0 ?  '停用': '启动' }}
+      </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -88,7 +100,7 @@
               <el-input v-model="form.zoningName" placeholder="请输入分区名称" />
             </el-form-item>
             <el-form-item label="分区标签" prop="tagCodeList">
-              <el-select v-model="form.tagCodeList" placeholder="请选择分区标签" multiple clearable style="width: '100%'">
+              <el-select v-model="form.tagCodeList" placeholder="请选择分区标签" multiple clearable style="width: 100%">
                 <el-option v-for="item in emsTagOptions" :label="item.tagName" :value="item.tagCode" :key="item.tagCode" />
               </el-select>
             </el-form-item>