首页无滚动,清单修改

yfy
严飞永 1 month ago
parent 6a43cde58a
commit e577122bee

@ -83,7 +83,6 @@ export default {
}; };
}, },
mounted() { mounted() {
// console.log("" + this.id);
this.fetchData(); this.fetchData();
this.fetchDescriptionData(); this.fetchDescriptionData();
}, },

@ -67,7 +67,7 @@ export default {
<style scoped> <style scoped>
.progress-container { .progress-container {
width: 100%; width: 100%;
height: 100%; height: 9rem;
padding: 0 3rem 0 0; padding: 0 3rem 0 0;
overflow: auto; overflow: auto;
font-family: aliregular; font-family: aliregular;

@ -3,6 +3,7 @@
<div class="containertwo"> <div class="containertwo">
<!-- 地图区域 --> <!-- 地图区域 -->
<div class="mapareaone"> <div class="mapareaone">
<!-- 展开/隐藏控制按钮放在盒子右侧外部 --> <!-- 展开/隐藏控制按钮放在盒子右侧外部 -->
<div class="collapse-control" @click="toggleCollapse"> <div class="collapse-control" @click="toggleCollapse">
<img v-show="!isCollapsed" src="@/assets/images/icon-sq@2x.png" alt="隐藏" class="control-icon"> <img v-show="!isCollapsed" src="@/assets/images/icon-sq@2x.png" alt="隐藏" class="control-icon">
@ -16,6 +17,7 @@
<ProjectList /> <ProjectList />
</div> </div>
</div> </div>
<!-- 右侧搜索 --> <!-- 右侧搜索 -->
<div class="rightdiv"> <div class="rightdiv">
<el-input v-model="searchBox" placeholder="请输入项目名称" class="search-input" @input="handleSearchInput" <el-input v-model="searchBox" placeholder="请输入项目名称" class="search-input" @input="handleSearchInput"
@ -23,6 +25,7 @@
<el-button slot="append" icon="el-icon-search" @click="toSearch"></el-button> <el-button slot="append" icon="el-icon-search" @click="toSearch"></el-button>
</el-input> </el-input>
</div> </div>
<!-- 搜索结果列表 --> <!-- 搜索结果列表 -->
<div class="search-results" v-if="searchList && searchList.length > 0"> <div class="search-results" v-if="searchList && searchList.length > 0">
<div class="search-item" v-for="(item, index) in searchList" :key="index" @click="centerMap(item)"> <div class="search-item" v-for="(item, index) in searchList" :key="index" @click="centerMap(item)">
@ -33,7 +36,6 @@
<!-- 右侧地图区域 --> <!-- 右侧地图区域 -->
<div class="map-container"> <div class="map-container">
<div id="mars2dContainerSSS" class="mars2d-container"></div> <div id="mars2dContainerSSS" class="mars2d-container"></div>
</div> </div>
</div> </div>
</div> </div>
@ -44,6 +46,7 @@
<i class="el-icon-close"></i> <i class="el-icon-close"></i>
</div> </div>
<div class="dialog-content"> <div class="dialog-content">
<!-- @click="goToDetail ↓" -->
<div class="dialog-title">{{ selectedProject.name }}</div> <div class="dialog-title">{{ selectedProject.name }}</div>
<div class="dialog-info"> <div class="dialog-info">
<p><span class="label">状态:</span> <p><span class="label">状态:</span>
@ -67,10 +70,8 @@ import * as mars2d from 'mars2d';
import ProjectList from '@/views/components/analysis/projectList.vue' import ProjectList from '@/views/components/analysis/projectList.vue'
import { getBasicInformationPage } from "@/api/ManageApi/index"; import { getBasicInformationPage } from "@/api/ManageApi/index";
import { debounce } from 'lodash'; import { debounce } from 'lodash';
import suzhouData from '@/assets/json/suzhou.json' import suzhouData from '@/assets/json/suzhou.json'
// //
// //
const clickOutside = { const clickOutside = {
@ -167,19 +168,27 @@ export default {
} }
}, },
methods: { methods: {
/** 详情按钮操作 */
goToDetail() {
const id = this.selectedProject.id;
this.$store.commit("SET_CRUMBS", "项目详情");
this.$router.push({
path: `/manage-add/${id}`,
query: { action: 'detail' }
});
},
// //
initMap() { initMap() {
this.map = new mars2d.Map('mars2dContainerSSS', this.mapOptions); this.map = new mars2d.Map('mars2dContainerSSS', this.mapOptions);
this.map.on('load', this.onMapLoad); this.map.on('load', this.onMapLoad);
}, },
onMapLoad() { onMapLoad() {
this.addSuzhouIndustrialParkLayer(); this.addSuzhouIndustrialParkLayer();
}, },
// //
async addSuzhouIndustrialParkLayer() { async addSuzhouIndustrialParkLayer() {
try { try {
const geoJsonData = suzhouData; // 使 const geoJsonData = suzhouData;
const graphicLayer = new mars2d.layer.GraphicLayer({ const graphicLayer = new mars2d.layer.GraphicLayer({
name: "苏州园区高亮区域", name: "苏州园区高亮区域",
zIndex: 10 zIndex: 10
@ -463,6 +472,7 @@ export default {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
cursor: pointer;
} }
.dialog-info { .dialog-info {
@ -505,7 +515,7 @@ export default {
.map-container { .map-container {
width: 100%; width: 100%;
height: 25rem; height: 100%;
position: relative; position: relative;
} }

@ -105,7 +105,7 @@ export default {
endTime: '', endTime: '',
xzfl: '', xzfl: '',
pjdj: '', pjdj: '',
qdpjdj:'', qdpjdj: '',
}, },
showSearch: true, showSearch: true,
dialogVisible: false, dialogVisible: false,
@ -131,11 +131,10 @@ export default {
methods: { methods: {
checkPermi, checkPermi,
checkRole, checkRole,
handleSortChange({ prop, order }) { handleSortChange({ column, prop, order }) {
if (order === 'ascending') { if (prop === 'pjdj') {
this.postList.sort((a, b) => a[prop] - b[prop]); this.queryParams.sort = order === 'ascending' ? 1 : 2;
} else if (order === 'descending') { this.getList();
this.postList.sort((a, b) => b[prop] - a[prop]);
} }
}, },
handleQuery() { handleQuery() {
@ -163,20 +162,24 @@ export default {
xzfl: this.queryParams.xzfl, xzfl: this.queryParams.xzfl,
pjdj: this.queryParams.pjdj, pjdj: this.queryParams.pjdj,
begainTime: this.queryParams.begainTime || null, begainTime: this.queryParams.begainTime || null,
endTime: this.queryParams.endTime || null endTime: this.queryParams.endTime || null,
sort: this.queryParams.sort || 1 //
}; };
getProjectEvaluationList(params) getProjectEvaluationList(params)
.then(response => { .then(response => {
this.postList = response.data.records; this.postList = response.data?.records || [];
this.total = response.data.total; this.total = response.data?.total || 0;
})
.catch(error => {
console.error('获取项目评价失败:', error);
this.$message.error('数据加载失败');
}) })
.finally(() => { .finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
handleSelectionChange(selection) { handleSelectionChange(selection) {
//
}, },
handleInfo(row, type) { handleInfo(row, type) {
this.$store.commit("SET_CRUMBS", "项目详情"); this.$store.commit("SET_CRUMBS", "项目详情");

@ -159,7 +159,7 @@ export default {
.dashboard-rowtwo { .dashboard-rowtwo {
display: flex; display: flex;
height: auto; flex: 1;
gap: 0.5rem; gap: 0.5rem;
} }

@ -1,5 +1,4 @@
<template> <template>
<!-- 正式的统计页面 -->
<div class="dashboard-container"> <div class="dashboard-container">
<!-- 1 --> <!-- 1 -->
<div class="dashboard-row"> <div class="dashboard-row">
@ -58,11 +57,11 @@
<Cydxml /> <Cydxml />
</div> </div>
</div> </div>
<div class="dashboard-col" style="height: 11rem;"> <div class="dashboard-col">
<div class="itemhead"> <div class="itemhead">
<span>产业导向细分产业分析</span> <span>产业导向细分产业分析</span>
</div> </div>
<div class="relaitem" style="height: 9rem;"> <div class="relaitem">
<Cydxxfgl /> <Cydxxfgl />
</div> </div>
</div> </div>
@ -159,7 +158,7 @@ export default {
.dashboard-rowtwo { .dashboard-rowtwo {
display: flex; display: flex;
height: auto; flex: 2;
gap: 0.5rem; gap: 0.5rem;
} }
@ -255,4 +254,6 @@ export default {
.bgcicon { .bgcicon {
padding: 0 !important; padding: 0 !important;
} }
</style> </style>
Loading…
Cancel
Save