增删改

src/components/MyTable/index.vue

@@ -2,7 +2,12 @@
   <div class="table-box">
     <el-table class="table-el" :data="tableData" style="background-color: transparent;">
       <el-table-column v-for="column in columns" :key="column.prop" :prop="column.prop" :label="column.label" :width="column.width">
-      
+      <div v-if="column.prop=='operationDelete'">
+        <button class="imgOperationDelete"></button>
+      </div>
+      <div v-if="column.prop=='operationEdit'">
+        <button class="imgOperationEdit"></button>
+      </div>
       </el-table-column>
     </el-table>
   </div>
@@ -23,6 +28,24 @@ export default {
 };
 </script>
 <style>
+.imgOperationDelete{
+  background-image: url(../../assets/delete.png);
+  background-color:transparent;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  height: 20px;
+  width: 20px;
+}
+
+.imgOperationEdit{
+  background-image: url(../../assets/edit.png);
+  background-color:transparent;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  height: 20px;
+  width: 20px;
+}
+
 .el-table__header-wrapper,.el-table__body-wrapper,.el-table__cell,tr {
   background-color: transparent !important;
   color: #ebebeb !important;

src/components/TabList/index.vue

@@ -183,7 +183,8 @@ export default {
         { label: '卡号', prop: 'card_id', width: '200px' },
         { label: '卡类型', prop: 'card_type' },
         { label: '卡电量', prop: 'battery' },
-        { label: '操作', prop: 'operation' },
+        { label: '删除', prop: 'operationDelete', width:'70px' },
+        { label: '编辑', prop: 'operationEdit', width:'70px'  },
         // 其他列配置...
       ],
       issueTableData: [