111

pages/ordermanagement/index.vue

@@ -2,89 +2,92 @@
   <view class="ordermanagement">
     <view class="ordermanagement-header">
       <view class="ordermanagement-header-text"> 订单管理 </view>
-      <view class="ordermanagement-list">
-        <view class="ordermanagement-list-yi">
-          <view class="ordermanagement-list-yi-top">
-            {{ orderSta.orderPayment == undefined ? 0 : orderSta.orderPayment }}
-          </view>
-          <view class="ordermanagement-list-yi-bottom"> 已支付订单数 </view>
-        </view>
-        <view class="ordermanagement-list-yi">
-          <view class="ordermanagement-list-yi-top">
-            {{ orderSta.payPrice == undefined ? 0 : orderSta.payPrice }}
-          </view>
-          <view class="ordermanagement-list-yi-bottom"> 实际支付金额 </view>
-        </view>
-        <view class="ordermanagement-list-yi">
-          <view class="ordermanagement-list-yi-top">
-            {{ orderSta.refundPrice == undefined ? 0 : orderSta.refundPrice }}
-          </view>
-          <view class="ordermanagement-list-yi-bottom"> 已退款金额 </view>
-        </view>
-      </view>
     </view>
-    <view class="ordermanagement-ding">
-      <view class="view-wrapper">
-        <view class="ordermanagement-ding-text"> 我的订单 </view>
-        <view class="view-all" @click="jiru('all', 0)">
-          <text>查看全部</text>
-          <image
-            src="/static/images/new_ui/arrow-right.png"
-            class="icon-img"
-          ></image>
-        </view>
-      </view>
-      <view class="ordermanagement-ding-nei">
-        <view
-          class="ordermanagement-yisdf"
-          v-for="(item, index) in dingdan"
-          :key="index + '__index__'"
-          @click="jiru(item.status, index + 1)"
-        >
-          <view class="ordermanagement-img">
-            <image :src="item.img" mode="widthFix"></image>
-            <view class="ordermanagement-img-biao" v-if="item.num > 0">
-              {{ item.num }}
-            </view>
-          </view>
-          <view class="">
-            {{ item.name }}
-          </view>
-        </view>
-      </view>
-    </view>
-
-    <view class="ordermanagement-dingsss">
-      <view class="view-wrapper">
-        <view class="ordermanagement-ding-text"> 售后管理 </view>
-        <view class="view-all" @click="afterSalesClick('all', 0)">
-          <text>查看全部</text>
-          <image
-            src="/static/images/new_ui/arrow-right.png"
-            class="icon-img"
-          ></image>
-        </view>
-      </view>
-      <view class="ordermanagement-ding-nei">
-        <view
-          class="ordermanagement-yisdf"
-          v-for="(item, index) in dingdansss"
-          :key="index + 'pp' + '__index__'"
-          @click="afterSalesClick(item.status, index + 1)"
-        >
-          <view class="ordermanagement-img">
-            <image :src="item.img" mode="widthFix"></image>
-            <view class="ordermanagement-img-biao" v-if="item.num > 0">
-              {{ item.num }}
-            </view>
-          </view>
-          <view class="">
-            {{ item.name }}
-          </view>
-        </view>
-      </view>
-    </view>
-
+<view class="list-card">
+	<view class="ordermanagement-list mb-t">
+	  <view class="ordermanagement-list-yi">
+	    <view class="ordermanagement-list-yi-top">
+	      {{ orderSta.orderPayment == undefined ? 0 : orderSta.orderPayment }}
+	    </view>
+	    <view class="ordermanagement-list-yi-bottom"> 已支付订单数 </view>
+	  </view>
+	  <view class="ordermanagement-list-yi">
+	    <view class="ordermanagement-list-yi-top">
+	      {{ orderSta.payPrice == undefined ? 0 : orderSta.payPrice }}
+	    </view>
+	    <view class="ordermanagement-list-yi-bottom"> 实际支付金额 </view>
+	  </view>
+	  <view class="ordermanagement-list-yi">
+	    <view class="ordermanagement-list-yi-top">
+	      {{ orderSta.refundPrice == undefined ? 0 : orderSta.refundPrice }}
+	    </view>
+	    <view class="ordermanagement-list-yi-bottom"> 已退款金额 </view>
+	  </view>
+	</view>
+	<view class="ordermanagement-ding mb-t">
+	  <view class="view-wrapper">
+	    <view class="ordermanagement-ding-text"> 我的订单 </view>
+	    <view class="view-all" @click="jiru('all', 0)">
+	      <text>查看全部</text>
+	      <image
+	        src="/static/images/new_ui/arrow-right.png"
+	        class="icon-img"
+	      ></image>
+	    </view>
+	  </view>
+	  <view class="ordermanagement-ding-nei">
+	    <view
+	      class="ordermanagement-yisdf"
+	      v-for="(item, index) in dingdan"
+	      :key="index + '__index__'"
+	      @click="jiru(item.status, index + 1)"
+	    >
+	      <view class="ordermanagement-img">
+	        <image :src="item.img" mode="widthFix"></image>
+	        <view class="ordermanagement-img-biao" v-if="item.num > 0">
+	          {{ item.num }}
+	        </view>
+	      </view>
+	      <view class="">
+	        {{ item.name }}
+	      </view>
+	    </view>
+	  </view>
+	</view>
+	
+	<view class="ordermanagement-dingsss mb-t">
+	  <view class="view-wrapper">
+	    <view class="ordermanagement-ding-text"> 售后管理 </view>
+	    <view class="view-all" @click="afterSalesClick('all', 0)">
+	      <text>查看全部</text>
+	      <image
+	        src="/static/images/new_ui/arrow-right.png"
+	        class="icon-img"
+	      ></image>
+	    </view>
+	  </view>
+	  <view class="ordermanagement-ding-nei">
+	    <view
+	      class="ordermanagement-yisdf"
+	      v-for="(item, index) in dingdansss"
+	      :key="index + 'pp' + '__index__'"
+	      @click="afterSalesClick(item.status, index + 1)"
+	    >
+	      <view class="ordermanagement-img">
+	        <image :src="item.img" mode="widthFix"></image>
+	        <view class="ordermanagement-img-biao" v-if="item.num > 0">
+	          {{ item.num }}
+	        </view>
+	      </view>
+	      <view class="">
+	        {{ item.name }}
+	      </view>
+	    </view>
+	  </view>
+	</view>
+	
+	
+</view>
     <!-- <quickPickUpVue class="custom_pick-up"></quickPickUpVue> -->
   </view>
 </template>
