cxc/smart_construction_site
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

库存管理

Browse Source
This commit is contained in:
quantulr
2022-08-24 13:42:47 +08:00
parent 96954052c5
commit 70cbe9b562
6 changed files with 1011 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
common/js/api/inventoryManagement.js Normal file
View File

@ -0,0 +1,36 @@
import request from "../request.js";
export const getInventoryManagement = (params) => {
return request({
url: "/inventory_management",
method: "get",
params,
});
};
export const addInventoryManagement = (data) => {
return request({
url: "/inventory_management",
method: "post",
data,
});
};
export const getInventoryManagementById = (id) => {
return request({
url: `/inventory_management/${id}`,
method: "get",
});
};
export const deleteInventoryManagement = (id) => {
return request({
url: `/inventory_management/${id}`,
method: "delete",
});
};
export const updateInventoryManagement = (data) => {
return request({
url: `/inventory_management/${data.id}`,
method: "put",
data,
});
};

36
common/js/api/projectBaseInfo.js Normal file
View File

@ -0,0 +1,36 @@
import request from "../request.js";
export const getProjectBaseInfo = (params) => {
return request({
url: "/project_base_info",
method: "get",
params,
});
};
export const addProjectBaseInfo = (data) => {
return request({
url: "/project_base_info",
method: "post",
data,
});
};
export const getProjectBaseInfoById = (id) => {
return request({
url: `/project_base_info/${id}`,
method: "get",
});
};
export const deleteProjectBaseInfo = (id) => {
return request({
url: `/project_base_info/${id}`,
method: "delete",
});
};
export const updateProjectBaseInfo = (data) => {
return request({
url: `/project_base_info/${data.id}`,
method: "put",
data,
});
};

7
common/js/api/projectCompany.js
View File

@ -27,3 +27,10 @@ export const deleteProjectCompany = (id) => {
method: "delete",
});
};
export const updateProjectCompany = (data) => {
return request({
url: `/project_company/${data.id}`,
method: "put",
data,
});
};

423
inventory_management/index.html Normal file
View File

