jiangyq
/
YZProjectCloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改项目增加逻辑

dev_xd
lj7788@126.com 2025-06-18 11:03:21 +08:00
parent c1b8eded3e
commit 3ecc6f1edd
1 changed files with 152 additions and 164 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

316
yanzhu-ui-vue3/src/views/manage/proProjectInfo/index.vue
View File

@ -6,8 +6,7 @@
</el-form-item> </el-form-item>
<el-form-item label="项目类型" prop="projectType"> <el-form-item label="项目类型" prop="projectType">
<el-select v-model="queryParams.projectType" placeholder="请选择项目类型" clearable> <el-select v-model="queryParams.projectType" placeholder="请选择项目类型" clearable>
<el-option v-for="dict in pro_project_type" :key="dict.value" :label="dict.label" <el-option v-for="dict in pro_project_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
:value="dict.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -18,25 +17,21 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd" <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['manage:proProjectInfo:add']">新增</el-button>
v-hasPermi="['manage:proProjectInfo:add']">新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" v-hasPermi="['manage:proProjectInfo:edit']">修改</el-button>
v-hasPermi="['manage:proProjectInfo:edit']">修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" v-hasPermi="['manage:proProjectInfo:remove']">删除</el-button>
v-hasPermi="['manage:proProjectInfo:remove']">删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['manage:proProjectInfo:export']">导出</el-button>
v-hasPermi="['manage:proProjectInfo:export']">导出</el-button>
</el-col> </el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="proProjectInfoList" @selection-change="handleSelectionChange"> <el-table :data="proProjectInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="所属单位" align="center" prop="comName" width="120" /> <el-table-column label="所属单位" align="center" prop="comName" width="120" />
<el-table-column label="项目名称" align="center" prop="projectName" width="250" /> <el-table-column label="项目名称" align="center" prop="projectName" width="250" />
@ -53,8 +48,7 @@
</el-table-column> </el-table-column>
<el-table-column label="项目排序" align="center" prop="projectSort" width="180" v-if="isAdmin"> <el-table-column label="项目排序" align="center" prop="projectSort" width="180" v-if="isAdmin">
<template #default="scope"> <template #default="scope">
<el-input-number v-model="scope.row.projectSort" :min="1" :max="999" <el-input-number v-model="scope.row.projectSort" :min="1" :max="999" @change="setProjectSort(scope.row, $event)"></el-input-number>
@change="setProjectSort(scope.row, $event)"></el-input-number>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="项目地址" align="center" prop="projectAddress" width="280" /> <el-table-column label="项目地址" align="center" prop="projectAddress" width="280" />
@ -63,21 +57,21 @@
<el-table-column label="项目工期" align="center" prop="projectTimeLimit" width="120"> <el-table-column label="项目工期" align="center" prop="projectTimeLimit" width="120">
<template #default="scope"> <template #default="scope">
<el-tag effect="plain"> <el-tag effect="plain">
{{ scope.row.projectTimeLimit + ' 天' }} {{ scope.row.projectTimeLimit + " 天" }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="总投资" align="center" prop="totalInvestment"> <el-table-column label="总投资" align="center" prop="totalInvestment">
<template #default="scope"> <template #default="scope">
<el-tag effect="dark"> <el-tag effect="dark">
{{ scope.row.totalInvestment + ' 万元' }} {{ scope.row.totalInvestment + " 万元" }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合同金额" align="center" prop="contractAmount"> <el-table-column label="合同金额" align="center" prop="contractAmount">
<template #default="scope"> <template #default="scope">
<el-tag effect="dark"> <el-tag effect="dark">
{{ scope.row.contractAmount + ' 万元' }} {{ scope.row.contractAmount + " 万元" }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -97,45 +91,40 @@
</el-table-column> </el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="120"> <el-table-column label="创建时间" align="center" prop="createTime" width="120">
<template #default="scope"> <template #default="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" fixed="right" width="150" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" fixed="right" width="150" class-name="small-padding fixed-width">
<template #default="scope"><!-- <template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" <el-dropdown @command="(e) => menuCommand(e, scope.row)">
v-hasPermi="['manage:proProjectInfo:edit']">修改</el-button>
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['manage:proProjectInfo:remove']">删除</el-button>-->
<el-dropdown @command="e=>menuCommand(e,scope.row)">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<el-icon :size="14" color="var(--el-color-primary)"> <el-icon :size="14" color="var(--el-color-primary)"> <Setting /> </el-icon><span style="margin-left: 8px; position: relative; top: -3px">操作</span>
<Setting />
</el-icon><span style="margin-left:8px;position: relative;top:-3px;">操作</span>
<el-icon class="el-icon--right"> <el-icon class="el-icon--right">
<arrow-down /> <arrow-down />
</el-icon> </el-icon>
</span> </span>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item v-hasPermi="['manage:proProjectInfo:edit']" command="edit" <div v-hasPermi="['manage:proProjectInfo:edit']">
style="color: var(--el-color-primary);"><el-icon :size="14" color="var(--el-color-primary)"> <el-dropdown-item command="edit" style="color: var(--el-color-primary)"
<Edit /> ><el-icon :size="14" color="var(--el-color-primary)"> <Edit /> </el-icon>修改
</el-icon>修改 </el-dropdown-item>
</el-dropdown-item> </div>
<el-dropdown-item v-hasPermi="['manage:proProjectInfo:edit']" command="resetQr" <div v-hasPermi="['manage:proProjectInfo:edit']">
style="color: var(--el-color-primary);"><el-icon :size="14" color="var(--el-color-primary)"> <el-dropdown-item command="resetQr" style="color: var(--el-color-primary)"
<Refresh /> ><el-icon :size="14" color="var(--el-color-primary)"> <Refresh /> </el-icon>重置二维码
</el-icon>重置二维码 </el-dropdown-item>
</el-dropdown-item> </div>
<el-dropdown-item divided v-hasPermi="['manage:costOutput:add']" command="outCost" <div v-hasPermi="['manage:costOutput:add']">
style="color: var(--el-color-primary);"><el-icon :size="14" color="var(--el-color-primary)"> <el-dropdown-item divided command="outCost" style="color: var(--el-color-primary)"
<Money /> ><el-icon :size="14" color="var(--el-color-primary)"> <Money /> </el-icon>项目产值管理
</el-icon>项目产值管理 </el-dropdown-item>
</el-dropdown-item> </div>
<el-dropdown-item divided v-hasPermi="['manage:proProjectInfo:remove']" command="delete" <div v-hasPermi="['manage:proProjectInfo:remove']">
style="color: var(--el-color-primary);"><el-icon :size="14" color="var(--el-color-primary)"> <el-dropdown-item divided command="delete" style="color: var(--el-color-primary)">
<Delete /> <el-icon :size="14" color="var(--el-color-primary)"> <Delete /> </el-icon>删除</el-dropdown-item
</el-icon>删除</el-dropdown-item> >
</div>
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
@ -143,21 +132,17 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
v-model:limit="queryParams.pageSize" @pagination="getList" />
<!-- 添加或修改项目信息对话框 --> <!-- 添加或修改项目信息对话框 -->
<el-dialog :title="title" v-model="open" v-loading="formLoading" width="1080px" append-to-body :close-on-click-modal="false" <el-dialog :title="title" v-model="open" width="1080px" append-to-body :close-on-click-modal="false" :close-on-press-escape="false" class="project-info-edit-dlg">
:close-on-press-escape="false" class="project-info-edit-dlg"> <el-form ref="proProjectInfoRef" :model="form" :rules="rules" label-width="120px">
<el-form ref="proProjectInfoRef" :model="form" :rules="rules" label-width="120px">
<el-tabs v-model="activeTags" type="card" class="demo-tabs"> <el-tabs v-model="activeTags" type="card" class="demo-tabs">
<el-tab-pane label="项目基本信息" name="base"> <el-tab-pane label="项目基本信息" name="base">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="归属单位" prop="disDeptId" v-if="!form.id"> <el-form-item label="归属单位" prop="disDeptId" v-if="!form.id">
<el-tree-select v-model="form.disDeptId" :data="deptOptions" <el-tree-select ref="deptTree" v-model="form.disDeptId" :data="deptOptions" :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属单位" check-strictly style="width: 100%" />
:props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属单位"
check-strictly style="width:100%" />
</el-form-item> </el-form-item>
<el-form-item label="归属单位" prop="disDeptId" v-if="form.id"> <el-form-item label="归属单位" prop="disDeptId" v-if="form.id">
<el-tag effect="plain">{{ form.disDeptName }}</el-tag> <el-tag effect="plain">{{ form.disDeptName }}</el-tag>
@ -177,9 +162,8 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目类型" prop="projectType"> <el-form-item label="项目类型" prop="projectType">
<el-select v-model="form.projectType" placeholder="请选择项目类型" style="width:100%"> <el-select v-model="form.projectType" placeholder="请选择项目类型" style="width: 100%">
<el-option v-for="dict in pro_project_type" :key="dict.value" :label="dict.label" <el-option v-for="dict in pro_project_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
:value="dict.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -253,45 +237,38 @@
</el-col> </el-col>
<el-col :span="8" class="fitem-no-width"> <el-col :span="8" class="fitem-no-width">
<el-form-item label="计划开工时间" prop="scheduledStartTime"> <el-form-item label="计划开工时间" prop="scheduledStartTime">
<el-date-picker v-model="form.scheduledStartTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划开工时间" <el-date-picker v-model="form.scheduledStartTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划开工时间" style="width: 100%" />
style="width:100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" class="fitem-no-width"> <el-col :span="8" class="fitem-no-width">
<el-form-item label="计划完工时间" prop="plannedCompletionTime"> <el-form-item label="计划完工时间" prop="plannedCompletionTime">
<el-date-picker v-model="form.plannedCompletionTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划完工时间" <el-date-picker v-model="form.plannedCompletionTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择计划完工时间" style="width: 100%" />
style="width:100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目进度" prop="projectSchedule"> <el-form-item label="项目进度" prop="projectSchedule">
<el-select v-model="form.projectSchedule" placeholder="请选择项目进度" style="width:100%"> <el-select v-model="form.projectSchedule" placeholder="请选择项目进度" style="width: 100%">
<el-option v-for="dict in pro_project_schedule" :key="dict.value" :label="dict.label" <el-option v-for="dict in pro_project_schedule" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
:value="dict.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" class="fitem-no-width"> <el-col :span="8" class="fitem-no-width">
<el-form-item label="实际开工时间" prop="actualOperatingTime"> <el-form-item label="实际开工时间" prop="actualOperatingTime">
<el-date-picker v-model="form.actualOperatingTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择实际开工时间" <el-date-picker v-model="form.actualOperatingTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择实际开工时间" style="width: 100%" />
style="width:100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" class="fitem-no-width"> <el-col :span="8" class="fitem-no-width">
<el-form-item label="实际完工时间" prop="actualCompletionTime"> <el-form-item label="实际完工时间" prop="actualCompletionTime">
<el-date-picker v-model="form.actualCompletionTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择实际完工时间" <el-date-picker v-model="form.actualCompletionTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择实际完工时间" style="width: 100%" />
style="width:100%" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="项目概述" prop="projectSummarize"> <el-form-item label="项目概述" prop="projectSummarize">
<el-input v-model="form.projectSummarize" type="textarea" :rows="3" placeholder="请输入项目概述" <el-input v-model="form.projectSummarize" type="textarea" :rows="3" placeholder="请输入项目概述" maxlength="1024" show-word-limit />
maxlength="1024" show-word-limit />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -304,15 +281,14 @@
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="建设单位信息" name="depts" v-if="data.opt == 'edit'"> <el-tab-pane label="建设单位信息" name="depts" v-if="data.opt == 'edit'">
<div class="scroll" style="max-height: 60vh; overflow-y: auto;"> <div class="scroll" style="max-height: 60vh; overflow-y: auto">
<div v-for="(it, idx) in data.projectDeptsList" :key="idx" class="prj-dept-item"> <div v-for="(it, idx) in data.projectDeptsList" :key="idx" class="prj-dept-item">
<div class="dept-item-header"> <div class="dept-item-header">
<el-icon size="14" color="#2196F3"> <el-icon size="14" color="#2196F3">
<OfficeBuilding /> <OfficeBuilding />
</el-icon> </el-icon>
<span class="sp-header">{{ it.header }}</span> <span class="sp-header">{{ it.header }}</span>
<el-button @click="doAddPrjDept(it)" type="primary" size="small" style="margin-left: 10px;" <el-button @click="doAddPrjDept(it)" type="primary" size="small" style="margin-left: 10px" v-if="it.header != '建设单位'">增加一行</el-button>
v-if="it.header != '建设单位'">增加一行</el-button>
</div> </div>
<el-row v-for="(item, index) in it.datas" :key="index"> <el-row v-for="(item, index) in it.datas" :key="index">
<el-col :span="7"> <el-col :span="7">
@ -331,8 +307,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="3"> <el-col :span="3">
<el-button v-if="index > 0" type="warning" size="small" <el-button v-if="index > 0" type="warning" size="small" @click="doDeletPrjDept(it, item, index)">删除</el-button>
@click="doDeletPrjDept(it, item, index)">删除</el-button>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
@ -359,9 +334,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24" <el-col :span="24" :class="form.setting.orgImage && form.setting.orgImage.split(',').length == 9 ? 'no-up' : 'can-up'" class="up-img">
:class="form.setting.orgImage && form.setting.orgImage.split(',').length == 9 ? 'no-up' : 'can-up'"
class="up-img">
<el-form-item label="项目预览图" prop="orgImage"> <el-form-item label="项目预览图" prop="orgImage">
<image-upload v-model="form.setting.orgImage" :limit="9" /> <image-upload v-model="form.setting.orgImage" :limit="9" />
</el-form-item> </el-form-item>
@ -384,7 +357,7 @@
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
<costOutputDrawer ref="coDrawer"/> <costOutputDrawer ref="coDrawer" />
<baidu-map ref="mapRef" @docom="mapDocom"></baidu-map> <baidu-map ref="mapRef" @docom="mapDocom"></baidu-map>
</div> </div>
</template> </template>
@ -392,12 +365,12 @@
<script setup name="ProProjectInfo"> <script setup name="ProProjectInfo">
import { deptTreeSelect } from "@/api/system/user"; import { deptTreeSelect } from "@/api/system/user";
import { listProProjectInfo, getProProjectInfo, delProProjectInfo, addProProjectInfo, updateProProjectInfo, resetProQrCode } from "@/api/manage/proProjectInfo"; import { listProProjectInfo, getProProjectInfo, delProProjectInfo, addProProjectInfo, updateProProjectInfo, resetProQrCode } from "@/api/manage/proProjectInfo";
import {delDept} from '@/api/system/dept'; import { delDept } from "@/api/system/dept";
import BaiduMap from "@/components/BaiduMap/Map.vue"; import BaiduMap from "@/components/BaiduMap/Map.vue";
import useUserStore from '@/store/modules/user' import useUserStore from "@/store/modules/user";
import costOutputDrawer from "../costOutput/costOutputDrawer.vue"; import costOutputDrawer from "../costOutput/costOutputDrawer.vue";
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const { pro_project_type, pro_project_schedule, pro_dept_type, sys_is_del } = proxy.useDict('pro_project_type', 'pro_project_schedule', 'pro_dept_type', 'sys_is_del'); const { pro_project_type, pro_project_schedule, pro_dept_type, sys_is_del } = proxy.useDict("pro_project_type", "pro_project_schedule", "pro_dept_type", "sys_is_del");
const isAdmin = ref(false); const isAdmin = ref(false);
const mapRef = ref(""); const mapRef = ref("");
@ -411,17 +384,18 @@ const single = ref(true);
const multiple = ref(true); const multiple = ref(true);
const total = ref(0); const total = ref(0);
const title = ref(""); const title = ref("");
const activeTags = ref('base') const activeTags = ref("base");
const addressInfos = ref(""); const addressInfos = ref("");
const fitemPrjAddr = ref() const fitemPrjAddr = ref();
const projectDeptsList = ref([]); const projectDeptsList = ref([]);
const checkedProjectDepts = ref([]); const checkedProjectDepts = ref([]);
const coDrawer=ref(); const coDrawer = ref();
const deptOptions = ref([]); const deptOptions = ref([]);
const userStore = useUserStore() const deptTree = ref();
const userStore = useUserStore();
const data = reactive({ const data = reactive({
form: { form: {
setting: {} setting: {},
}, },
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -458,17 +432,17 @@ const data = reactive({
actualOperatingTime: [{ required: true, message: "实际开工时间不能为空", trigger: "blur" }], actualOperatingTime: [{ required: true, message: "实际开工时间不能为空", trigger: "blur" }],
projectSummarize: [{ required: true, message: "项目概述不能为空", trigger: "blur" }], projectSummarize: [{ required: true, message: "项目概述不能为空", trigger: "blur" }],
}, },
opt: '', opt: "",
projectDeptsList: [] projectDeptsList: [],
}); });
const { queryParams, form, rules } = toRefs(data); const { queryParams, form, rules } = toRefs(data);
/** 地图选择 */ /** 地图选择 */
function mapDocom(pt, city) { function mapDocom(pt, city) {
form.value.province = city.province form.value.province = city.province;
form.value.city = city.city form.value.city = city.city;
form.value.district = city.district form.value.district = city.district;
form.value.address = city.address; form.value.address = city.address;
form.value.projectAddress = city.address || ""; form.value.projectAddress = city.address || "";
form.value.longitude = pt.lng.toFixed(5); form.value.longitude = pt.lng.toFixed(5);
@ -477,20 +451,20 @@ function mapDocom(pt, city) {
fitemPrjAddr.value.clearValidate(); fitemPrjAddr.value.clearValidate();
} }
function menuCommand(e,row){ function menuCommand(e, row) {
if(e=="edit"){ if (e == "edit") {
handleUpdate(row); handleUpdate(row);
return; return;
} }
if(e=="resetQr"){ if (e == "resetQr") {
handleResetQr(row); handleResetQr(row);
return; return;
} }
if(e=="delete"){ if (e == "delete") {
handleDelete(row); handleDelete(row);
return; return;
} }
if(e=="outCost"){ if (e == "outCost") {
coDrawer.value.showDrawer(row); coDrawer.value.showDrawer(row);
return; return;
} }
@ -498,7 +472,7 @@ function menuCommand(e,row){
/** 查询项目信息列表 */ /** 查询项目信息列表 */
function getList() { function getList() {
loading.value = true; loading.value = true;
listProProjectInfo(queryParams.value).then(response => { listProProjectInfo(queryParams.value).then((response) => {
proProjectInfoList.value = response.rows; proProjectInfoList.value = response.rows;
total.value = response.total; total.value = response.total;
loading.value = false; loading.value = false;
@ -554,7 +528,7 @@ function reset() {
updateBy: null, updateBy: null,
updateTime: null, updateTime: null,
remark: null, remark: null,
setting: {} setting: {},
}; };
proxy.resetForm("proProjectInfoRef"); proxy.resetForm("proProjectInfoRef");
activeTags.value = "base"; activeTags.value = "base";
@ -574,83 +548,92 @@ function resetQuery() {
// 多选框选中数据 // 多选框选中数据
function handleSelectionChange(selection) { function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id); ids.value = selection.map((item) => item.id);
single.value = selection.length != 1; single.value = selection.length != 1;
multiple.value = !selection.length; multiple.value = !selection.length;
} }
/** 新增按钮操作 */ /** 新增按钮操作 */
function handleAdd() { function handleAdd() {
data.opt = "add" data.opt = "add";
reset(); reset();
open.value = true; open.value = true;
title.value = "添加项目"; title.value = "添加项目";
} }
function doAddPrjDept(it) { function doAddPrjDept(it) {
it.datas.push({ it.datas.push({
deptType: it.header, deptName: '', leader: '', phone: '' deptType: it.header,
deptName: "",
leader: "",
phone: "",
}); });
} }
function doDeletPrjDept(it, item, index) { function doDeletPrjDept(it, item, index) {
if (item.deptName || item.leader || item.phone) { if (item.deptName || item.leader || item.phone) {
proxy.$modal.confirm('是否确认删除这个数据？').then(function () { proxy.$modal
it.datas.splice(index, 1) .confirm("是否确认删除这个数据？")
proxy.$modal.msgSuccess("删除成功"); .then(function () {
}).catch(() => { }); it.datas.splice(index, 1);
proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
} else { } else {
it.datas.splice(index, 1) it.datas.splice(index, 1);
} }
} }
/** 修改按钮操作 */ /** 修改按钮操作 */
function handleUpdate(row) { function handleUpdate(row) {
data.opt = "edit" data.opt = "edit";
reset(); reset();
const _id = row.id || ids.value const _id = row.id || ids.value;
getProProjectInfo(_id).then(response => { getProProjectInfo(_id).then((response) => {
form.value = response.data; form.value = response.data;
form.value.setting = response.data.setting || { form.value.setting = response.data.setting || {
orgName: '', orgName: "",
orgLogo: '', orgLogo: "",
orgPlane: '', orgPlane: "",
orgImage: [], orgImage: [],
orgVideo: '' orgVideo: "",
}; };
open.value = true; open.value = true;
title.value = "修改项目信息"; title.value = "修改项目信息";
projectDeptsList.value = (response.data.projectDeptsList || []).filter(d => d.id); projectDeptsList.value = (response.data.projectDeptsList || []).filter((d) => d.id);
if (projectDeptsList.value.length == 0) { if (projectDeptsList.value.length == 0) {
projectDeptsList.value = [ projectDeptsList.value = [
{ deptType: '建设单位', deptName: '', leader: '', phone: '' }, { deptType: "建设单位", deptName: "", leader: "", phone: "" },
{ deptType: '监理单位', deptName: '', leader: '', phone: '' }, { deptType: "监理单位", deptName: "", leader: "", phone: "" },
{ deptType: '设计单位', deptName: '', leader: '', phone: '' }, { deptType: "设计单位", deptName: "", leader: "", phone: "" },
{ deptType: '检测单位', deptName: '', leader: '', phone: '' }, { deptType: "检测单位", deptName: "", leader: "", phone: "" },
{ deptType: '勘察单位', deptName: '', leader: '', phone: '' }, { deptType: "勘察单位", deptName: "", leader: "", phone: "" },
]; ];
} }
let headers = "建设单位,监理单位,设计单位,检测单位,勘察单位".split(","); let headers = "建设单位,监理单位,设计单位,检测单位,勘察单位".split(",");
data.projectDeptsList = []; data.projectDeptsList = [];
headers.forEach(h => { headers.forEach((h) => {
data.projectDeptsList.push({ data.projectDeptsList.push({
header: h, header: h,
datas: projectDeptsList.value.filter(it => it.deptType == h) datas: projectDeptsList.value.filter((it) => it.deptType == h),
}) });
}); });
addressInfos.value = form.value.projectAddress + "," + form.value.longitude + "," + form.value.latitude; addressInfos.value = form.value.projectAddress + "," + form.value.longitude + "," + form.value.latitude;
}); });
} }
/** 重置项目二维码 */ /** 重置项目二维码 */
function handleResetQr(row) { function handleResetQr(row) {
proxy.$modal.confirm('是否确认重置项目二维码编号为"' + row.id + '"的数据项？').then(function () { proxy.$modal
loading.value = true; .confirm('是否确认重置项目二维码编号为"' + row.id + '"的数据项？')
return resetProQrCode(row.id); .then(function () {
}).then(() => { loading.value = true;
getList(); return resetProQrCode(row.id);
proxy.$modal.msgSuccess("重置成功"); })
}).catch(() => { }); .then(() => {
getList();
proxy.$modal.msgSuccess("重置成功");
})
.catch(() => {});
} }
/** 参建单位序号 */ /** 参建单位序号 */
@ -676,25 +659,25 @@ function handleDeleteDepts() {
const projectDeptsList = projectDeptsList.value; const projectDeptsList = projectDeptsList.value;
const checkedProjectDepts = checkedProjectDepts.value; const checkedProjectDepts = checkedProjectDepts.value;
projectDeptsList.value = projectDeptsList.filter(function (item) { projectDeptsList.value = projectDeptsList.filter(function (item) {
return checkedProjectDepts.indexOf(item.index) == -1 return checkedProjectDepts.indexOf(item.index) == -1;
}); });
} }
} }
/** 复选框选中数据 */ /** 复选框选中数据 */
function handleDeptsSelectionChange(selection) { function handleDeptsSelectionChange(selection) {
checkedProjectDepts.value = selection.map(item => item.index) checkedProjectDepts.value = selection.map((item) => item.index);
} }
function getProjectDeptsList() { function getProjectDeptsList() {
let datas = []; let datas = [];
data.projectDeptsList.forEach(d => { data.projectDeptsList.forEach((d) => {
if (d.datas) { if (d.datas) {
d.datas.forEach(it => { d.datas.forEach((it) => {
if (it.deptName || it.leader || it.phone) { if (it.deptName || it.leader || it.phone) {
datas.push(it); datas.push(it);
} }
}) });
} }
}); });
return datas; return datas;
@ -702,30 +685,30 @@ function getProjectDeptsList() {
/** 提交按钮 */ /** 提交按钮 */
function submitForm() { function submitForm() {
proxy.$refs["proProjectInfoRef"].validate(valid => { proxy.$refs["proProjectInfoRef"].validate((valid) => {
if (valid) { if (valid) {
formLoading.value = true; formLoading.value = true;
form.value.projectDeptsList = getProjectDeptsList(); form.value.projectDeptsList = getProjectDeptsList();
let postData = { let postData = {
...form.value ...form.value,
} };
postData.comId=postData.disDeptId postData.comId = deptTree.value.getCurrentNode().data.parentId;
if (form.value.id != null) { if (form.value.id != null) {
updateProProjectInfo(postData).then(response => { updateProProjectInfo(postData).then((response) => {
proxy.$modal.msgSuccess("修改成功"); proxy.$modal.msgSuccess("修改成功");
open.value = false; open.value = false;
formLoading.value = false; formLoading.value = false;
getList(); getList();
}); });
} else { } else {
addProProjectInfo(postData).then(response => { addProProjectInfo(postData).then((response) => {
proxy.$modal.msgSuccess("新增成功"); proxy.$modal.msgSuccess("新增成功");
open.value = false; open.value = false;
formLoading.value = false; formLoading.value = false;
getList(); getList();
}); });
} }
}else{ } else {
proxy.$modal.msgError("请检查必填数据(项目基本信息)"); proxy.$modal.msgError("请检查必填数据(项目基本信息)");
} }
}); });
@ -746,33 +729,39 @@ function setProjectSort(row, val) {
/** 删除按钮操作 */ /** 删除按钮操作 */
function handleDelete(row) { function handleDelete(row) {
const _ids = row.id || ids.value; const _ids = row.id || ids.value;
proxy.$modal.confirm('是否确认删除项目信息编号为"' + _ids + '"的数据项？').then(function () { proxy.$modal
let ajaxs=[ .confirm('是否确认删除项目信息编号为"' + _ids + '"的数据项？')
delProProjectInfo(_ids) .then(function () {
]; let ajaxs = [delProProjectInfo(_ids)];
if(Array.isArray(_ids)){ if (Array.isArray(_ids)) {
ajaxs=ajaxs.concat(_ids.map(id=>delDept(id))); ajaxs = ajaxs.concat(_ids.map((id) => delDept(id)));
} }
return Promise.all(ajaxs); return Promise.all(ajaxs);
}).then(() => { })
getList(); .then(() => {
proxy.$modal.msgSuccess("删除成功"); getList();
}).catch(() => { }); proxy.$modal.msgSuccess("删除成功");
})
.catch(() => {});
} }
/** 导出按钮操作 */ /** 导出按钮操作 */
function handleExport() { function handleExport() {
proxy.download('manage/proProjectInfo/export', { proxy.download(
...queryParams.value "manage/proProjectInfo/export",
}, `proProjectInfo_${new Date().getTime()}.xlsx`) {
...queryParams.value,
},
`proProjectInfo_${new Date().getTime()}.xlsx`
);
} }
/** 查询部门下拉树结构 */ /** 查询部门下拉树结构 */
function getDeptTree() { function getDeptTree() {
deptTreeSelect().then(response => { deptTreeSelect().then((response) => {
deptOptions.value = response.data; deptOptions.value = response.data;
}); });
}; }
/** 地图选择 */ /** 地图选择 */
function getMapInfo() { function getMapInfo() {
@ -782,7 +771,7 @@ function getMapInfo() {
/** 初始化页面 */ /** 初始化页面 */
function initPage() { function initPage() {
let roles = userStore.roles; let roles = userStore.roles;
let _isAdmin = roles.some(item => item.includes("admin") || item.includes("gsAdmin")); let _isAdmin = roles.some((item) => item.includes("admin") || item.includes("gsAdmin"));
isAdmin.value = _isAdmin; isAdmin.value = _isAdmin;
} }
@ -797,7 +786,7 @@ getDeptTree();
.dept-item-header { .dept-item-header {
display: flex; display: flex;
color: #2196F3; color: #2196f3;
align-items: center; align-items: center;
line-height: 30px; line-height: 30px;
@ -851,7 +840,6 @@ getDeptTree();
} }
} }
} }
} }
} }
</style> </style>