From 7cf4649aa88b0dd950bbeeb70f9c875ce1d550ce Mon Sep 17 00:00:00 2001 From: zxl <763096477@qq.com> Date: 星期四, 20 二月 2025 18:31:47 +0800 Subject: [PATCH] 项目业主单位页面 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 43 ++++++++++++++++++++++++++++++++++++------- 1 files changed, 36 insertions(+), 7 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index 488b476..0790509 100644 --- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue @@ -125,13 +125,15 @@ </el-col> <el-col :span="6"> <!-- TODO锛氭殏鏃朵笉鍋� --> - <el-form-item label="鍏宠仈宸ョ▼" label-width="100px" prop="engineering" style="width: 100%"> + <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"/> +<!-- <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" :options="selectOptions" :normalizer="normalizer" placeholder="閫夋嫨涓婄骇閮ㄩ棬" /> <!-- <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />--> - </el-select> +<!-- </el-select>--> </el-form-item> </el-col> </el-row> @@ -419,6 +421,8 @@ <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'; @@ -428,16 +432,18 @@ // import RemoteSelect from '@/components/RemoteSelect/index.vue'; import Cookies from "js-cookie"; import {addProject, getProject, updateProject, getProjectCode, editProject} from '@/api/projectEngineering/projectInfo'; -import {approvalList} from "@/api/system/dept"; +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 { 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'], components: { + Treeselect, Map, TagList, // UploadStandard, @@ -494,7 +500,7 @@ projectImageProgress: '', }], projectAddress: '', - engineeringIdList: [], + engineeringIdList: null, content: '', constructionNature: '', contact: '', @@ -523,6 +529,7 @@ page: 1, loading: false, hasMore: true, + deptOptions: [], selectOptions: [], accept: ['pdf', 'docx', 'xlsx', 'jpg', 'jpeg'], mapCreateInfo: {}, @@ -541,6 +548,8 @@ }, }, mounted() { + this.getDeptList(); + this.projectForm.id = this.$route.query.projectId; const projectForm = localStorage.getItem("projectForm"); //鍒濆鍖栦富绠¢儴闂ㄤ笅鎷夋 @@ -589,6 +598,17 @@ this.projectSubTypeList = res.data }) } + }, + /** 杞崲閮ㄩ棬鏁版嵁缁撴瀯 */ + normalizer(node) { + if (node.children && !node.children.length) { + delete node.children; + } + return { + id: node.deptId, + label: node.deptName, + children: node.children + }; }, // 鐩戝惉鑱旂郴浜洪�夋嫨浜嬩欢 handleContactChange(userId) { @@ -680,6 +700,14 @@ this.approvalList = res.data; }); }, + getDeptList(){ + listDept().then(response => { + console.log(response.data) + + this.selectOptions = this.handleTree(response.data, "deptId"); + }); + }, + submit(usedStatus) { this.$refs["projectForm"].validate(valid => { if (valid) { @@ -724,6 +752,7 @@ // this.subclass = labels.join(','); // }, async loadDataList(newPage) { + try { this.loading = true; const res = await getList({pageNum: newPage, pageSize: 10000}); -- Gitblit v1.8.0