线上优化

src/main/resources/static/css/user-center/setting/information.css

@@ -29,7 +29,7 @@ li{list-style:none}
 .formLine .form-upload-image .upload-img{width: 128px;height: 90px;display: block;}
 .formLine .form-upload-image .icon{width: 20px;height: 20px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
 .formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -114px -140px;}
-.formLine .business{height:auto;position:relative}
+.formLine .business{height:auto;position:relative;overflow: hidden}
 .formLine .business input[type="text"] {width: 324px;display: block;float: left;margin-right: 15px;}
 .formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}
 .formLine p{color: #627386}

src/main/resources/static/js/user-center/setting/information.js

@@ -81,7 +81,13 @@ var informationPage = 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: {
 
@@ -105,6 +111,11 @@ var informationPage = new Vue({
                     _self.clubUpgradeUser.provinceID = data.club.provinceID;
                     _self.clubUpgradeUser.cityID = data.club.cityID;
                     _self.clubUpgradeUser.townID= data.club.townID;
+                    _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;
                     _self.userMainPros = _self.setNewMainpro(data.club.mainpro);
                     console.log(_self.userMainPros);
                     _self.GetProvinceFn();
@@ -119,22 +130,56 @@ var informationPage = new Vue({
             var _self = this;
             var params ={};
             var pass = verifyForm();
-            if (_self.loginLoading) { return false; }
-            this.$nextTick(function() {
-                if (!pass) {return false;}
-                if(_self.clubUpgradeUser.businessLicenseImage == ''){
-                    $('#formbusinessLicenseImage').parent().addClass("error").find('.checked').removeClass("show");
-                    $('#formbusinessLicenseImage').siblings('.errTips').text('请上传营业执照图片').addClass("show");
-                    return  false;
+             if (!pass) {return false;}
+             if(_self.clubUpgradeUser.townID==0){
+                _self.flagshow = true;
+                setTimeout(function () {
+                    _self.flagshow = false;
+                },2000)
+                return;
+            }
+             if(_self.clubUpgradeUser.businessLicenseImage==''||_self.clubUpgradeUser.businessLicenseImage==null){
+                _self.businessflag = true;
+                     setTimeout(function () {
+                            _self.businessflag = false;
+                        },2000)
+                return;
+            }
+             if(_self.clubUpgradeUser.firstClubType==''||_self.clubUpgradeUser.firstClubType==null){
+               _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 === 0){
-                    $('#firstClubType').parent().addClass("error");
-                    $('#firstClubType').siblings('.errTips').text('请选择机构类型').addClass("show");
-                    return  false;
-                }else{
-                    $('#firstClubType').parent().removeClass("error");
-                    $('#firstClubType').siblings('.errTips').removeClass("show");
+         }
+            if(_self.clubUpgradeUser.firstClubType==2){
+                if(_self.userMainPros ==''){
+                    _self.userMainProflag = true;
+                 setTimeout(function () {
+                    _self.userMainProflag = false;
+                },2000)
+                     return;
                 }
+
+            }
+            if (_self.loginLoading) { return false; }
+            this.$nextTick(function() {
                 _self.clubUpgradeUser.mainPros = _self.userMainPros.join("/");
                 if(_self.userIdentity === 4){
                     params = {

src/main/resources/templates/user-center/setting/information.html

@@ -74,7 +74,7 @@
                                     </select>
                                     <textarea placeholder="建议您如实填写详细地址，例如：街道名称，门牌号码，楼层和房间号等信息"  v-model="clubUpgradeUser.address" @blur="blurHandle($event)" needverify></textarea>
                                     <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>
                             <div class="formLine">
@@ -92,7 +92,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>
@@ -122,7 +122,7 @@
                                 <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">
@@ -150,7 +150,7 @@
                                 <p><em>*</em>主营内容：</p>
                                 <p class="business clear">
                                     <label v-for="pro in medicaCampNullList" class="diyBox second" >
-                                        <input type="checkbox" name="secondClubType" v-model="clubUpgradeUser.mainpro" :value="pro.name" >
+                                        <input type="checkbox" name="secondClubType" v-model="userMainPros" :value="pro.name" >
                                         <i class="icon mIcon">{{pro.name}}</i>
                                     </label>
                                 </p>
@@ -158,7 +158,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>
@@ -172,7 +172,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>
                         </template>
                         <div class="title">其他信息</div>