商品可以价格面议 选择走访时显示输入走访企业名 分会添加活动时要总会审核 分类添加人数限制，添加活动选择了填写人数限制的分类时活动名额下显示该分类人数...

quanwei

22 hours ago a4b3ee325c7354579d495bc74a777e494e5ec38c

 mobile/pages/user/my_shop/my_shop.vue

@@ -1,77 +1,87 @@
<template>
   <view class="weidian" v-if="store_open">
      <view class="weidian_head">
         <!-- #ifdef MP-WEIXIN || APP-PLUS -->
         <view class="ww100" :style="'height:'+topBarTop()+'px;'"></view>
         <view class="tc  head_top" :style="topBarHeight() == 0 ? '': 'height:'+topBarHeight()+'px;'">
            <view class="reg180" @click="goback"><text class="icon iconfont icon-jiantou"></text></view>
            <view class="fb">我的店铺</view>
         </view>
         <!-- #endif -->
         <view>
            <view class="weidian_head_body_bottom">
               <view class="weidian_head_body_bottom_item">
                  <view class="f24 gray3 mb20">累计提现(元)</view>
                  <text class="f36 gray3 fb">{{shop_data.supplier.cash_money}}</text>
               </view>
               <view class="weidian_head_body_bottom_item">
                  <view class="f24 gray3 mb20">累计成交(笔)</view>
                  <text class="f36 gray3 fb">{{shop_data.totalCount}}</text>
               </view>
               <view class="weidian_head_body_bottom_item">
                  <view class="f24 gray3 mb20">今日成交(笔)</view>
                  <text class="f36 gray3 fb">{{shop_data.todayCount}}</text>
               </view>
               <view class="weidian_head_body_bottom_item">
                  <view class="f24 gray3 mb20">可提现</view>
                  <text class="f36 gray3 fb">{{shop_data.supplier.money}}</text>
               </view>
      <view v-if="shop_data.supplier.money>0||shop_data.supplier.status!=20">
         <view class="weidian_head">
            <!-- #ifdef MP-WEIXIN || APP-PLUS -->
            <view class="ww100" :style="'height:'+topBarTop()+'px;'"></view>
            <view class="tc  head_top" :style="topBarHeight() == 0 ? '': 'height:'+topBarHeight()+'px;'">
               <view class="reg180" @click="goback"><text class="icon iconfont icon-jiantou"></text></view>
               <view class="fb">我的店铺</view>
            </view>
         </view>
      </view>
      <view class="weidian_body">
         <view class="seller_center_body_order">
            <view class="seller_center_body_order_head">
               <text class="f32 gray3 fb">我的订单</text>
               <text class="seller_center_body_order_head_more" @click="jumpPage('/pages/user/my_shop/my_shop_order?fill=1')">全部订单<text
                   class="icon iconfont icon-jiantou f24"></text></text>
            </view>
            <view class="seller_center_body_order_body">
               <view class="seller_center_body_order_body_item" v-for="(item,index) in order_menu_list" :key="index">
                  <view @click="jumpPage(item.url)">
                     <image :src="item.image" mode=""></image>
                     <view class="f26 gray3">{{item.title}}</view>
            <!-- #endif -->
            <view>
               <view class="weidian_head_body_bottom">
                  <view class="weidian_head_body_bottom_item"
                     @click="onGotoPage('pages/user/my_shop/cash/list/list')">
                     <view class="f24 gray3 mb20">累计提现(元)</view>
                     <text class="f36 gray3 fb">{{shop_data.supplier.cash_money}}</text>
                  </view>
                  <view class="weidian_head_body_bottom_item"
                     @click="onGotoPage('pages/user/my-wallet/my-supplier-balance')">
                     <view class="f24 gray3 mb20">累计成交(笔)</view>
                     <text class="f36 gray3 fb">{{shop_data.totalCount}}</text>
                  </view>
                  <view class="weidian_head_body_bottom_item">
                     <view class="f24 gray3 mb20">今日成交(笔)</view>
                     <text class="f36 gray3 fb">{{shop_data.todayCount}}</text>
                  </view>
                  <view class="weidian_head_body_bottom_item"
                     @click="onGotoPage('pages/user/my_shop/cash/apply/apply')">
                     <view class="f24 gray3 mb20">可提现</view>
                     <text class="f36 gray3 fb">{{shop_data.supplier.money}}</text>
                  </view>
               </view>
            </view>
         </view>
         <view class="weidian_body_menu_list">
            <view class="weidian_body_menu_list_item" v-for="(item,index) in menu_list" :key="index" @click="jumpPage(item.url)">
               <view class="weidian_body_menu_list_left_icon">
                  <image class="left_iconimg" :src="item.left_icon" mode=""></image>
         <view class="weidian_body">
            <view class="seller_center_body_order">
               <view class="seller_center_body_order_head">
                  <text class="f32 gray3 fb">我的订单</text>
                  <text class="seller_center_body_order_head_more"
                     @click="jumpPage('/pages/user/my_shop/my_shop_order?fill=1')">全部订单<text
                        class="icon iconfont icon-jiantou f24"></text></text>
               </view>
               <view class="weidian_body_menu_list_title_left">{{item.title_left}}</view>
               <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
               <view class="weidian_body_menu_list_title_right"></view>
            </view>
            <view class="weidian_body_menu_list_item">
               <view class="weidian_body_menu_list_left_icon">
                  <image class="left_iconimg" src="../../../static/icon/store_deposit.png" mode=""></image>
               <view class="seller_center_body_order_body">
                  <view class="seller_center_body_order_body_item" v-for="(item,index) in order_menu_list"
                     :key="index">
                     <view @click="jumpPage(item.url)">
                        <image :src="item.image" mode=""></image>
                        <view class="f26 gray3">{{item.title}}</view>
                     </view>
                  </view>
               </view>
               <view class="weidian_body_menu_list_title_left">店铺保证金</view>
               <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
               <view class="weidian_body_menu_list_title_right" v-if="shop_data.supplier.status==0">已缴纳</view>
               <view class="weidian_body_menu_list_title_right" v-if="shop_data.supplier.status==10">申请退出</view>
               <view class="weidian_body_menu_list_title_right" v-if="shop_data.supplier.status==20" @click="gotoPay">立即交纳</view>
            </view>
            <view v-if="is_open==1" class="weidian_body_menu_list_item" @click="toLive">
               <view class="weidian_body_menu_list_left_icon">
                  <image class="left_iconimg" src="../../../static/icon/store_live.png" mode=""></image>
            <view class="weidian_body_menu_list">
               <view class="weidian_body_menu_list_item" v-for="(item,index) in menu_list" :key="index"
                  @click="jumpPage(item.url)">
                  <view class="weidian_body_menu_list_left_icon">
                     <image class="left_iconimg" :src="item.left_icon" mode=""></image>
                  </view>
                  <view class="weidian_body_menu_list_title_left">{{item.title_left}}</view>
                  <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
                  <view class="weidian_body_menu_list_title_right"></view>
               </view>
               <view class="weidian_body_menu_list_title_left">我的直播</view>
               <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
            </view>
            <!-- <view class="weidian_body_menu_list_item" @click="gotoPage('/pages/plus/chat/supplier_chat_list')">
               <view class="weidian_body_menu_list_item">
                  <view class="weidian_body_menu_list_left_icon">
                     <image class="left_iconimg" src="../../../static/icon/store_deposit.png" mode=""></image>
                  </view>
                  <view class="weidian_body_menu_list_title_left">店铺保证金</view>
                  <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
                  <view class="weidian_body_menu_list_title_right" v-if="shop_data.supplier.status==10">申请退出中
                  </view>
                  <view class="weidian_body_menu_list_title_right" v-if="shop_data.supplier.status==0"
                     @click="requestForWithdrawal">申请退出</view>
                  <view class="weidian_body_menu_list_title_right" v-if="shop_data.supplier.status==20"
                     @click="gotoPay">立即交纳</view>
               </view>
               <view v-if="is_open==1" class="weidian_body_menu_list_item" @click="toLive">
                  <view class="weidian_body_menu_list_left_icon">
                     <image class="left_iconimg" src="../../../static/icon/store_live.png" mode=""></image>
                  </view>
                  <view class="weidian_body_menu_list_title_left">我的直播</view>
                  <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
               </view>
               <!-- <view class="weidian_body_menu_list_item" @click="gotoPage('/pages/plus/chat/supplier_chat_list')">
               <view class="weidian_body_menu_list_left_icon">
                  <image class="left_iconimg" src="../../../static/icon/store_live.png" mode=""></image>
               </view>
