1

package-lock.json

@@ -16,6 +16,7 @@
         "echarts": "^5.4.3",
         "element-plus": "^2.4.4",
         "mitt": "^3.0.1",
+        "moment": "^2.30.1",
         "pinia": "^2.1.7",
         "postcss-pxtorem": "^5.1.1",
         "vue": "^3.3.8",
@@ -2470,6 +2471,14 @@
       "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
       "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="
     },
+    "node_modules/moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
@@ -4891,6 +4900,11 @@
       "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
       "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="
     },
+    "moment": {
+      "version": "2.30.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
+      "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how=="
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",

package.json

@@ -17,6 +17,7 @@
     "echarts": "^5.4.3",
     "element-plus": "^2.4.4",
     "mitt": "^3.0.1",
+    "moment": "^2.30.1",
     "pinia": "^2.1.7",
     "postcss-pxtorem": "^5.1.1",
     "vue": "^3.3.8",

src/api.js

@@ -8,8 +8,8 @@ let expire = localStorage.getItem("TRADE_USER") ? JSON.parse(localStorage.getIte
 
 // 创建axios 实例
 const instacne = axios.create({
-    baseURL: "http://192.168.1.22:8545",
+    // baseURL: "http://192.168.1.22:8545",
-    // baseURL: "https://multi-store.lihaink.cn",
+    baseURL: "https://multi-store.lihaink.cn",
     // baseURL: "https://shop.lihaink.cn/",
     timeout: 30000,
 });

src/components/datePicker.vue

@@ -31,12 +31,8 @@ const getTime = (time) => {
 const date = ref([areaStore.time[0], areaStore.time[1]])
 const changeDate = (e) => {
     areaStore.changeTime([getTime(e[0]),getTime(e[1])])
-
 }
 
-
-
-
 </script>
 
 

src/components/datePickerOne.vue

@@ -0,0 +1,122 @@
+<template>
+    <el-config-provider :locale="localeZH">
+        <el-date-picker v-model="date" @change="changeDate" style="background-color: #001E31;  width: 10vw;">
+        </el-date-picker>
+    </el-config-provider>
+</template>
+
+
+
+<script setup>
+import { ref, reactive } from 'vue'
+import localeZH from 'element-plus/es/locale/lang/zh-cn'
+import mitt from '@/view/utils/mitt.js'
+
+import { areaObj } from "@/store/index.js"
+const areaStore = areaObj()
+
+
+// 将时间对象转化为年月日
+const getTime = (time) => {
+    var date =time
+    var year = date.getFullYear();
+    var month = (date.getMonth() + 1).toString().padStart(2, '0');
+    var day = date.getDate().toString().padStart(2, '0');
+
+    var formattedDate = year + '-' + month + '-' + day;
+
+    return formattedDate
+}
+
+const date = ref(new Date())
+const changeDate = (e) => {
+    // areaStore.changeTime([getTime(e[0]),getTime(e[1])])
+    areaStore.setDate(getTime(e))
+    mitt.emit('changeOneTime', e)
+}
+
+</script>
+
+
+<style lang="scss">
+:deep(.el-picker-panel__body) {
+    font-size: 26px;
+    text-align: center;
+    color: rgb(8, 101, 172);
+    background-color: red;
+}
+
+#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>input:nth-child(2) {
+    color: #C7DBE3 !important;
+}
+
+#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>input:nth-child(4) {
+    color: #C7DBE3;
+}
+
+#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>span {
+    color: #C7DBE3;
+}
+
+.el-input__inner{
+    color: #fff;
+}
+.el-input__wrapper{
+    background-color: #001E31;
+    color: white;
+}
+
+.el-popper.is-light .el-popper__arrow::before{
+    background-color: #001E31;
+}
+
+.el-date-picker__header{
+    margin: 0;
+    padding-top: 0.0625rem;
+}
+
+.el-popper .is-pure .is-light .el-picker__popper{
+    background-color: #001E31;
+}
+
+.el-picker-panel {
+    background-color: #001E31;
+    color: white;
+}
+
+.end-date .el-date-table-cell {
+    border-radius: 0 !important;
+}
+
+.start-date .el-date-table-cell {
+    border-radius: 0 !important;
+}
+
+.in-range .el-date-table-cell {
+    background-color: transparent !important;
+    border: 1px solid #41A5BEed;
+    box-shadow: inset 0 0 10px #41A5BEed !important;
+}
+
+.el-date-table td.end-date .el-date-table-cell__text,
+.el-date-table td.start-date .el-date-table-cell__text {
+    background-color: transparent;
+
+}
+
+.el-date-range-picker__content.is-left {
+    border-right: 1px solid #2C4D54;
+}
+
+.el-popper.is-light {
+    border: 0;
+}
+
+.el-date-table th {
+    border-bottom: 1px solid #2C4D54;
+}
+
+.el-date-table th {
+    color: white;
+}
+</style>

src/components/header.vue

@@ -55,7 +55,8 @@
             <span style="font-size: 18px;font-weight:bold;color:#eee;">{{ headerTitle }}</span>
         </div>
         <div class="right">
-            <datePicker></datePicker>
+            <!-- <datePicker></datePicker> -->
+            <datePickerOne></datePickerOne>
             <div class="rigth-li" @click="choseAreaFn"> <img style="width: 1VW;height:1VW;margin-right: 0.5vw;"
                     src="/static/index/DW.png" alt=""> {{ area }}
             </div>
@@ -94,6 +95,7 @@ import { useRouter, useRoute } from 'vue-router'
 import MapLoader from "@/view/utils/position.js"
 import { areaObj } from "@/store/index.js"
 import datePicker from "@/components/datePicker.vue"
+import datePickerOne from "@/components/datePickerOne.vue"
 import mitt from '@/view/utils/mitt.js'
 const areaStore = areaObj()
 let area = ref('')

src/components/townDetail/bottomCenter.vue

@@ -4,23 +4,29 @@
 </template>
 <script setup>
 import * as echarts from 'echarts';
-import { onMounted } from 'vue'
 import { getUserTradeCountApi } from "@/api.js"
 import { areaObj } from '../../store';
 let areaStore = areaObj()
 
+
 getUserTradeCountApi(
-    { ...areaStore.area }
+    { ...areaStore.area, date: areaStore.date }
 ).then(res => {
-    res.data.forEach(item => {
+    // res.data.forEach(item => {
-        transactionUsersTown.xAxis[0]
+    // transactionUsersTown.xAxis[0]
-        transactionUsersTown.xAxis[0].data.push(item.date.slice(5, item.date.length))
+    // transactionUsersTown.xAxis[0].data.push(item.date.slice(5, item.date.length))
-        transactionUsersTown.series[0].data.push(item.visitUser)
+    // transactionUsersTown.series[0].data.push(item.visitUser)
-        transactionUsersTown.series[1].data.push(item.orderUser        )
+    // transactionUsersTown.series[1].data.push(item.orderUser)
-        transactionUsersTown.series[2].data.push(item.payOrderUser)
+    // transactionUsersTown.series[2].data.push(item.payOrderUser)
-    })
+    // })
+    transactionUsersTown.xAxis[0].data = res.data.x;
+    res.data.series.forEach((item, index) => {
+        transactionUsersTown.series[index].data = item.value;
+    });
     initCharts('transactionUsers', transactionUsersTown)
 })
