src/views/CIDList.vue

@@ -14,7 +14,6 @@ import {ElMessage, ElLoading} from "element-plus";
 export default {
   data() {
     return {
-      tableLoading: false,
       ip: "",
       tableData: [],
       tokenData: {
@@ -60,7 +59,11 @@ export default {
   // 它们可以在模板中作为事件处理器绑定
   methods: {
     async getCIDList() {
-      this.tableLoading = true;
+      const loading = ElLoading.service({
+        lock: true,
+        text: '加载中',
+        background: 'rgba(0, 0, 0, 0.7)',
+      });
       let result = {};
       try {
         result = await getCIDListService(this.tokenData);
@@ -69,7 +72,7 @@ export default {
       } catch (e) {
         console.log(e);
       } finally {
-        this.tableLoading = false;
+        loading.close();
       }
     },
     onSubmit() {
@@ -106,7 +109,7 @@ export default {
       } catch (e) {
         console.log(e);
       } finally {
-        this.tableLoading = false;
+        loading.close();
       }
     },
     toRunCIDLog(index) {
@@ -143,7 +146,7 @@ export default {
       } catch (e) {
         console.log(e);
       } finally {
-        this.tableLoading = false;
+        loading.close();
       }
     },
     async updateButtonCID(index) {
@@ -176,7 +179,7 @@ export default {
       } catch (e) {
         console.log(e);
       } finally {
-        this.tableLoading = false;
+        loading.close();
       }
     },
     async updateCID() {
@@ -199,7 +202,7 @@ export default {
       } catch (e) {
         console.log(e);
       } finally {
-        this.tableLoading = false;
+        loading.close();
       }
     },
     async getIpClient() {
@@ -396,7 +399,7 @@ export default {
           </el-form>
 
           <!-- 表格  :row-style="this.tableRowClassName"-->
-          <el-table :data="tableData" width="100%" border v-loading="tableLoading">
+          <el-table :data="tableData" width="100%" border>
             :row-style="this.tableRowClassName"
             <el-table-column prop="ID" label="id" width="80"></el-table-column>
             <el-table-column

src/views/ShellList.vue

@@ -601,25 +601,8 @@ export default {
             <el-table-column
               prop="Status"
               label="状态"
-              width="100"
-            >
-              <template #default="scope">
-                                    <el-tag
-                    v-if="scope.row.Status === 0"
-                    >任务提交</el-tag
-                  >
-                  <el-tag
-                    v-if="scope.row.Status === 1"
-                    type="info"
-                  >正在运行</el-tag>
-                  <el-tag
-                    v-if="scope.row.Status === 2"
-                    type="success"
-                    >已完成</el-tag>
-              </template>
-          
-          </el-table-column>
-            
+              width="40"
+            ></el-table-column>
             <el-table-column
               prop="Server"
               label="服务器"