经销商管理pay

doum

2 天以前 1dcd8399c853ef724133d4d1ad0d700db0f293e7

 mini-program/pages/distributor/distributor.vue

@@ -13,7 +13,7 @@
         <view class="user">
            <view class="user-left">
               <view class="user-left-image">
                  <image :src="shop.imgurl||'/static/logo.png'" mode="widthFix"></image>
                  <image :src="shop.imgurl||'/static/icon/default3.png'" mode="widthFix"></image>
               </view>
               <view class="user-left-info">
                  <view class="user-left-info-title">{{shop.name||''}}</view>
@@ -23,7 +23,7 @@
                  </view>
               </view>
            </view>
            <view class="user-qrcode">
            <view class="user-qrcode" @click="openQrcode()">
               <image src="/static/icon/ic_QRcode@2x.png" mode="widthFix"></image>
            </view>
         </view>
@@ -74,31 +74,31 @@
            </view>
         </view>
         <view class="func">
            <view class="func-item" style="margin-bottom: 30rpx;">
            <view class="func-item" style="margin-bottom: 30rpx;" @click="jumpGoodsList">
               <image src="/static/icon/ic_shangpingl@2x.png" mode="widthFix"></image>
               <text>商品管理</text>
            </view>
            <view class="func-item" style="margin-bottom: 30rpx;">
            <view class="func-item" style="margin-bottom: 30rpx;" @click="jumpOrderList">
               <image src="/static/icon/ic_dingdanguanli@2x.png" mode="widthFix"></image>
               <text>订单管理</text>
            </view>
            <view class="func-item" style="margin-bottom: 30rpx;">
            <view class="func-item" style="margin-bottom: 30rpx;" @click="jumpAccount">
               <image src="/static/icon/ic_xunizhanghu@2x.png" mode="widthFix"></image>
               <text>虚拟账号</text>
            </view>
            <view class="func-item" style="margin-bottom: 30rpx;">
            <view class="func-item" style="margin-bottom: 30rpx;" @click="jumpWriteoff">
               <image src="/static/icon/ic_zitihexiao@2x.png" mode="widthFix"></image>
               <text>自提核销</text>
            </view>
            <view class="func-item">
            <view class="func-item" @click="jumpZizhi">
               <image src="/static/icon/ic_wodezizhi@2x.png" mode="widthFix"></image>
               <text>我的资质</text>
            </view>
            <view class="func-item">
            <view class="func-item" @click="jumpMemberList">
               <image src="/static/icon/ic_wodehuiyuan@2x.png" mode="widthFix"></image>
               <text>我的会员</text>
            </view>
            <view class="func-item">
            <view class="func-item" @click="openHaibao">
               <image src="/static/icon/ic_zhuanshuhaibao@2x.png" mode="widthFix"></image>
               <text>专属海报</text>
            </view>
@@ -108,10 +108,10 @@
         <view class="title"  v-if="!show">待处理订单 ({{total}})</view>
         <view class="list"  v-if="!show">
            <view class="list-item" v-for="(item, index) in dataList" :key="index">
               <view class="a">
               <view class="a"   @click="jumpOrderDetail(item.id)">
                  <view class="a-left">
                     <view class="a-left-tips">{{item.receiveType==1?'自提':'快递配送'}}</view>
                     <text>订单号：{{item.id}}</text>
                     <view :class="'a-left-tips '+(item.receiveType==1?'shop-top-tips-a':'shop-top-tips-b')">{{item.receiveType==1?'自提':'配送'}}</view>
                     <text>订单号：{{item.code}}</text>
                  </view>
                  <text v-if="item.status ==0" class="a-right">待支付</text>
                  <text  v-if="item.status ==1" class="a-right">{{item.receiveType==1?'待自提':'待发货'}}</text>
