revisit
/
DSDSWeb
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

增加图层按查询条件显示

This commit is contained in:
hym 2026-04-06 11:50:54 +08:00
parent 5207a0662f
commit e472fb961e
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/dataSearch.vue
View File

@ -30,18 +30,22 @@
<div class="left4"> <div class="left4">
<div v-for="(item, index) in dataList" :key="index" :id="item.tsy_id" class="left4_1"> <div v-for="(item, index) in dataList" :key="index" :id="item.tsy_id" class="left4_1">
<div class="left4_top"> <div class="left4_top">
<p @click="openList(item, 'list')" style="font-weight: 400;font-size: 14px;cursor: pointer;color: #409eff" >{{ item.dataset_name }} <span class="mileage">{{ item.file_total }}</span></p> <p @click="openList(item, 'list')"
style="font-weight: 400;font-size: 14px;cursor: pointer;color: #409eff">{{ item.dataset_name }} <span
class="mileage">{{ item.file_total }}</span></p>
<span class="org">{{ item.create_time }}</span> <span class="org">{{ item.create_time }}</span>
</div> </div>
<ul v-show="currenId == item.tsy_id && fold"> <ul v-show="currenId == item.tsy_id && fold">
<li :class="sample.tsy_id == currenSample ? 'bg-color' : ''" class="sample" :id="sample.tsy_id" <li :class="sample.tsy_id == currenSample ? 'bg-color' : ''" class="sample" :id="sample.tsy_id"
v-for="(sample, i) in item.sampleArray" :key="i" @click.stop="onSample(sample, item.job_type)">{{ sample.sample_name }} v-for="(sample, i) in item.sampleArray" :key="i" @click.stop="onSample(sample, item.job_type)">{{
sample.sample_name }}
</li> </li>
</ul> </ul>
<div class="left4_list"> <div class="left4_list">
<div class="list1"> <div class="list1">
<p>航次：</p> <p>航次：</p>
<span class="hover-color" style="color: #409eff" @click="turnDeatilPage(item)">{{ item.voyage_name }}</span> <span class="hover-color" style="color: #409eff" @click="turnDeatilPage(item)">{{ item.voyage_name
}}</span>
</div> </div>
<div class="list1"> <div class="list1">
<p>平台类型：</p> <p>平台类型：</p>
@ -232,7 +236,7 @@ import { getParamsList, getVoyageLine } from '../api/home'
import { regInfo } from '@/api/dataSearch' import { regInfo } from '@/api/dataSearch'
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
import Vue from 'vue' import Vue from 'vue'
import { loadVectorLayer } from '@/utils/vector-layer-utils' import { setMapLayoutProperty, loadVectorLayer } from '@/utils/vector-layer-utils'
import { ColorGenerator } from '@/utils/color-generator'; import { ColorGenerator } from '@/utils/color-generator';
import { initMapbox, triggerLayerClick } from "@/utils/mapbox-utils"; import { initMapbox, triggerLayerClick } from "@/utils/mapbox-utils";
@ -448,6 +452,9 @@ export default {
FrameSessionId: Cookies.get('JSESSIONID') FrameSessionId: Cookies.get('JSESSIONID')
} }
getDataList(params).then(res => { getDataList(params).then(res => {
// 先隐藏所有图层，再根据筛选结果显示对应图层
setMapLayoutProperty('dataSearchMap', 'none')
const arr = res.page.records const arr = res.page.records
if (this.radio === '航次') { if (this.radio === '航次') {
if (arr.length) { if (arr.length) {
@ -456,7 +463,6 @@ export default {
arr.forEach(item => { arr.forEach(item => {
item.highlight = false item.highlight = false
item.show = true item.show = true
// this.addSingleLineImg(item.voyage_name, null)
// 加载轨迹图层 // 加载轨迹图层
loadVectorLayer(item.voyage_name, ["line", "symbol"], [colors[i], colors[i]], "visible", "dataSearchMap", "dsds"); loadVectorLayer(item.voyage_name, ["line", "symbol"], [colors[i], colors[i]], "visible", "dataSearchMap", "dsds");
i++; i++;
@ -998,5 +1004,4 @@ export default {
color: #fff; color: #fff;
background: none !important; background: none !important;
} }
</style> </style>