1

pages/MallMange/index.vue

@@ -8,11 +8,8 @@
       />
       <view class="topinfo">
         <view class="flex-center">
-          <image
-            :src="photo"
-            class="headimg"
-          />
-          <view class="name1">{{mallName}}</view>
+          <image :src="photo" class="headimg" />
+          <view class="name1">{{ mallName }}</view>
         </view>
         <view
           style="
@@ -38,7 +35,7 @@
             class="imgicon"
           />
           <view class="iconname">订单消息</view>
-          <view class="tipNum">{{OrderNumber}}</view>
+          <view class="tipNum">{{ OrderNumber<100?OrderNumber:'99+' }}</view>
         </view>
         <!-- <view class="itemBox">
           <image
@@ -55,6 +52,7 @@
             class="imgicon"
           />
           <view class="iconname">提现申请</view>
+           <view class="tipNum">{{ txNumber<100?txNumber:'99+' }}</view>
         </view>
         <view class="itemBox" @click="goUserList('commentsManage')">
           <image
@@ -95,28 +93,48 @@
           :class="{ choose: clickDate == 'first' }"
           >7日</view
         >
-        <view
+        <!-- <view
           class="dayitem"
           @click="handleClickDate('second')"
           :class="{ choose: clickDate == 'second' }"
           >30日</view
-        >
+        > -->
       </view>
       <view class="BusinessData">
         <view class="dataitem">
-          <view class="dataNum">{{ salesData.OrderCount || 0 }}</view>
+          <NumberAdd
+            class="dataNum"
+            :digitTo="salesData.OrderCount"
+            textColor="#446dfc"
+            modeType="AVERAGE"
+          ></NumberAdd>
           <view class="dataName">支付订单数</view>
         </view>
         <view class="dataitem">
-          <view class="dataNum">{{ salesData.Income || 0 }}</view>
+          <NumberAdd
+            class="dataNum"
+            :digitTo="salesData.Income"
+            textColor="#446dfc"
+            modeType="AVERAGE"
+          ></NumberAdd>
           <view class="dataName">支付金额(元)</view>
         </view>
         <view class="dataitem">
-          <view class="dataNum">{{ salesData.UserCount || 0 }}</view>
+          <NumberAdd
+            class="dataNum"
+            :digitTo="salesData.UserCount"
+            textColor="#446dfc"
+            modeType="AVERAGE"
+          ></NumberAdd>
           <view class="dataName">支付人数</view>
         </view>
         <view class="dataitem">
-          <view class="dataNum">{{ salesData.GoodCount || 0 }}</view>
+          <NumberAdd
+            class="dataNum"
+            :digitTo="salesData.GoodCount"
+            textColor="#446dfc"
+            modeType="AVERAGE"
+          ></NumberAdd>
           <view class="dataName">支付件数</view>
         </view>
       </view>
@@ -146,7 +164,7 @@
     </view>
     <view class="echartsBox">
       <view class="title flex-center">
-        <!-- <picker
+        <picker
           @change="bindPickerChange"
           :value="key"
           :range="array"
@@ -156,7 +174,7 @@
             >{{ payType }}
             <u-icon name="arrow-down"></u-icon>
           </view>
-        </picker> -->
+        </picker>
         <view></view>
         <picker
           @change="bindPickerChange1"
@@ -189,12 +207,12 @@
           :class="{ choose: clickDate == 'first' }"
           >7日</view
         >
-        <view
+        <!-- <view
           class="dayitem"
           @click="handleClickDate('second')"
           :class="{ choose: clickDate == 'second' }"
           >30日</view
-        >
+        > -->
       </view>
       <view style="height: 20rpx"></view>
       <canvas
@@ -215,16 +233,18 @@
 <script>
 import uCharts from "../school/components/u-charts/u-charts.min.js";
 import tabbar from "./components/tabbar.vue";
