From 904b72d35865fd2eb2208000e1ba80610884b64f Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Fri, 12 Jul 2024 14:13:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E5=95=86=E6=88=B7?=
 =?UTF-8?q?=E5=85=A5=E9=A9=BB=E5=87=8F=E5=B0=91=E5=BF=85=E5=A1=AB=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=20=E4=BC=98=E5=8C=96=E5=85=A5=E9=A9=BB=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=20=E4=BC=98=E5=8C=96=EF=BC=9A=E5=95=86=E6=88=B7?=
 =?UTF-8?q?=E5=85=A5=E9=A9=BB=E8=87=AA=E4=B8=BB=E7=94=B3=E8=AF=B7=E6=97=B6?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E9=80=89=E6=8B=A9=E5=95=86=E6=88=B7=E5=85=A5?=
 =?UTF-8?q?=E9=A9=BB=E7=B1=BB=E5=88=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/store/settled/index.vue | 258 +++++++++++++++++++++++-----------
 1 file changed, 174 insertions(+), 84 deletions(-)

diff --git a/pages/store/settled/index.vue b/pages/store/settled/index.vue
index 757d409..e06a33e 100644
--- a/pages/store/settled/index.vue
+++ b/pages/store/settled/index.vue
@@ -10,6 +10,25 @@
 					<text class="iconfont icon-xiangyou"></text>
 				</view>
 				<view class='list'>
+          <view class="item">
+            <view class="uni-list">
+              <view class="uni-list-cell">
+                <view class="uni-list-cell-db acea-row row-middle">
+                  <text class="item-name">入驻类别</text>
+                  <picker
+                      @change="changeMerchantType"
+                      :value="merchant_type_index"
+                      :range="merchant_type_list"
+                      range-key="title"
+                      :disabled="default_merchant_type !== ''">
+                    <input placeholder="请选择商户类别" type="text" disabled readonly v-model="merchant_type_title">
+                    <view v-if="merchant_type_title" class="iconfont icon-guanbi2"></view>
+                    <view class='iconfont icon-jiantou'></view>
+                  </picker>
+                </view>
+              </view>
+            </view>
+          </view>
           <view class="item">
             <view class="acea-row row-middle">
               <text class="item-name">管理员</text>
@@ -28,42 +47,42 @@
           </view>
 					<view class="item">
 						<view class="acea-row row-middle">
-							<text class="item-name">品牌名称</text>
-							<input type="text" maxlength="30" placeholder="请输入品牌名称" v-model="merchantData.enterprise_name" @input="validateBtn"
+							<text class="item-name">商户名称</text>
+							<input type="text" maxlength="30" placeholder="请输入商户名称" v-model="merchantData.enterprise_name" @input="validateBtn"
 							 placeholder-class='placeholder' />
 						</view>
 					</view>
-					<view class="item">
+					<!--<view class="item">
 						<view class="acea-row row-middle">
 							<text class="item-name">负责人姓名</text>
 							<input type="text" placeholder="请输入负责人姓名" v-model="merchantData.user_name" @input="validateBtn" placeholder-class='placeholder' />
 						</view>
-					</view>
-					<view class="item">
+					</view>-->
+					<!--<view class="item">
 						<view class="acea-row row-middle">
 							<text class="item-name">负责人电话</text>
 							<input type="text" placeholder="请输入负责人电话" v-model="merchantData.phone" @input="validateBtn" placeholder-class='placeholder' />
 						</view>
-					</view>
-					<!--<view class="item rel">-->
-					<!--	<view class="acea-row row-middle">-->
-					<!--		<text class="item-name">验证码</text>-->
-					<!--		<input type="text" placeholder="填写验证码" v-model="merchantData.yanzhengma" @input="validateBtn" class="codeIput"-->
-					<!--		 placeholder-class='placeholder' />-->
-					<!--		<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="handleVerify">-->
-					<!--			{{ text }}-->
-					<!--		</button>-->
-					<!--	</view>-->
-					<!--</view>-->
-					<view class="item" v-if="isShowCode">
+					</view>-->
+					<!--<view class="item rel">
+						<view class="acea-row row-middle">
+							<text class="item-name">验证码</text>
+							<input type="text" placeholder="填写验证码" v-model="merchantData.yanzhengma" @input="validateBtn" class="codeIput"
+							 placeholder-class='placeholder' />
+							<button class="code" :disabled="disabled" :class="disabled === true ? 'on' : ''" @click="handleVerify">
+								{{ text }}
+							</button>
+						</view>
+					</view>-->
+					<!--<view class="item" v-if="isShowCode">
 						<view class="acea-row row-middle">
 							<text class="item-name">验证码</text>
 							<input type="text" placeholder="请输入验证码" class="codeIput" v-model="codeVal" @input="validateBtn"
 							 placeholder-class='placeholder' />
 							<view class="imageCode" @click="again"><image :src="codeUrl" /></view>
 						</view>
