提取公共样式、去除其余使用页面样式

src/style/theme/common.scss

@@ -924,6 +924,9 @@ body {
         td {
             font-size: 13px !important;
         }
+        .status-item{
+            font-size: 13px !important;
+        }
     }
 
     // body{
@@ -956,6 +959,9 @@ body {
         td {
             font-size: 12px !important;
         }
+        .status-item{
+            font-size: 12px !important;
+        }
     }
 
     .tableHeaderSelect .el-input__inner {
@@ -981,6 +987,9 @@ body {
         td {
             font-size: 14px !important;
         }
+        .status-item{
+            font-size: 14px !important;
+        }
     }
 
     .cell-content {
@@ -1235,7 +1244,6 @@ body {
 
 
 .before_h_title{
-  font-family: Microsoft YaHei UI;
   font-size: 14px;
   font-weight: bold;
   line-height: normal;
@@ -1383,3 +1391,75 @@ body {
       line-height: 1;
     }
   }
+
+//  不同状态颜色 / 小标签 -- 待测试其余使用的页面是否生效
+.status-item {
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 10px;
+    border-radius: 4px;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 22px;
+    text-align: center;
+    letter-spacing: 0.08em;
+    box-sizing: border-box;
+}
+
+.divgreen {
+    background: rgba(239, 255, 224, 0.5);
+    border: 1px solid rgba(0, 194, 97, 0.6);
+}
+
+.fontgreen {
+    color: #0DAF49;
+}
+
+.divblue {
+    background: #F2F7FF;
+    border: 1px solid #BFDAFF;
+}
+
+.fontblue {
+    color: #006AFF;
+}
+
+.divred {
+    background: #FFF1F0;
+    border: 1px solid #FFA39E;
+}
+
+.fontred {
+    color: #FF4D4F;
+}
+
+.divgray {
+    background: #F6F7FA;
+    border: 1px solid #DFE2E6;
+}
+
+.fontgray {
+    color: #626573;
+}
+
+.divorange {
+    background: #FFFBF2;
+    border: 1px solid rgba(251, 131, 45, 0.38);
+}
+
+.fontorange {
+    color: #FB832D;
+}
+
+.divpurple {
+    background: #F9F2FF;
+    border: 1px solid rgba(126, 118, 253, 0.28);
+}
+
+.fontpurple {
+    color: #6258FF;
+}
+
+// end

src/views/agent/checkOrderList.vue

@@ -868,93 +868,6 @@ a:hover {
 
 
 
-.status-item {
-    height: 22px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 6px;
-    z-index: 0;
-    padding: 2px 10px;
-    border-radius: 4px;
-
-}
-
-.divgreen {
-    background: rgba(239, 255, 224, 0.5);
-    box-sizing: border-box;
-    border: 1px solid rgba(0, 194, 97, 0.6);
-}
-
-.fontgreen {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: normal;
-    text-align: center;
-    letter-spacing: 0.08em;
-    color: #0DAF49;
-}
-
-.divblue {
-    background: #F2F7FF;
-    box-sizing: border-box;
-    border: 1px solid #BFDAFF;
-}
-
-.fontblue {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: normal;
-    text-align: center;
-    letter-spacing: 0.08em;
-    color: #006AFF;
-}
-
-.divred {
-    background: #FFF1F0;
-    box-sizing: border-box;
-    border: 1px solid #FFA39E;
-}
-
-.fontred {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: normal;
-    text-align: center;
-    letter-spacing: 0.08em;
-    color: #FF4D4F;
-}
-
-.divgray {
-    background: #F6F7FA;
-    box-sizing: border-box;
-    border: 1px solid #DFE2E6;
-}
-
-.fontgray {
-    color: #626573;
-}
-
-.divorange {
-    background: #FFFBF2;
-    box-sizing: border-box;
-    border: 1px solid rgba(251, 131, 45, 0.38);
-}
-
-.fontorange {
-    color: #FB832D;
-}
-
-.divpurple {
-    background: #F9F2FF;
-    box-sizing: border-box;
-    border: 1px solid rgba(126, 118, 253, 0.28);
-}
-
-.fontpurple {
-    color: #6258FF;
-}
-
 .checktitle {
     font-size: 14px;
     font-weight: bold;

src/views/agent/supplyList.vue

@@ -340,93 +340,6 @@ export default {
     color: #8A9099;
 }
 
-.status-item {
-    height: 22px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 6px;
-    z-index: 0;
-    padding: 2px 10px;
-    border-radius: 4px;
-
-}
-
-.divgreen {
-    background: rgba(239, 255, 224, 0.5);
-    box-sizing: border-box;
-    border: 1px solid rgba(0, 194, 97, 0.6);
-}
-
-.fontgreen {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: normal;
-    text-align: center;
-    letter-spacing: 0.08em;
-    color: #0DAF49;
-}
-
-.divblue {
-    background: #F2F7FF;
-    box-sizing: border-box;
-    border: 1px solid #BFDAFF;
-}
-
-.fontblue {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: normal;
-    text-align: center;
-    letter-spacing: 0.08em;
-    color: #006AFF;
-}
-
-.divred {
-    background: #FFF1F0;
-    box-sizing: border-box;
-    border: 1px solid #FFA39E;
-}
-
-.fontred {
-    font-size: 14px;
-    font-weight: normal;
-    line-height: normal;
-    text-align: center;
-    letter-spacing: 0.08em;
-    color: #FF4D4F;
-}
-
-.divgray {
-    background: #F6F7FA;
-    box-sizing: border-box;
-    border: 1px solid #DFE2E6;
-}
-
-.fontgray {
-    color: #626573;
-}
-
-.divorange {
-    background: #FFFBF2;
-    box-sizing: border-box;
-    border: 1px solid rgba(251, 131, 45, 0.38);
-}
-
-.fontorange {
-    color: #FB832D;
-}
-
-.divpurple {
-    background: #F9F2FF;
-    box-sizing: border-box;
-    border: 1px solid rgba(126, 118, 253, 0.28);
-}
-
-.fontpurple {
-    color: #6258FF;
-}
-
 .mr-8 {
     margin-right: 8px;
 }

src/views/super/paiban/orderlist.vue

@@ -100,17 +100,8 @@ export default {
         return {
             tableLoading:false,
             tableKey: '',
-
             orderId:'',
-
-            tableList:[
-            {
-                    school_name:'清华大学',
-                    phone:'16675839374',
-                    status:1,
-                    status_desc:'完成'
-                },
-            ],
+            tableList:[],
             currentPage: 1,    //当前页
             pageSize: 20,   //每页的容量
             total: 0,   //列表总数