From abedc0c7a1a5b4b47d65d43a3d27fd8cb30c6848 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期三, 27 十一月 2024 00:10:34 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/projectEngineering/projectLibrary/component/investmentFunds.vue | 252 ++++++++
src/views/projectProcess/components/RunProcess.vue | 1
public/index.html | 193 -----
src/views/projectEngineering/projectLibrary/component/legalPerson.vue | 224 +++++++
src/views/flowable/definition/index.vue | 41 +
src/api/projectProcess/processConfigInfo.js | 20
src/views/flowable/definition/component/EditProcessConfig.vue | 103 +++
src/views/projectEngineering/projectLibrary/component/DocumentsInfo.vue | 89 ++
src/views/projectEngineering/projectLibrary/component/PolicyInfo.vue | 259 ++++++++
src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 221 +++---
src/views/projectEngineering/projectLibrary/component/InvestInfo.vue | 294 +++++++++
src/views/components/Map/index.vue | 28
src/views/projectEngineering/projectLibrary/projectDetails.vue | 83 +
src/components/FileUpload/index.vue | 8
14 files changed, 1,478 insertions(+), 338 deletions(-)
diff --git a/public/index.html b/public/index.html
index 4eb7b43..a7ae724 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,186 +23,29 @@
padding: 0.2em 0;
}
- #loader-wrapper {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 999999;
+ .loader {
+ width: 150px; /* 鍘熸潵鐨�50px * 3 */
+ aspect-ratio: 1; /* 淇濇寔瀹介珮姣� */
+ color: #54f3f3;
+ --_c: no-repeat radial-gradient(farthest-side, currentColor 92%, #0000);
+ background:
+ var(--_c) 50% 0 / 36px 36px, /* 鍘熸潵鐨�12px * 3 */
+ var(--_c) 50% 100% / 36px 36px,
+ var(--_c) 100% 50% / 36px 36px,
+ var(--_c) 0 50% / 36px 36px,
+ var(--_c) 50% 50% / 36px 36px,
+ conic-gradient(from 90deg at 12px 12px, #0000 90deg, currentColor 0)
+ -12px -12px / calc(150% + 6px) calc(150% + 6px); /* 璋冩暣涓績鐐瑰拰灏哄 */
+ animation: l8 1s infinite linear;
}
-
- #loader {
- display: block;
- position: relative;
- left: 50%;
- top: 50%;
- width: 150px;
- height: 150px;
- margin: -75px 0 0 -75px;
- border-radius: 50%;
- border: 3px solid transparent;
- border-top-color: #FFF;
- -webkit-animation: spin 2s linear infinite;
- -ms-animation: spin 2s linear infinite;
- -moz-animation: spin 2s linear infinite;
- -o-animation: spin 2s linear infinite;
- animation: spin 2s linear infinite;
- z-index: 1001;
- }
-
- #loader:before {
- content: "";
- position: absolute;
- top: 5px;
- left: 5px;
- right: 5px;
- bottom: 5px;
- border-radius: 50%;
- border: 3px solid transparent;
- border-top-color: #FFF;
- -webkit-animation: spin 3s linear infinite;
- -moz-animation: spin 3s linear infinite;
- -o-animation: spin 3s linear infinite;
- -ms-animation: spin 3s linear infinite;
- animation: spin 3s linear infinite;
- }
-
- #loader:after {
- content: "";
- position: absolute;
- top: 15px;
- left: 15px;
- right: 15px;
- bottom: 15px;
- border-radius: 50%;
- border: 3px solid transparent;
- border-top-color: #FFF;
- -moz-animation: spin 1.5s linear infinite;
- -o-animation: spin 1.5s linear infinite;
- -ms-animation: spin 1.5s linear infinite;
- -webkit-animation: spin 1.5s linear infinite;
- animation: spin 1.5s linear infinite;
- }
-
-
- @-webkit-keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
-
- @keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
-
-
- #loader-wrapper .loader-section {
- position: fixed;
- top: 0;
- width: 51%;
- height: 100%;
- background: #7171C6;
- z-index: 1000;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
-
- #loader-wrapper .loader-section.section-left {
- left: 0;
- }
-
- #loader-wrapper .loader-section.section-right {
- right: 0;
- }
-
-
- .loaded #loader-wrapper .loader-section.section-left {
- -webkit-transform: translateX(-100%);
- -ms-transform: translateX(-100%);
- transform: translateX(-100%);
- -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
- transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
- }
-
- .loaded #loader-wrapper .loader-section.section-right {
- -webkit-transform: translateX(100%);
- -ms-transform: translateX(100%);
- transform: translateX(100%);
- -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
- transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
- }
-
- .loaded #loader {
- opacity: 0;
- -webkit-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
-
- .loaded #loader-wrapper {
- visibility: hidden;
- -webkit-transform: translateY(-100%);
- -ms-transform: translateY(-100%);
- transform: translateY(-100%);
- -webkit-transition: all 0.3s 1s ease-out;
- transition: all 0.3s 1s ease-out;
- }
-
- .no-js #loader-wrapper {
- display: none;
- }
-
- .no-js h1 {
- color: #222222;
- }
-
- #loader-wrapper .load_title {
- font-family: 'Open Sans';
- color: #FFF;
- font-size: 19px;
- width: 100%;
- text-align: center;
- z-index: 9999999999999;
- position: absolute;
- top: 60%;
- opacity: 1;
- line-height: 30px;
- }
-
- #loader-wrapper .load_title span {
- font-weight: normal;
- font-style: italic;
- font-size: 13px;
- color: #FFF;
- opacity: 0.5;
- }
+ @keyframes l8 {to{transform: rotate(.5turn)}}
</style>
</head>
<body>
<div id="app">
- <div id="loader-wrapper">
- <div id="loader"></div>
- <div class="loader-section section-left"></div>
- <div class="loader-section section-right"></div>
- <div class="load_title">姝ｅ湪鍔犺浇绯荤粺璧勬簮锛岃鑰愬績绛夊緟</div>
- </div>
+ <div style="display: flex;justify-content: center;align-items: center;height: 100%">
+ <div class="loader"></div>
+ </div>
</div>
</body>
</html>
diff --git a/src/api/projectProcess/processConfigInfo.js b/src/api/projectProcess/processConfigInfo.js
new file mode 100644
index 0000000..709f894
--- /dev/null
+++ b/src/api/projectProcess/processConfigInfo.js
@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+
+// 鑾峰彇娴佺▼绫诲瀷閰嶇疆淇℃伅琛�
+export const getProcessConfigInfoByDeploy = (params) => {
+ return request({
+ url: "/process-config-info",
+ method: "GET",
+ params: params
+ })
+}
+
+// 淇濆瓨娴佺▼绫诲瀷閰嶇疆淇℃伅琛�
+export const saveProcessConfigInfo = (data) => {
+ return request({
+ url: "/process-config-info/",
+ method: "POST",
+ data: data
+ })
+}
+
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index c7f6b0a..e00f7af 100644
--- a/src/components/FileUpload/index.vue
+++ b/src/components/FileUpload/index.vue
@@ -2,6 +2,7 @@
<div class="upload-file">
<el-upload
multiple
+ :accept="acceptList"
:action="uploadFileUrl"
:before-upload="handleBeforeUpload"
:file-list="fileList"
@@ -15,7 +16,7 @@
ref="fileUpload"
>
<!-- 涓婁紶鎸夐挳 -->
- <el-button size="mini" type="primary">閫夊彇鏂囦欢</el-button>
+ <el-button icon="el-icon-upload2" size="small" type="primary">涓婁紶</el-button>
<!-- 涓婁紶鎻愮ず -->
<div class="el-upload__tip" slot="tip" v-if="showTip">
璇蜂笂浼�
@@ -109,6 +110,11 @@
showTip() {
return this.isShowTip && (this.fileType || this.fileSize);
},
+ acceptList () {
+ let temp = '.*'
+ temp = this.fileType.map(item => '.' + item).join(',')
+ return temp
+ }
},
methods: {
// 涓婁紶鍓嶆牎妫�鏍煎紡鍜屽ぇ灏�
diff --git a/src/views/components/Map/index.vue b/src/views/components/Map/index.vue
index 38f61f6..a9fee43 100644
--- a/src/views/components/Map/index.vue
+++ b/src/views/components/Map/index.vue
@@ -198,7 +198,7 @@
offset: [-35, -45],
labelBg: "#3369FF",
labelColor: "#fff",
- labelClick,
+ labelClick: this.labelClick,
};
// 娓呴櫎涔嬪墠鐨勬爣璁�
this.map && this.map.clearOverLays();
@@ -213,13 +213,16 @@
const { lat, lng: lon } = e.lnglat;
this.makeDefaultMask({
- ...defaultMaskInfo,
+ ...this.defaultMaskInfo,
lon: String(lon),
lat: String(lat),
});
- this.getReverseGeocode(e).then((addr) => {
- this.$emit("mapClick", { e, addr });
+ this.getReverseGeocode(e).then((addr) => {
+ this.$emit("mapClick", {
+ e,
+ addr,
});
+ });
console.log("鐐瑰嚮浜嬩欢", e);
},
@@ -360,9 +363,9 @@
}
this.addEvent(marker, "mouseover", (e) =>
- markerMouseover(e, infoWin, labelOptions, getUniqueId())
+ this.markerMouseover(e, infoWin, labelOptions, this.getUniqueId())
);
- this.addEvent(marker, "mouseout", (e) => markerMouseout(e, infoWin));
+ this.addEvent(marker, "mouseout", (e) => this.markerMouseout(e, infoWin));
},
// 鏍囪鎵�鏈夌偣
@@ -401,7 +404,7 @@
//鏍囪鐐瑰嚮浜嬩欢
markerClick(currentLabel, e) {
const id = e.target.options.id;
- currentLabelStyleChange(currentLabel);
+ this.currentLabelStyleChange(currentLabel);
console.log("鐐瑰嚮浜嬩欢", e, currentLabel);
this.getReverseGeocode(e).then((addr) => {
this.$emit(
@@ -415,9 +418,10 @@
// label鐐瑰嚮浜嬩欢
labelClick(currentLabel, e) {
+ console.log("瑙﹀彂鐐瑰嚮浜嬩欢")
const id = e.target.options.id;
- currentLabelStyleChange(currentLabel);
- getReverseGeocode(e).then((addr) => {
+ this.currentLabelStyleChange(currentLabel);
+ this.getReverseGeocode(e).then((addr) => {
this.$emit(
"labelClick",
id
@@ -449,9 +453,9 @@
},
},
},
- beforeUnmount() {
- this.map = null;
- },
+ beforeDestroy() {
+ this.map = null;
+ }
};
// const emits = defineEmits<{
diff --git a/src/views/flowable/definition/component/EditProcessConfig.vue b/src/views/flowable/definition/component/EditProcessConfig.vue
new file mode 100644
index 0000000..700767b
--- /dev/null
+++ b/src/views/flowable/definition/component/EditProcessConfig.vue
@@ -0,0 +1,103 @@
+<template>
+ <div>
+ <el-dialog
+ :title="`娴佺▼鍩虹閰嶇疆锛歚 + deployName"
+ :visible.sync="processConfigShow"
+ width="500px"
+ :close-on-click-modal="false"
+ :before-close="handleClose">
+
+ <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm">
+ <el-form-item label="椤圭洰绫诲瀷" prop="projectType">
+ <el-select v-model="form.projectType" clearable placeholder="璇烽�夋嫨椤圭洰绫诲瀷">
+ <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-form-item label="璧勯噾绫诲瀷" prop="fundType">
+ <el-select v-model="form.fundType" clearable placeholder="璇烽�夋嫨璧勯噾绫诲瀷">
+ <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-form-item label="鎶曡祫绫诲埆" prop="investType">
+ <el-select v-model="form.investType" clearable placeholder="璇烽�夋嫨鎶曡祫绫诲埆">
+ <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-form-item label="閲嶇偣鍒嗙被" prop="importanceType">
+ <el-select v-model="form.importanceType" clearable placeholder="璇烽�夋嫨閲嶇偣鍒嗙被">
+ <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-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="save">淇濆瓨</el-button>
+ <el-button @click="handleClose">鍙栨秷</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import {saveProcessConfigInfo, getProcessConfigInfoByDeploy} from "@/api/projectProcess/processConfigInfo"
+
+export default {
+ dicts: ['sys_project_type', 'sys_key_categories', 'sys_funding_type', 'sys_investment_type'],
+ name: "EditProcessConfig",
+ props: {
+ processConfigShow: {
+ require: true,
+ type: Boolean
+ },
+ deployName: {
+ require: true,
+ type: String
+ },
+ form: {
+ require: true,
+ type: Object
+ }
+ },
+ data() {
+ return {
+ rules: {
+ projectType: [
+ { required: true, message: '璇烽�夋嫨椤圭洰绫诲瀷', trigger: 'change' }
+ ],
+ fundType: [
+ { required: true, message: '璇烽�夎祫閲戠被鍨�', trigger: 'change' }
+ ],
+ investType: [
+ { required: true, message: '璇烽�夋嫨鎶曡祫绫诲埆', trigger: 'change' }
+ ],
+ importanceType: [
+ { required: true, message: '璇烽�夋嫨閲嶇偣鍒嗙被', trigger: 'change' }
+ ],
+ }
+ }
+ },
+ methods: {
+ save() {
+ this.$refs['form'].validate((valid) => {
+ if (valid) {
+ saveProcessConfigInfo(this.form).then(res => {
+ this.$message.success(res.msg)
+ this.handleClose()
+ })
+ }
+ });
+
+ },
+ handleClose() {
+ this.$emit("close")
+ }
+ }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/flowable/definition/index.vue b/src/views/flowable/definition/index.vue
index 3c8e449..d8963ad 100644
--- a/src/views/flowable/definition/index.vue
+++ b/src/views/flowable/definition/index.vue
@@ -92,6 +92,7 @@
<el-table-column label="鎿嶄綔" width="250" fixed="right"class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button @click="handleLoadXml(scope.row)" icon="el-icon-edit-outline" type="text" size="small">璁捐</el-button>
+ <el-button @click="handleConfig(scope.row)" icon="el-icon-edit-outline" type="text" size="small">娴佺▼閰嶇疆</el-button>
<el-button @click="handleAddForm(scope.row)" icon="el-icon-edit-el-icon-s-promotion" type="text" size="small" v-if="scope.row.formId == null">閰嶇疆涓昏〃鍗�</el-button>
<el-button @click="handleUpdateSuspensionState(scope.row)" icon="el-icon-video-pause" type="text" size="small" v-if="scope.row.suspensionState === 1">鎸傝捣</el-button>
<el-button @click="handleUpdateSuspensionState(scope.row)" icon="el-icon-video-play" type="text" size="small" v-if="scope.row.suspensionState === 2">婵�娲�</el-button>
@@ -224,6 +225,11 @@
<!-- append-to-body>-->
<!-- <Model :deployId="deployId"/>-->
<!-- </el-dialog>-->
+
+ <edit-process-config :process-config-show="processConfigShow"
+ :deploy-name="configDeployName"
+ :form="configForm"
+ @close="closeConfig"/>
</div>
</template>
@@ -242,16 +248,29 @@
import { getForm, addDeployForm ,listForm } from "@/api/flowable/form";
import BpmnViewer from '@/components/Process/viewer';
import Model from './model';
+import EditProcessConfig from '@/views/flowable/definition/component/EditProcessConfig';
+import {getProcessConfigInfoByDeploy} from "@/api/projectProcess/processConfigInfo";
export default {
name: "Definition",
dicts: ['sys_process_category'],
components: {
BpmnViewer,
- Model
+ Model,
+ EditProcessConfig
},
data() {
return {
+ configForm: {
+ deployId: '',
+ deployVersion: null,
+ projectType: '', // 椤圭洰绫诲瀷
+ fundType: '', // 璧勯噾绫诲瀷
+ investType: '', // 鎶曡祫绫诲埆
+ importanceType: '', // 閲嶇偣鍒嗙被
+ },
+ processConfigShow: false, // 淇敼娴佺▼淇℃伅show
+ configDeployName: '', // 淇敼閰嶇疆鐨勯儴缃插悕绉�
// 閬僵灞�
loading: true,
dialogVisible: false,
@@ -341,6 +360,26 @@
}
},
methods: {
+ closeConfig() {
+ this.processConfigShow = false
+ },
+ handleConfig(row) {
+ const infoArr = row.id.split(":");
+
+ const params = {
+ deployId: infoArr[2],
+ deployVersion: infoArr[1]
+ }
+ getProcessConfigInfoByDeploy(params).then(res => {
+ if (res.data) {
+ this.configForm = res.data
+ }
+ })
+ this.configForm.deployId = infoArr[2]
+ this.configForm.deployVersion = infoArr[1]
+ this.configDeployName = row.name
+ this.processConfigShow = true
+ },
/** 鏌ヨ娴佺▼瀹氫箟鍒楄〃 */
getList() {
this.loading = true;
diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
index c649a96..54d9aca 100644
--- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
+++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
@@ -1,6 +1,6 @@
<template>
<div class="basic-info">
- <el-form ref="demoFormRef" :disabled="disabled" :model="projectForm" :rules="rules" class="dialog_form" :inline = "true">
+ <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">
@@ -8,7 +8,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
- <el-form-item class="item" label="椤圭洰浠ｇ爜" label-width="100px" prop="code">
+ <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>
@@ -25,29 +25,19 @@
</el-row>
<el-row :gutter="20">
<el-col :span="6">
- <el-form-item label="璧勯噾绫诲瀷" label-width="100px" prop="fundsType" style="width: 100%">
- <el-tree-select
- v-model="projectForm.fundType"
- :data="sys_funding_type"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
- clearable
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- />
+ <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="investmentType" style="width: 100%">
- <el-tree-select
- v-model="projectForm.investType"
- :data="sys_investment_type"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
- clearable
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- />
+ <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">
@@ -59,135 +49,125 @@
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="椤圭洰绫诲瀷" label-width="100px" prop="projectType" style="width: 100%">
- <el-tree-select
- v-model="projectForm.projectType"
- :data="sys_project_type"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
- 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>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="椤圭洰鐘舵��" label-width="100px" prop="projectstatus" style="width: 100%">
- <el-tree-select
- v-model="projectForm.projectStatus"
- :data="sys_project_status"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
- 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>
</el-form-item>
</el-col>
<el-col :span="6">
- <el-form-item label="椤圭洰涓氫富鍗曚綅" label-width="100px" prop="company" style="width: 100%">
+ <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" style="width: 100%">
+ <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="projectPhone" style="width: 100%">
+ <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" />
+<!-- <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="department" style="width: 100%">
- <el-tree-select
+ <el-form-item label="涓荤閮ㄩ棬" label-width="100px" prop="competentDepartmentList" style="width: 100%">
+ <el-select
v-model="projectForm.competentDepartmentList"
- :data="sys_competent_department"
- :multiple="true"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
clearable
- collapse-tags
+ :multiple="true"
placeholder="璇烽�夋嫨"
style="width: 100%"
- @change="changeDepartment"
- />
+ 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" style="width: 100%">
- <el-tree-select
+ <el-form-item label="琛屾斂鍖哄垝" label-width="100px" prop="area" style="width: 100%">
+ <el-select
v-model="projectForm.area"
- :data="sys_administrative_divisions"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
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-tree-select
+ <el-select
v-model="projectForm.managementCentralizationList"
- :data="sys_centralized_management"
- :multiple="true"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
clearable
- collapse-tags
+ :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-tree-select
+ <el-select
v-model="projectForm.projectApprovalType"
- :data="sys_approval_type"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
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" class="ml-[2%]" 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-tree-select
+ <el-select
v-model="projectForm.importanceType"
- :data="sys_key_categories"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
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>
@@ -228,19 +208,19 @@
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="骞村害鎶曡祫璁″垝" label-width="100px" prop="year" style="width: 100%">
- <el-tree-select
+ <el-select
v-model="projectForm.year"
- :data="sys_annual_plan"
- :props="{ dictLabel: 'label', dictValue: 'id' }"
- :render-after-expand="false"
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%; display: flex; min-width: 260px">
+ <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>
@@ -261,38 +241,32 @@
<el-row :gutter="0">
<el-col :span="18">
<el-form-item label="瀹℃壒璁″垝涔�:" label-width="100px" prop="medicalAddr" style="width: 100%">
- <div class="flex">
- <upload-standard
- :file-list.sync="projectList"
- :accept="accept"
- listType="text"
- @fileListAdd="handleAdd"
- @fileListRemove="handleRemove"
- >
- <el-button :icon="Upload" type="primary">涓婁紶</el-button>
- </upload-standard>
- </div>
+ <file-upload v-model="projectList"
+ :fileType="accept"
+ :isShowTip="false"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
- <el-dialog :visible.sync="dialogMap" width="900">
- <map-component
- v-if="dialogMap"
- id="dialogMapId"
- :mapList="dialogMapList"
- class="w-full h-[643px]"
- @map-click="mapClick"
- @label-click="mapCreateClick"
- />
+ <el-dialog :visible.sync="dialogMap" width="900px">
+ <div class="map_div">
+ <Map
+ id="dialogMapId"
+ :mapList="dialogMapList"
+ @mapClick="mapClick"
+ @labelClick="mapCreateClick"
+ />
+ </div>
</el-dialog>
+
</div>
</template>
<script>
// import Upload from '@element-plus/icons-vue/dist/Upload.vue';
-// import MapComponent from '@/components/Map/index.vue';
+import Map from '@/views/components/Map/index.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';
@@ -300,8 +274,10 @@
import { formatDate } from '@/utils';
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'],
components: {
- // MapComponent,
+ Map,
// UploadStandard,
// RemoteSelect
},
@@ -317,7 +293,7 @@
projectName: '',
projectCode: '',
projectType: '',
- projectStatus: '1',
+ projectStatus: 'working',
fundType: '',
investType: '',
importanceType: '',
@@ -355,13 +331,17 @@
competentDepartmentList: [],
managementCentralizationList: []
},
+ setTime: '',
+ planStartTime: '',
+ planCompleteTime: '',
+ winTime: '',
projectList: [],
dialogMap: false,
page: 1,
loading: false,
hasMore: true,
selectOptions: [],
- accept: `'pdf', 'docx', 'xlsx', 'jpg','jpeg'`,
+ accept: ['pdf', 'docx', 'xlsx', 'jpg','jpeg'],
largeCategory: '',
subclass: '',
mapCreateInfo: {},
@@ -372,20 +352,12 @@
};
},
computed: {
- dialogMapList() {
+ dialogMapList () {
return [{
addr: this.projectForm.address,
name: '鍒涘缓'
}];
},
- // // 鍦╒ue 2涓娇鐢� computed 鏇夸唬 sys_* 鐨勫搷搴斿紡瀛楀吀
- // sysFundingType() {
- // return this.$dict.get('sys_funding_type');
- // },
- // sysInvestmentType() {
- // return this.$dict.get('sys_investment_type');
- // // 鍏朵粬瀛楀吀鍚岀悊
- // }
},
created() {
this.handleLoadMore(1);
@@ -438,14 +410,16 @@
handleLoadMore(newPage) {
this.loadDataList(newPage);
},
- mapClick({ e, addr }) {
+ mapClick(e) {
+ console.log(e)
this.mapCreateInfo = {
- lon: e.lnglat.lng,
- lat: e.lnglat.lat,
- addr
+ lon: e.e.lnglat.lng,
+ lat: e.e.lnglat.lat,
+ addr: e.addr
};
},
mapCreateClick() {
+ console.log("鍒涘缓")
const { lon, lat, addr } = this.mapCreateInfo;
if (lon && lat && addr) {
this.projectForm.longitude = lon;
@@ -500,9 +474,12 @@
<style lang="scss" scoped>
.item {
- width: 130%;
+ width: 100%;
}
-
+.map_div {
+ width: 100%;
+ height: 643px;
+}
.input-row {
display: flex;
width: 100%;
diff --git a/src/views/projectEngineering/projectLibrary/component/DocumentsInfo.vue b/src/views/projectEngineering/projectLibrary/component/DocumentsInfo.vue
new file mode 100644
index 0000000..f599c38
--- /dev/null
+++ b/src/views/projectEngineering/projectLibrary/component/DocumentsInfo.vue
@@ -0,0 +1,89 @@
+<template>
+ <div class="policy-info">
+ <el-form ref="demoFormRef" :disabled="disabled" :model="fileIdList" class="dialog_form">
+ <el-row :gutter="0">
+ <el-col :span="20">
+ <el-form-item label="闄勪欢:" label-width="100px" prop="appendix" style="width: 100%">
+ <div style="display: flex;gap: 10px">
+ <file-upload v-model="documentsInfoList"
+ :fileType="accept"
+ :isShowTip="false"/>
+ <div v-if="documentsInfoList.length === 0" style="color: #a9afbc">鏀寔涓婁紶PDF鏍煎紡鏂囦欢</div>
+ </div>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+</template>
+
+<script>
+
+export default {
+ props: {
+ disabled: {
+ required: true,
+ type: Boolean,
+ default: false
+ }
+ },
+ data() {
+ return {
+ fileIdList: [],
+ documentsInfoList: [],
+ accept: ['pdf', 'docx', 'xlsx', 'jpg','jpeg'],
+ };
+ },
+ watch: {
+ // 鐩戝惉 documentsInfoList 鐨勫彉鍖栵紝骞舵洿鏂� fileIdList
+ documentsInfoList(newVal) {
+ this.fileIdList = newVal.map(item => item.fileId);
+ }
+ },
+ methods: {
+ handleRemove(file) {
+ if (file) {
+ this.fileIdList = this.documentsInfoList.map(item => item.fileId);
+ localStorage.setItem('fileIdList', JSON.stringify(file));
+ }
+ },
+ handleAdd(file) {
+ if (file && file.length > 0) {
+ localStorage.setItem('fileIdList', JSON.stringify(file));
+ }
+ }
+ },
+
+ mounted() {
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+.item {
+ width: 100%;
+}
+
+.documents-info-items {
+ display: inline-block;
+ width: 100%;
+ height: 130px;
+ border: 1px solid #dbdeea;
+ background-color: #f3f7fc;
+
+ .upload-files-items {
+ margin-top: 10px;
+ margin-left: 50px;
+ }
+}
+
+.input-row {
+ display: flex;
+ width: 100%;
+
+ .input-item {
+ width: 100%;
+ }
+}
+
+</style>
diff --git a/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue b/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue
new file mode 100644
index 0000000..7b22b12
--- /dev/null
+++ b/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue
@@ -0,0 +1,294 @@
+<template>
+ <div class="basic-info">
+ <el-form ref="demoFormRef" :disabled="disabled" :model="investment" class="dialog_form">
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="寤鸿鍦扮偣鏄惁璺ㄥ煙" label-width="120px" prop="fundsType" style="width: 100%">
+ <el-select
+ v-model="investment.beCrossRegion"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_cross_domain" :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="120px" prop="investmentType" style="width: 100%">
+ <el-select
+ v-model="investment.constructionLocation"
+ 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="120px" prop="fundsType" style="width: 100%">
+ <el-input v-model.trim="investment.detailedAddress" 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="120px" prop="projectType" style="width: 100%">
+ <el-select
+ v-model="investment.beCompensationProject"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_whether_project" :key="item.value" :label="item.label"
+ :value="item.value"/>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="琛ョ爜鍘熷洜" label-width="120px" prop="projectstatus" style="width: 100%">
+ <el-input v-model.trim="investment.compensationReason" 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="120px" prop="plannedStartDate" style="width: 100%">
+ <!-- <el-date-picker v-model="plannedStartDate" placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" @change="chaneStartWork" />-->
+ <el-input v-model.trim="plannedStartDate" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鎷熷缓鎴愭椂闂�" label-width="120px" prop="expectedCompletionDate" style="width: 100%">
+ <!-- <el-date-picker v-model="expectedCompletionDate" placeholder="閫夋嫨鏃堕棿" style="width: 100%" type="date" @change="chaneCompleted" />-->
+ <el-input v-model.trim="expectedCompletionDate" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鍥介檯琛屼笟鍒嗙被" label-width="120px" prop="engineering" style="width: 100%">
+ <el-select
+ v-model="investment.nationalIndustryClassification"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_whether_project" :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="120px" prop="department" style="width: 100%">
+ <el-input v-model.trim="investment.industryClassification" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰寤烘垚鎬ц川" label-width="120px" prop="design" style="width: 100%">
+ <el-select
+ v-model="investment.projectNature"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_industry_belong" :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="120px" prop="putUnder" style="width: 100%">
+ <el-select
+ v-model="investment.projectAttribute"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_project_attributes" :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="18">
+ <el-form-item label="鏄惁浣跨敤鍦熷湴" label-width="120px" prop="approvalType" style="width: 100%">
+ <el-select
+ v-model="investment.useEarth"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_whether_project" :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="18">
+ <el-form-item class="item" label="涓昏寤鸿鍐呭鍙婅妯�" label-width="120px" prop="content">
+ <el-input v-model.trim="investment.contentScale" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" type="textarea" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item class="item" label="寤虹骞冲彴浠ｇ爜" label-width="120px" prop="content">
+ <el-input v-model.trim="investment.code" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" type="textarea" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+</template>
+
+<script>
+import { formatDate } from '@/utils';
+
+export default {
+ dicts: ['sys_cross_domain','sys_administrative_divisions','sys_whether_project','sys_industry_belong','sys_project_attributes'],
+ name: 'InvestmentForm',
+ props: {
+ disabled: {
+ type: Boolean,
+ default: false,
+ required: true
+ }
+ },
+ data() {
+ return {
+ investment: {
+ beCrossRegion: '',
+ constructionLocation: '',
+ detailedAddress: '',
+ beCompensationProject: '',
+ compensationReason: '',
+ plannedStartDate: '',
+ expectedCompletionDate: '',
+ nationalIndustryClassification: '',
+ industryClassification: '',
+ projectNature: '',
+ projectAttribute: '',
+ useEarth: '',
+ contentScale: '',
+ code: '',
+ projectId: ''
+ },
+ projectForm: {
+ projectName: '',
+ projectCode: '',
+ projectType: '',
+ projectStatus: '1',
+ fundType: '',
+ investType: '',
+ importanceType: '',
+ projectPhase: '鍌ㄥ瑙勫垝闃舵',
+ tag: '',
+ competentDepartment: '',
+ projectLocation: '',
+ longitude: '',
+ latitude: '',
+ managementCentralization: '',
+ projectApplicationPhase: '',
+ projectApprovalType: '',
+ investmentCatalogue: '',
+ approvalPlan: '',
+ isSetProject: '',
+ setTime: '',
+ assignmentStatus: '',
+ area: '',
+ winTime: '',
+ winUnit: '',
+ winAmount: '',
+ address: '',
+ engineeringIdList: [],
+ content: '',
+ contact: '',
+ projectOwnerUnit: '',
+ planStartTime: '',
+ planCompleteTime: '',
+ projectContactPerson: '',
+ fileIdList: [],
+ sysOssVos: [],
+ engineeringInfos: [],
+ year: '',
+ yearInvestAmount: '',
+ competentDepartmentList: [],
+ managementCentralizationList: []
+ },
+ plannedStartDate: '',
+ expectedCompletionDate: '',
+ sys_cross_domain: [],
+ sys_industry_classification: [],
+ sys_industry_belong: [],
+ sys_project_attributes: [],
+ sys_whether_project: [],
+ sys_administrative_divisions: []
+ };
+ },
+ mounted() {
+ this.updateFormData();
+ },
+ methods: {
+ chaneCompleted(val) {
+ if (!val) return;
+ this.investment.expectedCompletionDate = formatDate(val);
+ },
+ chaneStartWork(val) {
+ if (!val) return;
+ this.investment.plannedStartDate = formatDate(val);
+ },
+ updateFormData() {
+ if(this.projectForm) {
+ this.plannedStartDate = this.projectForm.planStartTime.slice(0, 10);
+ this.expectedCompletionDate = this.projectForm.planCompleteTime.slice(0, 10);
+ this.investment.constructionLocation = this.projectForm.area;
+ this.investment.detailedAddress = this.projectForm.address;
+ }
+ }
+ },
+ watch: {
+ projectForm: {
+ deep: true,
+ handler() {
+ this.updateFormData();
+ }
+ }
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+.item {
+ width: 100%;
+}
+
+.input-row {
+ display: flex;
+ width: 100%;
+
+ .input-item {
+ width: 100%;
+ }
+}
+
+.map-btn {
+ width: 32px;
+ height: 32px;
+ background: #c6d6ff;
+ border: 1px solid #3369ff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+
+ img {
+ width: 20px;
+ }
+}
+</style>
diff --git a/src/views/projectEngineering/projectLibrary/component/PolicyInfo.vue b/src/views/projectEngineering/projectLibrary/component/PolicyInfo.vue
new file mode 100644
index 0000000..33598ab
--- /dev/null
+++ b/src/views/projectEngineering/projectLibrary/component/PolicyInfo.vue
@@ -0,0 +1,259 @@
+<template>
+ <div class="policy-info">
+ <el-form
+ ref="demoFormRef"
+ :disabled="disabled"
+ :model="investmentProjectPolicyComplianceDTO"
+ :rules="rules"
+ >
+ <el-row :gutter="0">
+ <el-col :span="20">
+ <el-form-item label="绗﹀悎琛屼笟鏀跨瓥:" label-width="180px" prop="industryPolicy" style="width: 100%">
+ <div style="display: flex">
+ <file-upload v-model="fileList"
+ :fileType="accept"
+ :isShowTip="false"/>
+ <div v-if="fileList.length === 0" style="color: #a9afbc; margin-left: 10px">
+ 鏀寔涓嬭浇PDF鏍煎紡鏂囦欢
+ </div>
+ </div>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="20">
+ <el-form-item class="custom-form-item" label=" " label-position="right" label-width="180px" style="width: 100%; margin-top: -20px">
+ <div class="input-row policy-items">
+ <el-radio-group v-model="investmentProjectPolicyComplianceDTO.belongsToIndustryAdjustmentDirectory" class="radio-item">
+ <el-radio size="large" style="margin-bottom: 25px" :label="true">灞炰簬銆婁骇涓氱粨鏋勮皟鏁存寚瀵肩洰褰曘�嬩笅鐨勯」鐩� </el-radio>
+ <el-radio size="large" :label="false">灞炰簬鏈垪鍏ャ�婁骇涓氱粨鏋勮皟鏁存寚瀵肩洰褰曘�嬬殑鍏佽绫婚」鐩�</el-radio>
+ </el-radio-group>
+ </div>
+ </el-form-item>
+ </el-col>
+
+ <el-col :span="20">
+ <el-form-item class="custom-form-item" label=" " label-width="180px" style="width: 100%; margin-top: -20px; height: 50px">
+ <div class="input-row policy-items">
+ <el-checkbox
+ v-model="investmentProjectPolicyComplianceDTO.belongsToWesternEncouragedDirectory"
+ label="灞炰簬銆婅タ閮ㄥ湴鍖洪紦鍔辩被浜т笟鐩綍銆嬬殑椤圭洰"
+ size="large"
+ style="margin-right: 70px"
+ />
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="20">
+ <el-form-item class="custom-form-item" label=" " label-width="180px" style="width: 100%; margin-top: -20px; height: 30px">
+ <div class="input-row policy-items" style="height: 52px">
+ <el-checkbox
+ v-model="investmentProjectPolicyComplianceDTO.notBannedOrControlledProject"
+ disabled
+ label="涓嶅睘浜庝骇涓氭斂绛栫姝㈡姇璧勫缓璁炬垨瀹炶鏍稿噯銆佸鎵圭鐞嗙殑椤圭洰"
+ size="large"
+ style="margin-right: 70px"
+ :value="true"
+ />
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="20">
+ <el-form-item class="custom-form-item" label="濉姤淇℃伅鐪熷疄" label-width="180px" style="width: 100%; margin-top: 20px">
+ <div class="policy-items">
+ <div style="color: #a9afbc">澶囨鑰呮壙璇�:</div>
+ <el-checkbox
+ v-model="investmentProjectPolicyComplianceDTO.informationIsTrue"
+ disabled
+ label="鎵�鎻愪緵鐨勫妗堜俊鎭槸鐪熷疄銆佸噯纭�佸畬鏁村拰鏈夋晥鐨�,鏃犻殣鐬掋�佽櫄鍋囧拰閲嶅ぇ閫犳紡涔嬪锛屽澶囨椤圭洰淇℃伅鐨勭湡瀹炴�ц礋璐�"
+ size="large"
+ style="margin-right: 70px"
+ :value="true"
+ />
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="20">
+ <el-form-item label="涓撻」瑙勫垝绗﹀悎鎯呭喌:" label-width="180px" prop="specialPlanningCompliance" style="width: 100%">
+ <div class="input-row">
+ <el-input
+ v-model.trim="investmentProjectPolicyComplianceDTO.specialPlanningCompliance"
+ class="input-item"
+ maxlength="200"
+ placeholder="璇疯緭鍏�"
+ type="textarea"
+ ></el-input>
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="20">
+ <el-form-item label="椤圭洰鑳借�楁儏鍐�:" label-width="180px" prop="projectEnergyConsumption" style="width: 100%">
+ <div class="policy-items" style="height: 320px">
+ <div style="line-height: 20px;color: #a9afbc">
+ 骞寸患鍚堣兘婧愭秷璐归噺涓嶆弧1000鍚ㄦ爣鍑嗙叅锛屼笖骞寸數鍔涙秷鑰楅噺涓嶆弧500涓囧崈鐡︽椂鐨勫浘瀹氳祫浜ф姇璧勯」鐩�佷互鍙婄敤鑳藉伐鑹虹畝鍗曘�佽妭鑳芥綔鍔涘皬鐨勮涓�(鎸夌収鍥藉鍙戞敼瑕佹寚瀹氬苟鍏竷鐨勫叿浣撹涓氱洰褰�)鐨勫洜瀹氳祫浜ф姇璧勯」鐩簲鎸夌収鐩稿叧鑺傝兘鏍囧噯銆佽鑼冨缓璁撅紝涓嶅啀鍗曠嫭杩涜鑺傝兘瀹℃煡銆�
+ </div>
+ <div style="display: flex;width: 100%;">
+ <el-radio-group v-model="investmentProjectPolicyComplianceDTO.energyCheck" style="display: flex;flex-direction: column;margin-top: 10px">
+ <el-radio size="large" style="margin-bottom: 20px" :label="true"> 闇�杩涜鑺傝兘瀹℃煡鐨勯」鐩紝涓嶅湪濉姤銆婇」鐩兘婧愭秷璐规儏鍐佃〃銆� </el-radio>
+ <el-radio size="large" style="margin-bottom: 10px" :label="false"> 涓嶅崟鐙繘琛岃妭鑳藉鏌ョ殑椤圭洰锛岄渶濉姤銆婇」鐩兘婧愭秷璐规儏鍐佃〃銆� </el-radio>
+ </el-radio-group>
+ </div>
+ <div style="display: flex;gap: 2px">
+ <div style="width: 160px">1.椤圭洰骞寸患鍚堣兘婧愭秷璐归噺:</div>
+ <el-input
+ style="width: 300px"
+ v-model.trim="investmentProjectPolicyComplianceDTO.annualEnergyConsumption"
+ maxlength="255"
+ placeholder="璇疯緭鍏�"
+ ></el-input>
+ (鏍囧噯鐓ゅ綋閲忓��)
+ </div>
+ <div style="display: flex;gap: 2px;margin-top: 10px">
+ <div style="width: 160px">2.椤圭洰骞寸數鍔涙秷鑰楅噺:</div>
+ <el-input
+ style="width: 300px"
+ v-model.trim="investmentProjectPolicyComplianceDTO.annualElectricityConsumption"
+ maxlength="255"
+ placeholder="璇疯緭鍏�"
+ ></el-input>
+ (鏍囧噯鐓ゅ綋閲忓��)
+ </div>
+ <div style="line-height: 20px;color: #a9afbc;margin-top: 5px">涓嶅啀鍗曠嫭杩涜鑺傝兘瀹℃煡鐨勭被鍨嬪涓�:</div>
+ <div class="input-row">
+ <el-radio-group v-model="investmentProjectPolicyComplianceDTO.noOnlyCheckType" class="radio-item">
+ <el-radio size="large" :label="1">
+ 骞寸患鍚堣兘婧愭秷璐归噺涓嶆弧1000鍚ㄦ爣鍑嗙叅涓斿勾鐢靛姏娑堣垂閲忎笉婊�500涓囧崈鐡︽椂鐨勫浐瀹氳祫浜ф姇璧勯」鐩�
+ </el-radio>
+ <el-radio size="large" style="margin-top: 20px" :label="2">
+ 鐢ㄨ兘宸ヨ壓绠�鍗曪紝鑺傝兘娼滃姏灏忕殑琛屼笟锛堝叿浣撹涓氱洰褰曠敱鍥藉鍙戝睍鏀归潻濮斿埗瀹氬叕甯冨苟閫傛椂鏇存柊锛夌殑鍥哄畾璧勪骇鎶曡祫椤圭洰
+ </el-radio>
+ </el-radio-group>
+ </div>
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="20">
+ <el-form-item label="澶囨敞:" label-width="180px" prop="remark" style="width: 100%">
+ <div class="input-row">
+ <el-input
+ v-model.trim="investmentProjectPolicyComplianceDTO.remark"
+ class="item"
+ clearable
+ maxlength="255"
+ placeholder="璇疯緭鍏�"
+ type="textarea"
+ />
+ </div>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+</template>
+
+<script>
+
+export default {
+ name: 'PolicyComplianceForm',
+ props: {
+ disabled: {
+ type: Boolean,
+ default: false,
+ required: true
+ }
+ },
+ data() {
+ return {
+ investmentProjectPolicyComplianceDTO: {
+ fileIdList: [],
+ belongsToIndustryAdjustmentDirectory: null,
+ belongsToWesternEncouragedDirectory: false,
+ notBannedOrControlledProject: true,
+ informationIsTrue: true,
+ specialPlanningCompliance: '',
+ energyCheck: null,
+ annualEnergyConsumption: '',
+ annualElectricityConsumption: '',
+ noOnlyCheckType: null,
+ remark: ''
+ },
+ fileList: [],
+ accept: ['pdf'],
+ rules: {
+ industrialPolicyProhibition: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }],
+ reportedInformation: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }]
+ }
+ };
+ },
+ watch: {
+ fileList: {
+ deep: true,
+ handler(newFileList) {
+ if (newFileList) {
+ this.investmentProjectPolicyComplianceDTO.fileIdList = newFileList.map(item => item.fileId);
+ }
+ }
+ }
+ },
+ methods: {
+ handleRemove(file) {
+ if (file) {
+ this.investmentProjectPolicyComplianceDTO.fileIdList = this.fileList.map(item => item.fileId);
+ localStorage.setItem('fileList', JSON.stringify(file));
+ }
+ },
+ handleAdd(file) {
+ if (file) {
+ localStorage.setItem('fileList', JSON.stringify(file));
+ }
+ }
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+/* Styles remain the same as in the original component */
+.item {
+ width: 100%;
+}
+
+.policy-info-items {
+ width: 100%;
+ height: 100px;
+ border: 1px solid #dbdeea;
+ background-color: #f3f7fc;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.policy-items {
+ width: 100%;
+ height: 100px;
+ padding-left: 10px;
+ border: 1px solid #dbdeea;
+ background-color: #fff;
+}
+
+.radio-item {
+ margin-top: 15px;
+ display: flex;
+ flex-direction: column;
+}
+
+.input-row {
+ display: flex;
+ width: 100%;
+
+ .input-item {
+ width: 100%;
+ }
+}
+
+.custom-form-item {
+ ::v-deep .el-form-item__label {
+ line-height: 16px;
+ text-align: right;
+ }
+}
+</style>
diff --git a/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue b/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue
new file mode 100644
index 0000000..c0ae3d7
--- /dev/null
+++ b/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue
@@ -0,0 +1,252 @@
+<template>
+ <div class="basic-info">
+ <el-form ref="demoFormRef" :disabled="disabled" :model="investmentFunds" class="dialog_form">
+ <!-- 淇濇寔鍘熸湁妯℃澘鍐呭涓嶅彉 -->
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鎬绘姇璧勯" label-width="130px" prop="fundsType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.totalInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鏈噾" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.principal" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="涓�銆佹斂搴滄姇璧�" label-width="130px" prop="projectType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.governmentInvestmentTotal" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="锛堜竴锛変腑澶姇璧�" label-width="130px" prop="projectType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.centralInvestmentTotal" 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="1.涓ぎ棰勭畻鎶曡祫" label-width="130px" prop="fundsType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.centralBudgetInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="2.涓ぎ璐㈡斂" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.centralFiscalInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item class="items" label="3.涓ぎ涓撻」鍊哄埜绛归泦鐨勪笓椤瑰缓璁捐祫閲�" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.centralSpecialBondInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="4.涓ぎ涓撻」寤鸿鍩洪噾" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.centralSpecialFundInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="锛堜簩锛夌渷绾ф姇璧�" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.provincialInvestmentTotal" 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="1.鐪侀绠楀唴鎶曡祫" label-width="130px" prop="fundsType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.provincialBudgetInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="2.鐪佽储鏀挎�у缓璁炬姇璧�" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.provincialFiscalInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="3.鐪佷笓椤瑰缓璁捐祫閲�" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.provincialSpecialFundInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="锛堜笁锛夊競(宸�)鎶曡祫" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.cityInvestmentTotal" 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="1.甯�(宸�)棰勭畻鍐呮姇璧�" label-width="130px" prop="fundsType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.cityBudgetInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="2.甯�(宸�)璐㈡斂鎬ф姇璧�" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.cityFiscalInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="3.甯�(宸�)涓撻」璧勯噾" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.citySpecialFundInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="锛堝洓锛夊幙(甯傘�佸尯)鎶曡祫" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.countyInvestmentTotal" 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="1.鍖�(鍘�)棰勭畻鍐呮姇璧�" label-width="130px" prop="fundsType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.countyBudgetInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item class="items" label="2.鍖猴紙鍘匡級璐㈡斂鎬у缓璁捐祫閲�" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.countyFiscalInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="3.鍖�(鍘�)涓撻」璧勯噾" label-width="130px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.countySpecialFundInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="浜屻�佸浗鍐呰捶娆�" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.domesticLoanTotal" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="閾惰璐锋" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.bankLoan" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="涓夈�佸鍟嗘姇璧�" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.foreignInvestmentTotal" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="鍥涖�佷紒涓氳嚜绛�" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.enterpriseSelfRaisedTotal" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="20">
+ <el-col :span="18">
+ <el-form-item label="浜斻�佸叾浠栨姇璧�" label-width="130px" prop="engineering" style="width: 100%">
+ <el-input v-model.trim="investmentFunds.otherInvestmentTotal" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'InvestmentFundsForm',
+ props: {
+ disabled: {
+ type: Boolean,
+ default: false,
+ required: true
+ }
+ },
+ data() {
+ return {
+ investmentFunds: {
+ totalInvestment: '',
+ principal: '',
+ governmentInvestmentTotal: '',
+ centralInvestmentTotal: '',
+ centralBudgetInvestment: '',
+ centralFiscalInvestment: '',
+ centralSpecialBondInvestment: '',
+ centralSpecialFundInvestment: '',
+ provincialInvestmentTotal: '',
+ provincialBudgetInvestment: '',
+ provincialFiscalInvestment: '',
+ provincialSpecialFundInvestment: '',
+ cityInvestmentTotal: '',
+ cityBudgetInvestment: '',
+ cityFiscalInvestment: '',
+ citySpecialFundInvestment: '',
+ countyInvestmentTotal: '',
+ countyBudgetInvestment: '',
+ countyFiscalInvestment: '',
+ countySpecialFundInvestment: '',
+ domesticLoanTotal: '',
+ bankLoan: '',
+ foreignInvestmentTotal: '',
+ enterpriseSelfRaisedTotal: '',
+ otherInvestmentTotal: ''
+ }
+ };
+ },
+ methods: {
+
+ },
+ created() {
+
+ },
+
+}
+</script>
+
+<style lang="scss" scoped>
+.item {
+ width: 100%;
+}
+
+.input-row {
+ display: flex;
+ width: 100%;
+
+ .input-item {
+ width: 100%;
+ }
+}
+
+.map-btn {
+ width: 32px;
+ height: 32px;
+ background: #c6d6ff;
+ border: 1px solid #3369ff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+
+ img {
+ width: 20px;
+ }
+}
+
+.items {
+ ::v-deep .el-form-item__label {
+ line-height: 16px;
+ text-align: right;
+ }
+}
+</style>
diff --git a/src/views/projectEngineering/projectLibrary/component/legalPerson.vue b/src/views/projectEngineering/projectLibrary/component/legalPerson.vue
new file mode 100644
index 0000000..d50cc21
--- /dev/null
+++ b/src/views/projectEngineering/projectLibrary/component/legalPerson.vue
@@ -0,0 +1,224 @@
+<template>
+ <div class="basic-info">
+ <el-form ref="demoFormRef" :disabled="disabled" :model="legalPerson" class="dialog_form">
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鎬绘姇棰�" label-width="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model="legalPerson.totalInvestment" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鍗曚綅" label-width="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model="legalPerson.projectUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="椤圭洰鍗曚綅绫诲瀷" label-width="120px" prop="projectType" style="width: 100%">
+ <el-select
+ v-model="legalPerson.projectUnitType"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_unit_type" :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="120px" prop="projectType" style="width: 100%">
+ <el-select
+ v-model="legalPerson.registrationType"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_registration_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="120px" prop="projectType" style="width: 100%">
+ <el-select
+ v-model="legalPerson.holdingSituation"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_holding_situation" :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="120px" prop="projectstatus" style="width: 100%">
+ <el-select
+ v-model="legalPerson.certificateType"
+ clearable
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option v-for="item in dict.type.sys_license_type" :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="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.certificateNumber" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="娉ㄥ唽鍦板潃" label-width="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.registeredAddress" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="娉ㄥ唽璧勯噾" label-width="120px" prop="projectType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.registeredCapital" 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="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.legal_representative" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鍥哄畾鐢佃瘽" label-width="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.fixedPhone" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="娉曚汉韬唤璇佸彿" label-width="120px" prop="projectType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.legalPersonIdcard" 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="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.projectContactPerson" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="绉诲姩鐢佃瘽" label-width="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.phone" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鑱旂郴浜鸿韩浠借瘉鍙�" label-width="120px" prop="projectType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.contactIdcard" 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="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.wechat" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鑱旂郴浜洪�氳鍦板潃" label-width="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.contactAddress" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="閭斂缂栫爜" label-width="120px" prop="projectType" style="width: 100%">
+ <el-input v-model.trim="legalPerson.postCode" 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="120px" prop="investmentType" style="width: 100%">
+ <el-input v-model="legalPerson.email" class="item" clearable disabled maxlength="255" placeholder="璇疯緭鍏�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ </div>
+</template>
+
+<script>
+
+export default {
+ dicts: ['sys_unit_type','sys_registration_type','sys_holding_situation','sys_license_type'],
+ name: 'LegalPersonForm',
+ props: {
+ disabled: {
+ type: Boolean,
+ default: false,
+ required: true
+ }
+ },
+ data() {
+ return {
+ legalPerson: {
+ totalInvestment: '',
+ projectUnit: '',
+ projectUnitType: '',
+ registrationType: '',
+ holdingSituation: '',
+ certificateType: '',
+ certificateNumber: '',
+ registeredAddress: '',
+ registeredCapital: '',
+ projectId: '',
+ legal_representative: '',
+ fixedPhone: '',
+ legalPersonIdcard: '',
+ projectContactPerson: '',
+ phone: '',
+ contactIdcard: '',
+ wechat: '',
+ contactAddress: '',
+ postCode: '',
+ email: ''
+ },
+ }
+ },
+ created() {
+
+ },
+ methods: {
+
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.item {
+ width: 100%;
+}
+
+.input-row {
+ display: flex;
+ width: 100%;
+
+ .input-item {
+ width: 100%;
+ }
+}
+
+.map-btn {
+ width: 32px;
+ height: 32px;
+ background: #c6d6ff;
+ border: 1px solid #3369ff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+
+ img {
+ width: 20px;
+ }
+}
+</style>
diff --git a/src/views/projectEngineering/projectLibrary/projectDetails.vue b/src/views/projectEngineering/projectLibrary/projectDetails.vue
index 0cd0d7e..39a6a44 100644
--- a/src/views/projectEngineering/projectLibrary/projectDetails.vue
+++ b/src/views/projectEngineering/projectLibrary/projectDetails.vue
@@ -1,6 +1,6 @@
<template>
<el-card class="card-container">
- <div class="flex justify-between mb-4">
+ <div class="flex-container mb-4">
<el-tabs v-model="currentTab" @tab-click="handleClick">
<el-tab-pane
v-for="item in TABS_DATA"
@@ -8,28 +8,33 @@
:label="item.label"
:name="item.value"
>
- <template slot="label">
- <div class="text-sm">{{ item.label }}</div>
+ <template slot-scope="item">
+ <div class="tab-label">{{ item.label }}</div>
</template>
</el-tab-pane>
</el-tabs>
</div>
- <component :is="componentName" ref="childRef" :disabled="disabled" class="w-full h-[calc(100%-55px)]" />
- <div v-if="!disabled" class="mt-[3%] ml-[3%] flex">
- <el-button class="w-[72px]" type="primary" @click="submit">淇濆瓨</el-button>
- <el-button class="w-[72px]" @click="reset">閲嶇疆</el-button>
- <!-- <el-button v-else class="w-[72px]" @click="cancel">鍙栨秷</el-button> -->
+ <component
+ :is="componentName"
+ ref="childRef"
+ :disabled="disabled"
+ class="full-width custom-height"
+ />
+ <div v-if="!disabled" class="button-container">
+ <el-button class="save-button" type="primary" @click="submit">淇濆瓨</el-button>
+ <el-button class="reset-button" @click="reset">閲嶇疆</el-button>
+ <!-- <el-button v-else class="cancel-button" @click="cancel">鍙栨秷</el-button> -->
</div>
</el-card>
</template>
<script>
import BasicInfo from '@/views/projectEngineering/projectLibrary/component/BasicInfo';
-// import InvestInfo from '@/components/InvestInfo.vue';
-// import InvestmentFunds from '@/components/investmentFunds.vue';
-// import LegalPerson from '@/components/legalPerson.vue';
-// import PolicyInfo from '@/components/PolicyInfo.vue';
-// import DocumentsInfo from '@/components/DocumentsInfo.vue';
+import InvestInfo from '@/views/projectEngineering/projectLibrary/component/InvestInfo';
+import InvestmentFunds from '@/views/projectEngineering/projectLibrary/component/investmentFunds';
+import LegalPerson from '@/views/projectEngineering/projectLibrary/component/legalPerson';
+import PolicyInfo from '@/views/projectEngineering/projectLibrary/component/PolicyInfo';
+import DocumentsInfo from '@/views/projectEngineering/projectLibrary/component/DocumentsInfo';
import { addProject, getProject, updateProject, getProjectCode } from '@/api/projectInfo';
export default {
@@ -38,7 +43,7 @@
currentTab: '椤圭洰绠＄悊鍩虹淇℃伅',
id: this.$route.query.id || '',
disabled: false,
- componentName: 'BasicInfo',
+ componentName: BasicInfo,
TABS_DATA: [
{
label: '椤圭洰绠＄悊鍩虹淇℃伅',
@@ -48,32 +53,30 @@
{
label: '鎶曡祫绠＄悊鍩虹淇℃伅',
value: '浠诲姟涓嬪彂',
- componentName: 'InvestInfo'
+ componentName: InvestInfo
},
{
label: ' 椤圭洰鎶曡祫鍙婅祫閲戞潵婧�',
value: '椤圭洰鎶曡祫鍙婅祫閲戞潵婧�',
- componentName: 'InvestmentFunds'
+ componentName: InvestmentFunds
},
{
label: '椤圭洰(娉曚汉)鍗曚綅鐧昏淇℃伅',
value: '椤圭洰(娉曚汉)鍗曚綅鐧昏淇℃伅',
- componentName: 'LegalPerson'
+ componentName: LegalPerson
},
{
label: '鎶曡祫椤圭洰浜т笟鏀跨瓥绗﹀悎鎯呭喌',
value: '鎶曡祫椤圭洰浜т笟鏀跨瓥绗﹀悎鎯呭喌',
- componentName: 'PolicyInfo'
+ componentName: PolicyInfo
},
{
label: '鐩稿叧鏂囦功',
value: '鐩稿叧鏂囦功',
- componentName: 'DocumentsInfo'
+ componentName: DocumentsInfo
}
],
childRef: null,
- // 鍋囪杩欎簺鐘舵�佹槸浠� Vuex 涓幏鍙栫殑锛屾垨鑰呬綘鍙互鐩存帴鍦� data 涓畾涔夊畠浠�
- // projectForm, investment, investmentFunds, legalPerson, resetPlanLibrary, investmentProjectPolicyComplianceDTO, fileIdList, documentsInfoList, projectList, fileList
};
},
methods: {
@@ -165,7 +168,6 @@
this.getProjectInfo(this.id);
} else {
this.getProjectCodeApi();
- // 鍋囪 resetPlanLibrary 鏄竴涓柟娉曪紝鐢ㄤ簬閲嶇疆鐘舵��
this.resetPlanLibrary();
this.fileList = [];
this.fileIdList = [];
@@ -184,8 +186,6 @@
}
});
},
- // 鍋囪 resetPlanLibrary 鏄粠鏌愪釜鍦版柟寮曞叆鎴栧畾涔夌殑锛屼綘闇�瑕佺‘淇濆畠鍦ㄤ綘鐨勭粍浠朵腑鍙敤
- // resetPlanLibrary() { ... }
},
created() {
// 鍦ㄧ粍浠跺垱寤烘椂鑾峰彇椤圭洰淇℃伅锛屽鏋� id 瀛樺湪
@@ -193,8 +193,6 @@
this.getProjectInfo(this.id);
} else {
this.getProjectCodeApi();
- // 鍒濆鍖栨垨閲嶇疆鐘舵��
- // this.resetPlanLibrary();
}
},
@@ -202,5 +200,36 @@
</script>
<style scoped>
-/* 浣犵殑鏍峰紡 */
+
+::v-deep .el-tabs__nav-wrap::after {
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+.flex-container {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 16px;
+}
+
+.tab-label {
+ font-size: 14px;
+}
+
+.full-width {
+ width: 100%;
+}
+
+.custom-height {
+ height: calc(100% - 55px);
+}
+
+.button-container {
+ margin-top: 3%;
+ margin-left: 3%;
+ display: flex;
+}
+
+.save-button,
+.reset-button {
+ width: 72px;
+}
</style>
diff --git a/src/views/projectProcess/components/RunProcess.vue b/src/views/projectProcess/components/RunProcess.vue
index 6bfaa28..27e9699 100644
--- a/src/views/projectProcess/components/RunProcess.vue
+++ b/src/views/projectProcess/components/RunProcess.vue
@@ -4,6 +4,7 @@
title="娴佺▼鍚姩"
:visible.sync="show"
width="750px"
+ :close-on-click-modal="false"
:before-close="handleClose">
<div>
<div style="display: flex; flex-direction: row; justify-content: center; align-items: center;font-size: 24px">
--
Gitblit v1.8.0