suzhou-jichuang-lanhai
/
Gyyq-Upstairs
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

基本信息的初步联调

Browse Source
main
严飞永 1 month ago
parent 204444e01d
commit 4131b82cf3
5 changed files with 269 additions and 171 deletions
Show Stats Download Patch File Download Diff File

25
src/api/ManageApi/index.js
Unescape View File

@ -0,0 +1,25 @@
import request from '@/utils/request';
// 企业--基本信息==展示
export function getBasicInformationById(id) {
return request({
url: `/gysl/basicInformation/${id}`,
method: 'get'
});
}
// 企业--基本信息==修改
export function updateBasicInformation(data) {
return request({
url: `/gysl/basicInformation/edit`,
method: 'post',
})
}
// 通过主键查询单条基本信息（企业规划信息）
export function getProgrammeInformationById(id) {
return request({
url: `/gysl/planInformation/{id}`,
method: 'get'
});
}

294
src/views/components/ProjectDetails/Basic.vue
Unescape View File

@ -7,11 +7,11 @@
<span>基本信息</span> <span>基本信息</span>
</div> </div>
<div class="topright"> <div class="topright">
<el-button type="primary" size="mini" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;"> <el-button type="primary" size="mini" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="edit">
<img src="../../../assets/images/detailsicon/icon-bj@2x.png" alt="编辑" style="width: 0.6rem; height: 0.6rem; margin-right: 4px;"> <img src="../../../assets/images/detailsicon/icon-bj@2x.png" alt="编辑" style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
编辑 编辑
</el-button> </el-button>
<el-button type="primary" size="mini" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;"> <el-button type="primary" size="mini" plain style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;" @click="exportData">
<img src="../../../assets/images/detailsicon/icon-dc@2x.png" alt="编辑" style="width: 0.6rem; height: 0.6rem; margin-right: 4px;"> <img src="../../../assets/images/detailsicon/icon-dc@2x.png" alt="编辑" style="width: 0.6rem; height: 0.6rem; margin-right: 4px;">
导出 导出
</el-button> </el-button>
@ -22,145 +22,187 @@
<div class="picturediv"></div> <div class="picturediv"></div>
<div class="descriptionsdiv"> <div class="descriptionsdiv">
<el-descriptions class="margin-top" :column="3" border> <el-descriptions class="margin-top" :column="3" border>
<el-descriptions-item> <el-descriptions-item
v-for="(item, index) in descriptions"
:key="index"
:span="item.label === '项目法人单位简介' ? 3 : 1">
<template slot="label"> <template slot="label">
项目名称 {{ item.label }}
</template> </template>
THi SIP高端装备工业港 {{ item.value }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
项目法人单位
</template>
泰凌医药（中国)有限公司
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
项目法人单位性质
</template>
项目法人单位性质
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
施工单位
</template>
kooriookami
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
设计单位
</template>
18100000000
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
总投资额（万元）
</template>
苏州市
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
所属功能区
</template>
kooriookami
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
建设起止时间
</template>
18100000000
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
现状分类
</template>
苏州市
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
建设地点
</template>
kooriookami
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
重点发展产业
</template>
18100000000
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
建设模式
</template>
苏州市
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
项目标签
</template>
kooriookami
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
项目负责人
</template>
18100000000
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联系方式
</template>
苏州市
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
施工许可证发放时间
</template>
kooriookami
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
竣工验收时间
</template>
18100000000
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
</template>
</el-descriptions-item>
<!-- 最后一行 -->
<el-descriptions-item class="two-row-item" :span="3">
<template slot="label">
项目法人单位简介
</template>
江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
</el-descriptions-item>
<el-descriptions-item class="two-row-item" :span="3">
<template slot="label">
项目简介
</template>
江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
江苏省苏州市吴中区吴中大道 1188 号江苏省苏州市吴中区吴中大道 1188 号
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</div> </div>
</div> </div>
<!-- 添加或编辑项目对话框 -->
<el-dialog :title="title" :visible.sync="dialogVisible" width="500px" append-to-body>
<el-form :model="form" label-width="120px">
<el-form-item label="项目名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="项目法人单位">
<el-input v-model="form.xmfrdwxz"></el-input>
</el-form-item>
<el-form-item label="项目法人单位性质">
<el-input v-model="form.nature"></el-input>
</el-form-item>
<el-form-item label="施工单位">
<el-input v-model="form.sgdw"></el-input>
</el-form-item>
<el-form-item label="设计单位">
<el-input v-model="form.sjdw"></el-input>
</el-form-item>
<el-form-item label="总投资额（万元）">
<el-input v-model="form.ztze"></el-input>
</el-form-item>
<el-form-item label="所属功能区">
<el-input v-model="form.ssgnq"></el-input>
</el-form-item>
<el-form-item label="建设起止时间">
<el-input v-model="form.begainTime"></el-input>
</el-form-item>
<el-form-item label="现状分类">
<el-input v-model="form.xzfl"></el-input>
</el-form-item>
<el-form-item label="建设地点">
<el-input v-model="form.jsdd"></el-input>
</el-form-item>
<el-form-item label="重点发展产业">
<el-input v-model="form.prioritize"></el-input>
</el-form-item>
<el-form-item label="建设模式">
<el-input v-model="form.jsms"></el-input>
</el-form-item>
<el-form-item label="项目标签">
<el-input v-model="form.label"></el-input>
</el-form-item>
<el-form-item label="项目负责人">
<el-input v-model="form.projectLeader"></el-input>
</el-form-item>
<el-form-item label="联系方式">
<el-input v-model="form.phone"></el-input>
</el-form-item>
<el-form-item label="施工许可证发放时间">
<el-input v-model="form.issuingTime"></el-input>
</el-form-item>
<el-form-item label="竣工验收时间">
<el-input v-model="form.acceptanceTime"></el-input>
</el-form-item>
<el-form-item label="项目法人单位简介">
<el-input v-model="form.unitIntroduction" type="textarea"></el-input>
</el-form-item>
<el-form-item label="项目简介">
<el-input v-model="form.introduction" type="textarea"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="saveForm">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { getBasicInformationById, updateBasicInformation } from '@/api/ManageApi/index';
export default { export default {
props: { props: {
size: { size: {
type: String, type: String,
default: 'mini' default: 'mini'
},
id: {
type: Number,
required: true
} }
}, },
data() {
return {
descriptions: [],
dialogVisible: false,
title: '编辑项目',
form: {
name: '',
xmfrdwxz: '',
nature: '',
sgdw: '',
sjdw: '',
ztze: '',
ssgnq: '',
begainTime: '',
xzfl: '',
jsdd: '',
prioritize: '',
jsms: '',
label: '',
projectLeader: '',
phone: '',
issuingTime: '',
acceptanceTime: '',
unitIntroduction: '',
introduction: ''
} }
};
},
created() {
this.fetchData();
},
methods: {
fetchData() {
getBasicInformationById(this.id)
.then(response => {
const data = response.data;
this.descriptions = [
{ label: '项目名称', value: data.name },
{ label: '项目法人单位', value: data.xmfrdwxz },
{ label: '项目法人单位性质', value: data.nature },
{ label: '施工单位', value: data.sgdw },
{ label: '设计单位', value: data.sjdw },
{ label: '总投资额（万元）', value: data.ztze },
{ label: '所属功能区', value: data.ssgnq },
{ label: '建设起止时间', value: data.begainTime },
{ label: '现状分类', value: data.xzfl },
{ label: '建设地点', value: data.jsdd },
{ label: '重点发展产业', value: data.prioritize },
{ label: '建设模式', value: data.jsms },
{ label: '项目标签', value: data.label },
{ label: '项目负责人', value: data.projectLeader },
{ label: '联系方式', value: data.phone },
{ label: '施工许可证发放时间', value: data.issuingTime },
{ label: '竣工验收时间', value: data.acceptanceTime },
{ label: '项目法人单位简介', value: data.unitIntroduction },
{ label: '项目简介', value: data.introduction }
];
// 初始化表单数据
this.form = { ...data };
})
.catch(error => {
console.error('There was an error fetching the data!', error);
});
},
edit() {
this.dialogVisible = true;
},
exportData() {
// 导出逻辑
},
saveForm() {
updateBasicInformation(this.form)
.then(response => {
console.log('Data saved successfully:', response.data);
this.$message.success('数据保存成功！');
this.dialogVisible = false;
// 刷新数据
this.fetchData();
})
.catch(error => {
console.error('There was an error saving the data!', error);
this.$message.error('数据保存失败，请重试！');
});
}
}
};
</script> </script>
<style scoped> <style scoped>
@ -217,12 +259,14 @@
height: 25rem; height: 25rem;
background-color: lightblue; background-color: lightblue;
} }
.descriptionsdiv { .descriptionsdiv {
width: 79rem; width: 79rem;
margin-left: 1rem; margin-left: 1rem;
height: 25.31rem; height: auto;
} }
.two-row-item { .two-row-item {
height: 20rem; height: auto;
} }
</style> </style>

