✨ feat(期刊): 期刊删除功能

src/views/journal/index.vue

@@ -155,7 +155,7 @@
         <el-table-column
           fixed="right"
           label="操作"
-          :width="[200, 200, 200][activateTab]"
+          :width="[200, 200, 300][activateTab]"
         >
           <template slot-scope="scope">
             <el-button
@@ -183,6 +183,25 @@
               size="mini"
               >详情</el-button
             >
+            <el-popconfirm
+              v-if="activateTab === 2"
+              confirm-button-text="确定"
+              cancel-button-text="取消"
+              icon="el-icon-info"
+              icon-color="red"
+              title="是否确认删除期刊？"
+              style="margin-left: 10px;"
+              @confirm="handleDeleteClick(scope.row)"
+            >
+              <el-button
+                slot="reference"
+                plain
+                icon="el-icon-delete"
+                type="danger"
+                size="mini"
+                >删除</el-button
+              >
+            </el-popconfirm>
           </template>
         </el-table-column>
         <el-table-column fixed="right" label="启停用" width="100">
@@ -567,6 +586,16 @@ export default {
         }
       });
     },
+    handleDeleteClick(row) {
+      journalApi.delete(row.id).then(res => {
+        if (res.code === 200) {
+          this.$message.success(res.message);
+          this.fetchData(this.queryForm.lastQuery);
+        } else {
+          this.$message.error(res.message);
+        }
+      });
+    },
     /**
      * 表格内状态滑块切换事件
      */