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

title,返回

Browse Source
main
严飞永 1 month ago
parent 6728f709c4
commit e29cbbc4ca
4 changed files with 167 additions and 68 deletions
Show Stats Download Patch File Download Diff File

8
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;" @click="edit"> <el-button type="primary" size="medium" 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;" @click="exportData"> <el-button type="primary" size="medium" 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>
@ -110,10 +110,10 @@ export default {
props: { props: {
size: { size: {
type: String, type: String,
default: 'mini' default: ''
}, },
id: { id: {
type: Number, type: [Number, String],
required: true required: true
} }
}, },

59
src/views/components/ProjectDetails/Title.vue
Unescape View File

@ -0,0 +1,59 @@
<template>
<div class="container">
<!-- 顶部信息 -->
<div class="containertop">
<h3>{{ name }}</h3>
</div>
</div>
</template>
<script>
import { getBasicInformationById } from '@/api/ManageApi/index';
export default {
props: {
size: {
type: String,
default: 'mini'
},
id: {
type: [Number, String],
required: true
}
},
data() {
return {
name: ''
};
},
created() {
this.fetchData();
},
methods: {
fetchData() {
getBasicInformationById(this.id)
.then(response => {
const data = response.data;
this.name = data.name;
})
.catch(error => {
console.error('There was an error fetching the data!', error);
});
},
edit() {
this.dialogVisible = true;
},
exportData() {
// 导出逻辑
},
}
};
</script>
<style scoped>
.containertop {
text-align: center;
margin-bottom: 1rem;
}
</style>

157
src/views/manage-info/index.vue
Unescape View File

@ -1,67 +1,81 @@
<template> <template>
<div class="containerbody"> <div>
<!-- 目录 --> <!-- 标题 -->
<div class="containerhead"> <div class="containerheadone">
<el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection" class="custom-menu"> <Title :id="projectId"></Title>
<el-menu-item v-for="(item, index) in sections" :key="index" :index="item.id" class="custom-menu-item"> <el-button type="primary" size="medium" plain
{{ item.label }} style="border: none;background-color: rgba(43,98,241,0.1);color: #2B62F1;"
</el-menu-item> @click="goBack">
</el-menu> 返回
</el-button>
</div> </div>
<!-- 基本信息 --> <div class="containerbody">
<div id="basic"> <!-- 目录 -->
<Basic :id="1"></Basic> <div class="containerhead">
<el-menu :default-active="activeSection" mode="horizontal" @select="scrollToSection"
class="custom-menu">
<el-menu-item v-for="(item, index) in sections" :key="index" :index="item.id"
class="custom-menu-item">
{{ item.label }}
</el-menu-item>
</el-menu>
</div>
<!-- 基本信息 -->
<div id="basic">
<Basic :id="projectId"></Basic>
</div>
<!-- 规划信息 -->
<div id="programme">
<Programme :id="projectId"></Programme>
</div>
<!-- 建筑信息 -->
<div id="buildings">
<Buildings></Buildings>
</div>
<!-- 要素模型信息 -->
<div id="models">
<Models></Models>
</div>
<!-- 月度进展信息 -->
<div id="months">
<Months></Months>
</div>
<!-- 企业入驻信息 -->
<div id="companyenter">
<Companyenter></Companyenter>
</div>
<!-- 项目画像 -->
<div id="projectpicture">
<Projectpicture></Projectpicture>
</div>
<!-- 项目图例 -->
<div id="projectpicturetwo">
<Projectpicturetwo></Projectpicturetwo>
</div>
<!-- 项目巡礼 -->
<div id="projectgift">
<Projectgift></Projectgift>
</div>
<!-- 现场实况 -->
<div id="liver">
<Liver></Liver>
</div>
<!-- 项目备忘录 -->
<div id="memo">
<Memo></Memo>
</div>
<!-- 其他信息 -->
<div id="others">
<Memo></Memo>
</div>
<!-- 返回顶部 -->
<!-- <el-backtop target=".backtop"></el-backtop> -->
</div> </div>
<!-- 规划信息 -->
<div id="programme">
<Programme :id="1"></Programme>
</div>
<!-- 建筑信息 -->
<div id="buildings">
<Buildings></Buildings>
</div>
<!-- 要素模型信息 -->
<div id="models">
<Models></Models>
</div>
<!-- 月度进展信息 -->
<div id="months">
<Months></Months>
</div>
<!-- 企业入驻信息 -->
<div id="companyenter">
<Companyenter></Companyenter>
</div>
<!-- 项目画像 -->
<div id="projectpicture">
<Projectpicture></Projectpicture>
</div>
<!-- 项目图例 -->
<div id="projectpicturetwo">
<Projectpicturetwo></Projectpicturetwo>
</div>
<!-- 项目巡礼 -->
<div id="projectgift">
<Projectgift></Projectgift>
</div>
<!-- 现场实况 -->
<div id="liver">
<Liver></Liver>
</div>
<!-- 项目备忘录 -->
<div id="memo">
<Memo></Memo>
</div>
<!-- 其他信息 -->
<div id="others">
<Memo></Memo>
</div>
<!-- 返回顶部 -->
<!-- <el-backtop target=".backtop"></el-backtop> -->
</div> </div>
</template> </template>
<script> <script>
import Title from '../components/ProjectDetails/Title.vue';
import Basic from '../components/ProjectDetails/Basic.vue'; import Basic from '../components/ProjectDetails/Basic.vue';
import Buildings from '../components/ProjectDetails/Buildings.vue'; import Buildings from '../components/ProjectDetails/Buildings.vue';
import Companyenter from '../components/ProjectDetails/companyenter.vue'; import Companyenter from '../components/ProjectDetails/companyenter.vue';
@ -76,6 +90,7 @@ import Projectpicturetwo from '../components/ProjectDetails/Projectpicturetwo.vu
export default { export default {
components: { components: {
Title,
Basic, Basic,
Buildings, Buildings,
Companyenter, Companyenter,
@ -104,10 +119,23 @@ export default {
{ id: 'liver', label: '现场实况' }, { id: 'liver', label: '现场实况' },
{ id: 'memo', label: '项目备忘录' }, { id: 'memo', label: '项目备忘录' },
{ id: 'others', label: '其他信息' } { id: 'others', label: '其他信息' }
] ],
projectId: null
}; };
}, },
created() {
this.projectId = this.$route.params.id;
this.loadData();
},
methods: { methods: {
loadData() {
// 根据 projectId 加载数据的逻辑
console.log('Loading data for project ID:', this.projectId);
// 例如：调用 API 获取项目详情
// getProjectDetail(this.projectId).then(response => {
// this.projectDetail = response.data;
// });
},
scrollToSection(id) { scrollToSection(id) {
this.activeSection = id; this.activeSection = id;
const element = document.getElementById(id); const element = document.getElementById(id);
@ -117,6 +145,9 @@ export default {
}, },
scrollToTop() { scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' }); window.scrollTo({ top: 0, behavior: 'smooth' });
},
goBack() {
this.$router.go(-1); // 返回上一个页面
} }
} }
}; };
@ -133,6 +164,15 @@ export default {
overflow: auto; overflow: auto;
} }
.containerheadone {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
padding: 0 1rem 0 .7rem;
}
.containerhead { .containerhead {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -143,7 +183,6 @@ export default {
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem; border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
} }
.custom-menu { .custom-menu {
margin: 1rem; margin: 1rem;
display: flex; display: flex;

11
src/views/manage/index.vue
Unescape View File

@ -86,7 +86,7 @@
<el-table-column label="总用地面积（平方米）" align="center" prop="postSort" /> <el-table-column label="总用地面积（平方米）" align="center" prop="postSort" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="getInfo" <el-button size="mini" type="text" icon="el-icon-view" @click="getInfo(scope.row)"
v-hasPermi="['system:post:detail']">详情</el-button> v-hasPermi="['system:post:detail']">详情</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['system:post:edit']">修改</el-button> v-hasPermi="['system:post:edit']">修改</el-button>
@ -201,7 +201,7 @@ export default {
// 是否显示弹出层（用户导入） // 是否显示弹出层（用户导入）
open: false, open: false,
// 弹出层标题（用户导入） // 弹出层标题（用户导入）
title: "移动应用程序资产导入", title: "导入",
// 是否禁用上传 // 是否禁用上传
isUploading: false, isUploading: false,
// 是否更新已经存在的用户数据 // 是否更新已经存在的用户数据
@ -209,7 +209,7 @@ export default {
// 设置上传的请求头部 // 设置上传的请求头部
// headers: { Authorization: "Bearer " + getToken() }, // headers: { Authorization: "Bearer " + getToken() },
// 上传的地址 // 上传的地址
url: process.env.VUE_APP_BASE_API + "/tc/assetApp/importData" // url: process.env.VUE_APP_BASE_API + "/tc/assetApp/importData"
// url: location.origin + "/api/tc/assetApp/importData" // url: location.origin + "/api/tc/assetApp/importData"
}, },
}; };
@ -297,9 +297,10 @@ export default {
}); });
}, },
/** 详情按钮操作 */ /** 详情按钮操作 */
getInfo() { getInfo(row) {
this.$store.commit("SET_CRUMBS", this.$route.meta.title + "详情"); this.$store.commit("SET_CRUMBS", this.$route.meta.title + "详情");
this.$router.push("/manage-info"); const postIds = row.postId || this.ids;
this.$router.push({ path: `/manage-info/${postIds}` });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm: function () { submitForm: function () {

Write Preview
Loading…
Cancel
Save