29
src/views/components/ProjectDetails/Models.vue
Unescape View File

@ -22,9 +22,9 @@
<table class="custom-table"> <table class="custom-table">
<tr v-for="(row, index) in tableData" :key="index"> <tr v-for="(row, index) in tableData" :key="index">
<td class="left-column">{{ row.left }}</td> <td class="left-column">{{ row.left }}</td>
<td class="right-columns">{{ row.right1 }}</td> <td class="right-columns"><span class="label-color">{{ row.label1 }}</span> {{ row.right1 }}</td>
<td class="right-columns">{{ row.right2 }}</td> <td class="right-columns"><span class="label-color">{{ row.label2 }}</span> {{ row.right2 }}</td>
<td class="right-columns">{{ row.right3 }}</td> <td class="right-columns"><span class="label-color">{{ row.label3 }}</span> {{ row.right3 }}</td>
</tr> </tr>
</table> </table>
</div> </div>
@ -39,11 +39,11 @@ export default {
data() { data() {
return { return {
tableData: [ tableData: [
{ left: "环保安全", right1: "危化品等级：7.65", right2: "生产火灾危险等级：丙类", right3: "环境保护：无" }, { left: "环保安全", label1: "危险等级：", right1: "7.65", label2: "生产火灾危险等级：", right2: "丙类", label3: "环境保护： ", right3: "无" },
{ left: "设备载重", right1: "设备载重：无", right2: "", right3: "" }, { left: "设备载重", label1: "设备载重：", right1: "无", label2: "", right2: "", label3: "", right3: "" },
{ left: "垂直交通", right1: "货梯要求：原材料质量是否<3吨", right2: "货梯要求：1人/15m³", right3: "" }, { left: "垂直交通", label1: "货梯要求：", right1: "原材料质量是否<3吨", label2: "货梯要求：", right2: "1人/15m³", label3: "", right3: "" },
{ left: "减震措施", right1: "加工精度：纳米级", right2: "减震措施：无", right3: "" }, { left: "减震措施", label1: "加工精度：", right1: "纳米级", label2: "减震措施：", right2: "无", label3: "", right3: "" },
{ left: "工艺需求", right1: "生产类型：无", right2: "层高要求：无", right3: "" }, { left: "工艺需求", label1: "生产类型：", right1: "无", label2: "层高要求：", right2: "无", label3: "", right3: "" },
], ],
props: { props: {
size: { size: {
@ -122,25 +122,30 @@ export default {
.two-row-item { .two-row-item {
height: 20rem; height: 20rem;
} }
.custom-table { .custom-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #ccc; border: 1px solid #E6EAF2;
} }
.custom-table th, .custom-table th,
.custom-table td { .custom-table td {
padding: 8px; padding: 8px;
text-align: left; text-align: left;
border-top: 1px solid #ccc; border-top: 1px solid #E6EAF2;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #E6EAF2;
} }
.left-column { .left-column {
border-right: 1px solid #ccc; border-right: 1px solid #E6EAF2;
background-color: #F4F7FE;
} }
.right-columns { .right-columns {
border-right: none; border-right: none;
} }
.label-color{
color: #808080;
}
</style> </style>

2
src/views/components/ProjectDetails/Programme.vue
Unescape View File

@ -31,7 +31,7 @@
<template slot="label"> <template slot="label">
容积率 容积率
</template> </template>
泰凌医药（中国)有限公司 泰凌医药（中国）有限公司
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item> <el-descriptions-item>
<template slot="label"> <template slot="label">

48
src/views/manage/details/index.vue
Unescape View File

@ -9,29 +9,53 @@
</el-menu> </el-menu>
</div> </div>
<!-- 基本信息 --> <!-- 基本信息 -->
<Basic id="basic"></Basic> <div id="basic">
<Basic :id="1"></Basic>
</div>
<!-- 规划信息 --> <!-- 规划信息 -->
<Programme id="programme"></Programme> <div id="programme">
<Programme :id="1"></Programme>
</div>
<!-- 建筑信息 --> <!-- 建筑信息 -->
<Buildings id="buildings"></Buildings> <div id="buildings">
<Buildings></Buildings>
</div>
<!-- 要素模型信息 --> <!-- 要素模型信息 -->
<Models id="models"></Models> <div id="models">
<Models></Models>
</div>
<!-- 月度进展信息 --> <!-- 月度进展信息 -->
<Months id="months"></Months> <div id="months">
<Months></Months>
</div>
<!-- 企业入驻信息 --> <!-- 企业入驻信息 -->
<Companyenter id="companyenter"></Companyenter> <div id="companyenter">
<Companyenter></Companyenter>
</div>
<!-- 项目画像 --> <!-- 项目画像 -->
<Projectpicture id="projectpicture"></Projectpicture> <div id="projectpicture">
<Projectpicture></Projectpicture>
</div>
<!-- 项目图例 --> <!-- 项目图例 -->
<Projectpicturetwo id="projectpicturetwo"></Projectpicturetwo> <div id="projectpicturetwo">
<Projectpicturetwo></Projectpicturetwo>
</div>
<!-- 项目巡礼 --> <!-- 项目巡礼 -->
<Projectgift id="projectgift"></Projectgift> <div id="projectgift">
<Projectgift></Projectgift>
</div>
<!-- 现场实况 --> <!-- 现场实况 -->
<Liver id="liver"></Liver> <div id="liver">
<Liver></Liver>
</div>
<!-- 项目备忘录 --> <!-- 项目备忘录 -->
<Memo id="memo"></Memo> <div id="memo">
<Memo></Memo>
</div>
<!-- 其他信息 --> <!-- 其他信息 -->
<Memo id="others"></Memo> <div id="others">
<Memo></Memo>
</div>
<!-- 返回顶部 --> <!-- 返回顶部 -->
<!-- <el-backtop target=".backtop"></el-backtop> --> <!-- <el-backtop target=".backtop"></el-backtop> -->
</div> </div>

Write Preview
Loading…
Cancel
Save