注册h5

src/main/java/com/caimei/www/controller/authorized/AccountController.java

@@ -17,6 +17,7 @@ public class AccountController extends BaseController {
 
 	private static final String LOGIN_PATH = "account/login";
 	private static final String REGISTER_PATH = "account/register";
+	private static final String UPGRADE_PATH = "account/upgrade";
 
     private AccountService accountService;
     @Autowired
@@ -40,4 +41,12 @@ public class AccountController extends BaseController {
         return REGISTER_PATH;
     }
 
+    /**
+     * 机构升级
+     */
+    @GetMapping("/upgrade.html")
+    public String upgrade() {
+        return UPGRADE_PATH;
+    }
+
 }

src/main/resources/static/css/account/register.css

@@ -4,9 +4,9 @@ li{list-style:none}
  * PC端
  */
 @media screen and (min-width:768px){
-body{background:#FFF;}
+body{background: #FFF url(/img/account/register.png) no-repeat center 84px;background-attachment: fixed;}
 footer .footTop{display:none;}
-.selectAccount{width:1184px;height:558px;margin:0 auto;text-align:center;background:url(/img/account/register.png) no-repeat center center}
+.selectAccount{width:1184px;height:558px;text-align:center;margin:0 auto;}
 .selectAccount .title{height:42px;font-size:32px;line-height:42px;font-weight:bold;color:#22272e;padding-top:102px}
 .selectAccount .cont{margin-top:44px}
 .selectAccount .cont span{display:inline-block;width:168px;margin:0 55px;line-height:42px;color:#3b77ff;font-size:24px;cursor:pointer}
@@ -45,53 +45,104 @@ footer .footTop{display:none;}
 .subLine a{color:#1890f9}
 .subLine a:hover{color:#e15616}
 .subLine .btn{display:block;margin:32px auto;width:232px;height:50px;line-height:50px;background-color:#e15616;border-radius:2px;text-align:center;font-size:18px;color:#FFF}
-.registerShop .tit{color:#22272e;font-size:24px;font-weight:normal;margin:20px 0}
-.supplierConfirm .cont{width:880px;height:550px;box-sizing:border-box;padding:46px;border-radius:4px;color:#333;font-size:16px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16)}
-.supplierConfirm .cont h3{text-align:center;font-size:20px}
+.supplierConfirm .cont{width:880px;height:550px;box-sizing:border-box;background:#fff;padding:46px;border-radius:4px;color:#333;font-size:16px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16)}
+.supplierConfirm .cont h3{text-align:center;font-size:24px}
 .supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:30px}
 .supplierConfirm .cont p:nth-of-type(2){color:#666;margin:54px 0 36px 0}
 .supplierConfirm .cont li{line-height:20px;margin-bottom:20px}
-.supplierConfirm .btnLine{margin-top:64px;height:24px;line-height:24px;text-align:center;font-weight:bold;position:relative;color:#000}
+.supplierConfirm .btnLine{margin-top:64px;height:24px;line-height:24px;text-align:center;font-weight:bold;position:relative;}
+.supplierConfirm .btnLine p{color:#000;}
 .supplierConfirm .btnLine input{margin-right:10px;vertical-align:text-top;margin-top:3px}
 .supplierConfirm .btnLine button{width:340px;height:50px;background:#E15616;color:#fff;margin-top:20px;cursor:pointer}
+.registerShop .tit{color:#22272e;font-size:24px;font-weight:normal;margin:20px 0}
 .formLine .address{text-align:justify;line-height:0}
 .formLine .address select{display:inline-block;width:154px}
-.formLine .address textarea{display:inline-block;width:100%;height:114px;box-sizing:border-box;padding:10px 16px;line-height:20px;margin-top:16px}
-.formLine .radio{width:180px;height:36px;margin-right: 10px;line-height:34px;box-sizing:border-box;text-align:center;display:inline-block}
-.formLine .radio input{display:none}
-.formLine .radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #627386;color:#627386;font-size:14px}
-.formLine .radio i:before{position:absolute;right:0;bottom:0;display:none;width:20px;height:20px;background-position:-208px -253px}
-.formLine .radio input:checked + i{border-color:#e15616;color:#e15616}
-.formLine .radio input:checked + i:before{display:block}
+.formLine .address textarea{display:inline-block;width:100%;height:114px;box-sizing:border-box;border:solid 1px #b8bfca;padding:10px 16px;line-height:20px;margin-top:16px}
+.formLine .diyBox{width:180px;height:36px;margin-right: 10px;line-height:34px;box-sizing:border-box;text-align:center;display:inline-block}
+.formLine .diyBox.second{width:100px;}
+.formLine .diyBox input{display:none}
+.formLine .diyBox i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #b8bfca;color:#627386;font-size:14px}
+.formLine .diyBox i:before{position:absolute;right:0;bottom:0;display:none;width:20px;height:20px;background-position:-208px -253px}
+.formLine .diyBox input:checked + i{border-color:#e15616;color:#e15616}
+.formLine .diyBox input:checked + i:before{display:block}
 .formLine .business{height:auto;position:relative}
-.formLine .business span{display:inline-block;height:34px;line-height:34px;background-color:#ffffff;border-radius:2px;border:solid 1px #b8bfca;margin:0 15px 15px 0;padding:0 45px;font-size:14px;color:#22272e}
-.formLine .business input{width:388px}
+.formLine .business input[type="text"]{width:388px;display:block}
 .formLine .business a{position:absolute;right:0;bottom:0;width:92px;height:34px;line-height:34px;font-size:14px;color:#e15616;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;text-align:center}
 
 
 
-
-
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-body{background:#FFF}
+body{width:100%;height:100%;background:#FFF url(/img/account/register.png) no-repeat center bottom;background-size:100% auto;background-attachment: fixed;}
 footer{display:none}
-.selectAccount{width:100%;height:90vh;text-align:center;background:url(/img/account/register.png) no-repeat bottom center;background-size:100% auto;}
+.selectAccount{width:100%;height:90vh;text-align:center;}
 .selectAccount .title{height:6vw;font-size:4.2vw;font-weight:bold;line-height:6vw;color:#22272e;padding-top:36vw}
 .selectAccount .cont{margin-top:10vw;}
 .selectAccount .cont span{display:inline-block;width:24.8vw;margin:0 6.7vw;line-height:4.6vw;color:#3b77ff;font-size:3.4vw;cursor:pointer}
 .selectAccount .cont img{display:inline-block;width:24.8vw;height:24.8vw;background-color:#c2d8fa;border-radius:12.4vw}
-.formLine .checked{position:absolute;width:4.4vw;height:4.4vw;top:3.6vw;right:3.6vw;display:none}
+.signAccount{width:100%;min-height:90vh;font-size:3.4vw;color:#627386;}
+.signAccount .title{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;padding:5.2vw 0}
+.registerShop .tit{color:#22272e;font-size:3.7vw;font-weight:normal;margin:3vw 0}
+.signAccount form{width:93.4vw;margin:0 auto;}
+
+.formLine{width:100%;position:relative;}
+.formLine .checked{position:absolute;width:4.4vw;height:4.4vw;top:13.6vw;right:3.6vw;display:none}
 .formLine .checked:before{width:4.4vw;height:4.4vw;background-position:22.5% 32.1%}
 .formLine .errTips{display:block;height:4.4vw;line-height:4.4vw;white-space:nowrap;color:red;font-size:3vw;text-align:left;visibility:hidden}
 .formLine .checked.show{display:block}
 .formLine .errTips.show{visibility:visible}
 .formLine .errTips:before{width:4.4vw;height:4.4vw;background-position:33% 32.1%;vertical-align:top}
 .formLine .showPwd{display:none;}
+.formLine input,.formLine select{box-sizing:border-box;width:100%;height:11.2vw;line-height:11.2vw;text-indent:1.2em;font-size:3.4vw;text-align:left;background-color:#ffffff;border-radius:2px;border:solid 1px #b8bfca;}
+.formLine .error input{border-color:#f94b4b}
+.formLine input:focus{border-color:#ffe6dc;}
+.formLine p{line-height:10.2vw}
+.formLine p em{font-style:normal;color:#f94b4b;margin:0 1vw}
+.formLine p span{color:#ffb496;}
+.formLine.code input{width:57.4vw}
+.formLine.code .checked{right:auto;left:50vw;}
+.formLine.code .getCode{position:absolute;right:0;top:10vw;box-sizing:border-box;width:33.4vw;height:11.2vw;line-height:11.2vw;text-align:center;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;color:#e15616;}
+.subLine{text-align:center;font-size:3.1vw;padding-top:5vw;}
+.subLine input{margin-right:1vw;}
+.subLine a{color:#1890f9}
+.subLine .btn{display:block;margin:5vw auto;width:100%;height:11.2vw;line-height:11.2vw;background-color:#e15616;border-radius:2px;text-align:center;font-size:18px;color:#FFF}
+.supplierConfirm .cont{width:100%;min-height:90vw;box-sizing:border-box;padding:3.3vw;color:#333;font-size:3.4vw;}
+.supplierConfirm .cont h3{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;}
+.supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:3vw}
+.supplierConfirm .cont p:nth-of-type(2){color:#666;margin:5vw 0 3vw 0}
+.supplierConfirm .cont li{line-height:5vw;margin-bottom:2vw}
+.supplierConfirm .btnLine{margin-top:5vw;line-height:5vw;text-align:center;font-weight:bold;position:relative;}
+.supplierConfirm .btnLine p{color:#000;}
+.supplierConfirm .btnLine input{margin-right:1vw;}
+.supplierConfirm .btnLine button{display:block;font-size:3.4vw;margin:5vw auto;width:93.4vw;height:11.2vw;line-height:11.2vw;background:#E15616;color:#fff;}
+
+.formLine .address{text-align:justify;line-height:0}
+.formLine .address select{display:inline-block;width:29.5vw}
+.formLine .address textarea{display:inline-block;width:100%;height:42.4vw;box-sizing:border-box;border:solid 1px #b8bfca;padding:3vw;line-height:5vw;margin-top:2.7vw;}
+.formLine .diyBox{width:34vw;height:11.2vw;line-height:11.2vw;margin-right: 1.5vw;box-sizing:border-box;text-align:center;display:inline-block}
+.formLine .diyBox.second{width:20vw;}
+.formLine .diyBox input{display:none}
+.formLine .diyBox i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
+.formLine .diyBox i:before{position:absolute;right:0;bottom:0;display:none;width:6vw;height:6vw;background-position: 38% 18.5%;}
+.formLine .diyBox input:checked + i{border-color:#e15616;color:#e15616}
+.formLine .diyBox input:checked + i:before{display:block}
+.formLine .business {position: relative;}
+.formLine .business input[type="text"]{width:69.4vw;display:block}
+.formLine .business a{position:absolute;right:0;bottom:0;width:21.4vw;height:11.2vw;line-height:11.2vw;color:#e15616;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;text-align:center}
+
+/*.advisory{display: none;}*/
+.advisoryInfo{box-sizing:border-box;width:74.7vw;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16);padding:6.2vw;border-radius:1vw}
+.advisoryInfo form{width:100%}
+.advisoryInfo .formLine p{line-height:8vw}
+.advisoryInfo .info{margin-bottom:3vw;color:#1890f9;font-size:3.1vw}
+.advisoryInfo .btn{display:block;width:46vw;height:9.8vw;line-height:9.8vw;margin:3vw auto 0;font-size:3.4vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #e15616;color:#e15616;text-align:center}
+
+
+
 
 
 }

src/main/resources/static/js/account/register.js

@@ -22,10 +22,14 @@ var registerPage = new Vue({
             name:'',
             email:'',
             shopAbbr:'',
-            firstShopType:'',
+            firstShopType:'2',
+            secondShopType: '',
+            mainPros: [],
             businessLicense:'',
             businessLicenseImage:''
         },
+        mainPros: ['产品','仪器','服务','整形'],
+        mainProEdit: '',
         rule:{
             name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
             phone: '^\\d{6,12}$',
@@ -39,6 +43,13 @@ var registerPage = new Vue({
 
     },
     methods: {
+        mainProAdd: function(){
+            if (this.mainProEdit.length>0) {
+                if (this.mainPros.indexOf(this.mainProEdit)<0){
+                    this.mainPros.push(this.mainProEdit)
+                }
+            }
+        },
         showPassword: function(event) {
             var el = event.currentTarget;
             var pwdEle = $(el).siblings('input');

src/main/resources/templates/account/register.html

@@ -23,19 +23,19 @@
         <div>
             <div class="title">欢迎机构入驻</div>
             <div class="advisory">
-                <span class="icon">入住咨询</span>
+                <span v-if="isPC" class="icon">入住咨询</span>
                 <div class="advisoryInfo">
                     <div class="info">若暂不方便入驻机构或无法入驻，您可以留下您的姓名和联系方式，采美工作人员会第一时间联系您。</div>
                     <form>
                         <div class="formLine">
                             <p><em>*</em>姓名：</p>
-                            <input type="text" v-model="advisory.name" placeholder="请输入您的姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                            <input type="text" v-model.trim="advisory.name" placeholder="请输入您的姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
                             <i class="checked icon mIcon"></i>
                             <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
                         </div>
                         <div class="formLine">
                             <p><em>*</em>手机号：</p>
-                            <input type="text" v-model="advisory.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                            <input type="text" v-model.trim="advisory.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
                             <i class="checked icon mIcon"></i>
                             <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
                         </div>
@@ -48,33 +48,33 @@
                 <form>
                     <div class="formLine">
                         <p><em>*</em>联系人：</p>
-                        <input type="text" v-model="clubUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <input type="text" v-model.trim="clubUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
                     </div>
                     <div class="formLine">
-                        <p><em>*</em>手机号（<span>手机号可用作登录账号</span>）：</p>
-                        <input type="text" v-model="clubUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <p><em>*</em>手机号(<span>手机号可用作登录账号</span>)：</p>
+                        <input type="text" v-model.trim="clubUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
                     </div>
                     <div class="formLine code">
                         <p><em>*</em>短信验证码：</p>
-                        <input type="text" v-model="clubUser.code" placeholder="请输入短信验证码" :rule="rule.code" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <input type="text" v-model.trim="clubUser.code" placeholder="请输入短信验证码" :rule="rule.code" maxlength="12" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
                         <a class="getCode" href="javascript:void(0);">获取短信验证码</a>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>登录密码：</p>
-                        <input type="password" v-model="clubUser.password" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                        <input type="password" v-model.trim="clubUser.password" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
                         <i class="icon showPwd" @click="showPassword($event)"></i>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>确认密码：</p>
-                        <input type="password" v-model="clubUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                        <input type="password" v-model.trim="clubUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
                         <i class="icon showPwd" @click="showPassword($event)"></i>
@@ -111,28 +111,28 @@
                     <h6 class="tit">账户信息</h6>
 
                     <div class="formLine">
-                        <p><em>*</em>手机号（<span>手机号可用作登录账号</span>）：</p>
-                        <input type="text" v-model="supplierUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <p><em>*</em>手机号(<span>手机号可用作登录账号</span>)：</p>
+                        <input type="text" v-model.trim="supplierUser.phone" placeholder="请输入您的常用手机号" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入有效电话号码"></span>
                     </div>
                     <div class="formLine code">
                         <p><em>*</em>短信验证码：</p>
-                        <input type="text" v-model="supplierUser.code" placeholder="请输入短信验证码" :rule="rule.code" maxlength="12" @blur="blurHandle($event)" needverify>
+                        <input type="text" v-model.trim="supplierUser.code" placeholder="请输入短信验证码" :rule="rule.code" maxlength="12" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入有效短信验证码"></span>
                         <a class="getCode" href="javascript:void(0);">获取短信验证码</a>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>登录密码：</p>
-                        <input type="password" v-model="supplierUser.password" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                        <input type="password" v-model.trim="supplierUser.password" placeholder="请输入8-16位数字和字母组合" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
                         <i class="icon showPwd" @click="showPassword($event)"></i>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>确认密码：</p>
-                        <input type="password" v-model="supplierUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
+                        <input type="password" v-model.trim="supplierUser.password2" placeholder="请再次确认密码" :rule="rule.password" maxlength="16" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="8-16位数字或字母或字符"></span>
                         <i class="icon showPwd" @click="showPassword($event)"></i>
@@ -142,19 +142,19 @@
 
                     <div class="formLine">
                         <p><em>*</em>公司名称：</p>
-                        <input type="text" v-model="supplierUser.shopName" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <input type="text" v-model.trim="supplierUser.shopName" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入正确的公司名称"></span>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>联系人：</p>
-                        <input type="text" v-model="supplierUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <input type="text" v-model.trim="supplierUser.name" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
                     </div>
                     <div class="formLine">
-                        <p>邮箱（<span>邮箱可用作登录账号，请使用公司邮箱或法人邮箱</span>）：</p>
-                        <input type="text" v-model="supplierUser.email" placeholder="请输入邮箱地址" maxlength="50">
+                        <p>邮箱(<span>邮箱可用作登录账号，请使用公司邮箱或法人邮箱</span>)：</p>
+                        <input type="text" v-model.trim="supplierUser.email" placeholder="请输入邮箱地址" maxlength="50">
                         <span class="errTips"></span>
                     </div>
 
@@ -162,7 +162,7 @@
 
                     <div class="formLine">
                         <p>公司简称：</p>
-                        <input type="text" v-model="supplierUser.shopAbbr" placeholder="请输入公司简称" maxlength="50">
+                        <input type="text" v-model.trim="supplierUser.shopAbbr" placeholder="请输入公司简称" maxlength="50">
                         <span class="errTips"></span>
                     </div>
                     <div class="formLine">
@@ -178,13 +178,21 @@
                     </div>
                     <div class="formLine">
                         <p><em>*</em>公司类型：</p>
-                        <label class="radio"><input type="radio" name="firstShopType" value="1" ><i class="icon">医疗</i></label>
-                        <label class="radio"><input type="radio" name="firstShopType" value="2" checked><i class="icon">非医疗</i></label>
+                        <label class="diyBox"><input type="radio" name="firstShopType" v-model="supplierUser.firstShopType" value="1" ><i class="icon mIcon">医疗</i></label>
+                        <label class="diyBox"><input type="radio" name="firstShopType" v-model="supplierUser.firstShopType" value="2" checked><i class="icon mIcon">非医疗</i></label>
+                        <span class="errTips icon mIcon mIcon" tips="请选择公司类型"></span>
+                    </div>
+                    <div v-show="supplierUser.firstShopType == 1" class="formLine">
+                        <p><em>*</em>医疗类型：</p>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="1" ><i class="icon mIcon">一类器械</i></label>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="2" checked><i class="icon mIcon">二类器械</i></label>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="3" ><i class="icon mIcon">三类器械</i></label>
+                        <label class="diyBox second"><input type="radio" name="secondShopType" v-model="supplierUser.secondShopType" value="4" checked><i class="icon mIcon">其他</i></label>
                         <span class="errTips icon mIcon" tips="请选择公司类型"></span>
                     </div>
                     <div class="formLine">
                         <p><em>*</em>营业执照：</p>
-                        <input type="text" v-model="supplierUser.businessLicense" placeholder="请输入统一社会信用代码" :rule="rule.license" maxlength="50" @blur="blurHandle($event)" needverify>
+                        <input type="text" v-model.trim="supplierUser.businessLicense" placeholder="请输入统一社会信用代码" :rule="rule.license" maxlength="50" @blur="blurHandle($event)" needverify>
                         <i class="checked icon mIcon"></i>
                         <span class="errTips icon mIcon" tips="请输入正确的统一社会信用代码"></span>
                     </div>
@@ -196,9 +204,9 @@
                     <div class="formLine">
                         <p><em>*</em>主营产品：</p>
                         <p class="business">
-                            <span>产品</span><span>仪器</span><span>服务</span>
-                            <input type="text" placeholder="请输入其他自定义品项目">
-                            <a href="javascript:;">确认添加</a>
+                            <label v-for="pro in mainPros" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="supplierUser.mainPros" :value="pro" ><i class="icon mIcon">{{pro}}</i></label>
+                            <input type="text" placeholder="请输入其他自定义品项目" v-model.trim="mainProEdit">
+                            <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
                         </p>
                         <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
                     </div>