@@ -120,17 +120,7 @@
                  <text  v-if="item.status ==4"class="a-right">已取消</text>
                  <text  v-if="item.status ==6" class="a-right">已退款</text>
               </view>
               <view class="b">
                  <view class="b-item" v-for="(item1, index1) in (item.goodsorderDetailList||[])">
                     <view class="b-item-image">
                        <image :src="item1.imgurl||'/static/logo.png'" mode="widthFix"></image>
                     </view>
                     <view class="b-item-title">{{item1.name||''}}</view>
                     <view class="b-item-jia">
                        <text>¥{{(item1.price||0).toFixed(2)}}</text>
                        <text>x{{item1.goodsNum||0}}</text>
                     </view>
                  </view>
               <view class="b"   @click="jumpOrderDetail(item.id)">
                  <view class="b-item" v-for="(item1, index1) in (item.goodsorderDetailList||[])">
                     <view class="b-item-image">
                        <image :src="item1.imgurl||'/static/logo.png'" mode="widthFix"></image>
@@ -152,14 +142,14 @@
                  </view>
                  <view class="c-btns">
                     <view class="c-btns-item blue" @click="contactPhone(item)">联系客户</view>
                     <view class="c-btns-item bg">自提核销</view>
                     <view class="c-btns-item bg" v-if="item.status == 1 && item.receiveType ==1" @click="hexiaoOrder(item)">自提核销</view>
                  </view>
               </view>
               <view class="d" v-if="item.memberInfo">
               <view class="d" v-if="item.memberInfo"   @click="jumpOrderDetail(item.id)">
                  订单备注：{{item.memberInfo||''}}
               </view>
            </view>
            <view v-if="!hasNext" class="nomore">已加载全部</view>
            <view v-if="!hasNext" class="nomore">{{total>0?'已加载全部数据':'暂无待处理订单'}}</view>
         </view>
      </view>
      <!-- 确认退出登陆 -->
@@ -192,13 +182,23 @@
            </view> -->
             <view class="phone-item" >
                <view>
                  <image src="/static/icon/ic_call@2x.png" mode="widthFix" @click="contactPhoneDo()"></image>
                  <image src="/static/icon/ic_call@2x.png" mode="widthFix" @click="contactPhoneDo()" ></image>
                  <text>{{linkItem.linkname}} </text> 
                  <text style="margin-left: 10px;"> {{linkItem.linkphone}}</text> 
               </view> 
             </view>  
             <view style="width: 100%; height: 30rpx;"></view>
            <!-- <view class="phone-botton"  @click="contactPhone()" >关闭</view> -->
         </view>
      </u-popup>
      <u-popup :show="showQrcode" round="15" :safeAreaInsetBottom="false" mode="center" @close="openQrcode()" >
         <view class="qrcode" >
            <image :src="shop.programCode||''" mode="widthFix"></image>
         </view>
      </u-popup>
      <u-popup :show="showHaibao" round="15" :safeAreaInsetBottom="false" mode="bottom" @close="openHaibao()" >
         <view class="qrcode" >
            <image :src="shop.programCode||''" mode="widthFix"></image>
         </view>
      </u-popup>
   </view>