@ -0,0 +1,423 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link rel="stylesheet" href="../lib/css/modern-normalize.css" />
<!-- element-plus style -->
<link rel="stylesheet" href="../lib/css/element-plus-index.css" />
<style>
.app-container {
padding: 20px;
}
</style>
<title>项目基础信息</title>
</head>
<body>
<div id="app">
<div class="app-container">
<el-form
:model="queryParams"
ref="queryFormRef"
v-show="showSearch"
:inline="true"
>
<el-form-item label="材料名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入材料名称"
clearable
size="default"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="供应商" prop="classification">
<el-select
v-model="queryParams.classification"
placeholder="请选择供应商"
>
<el-option label="a" value="a"></el-option>
<el-option label="b" value="b"></el-option>
<el-option label="c" value="c"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="search"
size="default"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" size="default" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8" type="flex" justify="space-between">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="plus"
size="default"
@click="handleAdd"
>新增</el-button
>
<el-button type="warning" plain size="default" @click="handleAdd"
>修改</el-button
>
<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%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
label="材料名称"
prop="name"
align="center"
></el-table-column>
<el-table-column
label="收货单号"
prop="receiptNumber"
align="center"
></el-table-column>
<el-table-column
label="创建人"
prop="founder"
align="center"
></el-table-column>
<el-table-column
label="入库日期"
prop="inventoryDate"
align="center"
></el-table-column>
<el-table-column
label="供应商"
prop="supplier"
align="center"
></el-table-column>
<el-table-column
label="创建时间"
prop="creationTime"
align="center"
></el-table-column>
<el-table-column
label="所属公司"
prop="affiliatedCompany"
align="center"
></el-table-column>
<el-table-column
label="入库说明"
prop="storageInstructions"
align="center"
></el-table-column>
<el-table-column align="center">
<template #default="{row}"> {{row.id }}</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template #default="{row}">
<el-link
type="primary"
icon="Edit"
size="small"
@click="handleEdit(row.id)"
>编辑</el-link
>
<el-link
type="danger"
icon="Delete"
size="small"
@click="handleDelete(row.id)"
>删除</el-link
>
</template>
</el-table-column>
</el-table>
<el-pagination
v-model:currentPage="queryParams.page"
v-model:page-size="queryParams.limit"
background
:page-sizes="[10, 20, 30, 50]"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
<el-dialog title="查看" v-model="showEditDialog" width="500px">
<el-form
ref="formRef"
:model="form"
:rules="rules"
label-width="120px"
>
<el-form-item label="项目名称:" prop="name">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="项目地址:" prop="address">
<el-input v-model="form.address" />
</el-form-item>
<el-form-item label="项目类型:" prop="classification">
<el-input v-model="form.classification" />
</el-form-item>
<el-form-item label="建设性质:" prop="constructionNature">
<el-input v-model="form.constructionNature" />
</el-form-item>
<el-form-item label="建设单位:" prop="buildUnit">
<el-input v-model="form.buildUnit" />
</el-form-item>
<el-form-item label="设计单位:" prop="designUnit">
<el-input v-model="form.designUnit" />
</el-form-item>
<el-form-item label="施工单位:" prop="constructionUnit">
<el-input v-model="form.constructionUnit" />
</el-form-item>
<el-form-item label="监理单位:" prop="supervisionUnit">
<el-input v-model="form.supervisionUnit" />
</el-form-item>
<el-form-item label="总面积:" prop="totalArea">
<el-input v-model.number="form.totalArea" />
</el-form-item>
<el-form-item label="总投资:" prop="totalInvestment">
<el-input v-model.number="form.totalInvestment" />
</el-form-item>
<el-form-item label="计划开始时间:" prop="planStartTime">
<el-input v-model="form.planStartTime" />
</el-form-item>
<el-form-item label="计划结束时间:" prop="planEndTime">
<el-input v-model="form.planEndTime" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</div>
<script src="../lib/js/vue.global.js"></script>
<script src="../lib/js/element-plus.full.js"></script>
<script src="../lib/js/element-plus-zh-cn.js"></script>
<!-- element-plus icon -->
<script src="../lib/js/element-plus-icon-vue.js"></script>
<script src="../lib/js/lodash.js"></script>
<script src="../lib/js/axios.min.js"></script>
<script type="module">
const { createApp, ref, reactive, toRefs } = Vue;
const { ElMessage, ElMessageBox } = ElementPlus;
import {
getProjectBaseInfo,
addProjectBaseInfo,
getProjectBaseInfoById,
updateProjectBaseInfo,
deleteProjectBaseInfo,
} from "/common/js/api/projectBaseInfo.js";
const app = createApp({
setup() {
const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
},
form: {},
rules: {
name: [{ required: true, trigger: "blur", message: "必填" }],
address: [{ required: true, trigger: "blur", message: "必填" }],
classification: [
{ required: true, trigger: "blur", message: "必填" },
],
constructionNature: [
{ required: true, trigger: "blur", message: "必填" },
],
buildUnit: [{ required: true, trigger: "blur", message: "必填" }],
designUnit: [
{ required: true, trigger: "blur", message: "必填" },
],
constructionUnit: [
{ required: true, trigger: "blur", message: "必填" },
],
supervisionUnit: [
{ required: true, trigger: "blur", message: "必填" },
],
totalArea: [{ required: true, trigger: "blur", message: "必填" }],
totalInvestment: [
{ required: true, trigger: "blur", message: "必填" },
],
planStartTime: [
{ required: true, trigger: "blur", message: "必填" },
],
planEndTime: [
{ required: true, trigger: "blur", message: "必填" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
const dataList = ref([]);
const showSearch = ref(true);
const showEditDialog = ref(false);
const loading = ref(false);
const formRef = ref();
const total = ref(0);
const genderDict = reactive({
0: "男",
1: "女",
});
// 取消按钮
const cancel = () => {
showEditDialog.value = false;
reset();
};
// 表单重置
const reset = () => {
form.value = {};
if (formRef.value) {
formRef.value.resetFields();
}
};
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
};
const resetQuery = () => {
queryParams.value = {
pageNum: 1,
pageSize: 10,
};
getList();
};
const handleDelete = async (id) => {
ElMessageBox.confirm(`是否删除id为${id}的项?`, "删除", {
confirmButtonText: "确认",
cancelButtonText: "取消",
type: "warning",
}).then(async () => {
try {
await deleteProjectBaseInfo(id);
ElMessage.success("删除成功");
getList();
} catch (error) {
console.log(error);
ElMessage.error("删除失败");
}
});
};
const handleAdd = async () => {
reset();
showEditDialog.value = true;
};
const handleEdit = async (id) => {
reset();
const resp = await getProjectBaseInfoById(id);
form.value = resp.data.data;
showEditDialog.value = true;
};
const submitForm = async () => {
await formRef.value.validate();
if (form.value.id) {
await updateProjectBaseInfo(form.value);
cancel();
getList();
} else {
await addProjectBaseInfo(form.value);
cancel();
getList();
ElMessage.success("新增成功");
}
};
const getList = async () => {
const resp = await getProjectBaseInfo(queryParams.value);
dataList.value = resp.data.rows;
total.value = resp.data.total;
};
const handleSizeChange = () => {};
const handleCurrentChange = (value) => {
queryParams.value.pageNum = value;
getList();
};
const switchStatus = async (row) => {
const companyData = _.cloneDeep(row);
try {
await updateProjectCompany(companyData);
getList();
console.log("更改状态成功");
} catch (error) {
getList();
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,
reset,
queryParams,
dataList,
showSearch,
loading,
form,
rules,
submitForm,
handleQuery,
resetQuery,
handleDelete,
handleAdd,
showEditDialog,
formRef,
handleEdit,
genderDict,
total,
handleSizeChange,
handleCurrentChange,
switchStatus,
handleSelectionChange,
selectedIds,
batchDelete,
};
},
});
app.use(ElementPlus, { locale: ElementPlusLocaleZhCn });
// 注册所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component);
}
app.mount("#app");
</script>
</body>
</html>

470
project_base_info/index.html Normal file
View File

@ -0,0 +1,470 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link rel="stylesheet" href="../lib/css/modern-normalize.css" />
<!-- element-plus style -->
<link rel="stylesheet" href="../lib/css/element-plus-index.css" />
<style>
.app-container {
padding: 20px;
}
</style>
<title>项目基础信息</title>
</head>
<body>
<div id="app">
<div class="app-container">
<el-form
:model="queryParams"
ref="queryFormRef"
v-show="showSearch"
:inline="true"
>
<el-form-item label="项目名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入项目名称"
clearable
size="default"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="项目类型" prop="classification">
<el-select
v-model="queryParams.classification"
placeholder="请选择项目类型"
>
<el-option label="a" value="a"></el-option>
<el-option label="b" value="b"></el-option>
<el-option label="c" value="c"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="search"
size="default"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="Refresh" size="default" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8" type="flex" justify="space-between">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="plus"
size="default"
@click="handleAdd"
>新增</el-button
>
<el-button type="warning" plain size="default" @click="handleAdd"
>修改</el-button
>
<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%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
label="单位名称"
prop="name"
align="center"
></el-table-column>
<el-table-column
label="注册地址"
prop="address"
align="center"
></el-table-column>
<el-table-column
label="项目类型"
prop="classification"
align="center"
></el-table-column>
<el-table-column
label="项目性质"
prop="constructionNature"
align="center"
></el-table-column>
<el-table-column
label="建设单位"
prop="buildUnit"
align="center"
></el-table-column>
<el-table-column
label="设计单位"
prop="designUnit"
align="center"
></el-table-column>
<el-table-column
label="施工单位"
prop="constructionUnit"
align="center"
></el-table-column>
<el-table-column
label="监理单位"
prop="supervisionUnit"
align="center"
></el-table-column>
<el-table-column
label="总面积"
prop="totalArea"
align="center"
></el-table-column>
<el-table-column
label="总投资"
prop="totalInvestment"
align="center"
></el-table-column>
<el-table-column
label="计划开始时间"
prop="planStartTime"
align="center"
></el-table-column>
<el-table-column
label="计划结束时间"
prop="planEndTime"
align="center"
>
<!-- <template #default="{row}">
<el-switch
v-model="row.status"
style="
--el-switch-on-color: #13ce66;
--el-switch-off-color: #ff4949;
"
:active-value="1"
:inactive-value="0"
@change="switchStatus(row)"
></el-switch>
</template> -->
</el-table-column>
<el-table-column label="操作" align="center">
<template #default="{row}">
<el-link
type="primary"
icon="Edit"
size="small"
@click="handleEdit(row.id)"
>编辑</el-link
>
<el-link
type="danger"
icon="Delete"
size="small"
@click="handleDelete(row.id)"
>删除</el-link
>
</template>
</el-table-column>
</el-table>
<el-pagination
v-model:currentPage="queryParams.page"
v-model:page-size="queryParams.limit"
background
:page-sizes="[10, 20, 30, 50]"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
<el-dialog title="查看" v-model="showEditDialog" width="500px">
<el-form
ref="formRef"
:model="form"
:rules="rules"
label-width="120px"
>
<el-form-item label="项目名称:" prop="name">
<el-input v-model="form.name" />
</el-form-item>
<el-form-item label="项目地址:" prop="address">
<el-input v-model="form.address" />
</el-form-item>
<el-form-item label="项目类型:" prop="classification">
<el-input v-model="form.classification" />
</el-form-item>
<el-form-item label="建设性质:" prop="constructionNature">
<el-input v-model="form.constructionNature" />
</el-form-item>
<el-form-item label="建设单位:" prop="buildUnit">
<el-input v-model="form.buildUnit" />
</el-form-item>
<el-form-item label="设计单位:" prop="designUnit">
<el-input v-model="form.designUnit" />
</el-form-item>
<el-form-item label="施工单位:" prop="constructionUnit">
<el-input v-model="form.constructionUnit" />
</el-form-item>
<el-form-item label="监理单位:" prop="supervisionUnit">
<el-input v-model="form.supervisionUnit" />
</el-form-item>
<el-form-item label="总面积:" prop="totalArea">
<el-input v-model.number="form.totalArea" />
</el-form-item>
<el-form-item label="总投资:" prop="totalInvestment">
<el-input v-model.number="form.totalInvestment" />
</el-form-item>
<el-form-item label="计划开始时间:" prop="planStartTime">
<el-input v-model="form.planStartTime" />
</el-form-item>
<el-form-item label="计划结束时间:" prop="planEndTime">
<el-input v-model="form.planEndTime" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</div>
<script src="../lib/js/vue.global.js"></script>
<script src="../lib/js/element-plus.full.js"></script>
<script src="../lib/js/element-plus-zh-cn.js"></script>
<!-- element-plus icon -->
<script src="../lib/js/element-plus-icon-vue.js"></script>
<script src="../lib/js/lodash.js"></script>
<script src="../lib/js/axios.min.js"></script>
<script type="module">
const { createApp, ref, reactive, toRefs } = Vue;
const { ElMessage, ElMessageBox } = ElementPlus;
import {
getProjectBaseInfo,
addProjectBaseInfo,
getProjectBaseInfoById,
updateProjectBaseInfo,
deleteProjectBaseInfo,
} from "/common/js/api/projectBaseInfo.js";
const app = createApp({
setup() {
const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
},
form: {},
rules: {
name: [{ required: true, trigger: "blur", message: "必填" }],
address: [{ required: true, trigger: "blur", message: "必填" }],
classification: [
{ required: true, trigger: "blur", message: "必填" },
],
constructionNature: [
{ required: true, trigger: "blur", message: "必填" },
],
buildUnit: [{ required: true, trigger: "blur", message: "必填" }],
designUnit: [
{ required: true, trigger: "blur", message: "必填" },
],
constructionUnit: [
{ required: true, trigger: "blur", message: "必填" },
],
supervisionUnit: [
{ required: true, trigger: "blur", message: "必填" },
],
totalArea: [{ required: true, trigger: "blur", message: "必填" }],
totalInvestment: [
{ required: true, trigger: "blur", message: "必填" },
],
planStartTime: [
{ required: true, trigger: "blur", message: "必填" },
],
planEndTime: [
{ required: true, trigger: "blur", message: "必填" },
],
},
});
const { queryParams, form, rules } = toRefs(data);
const dataList = ref([]);
const showSearch = ref(true);
const showEditDialog = ref(false);
const loading = ref(false);
const formRef = ref();
const total = ref(0);
const genderDict = reactive({
0: "男",
1: "女",
});
// 取消按钮
const cancel = () => {
showEditDialog.value = false;
reset();
};
// 表单重置
const reset = () => {
form.value = {};
if (formRef.value) {
formRef.value.resetFields();
}
};
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
};
const resetQuery = () => {
queryParams.value = {
pageNum: 1,
pageSize: 10,
};
getList();
};
const handleDelete = async (id) => {
ElMessageBox.confirm(`是否删除id为${id}的项?`, "删除", {
confirmButtonText: "确认",
cancelButtonText: "取消",
type: "warning",
}).then(async () => {
try {
await deleteProjectBaseInfo(id);
ElMessage.success("删除成功");
getList();
} catch (error) {
console.log(error);
ElMessage.error("删除失败");
}
});
};
const handleAdd = async () => {
reset();
showEditDialog.value = true;
};
const handleEdit = async (id) => {
reset();
const resp = await getProjectBaseInfoById(id);
form.value = resp.data.data;
showEditDialog.value = true;
};
const submitForm = async () => {
await formRef.value.validate();
if (form.value.id) {
await updateProjectBaseInfo(form.value);
cancel();
getList();
} else {
await addProjectBaseInfo(form.value);
cancel();
getList();
ElMessage.success("新增成功");
}
};
const getList = async () => {
const resp = await getProjectBaseInfo(queryParams.value);
dataList.value = resp.data.rows;
total.value = resp.data.total;
};
const handleSizeChange = () => {};
const handleCurrentChange = (value) => {
queryParams.value.pageNum = value;
getList();
};
const switchStatus = async (row) => {
const companyData = _.cloneDeep(row);
try {
await updateProjectCompany(companyData);
getList();
console.log("更改状态成功");
} catch (error) {
getList();
console.log("更改状态失败");
}
};
const selectedIds = ref([]);
const handleSelectionChange = (val) => {
selectedIds.value = val.map((item) => item.id);
};
const batchDelete = async () => {
ElMessageBox.confirm(
`是否删除id为${selectedIds.value.join(",")}的项?`,
"删除",
{
confirmButtonText: "确认",
cancelButtonText: "取消",
type: "warning",
}
).then(async () => {
try {
await deleteProjectBaseInfo(selectedIds.value.join(","));
ElMessage.success(
`批量删除了id为${selectedIds.value.join(",")}的数据项`
);
getList();
} catch (error) {
console.log(error);
ElMessage.error("删除失败");
}
});
};
getList();
return {
cancel,
reset,
queryParams,
dataList,
showSearch,
loading,
form,
rules,
submitForm,
handleQuery,
resetQuery,
handleDelete,
handleAdd,
showEditDialog,
formRef,
handleEdit,
genderDict,
total,
handleSizeChange,
handleCurrentChange,
switchStatus,
handleSelectionChange,
selectedIds,
batchDelete,
};
},
});
app.use(ElementPlus, { locale: ElementPlusLocaleZhCn });
// 注册所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component);
}
app.mount("#app");
</script>
</body>
</html>

75
project_company/index.html
View File

@ -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,
};
},
});