From 76fb875dc5aa7ded6d5737c3223951cd11ded366 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期四, 28 十一月 2024 02:48:00 +0800 Subject: [PATCH] 投资金额 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 88 ++++++++++++++++++++++++-------------------- 1 files changed, 48 insertions(+), 40 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index cd4835a..11e6cbf 100644 --- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue @@ -4,22 +4,24 @@ <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-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="椤圭洰浠g爜" label-width="100px" prop="projectCode"> - <el-input v-model.trim="projectForm.projectCode" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" /> + <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> + <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-input v-model.trim="projectForm.content" style="width: 100%;" clearable maxlength="255" + placeholder="璇疯緭鍏�" type="textarea"/> </el-form-item> </el-col> </el-row> @@ -42,14 +44,15 @@ </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-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-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> @@ -57,7 +60,7 @@ </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-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> @@ -65,28 +68,31 @@ </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-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 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-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 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> @@ -103,10 +109,10 @@ collapse-tags @change="changeDepartment"> <el-option - v-for ="item in approvalList" - :key="item.id" - :value="item.id" - :label="item.value" + v-for="item in approvalList" + :key="item.id" + :value="item.id" + :label="item.value" /> </el-select> </el-form-item> @@ -118,7 +124,7 @@ 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> @@ -157,8 +163,8 @@ </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-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"> @@ -191,7 +197,6 @@ placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" - @change="chaneStartWork" value-format="yyyy-MM-dd HH:mm:ss"/> </el-form-item> </el-col> @@ -208,12 +213,13 @@ <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-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-input v-model.trim="projectForm.winAmount" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" + type="number"/> </el-form-item> </el-col> <el-col :span="6"> @@ -242,7 +248,8 @@ </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" /> + <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> @@ -251,9 +258,10 @@ <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.projectAddress" 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> @@ -293,12 +301,12 @@ // import { getList } from '@/api/engineeringLibrary/index'; // import RemoteSelect from '@/components/RemoteSelect/index.vue'; import Cookies from "js-cookie"; -import { addProject, getProject, updateProject, getProjectCode } from '@/api/projectEngineering/projectInfo'; +import {addProject, getProject, updateProject, getProjectCode} from '@/api/projectEngineering/projectInfo'; import {approvalList} 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'], + 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'], components: { Map, // UploadStandard, @@ -364,18 +372,18 @@ loading: false, hasMore: true, selectOptions: [], - accept: ['pdf', 'docx', 'xlsx', 'jpg','jpeg'], + accept: ['pdf', 'docx', 'xlsx', 'jpg', 'jpeg'], largeCategory: '', subclass: '', mapCreateInfo: {}, demoFormRef: null, rules: { - projectName: [{ required: true, message: '璇疯緭鍏ラ」鐩悕绉�', trigger: 'blur' }] + projectName: [{required: true, message: '璇疯緭鍏ラ」鐩悕绉�', trigger: 'blur'}] } }; }, computed: { - dialogMapList () { + dialogMapList() { return [{ addr: this.projectForm.projectAddress, name: '鍒涘缓' @@ -383,15 +391,13 @@ }, }, created() { + this.projectForm.id = this.$route.query.projectId; const projectForm = Cookies.get("projectForm"); if (projectForm) { - this.projectForm = JSON.parse(projectForm); + this.projectForm = JSON.parse(projectForm); } else { //鍒濆鍖栦富绠¢儴闂ㄤ笅鎷夋 this.getApprovalList(); - if(this.$route.query.projectId) { - this.projectForm.id = this.$route.query.projectId; - } // 鍦ㄧ粍浠跺垱寤烘椂鑾峰彇椤圭洰淇℃伅锛屽鏋� projectId 瀛樺湪 if (this.projectForm.id) { this.getProjectInfo(this.projectForm.id); @@ -402,7 +408,7 @@ } }, beforeDestroy() { - Cookies.set("projectForm",JSON.stringify(this.projectForm)); + Cookies.set("projectForm", JSON.stringify(this.projectForm)); }, methods: { getProjectInfo(id) { @@ -459,7 +465,7 @@ 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 = []; @@ -486,7 +492,7 @@ }, 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; @@ -524,10 +530,12 @@ .item { width: 100%; } + .map_div { width: 100%; height: 643px; } + .input-row { display: flex; width: 100%; -- Gitblit v1.8.0