企业添加与修改

src/views/dataList/enterprise/add.vue

@@ -23,9 +23,10 @@ import {
   companyEdit,
 } from "@/api/dataList/enterprise";
 import { reactive, toRefs } from "vue";
-import { useRouter } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
 const router = useRouter();
+const route = useRoute();
 const formType = ref(2);
 const expertFormRef = ref(null);
 const data = reactive({
@@ -54,27 +55,30 @@ const cancel = () => {
   router.back();
   tab.closeOpenPage();
 };
-const submitForm = () => {
-  if (this.$refs.expertForm.submitForm()) {
-    console.log(form.value);
-    // todo...  提交出错
+const submitForm = async () => {
+  const valid = await expertFormRef.value.validateForm();
+  if (valid) {
     if (form.value.id != undefined) {
-      companyEdit(form.value).then((response) => {
-        this.$store.dispatch("tagsView/delView", this.$route);
-        router.go(-1);
-        ElMessage.success("修改成功");
-      });
+      await companyEdit(form.value);
+      cancel();
+      ElMessage.success("修改成功");
     } else {
-      companyAdd(form.value).then((res) => {
-        this.$store.dispatch("tagsView/delView", this.$route);
-        router.go(-1);
-        ElMessage.success("新增成功");
-      });
+      await companyAdd(form.value);
+      cancel();
+      ElMessage.success("新增成功");
     }
   } else {
     console.log("校验未通过");
   }
 };
+
+const getDetailById = async () => {
+  if (route.query.id) {
+    const { data } = await companyDetail(route.query.id);
+    form.value = data;
+  }
+};
+getDetailById();
 </script>
 
 <!-- <script>

src/views/dataList/enterprise/index.vue

@@ -85,7 +85,7 @@
       <el-table-column label="数据编号" align="center" prop="id" />
       <el-table-column label="企业名称" align="center" prop="name" />
       <el-table-column label="统一社会信用代码" align="center" prop="code" />
-      <el-table-column
+      <!-- <el-table-column
         label="所属领域"
         align="center"
         prop="industrys"
@@ -94,7 +94,7 @@
         <template #default="{ row }">
           <div>{{ row.industrys[row.industrys.length - 1] }}</div>
         </template>
-      </el-table-column>
+      </el-table-column> -->
       <el-table-column label="站点" align="center">
         <template #default="{ row }">
           {{ siteList.find((el) => el.id === row.tenantId)?.name || "无" }}
@@ -195,7 +195,7 @@ const handleAdd = () => {
 };
 const handleDetail = (id) => {
   router.push({
-    path: "/dataList/enterpriseAdd",
+    path: "/dataList/enterprise/add",
     query: { id },
   });
 };