库存管理

project_company/index.html

@@ -60,7 +60,7 @@
             >
           </el-form-item>
         </el-form>
-        <el-row :gutter="10" class="mb8">
+        <el-row :gutter="10" class="mb8" justify="space-between">
           <el-col :span="1.5">
             <el-button
               type="primary"
@@ -73,13 +73,27 @@
             <el-button type="warning" plain size="default" @click="handleAdd"
               >修改</el-button
             >
-            <el-button type="danger" plain size="default" @click="handleAdd"
+            <el-button
+              type="danger"
+              plain
+              size="default"
+              :disabled="selectedIds.length==0"
+              @click="batchDelete"
               >删除</el-button
             >
           </el-col>
+          <el-col :span="1.5">
+            <el-button plain size="default" @click="handleAdd">导入</el-button>
+            <el-button plain size="default" @click="handleAdd">导出</el-button>
+          </el-col>
         </el-row>
 
-        <el-table v-loading="loading" :data="dataList" style="width: 100%">
+        <el-table
+          v-loading="loading"
+          :data="dataList"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
           <el-table-column type="selection" width="55"></el-table-column>
           <el-table-column
             label="单位名称"
@@ -104,12 +118,12 @@
             align="center"
           ></el-table-column>
           <el-table-column
-            label="开户行账号"
+            label="开户行银行账号"
             prop="bank"
             align="center"
           ></el-table-column>
           <el-table-column
-            label="税号"
+            label="企业税号"
             prop="taxId"
             align="center"
           ></el-table-column>
@@ -258,6 +272,7 @@
         addProjectCompany,
         getProjectCompanyById,
         deleteProjectCompany,
+        updateProjectCompany,
       } from "/common/js/api/projectCompany.js";
 
       const app = createApp({
@@ -366,36 +381,14 @@
           const submitForm = async () => {
             await formRef.value.validate();
             if (form.value.id) {
-              fetch(`http://localhost:8000/organizational/${form.value.id}`, {
-                method: "PUT",
-                headers: {
-                  "Content-Type": "application/json",
-                },
-                body: JSON.stringify(form.value),
-              })
-                .then((resp) => resp.json())
-                .then(() => {
-                  cancel();
-                  getList();
-                });
+              await updateProjectCompany(form.value);
+              cancel();
+              getList();
             } else {
               await addProjectCompany(form.value);
               cancel();
               getList();
               ElMessage.success("新增成功");
-              // fetch(`http://localhost:8000/organizational`, {
-              //   method: "POST",
-              //   headers: {
-              //     "Content-Type": "application/json",
-              //   },
-              //   body: JSON.stringify(form.value),
-              // })
-              //   .then((resp) => resp.json())
-              //   .then(() => {
-              //     cancel();
-              //     getList();
-              //     ElMessage.success("新增成功");
-              //   });
             }
           };
           const getList = async () => {
@@ -409,13 +402,9 @@
             getList();
           };
           const switchStatus = async (row) => {
-            const orgData = _.cloneDeep(row);
-            console.log(orgData.status);
+            const companyData = _.cloneDeep(row);
             try {
-              await axios.put(
-                `http://localhost:8000/organizational/${orgData.id}`,
-                orgData
-              );
+              await updateProjectCompany(companyData);
               getList();
               console.log("更改状态成功");
             } catch (error) {
@@ -423,6 +412,17 @@
               console.log("更改状态失败");
             }
           };
+          const selectedIds = ref([]);
+          const handleSelectionChange = (val) => {
+            selectedIds.value = val.map((item) => item.id);
+          };
+          const batchDelete = async () => {
+            await deleteProjectCompany(selectedIds.value.join(","));
+            ElMessage.success(
+              `批量删除了id为${selectedIds.value.join(",")}的数据项`
+            );
+            getList();
+          };
           getList();
           return {
             cancel,
@@ -446,6 +446,9 @@
             handleSizeChange,
             handleCurrentChange,
             switchStatus,
+            handleSelectionChange,
+            selectedIds,
+            batchDelete,
           };
         },
       });