邓洁 : 修改页面细节

src/views/system/dept/index.vue

@@ -45,8 +45,8 @@
         <template #default="scope">
           <el-button type="text" size="mini" @click="handleAddLine(scope.row.deptId)">新增</el-button>
           <el-button type="text" size="mini" @click="handleEdit(scope.row.deptId)">修改</el-button>
-          <el-button type="text" size="mini" v-if="scope.row.parentId!==0" @click="handleDelete(scope.row)">删除
-          </el-button>
+          <popover-delete v-if="scope.row.parentId!==0" :name="scope.row.deptName" :type="'部门'"
+                          @delete="handleDelete(scope.row.deptId)"/>
         </template>
       </el-table-column>
     </el-table>
@@ -266,13 +266,8 @@ const expandChange = (data, isExpansion) => {
 }
 
 //删除功能
-const handleDelete = (row) => {
-  ElMessageBox.confirm(`确认删除部门名称为${row.deptName}的数据吗?`, "系统提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning"
-  }).then(() => {
-    deleteDept(row.deptId).then(res => {
+const handleDelete = (deptId) => {
+    deleteDept(deptId).then(res => {
       if (res.code === 1000) {
         ElMessage.success(res.msg);
         getList();
@@ -280,7 +275,6 @@ const handleDelete = (row) => {
         ElMessage.error(res.msg);
       }
     });
-  });
 };
 
 const handleDataCancel = () => {