From bfabab59b6d2fc9d28cd870fff5a366e5d290079 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期五, 29 七月 2022 09:22:24 +0800
Subject: [PATCH] 对接

---
 src/views/goalManagement/performanceAppraisal/index.vue |  681 ++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 438 insertions(+), 243 deletions(-)

diff --git a/src/views/goalManagement/performanceAppraisal/index.vue b/src/views/goalManagement/performanceAppraisal/index.vue
index 3d340c5..cfe1191 100644
--- a/src/views/goalManagement/performanceAppraisal/index.vue
+++ b/src/views/goalManagement/performanceAppraisal/index.vue
@@ -1,270 +1,465 @@
 <template>
-   <div>
-	<div class="minCenter">
-		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-			<el-tab-pane label="安全考核管理" name="1">
-				<el-form :model="ruleForm" status-icon label-width="20px" class="topTitle">
-					<el-row>
-						<el-col :span="4">
-							<el-form-item size="default">
-								<el-select v-model="ruleForm.region" style="width: 100%" placeholder="请选择考核部门">
-									<el-option label="Zone one" value="shanghai" />
-									<el-option label="Zone two" value="beijing" />
-								</el-select>
-							</el-form-item>
-						</el-col>
-						<el-col :span="4">
-							<el-form-item>
-								<el-button size="default" type="primary">查询</el-button>
-								<el-button size="default">重置</el-button>
-							</el-form-item>
-						</el-col>
-					</el-row>
-				</el-form>
-				<div class="btns">
-					<div>
-						<el-button size="default" type="primary" :icon="Plus" @click="openDai">新建</el-button>
-						<el-button size="default" type="warning" plain :icon="EditPen">修改</el-button>
-						<el-button size="default" type="danger" plain :icon="Delete">删除</el-button>
+	<div>
+		<div class="minCenter">
+			<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+				<el-tab-pane label="安全考核管理" name="1">
+					<el-form :model="ruleForm" status-icon label-width="20px" class="topTitle">
+						<el-row>
+							<el-col :span="4">
+								<el-form-item size="default">
+									<el-select v-model="ruleForm.searchParams.examineDepartmentId" style="width: 100%" placeholder="请选择考核部门">
+										<el-option label="Zone one" value="shanghai" />
+										<el-option label="Zone two" value="beijing" />
+									</el-select>
+								</el-form-item>
+							</el-col>
+							<el-col :span="4">
+								<el-form-item>
+									<el-button size="default" type="primary" @click="listApi">查询</el-button>
+									<el-button size="default" @click="resetForm">重置</el-button>
+								</el-form-item>
+							</el-col>
+						</el-row>
+					</el-form>
+					<div class="btns">
+						<div>
+							<el-button size="default" type="primary" :icon="Plus" @click="openD('新建')">新建</el-button>
+							<el-button size="default" :disabled="warning" type="warning" plain :icon="EditPen">修改</el-button>
+							<el-button size="default" :disabled="danger" type="danger" plain :icon="Delete" @click="onDeleteAll">删除</el-button>
+						</div>
 					</div>
