1

pages/MallMange/components/orderItem.vue

 <template>
   <view class="item">
     <view class="flex-between orderNum">
-      <text>订单号：20211018154423824347</text>
-      <text style="color: #446dfc">待退款</text>
+      <text>订单号：{{ data.OrderNo }}</text>
+      <text style="color: #446dfc">{{ data.OrderStatusName }}</text>
+    </view>
+    <view class="flex-between remarks" v-if="data.Remark">
+      商家备注：{{ data.Remark }}
     </view>
-    <view class="flex-between remarks"> 商家备注：20211018154423824347 </view>
     <view class="consigneeInfo">
-      <text style="margin-right: 40rpx">信息</text>
-      <text style="margin-right: 20rpx">13312341234</text>
-      <view class="flex-between" style="color: #446dfc">
+      <text style="margin-right: 40rpx">{{ data.Consignee }}</text>
+      <text style="margin-right: 20rpx">{{ data.Mobile }}</text>
+      <view
+        class="flex-between"
+        style="color: #446dfc"
+        @click="call(data.Mobile)"
+      >
         <u-icon name="phone-circle-o" style="margin-right: 10rpx"></u-icon>
         联系收货人
       </view>
     </view>
-    <view class="flex-between goodsInfo">
+    <view
+      class="flex-between goodsInfo"
+      v-for="(item, index) in data.DetailList"
+      :key="index"
+    >
       <view class="goodsImg">
-        <image
-          src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/user.png"
-          mode="aspectFill"
-          class="img"
-        />
+        <image :src="item.CoverImage" mode="aspectFill" class="img" />
       </view>
       <view class="goodsBox">
-        <view class="goodsName">测试商品</view>
-        <view class="weight">重量：</view>
+        <view class="goodsName">{{ item.GoodsName }}</view>
+        <view class="weight">规格：{{getSpecificationsStr(item.SpecificationList)}}</view>
         <view class="flex-between">
-          <text>x1</text>
-          <text>￥0.01</text>
+          <text>x{{ item.Number }}</text>
+          <text>￥{{ item.SmallShopsCostPrice }}</text>
         </view>
       </view>
     </view>
     <view class="priceBox">
       <text>合计：</text>
-      <text style="color: #111">￥0.01</text>
-      <text>（含运费￥0.01）</text>
+      <text style="color: #111">￥{{ data.Income }}</text>
+      <text v-if="data.FreightMoney > 0"
+        >（含运费￥{{ data.FreightMoney }}）</text
+      >
     </view>
     <view class="btnBox">
-      <button class="btn">备注</button>
+      <button class="btn" @click="modal = true">备注</button>
       <button class="btn">拒绝</button>
       <button class="btn">同意</button>
     </view>
+    <u-modal
+      v-model="modal"
+      :show-cancel-button="false"
+      @confirm="modal = false"
+      contentSlot
+      title="备注"
+    >
+      <input type="number" class="input" placeholder="(限15字)" :maxlength="15" v-model="data.Remark" />
+    </u-modal>
   </view>
 </template>
 <script>
@@ -48,7 +65,23 @@ export default {
     data: Object,
   },
   data() {
-    return {};
+    return {
+      modal: false,
+    };
+  },
+  methods: {
+    call(num) {
+      uni.makePhoneCall({
+        phoneNumber: num,
+      });
+    },
+    getSpecificationsStr(arr){
+      let str=arr.map((e)=>{return e}).toString()
+      return str
+    }
+  },
+  mounted() {
+    console.log(54, this.data);
   },
 };
 </script>
@@ -65,7 +98,7 @@ export default {
   box-sizing: border-box;
   padding: 20rpx;
   border-radius: 10rpx;
-  margin: 10rpx auto;
+  margin: 20rpx auto;
   .orderNum {
     font-size: 26rpx;
     color: #333;
@@ -145,4 +178,13 @@ export default {
     }
   }
 }
+.input {
+  width: 80%;
+  height: 80rpx;
+  border-radius: 10rpx;
+  background-color: #f7f7f7;
+  padding: 0 30rpx;
+  font-size: 26rpx;
+  margin: 40rpx auto;
+}
 </style>
\ No newline at end of file

