lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

类型：开发

Browse Source 
描述：
This commit is contained in:
lixuefeng
2025-05-01 16:00:33 +08:00
parent 5563dc0536
commit a1277eb04d
8 changed files with 72 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/stores/scenic.js
View File

@@ -7,11 +7,11 @@ export const useScenicStore = defineStore('scenic', () => {
// 门票销售数据
let scenicSpotData = ref({
data: [
{ name: '预定今日票', value: 0 },
{ name: '预订今日票', value: 0 },
{ name: '今日购票数', value: 0 },
// { name: '购三天后票数', value: 0 }
{ name: '预订未来三天票数', value: 0 },
{ name: '预订未来十五天票数', value: 0 }
],
infoList: [
{ name: '游玩舒适度', type: 0, value: '空闲' },
@@ -21,7 +21,7 @@ export const useScenicStore = defineStore('scenic', () => {
]
})
// 景区排队信息
let scenicQueueData = ref({ dataList: [], header: { jrcp: 0, jrjdrs: 0,jrjdcy:0, pdcxsj: 0, pdrs: 0 } })
let scenicQueueData = ref({ dataList: [], header: { jrcp: 0, jrjdrs: 0,jrjdcy:0, pdcxsj: 0, pdrs: 0,pdrs_type:0 } })
// 景区负载信息
let scenicBearData = ref({ dataList: [], header: { jqRate: 0, jqzdcz: 0, jrjdrs: 0 } })
// 景区停车信息

3
src/views/home/components/allList.vue
View File

@@ -76,7 +76,7 @@
let isDiy = ref(0)
let params = reactive({
pageNum: 1,
pageSize: 15,
pageSize: 6,
businessScenicArea:'',
})
@@ -137,7 +137,6 @@
let cond = ref(false)
const getVideoList = async () => {
let res = await getSpotVideoEvents(params)
console.log(res,'rrrrrrrrr')
list.value = res.data
total.value = res.total
setTimeout(()=>{cond.value = true},1500)

11
src/views/home/components/box-1.vue
View File

@@ -24,9 +24,9 @@
>
<span class="statistic-title">{{ item.name }}</span>
<span v-if="item.value > 0" class="statistic-value">
<span class="prefix">排队</span>
<countup class="value" :end-val="item.value" />
<span class="suffix">人</span>
<span class="prefix" :class="{ active: item.type == 2}">排队</span>
<countup class="value" :class="{ active: item.type == 2}" :end-val="item.value" />
<span class="suffix" :class="{ active: item.type == 2}">人</span>
</span>
<span v-else class="statistic-value">暂无</span>
</div>
@@ -257,6 +257,7 @@
&:nth-child(1) {
margin-right: vw(10);
}
.statistic {
display: flex;
margin-top: vh(12);
@@ -287,11 +288,13 @@
.value {
font-weight: bold;
font-size: vw(28);
}
.active{
color: #ff4400;
}
.prefix,
.suffix {
color: #ff4400;
font-size: vw(12);
margin-bottom: vh(4);
}

3
src/views/home/components/box-3.vue
View File

@@ -370,8 +370,7 @@
color: #ffffff;
}
.error {
color: #F15A25;
color:#DCBB48;
color:#DCBB48;
}
.success {
color: #02F9FA;

8
src/views/home/index.vue
View File

@@ -70,7 +70,6 @@
homeStore.setTrafficInfoData(val)
break
case 'carStopInfo':
console.log(val,'carStopInfocarStopInfocarStopInfocarStopInfocarStopInfo')
homeStore.setCarStopInfoData(val)
break
case 'carShipData':
@@ -97,6 +96,13 @@
scenicSpotId: ''
})
)
sendMessage(
JSON.stringify({
action: 'start',
type: 'queuingInScenicSpots',
scenicSpotId: ''
})
)
sendMessage(
JSON.stringify({
action: 'start',

36
src/views/monitor/components/box-1.vue
View File

@@ -19,7 +19,7 @@
</div>
<div class="traffic-item">
<span class="traffic-item__title">异常点位 </span>
<countup class="traffic-item__value--error" :end-val="aiAnalyzeData.abnormalPoints" />
<countup :class="aiAnalyzeData.abnormalPoints>0?'traffic-item__value--error':'traffic-item__value--success'" :end-val="aiAnalyzeData.abnormalPoints" />
</div>
</div>
<Title1 title="景区智能AI分析" />
@@ -131,7 +131,7 @@
<div class="monitor-statistics-item">
<span class="monitor-statistics-item__label">异常点位</span>
<countup
class="monitor-statistics-item__value"
:class="pointAlarmData.abnormalPoints>0?'monitor-statistics-item__error':'monitor-statistics-item__value'"
:end-val="pointAlarmData.abnormalPoints"
/>
</div>
@@ -153,23 +153,23 @@
<div class="traffic-alarm-statistics">
<img class="traffic-alarm-statistics-icon" src="@/assets/images/t-ico-2.png" />
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">当前告警总数</span>
<span class="traffic-alarm-statistics-item__label">当前告警</span>
<countup
class="traffic-alarm-statistics-item__value"
:class="pointAlarmData.abnormalAlarm>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'"
:end-val="pointAlarmData.abnormalAlarm"
/>
</div>
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">异常告警总数</span>
<div :class="pointAlarmData.allAbnormalAlarm>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'">
<span class="traffic-alarm-statistics-item__label">异常告警</span>
<countup
class="traffic-alarm-statistics-item__value"
:end-val="pointAlarmData.allAbnormalAlarm"
/>
</div>
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">已解除告警总数</span>
<span class="traffic-alarm-statistics-item__label">已解除告警</span>
<countup
class="traffic-alarm-statistics-item__value"
:class="pointAlarmData.handled>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'"
:end-val="pointAlarmData.handled"
/>
</div>
@@ -394,9 +394,12 @@
color: #ffffff;
}
&:nth-child(4) {
.monitor-statistics-item__value {
.monitor-statistics-item__error {
color: #e21b1b;
}
.monitor-statistics-item__value {
color: #02f9fa;
}
}
}
}
@@ -424,7 +427,14 @@
margin-top: vh(10);
font-weight: bold;
font-size: vw(24);
color: #e21b1b;
color: #02f9fa;
text-align: center;
}
&__error {
margin-top: vh(10);
font-weight: bold;
font-size: vw(24);
color: #ff4400;
text-align: center;
}
&:nth-child(4) {
@@ -644,6 +654,12 @@
font-size: vw(24);
color: #02f9fa;
}
&-error{
margin-top: vh(10);
font-weight: bold;
font-size: vw(24);
color: #ff4400;
}
.count {
font-weight: bold;
font-size: vw(28);

11
src/views/scenic/components/box-1.vue
View File

@@ -16,7 +16,7 @@
<div>
<div v-for="(item, index) in scenicStore.scenicSpotData.infoList" :key="index">
<div class="label">{{ item.name }}</div>
<p class="value" :class="{ error: [3, 4].includes(item.type) }">{{ item.value }}</p>
<p class="value" :class="{ error: item.type==2,warning: item.type==1 }">{{ item.value }}</p>
</div>
</div>
</div>
@@ -65,7 +65,7 @@
<div>
<div class="bg">
<span class="label">今日紧急工单数：</span>
<span class="value error">
<span class="value" :class="scenicStore.wordkOrderData.warnData.count>1?'error':'success'">
<countup :end-val="scenicStore.wordkOrderData.warnData.count" />
</span>
</div>
@@ -266,6 +266,9 @@ import pubSub from 'pubsub-js'
text-align: center;
line-height: vh(60);
}
.warning {
color:#DCBB48;;
}
.error {
color: #ff4400;
}
@@ -487,7 +490,7 @@ import pubSub from 'pubsub-js'
.header {
height: vh(28);
font-weight: 400;
font-size: vw(12);
font-size: vw(24);
color: #fff;
display: flex;
background: linear-gradient(180deg, rgba(0, 99, 255, 0) 0%, #0063ff 100%);
@@ -517,7 +520,7 @@ import pubSub from 'pubsub-js'
.item {
height: vh(50);
font-weight: 400;
font-size: vw(14);
font-size: vw(24);
color: #f1f7ff;
display: flex;
&:nth-child(2n + 1) {

6
src/views/scenic/components/box-2.vue
View File

@@ -17,13 +17,9 @@
<count-item
label="排队人数"
:count="scenicStore.scenicQueueData.header.pdrs"
:color="scenicStore.scenicQueueData.header.pdrs_type == 0 ? '' : '#E21B1B'"
suffix="人"
/>
<!-- <count-item
label="排队持续时间"
:count="scenicStore.scenicQueueData.header.pdcxsj"
suffix="分钟"
/> -->
</div>
<div class="border">
<div class="pt-10">