@@ -79,13 +89,82 @@
               <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
               <view class="weidian_body_menu_list_title_right">{{msg_count}}</view>
            </view> -->
            <view class="weidian_body_menu_list_item" @click="gotoPage('/pages/user/my_shop/my_shop_password')">
               <view class="weidian_body_menu_list_left_icon">
                  <image class="left_iconimg" src="../../../static/icon/store_pwd.png" mode=""></image>
               <view class="weidian_body_menu_list_item" @click="gotoPage('/pages/user/my_shop/member/member')">
                  <view class="weidian_body_menu_list_left_icon">
                     <image class="left_iconimg" src="../../../static/icon/commodity_management.png" mode="">
                     </image>
                  </view>
                  <view class="weidian_body_menu_list_title_left">激活年卡</view>
                  <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
                  <view class="weidian_body_menu_list_title_right">
                     {{member?member.plan_name+' '+member.expire_time_text:''}}
                  </view>
               </view>
               <view class="weidian_body_menu_list_title_left">修改密码</view>
               <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
               <view class="weidian_body_menu_list_title_right">修改PC端登录密码</view>
               <view class="weidian_body_menu_list_item" @click="gotoPage('/pages/user/my_shop/my_shop_password')">
                  <view class="weidian_body_menu_list_left_icon">
                     <image class="left_iconimg" src="../../../static/icon/store_pwd.png" mode=""></image>
                  </view>
                  <view class="weidian_body_menu_list_title_left">修改密码</view>
                  <view class="weidian_body_menu_list_right_icon icon iconfont icon-jiantou"></view>
                  <view class="weidian_body_menu_list_title_right">修改PC端登录密码</view>
               </view>
            </view>
         </view>
      </view>
      <view style="background-color: #f6f6f6;" v-else>

         <!-- #ifdef MP-WEIXIN || APP-PLUS -->
         <view class="ww100" :style="'height:'+topBarTop()+'px;'"></view>
         <view class="tc  head_top" :style="topBarHeight() == 0 ? '': 'height:'+topBarHeight()+'px;'">
            <view class="reg180" @click="goback"><text class="icon iconfont icon-jiantou"></text></view>
            <view class="fb">缴纳保证金</view>
         </view>
         <!-- #endif -->
         <view class="member">
            <view class="common-form">保证金</view>
            <view class="member-package">
               <view class="selected package-header">
                  <view>
                     <text class="package-name">{{category.name}}</text>
                     <text class="package-price">¥{{ category.deposit_money }}</text>
                  </view>
                  <view>
                     <radio-group activeBackgroundColor="#e43130">
                        <radio checked></radio>
                     </radio-group>
                  </view>
               </view>
            </view>
            <view class="common-form">年卡</view>
            <radio-group activeBackgroundColor="#e43130">
               <view class="member-package" v-for="(item, index) in memberPackages" :key="index"
                  @click="selectPackage(index)">
                  <view class="selected package-header">
                     <view>
                        <text class="package-name">{{ item.name }}</text>
                        <text class="package-price">¥{{ item.price }}</text>
                     </view>
                     <view>
                        <radio :checked="selectedIndex==index"></radio>
                     </view>
                  </view>
                  <view class="package-body">
                     <view class="package-description">{{ item.particulars }}</view>
                     <view class="package-expiry">有效期：{{ item.duration }}天</view>
                  </view>
               </view>
            </radio-group>
				
            <!--底部支付-->
            <view class="foot-pay-btns">
               <template >
                  <view>
                     应付
                     <text class="fb theme-price">¥</text>
                     <text class="num theme-price fb f38">{{ order_total_front_price }}</text>
                  </view>
               </template>
               <button type="primary" @tap="SubmitOrder">提交订单</button>
            </view>
         </view>
      </view>
