库存管理
This commit is contained in:
36
common/js/api/inventoryManagement.js
Normal file
36
common/js/api/inventoryManagement.js
Normal 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
36
common/js/api/projectBaseInfo.js
Normal 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,
|
||||||
|
});
|
||||||
|
};
|
@ -27,3 +27,10 @@ export const deleteProjectCompany = (id) => {
|
|||||||
method: "delete",
|
method: "delete",
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
export const updateProjectCompany = (data) => {
|
||||||
|
return request({
|
||||||
|
url: `/project_company/${data.id}`,
|
||||||
|
method: "put",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
423
inventory_management/index.html
Normal file
423
inventory_management/index.html
Normal 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
470
project_base_info/index.html
Normal 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>
|
@ -60,7 +60,7 @@
|
|||||||
>
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8" justify="space-between">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
@ -73,13 +73,27 @@
|
|||||||
<el-button type="warning" plain size="default" @click="handleAdd"
|
<el-button type="warning" plain size="default" @click="handleAdd"
|
||||||
>修改</el-button
|
>修改</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-button
|
||||||
>
|
>
|
||||||
</el-col>
|
</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-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 type="selection" width="55"></el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="单位名称"
|
label="单位名称"
|
||||||
@ -104,12 +118,12 @@
|
|||||||
align="center"
|
align="center"
|
||||||
></el-table-column>
|
></el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="开户行账号"
|
label="开户行银行账号"
|
||||||
prop="bank"
|
prop="bank"
|
||||||
align="center"
|
align="center"
|
||||||
></el-table-column>
|
></el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="税号"
|
label="企业税号"
|
||||||
prop="taxId"
|
prop="taxId"
|
||||||
align="center"
|
align="center"
|
||||||
></el-table-column>
|
></el-table-column>
|
||||||
@ -258,6 +272,7 @@
|
|||||||
addProjectCompany,
|
addProjectCompany,
|
||||||
getProjectCompanyById,
|
getProjectCompanyById,
|
||||||
deleteProjectCompany,
|
deleteProjectCompany,
|
||||||
|
updateProjectCompany,
|
||||||
} from "/common/js/api/projectCompany.js";
|
} from "/common/js/api/projectCompany.js";
|
||||||
|
|
||||||
const app = createApp({
|
const app = createApp({
|
||||||
@ -366,36 +381,14 @@
|
|||||||
const submitForm = async () => {
|
const submitForm = async () => {
|
||||||
await formRef.value.validate();
|
await formRef.value.validate();
|
||||||
if (form.value.id) {
|
if (form.value.id) {
|
||||||
fetch(`http://localhost:8000/organizational/${form.value.id}`, {
|
await updateProjectCompany(form.value);
|
||||||
method: "PUT",
|
cancel();
|
||||||
headers: {
|
getList();
|
||||||
"Content-Type": "application/json",
|
|
||||||
},
|
|
||||||
body: JSON.stringify(form.value),
|
|
||||||
})
|
|
||||||
.then((resp) => resp.json())
|
|
||||||
.then(() => {
|
|
||||||
cancel();
|
|
||||||
getList();
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
await addProjectCompany(form.value);
|
await addProjectCompany(form.value);
|
||||||
cancel();
|
cancel();
|
||||||
getList();
|
getList();
|
||||||
ElMessage.success("新增成功");
|
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 () => {
|
const getList = async () => {
|
||||||
@ -409,13 +402,9 @@
|
|||||||
getList();
|
getList();
|
||||||
};
|
};
|
||||||
const switchStatus = async (row) => {
|
const switchStatus = async (row) => {
|
||||||
const orgData = _.cloneDeep(row);
|
const companyData = _.cloneDeep(row);
|
||||||
console.log(orgData.status);
|
|
||||||
try {
|
try {
|
||||||
await axios.put(
|
await updateProjectCompany(companyData);
|
||||||
`http://localhost:8000/organizational/${orgData.id}`,
|
|
||||||
orgData
|
|
||||||
);
|
|
||||||
getList();
|
getList();
|
||||||
console.log("更改状态成功");
|
console.log("更改状态成功");
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -423,6 +412,17 @@
|
|||||||
console.log("更改状态失败");
|
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();
|
getList();
|
||||||
return {
|
return {
|
||||||
cancel,
|
cancel,
|
||||||
@ -446,6 +446,9 @@
|
|||||||
handleSizeChange,
|
handleSizeChange,
|
||||||
handleCurrentChange,
|
handleCurrentChange,
|
||||||
switchStatus,
|
switchStatus,
|
||||||
|
handleSelectionChange,
|
||||||
|
selectedIds,
|
||||||
|
batchDelete,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
Reference in New Issue
Block a user