+
+
 const initCharts = (tag, option) => {
     var chartDom = document.getElementById(tag);
     var myChart = echarts.init(chartDom);
@@ -28,7 +34,7 @@ const initCharts = (tag, option) => {
 
 }
 const transactionUsersTown = {
-    color: ['#4B5FDB', '#583936', '#10C1CE'],
+    color: ['#4B5FDB', '#10C1CE', '#583936'],
     title: {
         text: ''
     },
@@ -42,7 +48,7 @@ const transactionUsersTown = {
         }
     },
     legend: {
-        data: ['访客人数', '下单人数', '支付人数',],
+        data: ['今日', '昨日'],
         textStyle: {
             color: "white"
         },
@@ -85,7 +91,7 @@ const transactionUsersTown = {
     ],
     series: [
         {
-            name: '访客人数',
+            name: '今日',
             type: 'line',
             smooth: true,
             lineStyle: {
@@ -111,33 +117,7 @@ const transactionUsersTown = {
             data: []
         },
         {
-            name: '下单人数',
+            name: '昨日',
-            type: 'line',
-            smooth: true,
-            lineStyle: {
-                width: 0
-            },
-            showSymbol: false,
-            areaStyle: {
-                opacity: 0.8,
-                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    {
-                        offset: 0,
-                        color: '#583936'
-                    },
-                    {
-                        offset: 1,
-                        color: '#8b7042'
-                    }
-                ])
-            },
-            emphasis: {
-                focus: 'series'
-            },
-            data: []
-        },
-        {
-            name: '支付人数',
             type: 'line',
             smooth: true,
             lineStyle: {
@@ -162,12 +142,38 @@ const transactionUsersTown = {
             },
             data: []
         },
+        // {
+        //     name: '支付人数',
+        //     type: 'line',
+        //     smooth: true,
+        //     lineStyle: {
+        //         width: 0
+        //     },
+        //     showSymbol: false,
+        //     areaStyle: {
+        //         opacity: 0.8,
+        //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+        //             {
+        //                 offset: 0,
+        //                 color: '#583936'
+        //             },
+        //             {
+        //                 offset: 1,
+        //                 color: '#8b7042'
+        //             }
+        //         ])
+        //     },
+        //     emphasis: {
+        //         focus: 'series'
+        //     },
+        //     data: []
+        // },
 
 
     ]
 }
 
-
+let a = 0
 </script>
 
 

src/components/townDetail/bottomRight.vue

@@ -5,8 +5,8 @@
             <span class="btn" :class="{ actbtn: showGoods }" @click="showGoods = true">商品销售排行</span>
             <span class="btn" :class="{ actbtn: !showGoods }" @click="showGoods = false">店铺销量排行</span>
         </div> -->
-        <dv-scroll-board v-show="showGoods" :config="config3" style="height: 35vh;margin-left: 1%;" />
+        <dv-scroll-board v-show="showGoods" :config="config3" style="height: 35vh;margin-left: 2%;width: 97%;" />
-        <dv-scroll-board v-show="!showGoods" :config="config" style="height: 35vh;margin-left: 1%;" />
+        <dv-scroll-board v-show="!showGoods" :config="config" style="height: 35vh;margin-left: 2%;width: 97%;" />
     </div>
 </template>
 <script setup>
@@ -15,14 +15,13 @@ import { getSalesRankApi } from "@/api.js"
 import { areaObj } from "@/store/index.js"
 const showGoods = ref(true)
 const areaStore = areaObj()
-getSalesRankApi({ ...areaStore.area }).then(res => {
+getSalesRankApi({ ...areaStore.area, date: areaStore.date }).then(res => {
     
     console.log("===", res);
     // townProductCount = res.data.townProductCount
     // productRankingTotal = res.data.productRankingTotal
     aa(config3, res.data)
-    aa(config, res.data.merchantRankingList
+    // aa(config, res.data.merchantRankingList)
-    )
 
 
 })
@@ -38,23 +37,31 @@ const aa = (cig, data) => {
     let list = []
     productRankingTotal = 0
     data?.forEach((item, i) => {
-        productRankingTotal += item.sales
+        // productRankingTotal += item.sales
+        // item.order_id = item.order_id
+        if (item.order_id?.length > 12) {
+            item.order_id = item.order_id.substring(0, 8) + "****" + item.order_id.substring(12)
+        }
         cig.data.push([
 
-            `<div style="line-height:30px; text-align: center;background-image: url('/static/index/PM${(i + 1) <= 3 ? (i + 1) : 4}.png');width: 30px;height: 30px;background-size: cover;" >${i + 1}</div> `,
+            // `<div style="line-height:30px; text-align: center;background-image: url('/static/index/PM${(i + 1) <= 3 ? (i + 1) : 4}.png');width: 30px;height: 30px;background-size: cover;" >${i + 1}</div> `,
-            `<div style='background:red;position:relative'><img src="${item.image || item.mini_banner}" style="width: 30px;height: 30px;position:absolute" alt=""></div>`,
+            // `<div style='background:red;position:relative'><img src="${item.image || item.mini_banner}" style="width: 30px;height: 30px;position:absolute" alt=""></div>`,
-            `<div style='height:40px;line-height:40px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.store_name || item.mer_name}</div>`,
+            // `<div style='height:40px;line-height:40px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.store_name || item.mer_name}</div>`,
-            `<div style='  transform: translateY(12px); width: 100%; height: 10px; background-color: #122E3F;overflow: hidden;'> <div style=' width:  ${item.store_name ? (item.sales / productRankingTotal).toFixed(2) * 100 : (item.total_sales / townProductCount).toFixed(2) * 100}%;height: 100%; background: linear-gradient(to right, #4459CC, #53CAE2);transition: width 0.5s ease-in-out;'></div> </div>`,
+            // `<div style='  transform: translateY(12px); width: 100%; height: 10px; background-color: #122E3F;overflow: hidden;'> <div style=' width:  ${item.store_name ? (item.sales / productRankingTotal).toFixed(2) * 100 : (item.total_sales / townProductCount).toFixed(2) * 100}%;height: 100%; background: linear-gradient(to right, #4459CC, #53CAE2);transition: width 0.5s ease-in-out;'></div> </div>`,
-            `<div style=' position: relative;line-height:30px;text-align:center' >${item.sales} <span style='font-size:10px'>单</span>
+            // `<div style=' position: relative;line-height:30px;text-align:center' >${item.sales} <span style='font-size:10px'>单</span>
-                    <img src="/static/index/PHBBG.png" style="position: absolute;width: 100%;height: 30px; top:0px;left:0px" alt="">
+            //         <img src="/static/index/PHBBG.png" style="position: absolute;width: 100%;height: 30px; top:0px;left:0px" alt="">
-                </div>`,
+            //     </div>`,
 
+            `<div style="line-height:30px; text-align: center;background-image: url('/static/index/PM${(i + 1) <= 3 ? (i + 1) : 4}.png');width: 30px;height: 30px;background-size: cover;" >${i + 1}</div> `,
+            `<div style='height:30px;line-height:30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.order_id}</div>`,
+            `<div style='height:30px;line-height:30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.pay_price}元</div>`,
+            `<div style='height:30px;line-height:30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.create_time}</div>`,
 
 
         ])
     })
 
-
+    console.log(cig);
 
 
     return list
@@ -67,11 +74,10 @@ const config3 = reactive({
     // columnWidth: [
     //     2, 3, 4, 10, 3
     // ],
-    columnWidth: [50, 50, 150, 150, 100],
+    rowNum: 8,
+    columnWidth: [50, 190, 100, 200],
     data: []
-}
+})
-
-)
 
 const config = reactive({
     oddRowBGC: "#001C2E",

src/components/townDetail/bottomleft.vue

@@ -45,7 +45,7 @@ const areaStore = areaObj()
 
 street_currday_order_countApi(
 
-    { ...areaStore.area, streetCode: props.code }
+    { ...areaStore.area, streetCode: props.code, date: areaStore.date }
 
 ).then(res => {
 

src/components/townDetail/topCenter.vue

@@ -151,7 +151,7 @@ const viewData = reactive({
 })
 
 getProductCountApi({
-    ...areaStore.area
+    ...areaStore.area, date: areaStore.date
 }).then(res => {
 
     for (let key in res.data) {
@@ -163,7 +163,7 @@ getProductCountApi({
 
 const initViewCount = ()=>{
     getViewCountApi({
-        ...areaStore.area
+        ...areaStore.area, date: areaStore.date
     }).then(res => {
         for (let key in res.data) {
             viewData[key] = res.data[key]

src/components/townDetail/topLeft.vue

@@ -35,7 +35,7 @@ const props = defineProps({
 
 getUserNumApi({
     ...areaStore.area,
-    streetCode: props.code
+    streetCode: props.code, date: areaStore.date
 }).then(res => {
 
 

src/components/townDetail/topRight.vue

@@ -1,23 +1,64 @@
 <template>
     <img class="img-cls" src="/static/town/DDSJ.png" alt="">
-    <div class="order-data">
+    <div class="order-data" v-if="config.data.length">
-        <div class="tit">
+        <div style="height: 40vh;margin-left: 2%;width: 97%;" id="topRightDV">
-            <div style="display: flex;align-items: center;">
+            <dv-scroll-board :config="config" />
-                <div class="gradient-circle">
         </div>
-                日订单数据
-            </div>
-            <div style="display: flex;align-items: center;">
-                <div class="gradient-circle">
-                </div>
-                月订单数据
-            </div>
-        </div>
-        <div style="width: 100%;height:50%; transform: translateY(5vh);" id="orderData"></div>
-        <div style="width: 100%;height: 50%;" id="orderData2"></div>
-
     </div>
 </template>
+<script setup>
+import * as echarts from 'echarts';
+import { onMounted, defineProps, reactive, ref } from "vue"
+import { order_user_num_countApi, getSalesRankApi } from "@/api.js"
+import { areaObj } from '../../store';
+
+const areaStore = areaObj()
+
+order_user_num_countApi({ ...areaStore.area, date: areaStore.date }).then(res => {
+    aa(res.data)
+})
+
+const aa = (data) => {
+    let list = []
+    data?.forEach((item, i) => {
+        if (item.nickname?.length > 10) {
+            item.nickname = item.nickname.substring(0, 6) + "****" + item.nickname.substring(10)
+        }else if(item.nickname?.length > 2) {
+            item.nickname = item.nickname.substring(0, 2);
+            for(let i = 0; i < item.nickname.length - 2; i++) {
+                item.nickname += "*";
+            }
+        }
+        config.data.push([
+            `<div style="line-height:30px; text-align: center;background-image: url('/static/index/PM${(i + 1) <= 3 ? (i + 1) : 4}.png');width: 30px;height: 30px;background-size: cover;" >${i + 1}</div> `,
+            `<div style='height:30px;line-height:30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.nickname}</div>`,
+            `<div style='height:30px;line-height:30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.price}元</div>`,
+            `<div style='height:30px;line-height:30px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;'>${item.create_time}</div>`,
+        ])
+    })
+
+    console.log(config);
+
+
+    return list
+
+}
+
+const config = reactive({
+    oddRowBGC: "#001C2E",
+    evenRowBGC: "#001C2E",
+    rowNum: 10,
+    columnWidth: [60, 190, 100, 200],
+    data: []
+})
+
+const props = defineProps({
+    code: Object,
+})
+
+</script>
+
+
 <style lang="scss" scoped>
 .img-cls {
     width: 98%;
@@ -34,190 +75,10 @@
     box-sizing: border-box;
     padding-right: 1vw;
     position: relative;
+    overflow: hidden;
 
-    .tit {
+    #topRightDV{
-        position: absolute;
+        padding-top: 5vh;
-        color: white;
-        // background-color: #fff;
-        top: 6vh;
-        width: 100%;
-        font-size: 10px;
-        display: flex;
-        justify-content: space-around;
-
-        .gradient-circle {
-            width: 10px;
-            height: 10px;
-            background: radial-gradient(at top left, transparent, #029BE9);
-            border-radius: 50%;
-        }
     }    
 }
 </style>
-<script setup>
-import * as echarts from 'echarts';
-import { onMounted, defineProps } from "vue"
-import { order_user_num_countApi } from "@/api.js"
-import { areaObj } from '../../store';
-
-const areaStore = areaObj()
-
-order_user_num_countApi(
-    {
-        ...areaStore.area
-    }
-).then(res => {
-    orderData.series[0].data.push(res.data.orderNum)
-    orderData.series[0].data.push(res.data.monthOrderNum)
-    orderData2.series[0].data.push(res.data.orderPayNum)
-    orderData2.series[0].data.push(res.data.monthOrderPayNum)
-    initCharts('orderData', orderData)
-    initCharts('orderData2', orderData2)
-
-
-    console.log(45454)
-})
-
-
-
-const props = defineProps({
-    code: Object,
-})
-const orderData = {
-
-    tooltip: {
-        trigger: 'axis',
-        axisPointer: {
-            type: 'shadow'
-        }
-    },
-    legend: {},
-    grid: {
-        left: '3%',
-        right: '4%',
-        bottom: '3%',
-        containLabel: true
-    },
-    xAxis: {
-        type: 'value',
-        boundaryGap: [0, 0.01],
-        splitLine: {
-            show: true,
-            lineStyle: {
-                type: 'dashed',//背景色为虚线,
-                color: '#256980'
-            }
-        }
-    },
-    yAxis: {
-        type: 'category',
-        data: ['当日订单数', '当月订单数'],
-
-    },
-    series: [
-        {
-            barWidth: 15,
-            barGap: '1000%',/*多个并排柱子设置柱子之间的间距*/
-            barCategoryGap: '100%',/*多个并排柱子设置柱子之间的间距*/
-            data: [],
-            type: 'bar',
-            itemStyle: {
-                normal: {
-                    color: function (params) {
-                        var colorList = [new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-                            { offset: 1, color: '#0298E5' },
-                            { offset: 0, color: 'transparent' },
-                        ]), new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-                            { offset: 1, color: '#4358C8' },
-                            { offset: 0, color: 'transparent' },
-                        ])];
-                        return colorList[params.dataIndex]
-                    },
-                    borderColor: ['blue']
-
-                },
-                borderWidth: 2,
-                borderColor: "red",
-            },
-
-        }
-    ]
-}
-
-const orderData2 = {
-
-    tooltip: {
-        trigger: 'axis',
-        axisPointer: {
-            type: 'shadow'
-        }
-    },
-    legend: {},
-    grid: {
-        left: '3%',
-        right: '4%',
-        bottom: '3%',
-        containLabel: true
-    },
-    xAxis: {
-        type: 'value',
-        boundaryGap: [0, 0.01],
-        splitLine: {
-            show: true,
-            lineStyle: {
-                type: 'dashed',//背景色为虚线,
-                color: '#256980'
-            }
-        }
-    },
-    yAxis: {
-        type: 'category',
-        data: ['当日支付人数', '当月支付人数'],
-
-    },
-    series: [
-        {
-            barWidth: 15,
-            barGap: '1000%',/*多个并排柱子设置柱子之间的间距*/
-            barCategoryGap: '100%',/*多个并排柱子设置柱子之间的间距*/
-            data: [],
-            type: 'bar',
-            itemStyle: {
-                normal: {
-                    color: function (params) {
-                        var colorList = [new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-                            { offset: 1, color: '#0298E5' },
-                            { offset: 0, color: 'transparent' },
-                        ]), new echarts.graphic.LinearGradient(1, 0, 0, 0, [
-                            { offset: 1, color: '#4358C8' },
-                            { offset: 0, color: 'transparent' },
-                        ])];
-                        return colorList[params.dataIndex]
-                    },
-                    borderColor: ['blue']
-
-                },
-                borderWidth: 2,
-                borderColor: "red",
-            },
-
-        }
-    ]
-}
-
-
-// 图表
-const initCharts = (tag, option) => {
-    var chartDom = document.getElementById(tag);
-    var myChart = echarts.init(chartDom);
-    myChart.setOption(option);
-}
-onMounted(() => {
-    document.getElementById("orderData").removeAttribute('_echarts_instance_');
-    document.getElementById("orderData2").removeAttribute('_echarts_instance_');
-
-    // initCharts('orderData', orderData)
-    // initCharts('orderData2', orderData2)
-
-})
-</script>

src/components/townDetail/topRight2.vue

@@ -0,0 +1,225 @@
+<template>
+    <img class="img-cls" src="/static/town/DDSJ.png" alt="">
+    <div class="order-data">
+        <div class="tit">
+            <div style="display: flex;align-items: center;">
+                <div class="gradient-circle">
+                </div>
+                日订单数据
+            </div>
+            <div style="display: flex;align-items: center;">
+                <div class="gradient-circle">
+                </div>
+                月订单数据
+            </div>
+        </div>
+        <div style="width: 100%;height:50%; transform: translateY(5vh);" id="orderData"></div>
+        <div style="width: 100%;height: 50%;" id="orderData2"></div>
+
+    </div>
+</template>
+<script setup>
+import * as echarts from 'echarts';
+import { onMounted, defineProps } from "vue"
+import { order_user_num_countApi } from "@/api.js"
+import { areaObj } from '../../store';
+
+const areaStore = areaObj()
+
+order_user_num_countApi(
+    {
+        ...areaStore.area, date: areaStore.date
+    }
+).then(res => {
+    orderData.series[0].data.push(res.data.orderNum)
+    orderData.series[0].data.push(res.data.monthOrderNum)
+    orderData2.series[0].data.push(res.data.orderPayNum)
+    orderData2.series[0].data.push(res.data.monthOrderPayNum)
+    initCharts('orderData', orderData)
+    initCharts('orderData2', orderData2)
+
+
+    console.log(45454)
+})
+
+
+
+const props = defineProps({
+    code: Object,
+})
+const orderData = {
+
+    tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+            type: 'shadow'
+        }
+    },
+    legend: {},
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    xAxis: {
+        type: 'value',
+        boundaryGap: [0, 0.01],
+        splitLine: {
+            show: true,
+            lineStyle: {
+                type: 'dashed',//背景色为虚线,
+                color: '#256980'
+            }
+        }
+    },
+    yAxis: {
+        type: 'category',
+        data: ['当日订单数', '当月订单数'],
+
+    },
+    series: [
+        {
+            barWidth: 15,
+            barGap: '1000%',/*多个并排柱子设置柱子之间的间距*/
+            barCategoryGap: '100%',/*多个并排柱子设置柱子之间的间距*/
+            data: [],
+            type: 'bar',
+            itemStyle: {
+                normal: {
+                    color: function (params) {
+                        var colorList = [new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                            { offset: 1, color: '#0298E5' },
+                            { offset: 0, color: 'transparent' },
+                        ]), new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                            { offset: 1, color: '#4358C8' },
+                            { offset: 0, color: 'transparent' },
+                        ])];
+                        return colorList[params.dataIndex]
+                    },
+                    borderColor: ['blue']
+
+                },
+                borderWidth: 2,
+                borderColor: "red",
+            },
+
+        }
+    ]
+}
+
+const orderData2 = {
+
+    tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+            type: 'shadow'
+        }
+    },
+    legend: {},
+    grid: {
+        left: '3%',
+        right: '4%',
+        bottom: '3%',
+        containLabel: true
+    },
+    xAxis: {
+        type: 'value',
+        boundaryGap: [0, 0.01],
+        splitLine: {
+            show: true,
+            lineStyle: {
+                type: 'dashed',//背景色为虚线,
+                color: '#256980'
+            }
+        }
+    },
+    yAxis: {
+        type: 'category',
+        data: ['当日支付人数', '当月支付人数'],
+
+    },
+    series: [
+        {
+            barWidth: 15,
+            barGap: '1000%',/*多个并排柱子设置柱子之间的间距*/
+            barCategoryGap: '100%',/*多个并排柱子设置柱子之间的间距*/
+            data: [],
+            type: 'bar',
+            itemStyle: {
+                normal: {
+                    color: function (params) {
+                        var colorList = [new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                            { offset: 1, color: '#0298E5' },
+                            { offset: 0, color: 'transparent' },
+                        ]), new echarts.graphic.LinearGradient(1, 0, 0, 0, [
+                            { offset: 1, color: '#4358C8' },
+                            { offset: 0, color: 'transparent' },
+                        ])];
+                        return colorList[params.dataIndex]
+                    },
+                    borderColor: ['blue']
+
+                },
+                borderWidth: 2,
+                borderColor: "red",
+            },
+
+        }
+    ]
+}
+
+
+// 图表
+const initCharts = (tag, option) => {
+    var chartDom = document.getElementById(tag);
+    var myChart = echarts.init(chartDom);
+    myChart.setOption(option);
+}
+onMounted(() => {
+    document.getElementById("orderData").removeAttribute('_echarts_instance_');
+    document.getElementById("orderData2").removeAttribute('_echarts_instance_');
+
+    // initCharts('orderData', orderData)
+    // initCharts('orderData2', orderData2)
+
+})
+</script>
+
+
+<style lang="scss" scoped>
+.img-cls {
+    width: 98%;
+    height: 45vh;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.order-data {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding-right: 1vw;
+    position: relative;
+
+    .tit {
+        position: absolute;
+        color: white;
+        // background-color: #fff;
+        top: 6vh;
+        width: 100%;
+        font-size: 10px;
+        display: flex;
+        justify-content: space-around;
+
+        .gradient-circle {
+            width: 10px;
+            height: 10px;
+            background: radial-gradient(at top left, transparent, #029BE9);
+            border-radius: 50%;
+        }
+    }
+}
+</style>

src/store/index.js

@@ -43,6 +43,7 @@ export const areaObj = defineStore('counter', {
             // streetCode: 51052410
 
         },
+        date: now(),
         time: [lastMouth(), now()],
         // 商户请求的参数
         store: {
@@ -74,6 +75,9 @@ export const areaObj = defineStore('counter', {
         },
         storeLogin(obj) {
             this.userInfo.user = obj
+        },
+        setDate(date){
+            this.date = date
         }
 
     }

src/view/index.vue

@@ -4,7 +4,7 @@
     </div>
 
     <div class="box" :style="{ opacity: showLoading ? 0 : 1 }">
-        <div class="body">
+        <!-- <div class="body">
             <div class="l">
                 <topLeft :areaCodes="areaCodes" />
             </div>
@@ -25,34 +25,34 @@
             <div class="r">
                 <bottomRight :areaCodes="areaCodes"></bottomRight>
             </div>
-        </div>
+        </div> -->
     </div>
 </template> 
 <script setup>
 
-import { ref, reactive } from "vue"
+// import { ref, reactive } from "vue"
-import topLeft from "@/components/index/topLeft.vue"
+// import topLeft from "@/components/index/topLeft.vue"
-import topCenter from "@/components/index/topCenter.vue"
+// import topCenter from "@/components/index/topCenter.vue"
-import topRight from "@/components/index/topRight.vue"
+// import topRight from "@/components/index/topRight.vue"
-import bottomLeft from "@/components/index/bottomLeft.vue"
+// import bottomLeft from "@/components/index/bottomLeft.vue"
-import bottomCenter from "@/components/index/bottomCenter.vue"
+// import bottomCenter from "@/components/index/bottomCenter.vue"
-import bottomRight from "@/components/index/bottomRight.vue"
+// import bottomRight from "@/components/index/bottomRight.vue"
-import { areaObj } from '@/store/index.js'
+// import { areaObj } from '@/store/index.js'
-import { useRouter } from "vue-router"
+// import { useRouter } from "vue-router"
-const router = useRouter()
+// const router = useRouter()
 
 
 
-const showLoading = ref(true)
+// const showLoading = ref(true)
-const areaStore = areaObj()
+// const areaStore = areaObj()
-const areaCodes = reactive({
+// const areaCodes = reactive({
-    ...areaStore.area
+//     ...areaStore.area
-})
+// })
 
 
-setTimeout(() => {
+// setTimeout(() => {
-    showLoading.value = false
+//     showLoading.value = false
-}, 1000);
+// }, 1000);
 </script>
 <style lang="scss">
 @keyframes jump {

src/view/townDetail.vue

@@ -8,13 +8,13 @@
 
         <div class="top box">
             <div class="l">
-                <topLeft :code="route.query.code" :key="route.query.code+key"></topLeft>
+                <topLeft :code="route.query.code" :key="key"></topLeft>
             </div>
             <div class="c" id="">
-                <topCenter :code="route.query.code" :key="route.query.code+key"></topCenter>
+                <topCenter :code="route.query.code" :key="key"></topCenter>
             </div>
             <div class="r">
-                <topRight :code="route.query.code" :key="route.query.code+key"></topRight>
+                <topRight :code="route.query.code" :key="key"></topRight>
             </div>
 
 
@@ -22,13 +22,13 @@
         <div class="bottom box">
             <div class="l">
 
-                <bottomleft :code="route.query.code" :key="route.query.code+key"></bottomleft>
+                <bottomleft :code="route.query.code" :key="key"></bottomleft>
             </div>
             <div class="c">
-                <bottomCenter :key="route.query.code+key"></bottomCenter>
+                <bottomCenter :key="key"></bottomCenter>
             </div>
             <div class="r">
-                <bottomRight :code="route.query.code" :key="route.query.code+key"></bottomRight>
+                <bottomRight :code="route.query.code" :key="key"></bottomRight>
 
             </div>
         </div>
@@ -43,6 +43,7 @@ import { useRoute } from 'vue-router';
 import topCenter from "@/components/townDetail/topCenter.vue"
 import topLeft from "@/components/townDetail/topLeft.vue"
 import topRight from "@/components/townDetail/topRight.vue"
+import mitt from '@/view/utils/mitt.js'
 import { ref } from 'vue'
 
 const show = ref(true)
@@ -62,10 +63,19 @@ onMounted(() => {
         key.value++
     }, 1000 * 60)
 
+    mitt.on('changeOneTime', (data) => {
+        key.value++;
+        clearInterval(timer1)
+        timer1 = setInterval(() => {
+            key.value++
+        }, 1000 * 60)
+    })
+
 })
 
-onUnmounted(()=>{
+onUnmounted(() => {
     clearInterval(timer1)
+    mitt.off('changeOneTime')
 })
 
 </script>

vite.config.js

@@ -4,7 +4,7 @@ import path from 'path'
 import postCssPxToRem from 'postcss-pxtorem'
 export default defineConfig({
     plugins: [vue()],
-    // base: 'yusi/',
+    base: 'yusi/',
     // base: 'sss/',
     server: {				// ← ← ← ← ← ←
         host: '0.0.0.0'	// ← 新增内容 ←
@@ -47,7 +47,7 @@ export default defineConfig({
             ],
         },
         // outDir: 'sss',
-        // outDir: 'yusi',
+        outDir: 'yusi',
     }
 
 

yusi/assets/Bill-nBvLz9Se.js

@@ -1 +1 @@
-import{b as i,f as o,d as t,t as s}from"./index-WCpniRK8.js";const a="/yusi/assets/bg-sv6D9nMu.png",e="data:image/png;base64,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",c={style:{position:"relative","margin-right":"21px","margin-top":"20px"}},n=t("img",{src:a,style:{width:"100%",position:"absolute",height:"50px"},alt:""},null,-1),g=t("img",{src:e,style:{position:"absolute"},alt:""},null,-1),r=["src"],d={style:{position:"relative",padding:"0 10px",top:"5px","margin-left":"45px"}},l={style:{"font-size":"16px","font-family":"FZCYJ",color:"#A9EDFC"}},x={style:{"font-size":"12px",color:"#8395A4","margin-top":"5px"}},E={__name:"Bill",props:{data:Object},setup(A){return(p,w)=>(i(),o("div",c,[n,g,t("img",{src:`/static/a/${A.data.icon}.png`,style:{position:"absolute",top:"50%",transform:"translate(15px,-30%)"},alt:""},null,8,r),t("div",d,[t("div",l,s(A.data.num),1),t("div",x,s(A.data.text),1)])]))}};export{E as _};
+import{b as i,f as o,d as t,t as s}from"./index-wbVDxtZe.js";const a="/yusi/assets/bg-sv6D9nMu.png",e="data:image/png;base64,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",c={style:{position:"relative","margin-right":"21px","margin-top":"20px"}},n=t("img",{src:a,style:{width:"100%",position:"absolute",height:"50px"},alt:""},null,-1),g=t("img",{src:e,style:{position:"absolute"},alt:""},null,-1),r=["src"],d={style:{position:"relative",padding:"0 10px",top:"5px","margin-left":"45px"}},l={style:{"font-size":"16px","font-family":"FZCYJ",color:"#A9EDFC"}},x={style:{"font-size":"12px",color:"#8395A4","margin-top":"5px"}},E={__name:"Bill",props:{data:Object},setup(A){return(p,w)=>(i(),o("div",c,[n,g,t("img",{src:`/static/a/${A.data.icon}.png`,style:{position:"absolute",top:"50%",transform:"translate(15px,-30%)"},alt:""},null,8,r),t("div",d,[t("div",l,s(A.data.num),1),t("div",x,s(A.data.text),1)])]))}};export{E as _};

yusi/assets/api-0UIivoJs.js

@@ -0,0 +1 @@
+import{a as i}from"./axios-QLjAsgXu.js";import"./index-wbVDxtZe.js";localStorage.getItem("TRADE_USER")&&JSON.parse(localStorage.getItem("TRADE_USER")).expire;const e=i.create({baseURL:"https://multi-store.lihaink.cn",timeout:3e4});e.interceptors.request.use(t=>t,t=>Promise.reject(t));e.interceptors.response.use(t=>t.data.code!=1?Promise.reject(t.data.msg):t.data,t=>Promise.reject(t));function n(t){return e.get("/statistics/user",{params:t})}function u(t){return e.get("/statistics/sales_ranking",{params:t})}function c(t){return e.get("/statistics/product_count",{params:t})}function o(t){return e.get("/statistics/index",{params:t})}function s(t){return e.get("/statistics/user_trade_count",{params:t})}function _(t){return e.get("/api/dataview/product_category_list",{params:t})}function d(t){return e.get("/api/dataview/product_list",{params:t})}function p(t){return e.get("/api/dataview/merchant_list",{params:t})}function l(t){return e.get("/api/dataview/order_list",{params:t})}function g(t){return e.get("/api/dataview/order_list_count_title",{params:t})}function f(t){return e.get("/api/dataview/refund_order_list",{params:t})}function A(t){return e.get("/api/dataview/take_order_list",{params:t})}function m(t){return e.get("/api/dataview/take_order_count_title",{params:t})}function w(t){return e.get("/api/dataview/financial_record_title",{params:t})}function v(t){return e.get("/api/dataview/financial_record",{params:t})}function h(t){return e.get("/api/dataview/product_status_filter",{params:t})}function k(t){return e.get("/api/dataview/financial_record_detail/1",{params:t})}function P(t){return e.get("/api/dataview/financial_record_detail/2",{params:t})}function R(t){return e.get("/api/dataview/bill_list",{params:t})}function S(t){return e.get("/api/dataview/withdraw_list",{params:t})}function x(t){return e.get("/statistics/street_currday_order_count",{params:t})}function y(t){return e.post("/api/dataview/login",t)}function C(t){return e.post("/api/dataview/mechant_login",t)}function U(t){return e.get("/api/dataview/merchant_count_main",{params:t})}function b(t){return e.get("/statistics/order_user_num_count",{params:t})}function j(t){return e.get("/api/dataview/merchant_product_ranking",{params:t})}function E(t){return e.get("/api/dataview/merchant_product_visit",{params:t})}function L(t){return e.get("/api/dataview/merchant_product_cart",{params:t})}function T(t){return e.get("/api/dataview/merchant",{params:t})}export{P as A,C as B,y as C,s as a,c as b,o as c,n as d,_ as e,d as f,u as g,T as h,U as i,j,E as k,L as l,p as m,l as n,b as o,h as p,g as q,f as r,x as s,A as t,m as u,w as v,v as w,S as x,R as y,k as z};

yusi/assets/api-35LGPZsU.js

@@ -1 +0,0 @@
-import{a as i}from"./axios-QLjAsgXu.js";import"./index-WCpniRK8.js";localStorage.getItem("TRADE_USER")&&JSON.parse(localStorage.getItem("TRADE_USER")).expire;const e=i.create({baseURL:"https://multi-store.lihaink.cn",timeout:3e4});e.interceptors.request.use(t=>t,t=>Promise.reject(t));e.interceptors.response.use(t=>t.data.code!=1?Promise.reject(t.data.msg):t.data,t=>Promise.reject(t));function n(t){return e.get("/statistics/user",{params:t})}function u(t){return e.get("/api/dataview/order_statistics",{params:t})}function o(t){return e.get("/statistics/sales_ranking",{params:t})}function c(t){return e.get("/api/dataview/curr_day_order_amount",{params:t})}function s(t){return e.get("/statistics/product_count",{params:t})}function _(t){return e.get("/statistics/index",{params:t})}function d(t){return e.get("/statistics/user_trade_count",{params:t})}function p(t){return e.get("/api/dataview/product_category_list",{params:t})}function g(t){return e.get("/api/dataview/product_list",{params:t})}function l(t){return e.get("/api/dataview/merchant_list",{params:t})}function f(t){return e.get("/api/dataview/order_list",{params:t})}function A(t){return e.get("/api/dataview/order_list_count_title",{params:t})}function m(t){return e.get("/api/dataview/refund_order_list",{params:t})}function w(t){return e.get("/api/dataview/take_order_list",{params:t})}function v(t){return e.get("/api/dataview/take_order_count_title",{params:t})}function h(t){return e.get("/api/dataview/financial_record_title",{params:t})}function k(t){return e.get("/api/dataview/financial_record",{params:t})}function y(t){return e.get("/api/dataview/product_status_filter",{params:t})}function P(t){return e.get("/api/dataview/financial_record_detail/1",{params:t})}function R(t){return e.get("/api/dataview/financial_record_detail/2",{params:t})}function S(t){return e.get("/api/dataview/bill_list",{params:t})}function x(t){return e.get("/api/dataview/withdraw_list",{params:t})}function C(t){return e.get("/statistics/street_currday_order_count",{params:t})}function E(t){return e.post("/api/dataview/login",t)}function U(t){return e.post("/api/dataview/mechant_login",t)}function b(t){return e.get("/api/dataview/merchant_count_main",{params:t})}function j(t){return e.get("/statistics/order_user_num_count",{params:t})}function L(t){return e.get("/api/dataview/merchant_product_ranking",{params:t})}function T(t){return e.get("/api/dataview/merchant_product_visit",{params:t})}function D(t){return e.get("/api/dataview/merchant_product_cart",{params:t})}function N(t){return e.get("/api/dataview/merchant",{params:t})}export{S as A,P as B,R as C,U as D,E,s as a,_ as b,o as c,u as d,d as e,c as f,n as g,p as h,g as i,N as j,b as k,L as l,l as m,T as n,j as o,y as p,D as q,f as r,C as s,A as t,m as u,w as v,v as w,h as x,k as y,x as z};

yusi/assets/commodity-AJwz72XE.js

@@ -1,4 +1,4 @@
-import{_ as j}from"./TABBG-WY6uizpD.js";import{h as N,p as V,i as z}from"./api-35LGPZsU.js";import{_ as G,a as S,i as v,r as b,o as L,j as R,b as d,f as r,d as c,q as y,F as A,g as F,e as C,h as x,k as D,t as P,y as q,z as M}from"./index-WCpniRK8.js";import"./axios-QLjAsgXu.js";const O=g=>(q("data-v-893c7b72"),g=g(),M(),g),T={class:"box"},H={class:"img-cls"},J=O(()=>c("img",{src:j,style:{width:"100%",height:"100%",position:"absolute","z-index":"-10000"},alt:""},null,-1)),K={class:"content"},Q={class:"btns"},U={key:0,style:{display:"flex",color:"white","justify-content":"flex-end","margin-right":"5vw",cursor:"pointer"}},W=["onClick"],X={key:1,class:"table"},Y={key:2,class:"table"},Z={__name:"commodity",setup(g){const s=S();N({...s.area}).then(i=>{_(u,i.data)});let h=v(1);const p=i=>{o.data.splice(0,o.data.length),h.value=i,z({...s.area,limit:50,type:h.value}).then(t=>{_(o,t.data.list,!0)})};let w=b([]);V({...s.area}).then(i=>{i.data.forEach(t=>{w.push(t)})}),v(2);const I=i=>{if(i.ceil)if(i.columnIndex==1){let t=document.getElementById(`zmj${i.rowIndex}`),l=document.getElementById(`lj${i.rowIndex}`);t.style.display="none",l.style.display="block"}else{let t=document.getElementsByClassName("zmj"),l=document.getElementsByClassName("lj");for(let e=0;e<t.length;e++)t[e].style.display="block",l[e].style.display="none"}},k=i=>{let t="";for(let l=0;l<i;l++)t=t.concat('<input type="radio" name="rate" readonly>');return t},n=v(!0),_=(i,t,l)=>{l?t.forEach((e,a)=>{var m,f,$,B,E;a%2==0?i.data.push([`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${a+1}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;dislay:flex;align-items:center'>
+import{_ as j}from"./TABBG-WY6uizpD.js";import{e as N,p as V,f as z}from"./api-0UIivoJs.js";import{_ as G,a as S,i as v,r as b,o as L,j as R,b as d,f as r,d as c,z as y,F as A,g as F,e as C,h as x,k as D,t as P,x as M,y as O}from"./index-wbVDxtZe.js";import"./axios-QLjAsgXu.js";const T=g=>(M("data-v-893c7b72"),g=g(),O(),g),q={class:"box"},H={class:"img-cls"},J=T(()=>c("img",{src:j,style:{width:"100%",height:"100%",position:"absolute","z-index":"-10000"},alt:""},null,-1)),K={class:"content"},Q={class:"btns"},U={key:0,style:{display:"flex",color:"white","justify-content":"flex-end","margin-right":"5vw",cursor:"pointer"}},W=["onClick"],X={key:1,class:"table"},Y={key:2,class:"table"},Z={__name:"commodity",setup(g){const s=S();N({...s.area}).then(i=>{_(u,i.data)});let h=v(1);const p=i=>{o.data.splice(0,o.data.length),h.value=i,z({...s.area,limit:50,type:h.value}).then(t=>{_(o,t.data.list,!0)})};let w=b([]);V({...s.area}).then(i=>{i.data.forEach(t=>{w.push(t)})}),v(2);const I=i=>{if(i.ceil)if(i.columnIndex==1){let t=document.getElementById(`zmj${i.rowIndex}`),l=document.getElementById(`lj${i.rowIndex}`);t.style.display="none",l.style.display="block"}else{let t=document.getElementsByClassName("zmj"),l=document.getElementsByClassName("lj");for(let e=0;e<t.length;e++)t[e].style.display="block",l[e].style.display="none"}},k=i=>{let t="";for(let l=0;l<i;l++)t=t.concat('<input type="radio" name="rate" readonly>');return t},n=v(!0),_=(i,t,l)=>{l?t.forEach((e,a)=>{var m,f,$,B,E;a%2==0?i.data.push([`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${a+1}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;dislay:flex;align-items:center'>
                             <img src='${e.image}' style='width:25px;height:25px;margin-top:1px'>
                             </div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.store_name}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${((m=e.merchant)==null?void 0:m.mer_name)||"--"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${(f=e.merchant)!=null&&f.is_trader?"自营":"非自营"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.price}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${(($=e.storeCategory)==null?void 0:$.cate_name)||"--"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.attrValue[0].sales}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.attrValue[0].stock}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>
                             ${k(e.star)} 
@@ -13,4 +13,4 @@ import{_ as j}from"./TABBG-WY6uizpD.js";import{h as N,p as V,i as z}from"./api-3
                             <img src='${e.pic}' style='width:25px;height:25px;margin-top:5px;position:re'>
                             </div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.is_show?"显示":"不显示"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.is_hot?"推荐":"不推荐"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;'>${e.create_time}</div>`]):i.data.push([`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${a+1}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.cate_name}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;dislay:flex;align-items:center'>
                             <img src='${e.pic}' style='width:25px;height:25px;margin-top:5px'>
-                            </div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.is_show?"显示":"不显示"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.is_hot?"推荐":"不推荐"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.create_time}</div>`])})},u=b({headerBGC:"linear-gradient(to right, #ff0000, #00ff00)",oddRowBGC:"",evenRowBGC:"",rowNum:20,header:["<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>排序</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类名称</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类图标</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否显示</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否推荐</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>创建时间</div>"],data:[]}),o=b({headerBGC:"linear-gradient(to right, #ff0000, #00ff00)",oddRowBGC:"",evenRowBGC:"",rowNum:20,header:["<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>ID</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品图</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品名称</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商户名称</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商户分类</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品售价</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>平台分类</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>销量</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>库存</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>推荐级别</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>更新时间</div>"],data:[]});return L(()=>{p(1)}),(i,t)=>{const l=R("dv-scroll-board");return d(),r("div",T,[c("div",H,[J,c("div",K,[c("div",Q,[c("div",{class:y(["btn",n.value?"act-btn":""]),onClick:t[0]||(t[0]=e=>n.value=!0)},"商品分类",2),c("div",{class:y(["btn",n.value?"":"act-btn"]),onClick:t[1]||(t[1]=e=>n.value=!1)},"商品管理",2)]),n.value?x("",!0):(d(),r("div",U,[(d(!0),r(A,null,F(C(w),e=>(d(),r("div",{onClick:a=>p(e.type),class:y(["manageBtn",{actmanageBtn:C(h)==e.type}])},P(e.name),11,W))),256))])),n.value&&u.data.length?(d(),r("div",X,[D(l,{onClick:I,config:u,style:{width:"95vw",height:"100%"}},null,8,["config"])])):x("",!0),!n.value&&o.data.length?(d(),r("div",Y,[D(l,{config:o,style:{width:"95vw",height:"100%"}},null,8,["config"])])):x("",!0)])])])}}},ae=G(Z,[["__scopeId","data-v-893c7b72"]]);export{ae as default};
+                            </div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.is_show?"显示":"不显示"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.is_hot?"推荐":"不推荐"}</div>`,`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #102B3E;'>${e.create_time}</div>`])})},u=b({headerBGC:"linear-gradient(to right, #ff0000, #00ff00)",oddRowBGC:"",evenRowBGC:"",rowNum:20,header:["<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>排序</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类名称</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>分类图标</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否显示</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>是否推荐</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>创建时间</div>"],data:[]}),o=b({headerBGC:"linear-gradient(to right, #ff0000, #00ff00)",oddRowBGC:"",evenRowBGC:"",rowNum:20,header:["<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>ID</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品图</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品名称</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商户名称</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商户分类</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>商品售价</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>平台分类</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>销量</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>库存</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>推荐级别</div>","<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: linear-gradient(#002841, #007092);'>更新时间</div>"],data:[]});return L(()=>{p(1)}),(i,t)=>{const l=R("dv-scroll-board");return d(),r("div",q,[c("div",H,[J,c("div",K,[c("div",Q,[c("div",{class:y(["btn",n.value?"act-btn":""]),onClick:t[0]||(t[0]=e=>n.value=!0)},"商品分类",2),c("div",{class:y(["btn",n.value?"":"act-btn"]),onClick:t[1]||(t[1]=e=>n.value=!1)},"商品管理",2)]),n.value?x("",!0):(d(),r("div",U,[(d(!0),r(A,null,F(C(w),e=>(d(),r("div",{onClick:a=>p(e.type),class:y(["manageBtn",{actmanageBtn:C(h)==e.type}])},P(e.name),11,W))),256))])),n.value&&u.data.length?(d(),r("div",X,[D(l,{onClick:I,config:u,style:{width:"95vw",height:"100%"}},null,8,["config"])])):x("",!0),!n.value&&o.data.length?(d(),r("div",Y,[D(l,{config:o,style:{width:"95vw",height:"100%"}},null,8,["config"])])):x("",!0)])])])}}},ae=G(Z,[["__scopeId","data-v-893c7b72"]]);export{ae as default};

yusi/assets/home-9Cj9STB5.css

@@ -0,0 +1 @@
+.address[data-v-2ec5cbb8]{left:1vw;top:.09375rem;position:absolute;width:8vw;height:18vh;background-color:#001e32;color:#c7dbe3;z-index:9999;overflow-y:auto;box-sizing:border-box;padding:.02604rem}.address .address-li[data-v-2ec5cbb8]{padding:.01042rem .02604rem;cursor:pointer;border-bottom:.00052rem solid #0E293C}.address[data-v-2ec5cbb8]::-webkit-scrollbar{width:.05208rem;background-color:#153041}.address[data-v-2ec5cbb8]::-webkit-scrollbar-track{background-color:#153041}[data-v-2ec5cbb8]::-webkit-scrollbar-thumb{background-color:#4ab9d0;border-radius:.02604rem}:deep(.el-picker-panel__body){font-size:.13542rem;text-align:center;color:#0865ac;background-color:red}#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>input:nth-child(2){color:#c7dbe3!important}#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>input:nth-child(4){color:#c7dbe3}#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>span{color:#c7dbe3}.el-input__inner{color:#fff}.el-input__wrapper{background-color:#001e31;color:#fff}.el-popper.is-light .el-popper__arrow:before{background-color:#001e31}.el-date-picker__header{margin:0;padding-top:.0625rem}.el-popper .is-pure .is-light .el-picker__popper{background-color:#001e31}.el-picker-panel{background-color:#001e31;color:#fff}.end-date .el-date-table-cell,.start-date .el-date-table-cell{border-radius:0!important}.in-range .el-date-table-cell{background-color:transparent!important;border:.00521rem solid rgba(65,165,190,.9294117647);box-shadow:inset 0 0 .05208rem #41a5beed!important}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:transparent}.el-date-range-picker__content.is-left{border-right:.00521rem solid #2C4D54}.el-popper.is-light{border:0}.el-date-table th{border-bottom:.00521rem solid #2C4D54}.el-date-table th{color:#fff}.popperClass{color:red;border:none}.headers{display:flex;color:#b0c7d1;height:6vh;align-items:center;justify-content:space-between;background-image:url(/yusi/assets/LOGO-rOJn0Bt5.png);background-color:#000c14;background-size:cover}.headers .logo{width:20vw;height:.20833rem;align-items:center}.headers .tab{display:flex;align-items:center;margin-left:.625rem;width:auto;height:100%}.headers .tab .tab-li{width:8vw;border-left:.00521rem solid #4AB9D0;text-align:center;cursor:pointer;height:1.5vh;position:relative}.headers .tab .tab-li .tab-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headers .right{display:flex;font-size:.07813rem;margin-right:.15625rem;position:relative;align-items:center}.headers .right .address{left:1vw;top:.09375rem;position:absolute;width:8vw;height:18vh;background-color:#001e32;color:#c7dbe3;z-index:9999;overflow-y:auto;box-sizing:border-box;padding:.02604rem}.headers .right .address .address-li{padding:.01042rem .02604rem;cursor:pointer;border-bottom:.00052rem solid #0E293C}.headers .right .address::-webkit-scrollbar{width:.05208rem;background-color:#153041}.headers .right .address::-webkit-scrollbar-track{background-color:#153041}.headers .right ::-webkit-scrollbar-thumb{background-color:#4ab9d0;border-radius:.02604rem}.headers .right .rigth-li{height:.07813rem;line-height:.07813rem;padding:0 .05208rem;cursor:pointer;display:flex;align-items:center}.headers .right .right-line{width:.00521rem;height:.07813rem;display:flex;flex-direction:column;justify-content:space-between}.headers .right .right-line span{width:.00521rem;height:.03646rem;background-color:#4bb9d0}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}

yusi/assets/home-a3REHIU9.css

@@ -1 +0,0 @@
-.address[data-v-2ec5cbb8]{left:1vw;top:.09375rem;position:absolute;width:8vw;height:18vh;background-color:#001e32;color:#c7dbe3;z-index:9999;overflow-y:auto;box-sizing:border-box;padding:.02604rem}.address .address-li[data-v-2ec5cbb8]{padding:.01042rem .02604rem;cursor:pointer;border-bottom:.00052rem solid #0E293C}.address[data-v-2ec5cbb8]::-webkit-scrollbar{width:.05208rem;background-color:#153041}.address[data-v-2ec5cbb8]::-webkit-scrollbar-track{background-color:#153041}[data-v-2ec5cbb8]::-webkit-scrollbar-thumb{background-color:#4ab9d0;border-radius:.02604rem}:deep(.el-picker-panel__body){font-size:.13542rem;text-align:center;color:#0865ac;background-color:red}#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>input:nth-child(2){color:#c7dbe3!important}#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>input:nth-child(4){color:#c7dbe3}#app>div>div.headers>div.right>div.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger>span{color:#c7dbe3}.el-picker-panel{background-color:#001e31;color:#fff}.end-date .el-date-table-cell,.start-date .el-date-table-cell{border-radius:0!important}.in-range .el-date-table-cell{background-color:transparent!important;border:.00521rem solid rgba(65,165,190,.9294117647);box-shadow:inset 0 0 .05208rem #41a5beed!important}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:transparent}.el-date-range-picker__content.is-left{border-right:.00521rem solid #2C4D54}.el-popper.is-light{border:0}.el-date-table th{border-bottom:.00521rem solid #2C4D54}.el-date-table th{color:#fff}.popperClass{color:red;border:none}.headers{display:flex;color:#b0c7d1;height:6vh;align-items:center;justify-content:space-between;background-image:url(/yusi/assets/LOGO-rOJn0Bt5.png);background-color:#000c14;background-size:cover}.headers .logo{width:20vw;height:.20833rem;align-items:center}.headers .tab{display:flex;align-items:center;margin-left:.625rem;width:auto;height:100%}.headers .tab .tab-li{width:8vw;border-left:.00521rem solid #4AB9D0;text-align:center;cursor:pointer;height:1.5vh;position:relative}.headers .tab .tab-li .tab-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headers .right{display:flex;font-size:.07813rem;margin-right:.15625rem;position:relative;align-items:center}.headers .right .address{left:1vw;top:.09375rem;position:absolute;width:8vw;height:18vh;background-color:#001e32;color:#c7dbe3;z-index:9999;overflow-y:auto;box-sizing:border-box;padding:.02604rem}.headers .right .address .address-li{padding:.01042rem .02604rem;cursor:pointer;border-bottom:.00052rem solid #0E293C}.headers .right .address::-webkit-scrollbar{width:.05208rem;background-color:#153041}.headers .right .address::-webkit-scrollbar-track{background-color:#153041}.headers .right ::-webkit-scrollbar-thumb{background-color:#4ab9d0;border-radius:.02604rem}.headers .right .rigth-li{height:.07813rem;line-height:.07813rem;padding:0 .05208rem;cursor:pointer;display:flex;align-items:center}.headers .right .right-line{width:.00521rem;height:.07813rem;display:flex;flex-direction:column;justify-content:space-between}.headers .right .right-line span{width:.00521rem;height:.03646rem;background-color:#4bb9d0}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}

yusi/assets/index-NU32e41R.js

@@ -0,0 +1 @@
+import{j as n,b as a,f as o,k as s,w as l,h as d,d as r,q as c,F as i,n as _}from"./index-wbVDxtZe.js";const m={key:0,class:"center"},h={__name:"index",setup(p){return(e,u)=>{const t=n("dv-loading");return a(),o(i,null,[e.showLoading?(a(),o("div",m,[s(t,null,{default:l(()=>[_("Loading...")]),_:1})])):d("",!0),r("div",{class:"box",style:c({opacity:e.showLoading?0:1})},null,4)],64)}}};export{h as default};

yusi/assets/index-s5ZkzaVz.css

@@ -0,0 +1 @@
+@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-.05208rem)}to{transform:translateY(0)}}.body{height:45vh;display:flex;margin-top:1vh;justify-content:space-between}.body .l{width:25vw;height:100%;position:relative}.body .c{box-sizing:border-box;width:48vw;height:100%;display:flex;flex-direction:column;justify-content:space-between}.body .r{width:25vw;height:100%;position:relative}.foot{margin-top:1vh;height:46vh;display:flex;justify-content:space-between}.foot .foot-l{width:25vw;height:100%;position:relative}.foot .c{width:48vw;position:relative;height:100%;box-sizing:border-box}.foot .r{width:25vw;height:100%;position:relative}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}

yusi/assets/order-vC0-26tK.js

@@ -1,4 +1,4 @@
-import{_ as B,a as j,r as l,o as C,j as D,b as o,f as x,d as r,q as f,s as P,v as z,F as G,g as I,c as u,h as b,y as N,z as O}from"./index-WCpniRK8.js";import{_ as R}from"./TABBG-WY6uizpD.js";import{_ as S}from"./Bill-nxM5oQvl.js";import{r as A,t as F,u as W,v as J,w as L}from"./api-35LGPZsU.js";import"./axios-QLjAsgXu.js";const M=g=>(N("data-v-2bf103ff"),g=g(),O(),g),V={class:"box"},q={class:"img-cls"},H=M(()=>r("img",{src:R,style:{width:"100%",height:"100%",position:"absolute"},alt:""},null,-1)),T={class:"content"},X={class:"btns"},Y={style:{color:"white",display:"flex"}},Z={key:0,class:"table"},K={__name:"order",setup(g){const s=j(),v=l([{icon:"DD",text:"已支付订单数",num:1245},{icon:"JE",text:"实际支付金额",num:1245},{icon:"JE",text:"已退款金额",num:1245}]);l([{icon:"WX",text:"微信支付金额",num:1245},{icon:"YE",text:"余额支付金额",num:1245},{icon:"ZFB",text:"支付宝支付金额",num:1245}]);const w=t=>{if(t==0)return"待审核";if(t==1)return"待退货";if(t==2)return"待收货";if(t==3)return"已退款";if(t==-1)return"审核未通过"},_=t=>{if(t==0)return"待发货";if(t==1)return"待收货";if(t==2)return"待评价";if(t==3)return"已完成";if(t==9)return"拼团中";if(t==10)return"待付尾款";if(t==11)return"尾款超时未付";if(t==-1)return"已退款"},m=t=>{if(t==0)return"余额支付";if(t==1)return"微信支付";if(t==2)return"小程序支付";if(t==3)return"h5支付";if(t==4)return"支付宝支付";if(t==5)return"支付宝扫码支付";if(t==6)return"微信扫码支付";if(t==8)return"信用购-先货后款"},n=l([!0,!1,!1]),h=t=>{n.forEach((e,i)=>{n[i]=!1}),n[t]=!0,t==0&&(a.data.splice(0,a.data.length),A({...s.area,limit:50}).then(e=>{$(e.data.list)}),F({...s.area,limit:50}).then(e=>{e.data.forEach((i,d)=>{v[d].num=i.count})})),t==1&&(c.data.splice(0,a.data.length),W({...s.area,limit:50}).then(e=>{k(e.data.list)})),t==2&&(p.data.splice(0,a.data.length),J({...s.area,limit:50}).then(e=>{E(e.data.list)}),L({...s.area,limit:50}).then(e=>{e.data.forEach((i,d)=>{v[d].num=i.count})}))},y=t=>{if(t.ceil)if(t.columnIndex==0){let e=document.getElementById(`order${t.rowIndex}`),i=document.getElementById(`card${t.rowIndex}`);e.style.display="none",i.style.display="block"}else{let e=document.getElementsByClassName("order"),i=document.getElementsByClassName("card");for(let d=0;d<e.length;d++)e[d].style.display="block",i[d].style.display="none"}},$=t=>{t.forEach((e,i)=>{i%2==0?a.data.push([`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;cursor: pointer;'>         
+import{_ as B,a as j,r as l,o as C,j as D,b as o,f as x,d as r,z as f,s as P,v as z,F as G,g as I,c as u,h as b,x as N,y as O}from"./index-wbVDxtZe.js";import{_ as R}from"./TABBG-WY6uizpD.js";import{_ as S}from"./Bill-nBvLz9Se.js";import{n as A,q as F,r as W,t as J,u as L}from"./api-0UIivoJs.js";import"./axios-QLjAsgXu.js";const M=g=>(N("data-v-2bf103ff"),g=g(),O(),g),V={class:"box"},q={class:"img-cls"},H=M(()=>r("img",{src:R,style:{width:"100%",height:"100%",position:"absolute"},alt:""},null,-1)),T={class:"content"},X={class:"btns"},Y={style:{color:"white",display:"flex"}},Z={key:0,class:"table"},K={__name:"order",setup(g){const s=j(),v=l([{icon:"DD",text:"已支付订单数",num:1245},{icon:"JE",text:"实际支付金额",num:1245},{icon:"JE",text:"已退款金额",num:1245}]);l([{icon:"WX",text:"微信支付金额",num:1245},{icon:"YE",text:"余额支付金额",num:1245},{icon:"ZFB",text:"支付宝支付金额",num:1245}]);const w=t=>{if(t==0)return"待审核";if(t==1)return"待退货";if(t==2)return"待收货";if(t==3)return"已退款";if(t==-1)return"审核未通过"},_=t=>{if(t==0)return"待发货";if(t==1)return"待收货";if(t==2)return"待评价";if(t==3)return"已完成";if(t==9)return"拼团中";if(t==10)return"待付尾款";if(t==11)return"尾款超时未付";if(t==-1)return"已退款"},m=t=>{if(t==0)return"余额支付";if(t==1)return"微信支付";if(t==2)return"小程序支付";if(t==3)return"h5支付";if(t==4)return"支付宝支付";if(t==5)return"支付宝扫码支付";if(t==6)return"微信扫码支付";if(t==8)return"信用购-先货后款"},n=l([!0,!1,!1]),h=t=>{n.forEach((e,i)=>{n[i]=!1}),n[t]=!0,t==0&&(a.data.splice(0,a.data.length),A({...s.area,limit:50}).then(e=>{$(e.data.list)}),F({...s.area,limit:50}).then(e=>{e.data.forEach((i,d)=>{v[d].num=i.count})})),t==1&&(c.data.splice(0,a.data.length),W({...s.area,limit:50}).then(e=>{k(e.data.list)})),t==2&&(p.data.splice(0,a.data.length),J({...s.area,limit:50}).then(e=>{E(e.data.list)}),L({...s.area,limit:50}).then(e=>{e.data.forEach((i,d)=>{v[d].num=i.count})}))},y=t=>{if(t.ceil)if(t.columnIndex==0){let e=document.getElementById(`order${t.rowIndex}`),i=document.getElementById(`card${t.rowIndex}`);e.style.display="none",i.style.display="block"}else{let e=document.getElementsByClassName("order"),i=document.getElementsByClassName("card");for(let d=0;d<e.length;d++)e[d].style.display="block",i[d].style.display="none"}},$=t=>{t.forEach((e,i)=>{i%2==0?a.data.push([`<div style='width: 100%;text-align: center; height: 100%; color: aliceblue; background: #02243D;cursor: pointer;'>         
                             <div class='order' id='order${i}'  style='position:relative'> 
                             <div style=' width: 0;
                             height: 0;

yusi/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/yusi/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
-    <script type="module" crossorigin src="/yusi/assets/index-WCpniRK8.js"></script>
+    <script type="module" crossorigin src="/yusi/assets/index-wbVDxtZe.js"></script>
     <link rel="stylesheet" crossorigin href="/yusi/assets/index-GchtCmZ4.css">
   </head>
   <body>