Bladeren bron

线上优化

Administrator 4 jaren geleden
bovenliggende
commit
da49fe4dea

+ 208 - 100
src/main/resources/static/js/user-center/setting/upgrade.js

@@ -21,8 +21,10 @@ var upgradePage = new Vue({
             provinceID :'',
             cityID : '',
             townID : '',
+            address:'',
         },
         userMainPros:[],
+
         formData:new FormData(),
         mentuzCampNullList:[
             {value:'1',name:'整形'},
@@ -41,13 +43,13 @@ var upgradePage = new Vue({
         ],
         mainPros: ['产品','仪器','服务','整形'],
         mainProEdit: '',
-        ProvinceList:[],
-        cityArray:[],
-        townArray:[],
+        provinceArray:[],
+        cityArray: [],//市
+        townArray: [],//区
         addressfrom: {
-            province: '',//省id
-            city: '',
-            town: ''
+            townID:'',
+            provinceID: '',//省id
+            cityID: '',
         },
         rule:{
             name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
@@ -56,7 +58,13 @@ var upgradePage = new Vue({
             license: '^[a-zA-Z0-9_]{18}$',
             email: '^(([^<>()\\[\\]\\\\.,;:\\s@&quot;]+(\\.[^<>()\\[\\]\\\\.,;:\\s@&quot;]+)*)|(&quot;.+&quot;))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$',
             password: "^[^\\u4e00-\\u9fa5]{8,16}$"
-        }
+        },
+        flagshow:false,
+        businessflag:false,
+        typeflag:false,
+        secondtypeflag:false,
+        mproflag:false,
+        userMainProflag:false,
     },
     computed: {
 
@@ -70,19 +78,25 @@ var upgradePage = new Vue({
                     _self.isRequset = false;
                     _self.clubUpgradeUser = data.club;
                     _self.userIdentity = data.user.userIdentity;
-                    _self.addressfrom.clubID = data.user.clubID;
-                    _self.addressfrom.userID = data.user.userID;
-                    _self.addressfrom.contractEmail1 = data.user.contractEmail1;
-                    _self.addressfrom.provinceID = data.club.provinceID;
-                    _self.addressfrom.cityID = data.club.cityID;
-                    _self.addressfrom.townID= data.club.townID;
-                    console.log(_self.addressfrom.townID);
-
+                    _self.clubUpgradeUser.clubID = data.user.clubID;
+                    _self.clubUpgradeUser.userID = data.user.userID;
+                    _self.clubUpgradeUser.contractEmail1 = data.club.contractEmail1;
+                    _self.clubUpgradeUser.provinceID = data.club.provinceID;
+                    _self.clubUpgradeUser.cityID = data.club.cityID;
+                    _self.clubUpgradeUser.townID= data.club.townID;
                     _self.userMainPros = _self.setNewMainpro(data.club.mainpro);
+                    _self.clubUpgradeUser.headpic = data.club.headpic;
+                    _self.clubUpgradeUser.businessLicenseImage = data.club.businessLicenseImage;
+                    _self.clubUpgradeUser.firstClubType = data.club.firstClubType;
+                    _self.clubUpgradeUser.secondClubType = data.club.secondClubType;
+                    _self.clubUpgradeUser.address = data.club.address;
                     console.log(_self.userMainPros);
-                    _self.GetProvinceFn();
-                    _self.GetCtiyFn();
-                    _self.GetTownFn();
+                    if(data.club.cityID!=''&&data.club.cityID!=null){
+                        _self.getcity()
+                    }
+                    if(data.club.townID!=''&&data.club.townID!=null){
+                        _self.getcTown();
+                    }
                 }else{
                     CAIMEI.Alert(response.msg,'确定',false);
                 }
@@ -90,44 +104,90 @@ var upgradePage = new Vue({
         },
         SubComfirUpgradeFn:function() {//升级会员机构
             var _self = this;
-            var pass = verifyForm();
-            if (_self.loginLoading) { return false; }
-            this.$nextTick(function() {
-                if (!pass) {return false;}
-                _self.clubUpgradeUser.mainpro = _self.userMainPros.join("/");
-            var  params= {
-                    userID:_self.clubUpgradeUser.userID,
-                    clubID:_self.clubUpgradeUser.clubID,				//会所ID
-                    name:_self.clubUpgradeUser.name,
-                    linkMan1:_self.clubUpgradeUser.linkMan1,
-                    sname:_self.clubUpgradeUser.sname,
-                    contractEmail1:_self.clubUpgradeUser.contractEmail1,
-                    provinceID:_self.clubUpgradeUser.provinceID,
-                    cityID:_self.clubUpgradeUser.cityID,
-                    townID:_self.clubUpgradeUser.townID,
-                    address:_self.clubUpgradeUser.address,
-                    socialCreditCode:_self.clubUpgradeUser.socialCreditCode,
-                    businessLicenseImage:_self.clubUpgradeUser.businessLicenseImage,
-                    headpic:_self.clubUpgradeUser.headpic,
-                    firstClubType:_self.clubUpgradeUser.firstClubType, //机构类型分类 医美:0和生美:1
-                    secondClubType:_self.clubUpgradeUser.secondClubType,	//机构类型二级分类 诊所:1,门诊:2,医院:3
-                    department:_self.clubUpgradeUser.department,				//科室
-                    medicalPracticeLicenseImg:_self.clubUpgradeUser.medicalPracticeLicenseImg,//资质图片
-                    mainpro:_self.clubUpgradeUser.mainpro,
-                };
-                _self.loginLoading = true;
-                UserApi.ClubUpgrade(params,function (response) {
-                    if(response.code === 0){
-                        CAIMEI.Alert('您的升级申请已提交审核','确定',true,function () {
-                            _self.clubLoginIndex();
-                            _self.loginLoading = false;
-                        });
-                    } else {
-                        CAIMEI.Alert(response.msg,'确定',false);
-                        _self.loginLoading = false;
+            if(_self.clubUpgradeUser.townID==0){
+                _self.flagshow = true;
+                setTimeout(function () {
+                    _self.flagshow = false;
+                },2000)
+                return;
+            }
+            // else if(_self.clubUpgradeUser.businessLicenseImage==''||_self.clubUpgradeUser.businessLicenseImage==null){
+            //     _self.businessflag = true;
+            //          setTimeout(function () {
+            //                 _self.businessflag = false;
+            //             },2000)
+            //     return
+            // }
+             if(_self.clubUpgradeUser.firstClubType==''){
+               _self.typeflag = true;
+               setTimeout(function () {
+                    _self.typeflag = false;
+                },2000)
+               return;
+            }
+            if(_self.clubUpgradeUser.firstClubType==1){
+                if(_self.clubUpgradeUser.secondClubType==''||_self.clubUpgradeUser.secondClubType==null){
+                    _self.secondtypeflag = true;
+                    setTimeout(function () {
+                    _self.secondtypeflag = false;
+                },2000)
+                return;
+                }
+                if(_self.userMainPros==''){
+                          _self.mproflag = true;
+                         setTimeout(function () {
+                            _self.mproflag = false;
+                        },2000)
+                         return;
                     }
+            }
+            if(_self.clubUpgradeUser.firstClubType==2){
+                if(_self.userMainPros ==''){
+                    _self.userMainProflag = true;
+                 setTimeout(function () {
+                    _self.userMainProflag = false;
+                },2000)
+                }
+            }
+                var pass = verifyForm();
+                if (_self.loginLoading) { return false; }
+                this.$nextTick(function() {
+                    if (!pass) {return false;}
+                    _self.clubUpgradeUser.mainpro = _self.userMainPros.join("/");
+                var  params= {
+                        userID:_self.clubUpgradeUser.userID,
+                        clubID:_self.clubUpgradeUser.clubID,				//会所ID
+                        name:_self.clubUpgradeUser.name,
+                        linkMan1:_self.clubUpgradeUser.linkMan1,
+                        sname:_self.clubUpgradeUser.sname,
+                        contractEmail1:_self.clubUpgradeUser.contractEmail1,
+                        provinceID:_self.clubUpgradeUser.provinceID,
+                        cityID:_self.clubUpgradeUser.cityID,
+                        townID:_self.clubUpgradeUser.townID,
+                        address:_self.clubUpgradeUser.address,
+                        socialCreditCode:_self.clubUpgradeUser.socialCreditCode,
+                        businessLicenseImage:_self.clubUpgradeUser.businessLicenseImage,
+                        headpic:_self.clubUpgradeUser.headpic,
+                        firstClubType:_self.clubUpgradeUser.firstClubType, //机构类型分类 医美:0和生美:1
+                        secondClubType:_self.clubUpgradeUser.secondClubType,	//机构类型二级分类 诊所:1,门诊:2,医院:3
+                        department:_self.clubUpgradeUser.department,				//科室
+                        medicalPracticeLicenseImg:_self.clubUpgradeUser.medicalPracticeLicenseImg,//资质图片
+                        mainpro:_self.clubUpgradeUser.mainpro,
+                    };
+                     console.log(params)
+                    _self.loginLoading = true;
+                    UserApi.ClubUpgrade(params,function (response) {
+                        if(response.code === 0){
+                            CAIMEI.Alert('您的升级申请已提交审核','确定',true,function () {
+                                _self.clubLoginIndex();
+                                _self.loginLoading = false;
+                            });
+                        } else {
+                            CAIMEI.Alert(response.msg,'确定',false);
+                            _self.loginLoading = false;
+                        }
+                    });
                 });
-            });
         },
         clubLoginIndex:function(){// 跳过升级直接去个人中心
             window.location.href = '/user/dashboard.html';
@@ -212,60 +272,100 @@ var upgradePage = new Vue({
         deleteMedicalImage:function(){//清楚资质照图片
             this.clubUpgradeUser.medicalPracticeLicenseImg = '';
         },
-        GetProvinceFn: function(){//获取全部省份
-            var _this = this;
-            PublicApi.GetProvince({},function(response){
-                if(response.code == 0){
-                    _this.ProvinceList =response.data;
-                }else{
-                    CAIMEI.Alert(response.msg,'确定',false);
-                }
-            })
-        },
-
-        ChangeProvince:function () {//选择省份
-            var _self = this;
-            _self.addressfrom.provinceID = event.target.value;
-            _self.clubUpgradeUser.provinceID = event.target.value;
-            if(_self.addressfrom.provinceID==''){//省为请选择时市区初始化
-                _self.cityArray=[];
-                _self.townArray=[];
-                _self.clubUpgradeUser.townID=''
+        // GetProvinceFn: function(){//获取全部省份
+        //     var _this = this;
+        //     PublicApi.GetProvince({},function(response){
+        //         if(response.code == 0){
+        //             _this.ProvinceList =response.data;
+        //         }else{
+        //             CAIMEI.Alert(response.msg,'确定',false);
+        //         }
+        //     })
+        // },
+        //
+        // ChangeProvince:function () {//选择省份
+        //     var _self = this;
+        //     _self.addressfrom.provinceID = event.target.value;
+        //     _self.clubUpgradeUser.provinceID = event.target.value;
+        //     if(_self.addressfrom.provinceID==''){//省为请选择时市区初始化
+        //         _self.cityArray=[];
+        //         _self.townArray=[];
+        //         _self.clubUpgradeUser.townID=''
+        //     }else {
+        //         _self.GetCtiyFn();
+        //     }
+        // },
+        // ChangeGetcity:function(event){//加载市
+        //     var _self = this;
+        //     _self.addressfrom.cityID = event.target.value;
+        //     _self.clubUpgradeUser.cityID = event.target.value;
+        //     if(_self.addressfrom.cityID==''){
+        //         _self.townArray=[];
+        //     }else {
+        //         _self.GetTownFn();
+        //     }
+        // },
+        // ChangeGetcTown:function(event){//选择地区
+        //     var _self = this;
+        //     _self.clubUpgradeUser.townID = event.target.value;
+        // },
+        // GetCtiyFn: function(){//获取市
+        //     var _self = this;
+        //     PublicApi.GetCity({ provinceId: _self.addressfrom.provinceID },function(response){
+        //         if(response.code == 0 ){
+        //             _self.cityArray = response.data;
+        //         }else{
+        //             CAIMEI.Alert(response.msg,'确定',false);
+        //         }
+        //     })
+        // },
+        // GetTownFn: function(){//获取区
+        //     var _self = this;
+        //     PublicApi.GetTown({ cityId: _self.addressfrom.cityID },function(response){
+        //         if(response.code == 0 ){
+        //             _self.townArray = response.data;
+        //         }else{
+        //             CAIMEI.Alert(response.msg,'确定',false);
+        //         }
+        //     })
+        // },
+        province:function () {
+           var _this = this;
+           _this.clubUpgradeUser.provinceID = event.target.value;
+            if(_this.clubUpgradeUser.provinceID==0){//省为请选择时市区初始化
+                _this.cityArray=[];
+                _this.townArray=[];
+                _this.clubUpgradeUser.townID=0;
+                _this.clubUpgradeUser.cityID = 0;
             }else {
-                _self.GetCtiyFn();
+              _this.getcity();
+              _this.clubUpgradeUser.cityID = 0;
             }
         },
-        ChangeGetcity:function(event){//加载市
-            var _self = this;
-            _self.addressfrom.cityID = event.target.value;
-            _self.clubUpgradeUser.cityID = event.target.value;
-            if(_self.addressfrom.cityID==''){
-                _self.townArray=[];
-            }else {
-                _self.GetTownFn();
-            }
-        },
-        ChangeGetcTown:function(event){//选择地区
-            var _self = this;
-            _self.clubUpgradeUser.townID = event.target.value;
-        },
-        GetCtiyFn: function(){//获取市
-            var _self = this;
-            PublicApi.GetCity({ provinceId: _self.addressfrom.provinceID },function(response){
-                if(response.code == 0 ){
-                    _self.cityArray = response.data;
-                }else{
-                    CAIMEI.Alert(response.msg,'确定',false);
+        getcity:function(event){//加载市
+           var _this = this;
+            PublicApi.GetCity({ provinceId: _this.clubUpgradeUser.provinceID },function(response){
+                 if(response.code == 0 ){
+                    _this.cityArray = response.data;
+                     _this.clubUpgradeUser.cityID = event.target.value;
+                     if(_this.clubUpgradeUser.cityID==0){
+                           _this.townArray=[];
+                           _this.clubUpgradeUser.townID = 0;
+                     }else {
+                         _this.getcTown();
+                          _this.clubUpgradeUser.townID = 0;
+                     }
                 }
             })
         },
-        GetTownFn: function(){//获取区
-            var _self = this;
-            PublicApi.GetTown({ cityId: _self.addressfrom.cityID },function(response){
+         getcTown:function(event){
+            var _this = this;
+            PublicApi.GetTown({cityId:_this.clubUpgradeUser.cityID},function(response){
                 if(response.code == 0 ){
-                    _self.townArray = response.data;
+                    _this.townArray = response.data;
+                    _this.clubUpgradeUser.townID = event.target.value;
                 }else{
-                    CAIMEI.Alert(response.msg,'确定',false);
+                    CAIMEI.Alert(response.msg, '确定', false);
                 }
             })
         },
@@ -289,6 +389,14 @@ var upgradePage = new Vue({
             _self.clubUpgradeUser.clubID = globalUserData.clubId;
             _self.infoInformationData();
         }
+        PublicApi.GetProvince({},function(response){ //省份
+            if(response.code == 0){
+            console.log(response)
+                _self.provinceArray = response.data
+            }else{
+                CAIMEI.Alert(response.msg, '确定', false);
+            }
+        });
         $('.navLayout').find('.navList').removeClass("on").find('.con').hide().find('a').removeClass("on");
         $('.navLayout').find('.navList').eq(1).addClass("on").find('.con').show().find('a').eq(0).addClass("on");
     }

+ 47 - 6
src/main/resources/templates/error/404.html

@@ -15,24 +15,60 @@
                 min-width: 1184px;
             }
             #errorContent{
-                margin-top: 30px;
                 width:1200px!important;
-                min-height:750px!important;
+                min-height:500px!important;
                 height:auto!important;
                 overflow: hidden;
                 border:none;
+                margin: auto;
+                padding: 160px;
             }
+            #errorContent p{
+                color: #666666;
+                font-size: 20px;
+                padding: 60px;
+            }
+            #errorContent a{
+                width: 190px;
+                height: 44px;
+                text-align: center;
+                background: #e15616;
+                color: #fff;
+                display: inline-block;
+                line-height: 44px;
+                border-radius: 2px;
+            }
+
+
         }
         /** 移动端 */
         @media screen and (max-width:768px){
             #errorContent{
                 width: 100%!important;
-                min-height:250vw!important;
+                min-height:100vw!important;
                 height:auto!important;
                 overflow: hidden;
                 border: none;
+                padding-top: 23.7vw;
+            }
+            #errorContent img{
+                 width: 53.7vw;
+                 height: 23.2vw;
+            }
+             #errorContent p{
+             font-size: 3.4vw;
+             color: #666666 ;
+             padding: 7.8vw 7.8vw 5vw;
+             }
+            #errorContent a{
+                width: 36vw;
+                height: 11.2vw;
+                line-height: 11.2vw;
+                color: #fff;
+                background: #e15616;
+                border-radius: .53vw;
+                display: inline-block;
             }
-
         }
     </style>
 </head>
@@ -41,8 +77,13 @@
 <template th:replace="components/header"></template>
 
 <!-- 404页面 -->
-<div style="text-align:center;">
-    <iframe id="errorContent" src="/search_children.html"></iframe>
+<div style="text-align:center;background: #fff">
+<!--    <iframe id="errorContent" src="/search_children.html"></iframe>-->
+        <div id="errorContent">
+            <img src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/404.png">
+            <p>您访问的页面不存在,建议您......</p>
+            <a href="/index.html">返回首页</a>
+        </div>
 </div>
 <!-- 引入底部 -->
 <template th:replace="components/footer"></template>

+ 0 - 1
src/main/resources/templates/flea-market/form.html

@@ -183,7 +183,6 @@
                       <span class="release-tips errTips icon mIcon" v-show="vShow_checkBox">{{fromMessage}}</span>
             </form>
           </div>
-
              <div class="secondBj thebj"   v-show="vShow_secondBj" :class="vShow_secondBj?'show':''">
                     <div class="bjmain theresult">
                         <span class="title">提示</span>

+ 16 - 16
src/main/resources/templates/user-center/setting/upgrade.html

@@ -51,22 +51,22 @@
                             <div class="formLine">
                                 <p><em>*</em>联系地址:</p>
                                 <div class="address">
-                                    <select name="provinceID" id="cProvince" @change="ChangeProvince" v-model="addressfrom.provinceID">
-                                        <option value="" >请选择</option>
-                                        <option v-for="(item ,index) in ProvinceList" :key="index" :value='item.provinceID' >{{item.name}}</option>
+                                    <select name="provinceID" id="cProvince" @change="province" v-model="clubUpgradeUser.provinceID">
+                                        <option value="0" >请选择</option>
+                                        <option v-for="(item ,index) in provinceArray" :key="index" :value='item.provinceID' >{{item.name}}</option>
                                     </select>
-                                    <select name="cityID" id="cCity" @change="ChangeGetcity($event)" v-model="addressfrom.cityID">
-                                        <option value="" >请选择</option>
+                                    <select name="cityID" id="cCity" @change="getcity($event)" v-model="clubUpgradeUser.cityID">
+                                        <option value="0" >请选择</option>
                                         <option v-for="(item ,index) in cityArray" :key="index" :value="item.cityID" >{{item.name}}</option>
                                     </select>
-                                    <select name="townID" id="cTown" @change="ChangeGetcTown($event)" v-model="addressfrom.townID">
-                                        <option value="" >请选择</option>
+                                    <select name="townID" id="cTown" @change="getcTown($event)" v-model="clubUpgradeUser.townID">
+                                        <option value="0" >请选择</option>
                                         <option v-for="(item ,index) in townArray" :key="index" :value="item.townID"  >{{item.name}}</option>
                                     </select>
                                     <textarea placeholder="建议您如实填写详细地址,例如:街道名称,门牌号码,楼层和房间号等信息"  v-model="clubUpgradeUser.address"></textarea>
                                 </div>
                                 <i class="checked icon mIcon"></i>
-                                <span class="errTips icon mIcon" tips="请输入正确的联系地址"></span>
+                                <span class="errTips icon mIcon" tips="" :class="flagshow?'show':''">请输入正确的联系地址</span>
                             </div>
                             <div class="formLine">
                                 <p>营业执照:</p>
@@ -75,7 +75,7 @@
                             <div class="formLine clear">
                                 <div class="form-upload">
                                     <p><em>*</em>营业执照图片:</p>
-                                    <div class="form-upload-image" v-if="clubUpgradeUser.businessLicenseImage!=''">
+                                    <div class="form-upload-image" v-if="clubUpgradeUser.businessLicenseImage!=''&&clubUpgradeUser.businessLicenseImage!=null">
                                         <img class="upload-img" :src="clubUpgradeUser.businessLicenseImage" alt="" id="businessLicenseImage" @click="showViewerImageFn()">
                                         <i class="icon mIcon" @click="deleteBusinessImage()"></i>
                                     </div>
@@ -83,7 +83,7 @@
                                         <input ref="businessLicenseImage" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadBusinessLicenseImageFn">
                                         <i class="icon mIcon file-biss"></i>
                                     </div>
-                                    <span class="errTips icon mIcon"></span>
+                                    <span class="errTips icon mIcon" :class="businessflag?'show':''" >请上传营业执照图片</span>
                                 </div>
                                 <div class="form-upload-tips">
                                     <i class="icon mIcon icon-wen"></i>
@@ -93,7 +93,7 @@
                             <div class="formLine clear">
                                 <div class="form-upload">
                                     <p>门头照:</p>
-                                    <div class="form-upload-image" v-if="clubUpgradeUser.headpic!=''">
+                                    <div class="form-upload-image" v-if="clubUpgradeUser.headpic!='' && clubUpgradeUser.headpic!=null">
                                         <img class="upload-img" :src="clubUpgradeUser.headpic" alt="" id="uploadMentuzImage" @click="showViewerImageFn1()">
                                         <i class="icon mIcon" @click="deleteMentuzImage()"></i>
                                     </div>
@@ -107,18 +107,18 @@
                                 <p><em>*</em>机构类型:</p>
                                 <label class="diyBox"><input type="radio" name="firstShopType" v-model="clubUpgradeUser.firstClubType" value="1" ><i class="icon mIcon">医美</i></label>
                                 <label class="diyBox"><input type="radio" name="firstShopType" v-model="clubUpgradeUser.firstClubType" value="2" checked><i class="icon mIcon">生美</i></label>
-                                <span class="errTips icon mIcon" tips="请选择公司类型"></span>
+                                <span class="errTips icon mIcon" tips="" :class="typeflag?'show':''">请选择公司类型</span>
                             </div>
                             <div v-show="clubUpgradeUser.firstClubType == 1" class="formLine">
                                 <label class="diyBox second"><input type="radio" name="secondClubType" v-model="clubUpgradeUser.secondClubType" value="1" checked><i class="icon mIcon">诊所</i></label>
                                 <label class="diyBox second"><input type="radio" name="secondClubType" v-model="clubUpgradeUser.secondClubType" value="2" ><i class="icon mIcon">门诊</i></label>
                                 <label class="diyBox second"><input type="radio" name="secondClubType" v-model="clubUpgradeUser.secondClubType" value="3" ><i class="icon mIcon">医院</i></label>
-                                <span class="errTips icon mIcon" tips="请选择公司类型"></span>
+                                <span class="errTips icon mIcon" tips="" :class="secondtypeflag?'show':''">请选择公司类型</span>
                             </div>
                             <div v-show="clubUpgradeUser.firstClubType == 1" class="formLine">
                                 <div class="form-upload">
                                     <p>资质:</p>
-                                    <div class="form-upload-image" v-if="clubUpgradeUser.medicalPracticeLicenseImg!=''">
+                                    <div class="form-upload-image" v-if="clubUpgradeUser.medicalPracticeLicenseImg!=''&&clubUpgradeUser.medicalPracticeLicenseImg!=null">
                                         <img class="upload-img" :src="clubUpgradeUser.medicalPracticeLicenseImg" alt="" id="medicalPracticeLicenseImg" @click="showViewerImageFn2()">
                                         <i class="icon mIcon" @click="deleteMedicalImage()"></i>
                                     </div>
@@ -149,7 +149,7 @@
                                     <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
                                     <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
                                 </p>
-                                <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                                <span class="errTips icon mIcon" tips="" :class="mproflag?'show':''">请选择或添加主营产品</span>
                             </div>
                             <div class="formLine clear" v-if="clubUpgradeUser.firstClubType == 2">
                                 <p><em>*</em>主营内容:</p>
@@ -163,7 +163,7 @@
                                     <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
                                     <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
                                 </p>
-                                <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                                <span class="errTips icon mIcon" tips="" :class="userMainProflag?'show':''">请选择或添加主营产品</span>
                             </div>
                             <div class="subLine">
                                 <button class="btn" type="button" @click="SubComfirUpgradeFn()">确认升级并提交审核</button>