小程序

doum

15 小时以前 599cbbfede5e74d928c987434844a74ce2002694

 mini-program/pages/distributor/distributor.vue

@@ -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,15 +74,15 @@
            </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>
@@ -90,15 +90,15 @@
               <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>
@@ -192,13 +192,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 +223,8 @@
      data() {
         return { 
            show:false,
            showHaibao:false,
            showQrcode:false,
            active:0,
            loading:false,
            showMoney:false,
@@ -240,6 +252,16 @@
         this.getOrderList( );
      },
      methods:{ 
         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 ||{}
@@ -333,6 +355,31 @@
               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'
            })
         },
         jumpAccount() {
            uni.navigateTo({
               url: '/pagesA/pages/virtual-account/virtual-account'
            })
         },
         jumpMemberList() {
            uni.navigateTo({
               url: '/pagesA/pages/my-membership/my-membership'
            })
         },
         jumpShopIntegral() {
            uni.navigateTo({
               url: '/pagesA/pages/shop_points/shop_points'
@@ -398,12 +445,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;
@@ -768,68 +809,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>