张丁 修改预警等级的筛选样式

ui/src/views/sems/specCc/index.vue

@@ -35,8 +35,14 @@
       :key="item.value"
       :label="item.text"
       :value="item.value">
-      <span style="float: left">{{ item.text }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+      <div>  
+        <span v-if="item.value==1" style="width:45px;height:30px; float: left;background-color:#ffff00"> </span> 
+ <span v-if="item.value==1" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        <span v-if="item.value==2" style="width:45px;height:30px; float: left;background-color:#ff9900 "></span> 
+ <span v-if="item.value==2" style=" float: right; color: #121010 ; font-size: 18px">{{item.text}}</span>
+        <span v-if="item.value==3" style="width:45px;height:30px; float: left;background-color:#FF4500;"> </span> 
+ <span v-if="item.value==3" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        </div>
     </el-option>
   </el-select>
       </el-form-item>
@@ -521,7 +527,7 @@
   components: { Treeselect,AddApprove,HisApprove,HisCheck,HisReform },
   data() {
     return {
-      filterList:[{ text: "无", value: 0 }], //删选的list
+      filterList:[], //删选的list
       fullscreenLoading: false,
       waitSubmit: false,
       hisReformVisible: false,

ui/src/views/sems/specDt/index.vue

@@ -38,14 +38,21 @@
         />
       </el-form-item>
          <el-form-item :label="$t('预警等级')" prop="ALARM_LEVEL" label-width="50">
-        <el-select v-model="queryParams.warnFlag"   clearable placeholder="请选择">
+        <el-select  v-model="queryParams.warnFlag"   clearable placeholder="请选择">
     <el-option
       v-for="item in filterList"
       :key="item.value"
       :label="item.text"
-      :value="item.value">
-      <span style="float: left">{{ item.text }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+      :value="item.value"  >
+        <div>
+        <span v-if="item.value==1" style="width:45px;height:30px; float: left;background-color:#ffff00"> </span>
+ <span v-if="item.value==1" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        <span v-if="item.value==2" style="width:45px;height:30px; float: left;background-color:#ff9900 "></span>
+ <span v-if="item.value==2" style=" float: right; color: #121010 ; font-size: 18px">{{item.text}}</span>
+        <span v-if="item.value==3" style="width:45px;height:30px; float: left;background-color:#FF4500;"> </span>
+ <span v-if="item.value==3" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        </div>
+
     </el-option>
   </el-select>
       </el-form-item>
@@ -467,7 +474,7 @@
   components: { Treeselect ,AddApprove,HisApprove,HisCheck,HisReform  },
   data() {
     return {
-      filterList:[{ text: "无", value: 0 }], //删选的list
+      filterList:[], //删选的list
       fullscreenLoading: false,
       waitSubmit: false,
       hisReformVisible: false,

ui/src/views/sems/specDzsb/index.vue

@@ -44,8 +44,14 @@
       :key="item.value"
       :label="item.text"
       :value="item.value">
-      <span style="float: left">{{ item.text }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+      <div>  
+        <span v-if="item.value==1" style="width:45px;height:30px; float: left;background-color:#ffff00"> </span> 
+ <span v-if="item.value==1" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        <span v-if="item.value==2" style="width:45px;height:30px; float: left;background-color:#ff9900 "></span> 
+ <span v-if="item.value==2" style=" float: right; color: #121010 ; font-size: 18px">{{item.text}}</span>
+        <span v-if="item.value==3" style="width:45px;height:30px; float: left;background-color:#FF4500;"> </span> 
+ <span v-if="item.value==3" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        </div>
     </el-option>
   </el-select>
       </el-form-item>
@@ -503,7 +509,7 @@
   components: { Treeselect,AddApprove ,HisApprove,HisCheck,HisReform  },
   data() {
     return {
-      filterList:[{ text: "无", value: 0 }], //删选的list
+      filterList:[], //删选的list
       fullscreenLoading: false,
       waitSubmit: false,
       hisReformVisible: false,

ui/src/views/sems/specGl/index.vue

@@ -62,8 +62,14 @@
       :key="item.value"
       :label="item.text"
       :value="item.value">
-      <span style="float: left">{{ item.text }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+      <div>  
+        <span v-if="item.value==1" style="width:45px;height:30px; float: left;background-color:#ffff00"> </span> 
+ <span v-if="item.value==1" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        <span v-if="item.value==2" style="width:45px;height:30px; float: left;background-color:#ff9900 "></span> 
+ <span v-if="item.value==2" style=" float: right; color: #121010 ; font-size: 18px">{{item.text}}</span>
+        <span v-if="item.value==3" style="width:45px;height:30px; float: left;background-color:#FF4500;"> </span> 
+ <span v-if="item.value==3" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        </div>
     </el-option>
   </el-select>
       </el-form-item>
@@ -586,7 +592,7 @@
   components: { Treeselect ,AddApprove,HisApprove,HisCheck,HisReform },
   data() {
     return {
-      filterList:[{ text: "无", value: 0 }], //删选的list
+      filterList:[], //删选的list
       fullscreenLoading: false,
       waitSubmit: false,
       hisReformVisible: false,

ui/src/views/sems/specYlgd/index.vue

@@ -116,8 +116,14 @@
       :key="item.value"
       :label="item.text"
       :value="item.value">
-      <span style="float: left">{{ item.text }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+      <div>  
+        <span v-if="item.value==1" style="width:45px;height:30px; float: left;background-color:#ffff00"> </span> 
+ <span v-if="item.value==1" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        <span v-if="item.value==2" style="width:45px;height:30px; float: left;background-color:#ff9900 "></span> 
+ <span v-if="item.value==2" style=" float: right; color: #121010 ; font-size: 18px">{{item.text}}</span>
+        <span v-if="item.value==3" style="width:45px;height:30px; float: left;background-color:#FF4500;"> </span> 
+ <span v-if="item.value==3" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        </div>
     </el-option>
   </el-select>
       </el-form-item>
@@ -717,7 +723,7 @@ export default {
   components: { Treeselect,AddApprove ,HisApprove,HisCheck,HisReform  },
   data() {
     return {
-      filterList:[{ text: "无", value: 0 }], //删选的list
+      filterList:[], //删选的list
       fullscreenLoading: false,
       waitSubmit: false,
       hisReformVisible: false,

ui/src/views/sems/specYlrq/index.vue

@@ -44,8 +44,14 @@
       :key="item.value"
       :label="item.text"
       :value="item.value">
-      <span style="float: left">{{ item.text }}</span>
-      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
+      <div>  
+        <span v-if="item.value==1" style="width:45px;height:30px; float: left;background-color:#ffff00"> </span> 
+ <span v-if="item.value==1" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        <span v-if="item.value==2" style="width:45px;height:30px; float: left;background-color:#ff9900 "></span> 
+ <span v-if="item.value==2" style=" float: right; color: #121010 ; font-size: 18px">{{item.text}}</span>
+        <span v-if="item.value==3" style="width:45px;height:30px; float: left;background-color:#FF4500;"> </span> 
+ <span v-if="item.value==3" style=" float: right; color: #121010 ; font-size: 18px">{{item.text }}</span>
+        </div>
     </el-option>
   </el-select>
       </el-form-item>
@@ -641,7 +647,7 @@
   components: { Treeselect,AddApprove ,HisApprove,HisCheck ,HisReform},
   data() {
     return {
-      filterList:[{ text: "无", value: 0 }], //删选的list
+      filterList:[], //删选的list
       waitSubmit: false,
       fullscreenLoading: false,
       hisReformVisible: false,