-				</div>
-				<el-table ref="multipleTableRef" :data="tableData" style="width: 100%">
-					<el-table-column type="selection" align="center" width="55" />
-					<el-table-column type="expand">
-						<template #default>
-							<div class="tableC">
-								<el-tabs v-model="activeNames">
-									<el-tab-pane label="考核项目" name="1">
-                                         <el-table :data="tableData" style="width: 100%">
-											<el-table-column align="center" prop="date" label="类型"/>
-											<el-table-column align="center" prop="name" label="考核项目"/>
-											<el-table-column align="center" prop="address" label="考核内容"/>
-                                            <el-table-column align="center" prop="address" label="评定标准" />
-                                            <el-table-column align="center" prop="address" label="考核说明" />
-										</el-table>
-                                    </el-tab-pane>
-								</el-tabs>
-							</div>
-						</template>
-					</el-table-column>
-					<el-table-column label="考核日期" align="center" sortable>
-						<template #default="scope">{{ scope.row.date }}</template>
-					</el-table-column>
-					<el-table-column property="name" align="center" label="考核部门" sortable />
-					<el-table-column property="address" label="考核人" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="被考核部门" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="总分" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="考核结果" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="附件" align="center" sortable show-overflow-tooltip />
-					<el-table-column label="操作" align="center" width="250px">
-						<template #default>
-							<el-button link type="primary" size="default" :icon="View" @click="handleClick">查看</el-button>
-							<el-button link type="primary" size="default" :icon="EditPen" @click="handleClick">修改</el-button>
-							<el-button link type="primary" size="default" :icon="Delete">删除</el-button>
-						</template>
-					</el-table-column>
-				</el-table>
-				<div class="pages">
-					<el-pagination
-						v-model:currentPage="currentPage4"
-						v-model:page-size="pageSize4"
-						:page-sizes="[100, 200, 300, 400]"
-						:small="small"
-						:disabled="disabled"
-						:background="background"
-						layout="total, sizes, prev, pager, next, jumper"
-						:total="400"
-						@size-change="handleSizeChange"
-						@current-change="handleCurrentChange"
-					/>
-				</div>
-			</el-tab-pane>
-			<el-tab-pane label="考核标准设定" name="2">
-				<el-form :model="ruleForm" status-icon label-width="20px" class="topTitle">
-					<el-row>
-						<el-col :span="4">
-							<el-form-item size="default">
-								<el-input v-model="ruleForm.pass" placeholder="标准标题" />
-							</el-form-item>
-						</el-col>
-						<el-col :span="4">
-							<el-form-item>
-								<el-button size="default" type="primary">查询</el-button>
-								<el-button size="default">重置</el-button>
-							</el-form-item>
-						</el-col>
-					</el-row>
-				</el-form>
-				<div class="btns">
-					<div>
-						<el-button size="default" type="primary" :icon="Plus" @click="openDaiK('新建')">新建</el-button>
-						<el-button size="default" type="warning" plain :icon="EditPen">修改</el-button>
-						<el-button size="default" type="danger" plain :icon="Delete">删除</el-button>
+					<el-table ref="multipleTableRef" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
+						<el-table-column type="selection" align="center" width="55" />
+						<el-table-column type="expand">
+							<template #default>
+								<div class="tableC">
+									<el-table :data="tableData.currentExamineDtoList" style="width: 100%">
+										<el-table-column align="center" prop="itemDetail" label="考核项目" />
+										<el-table-column align="center" prop="content" label="考核内容" />
+										<el-table-column align="center" prop="number" label="考核分数" />
+									</el-table>
+								</div>
+							</template>
+						</el-table-column>
+						<el-table-column property="examineDate" align="center" label="考核日期" sortable />
+						<el-table-column property="beExaminedDepartmentId" align="center" label="考核部门" sortable />
+						<el-table-column property="examinePersonId" label="考核人" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="beExaminedDepartmentId" label="被考核部门" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="examineTotalNumber" label="总分" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="numberDetailJson.number" label="考核结果" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="extraFile" label="附件" align="center" sortable show-overflow-tooltip />
+						<el-table-column label="操作" align="center" width="250px">
+							<template #default="scope">
+								<el-button link type="primary" size="default" :icon="View" @click="openD('查看', scope.row.id)">查看</el-button>
+								<el-button link type="primary" size="default" :icon="EditPen" @click="openD('修改', scope.row.id)">修改</el-button>
+								<el-button link type="primary" size="default" :icon="Delete" @click="onDelete(scope.row.id)">删除</el-button>
+							</template>
+						</el-table-column>
+					</el-table>
+					<div class="pages">
+						<el-pagination
+							v-model:currentPage="currentPage4"
+							v-model:page-size="pageSize4"
+							:page-sizes="[10, 20, 30, 40]"
+							layout="total, sizes, prev, pager, next, jumper"
+							:total="total"
+							@size-change="handleSizeChange"
+							@current-change="handleCurrentChange"
+						/>
 					</div>
