feat: save

src/view/organization.vue

@@ -4,18 +4,30 @@
       <div class="search">
         <el-form label-width="100px" inline>
           <el-form-item label="单位名称">
-            <el-input v-model.trim="pageProps.orgName" clearable style="width: 250px" placeholder="请输入" />
+            <el-input
+              v-model.trim="pageProps.orgName"
+              clearable
+              style="width: 250px"
+              placeholder="请输入"
+            />
           </el-form-item>
           <el-form-item label="类型">
             <el-select style="width: 250px" v-model="pageProps.type" clearable>
-              <el-option :value="Number(key)" :label="type" v-for="(type, key) in OrganizationTypeDesc" />
+              <el-option
+                :value="Number(key)"
+                :label="type"
+                v-for="(type, key) in OrganizationTypeDesc"
+              />
             </el-select>
-
           </el-form-item>
 
           <el-form-item>
             <el-button type="primary" @click="refresh">查询</el-button>
-            <el-button type="primary" plain @click="pageProps = { ...initProps }">
+            <el-button
+              type="primary"
+              plain
+              @click="pageProps = { ...initProps }"
+            >
               重置
             </el-button>
             <el-button type="primary" @click="addHandler"> 新增单位 </el-button>
@@ -27,22 +39,40 @@
     <div class="relics-content">
       <el-table default-expand-all row-key="orgId" :data="relicsArray" border>
         <el-table-column label="单位名称" prop="orgName"></el-table-column>
-        <el-table-column label="类型" prop="type" v-slot:default="{ row }: { row: OrganizationType }">
-          {{ row.type ? OrganizationTypeDesc[row.type] : '' }}
+        <el-table-column
+          label="类型"
+          prop="type"
+          v-slot:default="{ row }: { row: OrganizationType }"
+        >
+          {{ row.type ? OrganizationTypeDesc[row.type] : "" }}
         </el-table-column>
         <el-table-column label="单位账号" prop="userName"></el-table-column>
         <el-table-column label="单位联系人" prop="contact"></el-table-column>
 
-        <el-table-column label="创建时间" prop="updateTime" v-slot:default="{ row }">
+        <el-table-column
+          label="创建时间"
+          prop="updateTime"
+          v-slot:default="{ row }"
+        >
           {{ row.updateTime && row.updateTime.substr(0, 16) }}
         </el-table-column>
         <el-table-column label="创建人" prop="createByName"></el-table-column>
         <el-table-column label="操作" width="100px" fixed="right">
           <template #default="{ row }: { row: OrganizationType }">
-            <el-button link type="primary" @click="editHandler(row)" size="small">
+            <el-button
+              link
+              type="primary"
+              @click="editHandler(row)"
+              size="small"
+            >
               编辑
             </el-button>
-            <el-button link type="danger" @click="delOrganization(row)" size="small">
+            <el-button
+              link
+              type="danger"
+              @click="delOrganization(row)"
+              size="small"
+            >
               删除
             </el-button>
           </template>
@@ -50,9 +80,15 @@
       </el-table>
     </div>
     <div class="pag-layout">
-      <el-pagination background layout="total, prev, pager, next, sizes, jumper" v-model:page-size="pageProps.pageSize"
-        :page-sizes="[10, 20, 50, 100]" :total="total" @current-change="(data: number) => pageProps.pageNum = data"
-        :current-page="pageProps.pageNum" />
+      <el-pagination
+        background
+        layout="total, prev, pager, next, sizes, jumper"
+        v-model:page-size="pageProps.pageSize"
+        :page-sizes="[10, 20, 50, 100]"
+        :total="total"
+        @current-change="(data: number) => pageProps.pageNum = data"
+        :current-page="pageProps.pageNum"
+      />
     </div>
   </div>
 </template>
@@ -67,15 +103,16 @@ import {
   PageProps,
 } from "@/request";
 import type { OrganizationType } from "@/request/organization";
-import { OrganizationTypeDesc } from '@/store/organization'
+import { OrganizationTypeDesc } from "@/store/organization";
 import { organizationAdd, organizationEdit } from "./quisk";
 import { debounce } from "@/util";
 import { ElMessageBox } from "element-plus";
+import { openLoading, closeLoading } from "@/helper/loading";
 
 const initProps: PageProps<Partial<OrganizationType>> = {
   pageNum: 1,
   pageSize: 10,
-  orgName: '',
+  orgName: "",
   orgId: undefined,
   type: undefined,
 };
@@ -90,14 +127,12 @@ const refresh = debounce(async () => {
   total.value = data.total;
   // console.log('parseTree', parseTree(data.records, 'orgId'))
   // relicsArray.value = data.records.length > 1 ? parseTree(data.records, 'orgId') : data.records
-  relicsArray.value = data.records
+  relicsArray.value = data.records;
 });
 
 watch(pageProps, refresh, { deep: true, immediate: true });
 onActivated(refresh);
 
-
-
 const addHandler = async () => {
   await organizationAdd({ submit: addOrgFetch });
   await refresh();
@@ -108,17 +143,19 @@ const editHandler = async (org: OrganizationType) => {
   await refresh();
 };
 const delOrganization = async (org: OrganizationType) => {
-  console.log('org', org)
+  console.log("org", org);
   const ok = await ElMessageBox.confirm("确定要删除吗", {
     type: "warning",
   });
   if (ok) {
+    openLoading();
     await delOrgFetch({
       orgId: org.orgId,
       orgName: org.orgName,
       type: org.type,
     });
     await refresh();
+    closeLoading();
   }
 };
 </script>