-					</view>
-					<view class="item" v-if="![1,3,4,5,6,7].includes(Number(merchant_type))">
+					</view>-->
+					<!--<view class="item" v-if="![1,3,4,5,6,7].includes(Number(merchant_type))">
 						<view class="uni-list">
 							<view class="uni-list-cell">
 								<view class="uni-list-cell-db acea-row row-middle">
@@ -75,8 +94,8 @@
 								</view>
 							</view>
 						</view>
-					</view>
-					<view class="item" v-if="![1,3,4,5,6,7].includes(Number(merchant_type))">
+					</view>-->
+					<!--<view class="item" v-if="![1,3,4,5,6,7].includes(Number(merchant_type))">
 						<view class="uni-list">
 							<view class="uni-list-cell">
 								<view class="uni-list-cell-db acea-row row-middle">
@@ -90,22 +109,22 @@
 								</view>
 							</view>
 						</view>
-					</view>
-          <view class="item" v-if="[0,1].includes(Number(merchant_type))">
+					</view>-->
+          <!--<view class="item" v-if="[0,1].includes(Number(merchant_type))">
             <view class="uni-list">
               <view class="uni-list-cell">
                 <view class="uni-list-cell-db acea-row row-middle">
                   <text class="item-name">商户类型</text>
                   <picker @change="changeSubType" :value="sub_type_index" :range="subTypeList" range-key="title">
-                    <input placeholder="请选择店铺类型" type="text" disabled readonly v-model="sub_type_title">
+                    <input placeholder="请选择商户类型" type="text" disabled readonly v-model="sub_type_title">
                     <view v-if="sub_type_title" @tap.stop="sub_type_title=''" class="iconfont icon-guanbi2"></view>
                     <view class='iconfont icon-jiantou'></view>
                   </picker>
                 </view>
               </view>
             </view>
-          </view>
-					<view class="item no-border">
+          </view>-->
+					<!--<view class="item no-border">
 						<view class='acea-row row-middle'>
 							<text class="item-title">请上传营业执照及行业相关资质证明图片</text>
 							<text class="item-desc">(图片最多可上传10张,图片格式支持JPG、PNG、JPEG)</text>
@@ -120,12 +139,12 @@
 								</view>
 							</view>
 						</view>
-					</view>
-					<!--<view class="item no-border">-->
-					<!--	<checkbox-group @change='ChangeIsAgree'>-->
-					<!--		<checkbox class="checkbox" :checked="isAgree ? true : false" />已阅读并同意</checkbox-group>-->
-					<!--	<button class="settleAgree" @click="getConfig">《入驻协议》</button>-->
-					<!--</view>-->
+					</view>-->
+					<!--<view class="item no-border">
+						<checkbox-group @change='ChangeIsAgree'>
+							<checkbox class="checkbox" :checked="isAgree ? true : false" />已阅读并同意</checkbox-group>
+						<button class="settleAgree" @click="getConfig">《入驻协议》</button>
+					</view>-->
 					<button class='submitBtn' :class="validate === true ? 'on':''" @click="formSubmit">提交申请</button>
 				</view>
 			</view>
@@ -143,8 +162,13 @@
 		<view class='loadingicon acea-row row-center-wrapper' v-if="loading">
 			<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>
 		</view>
-		<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
     <Verify @success="success" :captchaType="'blockPuzzle'" :imgSize="{ width: '330px', height: '155px' }" ref="verify"></Verify>
+
+
+
+
+    <!-- 授权登录 -->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
 	</view>
 	<view class="settledSuccessMain" v-else :style="viewColor">
 		<view class="settledSuccessful">
@@ -157,6 +181,7 @@
 		</view>
 	</view>
 </template>
+
 <script>
 	import { manageIsEligible,create, verify, merClassifly, getGoodsDetails, updateGoodsRecord, getStoreTypeApi} from '@/api/store.js';
 	import {getCaptcha, getAgreementApi, searchUser} from "@/api/user";