@@ -213,6 +213,8 @@
      data() {
         return { 
            show:false,
            showHaibao:false,
            showQrcode:false,
            active:0,
            loading:false,
            showMoney:false,
@@ -233,13 +235,44 @@
          this.active=0
          this.shop = this.shopInfo || {}
          this.getCountData()
          this.total=0
          this.hasNext=true
          this.currentPage = 0
          this.getOrderList()
      },
      onReachBottom(){ 
         this.getOrderList( );
      },
      onLoad() {
          var that =this
         uni.$on('updateOrder',function(data){
            if(data.info!=null && data.info.orderId!=null && data.info.orderStatus ==3){
                if(data.info.orderStatus ==3){
                   that.getCountData()
                }
                that.total=0
                that.hasNext=true
                that.currentPage = 0
                that.getOrderList()
             }
          }) 
      },
      methods:{ 
         hexiaoOrder(item){
            uni.navigateTo({
               url:'/pagesA/pages/write-off-a/write-off-a?id='+item.id
            })
         },
         openQrcode(){
            if(this.shop.programCode){
               this.showQrcode = !this.showQrcode
            }
         },
         openHaibao(){
            if(this.shop.programCode){
               this.showHaibao = !this.showHaibao
            }
         },
         contactPhone(item){
             this.showPhone = !this.showPhone
             this.linkItem = item ||{}
@@ -328,14 +361,49 @@
               that.jumpShopLogin()
            } 
         },
         jumpOrderDetail(id){
            uni.navigateTo({
               url: '/pagesA/pages/order-details/order-details?userType=1&id='+id
            })
         },
         jumpShopLogin() {
            uni.navigateTo({
               url: '/pages/login/login'
            })
         },
         jumpZizhi() {
            uni.navigateTo({
               url: '/pagesA/pages/my-qualifications/my-qualifications'
            })
         },
         jumpGoodsList() {
            uni.navigateTo({
               url: '/pagesA/pages/product-management/product-management'
            })
         },
         jumpOrderList() {
            uni.navigateTo({
               url: '/pagesA/pages/order/order?userType=1'
            })
         },
         jumpAccount() {
            uni.navigateTo({
               url: '/pagesA/pages/virtual-account/virtual-account'
            })
         },
         jumpWriteoff() {
            uni.navigateTo({
               url: '/pagesA/pages/write-off/write-off'
            })
         },
         jumpMemberList() {
            uni.navigateTo({
               url: '/pagesA/pages/my-membership/my-membership'
            })
         },
         jumpShopIntegral() {
            uni.navigateTo({
               url: '/pagesA/shop_points/shop_points'
               url: '/pagesA/pages/shop_points/shop_points'
            })
         } 
      }
@@ -398,12 +466,6 @@
            width: 100%;
            margin-top: 30rpx;
            padding-bottom: 60rpx;
            .nomore{
               width: 100%;
               text-align: center;
               font-size: 24rpx;
               color: #666666;
            }
            .list-item {
               width: 100%;
               padding: 30rpx;
@@ -426,12 +488,19 @@
                        padding: 0 6rpx;
                        height: 40rpx;
                        line-height: 40rpx;
                        background: #00B775;
                        border-radius: 8rpx;
                        font-weight: 400;
                        font-size: 22rpx;
                        color: #FFFFFF;
                        margin-right: 16rpx;
                     }
                     .shop-top-tips-a {
                        background: #00B775; 
                        border: 1rpx solid #00B775;
                     }
                     .shop-top-tips-b {
                        background: #004096;
                        border: 1rpx solid #004096;
                     }
                     text {
                        font-weight: 400;
@@ -768,68 +837,14 @@
            }
         }
      }
      .phone {
         width: 100%;
         padding-top: 40rpx;
         box-sizing: border-box;
         .phone-botton {
            width: 100%;
            height: 88rpx;
            line-height: 88rpx;
            text-align: center;
            font-weight: 500;
            font-size: 32rpx;
            color: #FFFFFF;
            background: #00BC12;
            border-radius: 44rpx;
            margin-top: 60rpx;
         }
         .phone-head {
            width: 100%;
            text-align: center;
            justify-content: space-between; 
            margin-bottom: 40rpx;
            text {
               font-weight: 800;
               font-size: 32rpx;
               color: #222222;
            }
         }
			 
         .phone-item {
            width: 100%;
            text-align: center;
            display: flex;
            justify-content: center;
            flex-direction: column;
            // border-bottom: 1rpx solid #eeeeee;
            line-height: 78rpx;
            button{
               border: 1rpx white solid;
               display: inline;
               width: 300rpx;
               font-weight: 500;
               font-size: 32rpx;
               line-height: 32rpx;
               color: #222222;
            }
            image{
               width: 28rpx;
               height: 28rpx;
               margin-right: 30rpx;
            }
            .line{
               width: 100%;
               height: 1rpx;
               background-color: #f2f2f2
            }
            text {
               font-weight: 500;
               font-size: 28rpx;
               line-height: 28rpx;
               color: #222222;
            }
         }
   }
   .qrcode{
      width: calc(100vw - 148rpx);
      height: calc(100vw - 148rpx);
      padding: 20px;
      image{
         width: calc(100vw - 188rpx);
         height: calc(100vw - 188rpx);
      }
   }
</style>