From cc5aa13cd3fa93adac309ed28fac992fe644642e Mon Sep 17 00:00:00 2001
From: xzt <1113240624@qq.com>
Date: Wed, 19 Jun 2024 14:46:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/build/sectionInfo.js              |   53 +
 .../src/views/building/projectInfo/index.vue  |   88 +-
 .../projectInfo/projectProcess/baseMsg.vue    |   37 +-
 .../projectProcess/baseMsg/index.vue          |   76 +
 .../baseMsg/options/mainProject.vue           | 1733 ++++++++++++++
 .../baseMsg/options/sectionProject.vue        | 2027 +++++++++++++++++
 .../projectInfo/projectProcess/index.vue      |    4 +-
 .../options/specificMarginAccount.vue         |  157 +-
 .../options/unpaidSituation.vue               |  301 ++-
 9 files changed, 4332 insertions(+), 144 deletions(-)
 create mode 100644 jwtech-admin-page/src/api/build/sectionInfo.js
 create mode 100644 jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/index.vue
 create mode 100644 jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/mainProject.vue
 create mode 100644 jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/sectionProject.vue

diff --git a/jwtech-admin-page/src/api/build/sectionInfo.js b/jwtech-admin-page/src/api/build/sectionInfo.js
new file mode 100644
index 00000000..91b87549
--- /dev/null
+++ b/jwtech-admin-page/src/api/build/sectionInfo.js
@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询标段基本信息管理列表
+export function listSectionInfo(query) {
+  return request({
+    url: '/build/sectionInfo/list',
+    method: 'post',
+    data: query
+  })
+}
+
+// 查询标段基本信息管理详细
+export function getSectionInfo(id) {
+  return request({
+    url: '/build/sectionInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增标段基本信息管理
+export function addSectionInfo(data) {
+  return request({
+    url: '/build/sectionInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改标段基本信息管理
+export function updateSectionInfo(data) {
+  return request({
+    url: '/build/sectionInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除标段基本信息管理
+export function delSectionInfo(id) {
+  return request({
+    url: '/build/sectionInfo/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出标段基本信息管理
+export function exportSectionInfo(query) {
+  return request({
+    url: '/build/sectionInfo/export',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file
diff --git a/jwtech-admin-page/src/views/building/projectInfo/index.vue b/jwtech-admin-page/src/views/building/projectInfo/index.vue
index 6402129c..bb202147 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/index.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/index.vue
@@ -47,6 +47,23 @@
         >
         </el-cascader>
       </el-form-item>
+      <el-form-item label="是否省重大水利工程项目" prop="isMajorProject">
+        <el-select
+          v-model="queryParams.data.isMajorProject"
+          placeholder="是否省重大水利工程项目"
+          clearable
+          size="small"
+          style="width: 100%"
+          @change="handleQuery"
+        >
+          <el-option
+            v-for="dict in isMajorProjectOptions"
+            :key="dict.dictValue"
+            :label="dict.dictLabel"
+            :value="dict.dictValue"
+          />
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
           >重置</el-button
@@ -133,6 +150,13 @@
         :formatter="projectTypeFormat"
         min-width="120"
       />
+      <!-- <el-table-column
+        label="项目种类"
+        align="center"
+        prop="projectKinds"
+        :formatter="projectKindsFormat"
+        min-width="120"
+      /> -->
       <!-- <el-table-column label="项目负责人" align="center" prop="unitLeader" min-width="120" /> -->
       <!-- <el-table-column
         label="项目负责人"
@@ -211,7 +235,7 @@
       <!-- <el-table-column label="资金来源" align="center" prop="fundingSource"
         min-width="120"/> -->
       <!-- <el-table-column
-        label="是否省重大水利项目"
+        label="是否省重大水利工程项目"
         align="center"
         prop="isMajorProject"
         :formatter="isBelongPlanningFormat"
@@ -235,12 +259,12 @@
         prop="fundingNumber"
         min-width="120"
       /> -->
-      <el-table-column
+      <!-- <el-table-column
         label="总投资金额（万元）"
         align="center"
         prop="total"
         min-width="150"
-      />
+      /> -->
       <el-table-column
         label="操作"
         align="center"
@@ -379,8 +403,26 @@
               />
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目种类" prop="projectKinds">
+              <el-select
+                v-model="form.projectKinds"
+                placeholder="请选择项目种类"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in projectKindsOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
           <!-- 标绘 -->
-          <el-col :span="24">
+          <el-col :span="12">
             <el-form-item label="项目标绘" prop="allLatitudeLongitudeList">
               <el-button type="primary" style="width: 150px" @click="openDraw"
                 >标绘</el-button
@@ -801,14 +843,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="是否省重大水利项目" prop="isMajorProject">
+            <el-form-item label="是否省重大水利工程项目" prop="isMajorProject">
               <!-- <el-input
                 v-model="form.isMajorProject"
-                placeholder="请输入是否省重大水利项目"
+                placeholder="请输入是否省重大水利工程项目"
               /> -->
               <el-select
                 v-model="form.isMajorProject"
-                placeholder="是否省重大水利项目"
+                placeholder="是否省重大水利工程项目"
                 clearable
                 size="small"
                 style="width: 100%"
@@ -981,10 +1023,10 @@
             <template slot="label"> 项目类型 </template>
             {{ projectTypeFormat(this.proMsg) }}
           </el-descriptions-item> -->
-          <el-descriptions-item span="2">
+          <!-- <el-descriptions-item span="2">
             <template slot="label"> 总投资金额（万元） </template>
             {{ this.proMsg.total }}
-          </el-descriptions-item>
+          </el-descriptions-item> -->
 
           <el-descriptions-item>
             <template slot="label"> 中央资金（万元） </template>
@@ -1028,7 +1070,7 @@
             {{ this.proMsg.cityLevelFundsRate }}
           </el-descriptions-item>
           <el-descriptions-item>
-            <template slot="label"> 是否省重大水利项目 </template>
+            <template slot="label"> 是否省重大水利工程项目 </template>
             {{ this.proMsg.isMajorProject }}
           </el-descriptions-item>
           <!-- <el-descriptions-item>
@@ -1164,6 +1206,7 @@ export default {
           owerDept: null,
           isKeyProject: null,
           isPierceProject: null,
+          projectKinds: null,
         },
         // 排序方式
         params: {
@@ -1444,17 +1487,24 @@ export default {
         isMajorProject: [
           {
             required: true,
-            message: "请选择是否省重大水利项目",
+            message: "请选择是否省重大水利工程项目",
             trigger: "blur",
           },
         ],
+        projectKinds: [
+          {
+            required: true,
+            message: "请选择项目种类",
+            trigger: "change",
+          },
+        ],
       },
       //项目名称
       projectNameOptions: [],
       proNo: "",
       proCode: "",
       adcd: "",
-      // 是否是是否省重大水利项目
+      // 是否是是否省重大水利工程项目
       isMajorProjectOptions: [],
       radio: "zd",
       // 重大项目字典
@@ -1471,6 +1521,8 @@ export default {
       constructionModeOptions: [],
       // 建设性质字典
       constructionNatureOptions: [],
+      // 项目种类字典
+      projectKindsOptions: [],
       proMsg: {},
       // 面包屑，路由信息
       routeList: [
@@ -1526,6 +1578,10 @@ export default {
     this.getDicts("CONSTRUCTION_NATURE").then((response) => {
       this.constructionNatureOptions = response.data;
     });
+    this.getDicts("type_of_project").then((response) => {
+      this.projectKindsOptions = response.data;
+    });
+
     this.getTreeData();
   },
   computed: {
@@ -1709,7 +1765,7 @@ export default {
         );
       }
     },
-    // 是否是是否省重大水利项目
+    // 是否是是否省重大水利工程项目
     isBelongPlanningFormat(row, column) {
       return this.selectDictLabel(
         this.isMajorProjectOptions,
@@ -1724,6 +1780,10 @@ export default {
     isApprovalFormat(row, column) {
       return this.selectDictLabel(this.isApprovalOptions, row.isApproval);
     },
+    //项目种类字典翻译
+    projectKindsFormat(row, column) {
+      return this.selectDictLabel(this.projectKindsOptions, row.projectKinds);
+    },
 
     getId(res) {
       // console.log(res)
@@ -1809,6 +1869,7 @@ export default {
         pointLatitudeLongitudeList: null,
         lineLatitudeLongitudeList: null,
         allLatitudeLongitudeList: null,
+        projectKinds: null,
       };
       this.resetForm("form");
     },
@@ -1870,6 +1931,7 @@ export default {
           pointLatitudeLongitudeList: null,
           lineLatitudeLongitudeList: null,
           allLatitudeLongitudeList: null,
+          projectKinds: null,
         },
         // 排序方式
         params: {
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue
index 338c1bfd..65d34bbe 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue
@@ -166,7 +166,7 @@
         {{ this.proMsg.townshipInvestmentsRate }}
       </el-descriptions-item>
       <el-descriptions-item>
-        <template slot="label"> 是否省重大水利项目 </template>
+        <template slot="label"> 是否省重大水利工程项目 </template>
         {{ isBelongPlanningFormat(this.proMsg) }}
       </el-descriptions-item>
       <!-- <el-descriptions-item>
@@ -286,6 +286,24 @@
               />
             </el-form-item>
           </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="项目种类" prop="aa">
+              <el-select
+                v-model="form.aa"
+                placeholder="请选择项目种类"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in projectKindOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col> -->
           <!-- 标绘 -->
           <el-col :span="24">
             <el-form-item label="项目标绘" prop="allLatitudeLongitudeList">
@@ -712,14 +730,14 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="是否省重大水利项目" prop="isMajorProject">
+            <el-form-item label="是否省重大水利工程项目" prop="isMajorProject">
               <!-- <el-input
                 v-model="form.isMajorProject"
-                placeholder="请输入是否省重大水利项目"
+                placeholder="请输入是否省重大水利工程项目"
               /> -->
               <el-select
                 v-model="form.isMajorProject"
-                placeholder="是否省重大水利项目"
+                placeholder="是否省重大水利工程项目"
                 clearable
                 size="small"
                 style="width: 100%"
@@ -1199,7 +1217,7 @@ export default {
         isMajorProject: [
           {
             required: true,
-            message: "请选择是否省重大水利项目",
+            message: "请选择是否省重大水利工程项目",
             trigger: "blur",
           },
         ],
@@ -1209,7 +1227,7 @@ export default {
       proNo: "",
       proCode: "",
       adcd: "",
-      // 是否是是否省重大水利项目
+      // 是否是是否省重大水利工程项目
       isMajorProjectOptions: [],
       radio: "zd",
       // 重大项目字典
@@ -1226,6 +1244,8 @@ export default {
       constructionModeOptions: [],
       // 建设性质字典
       constructionNatureOptions: [],
+      // 项目种类字典
+      projectKindOptions: [],
       // 面包屑，路由信息
       routeList: [
         {
@@ -1278,6 +1298,9 @@ export default {
     this.getDicts("CONSTRUCTION_NATURE").then((response) => {
       this.constructionNatureOptions = response.data;
     });
+    this.getDicts("type_of_project").then((response) => {
+      this.projectKindOptions = response.data;
+    });
   },
   computed: {
     sum() {
@@ -1440,7 +1463,7 @@ export default {
         );
       }
     },
-    // 是否是是否省重大水利项目
+    // 是否是是否省重大水利工程项目
     isBelongPlanningFormat(row, column) {
       return this.selectDictLabel(
         this.isMajorProjectOptions,
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/index.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/index.vue
new file mode 100644
index 00000000..5f8002f5
--- /dev/null
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/index.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="app-container">
+    <el-tabs
+      v-model="activeName"
+      @tab-click="handleClick"
+      style="margin-bottom: 20px"
+    >
+      <!-- v-if="checkPermi(['building:base:mainProject'])" -->
+      <el-tab-pane label="项目基本信息" name="mainProject" :lazy="true">
+        <mainProject />
+      </el-tab-pane>
+      <!-- v-if="checkPermi(['building:base:sectionProject'])" -->
+      <el-tab-pane label="项目标段信息" name="sectionProject" :lazy="true">
+        <sectionProject
+          v-if="activeName == 'sectionProject'"
+          :proNo="formData.proNo"
+          :proCode="formData.proCode"
+          :projectName="formData.projectName"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import { checkPermi, checkRole } from "@/utils/permission";
+import { getInfo } from "@/api/build/projectInfo";
+import mainProject from "./options/mainProject.vue";
+import sectionProject from "./options/sectionProject.vue";
+
+export default {
+  components: {
+    mainProject,
+    sectionProject,
+  },
+  data() {
+    return {
+      activeName: "mainProject",
+      routeList: [],
+      formData: [],
+      form: {},
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ids: null,
+        data: {
+          proCode: null,
+          proNo: null,
+        },
+      },
+    };
+  },
+  created() {
+    this.routeList = JSON.parse(this.$store.state.basePageData.routeList);
+    this.getList();
+  },
+  methods: {
+    checkPermi,
+    checkRole,
+    goBack() {
+      this.$router.back();
+    },
+    getList() {
+      getInfo(this.$route.query.baseDataId).then((response) => {
+        this.formData = response.data;
+      });
+    },
+    // 切换标签页
+    handleClick(tab, event) {
+      // console.log("切换标签页", tab, event);
+      // console.log("切换标签页", this.routeList[1].routeName);
+      this.routeList[1].routeName = tab.label;
+    },
+  },
+};
+</script>
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/mainProject.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/mainProject.vue
new file mode 100644
index 00000000..8bb4129c
--- /dev/null
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/mainProject.vue
@@ -0,0 +1,1733 @@
+<template>
+  <div class="app-container">
+    <div class="listTitle">
+      <span>项目基本信息</span>
+      <span class="addBtn" @click="handleUpdate">
+        <i class="el-icon-edit-outline"></i>
+        编辑
+      </span>
+    </div>
+    <el-descriptions
+      class="margin-top"
+      :column="2"
+      border
+      :labelStyle="{
+        'text-align': 'left',
+        width: '180px',
+        height: '50px',
+      }"
+      :contentStyle="{ minWidth: '350px' }"
+    >
+      <el-descriptions-item>
+        <template slot="label"> 是否有建议书审批 </template>
+        {{ isApprovalFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 项目名称 </template>
+        <!-- {{ this.viewTitle }} -->
+        {{ this.proMsg.projectName }}
+      </el-descriptions-item>
+
+      <el-descriptions-item span="2">
+        <template slot="label"> 项目编码 </template>
+        {{ this.proMsg.proCode }}
+      </el-descriptions-item>
+
+      <el-descriptions-item span="1">
+        <template slot="label"> 项目种类 </template>
+        {{ projectKindsFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item span="1">
+        <template slot="label"> 项目标绘 </template>
+        <el-button type="primary" style="width: 150px" @click="openDraw(false)"
+          >标绘</el-button
+        >
+      </el-descriptions-item>
+
+      <el-descriptions-item span="2">
+        <template slot="label"> 项目法人单位 </template>
+        {{ this.proMsg.projectLegalPerson }}
+      </el-descriptions-item>
+      <!-- <el-descriptions-item>
+        <template slot="label"> 单位负责人电话 </template>
+        {{ this.proMsg.projectLegalPhone }}
+      </el-descriptions-item> -->
+
+      <el-descriptions-item>
+        <template slot="label"> 项目负责人 </template>
+        {{ this.proMsg.projectSuperintendent }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 项目负责人电话 </template>
+        {{ this.proMsg.projectSuperintendentPhone }}
+      </el-descriptions-item>
+
+      <el-descriptions-item>
+        <template slot="label"> 单位法定代表人 </template>
+        {{ this.proMsg.projectUnitLegal }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 单位法定代表人电话 </template>
+        {{ this.proMsg.projectUnitLegalPhone }}
+      </el-descriptions-item>
+
+      <el-descriptions-item>
+        <template slot="label"> 项目类型 </template>
+        {{ projectTypeFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 工程等别 </template>
+        {{ engineeringGradeFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 工程用途 </template>
+        {{ engineeringPurposesFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <!-- <el-descriptions-item>
+        <template slot="label"> 工程类别 </template>
+        {{ workCategoryFormat(this.proMsg) }}
+      </el-descriptions-item> -->
+
+      <el-descriptions-item>
+        <template slot="label"> 建设模式 </template>
+        {{ constructionModeFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 建设性质 </template>
+        {{ constructionNatureFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item span="2">
+        <template slot="label"> 项目建设地址 </template>
+        {{ this.proMsg.constructionAddress }}
+      </el-descriptions-item>
+      <el-descriptions-item span="2">
+        <template slot="label"> 建设内容 </template>
+        {{ this.proMsg.constructionContent }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 行政区划 </template>
+        {{ $formatAdcd(this.proMsg) }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 所属流域 </template>
+        {{ this.proMsg.basin }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 开工日期 </template>
+        {{ this.proMsg.commencementDate || "-" }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 计划竣工日期 </template>
+        {{ this.proMsg.plannedCompletionDate || "-" }}
+      </el-descriptions-item>
+      <!-- <el-descriptions-item>
+        <template slot="label"> 项目类型 </template>
+        {{ projectTypeFormat(this.proMsg) }}
+      </el-descriptions-item> -->
+      <!-- <el-descriptions-item span="2">
+        <template slot="label"> 总投资金额（万元） </template>
+        {{ this.proMsg.total }}
+      </el-descriptions-item> -->
+
+      <el-descriptions-item>
+        <template slot="label"> 中央资金（万元） </template>
+        {{ this.proMsg.centralArrangedFunds }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 中央资金比（%） </template>
+        {{ this.proMsg.centralArrangedFundsRate }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 省级资金（万元） </template>
+        {{ this.proMsg.provincialFunding }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 省级资金比例（%） </template>
+        {{ this.proMsg.provincialFundingRate }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 地市资金（万元） </template>
+        {{ this.proMsg.cityLevelFunds }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 地市资金比例（%） </template>
+        {{ this.proMsg.cityLevelFundsRate }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 区县资金（万元） </template>
+        {{ this.proMsg.countyLevelFunds }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 区县资金比例（%） </template>
+        {{ this.proMsg.cityLevelFundsRate }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 乡镇及群众自筹和其他投资（万元） </template>
+        {{ this.proMsg.townshipInvestments }}
+      </el-descriptions-item>
+
+      <el-descriptions-item>
+        <template slot="label"> 乡镇及群众自筹和其他投资比例（%） </template>
+        {{ this.proMsg.townshipInvestmentsRate }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 是否省重大水利工程项目 </template>
+        {{ isBelongPlanningFormat(this.proMsg) }}
+      </el-descriptions-item>
+      <!-- <el-descriptions-item>
+        <template slot="label"> 项目投资主体 </template>
+        {{ this.proMsg.investmentSubject }}
+      </el-descriptions-item> -->
+      <!-- <el-descriptions-item>
+        <template slot="label"> 建设阶段 </template>
+        {{ this.proMsg.constructionPhase }}
+      </el-descriptions-item> -->
+      <el-descriptions-item>
+        <template slot="label"> 资金下达文号 </template>
+        {{ this.proMsg.fundingNumber }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 是否为安全度汛重点工程 </template>
+        {{ this.proMsg.isKeyProject }}
+      </el-descriptions-item>
+      <el-descriptions-item>
+        <template slot="label"> 是否穿破堤坝施工 </template>
+        {{ this.proMsg.isPierceProject }}
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1200px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="close"
+    >
+      <el-row :gutter="15">
+        <el-form
+          ref="form"
+          :model="form"
+          :rules="rules"
+          label-width="180px"
+          label-position="top"
+        >
+          <el-col :span="12">
+            <el-form-item label="是否有建议书审批" prop="isApproval">
+              <el-select
+                v-model="form.isApproval"
+                placeholder="请选择是否有建议书审批"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in isApprovalOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <!-- 无建议书审批 -->
+            <el-form-item
+              label="项目名称"
+              prop="projectName"
+              v-if="form.isApproval == '0'"
+            >
+              <el-input
+                v-model="form.projectName"
+                placeholder="请输入项目名称"
+                size="small"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="项目名称" prop="projectName" v-else>
+              <el-select
+                v-model="form.projectName"
+                placeholder="请输入项目名称"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+                :disabled="!form.isApproval"
+              >
+                <el-option
+                  v-for="dict in projectNameOptions"
+                  :key="dict.projectName + dict.id"
+                  :label="dict.projectName + '[' + dict.projectCode + ']'"
+                  :value="dict.projectName + '[' + dict.projectCode + ']'"
+                  @click.native="getId(dict)"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!-- 无建议书审批时，选择行政区划 -->
+          <!-- <el-col :span="12" v-if="form.isApproval == '0'"> -->
+          <el-col :span="12">
+            <el-form-item label="行政区划" prop="adcd">
+              <el-cascader
+                :options="areasOptions"
+                v-model="form.adcd"
+                :props="areasOptionProps"
+                placeholder="请选择行政区划"
+                clearable
+                size="small"
+                style="width: 100%"
+                @change="handleChange"
+                :disabled="form.isApproval == '1'"
+              >
+              </el-cascader>
+            </el-form-item>
+          </el-col>
+          <!-- 无建议书审批时，填项目编码 -->
+          <el-col :span="12">
+            <el-form-item label="项目编码" prop="proCode">
+              <el-input
+                v-model="form.proCode"
+                placeholder="请输入项目编码"
+                :disabled="form.isApproval == '1'"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目种类" prop="projectKinds">
+              <el-select
+                v-model="form.projectKinds"
+                placeholder="请选择项目种类"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in projectKindsOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!-- 标绘 -->
+          <el-col :span="12">
+            <el-form-item label="项目标绘" prop="allLatitudeLongitudeList">
+              <el-button
+                type="primary"
+                style="width: 150px"
+                @click="openDraw(true)"
+                >标绘</el-button
+              >
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="24">
+            <el-form-item label="项目法人单位" prop="projectLegalPerson">
+              <el-input
+                v-model="form.projectLegalPerson"
+                placeholder="请输入项目法人单位"
+              />
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="单位负责人电话" prop="projectLegalPhone">
+              <el-input
+                v-model="form.projectLegalPhone"
+                placeholder="请输入单位负责人电话"
+              />
+            </el-form-item>
+          </el-col> -->
+          <!-- <el-col :span="12">
+            <el-form-item label="项目负责人" prop="unitLeader">
+              <el-input
+                v-model="form.unitLeader"
+                placeholder="请输入项目法人"
+              />
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="项目负责人" prop="projectSuperintendent">
+              <el-input
+                v-model="form.projectSuperintendent"
+                placeholder="请输入项目负责人"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="项目负责人电话"
+              prop="projectSuperintendentPhone"
+            >
+              <el-input
+                v-model="form.projectSuperintendentPhone"
+                placeholder="请输入项目负责人电话"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="单位法定代表人" prop="projectUnitLegal">
+              <el-input
+                v-model="form.projectUnitLegal"
+                placeholder="请输入单位法定代表人"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="单位法定代表人电话"
+              prop="projectUnitLegalPhone"
+            >
+              <el-input
+                v-model="form.projectUnitLegalPhone"
+                placeholder="请输入单位法定代表人电话"
+              />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="24">
+            <el-form-item label="项目类型" prop="projectType">
+              <div style="margin-bottom: 10px">
+                <el-radio v-model="radio" label="zd" @input="changeisMajor()"
+                  >重大项目</el-radio
+                >
+                <el-radio v-model="radio" label="ms" @input="changeisMajor()"
+                  >面上项目</el-radio
+                >
+              </div>
+              <div>
+                <el-radio
+                  v-model="form.projectType"
+                  v-for="dict in radio == 'zd'
+                    ? zd_projectTypeOptions
+                    : ms_projectTypeOptions"
+                  :label="dict.dictValue"
+                  :key="dict.dictLabel + dict.id"
+                >
+                  {{ dict.dictLabel }}
+                </el-radio>
+              </div>
+              <!-- <el-select
+                v-model="form.projectType"
+                placeholder="请选择项目类型"
+                style="width: 100%"
+              >
+                <div style="margin-bottom: 10px">
+                  <el-radio v-model="radio" label="zd">重大项目</el-radio>
+                  <el-radio v-model="radio" label="ms">面上项目</el-radio>
+                </div>
+                重大项目选项
+                <template v-if="radio == 'zd'">
+                  <el-option
+                    v-for="dict in zd_projectTypeOptions"
+                    :key="dict.dictLabel + dict.id"
+                    :label="dict.dictLabel"
+                    :value="dict.dictValue"
+                  />
+                </template>
+                面上项目选项
+                <template v-if="radio == 'ms'">
+                  <el-option
+                    v-for="dict in ms_projectTypeOptions"
+                    :key="dict.dictLabel + dict.id"
+                    :label="dict.dictLabel"
+                    :value="dict.dictValue"
+                  />
+                </template>
+              </el-select> -->
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="工程等别" prop="engineeringGrade">
+              <!-- <el-input
+                v-model="form.engineeringGrade"
+                placeholder="请输入工程等别"
+              /> -->
+              <el-select
+                v-model="form.engineeringGrade"
+                placeholder="请输入工程等别"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in engineeringGradeOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工程用途" prop="engineeringPurposes">
+              <!-- <el-input
+                v-model="form.engineeringPurposes"
+                placeholder="请输入工程用途"
+              /> -->
+              <el-select
+                v-model="form.engineeringPurposes"
+                placeholder="请输入工程用途"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in engineeringPurposesOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="工程类别" prop="workCategory">
+              <el-select
+                v-model="form.workCategory"
+                placeholder="请输入工程用途"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in workCategoryOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="项目建设地址" prop="constructionAddress">
+              <el-input
+                v-model="form.constructionAddress"
+                placeholder="请输入项目建设地址"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="建设模式" prop="constructionMode">
+              <!-- <el-input
+                v-model="form.constructionMode"
+                placeholder="请输入建设模式"
+              /> -->
+              <el-select
+                v-model="form.constructionMode"
+                placeholder="请输入建设模式"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in constructionModeOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="建设性质" prop="constructionNature">
+              <!-- <el-input
+                v-model="form.constructionNature"
+                placeholder="请输入建设性质"
+              /> -->
+              <el-select
+                v-model="form.constructionNature"
+                placeholder="请输入建设模式"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in constructionNatureOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="建设内容" prop="constructionContent">
+              <el-input
+                type="textarea"
+                rows="4"
+                v-model="form.constructionContent"
+                placeholder="请输入建设内容"
+              />
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12" v-if="form.isApproval == '1'">
+            <el-form-item label="行政区划" prop="adcd">
+              <el-cascader
+                :options="areasOptions"
+                v-model="form.adcd"
+                :props="areasOptionProps"
+                placeholder="请选择行政区划"
+                clearable
+                size="small"
+                style="width: 100%"
+                @change="handleChange"
+                :disabled="true"
+              >
+              </el-cascader>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="所属流域" prop="basin">
+              <el-input v-model="form.basin" placeholder="请输入所属流域" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开工日期" prop="commencementDate">
+              <el-date-picker
+                clearable
+                size="small"
+                style="width: 100%"
+                v-model="form.commencementDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择开工日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="计划竣工日期" prop="plannedCompletionDate">
+              <el-date-picker
+                clearable
+                size="small"
+                style="width: 100%"
+                v-model="form.plannedCompletionDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择计划竣工日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资金下达文号" prop="fundingNumber">
+              <el-input
+                v-model="form.fundingNumber"
+                placeholder="请输入资金下达文号"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="中央资金" prop="centralArrangedFunds">
+              <el-input
+                v-model="form.centralArrangedFunds"
+                placeholder="请输入中央资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="中央资金比例" prop="centralArrangedFundsRate">
+              <el-input
+                v-model="form.centralArrangedFundsRate"
+                placeholder="请输入中央资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="省级资金" prop="provincialFunding">
+              <el-input
+                v-model="form.provincialFunding"
+                placeholder="请输入省级资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="省级资金比例" prop="provincialFundingRate">
+              <el-input
+                v-model="form.provincialFundingRate"
+                placeholder="请输入省级资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="地市资金" prop="cityLevelFunds">
+              <el-input
+                v-model="form.cityLevelFunds"
+                placeholder="请输入地市资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="地市资金比例" prop="cityLevelFundsRate">
+              <el-input
+                v-model="form.cityLevelFundsRate"
+                placeholder="请输入地市资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区县资金" prop="countyLevelFunds">
+              <el-input
+                v-model="form.countyLevelFunds"
+                placeholder="请输入区县资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区县资金比例" prop="countyLevelFundsRate">
+              <el-input
+                v-model="form.countyLevelFundsRate"
+                placeholder="请输入区县资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="乡镇及群众自筹和其他投资"
+              prop="townshipInvestments"
+            >
+              <el-input
+                v-model="form.townshipInvestments"
+                placeholder="请输入乡镇及群众自筹和其他投资"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="乡镇及群众自筹和其他投资比例"
+              prop="townshipInvestmentsRate"
+            >
+              <el-input
+                v-model="form.townshipInvestmentsRate"
+                placeholder="请输入乡镇及群众自筹和其他投资比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否省重大水利工程项目" prop="isMajorProject">
+              <!-- <el-input
+                v-model="form.isMajorProject"
+                placeholder="请输入是否省重大水利工程项目"
+              /> -->
+              <el-select
+                v-model="form.isMajorProject"
+                placeholder="是否省重大水利工程项目"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in isMajorProjectOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="建设阶段" prop="constructionPhase">
+              <el-input
+                v-model="form.constructionPhase"
+                placeholder="请输入建设阶段"
+              />
+            </el-form-item>
+          </el-col> -->
+          <!-- <el-col :span="24">
+            <el-form-item label="项目投资主体" prop="investmentSubject">
+              <el-input
+                v-model="form.investmentSubject"
+                placeholder="请输入项目投资主体"
+              />
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="是否为安全度汛重点工程" prop="isKeyProject">
+              <el-select
+                v-model="form.isKeyProject"
+                placeholder="是否为安全度汛重点工程"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in SFoptions"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否穿破堤坝施工" prop="isPierceProject">
+              <el-select
+                v-model="form.isPierceProject"
+                placeholder="是否穿破堤坝施工"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in SFoptions"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div class="dialog-footer" slot="footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- <div class="btnList">
+      <el-button type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div> -->
+
+    <el-dialog
+      :title="drawTitle"
+      :visible.sync="drawOpen"
+      custom-class="draw"
+      width="1500px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <mapEle
+        v-if="drawOpen"
+        :isDrawEdit="isDrawEdit"
+        :potMsg="potMsg"
+        :lineMsg="lineMsg"
+        :allDrawMsg="allDrawMsg"
+        @getMapData="getMapData"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import mapEle from "@/components/map/index.vue";
+import {
+  listInfo,
+  getInfo,
+  delInfo,
+  addInfo,
+  updateInfo,
+  exportInfo,
+} from "@/api/build/projectInfo";
+import {
+  listProposal,
+  getProposal,
+  delProposal,
+  addProposal,
+  updateProposal,
+  exportProposal,
+  getProjectCode,
+} from "@/api/earlyStage/proposal";
+import { listProDesign, getProDesign } from "@/api/earlyStage/preDesign";
+import { getAreasData } from "@/api/areas/index";
+import { regionData, codeToText, TextToCode } from "element-china-area-data";
+
+export default {
+  name: "Info",
+  components: { mapEle },
+  data() {
+    return {
+      areasOptionProps: {
+        emitPath: false,
+        checkStrictly: true, //选择任意一级
+      },
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 项目基本信息管理表格数据
+      infoList: [],
+      // 弹出层标题
+      title: "",
+      viewTitle: "",
+      drawTitle: "",
+      // 是否显示弹出层
+      open: false,
+      viewOpen: false,
+      drawOpen: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ids: null,
+        data: {
+          isKeyProject: null,
+          isPierceProject: null,
+          isMajor: null,
+          projectName: null,
+          unitLeader: null,
+          projectLegalPerson: null,
+          projectLegalUnit: null,
+          projectLegalPhone: null,
+          engineeringGrade: null,
+          engineeringPurposes: null,
+          workCategory: null,
+          constructionAddress: null,
+          constructionMode: null,
+          constructionNature: null,
+          constructionContent: null,
+          adcd: null,
+          basin: null,
+          projectType: null,
+          // fundingSource: null,
+
+          centralArrangedFunds: null,
+          centralArrangedFundsRate: null,
+          provincialFunding: null,
+          provincialFundingRate: null,
+          cityLevelFunds: null,
+          cityLevelFundsRate: null,
+          countyLevelFunds: null,
+          countyLevelFundsRate: null,
+          townshipInvestments: null,
+          townshipInvestmentsRate: null,
+
+          isMajorProject: null,
+          investmentSubject: null,
+          constructionPhase: null,
+          fundingNumber: null,
+          proCode: null,
+          proNo: null,
+          createUid: null,
+          createTime: null,
+          updateUid: null,
+          updateTime: null,
+          owerDept: null,
+        },
+        // 排序方式
+        params: {
+          // 按哪个字段排序
+          orderBy: "create_time",
+          // desc降序，升序asc
+          sort: "desc",
+        },
+      },
+      proQueryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ids: null,
+        data: {
+          projectName: null,
+          constructionNature: null,
+          constructionLocation: null,
+          projectUnitName: null,
+          briefIntroduction: null,
+          projectLandSituation: null,
+          designEstimateReport: null,
+          relatedAttachment: null,
+          projectCode: null,
+          proNo: null,
+          createUid: null,
+          createTime: null,
+          updateUid: null,
+          updateTime: null,
+          owerDept: null,
+        },
+        cv: {},
+        // 排序方式
+        params: {
+          // 按哪个字段排序
+          orderBy: "create_time",
+          // desc降序，升序asc
+          sortBy: "desc",
+        },
+      },
+      // 表单参数
+      form: {},
+      copyForm: {},
+      proMsg: {},
+      // 表单校验
+      rules: {
+        isApproval: [
+          {
+            required: true,
+            message: "请选择是否有建议书审批",
+            trigger: "change",
+          },
+        ],
+        proCode: [
+          {
+            required: true,
+            message: "请输入项目编码",
+            trigger: "blur",
+          },
+        ],
+        adcd: [
+          {
+            required: true,
+            message: "请选择行政区划",
+            trigger: "change",
+          },
+        ],
+        projectName: [
+          {
+            required: true,
+            message: "请选择项目名称",
+            trigger: "change",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        allLatitudeLongitudeList: [
+          {
+            required: true,
+            message: "请进行项目标绘",
+            trigger: "change",
+          },
+        ],
+        projectType: [
+          {
+            required: true,
+            message: "请选择项目类型",
+            trigger: "change",
+          },
+        ],
+        engineeringGrade: [
+          {
+            required: true,
+            message: "请选择工程等别",
+            trigger: "change",
+          },
+        ],
+        engineeringPurposes: [
+          {
+            required: true,
+            message: "请选择工程用途",
+            trigger: "change",
+          },
+        ],
+        projectLegalUnit: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectLegalPerson: [
+          {
+            required: true,
+            message: "请输入项目法人单位",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectLegalPhone: [
+          {
+            required: true,
+            message: "请输入单位负责人电话",
+            trigger: "blur",
+          },
+          {
+            type: "string",
+            pattern:
+              /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur",
+          },
+        ],
+        projectSuperintendent: [
+          {
+            required: true,
+            message: "请输入项目负责人",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectSuperintendentPhone: [
+          {
+            required: true,
+            message: "请输入项目负责人电话",
+            trigger: "blur",
+          },
+          {
+            type: "string",
+            pattern:
+              /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur",
+          },
+        ],
+        projectUnitLegal: [
+          {
+            required: true,
+            message: "请输入单位法定代表人",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectUnitLegalPhone: [
+          {
+            required: true,
+            message: "请输入单位法定代表人电话",
+            trigger: "blur",
+          },
+          {
+            type: "string",
+            pattern:
+              /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur",
+          },
+        ],
+        constructionAddress: [
+          {
+            required: true,
+            message: "请输入项目建设地址",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        constructionMode: [
+          {
+            required: true,
+            message: "请选择建设模式",
+            trigger: "change",
+          },
+        ],
+        constructionNature: [
+          {
+            required: true,
+            message: "请选择建设性质",
+            trigger: "change",
+          },
+        ],
+        constructionContent: [
+          {
+            required: true,
+            message: "请输入建设内容",
+            trigger: "blur",
+          },
+          { max: 6550, message: "字符长度最大为6550", trigger: "blur" },
+        ],
+        basin: [{ max: 250, message: "字符长度最大为250", trigger: "blur" }],
+        fundingNumber: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+
+        centralArrangedFunds: [
+          {
+            required: true,
+            message: "请输入中央资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        provincialFunding: [
+          {
+            required: true,
+            message: "请输入省级资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        cityLevelFunds: [
+          {
+            required: true,
+            message: "请输入地市资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        countyLevelFunds: [
+          {
+            required: true,
+            message: "请输入区县资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        townshipInvestments: [
+          {
+            required: true,
+            message: "请输入乡镇及群众自筹和其他投资",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        constructionPhase: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        investmentSubject: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        isMajorProject: [
+          {
+            required: true,
+            message: "请选择是否省重大水利工程项目",
+            trigger: "blur",
+          },
+        ],
+        projectKinds: [
+          {
+            required: true,
+            message: "请选择项目种类",
+            trigger: "change",
+          },
+        ],
+      },
+      //项目名称
+      projectNameOptions: [],
+      proNo: "",
+      proCode: "",
+      adcd: "",
+      // 是否是是否省重大水利工程项目
+      isMajorProjectOptions: [],
+      radio: "zd",
+      // 重大项目字典
+      zd_projectTypeOptions: [],
+      // 面上项目字典
+      ms_projectTypeOptions: [],
+      // 工程等别字典
+      engineeringGradeOptions: [],
+      // 工程用途字典
+      engineeringPurposesOptions: [],
+      // 工程类别字典
+      workCategoryOptions: [],
+      // 建设模式字典
+      constructionModeOptions: [],
+      // 建设性质字典
+      constructionNatureOptions: [],
+      // 项目种类字典
+      projectKindsOptions: [],
+      // 面包屑，路由信息
+      routeList: [
+        {
+          path: "/building/projectInfo",
+          routeName: "项目基本信息管理",
+        },
+      ],
+      areasOptions: [],
+      // 地图坐标数据
+      potMsg: [],
+      lineMsg: [],
+      allDrawMsg: [],
+      // 查看还是编辑
+      isDrawEdit: true,
+      //是否又建议书审批字典
+      isApprovalOptions: [],
+      SFoptions: [
+        { label: "是", value: "是" },
+        { label: "否", value: "否" },
+      ],
+    };
+  },
+  created() {
+    this.getTreeData();
+    this.getList();
+    this.getDicts("whether").then((response) => {
+      this.isMajorProjectOptions = response.data;
+      this.isApprovalOptions = response.data;
+    });
+    this.getDicts("major_project").then((response) => {
+      // console.log("4444444444444444", response.data);
+      this.zd_projectTypeOptions = response.data;
+    });
+    this.getDicts("general_project").then((response) => {
+      // console.log("5555555555555", response.data);
+      this.ms_projectTypeOptions = response.data;
+    });
+    this.getDicts("engineering_grade").then((response) => {
+      this.engineeringGradeOptions = response.data;
+    });
+    this.getDicts("project_purposes").then((response) => {
+      this.engineeringPurposesOptions = response.data;
+    });
+    this.getDicts("project_category").then((response) => {
+      this.workCategoryOptions = response.data;
+    });
+    this.getDicts("Construction_mode").then((response) => {
+      this.constructionModeOptions = response.data;
+    });
+    this.getDicts("CONSTRUCTION_NATURE").then((response) => {
+      this.constructionNatureOptions = response.data;
+    });
+    this.getDicts("type_of_project").then((response) => {
+      this.projectKindsOptions = response.data;
+    });
+  },
+  computed: {
+    sum() {
+      return (
+        Number(this.form.centralArrangedFunds) +
+        Number(this.form.provincialFunding) +
+        Number(this.form.cityLevelFunds) +
+        Number(this.form.countyLevelFunds) +
+        Number(this.form.townshipInvestments)
+      );
+    },
+    monneyList() {
+      const {
+        centralArrangedFunds,
+        provincialFunding,
+        cityLevelFunds,
+        countyLevelFunds,
+        townshipInvestments,
+      } = this.form;
+      return {
+        centralArrangedFunds,
+        provincialFunding,
+        cityLevelFunds,
+        countyLevelFunds,
+        townshipInvestments,
+      };
+    },
+  },
+  watch: {
+    areasOptions: function (n, o) {
+      this.areasOptions = n;
+      if (this.$route.query.baseDataId) {
+        this.getList();
+      }
+    },
+    monneyList: function (n, o) {
+      // console.log(1111, this.sum, n);
+      if (
+        this.form.centralArrangedFunds ||
+        this.form.provincialFunding ||
+        this.form.cityLevelFunds ||
+        this.form.countyLevelFunds ||
+        this.form.townshipInvestments
+      ) {
+        for (let key in n) {
+          // console.log("tttt", n[key]);
+          this.form[key + "Rate"] = ((n[key] / this.sum) * 100).toFixed(2);
+        }
+        // this.form.provincialFundingRate = ((n / this.sum) * 100).toFixed(2);
+      }
+    },
+  },
+  methods: {
+    getMapData(potMsg, lineMsg, allDrawMsg) {
+      this.potMsg = potMsg;
+      this.lineMsg = lineMsg;
+      this.allDrawMsg = allDrawMsg;
+      console.log("地图坐标数据", this.potMsg, this.lineMsg, this.allDrawMsg);
+      this.form.pointLatitudeLongitudeList =
+        this.potMsg.length > 0 ? JSON.stringify(this.potMsg) : null;
+      this.form.lineLatitudeLongitudeList =
+        this.lineMsg.length > 0 ? JSON.stringify(this.lineMsg) : null;
+      this.form.allLatitudeLongitudeList =
+        this.allDrawMsg.length > 0 ? JSON.stringify(this.allDrawMsg) : null;
+      this.$refs.form.validateField("allLatitudeLongitudeList");
+      this.drawOpen = false;
+    },
+    openDraw(boolean) {
+      this.isDrawEdit = boolean;
+      this.drawTitle = "项目标绘";
+      this.drawOpen = true;
+    },
+    getTreeData() {
+      getAreasData().then((items) => {
+        // console.log("getAreasData", items.data);
+        let res = [];
+        let getChildren = (res, pid) => {
+          for (const i of items.data) {
+            if (i.parentid === pid) {
+              const newItem = {
+                label: i.name,
+                value: i.id,
+              };
+              if (i.layer != 3) newItem.children = [];
+              res.push(newItem);
+              getChildren(newItem.children, newItem.value);
+            }
+          }
+        };
+        getChildren(res, items.data[0].parentid);
+        console.log(66666666666, res);
+        this.areasOptions = res;
+        // return res;
+      });
+    },
+    handleChange(value) {
+      //value为省市区code数组
+      if (value) {
+        console.log("value", value);
+        var provinceCode = codeToText[value[0]]; //code转为省
+        var cityCode = codeToText[value[1]]; //市
+        var orgion = codeToText[value[2]]; //区
+        console.log(44444444, provinceCode, cityCode, orgion);
+        console.log("this.form.adcd", this.form.adcd);
+      }
+    },
+    // 保留项目类型
+    changeisMajor() {
+      if (this.radio == this.copyForm.isMajor) {
+        this.form.projectType = this.copyForm.projectType;
+      } else {
+        this.form.projectType = "";
+      }
+    },
+    // 工程等别字典翻译
+    engineeringGradeFormat(row, column) {
+      return this.selectDictLabel(
+        this.engineeringGradeOptions,
+        row.engineeringGrade
+      );
+    },
+    // 工程用途字典翻译
+    engineeringPurposesFormat(row, column) {
+      return this.selectDictLabel(
+        this.engineeringPurposesOptions,
+        row.engineeringPurposes
+      );
+    },
+    // 工程类别字典翻译
+    workCategoryFormat(row, column) {
+      return this.selectDictLabel(this.workCategoryOptions, row.workCategory);
+    },
+    // 建设模式字典
+    constructionModeFormat(row, column) {
+      return this.selectDictLabel(
+        this.constructionModeOptions,
+        row.constructionMode
+      );
+    },
+
+    // 建设性质字典
+    constructionNatureFormat(row, column) {
+      return this.selectDictLabel(
+        this.constructionNatureOptions,
+        row.constructionNature
+      );
+    },
+
+    // 项目类型字典翻译
+    projectTypeFormat(row, column) {
+      if (row.isMajor == "zd") {
+        return this.selectDictLabel(
+          this.zd_projectTypeOptions,
+          row.projectType
+        );
+      } else if (row.isMajor == "ms") {
+        return this.selectDictLabel(
+          this.ms_projectTypeOptions,
+          row.projectType
+        );
+      }
+    },
+    // 是否是是否省重大水利工程项目
+    isBelongPlanningFormat(row, column) {
+      return this.selectDictLabel(
+        this.isMajorProjectOptions,
+        row.isMajorProject
+      );
+    },
+    projectNameFormat(row) {
+      if (row.projectName)
+        return row.projectName.slice(0, row.projectName.indexOf("["));
+    },
+    // 是否有建议书审批字典翻译
+    isApprovalFormat(row, column) {
+      return this.selectDictLabel(this.isApprovalOptions, row.isApproval);
+    },
+    //项目种类字典翻译
+    projectKindsFormat(row, column) {
+      return this.selectDictLabel(this.projectKindsOptions, row.projectKinds);
+    },
+    getId(res) {
+      // console.log(res)
+      getProposal(res.id).then((response) => {
+        // console.log(response.data)
+        this.form.proNo = response.data.proNo;
+        this.form.proCode = response.data.projectCode;
+        this.form.adcd = response.data.adcd;
+      });
+    },
+    /** 查询项目基本信息管理列表 */
+    getList() {
+      this.loading = true;
+      getInfo(this.$route.query.baseDataId).then((response) => {
+        // console.log("response,", response);
+        this.proMsg = response.data;
+        // 地图坐标数据
+        if (this.proMsg.pointLatitudeLongitudeList) {
+          this.potMsg = JSON.parse(this.proMsg.pointLatitudeLongitudeList);
+        }
+        if (this.proMsg.lineLatitudeLongitudeList) {
+          this.lineMsg = JSON.parse(this.proMsg.lineLatitudeLongitudeList);
+        }
+        if (this.proMsg.allLatitudeLongitudeList) {
+          this.allDrawMsg = JSON.parse(this.proMsg.allLatitudeLongitudeList);
+        }
+
+        // console.log("basedata", this.proMsg);
+        // if (this.proMsg)
+        //   listProposal(this.queryParams).then((response) => {
+        //     this.projectNameOptions = response.records;
+        //   });
+        // // 重大项目与面上项目 区分
+        // this.radio = this.proMsg.isMajor;
+        // this.proMsg.projectName =
+        //   this.proMsg.projectName + "[" + this.proMsg.proCode + "]";
+        this.copyForm = { ...this.proMsg };
+        // // this.infoList = response.records;
+        // // this.total = response.total;
+        this.loading = false;
+      });
+    },
+    close() {
+      this.potMsg = [];
+      this.lineMsg = [];
+      this.allDrawMsg = [];
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        isKeyProject: null,
+        isPierceProject: null,
+        isMajor: null,
+        projectName: null,
+        unitLeader: null,
+        projectLegalPerson: null,
+        projectLegalUnit: null,
+        projectLegalPhone: null,
+
+        projectSuperintendent: null,
+        projectSuperintendentPhone: null,
+        projectUnitLegal: null,
+        projectUnitLegalPhone: null,
+
+        engineeringGrade: null,
+        engineeringPurposes: null,
+        workCategory: null,
+        constructionAddress: null,
+        constructionMode: null,
+        constructionNature: null,
+        constructionContent: null,
+        adcd: null,
+        basin: null,
+        projectType: null,
+        // fundingSource: null,
+
+        centralArrangedFunds: null,
+        centralArrangedFundsRate: null,
+        provincialFunding: null,
+        provincialFundingRate: null,
+        cityLevelFunds: null,
+        cityLevelFundsRate: null,
+        countyLevelFunds: null,
+        countyLevelFundsRate: null,
+        townshipInvestments: null,
+        townshipInvestmentsRate: null,
+
+        isMajorProject: null,
+        investmentSubject: null,
+        constructionPhase: null,
+        fundingNumber: null,
+        proCode: null,
+        proNo: null,
+        createUid: null,
+        createTime: null,
+        updateUid: null,
+        updateTime: null,
+        owerDept: null,
+      };
+      this.resetForm("form");
+    },
+    handleUpdate() {
+      this.reset();
+      this.form = { ...this.proMsg };
+      if (this.form) {
+        listProposal(this.proQueryParams).then((response) => {
+          this.projectNameOptions = response.records;
+        });
+      }
+      // 重大项目与面上项目 区分
+      this.radio = this.proMsg.isMajor;
+      this.form.projectName =
+        this.form.projectName + "[" + this.form.proCode + "]";
+      this.title = "修改项目基本信息";
+      this.open = true;
+    },
+    // 取消按钮
+    cancel() {
+      // this.$router.back();
+      this.open = false;
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.form.isMajor = this.radio;
+          // if (this.proNo) {
+          //   this.form.proNo = this.proNo;
+          // }
+          // if (this.proCode) {
+          //   this.form.proCode = this.proCode;
+          // }
+          // if (this.adcd) {
+          //   this.form.adcd = this.adcd;
+          // }
+          if (
+            this.form.projectName &&
+            this.form.projectName.indexOf("[") != -1
+          ) {
+            this.form.projectName = this.form.projectName.slice(
+              0,
+              this.form.projectName.indexOf("[")
+            );
+          }
+          this.form.pointLatitudeLongitudeList = JSON.stringify(this.potMsg);
+          this.form.lineLatitudeLongitudeList = JSON.stringify(this.lineMsg);
+          this.form.allLatitudeLongitudeList = JSON.stringify(this.allDrawMsg);
+          // console.log(this.form);
+          // console.log("this.form.isMajor", this.form.isMajor);
+          if (this.form.id != null) {
+            updateInfo(this.form).then((response) => {
+              if (response.code === 200) {
+                this.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              }
+            });
+          } else {
+            addInfo(this.form).then((response) => {
+              if (response.code === 200) {
+                this.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              }
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      if (ids) {
+        this.$confirm("是否删除选中的数据？", "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(function () {
+            return delInfo(ids);
+          })
+          .then(() => {
+            this.getList();
+            this.msgSuccess("删除成功");
+          })
+          .catch(function () {});
+      } else {
+        this.$message.warning("请选择要删除的数据！！");
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+// .app-container {
+//   transform: scale(1);
+// }
+@import "@/assets/css/dialog.scss";
+
+::v-deep {
+  .el-dialog {
+    margin-top: 2vh !important;
+  }
+
+  .el-dialog__body {
+    transform: scale(1);
+  }
+}
+.listTitle {
+  font-size: 14px;
+  padding-left: 10px;
+  padding-right: 30px;
+  margin: 20px 0;
+  border-left: 2px solid #36b29e;
+  display: flex;
+  justify-content: space-between;
+  span:nth-child(1) {
+    font-weight: bold;
+  }
+  .addBtn {
+    color: #36b29e;
+    cursor: pointer;
+  }
+  .addBtn:hover {
+    color: #31a08e;
+  }
+}
+.listTitle:nth-child(1) {
+  margin-top: 0;
+}
+.btnList {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 1;
+}
+</style>
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/sectionProject.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/sectionProject.vue
new file mode 100644
index 00000000..ead365f1
--- /dev/null
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg/options/sectionProject.vue
@@ -0,0 +1,2027 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      v-show="showSearch"
+    >
+      <el-form-item label="标段名称" prop="sectionName">
+        <el-input
+          v-model="queryParams.cv.value"
+          placeholder="请输入标段名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-button
+            type="primary"
+            slot="append"
+            icon="el-icon-search"
+            size="small"
+            @click="handleQuery"
+          ></el-button>
+        </el-input>
+      </el-form-item>
+      <el-form-item label="行政区划" prop="projectName">
+        <el-cascader
+          :options="areasOptions"
+          v-model="queryParams.data.adcd"
+          :props="areasOptionProps"
+          placeholder="请选择行政区划"
+          clearable
+          size="small"
+          style="width: 100%"
+          @change="handleQuery"
+        >
+        </el-cascader>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['build:sectionInfo:add']"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['build:sectionInfo:edit']"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['build:sectionInfo:remove']"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table
+      v-loading="loading"
+      :data="infoList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" fixed />
+      <el-table-column
+        label="序号"
+        type="index"
+        width="50"
+        align="center"
+        fixed
+      />
+      <el-table-column
+        label="标段名称"
+        align="center"
+        prop="sectionName"
+        min-width="120"
+      />
+      <el-table-column
+        label="项目名称"
+        align="center"
+        prop="projectName"
+        min-width="120"
+      />
+      <el-table-column
+        label="项目编码"
+        align="center"
+        prop="proCode"
+        min-width="120"
+      />
+      <el-table-column
+        label="行政区划"
+        align="center"
+        prop="adcd"
+        min-width="120"
+        :formatter="$formatAdcd"
+      />
+      <el-table-column
+        label="项目类型"
+        align="center"
+        prop="projectType"
+        :formatter="projectTypeFormat"
+        min-width="120"
+      />
+      <!-- <el-table-column
+        label="项目种类"
+        align="center"
+        prop="projectKinds"
+        :formatter="projectKindsFormat"
+        min-width="120"
+      /> -->
+      <!-- <el-table-column label="项目负责人" align="center" prop="unitLeader" min-width="120" /> -->
+      <!-- <el-table-column
+        label="项目负责人"
+        align="center"
+        prop="projectLegalPerson"
+        min-width="120"
+      /> -->
+
+      <!-- <el-table-column
+        label="项目法人"
+        align="center"
+        prop="projectLegalUnit"
+        min-width="120"
+      />
+      <el-table-column
+        label="单位负责人电话"
+        align="center"
+        prop="projectLegalPhone"
+        min-width="120"
+      />
+      <el-table-column
+        label="工程等别"
+        align="center"
+        prop="engineeringGrade"
+        :formatter="engineeringGradeFormat"
+        min-width="120"
+      />
+      <el-table-column
+        label="工程用途"
+        align="center"
+        prop="engineeringPurposes"
+        :formatter="engineeringPurposesFormat"
+        min-width="120"
+      />
+      <el-table-column
+        label="工程用途"
+        align="center"
+        prop="workCategory"
+        :formatter="workCategoryFormat"
+        min-width="120"
+      />
+      <el-table-column
+        label="项目建设地址"
+        align="center"
+        prop="constructionAddress"
+        min-width="120"
+      />
+      <el-table-column
+        label="建设模式"
+        align="center"
+        prop="constructionMode"
+        :formatter="constructionModeFormat"
+        min-width="120"
+      /> -->
+      <el-table-column
+        label="建设性质"
+        align="center"
+        prop="constructionNature"
+        :formatter="constructionNatureFormat"
+        min-width="120"
+      />
+      <!-- <el-table-column
+        label="建设内容"
+        align="center"
+        prop="constructionContent"
+        min-width="120"
+      />
+
+      <el-table-column
+        label="所属流域"
+        align="center"
+        prop="basin"
+        min-width="120"
+      /> -->
+
+      <!-- <el-table-column label="资金来源" align="center" prop="fundingSource"
+        min-width="120"/> -->
+      <!-- <el-table-column
+        label="是否省重大水利工程项目"
+        align="center"
+        prop="isMajorProject"
+        :formatter="isBelongPlanningFormat"
+        min-width="120"
+      />
+      <el-table-column
+        label="项目投资主体"
+        align="center"
+        prop="investmentSubject"
+        min-width="120"
+      />
+      <el-table-column
+        label="建设阶段"
+        align="center"
+        prop="constructionPhase"
+        min-width="120"
+      />
+      <el-table-column
+        label="资金下达文号"
+        align="center"
+        prop="fundingNumber"
+        min-width="120"
+      /> -->
+      <!-- <el-table-column
+        label="总投资金额（万元）"
+        align="center"
+        prop="total"
+        min-width="150"
+      /> -->
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        min-width="180"
+        fixed="right"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="viewInfo(scope.row)"
+            v-hasPermi="['build:sectionInfo:view']"
+            >查看</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['build:sectionInfo:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['build:sectionInfo:remove']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1200px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="close"
+    >
+      <el-row :gutter="15">
+        <el-form
+          ref="form"
+          :model="form"
+          :rules="rules"
+          label-width="180px"
+          label-position="top"
+        >
+          <el-col :span="12">
+            <el-form-item label="项目名称" prop="projectName">
+              <el-input
+                v-model="form.projectName"
+                placeholder="请输入项目名称"
+                size="small"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目编码" prop="proCode">
+              <el-input
+                v-model="form.proCode"
+                placeholder="请输入项目编码"
+                disabled
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="标段名称" prop="sectionName">
+              <el-input
+                v-model="form.sectionName"
+                placeholder="请输入标段名称"
+                size="small"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="行政区划" prop="adcd">
+              <el-cascader
+                :options="areasOptions"
+                v-model="form.adcd"
+                :props="areasOptionProps"
+                placeholder="请选择行政区划"
+                clearable
+                size="small"
+                style="width: 100%"
+                @change="handleChange"
+              >
+              </el-cascader>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目种类" prop="projectKinds">
+              <el-select
+                v-model="form.projectKinds"
+                placeholder="请选择项目种类"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in projectKindsOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!-- 标绘 -->
+          <el-col :span="12">
+            <el-form-item label="项目标绘" prop="allLatitudeLongitudeList">
+              <el-button
+                type="primary"
+                style="width: 150px"
+                @click="openDraw(true)"
+                >标绘</el-button
+              >
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="24">
+            <el-form-item label="项目法人单位" prop="projectLegalPerson">
+              <el-input
+                v-model="form.projectLegalPerson"
+                placeholder="请输入项目法人单位"
+              />
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="单位负责人电话" prop="projectLegalPhone">
+              <el-input
+                v-model="form.projectLegalPhone"
+                placeholder="请输入单位负责人电话"
+              />
+            </el-form-item>
+          </el-col> -->
+          <!-- <el-col :span="12">
+            <el-form-item label="项目负责人" prop="unitLeader">
+              <el-input
+                v-model="form.unitLeader"
+                placeholder="请输入项目法人"
+              />
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="项目负责人" prop="projectSuperintendent">
+              <el-input
+                v-model="form.projectSuperintendent"
+                placeholder="请输入项目负责人"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="项目负责人电话"
+              prop="projectSuperintendentPhone"
+            >
+              <el-input
+                v-model="form.projectSuperintendentPhone"
+                placeholder="请输入项目负责人电话"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="单位法定代表人" prop="projectUnitLegal">
+              <el-input
+                v-model="form.projectUnitLegal"
+                placeholder="请输入单位法定代表人"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="单位法定代表人电话"
+              prop="projectUnitLegalPhone"
+            >
+              <el-input
+                v-model="form.projectUnitLegalPhone"
+                placeholder="请输入单位法定代表人电话"
+              />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="24">
+            <el-form-item label="项目类型" prop="projectType">
+              <div style="margin-bottom: 10px">
+                <el-radio v-model="radio" label="zd" @input="changeisMajor()"
+                  >重大项目</el-radio
+                >
+                <el-radio v-model="radio" label="ms" @input="changeisMajor()"
+                  >面上项目</el-radio
+                >
+              </div>
+              <div>
+                <el-radio
+                  v-model="form.projectType"
+                  v-for="dict in radio == 'zd'
+                    ? zd_projectTypeOptions
+                    : ms_projectTypeOptions"
+                  :label="dict.dictValue"
+                  :key="dict.dictLabel + dict.id"
+                >
+                  {{ dict.dictLabel }}
+                </el-radio>
+              </div>
+              <!-- <el-select
+                v-model="form.projectType"
+                placeholder="请选择项目类型"
+                style="width: 100%"
+              >
+                <div style="margin-bottom: 10px">
+                  <el-radio v-model="radio" label="zd">重大项目</el-radio>
+                  <el-radio v-model="radio" label="ms">面上项目</el-radio>
+                </div>
+                重大项目选项
+                <template v-if="radio == 'zd'">
+                  <el-option
+                    v-for="dict in zd_projectTypeOptions"
+                    :key="dict.dictLabel + dict.id"
+                    :label="dict.dictLabel"
+                    :value="dict.dictValue"
+                  />
+                </template>
+                面上项目选项
+                <template v-if="radio == 'ms'">
+                  <el-option
+                    v-for="dict in ms_projectTypeOptions"
+                    :key="dict.dictLabel + dict.id"
+                    :label="dict.dictLabel"
+                    :value="dict.dictValue"
+                  />
+                </template>
+              </el-select> -->
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="工程等别" prop="engineeringGrade">
+              <!-- <el-input
+                v-model="form.engineeringGrade"
+                placeholder="请输入工程等别"
+              /> -->
+              <el-select
+                v-model="form.engineeringGrade"
+                placeholder="请输入工程等别"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in engineeringGradeOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工程用途" prop="engineeringPurposes">
+              <!-- <el-input
+                v-model="form.engineeringPurposes"
+                placeholder="请输入工程用途"
+              /> -->
+              <el-select
+                v-model="form.engineeringPurposes"
+                placeholder="请输入工程用途"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in engineeringPurposesOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="工程类别" prop="workCategory">
+              <el-select
+                v-model="form.workCategory"
+                placeholder="请输入工程用途"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in workCategoryOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="项目建设地址" prop="constructionAddress">
+              <el-input
+                v-model="form.constructionAddress"
+                placeholder="请输入项目建设地址"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="建设模式" prop="constructionMode">
+              <!-- <el-input
+                v-model="form.constructionMode"
+                placeholder="请输入建设模式"
+              /> -->
+              <el-select
+                v-model="form.constructionMode"
+                placeholder="请输入建设模式"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in constructionModeOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="建设性质" prop="constructionNature">
+              <!-- <el-input
+                v-model="form.constructionNature"
+                placeholder="请输入建设性质"
+              /> -->
+              <el-select
+                v-model="form.constructionNature"
+                placeholder="请输入建设模式"
+                filterable
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in constructionNatureOptions"
+                  :key="dict.dictLabel + dict.id"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="建设内容" prop="constructionContent">
+              <el-input
+                type="textarea"
+                rows="4"
+                v-model="form.constructionContent"
+                placeholder="请输入建设内容"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属流域" prop="basin">
+              <el-input v-model="form.basin" placeholder="请输入所属流域" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开工日期" prop="commencementDate">
+              <el-date-picker
+                clearable
+                size="small"
+                style="width: 100%"
+                v-model="form.commencementDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择开工日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="计划竣工日期" prop="plannedCompletionDate">
+              <el-date-picker
+                clearable
+                size="small"
+                style="width: 100%"
+                v-model="form.plannedCompletionDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择计划竣工日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资金下达文号" prop="fundingNumber">
+              <el-input
+                v-model="form.fundingNumber"
+                placeholder="请输入资金下达文号"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="中央资金" prop="centralArrangedFunds">
+              <el-input
+                v-model="form.centralArrangedFunds"
+                placeholder="请输入中央资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="中央资金比例" prop="centralArrangedFundsRate">
+              <el-input
+                v-model="form.centralArrangedFundsRate"
+                placeholder="请输入中央资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="省级资金" prop="provincialFunding">
+              <el-input
+                v-model="form.provincialFunding"
+                placeholder="请输入省级资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="省级资金比例" prop="provincialFundingRate">
+              <el-input
+                v-model="form.provincialFundingRate"
+                placeholder="请输入省级资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="地市资金" prop="cityLevelFunds">
+              <el-input
+                v-model="form.cityLevelFunds"
+                placeholder="请输入地市资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="地市资金比例" prop="cityLevelFundsRate">
+              <el-input
+                v-model="form.cityLevelFundsRate"
+                placeholder="请输入地市资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区县资金" prop="countyLevelFunds">
+              <el-input
+                v-model="form.countyLevelFunds"
+                placeholder="请输入区县资金"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区县资金比例" prop="countyLevelFundsRate">
+              <el-input
+                v-model="form.countyLevelFundsRate"
+                placeholder="请输入区县资金比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="乡镇及群众自筹和其他投资"
+              prop="townshipInvestments"
+            >
+              <el-input
+                v-model="form.townshipInvestments"
+                placeholder="请输入乡镇及群众自筹和其他投资"
+              >
+                <template slot="append">万元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="乡镇及群众自筹和其他投资比例"
+              prop="townshipInvestmentsRate"
+            >
+              <el-input
+                v-model="form.townshipInvestmentsRate"
+                placeholder="请输入乡镇及群众自筹和其他投资比例"
+                readonly
+              >
+                <template slot="append">%</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="是否省重大水利工程项目" prop="isMajorProject">
+              <el-select
+                v-model="form.isMajorProject"
+                placeholder="是否省重大水利工程项目"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in isMajorProjectOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col> -->
+          <!-- <el-col :span="12">
+            <el-form-item label="建设阶段" prop="constructionPhase">
+              <el-input
+                v-model="form.constructionPhase"
+                placeholder="请输入建设阶段"
+              />
+            </el-form-item>
+          </el-col> -->
+          <!-- <el-col :span="24">
+            <el-form-item label="项目投资主体" prop="investmentSubject">
+              <el-input
+                v-model="form.investmentSubject"
+                placeholder="请输入项目投资主体"
+              />
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="是否为安全度汛重点工程" prop="isKeyProject">
+              <el-select
+                v-model="form.isKeyProject"
+                placeholder="是否为安全度汛重点工程"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in SFoptions"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否穿破堤坝施工" prop="isPierceProject">
+              <el-select
+                v-model="form.isPierceProject"
+                placeholder="是否穿破堤坝施工"
+                clearable
+                size="small"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in SFoptions"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div class="dialog-footer" slot="footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!--查看 -->
+    <el-dialog
+      :title="viewTitle"
+      :visible.sync="viewOpen"
+      width="1200px"
+      append-to-body
+      @close="closeView"
+      :close-on-click-modal="false"
+    >
+      <el-descriptions
+        class="margin-top"
+        :column="2"
+        border
+        :labelStyle="{
+          'text-align': 'left',
+          width: '180px',
+          height: '50px',
+        }"
+        :contentStyle="{ minWidth: '350px' }"
+      >
+        <!-- <el-descriptions-item>
+          <template slot="label"> 是否有建议书审批 </template>
+          {{ isApprovalFormat(this.proMsg) }}
+        </el-descriptions-item> -->
+        <el-descriptions-item>
+          <template slot="label"> 项目名称 </template>
+          {{ this.proMsg.projectName }}
+        </el-descriptions-item>
+
+        <el-descriptions-item span="2">
+          <template slot="label"> 项目编码 </template>
+          {{ this.proMsg.proCode }}
+        </el-descriptions-item>
+
+        <el-descriptions-item span="1">
+          <template slot="label"> 项目种类 </template>
+          {{ projectKindsFormat(this.proMsg) }}
+        </el-descriptions-item>
+        <el-descriptions-item span="1">
+          <template slot="label"> 项目标绘 </template>
+          <el-button
+            type="primary"
+            style="width: 150px"
+            @click="openDraw(false)"
+            >标绘</el-button
+          >
+        </el-descriptions-item>
+
+        <el-descriptions-item span="2">
+          <template slot="label"> 项目法人单位 </template>
+          {{ this.proMsg.projectLegalPerson }}
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label"> 项目负责人 </template>
+          {{ this.proMsg.projectSuperintendent }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 项目负责人电话 </template>
+          {{ this.proMsg.projectSuperintendentPhone }}
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label"> 单位法定代表人 </template>
+          {{ this.proMsg.projectUnitLegal }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 单位法定代表人电话 </template>
+          {{ this.proMsg.projectUnitLegalPhone }}
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label"> 项目类型 </template>
+          {{ projectTypeFormat(this.proMsg) }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 工程等别 </template>
+          {{ engineeringGradeFormat(this.proMsg) }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 工程用途 </template>
+          {{ engineeringPurposesFormat(this.proMsg) }}
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label"> 建设模式 </template>
+          {{ constructionModeFormat(this.proMsg) }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 建设性质 </template>
+          {{ constructionNatureFormat(this.proMsg) }}
+        </el-descriptions-item>
+        <el-descriptions-item span="2">
+          <template slot="label"> 项目建设地址 </template>
+          {{ this.proMsg.constructionAddress }}
+        </el-descriptions-item>
+        <el-descriptions-item span="2">
+          <template slot="label"> 建设内容 </template>
+          {{ this.proMsg.constructionContent }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 行政区划 </template>
+          {{ $formatAdcd(this.proMsg) }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 所属流域 </template>
+          {{ this.proMsg.basin }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 开工日期 </template>
+          {{ this.proMsg.commencementDate || "-" }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 计划竣工日期 </template>
+          {{ this.proMsg.plannedCompletionDate || "-" }}
+        </el-descriptions-item>
+        <!-- <el-descriptions-item span="2">
+          <template slot="label"> 总投资金额（万元） </template>
+          {{ this.proMsg.total }}
+        </el-descriptions-item> -->
+
+        <el-descriptions-item>
+          <template slot="label"> 中央资金（万元） </template>
+          {{ this.proMsg.centralArrangedFunds }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 中央资金比（%） </template>
+          {{ this.proMsg.centralArrangedFundsRate }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 省级资金（万元） </template>
+          {{ this.proMsg.provincialFunding }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 省级资金比例（%） </template>
+          {{ this.proMsg.provincialFundingRate }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 地市资金（万元） </template>
+          {{ this.proMsg.cityLevelFunds }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 地市资金比例（%） </template>
+          {{ this.proMsg.cityLevelFundsRate }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 区县资金（万元） </template>
+          {{ this.proMsg.countyLevelFunds }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 区县资金比例（%） </template>
+          {{ this.proMsg.cityLevelFundsRate }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 乡镇及群众自筹和其他投资（万元） </template>
+          {{ this.proMsg.townshipInvestments }}
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label"> 乡镇及群众自筹和其他投资比例（%） </template>
+          {{ this.proMsg.townshipInvestmentsRate }}
+        </el-descriptions-item>
+        <!-- <el-descriptions-item>
+          <template slot="label"> 是否省重大水利工程项目 </template>
+          {{ isBelongPlanningFormat(this.proMsg) }}
+        </el-descriptions-item> -->
+        <el-descriptions-item>
+          <template slot="label"> 资金下达文号 </template>
+          {{ this.proMsg.fundingNumber }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 是否为安全度汛重点工程 </template>
+          {{ this.proMsg.isKeyProject }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label"> 是否穿破堤坝施工 </template>
+          {{ this.proMsg.isPierceProject }}
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+
+    <el-dialog
+      :title="drawTitle"
+      :visible.sync="drawOpen"
+      custom-class="draw"
+      width="1500px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <mapEle
+        v-if="drawOpen"
+        :isDrawEdit="isDrawEdit"
+        :potMsg="potMsg"
+        :lineMsg="lineMsg"
+        :allDrawMsg="allDrawMsg"
+        @getMapData="getMapData"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import mapEle from "@/components/map/index.vue";
+import {
+  listSectionInfo,
+  getSectionInfo,
+  delSectionInfo,
+  addSectionInfo,
+  updateSectionInfo,
+  exportSectionInfo,
+} from "@/api/build/sectionInfo";
+import { getInfo } from "@/api/build/projectInfo";
+import { getAreasData } from "@/api/areas/index";
+import { regionData, codeToText, TextToCode } from "element-china-area-data";
+
+export default {
+  name: "SectionInfo",
+  components: { mapEle },
+  props: ["proNo", "proCode", "projectName"],
+  data() {
+    return {
+      areasOptionProps: {
+        emitPath: false,
+        checkStrictly: true, //选择任意一级
+      },
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 项目标段信息管理表格数据
+      infoList: [],
+      // 弹出层标题
+      title: "",
+      viewTitle: "",
+      drawTitle: "",
+      // 是否显示弹出层
+      open: false,
+      viewOpen: false,
+      drawOpen: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        ids: null,
+        data: {
+          sectionNam: null,
+          isKeyProject: null,
+          isPierceProject: null,
+          isMajor: null,
+          projectName: null,
+          unitLeader: null,
+          projectLegalPerson: null,
+          projectLegalUnit: null,
+          projectLegalPhone: null,
+          engineeringGrade: null,
+          engineeringPurposes: null,
+          workCategory: null,
+          constructionAddress: null,
+          constructionMode: null,
+          constructionNature: null,
+          constructionContent: null,
+          adcd: null,
+          basin: null,
+          projectType: null,
+          // fundingSource: null,
+
+          centralArrangedFunds: null,
+          centralArrangedFundsRate: null,
+          provincialFunding: null,
+          provincialFundingRate: null,
+          cityLevelFunds: null,
+          cityLevelFundsRate: null,
+          countyLevelFunds: null,
+          countyLevelFundsRate: null,
+          townshipInvestments: null,
+          townshipInvestmentsRate: null,
+
+          isMajorProject: null,
+          investmentSubject: null,
+          constructionPhase: null,
+          fundingNumber: null,
+          proCode: null,
+          proNo: null,
+          createUid: null,
+          createTime: null,
+          updateUid: null,
+          updateTime: null,
+          owerDept: null,
+        },
+        cv: {
+          type: "like",
+          name: "sectionName",
+          value: null,
+        },
+        // 排序方式
+        params: {
+          // 按哪个字段排序
+          orderBy: "create_time",
+          // desc降序，升序asc
+          sort: "desc",
+        },
+      },
+
+      // 表单参数
+      form: {},
+      copyForm: {},
+      proMsg: {},
+      // 表单校验
+      rules: {
+        sectionName: [
+          {
+            required: true,
+            message: "请输入标段名称",
+            trigger: "blur",
+          },
+        ],
+        isApproval: [
+          {
+            required: true,
+            message: "请选择是否有建议书审批",
+            trigger: "change",
+          },
+        ],
+        proCode: [
+          {
+            required: true,
+            message: "请输入项目编码",
+            trigger: "blur",
+          },
+        ],
+        adcd: [
+          {
+            required: true,
+            message: "请选择行政区划",
+            trigger: "change",
+          },
+        ],
+        projectName: [
+          {
+            required: true,
+            message: "请选择项目名称",
+            trigger: "change",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        allLatitudeLongitudeList: [
+          {
+            required: true,
+            message: "请进行项目标绘",
+            trigger: "change",
+          },
+        ],
+        projectType: [
+          {
+            required: true,
+            message: "请选择项目类型",
+            trigger: "change",
+          },
+        ],
+        engineeringGrade: [
+          {
+            required: true,
+            message: "请选择工程等别",
+            trigger: "change",
+          },
+        ],
+        engineeringPurposes: [
+          {
+            required: true,
+            message: "请选择工程用途",
+            trigger: "change",
+          },
+        ],
+        projectLegalUnit: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectLegalPerson: [
+          {
+            required: true,
+            message: "请输入项目法人单位",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectLegalPhone: [
+          {
+            required: true,
+            message: "请输入单位负责人电话",
+            trigger: "blur",
+          },
+          {
+            type: "string",
+            pattern:
+              /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur",
+          },
+        ],
+        projectSuperintendent: [
+          {
+            required: true,
+            message: "请输入项目负责人",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectSuperintendentPhone: [
+          {
+            required: true,
+            message: "请输入项目负责人电话",
+            trigger: "blur",
+          },
+          {
+            type: "string",
+            pattern:
+              /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur",
+          },
+        ],
+        projectUnitLegal: [
+          {
+            required: true,
+            message: "请输入单位法定代表人",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        projectUnitLegalPhone: [
+          {
+            required: true,
+            message: "请输入单位法定代表人电话",
+            trigger: "blur",
+          },
+          {
+            type: "string",
+            pattern:
+              /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur",
+          },
+        ],
+        constructionAddress: [
+          {
+            required: true,
+            message: "请输入项目建设地址",
+            trigger: "blur",
+          },
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        constructionMode: [
+          {
+            required: true,
+            message: "请选择建设模式",
+            trigger: "change",
+          },
+        ],
+        constructionNature: [
+          {
+            required: true,
+            message: "请选择建设性质",
+            trigger: "change",
+          },
+        ],
+        constructionContent: [
+          {
+            required: true,
+            message: "请输入建设内容",
+            trigger: "blur",
+          },
+          { max: 6550, message: "字符长度最大为6550", trigger: "blur" },
+        ],
+        basin: [{ max: 250, message: "字符长度最大为250", trigger: "blur" }],
+        fundingNumber: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+
+        centralArrangedFunds: [
+          {
+            required: true,
+            message: "请输入中央资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        provincialFunding: [
+          {
+            required: true,
+            message: "请输入省级资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        cityLevelFunds: [
+          {
+            required: true,
+            message: "请输入地市资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        countyLevelFunds: [
+          {
+            required: true,
+            message: "请输入区县资金",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        townshipInvestments: [
+          {
+            required: true,
+            message: "请输入乡镇及群众自筹和其他投资",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
+        constructionPhase: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        investmentSubject: [
+          { max: 250, message: "字符长度最大为250", trigger: "blur" },
+        ],
+        isMajorProject: [
+          {
+            required: true,
+            message: "请选择是否省重大水利工程项目",
+            trigger: "blur",
+          },
+        ],
+        projectKinds: [
+          {
+            required: true,
+            message: "请选择项目种类",
+            trigger: "change",
+          },
+        ],
+      },
+      // 是否是是否省重大水利工程项目
+      isMajorProjectOptions: [],
+      radio: "zd",
+      // 重大项目字典
+      zd_projectTypeOptions: [],
+      // 面上项目字典
+      ms_projectTypeOptions: [],
+      // 工程等别字典
+      engineeringGradeOptions: [],
+      // 工程用途字典
+      engineeringPurposesOptions: [],
+      // 工程类别字典
+      workCategoryOptions: [],
+      // 建设模式字典
+      constructionModeOptions: [],
+      // 建设性质字典
+      constructionNatureOptions: [],
+      // 项目种类字典
+      projectKindsOptions: [],
+      // 面包屑，路由信息
+      routeList: [
+        {
+          path: "/building/projectInfo",
+          routeName: "项目标段信息管理",
+        },
+      ],
+      areasOptions: [],
+      // 地图坐标数据
+      potMsg: [],
+      lineMsg: [],
+      allDrawMsg: [],
+      // 查看还是编辑
+      isDrawEdit: true,
+      //是否又建议书审批字典
+      isApprovalOptions: [],
+      SFoptions: [
+        { label: "是", value: "是" },
+        { label: "否", value: "否" },
+      ],
+    };
+  },
+  created() {
+    this.getTreeData();
+    this.getList();
+    this.getDicts("whether").then((response) => {
+      this.isMajorProjectOptions = response.data;
+      this.isApprovalOptions = response.data;
+    });
+    this.getDicts("major_project").then((response) => {
+      // console.log("4444444444444444", response.data);
+      this.zd_projectTypeOptions = response.data;
+    });
+    this.getDicts("general_project").then((response) => {
+      // console.log("5555555555555", response.data);
+      this.ms_projectTypeOptions = response.data;
+    });
+    this.getDicts("engineering_grade").then((response) => {
+      this.engineeringGradeOptions = response.data;
+    });
+    this.getDicts("project_purposes").then((response) => {
+      this.engineeringPurposesOptions = response.data;
+    });
+    this.getDicts("project_category").then((response) => {
+      this.workCategoryOptions = response.data;
+    });
+    this.getDicts("Construction_mode").then((response) => {
+      this.constructionModeOptions = response.data;
+    });
+    this.getDicts("CONSTRUCTION_NATURE").then((response) => {
+      this.constructionNatureOptions = response.data;
+    });
+    this.getDicts("type_of_project").then((response) => {
+      this.projectKindsOptions = response.data;
+    });
+  },
+  computed: {
+    sum() {
+      return (
+        Number(this.form.centralArrangedFunds) +
+        Number(this.form.provincialFunding) +
+        Number(this.form.cityLevelFunds) +
+        Number(this.form.countyLevelFunds) +
+        Number(this.form.townshipInvestments)
+      );
+    },
+    monneyList() {
+      const {
+        centralArrangedFunds,
+        provincialFunding,
+        cityLevelFunds,
+        countyLevelFunds,
+        townshipInvestments,
+      } = this.form;
+      return {
+        centralArrangedFunds,
+        provincialFunding,
+        cityLevelFunds,
+        countyLevelFunds,
+        townshipInvestments,
+      };
+    },
+  },
+  watch: {
+    areasOptions: function (n, o) {
+      this.areasOptions = n;
+      if (this.$route.query.baseDataId) {
+        this.getList();
+      }
+    },
+    monneyList: function (n, o) {
+      // console.log(1111, this.sum, n);
+      if (
+        this.form.centralArrangedFunds ||
+        this.form.provincialFunding ||
+        this.form.cityLevelFunds ||
+        this.form.countyLevelFunds ||
+        this.form.townshipInvestments
+      ) {
+        for (let key in n) {
+          // console.log("tttt", n[key]);
+          this.form[key + "Rate"] = ((n[key] / this.sum) * 100).toFixed(2);
+        }
+        // this.form.provincialFundingRate = ((n / this.sum) * 100).toFixed(2);
+      }
+    },
+  },
+  methods: {
+    getMapData(potMsg, lineMsg, allDrawMsg) {
+      this.potMsg = potMsg;
+      this.lineMsg = lineMsg;
+      this.allDrawMsg = allDrawMsg;
+      console.log("地图坐标数据", this.potMsg, this.lineMsg, this.allDrawMsg);
+      this.form.pointLatitudeLongitudeList =
+        this.potMsg.length > 0 ? JSON.stringify(this.potMsg) : null;
+      this.form.lineLatitudeLongitudeList =
+        this.lineMsg.length > 0 ? JSON.stringify(this.lineMsg) : null;
+      this.form.allLatitudeLongitudeList =
+        this.allDrawMsg.length > 0 ? JSON.stringify(this.allDrawMsg) : null;
+      this.$refs.form.validateField("allLatitudeLongitudeList");
+      this.drawOpen = false;
+    },
+    openDraw(boolean) {
+      this.isDrawEdit = boolean;
+      this.drawTitle = "项目标绘";
+      this.drawOpen = true;
+    },
+    getTreeData() {
+      getAreasData().then((items) => {
+        // console.log("getAreasData", items.data);
+        let res = [];
+        let getChildren = (res, pid) => {
+          for (const i of items.data) {
+            if (i.parentid === pid) {
+              const newItem = {
+                label: i.name,
+                value: i.id,
+              };
+              if (i.layer != 3) newItem.children = [];
+              res.push(newItem);
+              getChildren(newItem.children, newItem.value);
+            }
+          }
+        };
+        getChildren(res, items.data[0].parentid);
+        console.log(66666666666, res);
+        this.areasOptions = res;
+        // return res;
+      });
+    },
+    handleChange(value) {
+      //value为省市区code数组
+      if (value) {
+        console.log("value", value);
+        var provinceCode = codeToText[value[0]]; //code转为省
+        var cityCode = codeToText[value[1]]; //市
+        var orgion = codeToText[value[2]]; //区
+        console.log(44444444, provinceCode, cityCode, orgion);
+        console.log("this.form.adcd", this.form.adcd);
+      }
+    },
+    // 保留项目类型
+    changeisMajor() {
+      if (this.radio == this.copyForm.isMajor) {
+        this.form.projectType = this.copyForm.projectType;
+      } else {
+        this.form.projectType = "";
+      }
+    },
+    // 工程等别字典翻译
+    engineeringGradeFormat(row, column) {
+      return this.selectDictLabel(
+        this.engineeringGradeOptions,
+        row.engineeringGrade
+      );
+    },
+    // 工程用途字典翻译
+    engineeringPurposesFormat(row, column) {
+      return this.selectDictLabel(
+        this.engineeringPurposesOptions,
+        row.engineeringPurposes
+      );
+    },
+    // 工程类别字典翻译
+    workCategoryFormat(row, column) {
+      return this.selectDictLabel(this.workCategoryOptions, row.workCategory);
+    },
+    // 建设模式字典
+    constructionModeFormat(row, column) {
+      return this.selectDictLabel(
+        this.constructionModeOptions,
+        row.constructionMode
+      );
+    },
+
+    // 建设性质字典
+    constructionNatureFormat(row, column) {
+      return this.selectDictLabel(
+        this.constructionNatureOptions,
+        row.constructionNature
+      );
+    },
+
+    // 项目类型字典翻译
+    projectTypeFormat(row, column) {
+      if (row.isMajor == "zd") {
+        return this.selectDictLabel(
+          this.zd_projectTypeOptions,
+          row.projectType
+        );
+      } else if (row.isMajor == "ms") {
+        return this.selectDictLabel(
+          this.ms_projectTypeOptions,
+          row.projectType
+        );
+      }
+    },
+    // 是否是是否省重大水利工程项目
+    isBelongPlanningFormat(row, column) {
+      return this.selectDictLabel(
+        this.isMajorProjectOptions,
+        row.isMajorProject
+      );
+    },
+    projectNameFormat(row) {
+      if (row.projectName)
+        return row.projectName.slice(0, row.projectName.indexOf("["));
+    },
+    // 是否有建议书审批字典翻译
+    isApprovalFormat(row, column) {
+      return this.selectDictLabel(this.isApprovalOptions, row.isApproval);
+    },
+    //项目种类字典翻译
+    projectKindsFormat(row, column) {
+      return this.selectDictLabel(this.projectKindsOptions, row.projectKinds);
+    },
+    // getId(res) {
+    //   // console.log(res)
+    //   getProposal(res.id).then((response) => {
+    //     // console.log(response.data)
+    //     this.form.proNo = response.data.proNo;
+    //     this.form.proCode = response.data.projectCode;
+    //     this.form.adcd = response.data.adcd;
+    //   });
+    // },
+    /** 查询项目标段信息管理列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.data.proNo = this.proNo;
+      this.queryParams.data.proCode = this.proCode;
+      listSectionInfo(this.queryParams).then((response) => {
+        this.infoList = response.records;
+        this.total = response.total;
+        this.loading = false;
+      });
+      // getInfo(this.$route.query.baseDataId).then((response) => {
+      //   // console.log("response,", response);
+      //   this.proMsg = response.data;
+      //   // 地图坐标数据
+      //   // if (this.proMsg.pointLatitudeLongitudeList) {
+      //   //   this.potMsg = JSON.parse(this.proMsg.pointLatitudeLongitudeList);
+      //   // }
+      //   // if (this.proMsg.lineLatitudeLongitudeList) {
+      //   //   this.lineMsg = JSON.parse(this.proMsg.lineLatitudeLongitudeList);
+      //   // }
+      //   // if (this.proMsg.allLatitudeLongitudeList) {
+      //   //   this.allDrawMsg = JSON.parse(this.proMsg.allLatitudeLongitudeList);
+      //   // }
+
+      //   // // this.infoList = response.records;
+      //   // // this.total = response.total;
+      //   this.loading = false;
+      // });
+    },
+    close() {
+      this.potMsg = [];
+      this.lineMsg = [];
+      this.allDrawMsg = [];
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+
+        sectionName: null,
+        isKeyProject: null,
+        isPierceProject: null,
+        isMajor: null,
+        projectName: null,
+        unitLeader: null,
+        projectLegalPerson: null,
+        projectLegalUnit: null,
+        projectLegalPhone: null,
+
+        projectSuperintendent: null,
+        projectSuperintendentPhone: null,
+        projectUnitLegal: null,
+        projectUnitLegalPhone: null,
+
+        engineeringGrade: null,
+        engineeringPurposes: null,
+        workCategory: null,
+        constructionAddress: null,
+        constructionMode: null,
+        constructionNature: null,
+        constructionContent: null,
+        adcd: null,
+        basin: null,
+        projectType: null,
+        // fundingSource: null,
+
+        centralArrangedFunds: null,
+        centralArrangedFundsRate: null,
+        provincialFunding: null,
+        provincialFundingRate: null,
+        cityLevelFunds: null,
+        cityLevelFundsRate: null,
+        countyLevelFunds: null,
+        countyLevelFundsRate: null,
+        townshipInvestments: null,
+        townshipInvestmentsRate: null,
+
+        isMajorProject: null,
+        investmentSubject: null,
+        constructionPhase: null,
+        fundingNumber: null,
+        proCode: null,
+        proNo: null,
+        createUid: null,
+        createTime: null,
+        updateUid: null,
+        updateTime: null,
+        owerDept: null,
+      };
+      this.resetForm("form");
+    },
+    // 查询表单重置
+    resetQueryForm() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        data: {
+          id: null,
+          isKeyProject: null,
+          isPierceProject: null,
+          isMajor: null,
+          projectName: null,
+          unitLeader: null,
+          projectLegalPerson: null,
+          projectLegalUnit: null,
+          projectLegalPhone: null,
+
+          projectSuperintendent: null,
+          projectSuperintendentPhone: null,
+          projectUnitLegal: null,
+          projectUnitL: null,
+
+          engineeringGrade: null,
+          engineeringPurposes: null,
+          workCategory: null,
+          constructionAddress: null,
+          constructionMode: null,
+          constructionNature: null,
+          constructionContent: null,
+          adcd: null,
+          basin: null,
+          projectType: null,
+          // fundingSource: null,
+
+          centralArrangedFunds: null,
+          centralArrangedFundsRate: null,
+          provincialFunding: null,
+          provincialFundingRate: null,
+          cityLevelFunds: null,
+          cityLevelFundsRate: null,
+          countyLevelFunds: null,
+          countyLevelFundsRate: null,
+          townshipInvestments: null,
+          townshipInvestmentsRate: null,
+
+          isMajorProject: null,
+          investmentSubject: null,
+          constructionPhase: null,
+          fundingNumber: null,
+          proCode: null,
+          proNo: null,
+          createUid: null,
+          createTime: null,
+          updateUid: null,
+          updateTime: null,
+          owerDept: null,
+          pointLatitudeLongitudeList: null,
+          lineLatitudeLongitudeList: null,
+          allLatitudeLongitudeList: null,
+          projectKinds: null,
+        },
+        cv: {
+          type: "like",
+          name: "sectionName",
+          value: null,
+        },
+        // 排序方式
+        params: {
+          // 按哪个字段排序
+          orderBy: "create_time",
+          // desc降序，升序asc
+          sortBy: "desc",
+        },
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetQueryForm();
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.radio = "zd";
+      this.form.proNo = this.proNo;
+      this.form.proCode = this.proCode;
+      // console.log(111, this.projectName);
+      this.form.projectName = this.projectName;
+      this.open = true;
+      this.title = "添加目标段信息";
+    },
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getSectionInfo(id).then((response) => {
+        this.form = response.data;
+        // 地图坐标数据
+        if (this.form.pointLatitudeLongitudeList) {
+          this.potMsg = JSON.parse(this.form.pointLatitudeLongitudeList);
+        }
+        if (this.form.lineLatitudeLongitudeList) {
+          this.lineMsg = JSON.parse(this.form.lineLatitudeLongitudeList);
+        }
+        if (this.form.allLatitudeLongitudeList) {
+          this.allDrawMsg = JSON.parse(this.form.allLatitudeLongitudeList);
+        }
+        // 重大项目与面上项目 区分
+        this.radio = this.form.isMajor;
+      });
+      this.title = "修改项目标段信息";
+      this.open = true;
+    },
+    // 取消按钮
+    cancel() {
+      // this.$router.back();
+      this.open = false;
+    },
+    // 关闭弹窗
+    closeView() {
+      this.proMsg = {};
+    },
+
+    // 查看信息
+    viewInfo(row) {
+      this.proMsg = row;
+      // 地图坐标数据
+      if (this.proMsg.pointLatitudeLongitudeList) {
+        this.potMsg = JSON.parse(this.proMsg.pointLatitudeLongitudeList);
+      }
+      if (this.proMsg.lineLatitudeLongitudeList) {
+        this.lineMsg = JSON.parse(this.proMsg.lineLatitudeLongitudeList);
+      }
+      if (this.proMsg.allLatitudeLongitudeList) {
+        this.allDrawMsg = JSON.parse(this.proMsg.allLatitudeLongitudeList);
+      }
+      console.log("proMsg", row);
+      this.viewTitle = "查看项目标段信息";
+      this.viewOpen = true;
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.form.isMajor = this.radio;
+          this.form.pointLatitudeLongitudeList = JSON.stringify(this.potMsg);
+          this.form.lineLatitudeLongitudeList = JSON.stringify(this.lineMsg);
+          this.form.allLatitudeLongitudeList = JSON.stringify(this.allDrawMsg);
+          // console.log(this.form);
+          // console.log("this.form.isMajor", this.form.isMajor);
+          if (this.form.id != null) {
+            updateSectionInfo(this.form).then((response) => {
+              if (response.code === 200) {
+                this.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              }
+            });
+          } else {
+            this.fo;
+            addSectionInfo(this.form).then((response) => {
+              if (response.code === 200) {
+                this.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              }
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      if (ids) {
+        this.$confirm("是否删除选中的数据？", "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(function () {
+            return delSectionInfo(ids);
+          })
+          .then(() => {
+            this.getList();
+            this.msgSuccess("删除成功");
+          })
+          .catch(function () {});
+      } else {
+        this.$message.warning("请选择要删除的数据！！");
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+// .app-container {
+//   transform: scale(1);
+// }
+@import "@/assets/css/dialog.scss";
+
+::v-deep {
+  .el-dialog {
+    margin-top: 2vh !important;
+  }
+
+  .el-dialog__body {
+    transform: scale(1);
+  }
+}
+.listTitle {
+  font-size: 14px;
+  padding-left: 10px;
+  padding-right: 30px;
+  margin: 20px 0;
+  border-left: 2px solid #36b29e;
+  display: flex;
+  justify-content: space-between;
+  span:nth-child(1) {
+    font-weight: bold;
+  }
+  .addBtn {
+    color: #36b29e;
+    cursor: pointer;
+  }
+  .addBtn:hover {
+    color: #31a08e;
+  }
+}
+.listTitle:nth-child(1) {
+  margin-top: 0;
+}
+.btnList {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 1;
+}
+</style>
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/index.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/index.vue
index c650c2c3..5cf463ad 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/index.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/index.vue
@@ -31,7 +31,7 @@
     <el-tabs v-model="activeName" style="margin-bottom: 20px">
       <el-tab-pane
         v-if="checkPermi(['building:xmjbxx:index'])"
-        label="项目基本信息"
+        label="项目信息"
         name="basePage"
       >
         <baseMsg :proNo="formData.proNo" :formData="formData" />
@@ -187,7 +187,7 @@
 </template>
 <script>
 import { checkPermi, checkRole } from "@/utils/permission";
-import baseMsg from "./baseMsg.vue";
+import baseMsg from "./baseMsg/index.vue";
 import firmInfo from "./firmInfo.vue";
 import contract from "./contract/index.vue";
 import preparationForConstruction from "./preparationForConstruction.vue";
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/specificMarginAccount.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/specificMarginAccount.vue
index db114c4d..a3a8a1d6 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/specificMarginAccount.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/specificMarginAccount.vue
@@ -144,26 +144,36 @@
         prop="bank"
         min-width="120"
       />
-      <el-table-column
+      <!-- <el-table-column
         label="当月转入专用账户金额（万元）"
         align="center"
         prop="monthAmountTransferred"
         min-width="210"
-      />
+      /> -->
       <el-table-column
-        label="拨付金额（万元）"
+        label="收入金额（万元）"
         align="center"
-        prop="transferAmount"
+        prop="incomeAmount"
         min-width="150"
       />
       <el-table-column
-        label="转账凭证"
+        label="收入时间"
         align="center"
-        prop="proofTransfer"
+        prop="incomeDate"
         min-width="120"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.incomeDate, "{y}-{m}-{d}") }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="支出金额（万元）"
+        align="center"
+        prop="transferAmount"
+        min-width="150"
       />
       <el-table-column
-        label="拨付时间"
+        label="支出时间"
         align="center"
         prop="transferTime"
         min-width="120"
@@ -172,13 +182,53 @@
           <span>{{ parseTime(scope.row.transferTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
+      <el-table-column
+        label="转账凭证"
+        align="center"
+        prop="proofTransfer"
+        min-width="120"
+      />
 
       <el-table-column
         label="账户余额（万元）"
         align="center"
         prop="balance"
-        min-width="120"
+        min-width="150"
       />
+      <el-table-column
+        label="三方协议"
+        align="center"
+        prop="attachment"
+        min-width="120"
+      >
+        <template slot="header">
+          三方协议
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="施工单位、建设单位、开户银行签订资金管理三方协议"
+            placement="top"
+          >
+            <i class="el-icon-info"></i>
+          </el-tooltip>
+        </template>
+        <template slot-scope="scope">
+          <div
+            v-for="(item, index) in JSON.parse(
+              scope.row.attachment ? scope.row.attachment : JSON.stringify({})
+            )"
+            :key="item + index"
+          >
+            <i class="el-icon-document"></i>
+            {{ item.name }}
+            <i
+              class="el-icon-download"
+              @click="$myDownLoadFile(item)"
+              style="cursor: pointer"
+            ></i>
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column
         label="操作"
         align="center"
@@ -257,7 +307,7 @@
         <el-form-item label="开户银行" prop="bank">
           <el-input v-model="form.bank" placeholder="请输入开户银行" />
         </el-form-item>
-        <el-form-item
+        <!-- <el-form-item
           label="当月转入专用账户金额"
           prop="monthAmountTransferred"
         >
@@ -267,16 +317,30 @@
           >
             <template slot="append">万元</template>
           </el-input>
-        </el-form-item>
-        <el-form-item label="拨付金额" prop="transferAmount">
-          <el-input v-model="form.transferAmount" placeholder="请输入拨付金额">
+        </el-form-item> -->
+        <el-form-item label="收入金额" prop="incomeAmount">
+          <el-input v-model="form.incomeAmount" placeholder="请输入收入金额">
             <template slot="append">万元</template>
           </el-input>
         </el-form-item>
-        <el-form-item label="转账凭证" prop="proofTransfer">
-          <el-input v-model="form.proofTransfer" placeholder="请输入转账凭证" />
+        <el-form-item label="收入时间" prop="incomeDate">
+          <el-date-picker
+            clearable
+            size="small"
+            style="width: 100%"
+            v-model="form.incomeDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择收入时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="支出金额" prop="transferAmount">
+          <el-input v-model="form.transferAmount" placeholder="请输入支出金额">
+            <template slot="append">万元</template>
+          </el-input>
         </el-form-item>
-        <el-form-item label="拨付时间" prop="transferTime">
+        <el-form-item label="支出时间" prop="transferTime">
           <el-date-picker
             clearable
             size="small"
@@ -284,10 +348,13 @@
             v-model="form.transferTime"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="选择拨付时间"
+            placeholder="选择支出时间"
           >
           </el-date-picker>
         </el-form-item>
+        <el-form-item label="转账凭证" prop="proofTransfer">
+          <el-input v-model="form.proofTransfer" placeholder="请输入转账凭证" />
+        </el-form-item>
 
         <el-form-item label="账户余额" prop="balance">
           <el-input
@@ -298,9 +365,24 @@
             <template slot="append">万元</template>
           </el-input>
         </el-form-item>
+
+        <el-form-item prop="attachment">
+          <template slot="label">
+            <span>三方协议</span>
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="施工单位、建设单位、开户银行签订资金管理三方协议"
+              placement="top"
+            >
+              <i class="el-icon-info"></i>
+            </el-tooltip>
+          </template>
+          <myUpload :fileList="fileList" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <template>
+        <!-- <template>
           <el-popconfirm
             title="保存后，不可修改，请核对好数据"
             @confirm="submitForm"
@@ -312,7 +394,8 @@
               >确 定</el-button
             >
           </el-popconfirm>
-        </template>
+        </template> -->
+        <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -373,6 +456,9 @@ export default {
           transferTime: null,
           transferAmount: null,
           balance: null,
+          incomeDate: null,
+          incomeAmount: null,
+          attachment: null,
         },
         // 排序方式
         params: {
@@ -408,10 +494,23 @@ export default {
             trigger: "blur",
           },
         ],
+        incomeAmount: [
+          {
+            required: true,
+            message: "请输入收入金额",
+            trigger: "blur",
+          },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
         transferAmount: [
           {
             required: true,
-            message: "请输入拨付金额",
+            message: "请输入支出金额",
             trigger: "blur",
           },
           {
@@ -422,6 +521,7 @@ export default {
           },
         ],
       },
+      fileList: [],
     };
   },
   created() {
@@ -429,17 +529,17 @@ export default {
   },
   computed: {
     amountList() {
-      const { monthAmountTransferred, transferAmount } = this.form;
+      const { incomeAmount, transferAmount } = this.form;
       return {
-        monthAmountTransferred,
+        incomeAmount,
         transferAmount,
       };
     },
   },
   watch: {
     amountList: function (n, o) {
-      if (this.form.monthAmountTransferred || this.form.transferAmount) {
-        this.form.balance = n.monthAmountTransferred - n.transferAmount;
+      if (this.form.incomeAmount || this.form.transferAmount) {
+        this.form.balance = n.incomeAmount - n.transferAmount;
       }
     },
   },
@@ -479,6 +579,9 @@ export default {
         transferTime: null,
         transferAmount: null,
         balance: null,
+        incomeDate: null,
+        incomeAmount: null,
+        attachment: null,
       };
       this.resetForm("form");
     },
@@ -504,6 +607,9 @@ export default {
           transferTime: null,
           transferAmount: null,
           balance: null,
+          incomeDate: null,
+          incomeAmount: null,
+          attachment: null,
         },
         // 排序方式
         params: {
@@ -543,12 +649,17 @@ export default {
       const id = row.id || this.ids;
       getGzbzj(id).then((response) => {
         this.form = response.data;
+        if (this.form.attchment) {
+          this.fileList = JSON.parse(this.form, attachment);
+        }
         this.open = true;
         this.title = "修改农民工工资专用账户";
       });
     },
     /** 提交按钮 */
     submitForm() {
+      this.form.attachment =
+        this.fileList.length > 0 ? JSON.stringify(this.fileList) : null;
       this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/unpaidSituation.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/unpaidSituation.vue
index b916038b..05f92b9d 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/unpaidSituation.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/peasantWorkerSystem/options/unpaidSituation.vue
@@ -162,7 +162,19 @@
         prop="wageNonpayment"
         :formatter="wageNonpaymentFormat"
         min-width="180"
-      />
+      >
+        <template slot="header">
+          是否列入拖欠名单
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="是否列入拖欠农民工工资失信联合惩戒对象名单"
+            placement="top"
+          >
+            <i class="el-icon-info"></i>
+          </el-tooltip>
+        </template>
+      </el-table-column>
       <el-table-column
         label="支付人数"
         align="center"
@@ -244,104 +256,158 @@
       append-to-body
       :close-on-click-modal="false"
     >
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="发现日期" prop="discoveryDate">
-          <el-date-picker
-            clearable
-            size="small"
-            style="width: 100%"
-            v-model="form.discoveryDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择发现日期"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="欠薪人数" prop="unpaidEmployeeCount">
-          <el-input
-            v-model="form.unpaidEmployeeCount"
-            placeholder="请输入欠薪人数"
-          />
-        </el-form-item>
-        <el-form-item label="欠薪金额" prop="unpaidAmount">
-          <el-input v-model="form.unpaidAmount" placeholder="请输入欠薪金额" />
-        </el-form-item>
-        <el-form-item label="欠薪情况描述" prop="unpaidStatusText">
-          <el-input
-            v-model="form.unpaidStatusText"
-            type="textarea"
-            placeholder="请输入内容"
-          />
-        </el-form-item>
-        <el-form-item label="处置日期" prop="disposalDate">
-          <el-date-picker
-            clearable
-            size="small"
-            style="width: 100%"
-            v-model="form.disposalDate"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择处置日期"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="处置详情" prop="disposalText">
-          <el-input
-            v-model="form.disposalText"
-            type="textarea"
-            placeholder="请输入内容"
-          />
-        </el-form-item>
-        <el-form-item
-          label="是否列入拖欠农民工工资失信联合惩戒对象名单"
-          prop="wageNonpayment"
-        >
-          <el-select
-            v-model="form.wageNonpayment"
-            placeholder="请选择是否列入拖欠农民工工资失信联合惩戒对象名单"
-            style="width: 100%"
-          >
-            <el-option
-              v-for="dict in wageNonpaymentOptions"
-              :key="dict.dictValue"
-              :label="dict.dictLabel"
-              :value="dict.dictValue"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="支付人数" prop="payCount">
-          <el-input v-model="form.payCount" placeholder="请输入支付人数" />
-        </el-form-item>
-        <el-form-item label="支付金额" prop="payAmount">
-          <el-input v-model="form.payAmount" placeholder="请输入支付金额" />
-        </el-form-item>
-        <el-form-item label="是否清欠" prop="debtCollection">
-          <el-select
-            v-model="form.debtCollection"
-            placeholder="请选择是否清欠"
-            style="width: 100%"
-          >
-            <el-option
-              v-for="dict in debtCollectionOptions"
-              :key="dict.dictValue"
-              :label="dict.dictLabel"
-              :value="dict.dictValue"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="欠薪人数" prop="unpaidEmployeeCountB">
-          <el-input
-            v-model="form.unpaidEmployeeCountB"
-            placeholder="请输入欠薪人数"
-          />
-        </el-form-item>
-        <el-form-item label="欠薪金额" prop="unpaidAmountB">
-          <el-input v-model="form.unpaidAmountB" placeholder="请输入欠薪金额" />
-        </el-form-item>
-        <el-form-item label="下一步计划" prop="nextPlan">
-          <el-input v-model="form.nextPlan" placeholder="请输入下一步计划" />
-        </el-form-item>
-      </el-form>
+      <el-row :gutter="15">
+        <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+          <el-col :span="12">
+            <el-form-item label="发现日期" prop="discoveryDate">
+              <el-date-picker
+                clearable
+                size="small"
+                style="width: 100%"
+                v-model="form.discoveryDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择发现日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="欠薪人数" prop="unpaidEmployeeCount">
+              <el-input
+                v-model="form.unpaidEmployeeCount"
+                placeholder="请输入欠薪人数"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="欠薪金额" prop="unpaidAmount">
+              <el-input
+                v-model="form.unpaidAmount"
+                placeholder="请输入欠薪金额"
+              >
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="欠薪情况描述" prop="unpaidStatusText">
+              <el-input
+                v-model="form.unpaidStatusText"
+                type="textarea"
+                placeholder="请输入内容"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="处置日期" prop="disposalDate">
+              <el-date-picker
+                clearable
+                size="small"
+                style="width: 100%"
+                v-model="form.disposalDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择处置日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="处置详情" prop="disposalText">
+              <el-input
+                v-model="form.disposalText"
+                type="textarea"
+                placeholder="请输入内容"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="是否列入拖欠农民工工资失信联合惩戒对象名单"
+              prop="wageNonpayment"
+            >
+              <template slot="label">
+                <span>是否列入拖欠名单</span>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="是否列入拖欠农民工工资失信联合惩戒对象名单"
+                  placement="top"
+                >
+                  <i class="el-icon-info"></i>
+                </el-tooltip>
+              </template>
+              <el-select
+                v-model="form.wageNonpayment"
+                placeholder="请选择是否列入拖欠农民工工资失信联合惩戒对象名单"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in wageNonpaymentOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="支付人数" prop="payCount">
+              <el-input v-model="form.payCount" placeholder="请输入支付人数" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="支付金额" prop="payAmount">
+              <el-input v-model="form.payAmount" placeholder="请输入支付金额">
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否清欠" prop="debtCollection">
+              <el-select
+                v-model="form.debtCollection"
+                placeholder="请选择是否清欠"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in debtCollectionOptions"
+                  :key="dict.dictValue"
+                  :label="dict.dictLabel"
+                  :value="dict.dictValue"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" v-if="form.debtCollection == '0'">
+            <el-form-item label="未清欠欠薪人数" prop="unpaidEmployeeCountB">
+              <el-input
+                v-model="form.unpaidEmployeeCountB"
+                placeholder="请输入未清欠欠薪人数"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" v-if="form.debtCollection == '0'">
+            <el-form-item label="未清欠欠薪金额" prop="unpaidAmountB">
+              <el-input
+                v-model="form.unpaidAmountB"
+                placeholder="请输入未清欠欠薪金额"
+              >
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" v-if="form.debtCollection == '0'">
+            <el-form-item label="下一步计划" prop="nextPlan">
+              <el-input
+                v-model="form.nextPlan"
+                placeholder="请输入下一步计划"
+              />
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -419,9 +485,46 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        discoveryDate: [
+          { required: true, message: "请选择发现日期", trigger: "change" },
+        ],
+        unpaidEmployeeCount: [
+          { required: true, message: "请输入欠薪人数", trigger: "blur" },
+          {
+            pattern: /^[0-9]\d*$/,
+            message: "请输入正整数",
+            trigger: "blur",
+          },
+        ],
+        unpaidAmount: [
+          { required: true, message: "请输入欠薪金额", trigger: "blur" },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
         debtCollection: [
           { required: true, message: "是否清欠不能为空", trigger: "change" },
         ],
+        unpaidEmployeeCountB: [
+          { required: true, message: "请输入未清欠欠薪人数", trigger: "blur" },
+          {
+            pattern: /^[0-9]\d*$/,
+            message: "请输入正整数",
+            trigger: "blur",
+          },
+        ],
+        unpaidAmountB: [
+          { required: true, message: "请输入未清欠欠薪金额", trigger: "blur" },
+          {
+            pattern:
+              /(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
+            message: "请输入数字,整数7位,可保留两位小数",
+            trigger: "blur",
+          },
+        ],
       },
     };
   },