You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
3.8 KiB
146 lines
3.8 KiB
<template>
|
|
<div class="app-container">
|
|
<!-- 面包屑 -->
|
|
<el-breadcrumb separator="/" style="margin-bottom: 20px">
|
|
<el-breadcrumb-item
|
|
v-for="(item, index) in routeList"
|
|
:key="item + index"
|
|
:to="routeList.length !== index + 1 ? { path: item.path } : undefined"
|
|
>{{ item.routeName }}</el-breadcrumb-item
|
|
>
|
|
</el-breadcrumb>
|
|
|
|
<el-page-header
|
|
@back="goBack"
|
|
:content="routeList[1].routeName"
|
|
style="margin-bottom: 15px"
|
|
>
|
|
</el-page-header>
|
|
|
|
<el-tabs
|
|
v-model="activeName"
|
|
@tab-click="handleClick"
|
|
style="height: 750px; margin-bottom: 20px"
|
|
>
|
|
<el-tab-pane label="专题基本信息" name="basePage">
|
|
<basePage :formData="formData" ref="basePage" />
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="专题任务书信息"
|
|
name="taskPage"
|
|
:disabled="!routeList[1].isEdit"
|
|
>
|
|
<taskPage :proNo="formData.proNo" />
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="专题实施信息"
|
|
name="ImplementationPage"
|
|
:disabled="!routeList[1].isEdit"
|
|
>
|
|
<ImplementationPage
|
|
:proNo="formData.proNo"
|
|
:projectName="formData.projectName"
|
|
/>
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="专题合同管理"
|
|
name="ContractPage"
|
|
:disabled="!routeList[1].isEdit"
|
|
>
|
|
<ContractPage :proNo="formData.proNo" />
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="专题文档管理"
|
|
name="documentPage"
|
|
:disabled="!routeList[1].isEdit"
|
|
>
|
|
<documentPage :proNo="formData.proNo" />
|
|
</el-tab-pane>
|
|
<el-tab-pane
|
|
label="专题成果"
|
|
name="resultsPage"
|
|
:disabled="!routeList[1].isEdit"
|
|
>
|
|
<resultsPage :proNo="formData.proNo" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import basePage from "./basePage.vue";
|
|
import taskPage from "./taskPage.vue";
|
|
import ImplementationPage from "./ImplementationPage.vue";
|
|
import ContractPage from "./ContractPage.vue";
|
|
import documentPage from "./documentPage.vue";
|
|
import resultsPage from "./resultsPage.vue";
|
|
import {
|
|
listProjectinfo,
|
|
getProjectinfo,
|
|
delProjectinfo,
|
|
addProjectinfo,
|
|
updateProjectinfo,
|
|
exportProjectinfo,
|
|
} from "@/api/earlyStage/projectinfo";
|
|
|
|
export default {
|
|
components: {
|
|
basePage,
|
|
taskPage,
|
|
ImplementationPage,
|
|
ContractPage,
|
|
documentPage,
|
|
resultsPage,
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: "basePage",
|
|
routeList: [],
|
|
formData: {},
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
ids: null,
|
|
data: {
|
|
projectName: null,
|
|
projectType: null,
|
|
},
|
|
// 排序方式
|
|
params: {
|
|
// 按哪个字段排序
|
|
orderBy: "create_time",
|
|
// desc降序，升序asc
|
|
sort: "desc",
|
|
},
|
|
},
|
|
};
|
|
},
|
|
created() {
|
|
this.routeList = JSON.parse(this.$store.state.basePageData.routeList);
|
|
// if (this.routeList[1].isEdit) {
|
|
// // this.formData = JSON.parse(this.$store.state.basePageData.baseFormData);
|
|
// this.formData = JSON.parse(this.$store.state.basePageData.baseFormData);
|
|
// }
|
|
this.getList();
|
|
},
|
|
methods: {
|
|
goBack() {
|
|
this.$router.back();
|
|
},
|
|
/** 查询专题项目前期背景信息列表 */
|
|
getList() {
|
|
this.queryParams.data.id = this.$route.query.baseDataId;
|
|
listProjectinfo(this.queryParams).then((response) => {
|
|
this.formData = response.records[0];
|
|
});
|
|
},
|
|
|
|
// 切换标签页
|
|
handleClick(tab, event) {
|
|
// console.log("切换标签页", tab, event);
|
|
// console.log("切换标签页", this.routeList[1].routeName);
|
|
this.routeList[1].routeName = tab.label;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|