@@ -176,12 +201,14 @@
 		},
 		data() {
 			return {
+        // 登录相关
+        isAuto: false, //没有授权的不会自动授权
+        isShowAuth: false,//是否隐藏授权
+
 				domain: HTTP_REQUEST_URL,
 				cartId: '', //购物车id
 				pinkId: 0, //拼团id
 				couponId: 0, //优惠券id
-				isAuto: false, //没有授权的不会自动授权
-				isShowAuth: false, //是否隐藏授权
 				text: "获取验证码",
 				codeUrl: "",
 				disabled: false,
@@ -229,7 +256,8 @@
 				isType: false,
         // 代理邀请入驻
         agent_id: 0,
-        merchant_type: 0,
+        merchant_type: '',
+        default_merchant_type: '',
         pageTitle: '',
         // 商户子类型
         subTypeList:  [{
@@ -237,7 +265,21 @@
           value: ''
         }],
         sub_type_index: 0,
-        sub_type_title: ''
+        sub_type_title: '',
+        // 商户类别选择  仅未指定类别时有效
+        merchant_type_index: '',
+        merchant_type_title: '',
+        merchant_type_list: [
+          { title: '联盟商家', value: 0},
+          { title: '酒道馆', value: 1},
+          { title: '供应商', value: 2},
+          { title: '烟酒店', value: 3},
+          { title: '超市', value: 4},
+          { title: '省公司门店', value: 5},
+          { title: '城市会客厅', value: 6},
+          { title: '惠民健康体检馆', value: 7},
+        ],
+
 
 			};
 		},
@@ -247,26 +289,28 @@
 		computed: configMap({sys_intention_agree:''},mapGetters(['isLogin','uid','viewColor','keyColor'])),
 		onLoad(options) {
       let _this = this;
+      // 二维码参数获取
       if(options.scene){
         console.log('转换前参数：',options.scene)
         let scene = _this.$util.getUrlParams(decodeURIComponent(options.scene));
         // console.log("接收参数",scene)
         _this.agent_id = scene.aid || 0;
         _this.merchant_type = scene.mt || 0;
+        _this.default_merchant_type = _this.merchant_type
         // 商户类别：0=普通商户，1=酒道馆，2=供应商，3=烟酒店，4=超市，5=省公司门店，6=城市会客厅
         _this.pageTitle = _this.$util.getMerchantTypeText( _this.merchant_type);
         uni.setNavigationBarTitle({
           title: _this.pageTitle + '申请入驻'
         })
       }
+      // 登录处理
 			if (this.isLogin) {
-				this.getClassfication();
-				this.getStoreType();
-        this.getSubTypeList();
+        this.init();
 			} else {
 				this.isAuto = true;
 				this.isShowAuth = true
 			}
+      // 申请信息编辑
 			if (options.mer_i_id) {
 				this.mer_i_id = options.mer_i_id
 				uni.showLoading({
@@ -284,29 +328,53 @@
     watch: {
       'manage_search':{
         handler(val) {
-          let _this = this;
-          searchUser({ id_and_phone: _this.manage_search}).then(res => {
-            _this.manage_info = res.data;
-            _this.merchantData.manage_uid = res.data.uid;
-          }).catch(err => {});
+          this.manageUserSearch();
         },
         deep: false
       },
       'merchantData.manage_uid':{
         handler(val) {
-          let _this = this;
-          let params = {
-            manage_uid: _this.merchantData.manage_uid,
-            mer_intention_id: _this.mer_i_id
-          };
-          manageIsEligible(params).then(res => {
-            _this.manage_eligible = res.data;
-          }).catch(err => {});
+          this.manageIsEligibleHandle();
         },
         deep: false
-      }
+      },
+      'merchant_type':{
+        handler(val) {
+          this.manageIsEligibleHandle();
+        },
+        deep: false
+      },
     },
 		methods: {
+      // 授权回调
+      onLoadFun() {
+        if(this.isLogin){
+          this.isShowAuth = false;
+          this.init();
+        }
+      },
+      // 授权关闭
+      authClose(e) {
+        this.isShowAuth = e
+      },
+      // 初始化
+      init(){
+        this.getClassfication();
+        this.getStoreType();
+        this.getSubTypeList();
+        this.manageUserSearch();
+        this.$set(this, 'manage_search', this.uid);
+        if(this.merchant_type != ''){
+          let merchantTypeList = Object.assign({}, this.merchant_type_list);
+          for (const item of Object.values(merchantTypeList)) {
+            if(Number(this.merchant_type) === Number(item.value)){
+              this.merchant_type_title = item.title || '';
+              this.validateBtn();
+              break;
+            }
+          }
+        }
+      },
 			getConfig() {
 				this.isType = false;
 				this.showProtocol = true;
@@ -419,14 +487,6 @@
 					});
 				}
 			},
-			// 授权回调
-			onLoadFun: function() {
-				this.isShowAuth = false;
-			},
-			// 授权关闭
-			authColse: function(e) {
-				this.isShowAuth = e
-			},
 			toggleTab(str) {
 				this.$refs[str].show();
 			},
@@ -592,31 +652,33 @@
 			validateBtn: function() {
 				let that = this,
 					value = that.merchantData;//value.yanzhengma &&
-				if (value.enterprise_name && value.user_name && value.phone && /^1(3|4|5|7|8|9|6)\d{9}$/i.test(value.phone) && that.isAgree && (value.classification || [1,3,4,5,6,7].includes(Number(this.merchant_type)))) {
-					if (!that.isShowCode) {
-						that.validate = true;
-					} else {
-						if (that.codeVal) {
-							that.validate = true;
-						} else {
-							that.validate = false;
-						}
-					}
-				}else{
-					that.validate = false;
-				}
+				// if (value.enterprise_name && value.user_name && value.phone && /^1(3|4|5|7|8|9|6)\d{9}$/i.test(value.phone) && that.isAgree && (value.classification || [1,3,4,5,6,7].includes(Number(this.merchant_type)))) {
+				// 	if (!that.isShowCode) {
+				// 		that.validate = true;
+				// 	} else {
+				// 		if (that.codeVal) {
+				// 			that.validate = true;
+				// 		} else {
+				// 			that.validate = false;
+				// 		}
+				// 	}
+				// }else{
+				// 	that.validate = false;
+				// }
+
+        that.validate = Number(this.merchantData.manage_uid) > 0 && this.merchant_type !== '';
 			},
 			validateForm: function() {
 				let that = this,
 					value = that.merchantData;
         if (!value.manage_uid) return that.$util.Tips({title: '请设置管理员'});
         else if (value.manage_uid && !that.manage_eligible.is_eligible) return that.$util.Tips({title: '请设置有效管理员'});
-				if (!value.enterprise_name) return that.$util.Tips({title: '请输入企业名称'});
-				if (!value.user_name) return that.$util.Tips({title: '请输入姓名'});
-				if (!value.phone) return that.$util.Tips({title: '请输入手机号'});
-				if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(value.phone)) return that.$util.Tips({title: '请输入正确的手机号码'});
+				// if (!value.enterprise_name) return that.$util.Tips({title: '请输入企业名称'});
+				// if (!value.user_name) return that.$util.Tips({title: '请输入姓名'});
+				// if (!value.phone) return that.$util.Tips({title: '请输入手机号'});
+				// if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(value.phone)) return that.$util.Tips({title: '请输入正确的手机号码'});
 				// if (!value.yanzhengma) return that.$util.Tips({title: '请填写验证码'});
-				if (!value.classification && ![1,3,4,5,6,7].includes(Number(this.merchant_type))) return that.$util.Tips({title: '请选择商户分类'});
+				// if (!value.classification && ![1,3,4,5,6,7].includes(Number(this.merchant_type))) return that.$util.Tips({title: '请选择商户分类'});
 				if (!that.isAgree) return that.$util.Tips({title: '请勾选并同意入驻协议'});
 				if (that.isShowCode && !that.codeVal) return that.$util.Tips({title: '请填写图片验证码'});
 
@@ -676,8 +738,35 @@
           }
         }
       },