@@ -230,6 +233,7 @@ export default {
         return;
       }
     } else {
+       return
       uni.redirectTo({
         url: "/pages/user/login/index?type=1",
       });
@@ -478,38 +482,13 @@ page {
       left: 64rpx;
     }
 
-    .ordermanagement-list {
-      position: absolute;
-      top: 160rpx;
-      width: calc(100% - 54rpx);
-      min-height: 150rpx;
-      margin: 0 26rpx;
-      background: #ffffff;
-      border-radius: 16rpx;
-      display: flex;
-      justify-content: space-around;
-      align-items: center;
-
-      .ordermanagement-list-yi {
-        height: 70rpx;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: center;
-
-        .ordermanagement-list-yi-top {
-          font-size: 36rpx;
-          font-weight: bold;
-          color: #333333;
-        }
 
-        .ordermanagement-list-yi-bottom {
-          font-size: 26rpx;
-          font-weight: 400;
-          color: #333333;
-        }
-      }
-    }
+  }
+  .list-card{
+	  position: relative;
+	  top: -160rpx;
+	  width: calc(100% - 52px);
+	  padding: 0 26px;
   }
   .view-wrapper {
     display: flex;
@@ -533,10 +512,42 @@ page {
       height: 26rpx;
     }
   }
+  .ordermanagement-list {
+    // position: relative;
+    // top: 160rpx;
+    width: calc(100% - 0rpx);
+    min-height: 150rpx;
+    // margin: 0 26rpx;
+    background: #ffffff;
+    border-radius: 16rpx;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+  
+    .ordermanagement-list-yi {
+      height: 70rpx;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+  
+      .ordermanagement-list-yi-top {
+        font-size: 36rpx;
+        font-weight: bold;
+        color: #333333;
+      }
+  
+      .ordermanagement-list-yi-bottom {
+        font-size: 26rpx;
+        font-weight: 400;
+        color: #333333;
+      }
+    }
+  }
   .ordermanagement-ding {
-    width: calc(100% - 54rpx);
+    width: calc(100% - 0rpx);
     min-height: 216rpx;
-    margin: 20rpx 26rpx 32rpx 26rpx;
+    // margin: 20rpx 26rpx 32rpx 26rpx;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -597,7 +608,7 @@ page {
     }
   }
   .ordermanagement-dingsss {
-    width: calc(100% - 52rpx);
+    width: calc(100% - 0rpx);
     height: 216rpx;
     display: flex;
     flex-direction: column;
@@ -647,4 +658,7 @@ page {
     margin: 0 26rpx;
   }
 }
+  .mb-t {
+    margin-bottom: 26rpx;
+  }
 </style>