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"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>数据之眼可视化大屏</title> <title>数据之眼可视化大屏</title>
</head> </head>

BIN
public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

2
src/App.vue
View File

@ -57,7 +57,7 @@ if (localStorage.getItem("TRADE_USER")) {
areaStroe.changeArea({ areaCode: area_code, streetCode: street_code }) areaStroe.changeArea({ areaCode: area_code, streetCode: street_code })
} }
if(! JSON.parse(localStorage.getItem("TRADE_TYPE")) )openPush(); if( !JSON.parse(localStorage.getItem("TRADE_TYPE")))openPush();
</script> </script>
<template> <template>

1
src/components/areaList.vue
View File

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

5
src/components/header.vue
View File

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

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

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

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

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