@@ -147,10 +226,17 @@
            is_open: 0,
            is_full: 0,
            statusBarHeight: 0,
            titleBarHeight:0,
            titleBarHeight: 0,
            msg_count: 0,
            member: {},
            // 是否显示店铺信息 by lyzflash
            store_open: false
            store_open: false,
            memberPackages: [],
            selectedIndex: 0,
            category: {},
            loading: true,
            plan_id:0,
            order_total_front_price:0,
         }
      },
      onShow() {
@@ -159,8 +245,44 @@
      },
      onLoad() {
         this.GetStatusBarHeight();
         this.getData();
      },
      methods: {
      methods: { // 获取年卡套餐列表
         getMemberPlans() {
            let self = this;
            self._get('supplier.member/plansAll', {}, function(res) {
               self.memberPackages = res.data.plans;
               self.plan_id = self.memberPackages[0].plan_id;
               console.log(self.category);
               self.order_total_front_price = (Number(self.memberPackages[0].price)+Number(self.category.deposit_money)).toFixed(2);
               self.loading = false;
            });
         },
         /*提交订单*/
         SubmitOrder() {
            let self = this;
            self._post(
               'supplier.index/deposit', {
                  plan_id:self.plan_id
               },
               function(result) {
                  self.gotoPage('/pages/order/cashier?order_id=' + result.data.order_id+ '&order_type=20');
               }
            );
         },
         selectPackage(index) {
            this.selectedIndex = index;
            this.plan_id = this.memberPackages[index].plan_id;
        this.order_total_front_price = (Number(this.memberPackages[index].price)+Number(this.category.deposit_money)).toFixed(2);
         },
         /*获取数据*/
         getData() {
            let self = this;
            self._get('supplier.index/deposit', {}, function(res) {
               self.category = res.data.category;
               self.getMemberPlans();
            });
         },
         GetStatusBarHeight() {
            const SystemInfo = uni.getSystemInfoSync();
            // #ifdef MP-WEIXIN
@@ -174,9 +296,9 @@
            // #endif
         },
         jumpPage(path) {
            if(path.indexOf('?') != -1){
            if (path.indexOf('?') != -1) {
               this.gotoPage(path + '&shop_supplier_id=' + this.shop_supplier_id);
            }else{
            } else {
               this.gotoPage(path + '?shop_supplier_id=' + this.shop_supplier_id);
            }
         },
@@ -195,6 +317,7 @@
                  self.store_open = true;
               }
               self.menu_list[0].url = '/pages/shop/shop?shop_supplier_id=' + self.shop_supplier_id;
               uni.setStorageSync('shop_supplier_id',  self.shop_supplier_id)
               //#ifdef MP-WEIXIN
               self.store_open = res.data.store_open;
               //#endif
@@ -206,21 +329,56 @@
            let self = this;
            self._get('supplier.index/tradeData', {}, function(res) {
               self.shop_data = res.data;
               self.member = res.data.member;
               self.is_open = res.data.is_open;
               self.is_full = res.data.supplier.is_full;
               self.msg_count = res.data.msg_count;
            })
         },
         goback() {
            uni.navigateBack();
            let self = this;
            uni.navigateBack({
               delta:1,
               fail:function(e){
                  self.gotoPage('/pages/tabBar/user/index');
               }
            });
         },
         // 支付保证金
         gotoPay() {
            this.gotoPage('/pages/order/deposit-pay');
         },
         requestForWithdrawal() {
            let self = this;
            wx.showModal({
               title: '提示',
               content: '您确定要申请退出吗?',
               success: function(o) {
                  if (o.confirm) {
                     uni.showLoading({
                        title: '正在处理'
                     });
                     self._get(
                        'supplier.index/refundDeposit', {
                           shop_supplier_id: self.shop_supplier_id
                        },
                        function(res) {
                           uni.hideLoading();
                           uni.showToast({
                              title: '操作成功',
                              duration: 2000,
                              icon: 'success'
                           });
                           self.get_shop_Data();
                        }
                     );
                  }
               }
            });
         },
         toLive() {
            //if (this.is_full == 1) {
               this.gotoPage('/pages/user/my_shop/my_live/my-live/my-live?')
            this.gotoPage('/pages/user/my_shop/my_live/my-live/my-live?')
            /*} else {
               uni.showModal({
                  title: '提示',
@@ -228,6 +386,9 @@
               })
            }*/
         },
         onGotoPage(e) {
            this.gotoPage(e)
         }
      }
   }
