|
|
@@ -4,7 +4,7 @@
|
|
|
<div class="info-box">
|
|
|
<div class="select-box">
|
|
|
<van-radio-group v-model="queryParams.type" direction="horizontal" @change="handleChange">
|
|
|
- <van-radio name="1">当然热点</van-radio>
|
|
|
+ <van-radio name="1">当日热点</van-radio>
|
|
|
<van-radio name="2">
|
|
|
<div class="picker-container">
|
|
|
<DateRangePicker v-model="dateState.selectDate" @change="handleChange" />
|
|
|
@@ -25,7 +25,7 @@
|
|
|
<div class="text1">条数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <van-swipe v-if="forestFireData.dataList">
|
|
|
+ <van-swipe v-if="forestFireData.dataList && forestFireData.dataList.length > 0">
|
|
|
<van-swipe-item v-for="(item, index) in forestFireData.dataList" :key="index" class="swipe-card">
|
|
|
<div class="card-cell">
|
|
|
<div class="text1">{{ item.name }}</div>
|
|
|
@@ -46,7 +46,7 @@
|
|
|
<div class="card-cell">
|
|
|
<div class="card-item">
|
|
|
<div class="item-label">亮温强度</div>
|
|
|
- <div class="item-value">{{ !!item.data1 ? item.data1 : '--' }}K</div>
|
|
|
+ <div class="item-value2">{{ !!item.data1 ? item.data1 : '--' }}K</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card-cell">
|
|
|
@@ -60,6 +60,7 @@
|
|
|
<div class="custom-indicator">{{ active + 1 }}/{{ total }}</div>
|
|
|
</template>
|
|
|
</van-swipe>
|
|
|
+ <van-empty v-else image-size="30vw" description="暂无火点数据" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -88,7 +89,7 @@ const initData = () => {
|
|
|
total: 4,
|
|
|
dataList: [
|
|
|
{ name: '茂名市-高州市1', time1: '2024-07-25 10:30:01', time2: '2024-07-26 12:30:01', data1: '11', lng: '115.03', lat: '24.99', address: '立刻电视机风口浪尖分厘卡撒酒疯', data2: '林火' },
|
|
|
- { name: '茂名市-高州市2', time1: '2024-07-25 10:30:01', time2: '2024-07-26 12:30:01', data1: '11', lng: '115.03', lat: '24.99', address: '立刻电视机风口浪尖分厘卡撒酒疯', data2: '林火' },
|
|
|
+ { name: '茂名市-高州市2', time1: '2024-07-25 10:30:01', time2: '2024-07-26 12:30:01', data1: '11', lng: '115.03', lat: '24.99', address: '立刻电视机风口浪尖分厘卡撒酒疯立刻电视机风口浪尖分厘卡撒酒疯立刻电视机风口浪尖分厘卡撒酒疯', data2: '林火' },
|
|
|
{ name: '茂名市-高州市3', time1: '2024-07-25 10:30:01', time2: '2024-07-26 12:30:01', data1: '11', lng: '115.03', lat: '24.99', address: '立刻电视机风口浪尖分厘卡撒酒疯', data2: '林火' },
|
|
|
{ name: '茂名市-高州市4', time1: '2024-07-25 10:30:01', time2: '2024-07-26 12:30:01', data1: '11', lng: '115.03', lat: '24.99', address: '立刻电视机风口浪尖分厘卡撒酒疯', data2: '林火' }
|
|
|
]
|
|
|
@@ -160,8 +161,6 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
.swipe-card {
|
|
|
- background: #fff;
|
|
|
- border-radius: 4px;
|
|
|
padding: 10px;
|
|
|
.card-cell {
|
|
|
display: flex;
|
|
|
@@ -191,13 +190,21 @@ onMounted(() => {
|
|
|
margin-left: 5px;
|
|
|
}
|
|
|
.item-value {
|
|
|
- margin-top: 8px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .item-value2 {
|
|
|
+ margin-top: 5px;
|
|
|
+ color: #fd0000;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.van-swipe{
|
|
|
position: relative;
|
|
|
+ margin: 0 10px 10px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 4px;
|
|
|
.custom-indicator {
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
