|
|
@ -20,19 +20,32 @@
|
|
|
|
<div class="itemhead">
|
|
|
|
<div class="itemhead">
|
|
|
|
<span>关联项目</span>
|
|
|
|
<span>关联项目</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mainarea" style="height: 22rem; overflow: auto;">
|
|
|
|
<div class="mainarea" style="height: 22rem; overflow: auto">
|
|
|
|
<div v-if="postList.length > 0">
|
|
|
|
<div v-if="postList.length > 0">
|
|
|
|
<div class="mainareaitem" v-for="(item, index) in postList" :key="index">
|
|
|
|
<div
|
|
|
|
|
|
|
|
class="mainareaitem"
|
|
|
|
|
|
|
|
v-for="(item, index) in postList"
|
|
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
>
|
|
|
|
<div class="itemleft">
|
|
|
|
<div class="itemleft">
|
|
|
|
<div class="xmmctitle" @click="getInfo(item, 'detail')">{{ item.name }}</div>
|
|
|
|
<div class="xmmctitle" @click="getInfo(item, 'detail')">
|
|
|
|
|
|
|
|
{{ item.name }}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="lefttwo">
|
|
|
|
<div class="lefttwo">
|
|
|
|
<div style="display: flex;">
|
|
|
|
<div style="display: flex">
|
|
|
|
现状分类:<dict-tag :options="dict.type.xzfl" :value="item.xzfl" />
|
|
|
|
现状分类:<dict-tag
|
|
|
|
|
|
|
|
:options="dict.type.xzfl"
|
|
|
|
|
|
|
|
:value="item.xzfl"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>总投资额:{{ item.ztze }}</div>
|
|
|
|
<div>总投资额:{{ item.ztze }}</div>
|
|
|
|
<div>填报时间:{{ item.updateTime }}</div>
|
|
|
|
<div>填报时间:{{ item.updateTime }}</div>
|
|
|
|
<div style="display: flex;align-items: center;">
|
|
|
|
<div style="display: flex; align-items: center">
|
|
|
|
状态:<dict-tag :options="dict.type.tbzt" :value="item.status" />
|
|
|
|
状态:
|
|
|
|
|
|
|
|
<dict-tag
|
|
|
|
|
|
|
|
:options="dict.type.tbzt"
|
|
|
|
|
|
|
|
:value="item.status"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -41,9 +54,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div v-else class="no-data">
|
|
|
|
<div v-else class="no-data">暂无数据</div>
|
|
|
|
暂无数据
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid-item item-2">
|
|
|
|
<div class="grid-item item-2">
|
|
|
@ -59,39 +70,28 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import AllArea2 from '@/views/components/analysis/allcompany.vue'
|
|
|
|
import AllArea2 from "@/views/components/analysis/allcompany.vue";
|
|
|
|
import Message2 from '@/views/components/analysis/messagecompany.vue'
|
|
|
|
import Message2 from "@/views/components/analysis/messagecompany.vue";
|
|
|
|
import daiban from '@/views/components/analysis/daiban.vue'
|
|
|
|
import daiban from "@/views/components/analysis/daiban.vue";
|
|
|
|
import { getBasicInformationPage } from "@/api/ManageApi/index";
|
|
|
|
import { getBasicInformationPage } from "@/api/ManageApi/index";
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: "Pc2FbEcharts",
|
|
|
|
name: "Pc2FbEcharts",
|
|
|
|
dicts:['xzfl','tbzt'],
|
|
|
|
dicts: ["xzfl", "tbzt"],
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
AllArea2,
|
|
|
|
AllArea2,
|
|
|
|
Message2,
|
|
|
|
Message2,
|
|
|
|
daiban
|
|
|
|
daiban,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
// 项目表格数据
|
|
|
|
// 项目表格数据
|
|
|
|
postList: [],
|
|
|
|
postList: [],
|
|
|
|
// 状态颜色映射
|
|
|
|
|
|
|
|
statusColors: {
|
|
|
|
|
|
|
|
'审核通过': '#6EDABE',
|
|
|
|
|
|
|
|
'待填报': '#FFBF6B',
|
|
|
|
|
|
|
|
'待审核': '#7693D8'
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
// 状态文本映射
|
|
|
|
// 状态文本映射
|
|
|
|
statusMap: {
|
|
|
|
statusMap: {
|
|
|
|
1: '待填报',
|
|
|
|
1: "待填报",
|
|
|
|
2: '待审核',
|
|
|
|
2: "待审核",
|
|
|
|
3: '审核通过'
|
|
|
|
3: "审核通过",
|
|
|
|
},
|
|
|
|
|
|
|
|
xzflMap: {
|
|
|
|
|
|
|
|
1: '已建',
|
|
|
|
|
|
|
|
2: '在建',
|
|
|
|
|
|
|
|
3: '拟建'
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 遮罩层
|
|
|
|
// 遮罩层
|
|
|
|
loading: true,
|
|
|
|
loading: true,
|
|
|
@ -105,25 +105,30 @@ export default {
|
|
|
|
getInfo(row, type) {
|
|
|
|
getInfo(row, type) {
|
|
|
|
this.$store.commit("SET_CRUMBS", "项目详情");
|
|
|
|
this.$store.commit("SET_CRUMBS", "项目详情");
|
|
|
|
const id = row.id || this.ids[0];
|
|
|
|
const id = row.id || this.ids[0];
|
|
|
|
this.$router.push({ path: `/manage-info/${id}`, query: { action: type } });
|
|
|
|
this.$router.push({
|
|
|
|
|
|
|
|
path: `/manage-info/${id}`,
|
|
|
|
|
|
|
|
query: { action: type },
|
|
|
|
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getStatusClass(status) {
|
|
|
|
getStatusClass(status) {
|
|
|
|
const statusClasses = {
|
|
|
|
const statusClasses = {
|
|
|
|
1: 'status-red',
|
|
|
|
1: "status-red",
|
|
|
|
2: 'status-yellow',
|
|
|
|
2: "status-yellow",
|
|
|
|
3: 'status-green'
|
|
|
|
3: "status-green",
|
|
|
|
};
|
|
|
|
};
|
|
|
|
return statusClasses[status] || '';
|
|
|
|
return statusClasses[status] || "";
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/** 查询项目列表 */
|
|
|
|
/** 查询项目列表 */
|
|
|
|
getList() {
|
|
|
|
getList() {
|
|
|
|
this.loading = true;
|
|
|
|
this.loading = true;
|
|
|
|
|
|
|
|
|
|
|
|
getBasicInformationPage().then((response) => {
|
|
|
|
getBasicInformationPage()
|
|
|
|
|
|
|
|
.then((response) => {
|
|
|
|
this.postList = response.data.records;
|
|
|
|
this.postList = response.data.records;
|
|
|
|
this.loading = false;
|
|
|
|
this.loading = false;
|
|
|
|
}).catch(error => {
|
|
|
|
})
|
|
|
|
console.error('查询失败:', error);
|
|
|
|
.catch((error) => {
|
|
|
|
|
|
|
|
console.error("查询失败:", error);
|
|
|
|
this.loading = false;
|
|
|
|
this.loading = false;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -135,25 +140,21 @@ export default {
|
|
|
|
.grid-container {
|
|
|
|
.grid-container {
|
|
|
|
display: grid;
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
|
|
/* 三列 */
|
|
|
|
|
|
|
|
grid-template-rows: auto auto auto;
|
|
|
|
grid-template-rows: auto auto auto;
|
|
|
|
/* 三行 */
|
|
|
|
|
|
|
|
gap: 1rem;
|
|
|
|
gap: 1rem;
|
|
|
|
/* 模块之间的间隔 */
|
|
|
|
|
|
|
|
padding: 1rem;
|
|
|
|
padding: 1rem;
|
|
|
|
/* 容器内边距 */
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.grid-item {
|
|
|
|
.grid-item {
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
|
|
|
|
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.item-2{
|
|
|
|
.item-2 {
|
|
|
|
width: auto;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.itemhead {
|
|
|
|
.itemhead {
|
|
|
|
border-left: 0.25rem solid #2B62F1;
|
|
|
|
border-left: 0.25rem solid #2b62f1;
|
|
|
|
margin: 0.94rem 0;
|
|
|
|
margin: 0.94rem 0;
|
|
|
|
height: 1.25rem;
|
|
|
|
height: 1.25rem;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
@ -165,7 +166,7 @@ export default {
|
|
|
|
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
|
|
|
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
|
|
|
|
font-weight: 600;
|
|
|
|
font-weight: 600;
|
|
|
|
font-size: 1rem;
|
|
|
|
font-size: 1rem;
|
|
|
|
color: #3D424C;
|
|
|
|
color: #3d424c;
|
|
|
|
line-height: 1.69rem;
|
|
|
|
line-height: 1.69rem;
|
|
|
|
text-align: left;
|
|
|
|
text-align: left;
|
|
|
|
font-style: normal;
|
|
|
|
font-style: normal;
|
|
|
@ -180,9 +181,7 @@ export default {
|
|
|
|
gap: 1rem;
|
|
|
|
gap: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 第一行:第一个模块占两列 */
|
|
|
|
|
|
|
|
.item-1 {
|
|
|
|
.item-1 {
|
|
|
|
/* background-image: url(@/src/assets/images/allbg.png); */
|
|
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -193,10 +192,8 @@ export default {
|
|
|
|
padding: 1rem 1.5rem;
|
|
|
|
padding: 1rem 1.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 最后一行:一个模块占一整行 */
|
|
|
|
|
|
|
|
.item-6 {
|
|
|
|
.item-6 {
|
|
|
|
grid-column: span 3;
|
|
|
|
grid-column: span 3;
|
|
|
|
/* 占三列 */
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mainareaitem {
|
|
|
|
.mainareaitem {
|
|
|
@ -207,7 +204,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.itemleft {
|
|
|
|
.itemleft {
|
|
|
|
padding: .5rem 0 .5rem .5rem;
|
|
|
|
padding: 0.5rem 0 0.5rem 0.5rem;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
width: 70%;
|
|
|
|
width: 70%;
|
|
|
@ -233,15 +230,15 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.status-red {
|
|
|
|
.status-red {
|
|
|
|
background-color: #FFC77C;
|
|
|
|
background-color: #ffc77c;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.status-yellow {
|
|
|
|
.status-yellow {
|
|
|
|
background-color: #7F99DB;
|
|
|
|
background-color: #7f99db;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.status-green {
|
|
|
|
.status-green {
|
|
|
|
background-color: #74DCC1;
|
|
|
|
background-color: #74dcc1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bottombox {
|
|
|
|
.bottombox {
|
|
|
@ -249,7 +246,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.xmmctitle {
|
|
|
|
.xmmctitle {
|
|
|
|
color: #2B62F1;
|
|
|
|
color: #2b62f1;
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -258,7 +255,7 @@ export default {
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.no-data{
|
|
|
|
.no-data {
|
|
|
|
color: gray;
|
|
|
|
color: gray;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|