修改应用管理

src/views/userManagement/application/index.vue

@@ -66,6 +66,7 @@ const tableBtnGroup = [
 ];
 const flag = ref(false);
 const title = ref("");
+const dT = ref("add");
 const editDialogVisible = ref(false);
 const editDialogTitle = ref("新增应用");
 const ruleForm = reactive({
@@ -75,11 +76,12 @@ const ruleForm = reactive({
 });
 const rowIndex = ref(1);
 const btnClick = (index, row, param) => {
+  rowIndex.value = index;
   if (param == "del") {
     flag.value = true;
     title.value = row.appName;
-    rowIndex.value = index;
   } else {
+    dT.value = "edit";
     editDialogVisible.value = true;
     editDialogTitle.value = "编辑应用";
     ruleForm.appDesc = row.appDesc;
@@ -98,6 +100,7 @@ const remove = () => {
 const addApp = () => {
   editDialogVisible.value = true;
   editDialogTitle.value = "新增应用";
+  dT.value = "add";
   ruleForm.appDesc = "";
   ruleForm.appName = "";
   ruleForm.appId = "";
@@ -106,15 +109,25 @@ const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
   await formEl.validate((valid, fields) => {
     if (valid) {
-      const len = tableData.value.length;
-      tableData.value.push({
-        id: len + 1,
-        appName: ruleForm.appName,
-        appDesc: ruleForm.appDesc,
-        appId: ruleForm.appId,
-      });
+      if (dT.value == "add") {
+        const len = tableData.value.length;
+        tableData.value.push({
+          id: len + 1,
+          appName: ruleForm.appName,
+          appDesc: ruleForm.appDesc,
+          appId: ruleForm.appId,
+        });
+        ElMessage.success("新增成功");
+      } else {
+        tableData.value[rowIndex.value] = {
+          id: tableData.value[rowIndex.value].id,
+          appName: ruleForm.appName,
+          appDesc: ruleForm.appDesc,
+          appId: ruleForm.appId,
+        };
+        ElMessage.success("编辑成功");
+      }
       editDialogVisible.value = false;
-      ElMessage.success("添加成功");
     } else {
       console.log("error submit!", fields);
     }