+import NumberAdd from "./components/NumberAdd";
 let canvaColumn = null;
 let _self;
 export default {
   components: {
     tabbar,
+    NumberAdd,
   },
   data() {
     return {
-      photo:"",//头像
-      mallName:"",
+      photo: "", //头像
+      mallName: "",
       array: [
         {
           name: "支付金额",
@@ -285,12 +305,14 @@ export default {
       cWidth: "",
       cHeight: "",
       pixelRatio: 1,
-	  OrderNumber:0 //订单数量
+      OrderNumber: 0, //订单消息数量
+      txNumber:0,//提现申请数量
     };
   },
   methods: {
     bindPickerChange(e) {
       this.payType = this.array[e.detail.value].name;
+      this.getBasicData();
     },
     bindPickerChange1(e) {
       this.payType1 = this.array1[e.detail.value].name;
@@ -382,7 +404,7 @@ export default {
               item.name +
               ":" +
               item.data +
-              "元"
+              (_self.payType == "支付金额" ? "元" : "")
             );
           } else if (_self.clickDate == "yesterday") {
             return (
@@ -394,7 +416,7 @@ export default {
               item.name +
               ":" +
               item.data +
-              "元"
+              (_self.payType == "支付金额" ? "元" : "")
             );
           } else {
             return category + " " + item.name + ":" + item.data + "元";
@@ -408,7 +430,9 @@ export default {
       this.dateStr = [];
       if (name == "today") {
         this.basicQMsg.SalesTimeType = 0;
+        this.dateStr.push(this.$utils.AddDay("", -0));
       } else if (name == "yesterday") {
+        this.dateStr.push(this.$utils.AddDay("", -1));
         this.basicQMsg.SalesTimeType = 1;
       }
       //7日
@@ -419,7 +443,9 @@ export default {
       //30日
       else if (name == "second") {
         this.dateStr.push(this.$utils.AddDay("", -30));
+        this.basicQMsg.SalesTimeType = 0;
       }
+      this.dateStr.push(this.$utils.AddDay("", -0));
       this.getBasicData();
     },
     //获取基础数据
@@ -447,32 +473,22 @@ export default {
               series: [
                 {
                   data: [],
-                  name: "支付订单数",
-                  textColor: "#FFF",
-                },
-                {
-                  data: [],
-                  name: "支付金额(元)",
-                  textColor: "#FFF",
-                },
-                {
-                  data: [],
-                  name: "支付人数",
-                  textColor: "#FFF",
-                },
-                {
-                  data: [],
-                  name: "支付件数",
+                  name: this.payType,
                   textColor: "#FFF",
                 },
               ],
             };
             this.salesData.subList.forEach((item) => {
               chartsData.categories.push(item.TimeStr);
+              if (this.payType == "支付金额") {
+                chartsData.series[0].data.push(item.Income);
+              } else if (this.payType == "支付订单数") {
                 chartsData.series[0].data.push(item.OrderCount);
-              chartsData.series[1].data.push(item.Income);
-              chartsData.series[2].data.push(item.UserCount);
-              chartsData.series[3].data.push(item.GoodCount);
+              } else if (this.payType == "支付人数") {
+                chartsData.series[0].data.push(item.UserCount);
+              } else if (this.payType == "支付件数") {
+                chartsData.series[0].data.push(item.GoodCount);
+              }
             });
             this.showColumn("canvasColumn", chartsData);
           }
@@ -481,9 +497,9 @@ export default {
     },
     //跳转到用户管理
     goUserList(item) {
-	  let temp=item
+      let temp = item;
       uni.navigateTo({
-        url: "/pages/MallMange/"+item,
+        url: "/pages/MallMange/" + item,
       });
     },
     //
@@ -493,17 +509,34 @@ export default {
         url: url,
       });
     },
-	getOrderNumber(){
-		this.requestAdmin("/api/MemberUser/GetAdminMessageNoticeNum", {}, res => {
+    getOrderNumber() {
+      this.requestAdmin(
+        "/api/MemberUser/GetAdminMessageNoticeNum",
+        {},
+        (res) => {
           if (res.resultCode == 1) {
             this.OrderNumber = res.data.TotalNum;
           } else {
             uni.showToast({
-					title: res.message
+              title: res.message,
             });
           }
-		})
         }
+      );
+    },
+    // 获取提现消息
+    getTX() {
+      let msg = {
+        AuditStatus: 3,
+        UserId: 0,
+        pageIndex: 1,
+        pageSize: 100,
+      };
+      this.requestAdmin("/api/user/GetDistributorRemitPageList", msg, (res) => {
+        this.txNumber=res.data.count
+        console.log(533,this.txNumber)
+      });
+    },
   },
   onLoad() {
     _self = this;
@@ -515,10 +548,10 @@ export default {
       title: "商城管理",
     });
     this.getBasicData();
-    this.photo=uni.getStorageSync('mall_UserInfo')?.Photo
-    this.mallName=uni.getStorageSync('mall_UserInfo').MallName
+    this.photo = uni.getStorageSync("mall_UserInfo")?.Photo;
+    this.mallName = uni.getStorageSync("mall_UserInfo").MallName;
     this.getOrderNumber();
-   
+    this.getTX();
   },
 };
 </script>
@@ -620,9 +653,9 @@ export default {
       top: 0;
       right: 0;
       z-index: 2;
-      width: 30rpx;
+      min-width: 30rpx;
       height: 30rpx;
-      border-radius: 50%;
+      border-radius: 15rpx;
       background-color: #f00;
       text-align: center;
       line-height: 28rpx;
@@ -656,10 +689,11 @@ export default {
     margin: 0 auto;
 
     .dayitem {
-      width: 152rpx;
+      // width: 152rpx;
       height: 100%;
       font-size: 24rpx;
       text-align: center;
+      flex-grow: 1;
       line-height: 48rpx;
     }
   }