From 84a14c24edf92f7072e50b51ee37143d658ecfd4 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 11 三月 2025 14:28:09 +0800
Subject: [PATCH] 项目库展示总年度投资金额
---
src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 1156 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 833 insertions(+), 323 deletions(-)
diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
index 54d9aca..350d4d6 100644
--- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
+++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
@@ -1,252 +1,443 @@
<template>
<div class="basic-info">
- <el-form ref="demoFormRef" :disabled="disabled" :model="projectForm" :rules="rules" class="dialog_form">
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item class="item" label="椤圭洰鍚嶇О" label-width="100px" prop="projectName">
- <el-input v-model.trim="projectForm.projectName" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item class="item" label="椤圭洰浠ｇ爜" label-width="100px" prop="projectCode">
- <el-input v-model.trim="projectForm.projectCode" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- <el-col :span="12" style="position: relative">
- <div style="width: 150px; position: absolute;"><img alt="" src="../../../../assets/images/s.png" /></div>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item class="item" label="寤鸿鍐呭" label-width="100px" prop="content">
- <el-input v-model.trim="projectForm.content" style="width: 100%;" clearable maxlength="255" placeholder="璇疯緭鍏�" type="textarea" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="璧勯噾绫诲瀷" label-width="100px" prop="fundType" style="width: 100%">
- <el-select v-model="projectForm.fundType" clearable placeholder="璇烽�夋嫨" style="width: 100%">
- <el-option v-for="item in dict.type.sys_funding_type" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="椤圭洰鎶曡祫绫诲埆" label-width="100px" prop="investType" style="width: 100%">
- <el-select v-model="projectForm.investType" clearable placeholder="璇烽�夋嫨" style="width: 100%">
- <el-option v-for="item in dict.type.sys_investment_type" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="椤圭洰闃舵" label-width="100px" prop="fundsType" style="width: 100%">
- <el-input v-model.trim="projectForm.projectPhase" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="椤圭洰绫诲瀷" label-width="100px" prop="projectType" style="width: 100%">
- <el-select v-model="projectForm.projectType" clearable placeholder="璇烽�夋嫨" style="width: 100%" >
- <el-option v-for="item in dict.type.sys_project_type" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="椤圭洰鐘舵��" label-width="100px" prop="projectstatus" style="width: 100%">
- <el-select v-model="projectForm.projectStatus"clearable placeholder="璇烽�夋嫨" style="width: 100%">
- <el-option v-for="item in dict.type.sys_project_status" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="椤圭洰涓氫富鍗曚綅" label-width="100px" prop="projectOwnerUnit" style="width: 100%">
- <el-input v-model.trim="projectForm.projectOwnerUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="椤圭洰鑱旂郴浜�" label-width="100px" prop="projectContactPerson" style="width: 100%">
- <el-input v-model.trim="projectForm.projectContactPerson" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="鑱旂郴鏂瑰紡" label-width="100px" prop="contact" style="width: 100%">
- <el-input v-model.trim="projectForm.contact" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <!-- TODO锛氭殏鏃朵笉鍋� -->
- <el-form-item label="鍏宠仈宸ョ▼" label-width="100px" prop="engineering" style="width: 100%">
- <!-- <el-input v-model.trim="getEngineeringName" class="item" clearable disabled maxlength="255" placeholder="璇峰湪宸ョ▼涓�夋嫨椤圭洰" />-->
- <el-select v-model="projectForm.engineeringIdList" :multiple="true" collapse-tags placeholder="璇烽�夋嫨" style="width: 100%">
- <el-option v-for="item in selectOptions" :key="item.id" :label="item.engineeringName" :value="item.id" />
-<!-- <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />-->
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="涓荤閮ㄩ棬" label-width="100px" prop="competentDepartmentList" style="width: 100%">
- <el-select
- v-model="projectForm.competentDepartmentList"
- clearable
- :multiple="true"
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- collapse-tags
- @change="changeDepartment">
- <el-option v-for="item in dict.type.sys_competent_department" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="琛屾斂鍖哄垝" label-width="100px" prop="area" style="width: 100%">
- <el-select
- v-model="projectForm.area"
- clearable
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- >
- <el-option v-for="item in dict.type.sys_administrative_divisions" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="绠＄悊褰掑彛" label-width="100px" style="width: 100%">
- <el-select
- v-model="projectForm.managementCentralizationList"
- clearable
- :multiple="true"
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- collapse-tags
- @change="changePutUnder"
- >
- <el-option v-for="item in dict.type.sys_centralized_management" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="椤圭洰瀹℃壒绫诲瀷" label-width="100px" style="width: 100%">
- <el-select
- v-model="projectForm.projectApprovalType"
- clearable
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- >
- <el-option v-for="item in dict.type.sys_approval_type" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="鎸夌洰褰�" label-width="100px" style="width: 100%">
- <el-input v-model="largeCategory" clearable disabled placeholder="璇烽�夋嫨澶х被" style="width: 49%" />
- <el-input v-model="subclass" clearable disabled placeholder="璇烽�夋嫨灏忕被" style="width: 49%;margin-left: 2%" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="閲嶇偣鍒嗙被" label-width="100px" style="width: 100%">
- <el-select
- v-model="projectForm.importanceType"
- clearable
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- >
- <el-option v-for="item in dict.type.sys_key_categories" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="绔嬮」鏃堕棿" label-width="100px" prop="setTime" style="width: 100%">
- <el-date-picker v-model="setTime" placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" @change="chaneApproval" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="璁″垝寮�宸ユ椂闂�" label-width="100px" style="width: 100%">
- <el-date-picker v-model="planStartTime" placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" @change="chaneStartWork" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="璁″垝绔ｅ伐鏃堕棿" label-width="100px" style="width: 100%">
- <el-date-picker v-model="planCompleteTime" placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" @change="chaneCompleted" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="涓爣鍗曚綅" label-width="100px" prop="setTime" style="width: 100%">
- <el-input v-model.trim="projectForm.winUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="涓爣閲戦" label-width="100px" style="width: 100%">
- <el-input v-model.trim="projectForm.winAmount" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" type="number" />
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="涓爣鏃堕棿" label-width="100px" style="width: 100%">
- <el-date-picker v-model="winTime" placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" @change="chaneWinTime" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="6">
- <el-form-item label="骞村害鎶曡祫璁″垝" label-width="100px" prop="year" style="width: 100%">
- <el-select
- v-model="projectForm.year"
- clearable
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- >
- <el-option v-for="item in dict.type.sys_annual_plan" :key="item.value" :label="item.label"
- :value="item.value"/>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="骞村害鎶曡祫閲戦" label-width="100px" prop="company" style="width: 100%; min-width: 260px">
- <el-input v-model.trim="projectForm.yearInvestAmount" clearable maxlength="255" placeholder="璇疯緭鍏�" style="width: 90%" type="number" />
- <span style="margin-left: 2px">鍏�</span>
- </el-form-item>
- </el-col>
- </el-row>
+ <el-form ref="projectForm" :disabled="disabled" :model="projectForm" :rules="rules" class="dialog_form">
+ <div class="label">
+ <div style="font-size: small;margin-bottom: 10px">鍩虹淇℃伅锛�</div>
+ <div>
+ <el-row :gutter="20">
+ <el-col :span="10">
+ <el-form-item class="item" label="椤圭洰鍚嶇О" label-width="100px" prop="projectName">
+ <el-input v-model.trim="projectForm.projectName" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item class="item" label="椤圭洰浠ｇ爜" label-width="100px" prop="projectCode">
+ <el-input v-model.trim="projectForm.projectCode" class="item" clearable maxlength="255"
+ placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="3">
+ <el-form-item class="item" label="璧嬬爜" label-width="50px" prop="coding">
+ <template slot-scope="scope">
+ <!-- <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>-->
+ <!-- <div class="green-dot" v-if="scope.row.coding === 'green'"></div>-->
+ <!-- <div class="red-dot" v-if="scope.row.coding === 'red'"></div>-->
+ <div class="red-dot"></div>
+ </template>
+
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="鏍囩" label-width="50px" prop="tag">
+ <template slot-scope="scope">
+ <tag-list :tag-list="tagList" ref="tagList" @getTags="getTagList"></tag-list>
+ </template>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="24">
+ <el-form-item class="item" label="寤鸿鍐呭" label-width="100px" prop="content">
+ <el-input v-model.trim="projectForm.content" style="width: 100%;" :rows="4" maxlength="1000"
+ placeholder="璇疯緭鍏�" type="textarea"/>
+ </el-form-item>
+ </el-col>
+ </el-row>
+
+
+
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="璧勯噾绫诲瀷" label-width="100px" prop="fundTypeList" style="width: 100%">
+ <el-select
+ v-model="projectForm.fundTypeList"
+ clearable
+ :multiple="true"
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_funding_type" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鎶曡祫绫诲埆" label-width="100px" prop="investType" style="width: 100%">
+ <el-select v-model="projectForm.investType" clearable placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option v-for="item in dict.type.sys_investment_type" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="6">
+ <el-form-item label="寤鸿鎬ц川" label-width="100px" prop="constructionNature"
+ style="width: 100%; min-width: 260px">
+ <el-select
+ v-model="projectForm.constructionNature"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="6">
+ <el-form-item label="鎷涘晢寮曡祫椤圭洰" label-width="100px" prop="attractInvestment"
+ style="width: 100%; min-width: 260px">
+ <el-select
+ v-model="projectForm.attractInvestment"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.attract_investment" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鎺ㄨ繘绫诲瀷" label-width="100px" prop="projectType" style="width: 100%">
+ <el-select v-model="projectForm.projectType" @change="getChildSelect" clearable placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option v-for="item in dict.type.sys_project_type" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+<!-- <el-col :span="6">-->
+<!-- <el-form-item label="椤圭洰瀛愮被鍨�" label-width="100px" prop="projectSubType" style="width: 100%">-->
+<!-- <el-select v-model="projectForm.projectSubType" :disabled="projectForm.projectType === ''" clearable placeholder="璇烽�夋嫨" style="width: 100%">-->
+<!-- <el-option v-for="item in projectSubTypeList" :key="item.dictCode + 'zd'" :label="item.dictLabel"-->
+<!-- :value="item.dictValue"/>-->
+<!-- </el-select>-->
+<!-- </el-form-item>-->
+<!-- </el-col>-->
+
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鐘舵��" label-width="100px" prop="projectStatus" style="width: 100%">
+ <el-select v-model="projectForm.projectStatus" clearable placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option v-for="item in dict.type.sys_project_status" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰闃舵" label-width="100px" prop="projectPhase" style="width: 100%">
+ <el-select v-model="projectForm.projectPhase" clearable placeholder="璇烽�夋嫨" style="width: 100%">
+ <el-option v-for="item in dict.type.sys_project_phases" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+<!-- <el-col :span="6">-->
+<!-- <el-form-item label="椤圭洰涓氫富鍗曚綅" label-width="100px" prop="projectOwnerUnit" style="width: 100%">-->
+<!-- <el-input v-model.trim="projectForm.projectOwnerUnit" class="item" clearable maxlength="255"-->
+<!-- placeholder="璇疯緭鍏�"/>-->
+<!-- </el-form-item>-->
+<!-- </el-col>-->
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鑱旂郴浜�" label-width="100px" prop="projectContactPerson" style="width: 100%">
+ <el-input v-model.trim="projectForm.projectContactPerson" class="item" clearable maxlength="255"
+ placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鑱旂郴鏂瑰紡" label-width="100px" prop="contact" style="width: 100%">
+ <el-input v-model.trim="projectForm.contact" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰涓氫富鍗曚綅" label-width="100px" prop="projectOwnerUnit" style="width: 100%">
+ <!-- <el-input v-model.trim="getEngineeringName" class="item" clearable disabled maxlength="255" placeholder="璇峰湪宸ョ▼涓�夋嫨椤圭洰" />-->
+<!-- <el-select v-model="projectForm.engineeringIdList" :multiple="true" collapse-tags placeholder="璇烽�夋嫨"-->
+<!-- style="width: 100%">-->
+<!-- <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="閫夋嫨涓婄骇閮ㄩ棬" />-->
+
+ <treeselect v-model="projectForm.projectOwnerUnit" :disabled="disabled" :options="selectOptions" @input="getProjectOwnerUnit" noChildrenText="鏃犲尮閰嶆暟鎹�" :normalizer="normalizer" placeholder="閫夋嫨鍗曚綅" />
+ <!-- <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />-->
+<!-- </el-select>-->
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="涓荤閮ㄩ棬" label-width="100px" prop="competentDepartment" style="width: 100%">
+ <treeselect v-model="competentDepartment" :disabled="disabled" @input="getCompetentDepartmentInfo" noChildrenText="鏃犲尮閰嶆暟鎹�" :options="approvalList" :normalizer="normalizer" placeholder="閫夋嫨鍗曚綅" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="涓荤閮ㄩ棬鑱旂郴浜�" prop="competentDepartmentPerson" label-width="140px" style="width: 100%">
+ <el-select
+ v-model="projectForm.competentDepartmentPerson"
+ clearable
+ filterable
+ allow-create
+ placeholder="璇烽�夋嫨"
+ @change="handleDeptContactChange"
+ style="width: 100%;"
+ >
+ <el-option
+ v-for="person in deptPersonList"
+ :key="person.userId"
+ :value="person.userId"
+ :label="person.nickName"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="涓荤閮ㄩ棬鑱旂郴鏂瑰紡" prop="competentDepartmentPhone" label-width="140px" style="width: 100%">
+ <el-input
+ v-model="projectForm.competentDepartmentPhone"
+ clearable
+ placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="琛屾斂鍖哄垝" label-width="100px" prop="area" style="width: 100%">
+ <el-select
+ v-model="projectForm.area"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_administrative_divisions" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="绠＄悊褰掑彛" prop="managementCentralizationList" label-width="100px" style="width: 100%">
+ <el-select
+ v-model="projectForm.managementCentralizationList"
+ clearable
+ :multiple="true"
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_centralized_management" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="椤圭洰瀹℃壒绫诲瀷" prop="projectApprovalType" label-width="100px" style="width: 100%">
+ <el-select
+ v-model="projectForm.projectApprovalType"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_approval_type" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鎶曡祫绫诲埆" prop="largeCategory" label-width="100px" style="width: 100%">
+ <el-input v-model="largeCategory" clearable disabled placeholder="璇烽�夋嫨澶х被" style="width: 49%"/>
+ <el-input v-model="subclass" clearable disabled placeholder="璇烽�夋嫨灏忕被" style="width: 49%;margin-left: 2%"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="閲嶇偣鍒嗙被" prop="importanceTypeList" label-width="100px" style="width: 100%">
+ <el-select
+ v-model="projectForm.importanceTypeList"
+ :multiple="true"
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_key_categories" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="绔嬮」鏃堕棿" label-width="100px" prop="setTime" style="width: 100%">
+ <el-date-picker v-model="projectForm.createProjectTime"
+ placeholder="閫夋嫨鏃堕棿"
+ style="width: 100%"
+ type="date"
+ value-format="yyyy-MM-dd HH:mm:ss"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="璁″垝寮�宸ユ椂闂�" prop="planStartTime" label-width="100px" style="width: 100%">
+ <el-date-picker v-model="projectForm.planStartTime "
+ placeholder="閫夋嫨鏃堕棿"
+ style="width: 100%"
+ type="date"
+ value-format="yyyy-MM-dd HH:mm:ss"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="璁″垝绔ｅ伐鏃堕棿" prop="planCompleteTime" label-width="100px" style="width: 100%">
+ <el-date-picker v-model="projectForm.planCompleteTime "
+ placeholder="閫夋嫨鏃堕棿"
+ style="width: 100%"
+ type="date"
+ value-format="yyyy-MM-dd HH:mm:ss"/>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="琛屼笟涓荤閮ㄩ棬" label-width="100px" prop="industryCompetentDepartment" style="width: 100%">
+ <treeselect v-model="industryCompetentDepartment" :disabled="disabled" noChildrenText="鏃犲尮閰嶆暟鎹�" @input="getIndustryCompetentDepartmentInfo" :options="approvalList" :normalizer="normalizer" placeholder="閫夋嫨鍗曚綅" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="琛屼笟涓荤閮ㄩ棬鑱旂郴浜�" prop="industryCompetentDepartmentPerson" label-width="160px" style="width: 100%">
+ <el-select
+ v-model="projectForm.industryCompetentDepartmentPerson"
+ clearable
+ filterable
+ allow-create
+ placeholder="璇烽�夋嫨"
+ @change="handleContactChange"
+ style="width: 100%;"
+ >
+ <el-option
+ v-for="person in personList"
+ :key="person.userId"
+ :value="person.userId"
+ :label="person.nickName"
+ />
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="琛屼笟涓荤閮ㄩ棬鑱旂郴鏂瑰紡" prop="departmentPersonPhone" label-width="160px" style="width: 100%">
+ <el-input
+ v-model="projectForm.departmentPersonPhone"
+ clearable
+ placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+ <div class="label">
+ <div style="font-size: small;margin-bottom: 10px">涓爣鍗曚綅锛�</div>
+ <div>
+ <el-row :gutter="10" v-for="(winUnit,index) in projectForm.winUnitList" :key="'zb' + index">
+ <el-col :span="7">
+ <el-form-item label="鍗曚綅鍚嶇О" label-width="80px" prop="setTime" style="width: 100%">
+ <el-input v-model.trim="winUnit.winUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="4">
+ <el-form-item label="涓爣閲戦" label-width="80px" style="width: 100%">
+ <el-input v-model.trim="winUnit.winAmount" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"
+ type="number"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="涓爣鏃堕棿" label-width="80px" style="width: 100%">
+ <el-date-picker v-model="winUnit.winTime"
+ placeholder="閫夋嫨鏃堕棿"
+ style="width: 100%"
+ type="date"
+ value-format="yyyy-MM-dd HH:mm:ss"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="3">
+ <el-form-item label="鍗曚綅鑱旂郴浜�" label-width="100px" style="width: 100%">
+ <el-input v-model.trim="winUnit.contacts" class="item" clearable maxlength="20" placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="4">
+ <el-form-item label="鑱旂郴鐢佃瘽" label-width="80px" style="width: 100%">
+ <el-input v-model.trim="winUnit.phone" class="item" clearable maxlength="20" placeholder="璇疯緭鍏�"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="1">
+ <el-button type="danger" icon="el-icon-delete" @click="removeWinUnit(index)" circle></el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div style="position: absolute; top: 0px; right: 0px">
+ <el-button type="primary" @click="addWinUnit" icon="el-icon-plus"></el-button>
+ </div>
+ </div>
+
+ <div class="label">
+ <div style="font-size: small;margin-bottom: 10px">骞村害鎶曡祫璁″垝锛�</div>
+ <div>
+ <el-row :gutter="20" v-for="(yearPlan,index) in projectForm.yearPlanList" :key="'year' + index">
+ <el-col :span="6">
+ <el-form-item label="骞村害" label-width="100px" prop="year" style="width: 100%">
+ <el-select
+ v-model="yearPlan.year"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_annual_plan" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="7">
+ <el-form-item label="骞村害鎶曡祫閲戦" label-width="100px" prop="company" style="width: 100%; min-width: 260px">
+ <el-input v-model.trim="yearPlan.yearTotalMoney" clearable maxlength="255" placeholder="璇疯緭鍏�"
+ style="width: 90%" type="number"/>
+ <span style="margin-left: 2px">涓囧厓</span>
+ </el-form-item>
+ </el-col>
+ <el-col :span="10">
+ <el-form-item label="宸ョ▼褰㈣薄杩涘害" label-width="100px" style="width: 100%">
+ <el-input v-model.trim="yearPlan.projectImageProgress" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" type="textarea"/>
+ </el-form-item>
+ </el-col>
+ <el-col :span="1">
+ <el-button type="danger" icon="el-icon-delete" @click="removeYearPlan(index)" circle></el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div style="position: absolute; top: 0px; right: 0px">
+ <el-button type="primary" @click="addYearPlan" icon="el-icon-plus"></el-button>
+ </div>
+ </div>
+
<el-row :gutter="0">
<el-col :span="18">
<el-form-item label="椤圭洰鍦板潃:" label-width="100px" prop="medicalAddr" style="width: 100%">
<div class="input-row">
- <el-input v-model.trim="projectForm.address" class="input-item" disabled maxlength="255" placeholder="璇疯緭鍏�"></el-input>
+ <el-input v-model.trim="projectForm.projectAddress" class="input-item" disabled maxlength="255"
+ placeholder="璇疯緭鍏�"></el-input>
<div v-if="!disabled" class="map-btn" @click="dialogMap = true">
- <img alt="" src="@/assets/images/positionl.png" />
+ <img alt="" src="@/assets/images/positionl.png"/>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
- <el-row :gutter="0">
- <el-col :span="18">
- <el-form-item label="瀹℃壒璁″垝涔�:" label-width="100px" prop="medicalAddr" style="width: 100%">
- <file-upload v-model="projectList"
- :fileType="accept"
- :isShowTip="false"/>
- </el-form-item>
- </el-col>
- </el-row>
+<!-- <el-row :gutter="0">-->
+<!-- <el-col :span="18">-->
+<!-- <el-form-item label="瀹℃壒璁″垝涔�:" label-width="100px" prop="medicalAddr" style="width: 100%">-->
+<!-- <file-upload v-model="projectForm.fileList"-->
+<!-- :fileType="accept"-->
+<!-- :isShowTip="false"/>-->
+<!-- </el-form-item>-->
+<!-- </el-col>-->
+<!-- </el-row>-->
</el-form>
<el-dialog :visible.sync="dialogMap" width="900px">
@@ -265,19 +456,32 @@
<script>
// import Upload from '@element-plus/icons-vue/dist/Upload.vue';
+import Treeselect from '@riophae/vue-treeselect'
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import Map from '@/views/components/Map/index.vue';
+import TagList from "./TagList.vue";
// import MapMouseEvent from '@/views/components/Map/types';
// import UploadStandard from '@/components/uploadStandard.vue';
// import { usePlanLibrary } from '@/hooks/detailsInformation';
// import { getList } from '@/api/engineeringLibrary/index';
// import RemoteSelect from '@/components/RemoteSelect/index.vue';
-import { formatDate } from '@/utils';
+import Cookies from "js-cookie";
+import {addProject, getProject, updateProject, getProjectCode, editProject} from '@/api/projectEngineering/projectInfo';
+import {approvalList,listDept} from "@/api/system/dept";
+import {getByDept} from "@/api/system/user";
+import {getChildList, getDicts} from "@/api/system/dict/data";
+import log from "@/views/monitor/job/log";
+import { deptList2 } from '../../../../api/system/dept'
export default {
- dicts: ['sys_funding_type', 'sys_investment_type', 'sys_project_type', 'sys_project_status','sys_competent_department'
- ,'sys_administrative_divisions','sys_centralized_management','sys_approval_type','sys_key_categories','sys_annual_plan'],
+ name: 'BasicInfo',
+ dicts: ['sys_funding_type', 'sys_investment_type', 'sys_project_type', 'sys_project_status', 'sys_competent_department'
+ , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan'
+ , 'construction_nature', 'attract_investment', 'sys_project_phases'],
components: {
+ Treeselect,
Map,
+ TagList,
// UploadStandard,
// RemoteSelect
},
@@ -285,21 +489,34 @@
disabled: {
type: Boolean,
default: false
- }
+ },
+ isShow: {
+ type: Boolean,
+ required: true,
+ },
},
data() {
return {
+ tagList: [],
+ projectSubTypeList: [], // 椤圭洰瀛愮被鍨�
+ competentDepartment: '',
+ industryCompetentDepartment: '',
projectForm: {
+ id: '',
projectName: '',
+ attractInvestment: '',
projectCode: '',
projectType: '',
- projectStatus: 'working',
- fundType: '',
+ projectSubType: '',
+ projectStatus: 'pendding',
+ fundTypeList: [], //璧勯噾绫诲瀷
investType: '',
- importanceType: '',
- projectPhase: '鍌ㄥ瑙勫垝闃舵',
+ importanceTypeList: [], //閲嶇偣鍒嗙被
+ projectPhase: '1',
tag: '',
competentDepartment: '',
+ competentDepartmentPerson: '',
+ competentDepartmentPhone: '',
projectLocation: '',
longitude: '',
latitude: '',
@@ -312,88 +529,366 @@
setTime: '',
assignmentStatus: '',
area: '',
- winTime: '',
- winUnit: '',
- winAmount: '',
- address: '',
- engineeringIdList: [],
+ winUnitList: [{
+ winUnit: '',
+ winTime: null,
+ winAmount: '',
+ contacts: '',
+ phone: ''
+ }],
+ yearPlanList: [{
+ year: '',
+ yearTotalMoney: null,
+ projectImageProgress: '',
+ }],
+ projectAddress: '',
+ engineeringIdList: null,
content: '',
+ constructionNature: '',
contact: '',
- projectOwnerUnit: '',
+ projectOwnerUnit: null,
planStartTime: '',
planCompleteTime: '',
projectContactPerson: '',
- fileIdList: [],
- sysOssVos: [],
+ fileList: [],
engineeringInfos: [],
- year: '',
- yearInvestAmount: '',
- competentDepartmentList: [],
- managementCentralizationList: []
+ managementCentralizationList: [],
+ remark: '',
+ industryCompetentDepartment: null,
+ industryCompetentDepartmentPerson: null,
+ departmentPersonPhone: null,
},
+ personList: [],
+ deptPersonList: [],
+ subclass: '',
+ largeCategory: '',
+ approvalList: [],
setTime: '',
planStartTime: '',
planCompleteTime: '',
winTime: '',
- projectList: [],
dialogMap: false,
page: 1,
loading: false,
hasMore: true,
+ deptOptions: [],
selectOptions: [],
- accept: ['pdf', 'docx', 'xlsx', 'jpg','jpeg'],
- largeCategory: '',
- subclass: '',
+ accept: ['pdf', 'docx', 'xlsx', 'jpg', 'jpeg'],
mapCreateInfo: {},
demoFormRef: null,
rules: {
- projectName: [{ required: true, message: '璇疯緭鍏ラ」鐩悕绉�', trigger: 'blur' }]
- }
+ projectName: [{required: true, message: '璇疯緭鍏ラ」鐩悕绉�', trigger: 'blur'}],
+ content: [{required: true, message: '璇疯緭鍏ュ缓璁惧唴瀹�', trigger: 'blur'}],
+ fundTypeList: [{required: true, message: '璇烽�夋嫨璧勯噾绫诲瀷', trigger: 'change'}],
+ investType: [{required: true, message: '璇烽�夋嫨椤圭洰鎶曡祫绫诲埆', trigger: 'change'}],
+ constructionNature: [{required: true, message: '璇烽�夋嫨寤鸿鎬ц川', trigger: 'change'}],
+ attractInvestment: [{required: true, message: '璇烽�夋嫨鏄惁鎷涘晢寮曡祫椤圭洰', trigger: 'change'}],
+ projectType: [{required: true, message: '璇烽�夋嫨椤圭洰鎺ㄨ繘绫诲瀷', trigger: 'change'}],
+ projectStatus: [{required: true, message: '璇烽�夋嫨椤圭洰鐘舵��', trigger: 'change'}],
+ projectPhase: [{required: true, message: '璇烽�夋嫨椤圭洰闃舵', trigger: 'change'}],
+ projectContactPerson: [{required: true, message: '璇疯緭鍏ラ」鐩仈绯讳汉', trigger: 'blur'}],
+ contact: [{required: true, message: '璇疯緭鍏ラ」鐩仈绯绘柟寮�', trigger: 'blur'}],
+ projectOwnerUnit: [{required: true, message: '璇烽�夋嫨椤圭洰涓氫富鍗曚綅', trigger: 'change'}],
+ competentDepartment: [{required: true, message: '璇烽�夋嫨涓荤閮ㄩ棬', trigger: 'change'}],
+ competentDepartmentPerson: [{required: true, message: '璇烽�夋嫨涓荤閮ㄩ棬鑱旂郴浜�', trigger: 'change'}],
+ competentDepartmentPhone: [{required: true, message: '璇疯緭鍏ヤ富绠￠儴闂ㄨ仈绯绘柟寮�', trigger: 'blur'}],
+ area: [{required: true, message: '璇烽�夋嫨琛屾斂鍖哄垝', trigger: 'change'}],
+ managementCentralizationList: [{required: true, message: '璇烽�夋嫨绠＄悊褰掑彛', trigger: 'change'}],
+ projectApprovalType: [{required: true, message: '璇烽�夋嫨椤圭洰瀹℃壒绫诲瀷', trigger: 'change'}],
+ importanceTypeList: [{required: true, message: '璇烽�夋嫨閲嶇偣鍒嗙被', trigger: 'change'}],
+ planStartTime: [{required: true, message: '璇烽�夋嫨璁″垝寮�宸ユ椂闂�', trigger: 'change'}],
+ planCompleteTime: [{required: true, message: '璇烽�夋嫨璁″垝绔ｅ伐鏃堕棿', trigger: 'change'}],
+ industryCompetentDepartment: [{required: true, message: '璇烽�夋嫨琛屼笟涓荤閮ㄩ棬', trigger: 'change'}],
+ industryCompetentDepartmentPerson: [{required: true, message: '璇疯緭鍏ヨ涓氫富绠￠儴闂ㄨ仈绯讳汉', trigger: 'blur'}],
+ departmentPersonPhone: [{required: true, message: '璇疯緭鍏ヨ涓氫富绠￠儴闂ㄨ仈绯绘柟寮�', trigger: 'blur'}],
+ },
+ needClearPeople: true
};
},
computed: {
- dialogMapList () {
+ dialogMapList() {
return [{
- addr: this.projectForm.address,
+ addr: this.projectForm.projectAddress,
name: '鍒涘缓'
}];
},
},
- created() {
- this.handleLoadMore(1);
+ mounted() {
+ this.getDeptList();
+
+ this.projectForm.id = this.$route.query.projectId;
+ const projectForm = localStorage.getItem("projectForm");
+ //鍒濆鍖栦富绠￠儴闂ㄤ笅鎷夋
+ this.getApprovalList();
+
+ if (projectForm) {
+ this.projectForm = JSON.parse(projectForm);
+ if (this.projectForm.projectType) {
+ // 鏍规嵁椤圭洰绫诲瀷鏌ュ瓙绫诲瀷
+ getDicts("sys_project_type").then(res => {
+ const projectType = res.data.find(item => item.dictValue === this.projectForm.projectType);
+ if (projectType) {
+ getChildList(projectType.dictCode).then(res => {
+ this.projectSubTypeList = res.data
+ })
+ }
+ })
+ }
+ this.$emit('updateIsShow', true);
+ this.competentDepartment = this.projectForm.competentDepartment
+ this.industryCompetentDepartment = this.projectForm.industryCompetentDepartment
+ } else {
+ this.projectForm.id = this.$route.query.projectId;
+ // 鍦ㄧ粍浠跺垱寤烘椂鑾峰彇椤圭洰淇℃伅锛屽鏋� projectId 瀛樺湪
+ if (this.projectForm.id) {
+ this.getProjectInfo(this.projectForm.id);
+ } else {
+ // this.getProjectCodeApi();
+ this.$emit('updateIsShow', true);
+ }
+ // this.handleLoadMore(1);
+ }
+
+ this.$nextTick(() => {
+ this.tagList = this.projectForm.tag ? this.projectForm.tag.split(",") : []
+ })
+ },
+ beforeDestroy() {
+ localStorage.setItem("projectForm", JSON.stringify(this.projectForm));
},
methods: {
- changeDepartment(val) {
- if (!val.length) {
- this.largeCategory = '';
- return;
+ getIndustryCompetentDepartmentPeople(deptId) {
+ // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳
+ getByDept(deptId).then((res) => {
+ this.personList = res.data;
+ this.personList.forEach(item => item.userId += '')
+ })
+ },
+ getCompetentDepartmentPeople(deptId) {
+ // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳
+ getByDept(deptId).then((res) => {
+ this.deptPersonList = res.data;
+ this.deptPersonList.forEach(item => item.userId += '')
+ })
+ },
+ getTagList(list) {
+ console.log("鎷垮埌浜�")
+ if (!list || list.length < 1) {
+ this.projectForm.tag = ''
+ } else {
+ this.projectForm.tag = list.join(",");
}
- const labels = this.sysDepartment.filter(item => val.includes(item.value)).map(item => item.label);
- this.largeCategory = labels.join(',');
},
- changePutUnder(val) {
- // 鍚� changeDepartment 鏂规硶
+ getChildSelect(select) {
+ this.projectForm.projectSubType = ''
+ if (select) {
+ getChildList(this.dict.type.sys_project_type.filter(item => item.raw.dictValue === select)[0].raw.dictCode).then(res => {
+ this.projectSubTypeList = res.data
+ })
+ }
},
- chaneApproval(val) {
- if (!val) return;
- this.projectForm.setTime = formatDate(val);
+ /** 杞崲閮ㄩ棬鏁版嵁缁撴瀯 */
+ normalizer(node) {
+ if (node.children && !node.children.length) {
+ delete node.children;
+ }
+ return {
+ id: node.deptId,
+ label: node.deptName,
+ children: node.children
+ };
},
- chaneCompleted(val) {
- if (!val) return;
- this.projectForm.planCompleteTime = formatDate(val);
+ // 鐩戝惉鑱旂郴浜洪�夋嫨浜嬩欢
+ handleContactChange(userId) {
+ if (userId) {
+ // 鏍规嵁閫変腑鐨剈serId鏌ユ壘瀵瑰簲鐨勮仈绯讳汉
+ const selectedPerson = this.personList.find(person => person.userId === userId);
+ if (selectedPerson && selectedPerson.phonenumber) {
+ // 灏嗚仈绯讳汉鐨刾hone瀛楁鍥炲～鍒拌仈绯荤數璇濊緭鍏ユ
+ this.projectForm.departmentPersonPhone = selectedPerson.phonenumber;
+ }
+ }
},
- chaneWinTime(val) {
- if (!val) return;
- this.projectForm.winTime = formatDate(val);
+ handleDeptContactChange(userId) {
+ if (userId) {
+ // 鏍规嵁閫変腑鐨剈serId鏌ユ壘瀵瑰簲鐨勮仈绯讳汉
+ const selectedPerson = this.deptPersonList.find(person => person.userId === userId);
+ if (selectedPerson && selectedPerson.phonenumber) {
+ // 灏嗚仈绯讳汉鐨刾hone瀛楁鍥炲～鍒拌仈绯荤數璇濊緭鍏ユ
+ this.projectForm.competentDepartmentPhone = selectedPerson.phonenumber;
+ }
+ }
},
- chaneStartWork(val) {
- if (!val) return;
- this.projectForm.planStartTime = formatDate(val);
+ getIndustryCompetentDepartmentInfo(deptId) {
+ if (deptId) {
+ if (this.projectForm.industryCompetentDepartment != deptId) {
+ this.projectForm.industryCompetentDepartmentPerson = ""
+ this.projectForm.departmentPersonPhone = ""
+ }
+ this.projectForm.industryCompetentDepartment = deptId
+ this.getIndustryCompetentDepartmentPeople(deptId)
+ } else {
+ this.projectForm.industryCompetentDepartment = ''
+ this.personList = [];
+ }
},
+ getProjectOwnerUnit(deptId) {
+ if (deptId) {
+ this.projectForm.projectOwnerUnit = deptId
+ } else {
+ this.projectForm.projectOwnerUnit = ''
+ }
+ },
+ getCompetentDepartmentInfo(deptId) {
+ if (deptId) {
+ if (this.projectForm.competentDepartment != deptId) {
+ this.projectForm.competentDepartmentPerson = ""
+ this.projectForm.competentDepartmentPhone = ""
+ }
+ this.projectForm.competentDepartment = deptId
+ this.getCompetentDepartmentPeople(deptId)
+ } else {
+ this.projectForm.competentDepartment = ''
+ this.deptPersonList = [];
+ }
+ },
+ handleDepartmentChange(departmentId) {
+ if (departmentId) {
+ // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳
+ this.getIndustryCompetentDepartmentPeople(departmentId)
+ } else {
+ // 濡傛灉鏈�夋嫨閮ㄩ棬锛屾竻绌轰汉鍛樺垪琛�
+ this.personList = [];
+ }
+ this.$set(this.projectForm, 'industryCompetentDepartmentPerson', null);
+ this.$set(this.projectForm, 'departmentPersonPhone', '');
+ },
+ addWinUnit() {
+ this.projectForm.winUnitList.push({
+ winUnit: '',
+ winTime: null,
+ winAmount: '',
+ contacts: '',
+ phone: ''
+ })
+ },
+ removeWinUnit(index) {
+ this.projectForm.winUnitList.splice(index, 1)
+ },
+ addYearPlan() {
+ this.projectForm.yearPlanList.push({
+ year: '',
+ yearTotalMoney: null,
+ projectImageProgress: '',
+ })
+ },
+ removeYearPlan(index) {
+ this.projectForm.yearPlanList.splice(index, 1)
+ },
+ handleProjectStatusChange(value) {
+ // 鏍规嵁閫変腑鐨� projectStatus 淇敼 anotherField 鐨勫��
+ if (value === 'working' || value === 'stop') {
+ this.projectForm.projectPhase = '瀹炴柦闃舵';
+ } else if (value === 'finish') {
+ this.projectForm.projectPhase = '绔ｅ伐鎶曠敤闃舵';
+ } else if (value === 'pendding') {
+ this.projectForm.projectPhase = '鍌ㄥ瑙勫垝闃舵';
+ }
+ },
+ getProjectInfo(id) {
+ getProject(id).then(res => {
+ this.projectForm = res.data;
+ if (this.projectForm.industryCompetentDepartment) {
+ // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳
+ getByDept(this.projectForm.industryCompetentDepartment).then((res) => {
+ this.personList = res.data;
+ })
+ }
+ if (this.projectForm.projectType) {
+ // 鏍规嵁椤圭洰绫诲瀷鏌ュ瓙绫诲瀷
+ getDicts("sys_project_type").then(res => {
+ const projectType = res.data.find(item => item.dictValue === this.projectForm.projectType);
+ if (projectType) {
+ getChildList(projectType.dictCode).then(res => {
+ this.projectSubTypeList = res.data
+ })
+ }
+ })
+ }
+ this.$emit('updateIsShow', true);
+ console.log(this.projectForm, "鍘熷鍊�")
+ this.$nextTick(() => {
+ console.log("璁剧疆浜�")
+ this.tagList = this.projectForm.tag ? this.projectForm.tag.split(",") : []
+ console.log(this.tagList)
+ })
+ this.competentDepartment = this.projectForm.competentDepartment
+ this.industryCompetentDepartment = this.projectForm.industryCompetentDepartment
+ });
+ },
+ getApprovalList() {
+ approvalList().then(res => {
+ this.approvalList = this.handleTree(res.data, "deptId");
+ this.approvalList.push({deptId: '', deptName: '鏃�', children: []})
+ });
+ },
+ getDeptList(){
+ listDept().then(response => {
+ console.log(response.data)
+ this.selectOptions = this.handleTree(response.data, "deptId");
+ this.selectOptions.push({deptId: '', deptName: '鏃�', children: []})
+ });
+ },
+
+ submit(usedStatus) {
+ console.log((this.projectForm));
+ this.$refs["projectForm"].validate(valid => {
+ if (valid) {
+ this.projectForm.usedStatus = usedStatus;
+ if (this.projectForm.id) {
+ updateProject(this.projectForm).then(response => {
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ //璺宠浆鍒颁笅涓粍浠�
+ this.$emit('toNext', 1);
+ });
+ } else {
+ addProject(this.projectForm).then(response => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.projectForm.id = response.data
+ //璺宠浆鍒颁笅涓粍浠�
+ this.$emit('toNext', 1);
+ });
+ }
+ }
+ });
+ },
+ getProjectCodeApi() {
+ getProjectCode().then(res => {
+ this.projectForm.projectCode = res.data;
+ });
+ },
+ // changeDepartment(val) {
+ // console.log("瑙﹀彂浜嬩欢" + val + this.approvalList)
+ // if (!val.length) {
+ // this.largeCategory = '';
+ // return;
+ // }
+ // const labels = this.approvalList.filter(item => val.includes(item.id)).map(item => item.value);
+ // this.largeCategory = labels.join(',');
+ // },
+ // changePutUnder(val) {
+ // if (!val.length) {
+ // this.subclass = '';
+ // return;
+ // }
+ // const labels = this.dict.type.sys_centralized_management.filter(item => val.includes(item.value)).map(item => item.label);
+ // this.subclass = labels.join(',');
+ // },
async loadDataList(newPage) {
+
try {
this.loading = true;
- const res = await getList({ pageNum: newPage, pageSize: 10000 });
+ const res = await getList({pageNum: newPage, pageSize: 10000});
const list = res.rows || [];
if (newPage === 1) {
this.selectOptions = [];
@@ -420,51 +915,31 @@
},
mapCreateClick() {
console.log("鍒涘缓")
- const { lon, lat, addr } = this.mapCreateInfo;
+ const {lon, lat, addr} = this.mapCreateInfo;
if (lon && lat && addr) {
this.projectForm.longitude = lon;
this.projectForm.latitude = lat;
- this.projectForm.address = addr;
+ this.projectForm.projectAddress = addr;
this.$message.success('鑾峰彇鍦板潃鎴愬姛');
this.dialogMap = false;
} else {
- this.$message.error('鑾峰彇鍧愭爣澶辫触');
+ this.$message.error('璇峰厛鐐瑰嚮鍦板浘閫夋嫨鍦板潃');
}
},
- handleRemove(file) {
- if (file) {
- this.projectForm.fileIdList = this.projectList.map(item => item.fileId);
- localStorage.setItem('projectList', JSON.stringify(file));
- }
- },
- handleAdd(file) {
- if (file) {
- localStorage.setItem('projectList', JSON.stringify(file));
- }
- }
+
},
watch: {
- 'projectForm.managementCentralizationList'(val) {
- if (val) {
- const labels = this.sysCentralizedManagement
- .filter(item => val.includes(item.value))
- .map(item => item.label);
- this.subclass = labels.join(',');
- }
- },
- 'projectForm.competentDepartmentList'(val) {
- if (val) {
- const labels = this.sysDepartment
- .filter(item => val.includes(item.value))
- .map(item => item.label);
- this.largeCategory = labels.join(',');
- }
- },
- projectList: {
- handler(val) {
- if (val) {
- this.projectForm.fileIdList = val.map(item => item.fileId);
- }
+ 'projectForm': {
+ handler(newVal, oldVal) {
+ setTimeout(() => {
+ if (newVal.managementCentralizationList) {
+ const labels = this.dict.type.sys_centralized_management
+ .filter(item => newVal.managementCentralizationList.includes(item.value))
+ .map(item => item.label);
+ this.subclass = labels.join(',');
+ }
+ }, 1000);
+ this.$emit('basicInfoForm', newVal)
},
deep: true
}
@@ -476,10 +951,12 @@
.item {
width: 100%;
}
+
.map_div {
width: 100%;
height: 643px;
}
+
.input-row {
display: flex;
width: 100%;
@@ -503,4 +980,37 @@
width: 20px;
}
}
+
+.yellow-dot {
+ width: 10px; /* 鍦嗙偣鐨勫搴� */
+ height: 10px; /* 鍦嗙偣鐨勯珮搴� */
+ background-color: yellow; /* 鍦嗙偣鐨勯鑹� */
+ border-radius: 50%; /* 浣垮厓绱犲彉鎴愬渾褰� */
+ display: inline-block; /* 纭繚鍏冪礌鍙互鍜屽叾浠栧唴鑱斿厓绱犱竴璧锋樉绀� */
+}
+
+.red-dot {
+ width: 10px; /* 鍦嗙偣鐨勫搴� */
+ height: 10px; /* 鍦嗙偣鐨勯珮搴� */
+ background-color: red; /* 鍦嗙偣鐨勯鑹� */
+ border-radius: 50%; /* 浣垮厓绱犲彉鎴愬渾褰� */
+ display: inline-block; /* 纭繚鍏冪礌鍙互鍜屽叾浠栧唴鑱斿厓绱犱竴璧锋樉绀� */
+}
+
+.green-dot {
+ width: 10px; /* 鍦嗙偣鐨勫搴� */
+ height: 10px; /* 鍦嗙偣鐨勯珮搴� */
+ background-color: green; /* 鍦嗙偣鐨勯鑹� */
+ border-radius: 50%; /* 浣垮厓绱犲彉鎴愬渾褰� */
+ display: inline-block; /* 纭繚鍏冪礌鍙互鍜屽叾浠栧唴鑱斿厓绱犱竴璧锋樉绀� */
+}
+.label {
+ width: 100%;
+ position: relative;
+ border: 1px solid #d7d7d7;
+ margin-bottom: 15px;
+ padding: 4px;
+ min-height: 45px;
+ color: #909399;
+}
</style>
--
Gitblit v1.8.0