+ ![项目代表性照片]()
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
@@ -183,6 +190,9 @@
import { getBasicInformationById, updateBasicInformation } from '@/api/ManageApi/index';
export default {
+ dicts: [
+ 'ssgnq'
+ ],
props: {
size: {
type: String,
@@ -196,28 +206,35 @@ export default {
data() {
return {
descriptions: [],
+ dialogImageUrl: '',
+ dialogVisibletwo: false,
dialogVisible: false,
- title: '编辑项目',
+ title: '编辑基本信息',
form: {
name: '',
xmfrdwxz: '',
- nature: '',
+ nature: 0,
sgdw: '',
sjdw: '',
- ztze: '',
+ ztze: 0,
ssgnq: '',
begainTime: '',
- xzfl: '',
+ xzfl: 0,
jsdd: '',
prioritize: '',
- jsms: '',
+ jsms: 0,
label: '',
projectLeader: '',
phone: '',
issuingTime: '',
acceptanceTime: '',
unitIntroduction: '',
- introduction: ''
+ introduction: '',
+ fj: ''
+ },
+ rules: {
+ name: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
+ jsdd: [{ required: true, message: '建设地点不能为空', trigger: 'blur' }],
}
};
},
@@ -225,58 +242,83 @@ export default {
this.fetchData();
},
methods: {
+ handleRemove(file, fileList) {
+ console.log(file, fileList);
+ },
+ handlePictureCardPreview(file) {
+ this.dialogImageUrl = file.url;
+ this.dialogVisible = true;
+ },
+ // 获取数据
fetchData() {
getBasicInformationById(this.id)
.then(response => {
const data = response.data;
-
- // 处理数据类型转换
- data.nature = String(data.nature);
- data.jsms = String(data.jsms);
- data.ssgnq = String(data.ssgnq);
- data.xzfl = String(data.xzfl);
-
- 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.acceptanceTime },
- { label: '项目法人单位简介', value: data.unitIntroduction },
- { label: '项目简介', value: data.introduction }
- ];
-
- // 初始化表单数据
+ this.descriptions = this.formatDescriptions(data);
this.form = { ...data };
})
.catch(error => {
- console.error('There was an error fetching the data!', error);
+ console.error('数据获取失败:', error);
});
},
- /** 导出按钮操作 */
+ // 格式化描述信息
+ formatDescriptions(data) {
+ return [
+ { 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.acceptanceTime },
+ { label: '项目法人单位简介', value: data.unitIntroduction },
+ { label: '项目简介', value: data.introduction }
+ ];
+ },
+ // 导出操作
handleExport() {
this.download('system/post/export', {
...this.queryParams
}, `post_${new Date().getTime()}.xlsx`);
},
+ // 打开编辑对话框
edit() {
this.dialogVisible = true;
},
+ // 保存表单
saveForm() {
- const formData = {
+ this.$refs.form.validate(valid => {
+ if (valid) {
+ const formData = this.prepareFormData();
+ updateBasicInformation(formData) // 调用接口
+ .then(response => {
+ this.$message.success('数据保存成功！');
+ this.dialogVisible = false;
+ this.fetchData(); // 刷新数据
+ })
+ .catch(error => {
+ console.error('数据保存失败:', error);
+ this.$message.error('数据保存失败，请重试！');
+ });
+ } else {
+ this.$message.warning('请填写完整信息！');
+ }
+ });
+ },
+ // 准备表单数据
+ prepareFormData() {
+ return {
id: this.id,
name: this.form.name,
xmfrdwxz: this.form.xmfrdwxz,
@@ -284,8 +326,8 @@ export default {
sgdw: this.form.sgdw,
sjdw: this.form.sjdw,
ztze: parseFloat(this.form.ztze),
- ssgnq: parseInt(this.form.ssgnq),
- begainTime: this.form.begainTime ? this.formatDateRange(this.form.begainTime) : '',
+ ssgnq: '',
+ begainTime: this.formatDateRange(this.form.begainTime),
xzfl: parseInt(this.form.xzfl),
jsdd: this.form.jsdd,
prioritize: this.form.prioritize,
@@ -297,41 +339,43 @@ export default {
acceptanceTime: this.form.acceptanceTime,
unitIntroduction: this.form.unitIntroduction,
introduction: this.form.introduction,
- createBy: '',
- createId: 0,
- createTime: '',
- fj: '',
- updateBy: '',
- updateId: 0,
- updateTime: ''
+ fj: this.form.fj,
+ createBy: '',
+ createId: 0,
+ createTime: '',
+ updateBy: '',
+ updateId: 0,
+ updateTime: ''
};
- console.log('Sending form data:', formData);
-
- updateBasicInformation(formData)
- .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('数据保存失败，请重试！');
- });
},
+ // 格式化日期范围
formatDateRange(dateRange) {
if (!dateRange || dateRange.length !== 2) return '';
const startDate = dateRange[0].toISOString().split('T')[0];
const endDate = dateRange[1].toISOString().split('T')[0];
return `${startDate} 至 ${endDate}`;
+ },
+ // 处理附件上传成功
+ handleAttachmentSuccess(response, file) {
+ this.form.fj = response.url;
+ },
+ // 上传前验证
+ beforeAttachmentUpload(file) {
+ const isImage = file.type.startsWith('image/');
+ const isLt2M = file.size / 1024 / 1024 < 2;
+ if (!isImage) this.$message.error('只能上传图片文件!');
+ if (!isLt2M) this.$message.error('上传图片大小不能超过 2MB!');
+ return isImage && isLt2M;
+ },
+ // 删除附件
+ removeAttachment() {
+ this.form.fj = '';
}
}
};
-
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Programme.vue b/src/views/components/ProjectDetails/Programme.vue
index 6cd2c8f..cd05649 100644
--- a/src/views/components/ProjectDetails/Programme.vue
+++ b/src/views/components/ProjectDetails/Programme.vue
@@ -1,176 +1,308 @@
-
-
-
-
- 
- 规划信息
-
-
- 规划信息
-
-
- 
- 编辑
-
-
- 
- 导出
-
-
+
+
- 编辑
-
- 导出
-
+
-
-
-
-
-
+ }
+
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Projectpicture.vue b/src/views/components/ProjectDetails/Projectpicture.vue
index c9377a2..ca6fc19 100644
--- a/src/views/components/ProjectDetails/Projectpicture.vue
+++ b/src/views/components/ProjectDetails/Projectpicture.vue
@@ -7,9 +7,9 @@
项目画像
+
+ 规划信息
-
-
+ 规划信息
-
+
+
-
-
-
- 总用地面积(平方米)
-
- THi SIP高端装备工业港
-
-
-
- 容积率
-
- 泰凌医药（中国）有限公司
-
-
-
- 总建筑面积（平方米）
-
- 项目法人单位性质
-
-
-
- 标准层建筑面积（平方米）
-
- kooriookami
-
-
-
- 计容积率建筑面积(平方米)
-
- 18100000000
-
-
-
- 建筑密度(%)
-
- 苏州市
-
-
-
- 绿地率(%)
-
- kooriookami
-
-
-
- 建筑栋数（栋）：
-
- 18100000000
-
-
-
- 地上建筑面积(平方米)
-
- 苏州市
-
-
-
- 地下建筑面积(平方米)
-
- kooriookami
-
-
-
- 最高建筑层数（层）
-
- 18100000000
-
-
-
- 最高建筑高度(米)
-
- 苏州市
-
-
-
- 机动车停车位(辆)
-
- kooriookami
-
-
-
- 非机动车停车位(辆)
-
- 18100000000
-
-
-
- 防火等级
-
- 苏州市
-
-
-
- 规划文件
-
- kooriookami
-
-
-
+
+
+
+ 编辑
+
+
+
+ 保存
+
+
+
+ 导出
+
+
+ 编辑
+
+ 保存
+
+ 导出
+
+
+
+
+
+ 总用地面积(平方米)
+
+
+
+
+ 容积率
+
+
+
+
+ 总建筑面积（平方米）
+
+
+
+
+ 标准层建筑面积（平方米）
+
+
+
+
+ 计容积率建筑面积(平方米)
+
+
+
+
+ 建筑密度(%)
+
+
+
+
+ 绿地率(%)
+
+
+
+
+ 建筑栋数（栋）
+
+
+
+
+ 地上建筑面积(平方米)
+
+
+
+
+ 地下建筑面积(平方米)
+
+
+
+
+ 最高建筑层数（层）
+
+
+
+
+ 最高建筑高度(米)
+
+
+
+
+ 机动车停车位(辆)
+
+
+
+
+ 非机动车停车位(辆)
+
+
+
+
+ 防火等级
+
+
+
+
+ 规划文件
+
+
+
+
+
-
-
编辑
@@ -18,30 +18,58 @@
-
+
+
+
+.table-container {
+ display: flex;
+ width: 100%;
+}
+
+.table-column {
+ flex: 1;
+}
+
+.table-header {
+ font-weight: bold;
+ text-align: center;
+ background-color: #F2F4F7;
+ font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+ font-weight: 600;
+ font-size: 0.88rem;
+ color: #3D3D3D;
+ line-height: 2.19rem;
+ text-align: center;
+ font-style: normal;
+ text-transform: none;
+ padding: .3rem 0;
+}
+
+.table-row {
+ font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+ font-weight: 400;
+ font-size: 0.88rem;
+ color: #3D424C;
+ line-height: 2.56rem;
+ text-align: center;
+ font-style: normal;
+ text-transform: none;
+ padding: .3rem 0;
+}
+
+.tablehead {
+ width: auto;
+ height: 2.38rem;
+ display: flex;
+ align-items: center;
+ gap: .3rem;
+}
+
+.tablehead img {
+ width: 1.13rem;
+ height: 1.13rem;
+}
+
\ No newline at end of file
diff --git a/src/views/components/ProjectDetails/Projectpicturetwo.vue b/src/views/components/ProjectDetails/Projectpicturetwo.vue
index a7061e7..139961f 100644
--- a/src/views/components/ProjectDetails/Projectpicturetwo.vue
+++ b/src/views/components/ProjectDetails/Projectpicturetwo.vue
@@ -56,7 +56,7 @@
编辑
-
+
-
评价等级
+
+ 
+ 评价等级：
+ 12/60
+
+
+ 评价等级：
+ 12/60
+
+
-
- kooriookami
- 18100000000
-
+
+
+
+ 评价要素
+
+ {{ evaluation.element }}
+
+
+
+ 评价排名
+
+ {{ evaluation.ranking }}
+
+
+
diff --git a/src/views/components/dialog/basicinfo.vue b/src/views/components/dialog/basicinfo.vue
new file mode 100644
index 0000000..1259a14
--- /dev/null
+++ b/src/views/components/dialog/basicinfo.vue
@@ -0,0 +1,350 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/dialog/luotu.vue b/src/views/components/dialog/luotu.vue
new file mode 100644
index 0000000..e69de29
+
+ 基本信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ 取消
+ 保存
+
+
+
+ 返回
+
+
+