-				</div>
-				<el-table ref="multipleTableRef" :data="tableData" style="width: 100%">
-					<el-table-column type="selection" align="center" width="55" />
-                    <el-table-column type="expand">
-						<template #default>
-							<div class="tableC">
-								<el-tabs v-model="activeNames">
-									<el-tab-pane label="考核项目" name="1">
-                                         <el-table :data="tableData" style="width: 100%">
-											<el-table-column align="center" prop="date" label="类型"/>
-											<el-table-column align="center" prop="name" label="考核项目"/>
-											<el-table-column align="center" prop="address" label="考核内容"/>
-                                            <el-table-column align="center" prop="address" label="评定标准" />
-                                            <el-table-column align="center" prop="address" label="考核说明" />
-										</el-table>
-                                    </el-tab-pane>
-								</el-tabs>
-							</div>
-						</template>
-					</el-table-column>
-					<el-table-column label="标准标题" align="center" sortable>
-						<template #default="scope">{{ scope.row.date }}</template>
-					</el-table-column>
-					<el-table-column property="name" align="center" label="适用范围" sortable />
-					<el-table-column property="address" label="设定人" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="设定人部门" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="设定日期" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="模板分类编码" align="center" sortable show-overflow-tooltip />
-					<el-table-column property="address" label="合格分数" align="center" sortable show-overflow-tooltip />
-					<el-table-column label="操作" align="center" width="250px">
-						<template #default>
-							<el-button link type="primary" size="default" :icon="View" @click="openDaiK('查看')">查看</el-button>
-							<el-button link type="primary" size="default" :icon="EditPen" @click="openDaiK('修改')">修改</el-button>
-							<el-button link type="primary" size="default" :icon="Delete">删除</el-button>
-						</template>
-					</el-table-column>
-				</el-table>
-				<div class="pages">
-					<el-pagination
-						v-model:currentPage="currentPage4"
-						v-model:page-size="pageSize4"
-						:page-sizes="[100, 200, 300, 400]"
-						:small="small"
-						:disabled="disabled"
-						:background="background"
-						layout="total, sizes, prev, pager, next, jumper"
-						:total="400"
-						@size-change="handleSizeChange"
-						@current-change="handleCurrentChange"
-					/>
-				</div>
-			</el-tab-pane>
-		</el-tabs>
-	</div>
-    <DailogAq ref="ShowAq"></DailogAq>
-	<DailogKh ref="ShowKh"></DailogKh>
+				</el-tab-pane>
+				<el-tab-pane label="考核标准设定" name="2">
+					<el-form :model="ruleForms" status-icon label-width="20px" class="topTitle">
+						<el-row>
+							<el-col :span="4">
+								<el-form-item size="default">
+									<el-input v-model="ruleForms.searchParams.title" placeholder="标准标题" />
+								</el-form-item>
+							</el-col>
+							<el-col :span="4">
+								<el-form-item>
+									<el-button size="default" type="primary" @click="listApis">查询</el-button>
+									<el-button size="default" @click="resetForms">重置</el-button>
+								</el-form-item>
+							</el-col>
+						</el-row>
+					</el-form>
+					<div class="btns">
+						<div>
+							<el-button size="default" type="primary" :icon="Plus" @click="openDs('新建')">新建</el-button>
+							<el-button size="default" :disabled="warnings" type="warning" plain :icon="EditPen">修改</el-button>
+							<el-button size="default" :disabled="dangers" type="danger" plain :icon="Delete"  @click="onDeleteAlls">删除</el-button>
+						</div>
+					</div>
+					<el-table ref="multipleTableRef" :data="tableDatas" style="width: 100%" @selection-change="handleSelectionChanges">
+						<el-table-column type="selection" align="center" width="55" />
+						<el-table-column type="expand">
+							<template #default>
+								<div class="tableC">
+									<el-table :data="tableDatas.examineItemList" style="width: 100%">
+										<el-table-column align="center" prop="itemType" label="类型" />
+										<el-table-column align="center" prop="itemDetail" label="考核项目" />
+										<el-table-column align="center" prop="content" label="考核内容" />
+										<el-table-column align="center" prop="judgeStandard" label="评定标准" />
+										<el-table-column align="center" prop="memo" label="考核说明" />
+									</el-table>
+								</div>
+							</template>
+						</el-table-column>
+						<el-table-column label="标准标题" property="title" align="center" sortable />
+						<el-table-column property="applyRange" align="center" label="适用范围" sortable />
+						<el-table-column property="setPersonId" label="设定人" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="setPersonDepartmentId" label="设定人部门" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="createTime" label="设定日期" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="templateCode" label="模板分类编码" align="center" sortable show-overflow-tooltip />
+						<el-table-column property="acceptanceNumber" label="合格分数" align="center" sortable show-overflow-tooltip />
+						<el-table-column label="操作" align="center" width="250px">
+							<template #default="scope">
+								<el-button link type="primary" size="default" :icon="View" @click="openDs('查看', scope.row.id)">查看</el-button>
+								<el-button link type="primary" size="default" :icon="EditPen" @click="openDs('修改', scope.row.id)">修改</el-button>
+								<el-button link type="primary" size="default" :icon="Delete" @click="onDeletes(scope.row.id)">删除</el-button>
+							</template>
+						</el-table-column>
+					</el-table>
+					<div class="pages">
+						<el-pagination
+							v-model:currentPage="currentPage4s"
+							v-model:page-size="pageSize4s"
+							:page-sizes="[10, 20, 30, 40]"
+							layout="total, sizes, prev, pager, next, jumper"
+							:total="totals"
+							@size-change="handleSizeChanges"
+							@current-change="handleCurrentChanges"
+						/>
+					</div>
+				</el-tab-pane>
+			</el-tabs>
+		</div>
+		<DailogAq ref="ShowAdd" @navAddorUpdata="onAddorUpdata"></DailogAq>
+		<DailogKh ref="ShowAdds" @navAddorUpdata="onAddorUpdatas"></DailogKh>
 	</div>
 </template>
 <script lang="ts">
