From 3ecc6f1eddf60ee1c50caabefc2c7e5a3c9245ed Mon Sep 17 00:00:00 2001
From: "lj7788@126.com" <lj7788@126.com>
Date: Wed, 18 Jun 2025 11:03:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/manage/proProjectInfo/index.vue | 316 +++++++++---------
 1 file changed, 152 insertions(+), 164 deletions(-)

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