-
-
+      // 管理员搜索
+      manageUserSearch(){
+        let _this = this;
+        searchUser({ id_and_phone: _this.manage_search}).then(res => {
+          _this.manage_info = res.data;
+          _this.merchantData.manage_uid = res.data.uid;
+          _this.validateBtn();
+        }).catch(err => {});
+      },
+      // 管理员是否有效
+      manageIsEligibleHandle(){
+        let _this = this;
+        let params = {
+          manage_uid: _this.merchantData.manage_uid,
+          mer_intention_id: _this.mer_i_id,
+          merchant_type: _this.merchant_type
+        };
+        manageIsEligible(params).then(res => {
+          _this.manage_eligible = res.data;
+        }).catch(err => {});
+      },
+      // 切换商户类别
+      changeMerchantType(e){
+        this.merchant_type_index = e.detail.value || e.target.value;
+        let info = this.merchant_type_list[this.merchant_type_index] || {};
+        this.merchant_type = info.value || 0;
+        this.merchant_type_title = info.title || '';
+        this.validateBtn();
+      }
 
 
 
@@ -780,8 +869,9 @@
 		line-height: 0;
 	}
 	.merchantsSettled {
-		background-image: linear-gradient(var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
-		height: 140vh;
+		background-image: linear-gradient(#e93423 0%, var(--view-bntColor22) 100%);
+		//height: 140vh;
+    min-height: 100vh!important;
 	}
 	.merchantsSettled .merchantBg {
 		width: 750rpx;