</script>
@@ -449,4 +610,130 @@
      height: 36rpx;
      display: inline-block;
   }
</style>

   .deposit_bg {
      background-color: #FFFFFF;
   }

   .deposit_tit {
      padding: 0 30rpx;
      margin: 20rpx 0;
      height: 94rpx;
      line-height: 94rpx;
      font-size: 32rpx;
      background-color: #FFFFFF;
      border-top: 1rpx solid #efefef;
   }

   .common-form {
      position: relative;
      height: 80rpx;
      padding-left: 40rpx;
      line-height: 80rpx;
      font-size: 28rpx;
      font-weight: 700;
      margin-top: 24rpx;
   }

   .common-form:before {
      background: #3a8ee6;
   }

   .common-form:before {
      position: absolute;
      content: "";
      width: 4px;
      height: 14px;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
   }

   .member {
      padding: 0 20rpx;
   }

   .member-package {
      background-color: white;
      border-radius: 10rpx;
      margin-bottom: 20rpx;
      overflow: hidden;
      box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
   }

   .package-header {
      padding: 30rpx;
      background-color: #f8f8f8;
      border-left: 10rpx solid #ccc;
      display: flex;
      justify-content: space-between;
   }

   .package-header.selected {
      background-color: #ffeeee;
      border-left: 10rpx solid #e43130;
   }

   .package-name {
      font-size: 32rpx;
      font-weight: bold;
      color: #333;
   }

   .package-price {
      float: right;
      font-size: 36rpx;
      font-weight: bold;
      color: #e43130;
      margin-left: 30rpx;
   }

   .package-body {
      padding: 30rpx;
   }

   .package-description {
      font-size: 28rpx;
      color: #666;
      margin-bottom: 20rpx;
      white-space: pre-line;
      line-height: 1.6;
   }

   .package-features {
      margin-bottom: 20rpx;
   }

   .feature {
      font-size: 26rpx;
      color: #555;
      margin-bottom: 10rpx;
   }

   .feature .icon-duigou {
      color: #4caf50;
      margin-right: 10rpx;
   }

   .package-expiry {
      font-size: 24rpx;
      color: #999;
      text-align: right;
   }

   .buy-button-container {
      padding: 40rpx 0;
      text-align: center;
   }

   .buy-button {
      width: 80%;
      background-color: #e43130;
      color: white;
      font-size: 32rpx;
      border-radius: 50rpx;
      height: 80rpx;
      line-height: 80rpx;
      margin: auto;
   }
</style>