zmj
/
tradeScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

究极更新

This commit is contained in:
zmj 2024-02-04 13:34:22 +08:00
parent 2d541ba5ba
commit 50f6ac8314
8 changed files with 41 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip Normal file
View File

Binary file not shown.

2
index.html
View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/static/index/DW.png" />
<link rel="icon" type="image/svg+xml" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>数据之眼可视化大屏</title>
</head>

BIN
public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

1
src/components/areaList.vue
View File

@ -83,6 +83,7 @@ globalEventBus.on('header7', data => {
<style lang="scss" scoped>
.address {
width: 8vw;
// height: 100%;
background-color: #001E32;
color: #C7DBE3;
z-index: 9999;

3
src/components/header.vue
View File

@ -1,7 +1,8 @@
<template>
<div class="headers">
<div class="logo" >
<img style="width: 33px;height:33px;margin-left: 50px;margin-top: 5px;"
src="/logo.png" alt="">
</div>
<div class="tab" v-if="role != 1">
<div class="tab-li">

55
src/components/index/topCenter.vue
View File

@ -13,13 +13,13 @@
<div style="font-size: 10px;">NUMBER OF COMMODITIES</div>
<img src="/static/index/JR.png" style="width: 75%;position: relative;margin-top: 3.7vh;" alt="">
<div style="margin-top: 2vh;position: relative;"> <span style="color: #9DD2E0;font-size: 16px;">{{
data?.totalProductCounInfo.todayProductCount }}</span>
data.totalProductCounInfo.todayProductCount }}</span>
件</div>
<div style="margin-top: 1.5vh;display: flex;justify-content: space-around;padding: 0 1vw;">
<div style="font-size: 12px;position: relative;display: flex;align-items: center;">
<img src="/static/index/ZRSJ.png" style="width: 1vw;height: 1vw;" alt="">
&nbsp;
昨日数据： {{ data?.totalProductCounInfo.yestertodayProductCount }}
昨日数据： {{ data.totalProductCounInfo.yestertodayProductCount }}
</div>
<div style="font-size: 12px;position: relative;display: flex;align-items: center;">
<img src="/static/index/ZHB.png" style="width: 1vw;height: 1vw;" alt="">
@ -50,12 +50,12 @@
<div style="font-size: 12px;position: relative;display: flex;align-items: center;">
<img src="/static/index/ZRSJ.png" style="width: 1vw;height: 1vw;" alt="">
&nbsp;
昨日数据： {{ data?.newProductCountInfo?.yestertodayNewProductCount }}
昨日数据： {{ data.newProductCountInfo.yestertodayNewProductCount }}
</div>
<div style="font-size: 12px;position: relative;display: flex;align-items: center;">
<img src="/static/index/ZHB.png" style="width: 1vw;height: 1vw;" alt="">
&nbsp;
周环比: {{ percent(data?.newProductCountInfo?.weeklyNewProductTotalGrowthRate) }}
周环比: {{ percent(data.newProductCountInfo.weeklyNewProductTotalGrowthRate) }}
</div>
</div>
</div>
@ -73,13 +73,13 @@
<div style="font-size: 10px;">ACCUMULATED NUMBERS OF SHOPS</div>
<img src="/static/index/JR.png" style="width: 75%;position: relative;margin-top: 3.7vh;" alt="">
<div style="margin-top: 2vh;position: relative;"> <span style="color: #9DD2E0;font-size: 16px;">{{
data?.merchantCountInfo?.todayMerchantCount }}</span>
data.merchantCountInfo.todayMerchantCount }}</span>
个</div>
<div style="margin-top: 1.5vh;display: flex;justify-content: space-around;padding: 0 1vw;">
<div style="font-size: 12px;position: relative;display: flex;align-items: center;">
<img src="/static/index/ZRSJ.png" style="width: 1vw;height: 1vw;" alt="">
&nbsp;
昨日数据： {{ data?.merchantCountInfo?.yestertodayMerchantCount }}
昨日数据： {{ data.merchantCountInfo.yestertodayMerchantCount }}
</div>
<div style="font-size: 12px;position: relative;display: flex;align-items: center;">
<img src="/static/index/ZHB.png" style="width: 1vw;height: 1vw;" alt="">
@ -117,24 +117,21 @@ const props = defineProps({
let data = reactive({
"totalProductCounInfo": {
"todayProductCount": 20,
"yestertodayProductCount": 292,
"weeklyProductTotalGrowthRate": "9.42"
totalProductCounInfo: {
todayProductCount: 0,
yestertodayProductCount: 0,
weeklyProductTotalGrowthRate: 0
},
"newProductCountInfo": {
"todayNewProductCount": 0,
"yestertodayNewProductCount": 0,
"weeklyNewProductTotalGrowthRate": "-1.00"
newProductCountInfo: {
todayNewProductCount: 0,
yestertodayNewProductCount: 0,
weeklyNewProductTotalGrowthRate: 0
},
"merchantCountInfo": {
"todayMerchantCount": 22,
"yestertodayMerchantCount": 22,
"weeklyMerchantGrowthRate": "-0.04"
merchantCountInfo: {
todayMerchantCount: 0,
yestertodayMerchantCount: 0,
weeklyMerchantGrowthRate: 0
}
})
let viewData = reactive(
@ -153,21 +150,23 @@ const clone = (data1, data2) => {
}
const percent = (num) => {
return (num) + "%"
}
onMounted(() => {
getProductCountApi(props.areaCodes).then(res => {
data = reactive(res.data)
clone(res.data, data)
console.log(data, 'data')
})
getViewCountApi(props.areaCodes).then(res => {
clone(res.data, viewData)
})
const percent = (num) => {
return (num) + "%"
}
})
</script>
<style lang="scss">

10
src/components/townDetail/topCenter.vue
View File

@ -126,17 +126,17 @@ const data = reactive(
"totalProductCounInfo": {
"todayProductCount": 0,
"yestertodayProductCount": 0,
"weeklyProductTotalGrowthRate": 6.6842
"weeklyProductTotalGrowthRate": 0
},
"newProductCountInfo": {
"todayNewProductCount": 0,
"yestertodayNewProductCount": 0,
"weeklyNewProductTotalGrowthRate": -270
"weeklyNewProductTotalGrowthRate": 0
},
"merchantCountInfo": {
"todayMerchantCount": 22,
"yestertodayMerchantCount": 22,
"weeklyMerchantGrowthRate": 0.0476
"todayMerchantCount": 0,
"yestertodayMerchantCount": 0,
"weeklyMerchantGrowthRate": 0
}
}