页面修改

src/components/tradePavilion/signList.vue

 <style>
-  .signList_Table{
-    width:100%;
-    border-collapse:collapse;
-    margin-top:20px;
+  .signList_Table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
   }
-  .signTableDiv{
-    width:100%;
+
+  .signTableDiv {
+    width: 100%;
     min-width: 800px;
     /* overflow: hidden; */
     overflow-x: auto;
   }
-  .signList_Table th{
-    border:1px solid #EBEEF5;
-    height:48px;
+
+  .signList_Table th {
+    border: 1px solid #EBEEF5;
+    height: 48px;
     line-height: 48px;
     text-align: center;
-    color:#909399;
-    padding:0 10px;
+    color: #909399;
+    padding: 0 10px;
     text-align: left;
   }
-  .signList_Table td{
-    border:1px solid #EBEEF5;
-    height:48px;
+
+  .signList_Table td {
+    border: 1px solid #EBEEF5;
+    height: 48px;
     line-height: 48px;
     text-align: center;
-    color:#606266;
-    font-size:14px;
-    padding:0 10px;
+    color: #606266;
+    font-size: 14px;
+    padding: 0 10px;
     text-align: left;
   }
-  .signList_Table tr:hover>td{
+
+  .signList_Table tr:hover>td {
     background-color: #F5F7FA;
   }
+
 </style>
 <template>
   <div class="signList tradeactivity">
@@ -86,6 +91,9 @@
               <th>
                 地址
               </th>
+              <th>
+                操作
+              </th>
             </tr>
           </thead>
           <tbody v-for="(item,index) in tableData" :key="index">
@@ -120,6 +128,11 @@
               <td>
                 {{sItem.CountryInfo}}
               </td>
+              <td>
+                <el-tooltip class="item" effect="dark" content="删除" placement="top" style="cursor:pointer;">
+                  <img @click="delSign(sItem)" src="../../assets/img/userman/del.png" alt="" />
+                </el-tooltip>
+              </td>
             </tr>
           </tbody>
 
@@ -173,6 +186,25 @@
         this.msg.pageIndex = val;
         this.getList();
       },
+      //删除报名
+      delSign(item) {
+        let that = this;
+        that.Confirm("是否删除此报名人员?", function () {
+          that.apipost(
+            "/api/AppletTrade/DeleteTrdceConsult", {
+              Id: item.Id,
+            },
+            (res) => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getList();
+              } else {
+                that.Error(res.data.message);
+              }
+            }
+          );
+        });
+      }
     }
   };