团伙可视化 标签修改

src/components/ptCxForm_components.vue

@@ -451,7 +451,7 @@
 
               <div v-else-if=" moduleName == 'cqPyqszsfmx' && columnTitle.prop == 'owntoaccept'">{{scope.row[columnTitle.prop].split("-").join("发送给")}}</div>
               <div v-else-if=" moduleName == 'cqPyqszsfmx' && columnTitle.prop == 'lettercontent'" class="hyperLight" v-html="scope.row[columnTitle.prop]"></div>
-              <div v-else-if="moduleName == 'shthfx' && columnTitle.prop == 'yjxxbs'"><el-tag v-for="tag in randomTag(scope.row)" :type="tagType(tag)">{{tag}}</el-tag></div>
+              <div v-else-if="moduleName == 'shthfx' && columnTitle.prop == 'yjxxbs'"><el-tag v-for="(tag, index) in randomTag(scope.row)" :key="index" :type="(tag=='高频通话' ? 'success': (tag=='同住酒店' ? 'warning':(tag=='共用车辆'?'danger':'')))">{{tag}}</el-tag></div>
               <!-- <div v-else-if=" moduleName == 'cqPyqszsfmx' && columnTitle.prop == 'lettercontent'" class="hyperLight" v-html="stringkk"></div> -->
               <!-- v-html="scope.row[columnTitle.prop]" -->
               <div v-else v-html="scope.row[columnTitle.prop]"></div>
@@ -650,10 +650,14 @@ export default {
       moreDisabled: false,
       index: 0,
       tableScroll: "",
-      tag:['高频通话','同住酒店','共用车辆','出入重点场所']
+      tag:['高频通话','同住酒店','共用车辆','出入重点场所'],
+      tag_bg:['bg1','bg2','bg3','bg4'],
+      type: '',
     };
   },
   methods: {
+
+
     jumpUrl(data) {
       this.$emit("jumpUrl",data)
     },
@@ -1369,11 +1373,11 @@ export default {
         } else if (count == 4) {
            return ['同住酒店']
         }else if (count == 6) {
-          return ['共用车辆','同住酒店']
+          return ['共用车辆','同住酒店','高频通话']
         } else if (count == 19) {
           return ['高频通话','出入重点场所']
         } else {
-          return ['出入重点场所']
+          return []
         }
      }
     },
@@ -1399,6 +1403,21 @@ export default {
 <style>
 @import url("../assets/styles/iconfont.css");
 
+.bg1{
+  background-color: #1e62af
+}
+.bg2{
+  background-color: #bd368f
+}
+.bg3{
+  background-color: #489222
+}
+.bg4{
+  background-color: #d99321
+}
+.bg5{
+  background: #FAF0E6
+}
 .el-dialog__body {
   padding: 10px 15px !important;
 }

src/views/shceksh/shthfx.vue

@@ -157,6 +157,7 @@ export default {
         {
           label: "预警信息标识",
           prop: "yjxxbs",
+          width: "250"
         },
       ],
       cxUrl: "/shceapi/ajQuery/getThByParam",