状态样式修改

src/assets/less/interLock.css

@@ -291,45 +291,6 @@
 .iotmenu-modal-box .ant-table .status-btn:hover {
   background: url(../status-hover.svg);
 }
-.iotmenu-content-container .ant-table .status-btn,
-.iotmenu-modal-box .ant-table .status-btn {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  margin: 4px 3px;
-  cursor: pointer;
-  background: url(../status.svg);
-}
-.iotmenu-content-container .ant-table .status-btn:hover,
-.iotmenu-modal-box .ant-table .status-btn:hover {
-  background: url(../status-hover.svg);
-}
-.iotmenu-content-container .ant-table .status-btn,
-.iotmenu-modal-box .ant-table .status-btn {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  margin: 4px 3px;
-  cursor: pointer;
-  background: url(../status.svg);
-}
-.iotmenu-content-container .ant-table .status-btn:hover,
-.iotmenu-modal-box .ant-table .status-btn:hover {
-  background: url(../status-hover.svg);
-}
-.iotmenu-content-container .ant-table .status-btn,
-.iotmenu-modal-box .ant-table .status-btn {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  margin: 4px 3px;
-  cursor: pointer;
-  background: url(../status.svg);
-}
-.iotmenu-content-container .ant-table .status-btn:hover,
-.iotmenu-modal-box .ant-table .status-btn:hover {
-  background: url(../status-hover.svg);
-}
 .iotmenu-content-container .ant-table .delete-btn,
 .iotmenu-modal-box .ant-table .delete-btn {
   display: inline-block;
@@ -426,6 +387,16 @@
   color: #52c41a;
   font-weight: 600;
 }
+.iotmenu-content-container .primary-tag,
+.iotmenu-modal-box .primary-tag {
+  color: #4394e4;
+  font-weight: 600;
+}
+.iotmenu-content-container .warning-tag,
+.iotmenu-modal-box .warning-tag {
+  color: #ffba00;
+  font-weight: 600;
+}
 .iotmenu-content-container .abnormal-tag,
 .iotmenu-modal-box .abnormal-tag {
   color: red;

src/assets/less/interLock.less

@@ -366,6 +366,14 @@
     // border: 1px solid rgb(182, 240, 211);
     // color: rgb(0, 204, 102);
   }
+  .primary-tag{
+    color: #4394e4;
+    font-weight: 600;
+  }
+  .warning-tag{
+    color: #ffba00;
+    font-weight: 600;
+  }
   .abnormal-tag{
     // color: #fb6666;
     color: red;

src/views/module_interLock/loginConfig/LoginConfigList.vue

@@ -59,7 +59,7 @@
               <template slot="title"> 设置 </template>
               <span class="edit-btn" @click="handleEdit(record)"></span>
             </a-tooltip>
-            <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+            <a-popconfirm style="margin-right: 10px;" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
               <a-tooltip>
                 <template slot="title"> 删除 </template>
                 <span class="delete-btn"></span>
@@ -68,13 +68,13 @@
             <a-popconfirm v-if="record.status==='0'" title="确定禁用吗?" @confirm="() => handleStatus(record.id,1)">
               <a-tooltip>
                 <template slot="title"> 禁用 </template>
-                <span class="copy-btn"></span>
+                <span class="status-btn"></span>
               </a-tooltip>
             </a-popconfirm>
             <a-popconfirm v-if="record.status==='1'" title="确定启用吗?" @confirm="() => handleStatus(record.id,0)">
               <a-tooltip>
                 <template slot="title"> 启用 </template>
-                <span class="copy-btn"></span>
+                <span class="status-btn"></span>
               </a-tooltip>
             </a-popconfirm>
           </span>
@@ -160,7 +160,7 @@
             dataIndex: 'action',
             align:"center",
             fixed:"right",
-            width:100,
+            width:120,
             scopedSlots: { customRender: 'action' }
           }
         ],