添加实时、非实时icon

src/view/memberGroup/edit-tag.vue

@@ -3,7 +3,10 @@
     <!-- 添加标签、编辑标签 -->
     <el-dialog :title="title" :visible.sync="showEditTagPop" width="540" :before-close="handleClose" :close-on-click-modal="false" append-to-body>
       <div class="dialog-box">
-        <p class="tag-name">{{ tagDataAssgin.tagName }}</p>
+        <p class="tag-name">
+          {{ tagDataAssgin.tagName }}
+          <span class="tag-flag">{{ tagDataAssgin.isActive == 1 ? '实时' : '非实时' }}</span>
+        </p>
         <p class="tag-desc">{{ tagDataAssgin.tagDescribe }}</p>
         <p v-if="tagId" class="m-t-20 m-b-20">标签值设置</p>
         <!-- 所有标签的配置项 -->
@@ -105,6 +108,18 @@ export default {
   .tag-name {
     display: inline-block;
     vertical-align: middle;
+    font-size: 16px;
+    font-weight: bold;
+    color: #303133;
+    .tag-flag {
+      margin-left: 5px;
+      padding: 3px 8px;
+      vertical-align: middle;
+      font-size: 12px;
+      color: #fff;
+      background: #1890FF;
+      border-radius: 0 5px 0 5px;
+    }
   }
   .icon-tag-name {
     display: inline-block;
@@ -117,10 +132,6 @@ export default {
     color: #606266;
     border-bottom: 1px solid #dcdfe6;
   }
-  .tag-name {
-    font-size: 14px;
-    font-weight: bold;
-  }
   .tag-value {
     margin-top: 10px;
     padding-top: 10px;