-import DailogAq from './component/DailogAq.vue'
-import DailogKh from './component/DailogKh.vue'
+import DailogAq from './component/DailogAq.vue';
+import DailogKh from './component/DailogKh.vue';
 import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue';
 import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext, FormInstance } from 'element-plus';
 import { Plus, Delete, Upload, Download, Refresh, View, EditPen } from '@element-plus/icons-vue';
-interface User {
-	date: string;
-	name: string;
-	address: string;
-}
-import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults';
+import { goalManagementApi } from '/@/api/goalManagement';
 export default defineComponent({
-	components: { ElButton, ElInput,DailogAq,DailogKh},
+	components: { ElButton, ElInput, DailogAq, DailogKh },
 	setup() {
-		const ruleForm = reactive({});
-
-		// 下方导航与表格
-		const activeName = ref('1');
-		const activeNames = ref('1');
-		const handleClick = (tab: TabsPaneContext, event: Event) => {
-			console.log(tab, event);
+		// 搜索条件 安全考核管理
+		const ruleForm = reactive({
+			pageSize: 2,
+			pageIndex: 1,
+			searchParams: {
+				examineDepartmentId: '',
+			},
+		});
+		// 重置
+		const resetForm = () => {
+			ruleForm.searchParams.examineDepartmentId = '';
 		};
-		const formatter = (row: User, column: TableColumnCtx<User>) => {
-			return row.address;
+		const listApi = () => {
+			goalManagementApi()
+				.getexamineMngList(ruleForm)
+				.then((res) => {
+					if (res.data.code == 200) {
+						tableData.value = res.data.data;
+						currentPage4.value = res.data.pageIndex;
+						pageSize4.value = res.data.pageSize;
+						total.value = res.data.total;
+					} else {
+						ElMessage.error(res.data.msg);
+					}
+				});
 		};
 
-		const tableData: User[] = [
-			{
-				date: '2016-05-03',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-			{
-				date: '2016-05-02',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-			{
-				date: '2016-05-04',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-			{
-				date: '2016-05-01',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-			{
-				date: '2016-05-08',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-			{
-				date: '2016-05-06',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-			{
-				date: '2016-05-07',
-				name: 'Tom',
-				address: 'No. 189, Grove St, Los Angeles',
-			},
-		];
-		const currentPage4 = ref(4);
-		const pageSize4 = ref(100);
-		const small = ref(false);
-		const disabled = ref(false);
-		const background = ref(false);
+		onMounted(() => {
+			listApi();
+		});
+		const onAddorUpdata = () => {
+			listApi();
+		};
+		// 表格
+		const tableData = ref();
+		const currentPage4 = ref();
+		const pageSize4 = ref();
+		const total = ref();
 		const handleSizeChange = (val: number) => {
-			console.log(`${val} items per page`);
+			// console.log(`${val} items per page`);
+			ruleForm.pageSize = val;
+			listApi();
 		};
 		const handleCurrentChange = (val: number) => {
-			console.log(`current page: ${val}`);
+			// console.log(`current page: ${val}`);
+			ruleForm.pageIndex = val;
+			listApi();
 		};
-        const ShowAq=ref()
-        const openDai=()=>{
-            ShowAq.value.openDailog()
-        }
-		const ShowKh=ref()
-		 const openDaiK=(name:string)=>{
-			 if(name=='新建'){
-				 ShowKh.value.openDailog(false)
-			 }else{
-				 ShowKh.value.openDailog(true)
-			 }
-            
-        }
+		// 弹窗
+		const openAdd = ref();
+		const openD= (title: String, id: number) => {
+			openAdd.value.openDailog(title, ruleForm.searchParams.examineDepartmentId, id);
+		};
+		// 删除
+		const onDelete = (id: number) => {
+			ElMessageBox.confirm('确定删除所选项吗?', 'Warning', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					goalManagementApi()
+						.getexamineMngDelete(id)
+						.then((res) => {
+							if (res.data.code == 200) {
+								ElMessage({
+									message: res.data.msg,
+									type: 'success',
+								});
+								listApi();
+							} else {
+								ElMessage.error(res.data.msg);
+							}
+						});
+				})
+				.catch(() => {
+					ElMessage({
+						type: 'info',
+						message: 'Delete canceled',
+					});
+				});
+		};
+		// 批量删除
+		const warning = ref(true);
+		const danger = ref(true);
+		const deletAll = ref();
+		const handleSelectionChange = (val: any) => {
+			let valId = JSON.parse(JSON.stringify(val));
+			let arr = [];
+			for (let i = 0; i < valId.length; i++) {
+				arr.push(valId[i].id);
+			}
+			deletAll.value = arr.toString();
+			if (val.length == 1) {
+				warning.value = false;
+				danger.value = false;
+			} else if (val.length == 0) {
+				warning.value = true;
+				danger.value = true;
+			} else {
+				warning.value = true;
+				danger.value = false;
+			}
+		};
+		const onDeleteAll = () => {
+			ElMessageBox.confirm('确定删除所选项吗?', 'Warning', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					goalManagementApi()
+						.getexamineMngDelete(deletAll.value)
+						.then((res) => {
+							if (res.data.code == 200) {
+								ElMessage({
+									message: res.data.msg,
+									type: 'success',
+								});
+								listApi();
+							} else {
+								ElMessage.error(res.data.msg);
+							}
+						});
+				})
+				.catch(() => {
+					// ElMessage({
+					// 	type: 'info',
+					// 	message: 'Delete canceled',
+					// });
+				});
+		};
+		// 切换
+		const activeName = ref('1');
+		const handleClick = (val: any) => {
+			if (val == '1') {
+				listApi();
+			}else{
+				listApis();
+			}
+		};
+		// 搜索条件 考核标准设定
+		const ruleForms = reactive({
+			pageSize: 10,
+			pageIndex: 1,
+			searchParams: {
+				title: '', //标准标题
+			},
+		});
+		// 重置
+		const resetForms = () => {
+			ruleForm.searchParams.examineDepartmentId = '';
+		};
+		const listApis = () => {
+			goalManagementApi()
+				.getexamineTemplateList(ruleForm)
+				.then((res) => {
+					if (res.data.code == 200) {
+						tableDatas.value = res.data.data;
+						currentPage4s.value = res.data.pageIndex;
+						pageSize4s.value = res.data.pageSize;
+						totals.value = res.data.total;
+					} else {
+						ElMessage.error(res.data.msg);
+					}
+				});
+		};
+		onMounted(() => {
+			listApis();
+		});
+		const onAddorUpdatas = () => {
+			listApis();
+		};
+		// 表格
+		const tableDatas = ref();
+		const currentPage4s = ref();
+		const pageSize4s = ref();
+		const totals = ref();
+		const handleSizeChanges = (val: number) => {
+			// console.log(`${val} items per page`);
+			ruleForms.pageSize = val;
+			listApis();
+		};
+		const handleCurrentChanges = (val: number) => {
+			// console.log(`current page: ${val}`);
+			ruleForms.pageIndex = val;
+			listApis();
+		};
+		// 弹窗
+		const openAdds = ref();
+		const openDs = (title: String, id: number) => {
+			openAdds.value.openDailog(title, ruleForm.searchParams.examineDepartmentId, id);
+		};
+		// 删除
+		const onDeletes = (id: number) => {
+			ElMessageBox.confirm('确定删除所选项吗?', 'Warning', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					goalManagementApi()
+						.getexamineTemplateDelete(id)
+						.then((res) => {
+							if (res.data.code == 200) {
+								ElMessage({
+									message: res.data.msg,
+									type: 'success',
+								});
+								listApi();
+							} else {
+								ElMessage.error(res.data.msg);
+							}
+						});
+				})
+				.catch(() => {
+					ElMessage({
+						type: 'info',
+						message: 'Delete canceled',
+					});
+				});
+		};
+		// 批量删除
+		const warnings = ref(true);
+		const dangers = ref(true);
+		const deletAlls = ref();
+		const handleSelectionChanges = (val: any) => {
+			let valId = JSON.parse(JSON.stringify(val));
+			let arr = [];
+			for (let i = 0; i < valId.length; i++) {
+				arr.push(valId[i].id);
+			}
+			deletAlls.value = arr.toString();
+			if (val.length == 1) {
+				warnings.value = false;
+				dangers.value = false;
+			} else if (val.length == 0) {
+				warnings.value = true;
+				dangers.value = true;
+			} else {
+				warnings.value = true;
+				dangers.value = false;
+			}
+		};
+		const onDeleteAlls = () => {
+			ElMessageBox.confirm('确定删除所选项吗?', 'Warning', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					goalManagementApi()
+						.getexamineTemplateDelete(deletAll.value)
+						.then((res) => {
+							if (res.data.code == 200) {
+								ElMessage({
+									message: res.data.msg,
+									type: 'success',
+								});
+								listApi();
+							} else {
+								ElMessage.error(res.data.msg);
+							}
+						});
+				})
+				.catch(() => {
+					// ElMessage({
+					// 	type: 'info',
+					// 	message: 'Delete canceled',
+					// });
+				});
+		};
 		return {
 			activeName,
-			activeNames,
+			ruleForm,
+			resetForm,
+			listApi,
 			handleClick,
+			onAddorUpdata,
 			tableData,
-			formatter,
 			currentPage4,
 			pageSize4,
+			total,
 			handleSizeChange,
 			handleCurrentChange,
-			small,
-			disabled,
-			background,
-			ruleForm,
-            ShowAq,
-            openDai,
-			ShowKh,
-			openDaiK,
+			openAdd,
+			openD,
+			onDelete,
+			warning,
+			danger,
+			deletAll,
+			handleSelectionChange,
+			onDeleteAll,
+			ruleForms,
+			resetForms,
+			listApis,
+			onAddorUpdatas,
+			tableDatas,
+			currentPage4s,
+			pageSize4s,
+			totals,
+			handleSizeChanges,
+			handleCurrentChanges,
+			openAdds,
+			openDs,
+			onDeletes,
+			warnings,
+			dangers,
+			deletAlls,
+			handleSelectionChanges,
+			onDeleteAlls,
 			Plus,
 			Delete,
 			Upload,
@@ -295,7 +490,7 @@
 	display: flex;
 	justify-content: right;
 }
-.tableC{
-    margin:0 10%;
+.tableC {
+	margin: 0 10%;
 }
 </style>

--
Gitblit v1.9.2