跟香港

src/views/backOfficeSystem/IntelligentControl/warningControl/components/yjItem.vue

@@ -3,8 +3,8 @@
     <div class="cxbq f14 lh50 tc absolute" v-if="props.item.czzt == '03'">已完成</div>
     <el-button color="#0072ff" size="small" class="btn_qs f14 tc absolute">签收</el-button>
     <div class="avatarBox relative">
-      <div class="marks f12 absolute" :class="changeBg(props.item.yjjb)">
-        <DictTag :tag="false" :value="props.item.czzt" :options="props.dic._GS_ZDR_CZZT" />
+      <div class="marks f12 absolute" :class="changeBg(props.item.yjJb)">
+        <span>{{ changetText(props.item.yjJb) }}</span>
       </div>
       <div>
         <el-image :preview-teleported="true" style="width: 80px; height: 110px" :src="props.item.yjTp" :preview-src-list="[props.item.yjTp]"/>
@@ -62,9 +62,24 @@ const changeBg = (type) => {
     case "40":
       return "marks_blue";
     default:
-      return "marks_red";
+      return "marks_blue";
   }
 };
+const changetText = (type) => {
+  switch (type) {
+    case "10":
+      return "处置";
+    case "20":
+      return "提醒";
+    case "30":
+      return "关注";
+    case "40":
+      return "不关注";
+    default:
+      return "不关注";
+  }
+};
+
 </script>
 
 <style lang="scss" scoped>
@@ -120,19 +135,19 @@ const changeBg = (type) => {
     }
 
     .marks_red {
-      background: rgba(255, 62, 62, 0.75);
+      background: rgba(255, 62, 62, 0.35);
     }
 
     .marks_orange {
-      background: rgba(255, 155, 62, 0.75);
+      background: rgba(255, 155, 62, 0.35);
     }
 
     .marks_yellow {
-      background: rgba(255, 239, 62, 0.75);
+      background: rgba(255, 239, 62, 0.35);
     }
 
     .marks_blue {
-      background: rgba(0, 114, 255, 0.75);
+      background: rgba(0, 114, 255, 0.35);
     }
   }