|
@@ -3,10 +3,6 @@
|
|
|
<ul class="type-list">
|
|
|
<li v-for="item in listData" @click="handleDemo(item)">
|
|
|
<img :src="getAssetsFile(`page/alert-bg-${item.pic}.png`)" alt="" />
|
|
|
- <div>
|
|
|
- {{ item.count }}
|
|
|
- <span>个</span>
|
|
|
- </div>
|
|
|
<span>{{ item.label }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -62,11 +58,11 @@ const panelStore = usePanelStore()
|
|
|
const uavInfoShow = ref(false)
|
|
|
|
|
|
const listData = ref([
|
|
|
- { label: '偏航预警', value: 'Yaw', pic: 'ph', count: 0 },
|
|
|
- { label: '空域闯入', value: 'BreakInto', pic: 'ky', count: 0 },
|
|
|
- { label: '天气预警', value: 'Weather', pic: 'tq', count: 0 },
|
|
|
- { label: '碰撞预警', value: 'Near', pic: 'pz', count: 0 },
|
|
|
- { label: '电量预警', value: 'Electricity', pic: 'dl', count: 0 },
|
|
|
+ { label: '偏航预警', value: 'Yaw', pic: 'ph' },
|
|
|
+ { label: '空域闯入', value: 'BreakInto', pic: 'ky' },
|
|
|
+ { label: '天气预警', value: 'Weather', pic: 'tq' },
|
|
|
+ { label: '碰撞预警', value: 'Near', pic: 'pz' },
|
|
|
+ { label: '电量预警', value: 'Electricity', pic: 'dl' },
|
|
|
])
|
|
|
|
|
|
const currentDemo = ref({})
|
|
@@ -118,8 +114,6 @@ function toggleOption(target) {
|
|
|
let routeList = []
|
|
|
|
|
|
function getData() {
|
|
|
- listData.value.forEach((row) => (row.count = 1))
|
|
|
-
|
|
|
GetRouteList()
|
|
|
.then((res) => {
|
|
|
if (!Array.isArray(res.data.data)) {
|
|
@@ -349,21 +343,6 @@ onBeforeUnmount(() => {
|
|
|
z-index: -1;
|
|
|
}
|
|
|
|
|
|
- & > div {
|
|
|
- display: flex;
|
|
|
- align-items: end;
|
|
|
- margin-bottom: 10px;
|
|
|
- font-family: BarlowMedium;
|
|
|
- font-size: 34px;
|
|
|
- line-height: 30px;
|
|
|
- span {
|
|
|
- margin-left: 5px;
|
|
|
- font-size: 22px;
|
|
|
- line-height: 22px;
|
|
|
- font-family: ShuHei;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
& > span {
|
|
|
font-size: 22px;
|
|
|
line-height: 22px;
|