From eba23d6024a63abf19cbeb3bc1097625bfb3fa81 Mon Sep 17 00:00:00 2001
From: lucky <srf428110@163.com>
Date: Sun, 23 Jan 2022 17:20:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3,=E5=88=A0=E9=99=A4=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84=E6=8F=92=E4=BB=B6=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/business.js                     |  2 +-
 src/components/listPlugin.vue            | 33 +++++++++++++++++++++---
 src/components/listTable.vue             | 20 +++++++++++---
 src/views/index-list/business-detail.vue |  4 ++-
 src/views/index-list/business-list.vue   |  2 +-
 5 files changed, 52 insertions(+), 9 deletions(-)

diff --git a/src/apis/business.js b/src/apis/business.js
index 98750be..58c1041 100644
--- a/src/apis/business.js
+++ b/src/apis/business.js
@@ -27,4 +27,4 @@ export const queryIdBusiness = params => http.post(`${business}/queryIdBusiness`
 export const delRelevance = params => http.post(`${business}/delRelevance`, params);
 
 // 删除业务
-export const delBusiness = params => http.post(`${business}/business/del`, params);
+export const delBusiness = params => http.post(`${business}/del`, params);
diff --git a/src/components/listPlugin.vue b/src/components/listPlugin.vue
index 5d51edf..4b33f5e 100644
--- a/src/components/listPlugin.vue
+++ b/src/components/listPlugin.vue
@@ -21,7 +21,16 @@
           <span>{{ list.authorName || '无' }}</span>
         </div>
         <div class="mt-6">
-          <el-button type="primary" v-if="showConfig">移除</el-button>
+          <el-popconfirm
+            title="确定要移除该插件吗?"
+            confirm-button-text="确定"
+            cancel-button-text="再想想"
+            @confirm="deleteRelevance(list)"
+          >
+            <template #reference>
+              <el-button type="primary" v-if="showConfig">移除</el-button>
+            </template>
+          </el-popconfirm>
           <el-button type="primary" disabled>下载源代码</el-button>
           <el-button type="primary" disabled>下载示例代码</el-button>
           <!-- 添加到业务弹框 -->
@@ -58,8 +67,9 @@
 </template>
 
 <script lang="ts" setup="true">
-import { defineProps, reactive, watchEffect } from 'vue';
-import { queryBusiness } from '@/apis/business.js';
+import { defineProps, reactive, watchEffect, defineEmits } from 'vue';
+import { ElMessage } from 'element-plus';
+import { queryBusiness, delRelevance } from '@/apis/business.js';
 
 const data = reactive({
   currentPage: 1,
@@ -71,8 +81,11 @@ const data = reactive({
 const props = defineProps({
   lists: { default: () => [], type: Array },
   showConfig: { default: false, type: Boolean },
+  businessId: { default: '', type: String },
 });
 
+const emit = defineEmits(['queryPluginOfBusiness']);
+
 watchEffect(() => {
   if (props.lists && props.lists.length) {
     data.listArray = [];
@@ -133,6 +146,20 @@ function collapseVisible(index) {
     }
   });
 }
+
+/**
+ * 移除业务下的插件
+ */
+async function deleteRelevance(list) {
+  try {
+    const params = { param: { businessPluginId: list.businessPluginId } };
+    await delRelevance(params);
+    ElMessage.success('删除成功');
+    emit('queryPluginOfBusiness', props.businessId);
+  } catch (error) {
+    ElMessage.success(error || '删除失败');
+  }
+}
 </script>
 
 <style scoped>
diff --git a/src/components/listTable.vue b/src/components/listTable.vue
index e5dfadb..02adf00 100644
--- a/src/components/listTable.vue
+++ b/src/components/listTable.vue
@@ -22,7 +22,12 @@
       <el-table-column prop="createTime" :formatter="changeDate" label="创建日期" sortable></el-table-column>
       <el-table-column label="操作" key="slot">
         <template #default="scope">
-          <el-popconfirm title="确定删除这条业务吗?" confirm-button-text="确定" cancel-button-text="再想想" @confirm="deleteBusiness">
+          <el-popconfirm
+            title="确定删除这条业务吗?"
+            confirm-button-text="确定"
+            cancel-button-text="再想想"
+            @confirm="deleteBusiness(scope.row)"
+          >
             <template #reference>
               <el-button type="text" size="small">删除</el-button>
             </template>
@@ -41,9 +46,11 @@
 
 <script setup>
 import { useRouter } from 'vue-router';
-import { defineProps } from 'vue';
+import { defineProps, defineEmits } from 'vue';
 import { useStore } from 'vuex';
 import time from 'utils/time';
+import { ElMessage } from 'element-plus';
+import { delBusiness } from '@/apis/business.js';
 
 const router = useRouter();
 const store = useStore();
@@ -55,6 +62,8 @@ defineProps({
   showConfig: { default: false, type: Boolean },
 });
 
+const emit = defineEmits(['handleQueryBusiness']);
+
 function change(row) {
   console.log('row: ', row);
 }
@@ -73,10 +82,15 @@ function changeDate(row) {
  * 删除业务
  * @param {String} businessId
  */
-function deleteBusiness() {
+async function deleteBusiness(row) {
   try {
     // 这里写接口  记得加 async await
+    const params = { param: { businessId: row.id } };
+    await delBusiness(params);
+    emit('handleQueryBusiness');
+    ElMessage.success('删除成功');
   } catch (error) {
+    ElMessage.error(error || '删除失败');
     console.error('error: ', error);
   }
 }
diff --git a/src/views/index-list/business-detail.vue b/src/views/index-list/business-detail.vue
index 95ba8d5..8517f54 100644
--- a/src/views/index-list/business-detail.vue
+++ b/src/views/index-list/business-detail.vue
@@ -40,7 +40,7 @@
           </template>
         </el-popover>
       </div>
-      <listPlugin :lists="data.lists" :showConfig="true" />
+      <listPlugin :lists="data.lists" :showConfig="true" :businessId="data.businessId" @queryPluginOfBusiness="queryPluginOfBusiness" />
       <Pagination
         :currentPage="data.currentPage"
         :pageSize="data.pageSize"
@@ -78,6 +78,7 @@ const data = reactive({
   pluginLists: [],
   isLastPage: false,
   pageNum: 1,
+  businessId: '',
 });
 
 function handleSizeChange(val) {
@@ -148,6 +149,7 @@ async function queryPluginOfBusiness(businessId) {
 
 const routeValue = router.currentRoute.value;
 const id = routeValue && routeValue.query && routeValue.query.id ? routeValue.query.id : '';
+data.businessId = id;
 queryPluginOfBusiness(id);
 handleQueryIdBusiness(id);
 
diff --git a/src/views/index-list/business-list.vue b/src/views/index-list/business-list.vue
index db454fe..81ac404 100644
--- a/src/views/index-list/business-list.vue
+++ b/src/views/index-list/business-list.vue
@@ -4,7 +4,7 @@
     <div class="py-6">
       <el-button type="primary" icon="el-icon-plus" @click="openPage">创建业务</el-button>
     </div>
-    <listTable :lists="data.lists" />
+    <listTable :lists="data.lists" @handleQueryBusiness="handleQueryBusiness" />
     <Pagination
       :currentPage="data.currentPage"
       :pageSize="data.pageSize"