首页无滚动,清单修改

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

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

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

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

@ -38,8 +38,8 @@
<el-row>
<el-col :span="8">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
</el-form-item>
</el-col>
</el-row>
@ -72,9 +72,9 @@
{{ scope.row.pjdj }} / {{ scope.row.count }}
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
<el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button type="text" @click="handleInfo(scope.row, 'detail')">详情</el-button>
<el-button type="text" @click="handleInfo(scope.row, 'detail')">详情</el-button>
</template>
</el-table-column>
</el-table>
@ -105,7 +105,7 @@ export default {
endTime: '',
xzfl: '',
pjdj: '',
qdpjdj:'',
qdpjdj: '',
},
showSearch: true,
dialogVisible: false,
@ -131,11 +131,10 @@ export default {
methods: {
checkPermi,
checkRole,
handleSortChange({ prop, order }) {
if (order === 'ascending') {
this.postList.sort((a, b) => a[prop] - b[prop]);
} else if (order === 'descending') {
this.postList.sort((a, b) => b[prop] - a[prop]);
handleSortChange({ column, prop, order }) {
if (prop === 'pjdj') {
this.queryParams.sort = order === 'ascending' ? 1 : 2;
this.getList();
}
},
handleQuery() {
@ -163,23 +162,27 @@ export default {
xzfl: this.queryParams.xzfl,
pjdj: this.queryParams.pjdj,
begainTime: this.queryParams.begainTime || null,
endTime: this.queryParams.endTime || null
endTime: this.queryParams.endTime || null,
sort: this.queryParams.sort || 1 //
};
getProjectEvaluationList(params)
.then(response => {
this.postList = response.data.records;
this.total = response.data.total;
this.postList = response.data?.records || [];
this.total = response.data?.total || 0;
})
.catch(error => {
console.error('获取项目评价失败:', error);
this.$message.error('数据加载失败');
})
.finally(() => {
this.loading = false;
});
},
handleSelectionChange(selection) {
//
},
handleInfo(row, type) {
this.$store.commit("SET_CRUMBS", "项目详情");
this.$store.commit("SET_CRUMBS", "项目详情");
const id = row.id || this.ids[0];
this.$router.push({ path: `/manage-add/${id}`, query: { action: type } });
},

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

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