pages/MallMange/index.vue

@@ -9,7 +9,7 @@
       <view class="topinfo">
         <view class="flex-center">
           <image
-            src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cash.png"
+            :src="photo"
             class="headimg"
           />
           <view class="name1">饭粒汪</view>
@@ -125,16 +125,20 @@
       <view class="title">快速处理</view>
       <view class="flex-center HandleBox">
         <view class="handleItem">
-          <view class="handleItemNum">0</view>
+          <view class="handleItemNum">{{ basicData.NoSendOrderNum }}</view>
           <view class="handleItemName">待发货订单</view>
-          <view class="handleItemBtn"
+          <view
+            class="handleItemBtn"
+            @click="jumpPage('/pages/MallMange/order?orderType=1&tab=2')"
             >立即发货 <u-icon name="arrow"></u-icon>
           </view>
         </view>
         <view class="handleItem">
-          <view class="handleItemNum">0</view>
-          <view class="handleItemName">维权订单</view>
-          <view class="handleItemBtn"
+          <view class="handleItemNum">{{ basicData.ActivistOrderNum }}</view>
+          <view class="handleItemName">售后订单</view>
+          <view
+            class="handleItemBtn"
+            @click="jumpPage('/pages/MallMange/order?orderType=2')"
             >立即处理 <u-icon name="arrow"></u-icon>
           </view>
         </view>
@@ -142,7 +146,7 @@
     </view>
     <view class="echartsBox">
       <view class="title flex-center">
-        <picker
+        <!-- <picker
           @change="bindPickerChange"
           :value="key"
           :range="array"
@@ -152,7 +156,8 @@
             >{{ payType }}
             <u-icon name="arrow-down"></u-icon>
           </view>
-        </picker>
+        </picker> -->
+        <view></view>
         <picker
           @change="bindPickerChange1"
           :value="key"
@@ -218,6 +223,7 @@ export default {
   },
   data() {
     return {
+      photo:"",//头像
       array: [
         {
           name: "支付金额",
@@ -240,18 +246,22 @@ export default {
       array1: [
         {
           name: "全部",
+          key: 0,
+        },
+        {
+          name: "微信",
           key: 1,
         },
         {
-          name: "商城",
+          name: "支付宝",
           key: 2,
         },
         {
-          name: "拼团",
+          name: "抖音/头条",
           key: 3,
         },
         {
-          name: "积分",
+          name: "百度",
           key: 4,
         },
       ],
@@ -282,6 +292,8 @@ export default {
     },
     bindPickerChange1(e) {
       this.payType1 = this.array1[e.detail.value].name;
+      this.basicQMsg.Source = this.array1[e.detail.value].Id;
+      this.getBasicData();
     },
     showColumn(canvasId, chartData) {
       canvaColumn = new uCharts({
@@ -466,12 +478,18 @@ export default {
         }
       );
     },
-	//跳转到用户管理
-	goUserList(){
-	  uni.navigateTo({
-	  	url: '/pages/MallMange/userManage'
-	  });	
-	}
+    //跳转到用户管理
+    goUserList() {
+      uni.navigateTo({
+        url: "/pages/MallMange/userManage",
+      });
+    },
+    //跳转页面
+    jumpPage(url) {
+      uni.navigateTo({
+        url: url,
+      });
+    },
   },
   onLoad() {
     _self = this;
@@ -483,6 +501,7 @@ export default {
       title: "商城管理",
     });
     this.getBasicData();
+    this.photo=uni.getStorageSync('mall_UserInfo')?.Photo
   },
 };
 </script>
@@ -691,7 +710,7 @@ export default {
       }
 
       .handleItemBtn {
-        font-size: 26rpx;
+        font-size: 22rpx;
         color: #9b9b9b;
         display: flex;
         align-items: center;
@@ -708,13 +727,13 @@ export default {
 
   .payType {
     display: flex;
-    font-size: 30rpx;
+    font-size: 26rpx;
+    color: #9b9b9b;
   }
 }
 .charts {
   width: 100%;
   height: 400rpx;
-  background-color: #ff5fff !important;
   background-image: url("https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mystudybg.png");
   background-repeat: no-repeat;
   background-size: cover;