Forráskód Böngészése

供应商资料信息

Administrator 4 éve
szülő
commit
ab241910dd

+ 38 - 3
src/main/resources/static/css/supplier-center/setting/information.css

@@ -8,7 +8,42 @@
     text-align: center;position: relative;top: 0px;right: 5px}
    .header-tabs.current{color: #e15616}
    .header-tabs .line.linestyle{color: #fff;background: #e15616}
-   .container{background: #fff}
+   .container{background: #fff;box-shadow: 0px 3px 6px 5px rgba(34, 39, 46, 0.07); padding-top: 19px}
    .container .forget-form{width: 500px; margin: 0 auto;padding: 20px 0}
-   .formLine select:nth-child(2){margin: 0 14px}
-}
+   .formLine select[name="cityID"]{margin: 0 14px}
+   .formLine p{color: #627386;}
+   input[type="text"]::placeholder,textarea::placeholder{color: #9aa5b5;}
+   .formLine .diyBox.second{width: 111px}
+   .formLine .business .diyBox {margin-right: 14px}
+   .formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px; margin-bottom: 10px}
+   .formLine .form-upload.list{width: 100%;}
+   .formLine .formLine-file{width: 128px;height: 90px;position: relative;float: left}
+   .formLine .form-upload-tips{width: 20px;height: 90px;float: left;position: relative;}
+   .formLine .form-upload-tips .icon{width: 20px;height: 20px;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 40px;}
+   .formLine .form-upload-tips .icon-wen{background-position: -84px -144px;cursor: pointer;}
+   .formLine .form-upload-tips .wen-tips{width: 182px;height: 46px;line-height: 46px;text-align: center;color: #FFF;font-size: 14px; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -24px;left: -2px;border-radius: 3px;display: none;}
+   .formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
+   .formLine .form-upload-tips:hover .wen-tips{display: block;}
+   .formLine .file{width: 128px;height: 90px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+   .formLine .formLine-file .icon{width: 128px;height: 90px;display: block;}
+   .formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;}
+   .formLine .formLine-file .file-biss{background: url("/img/account/icon-business.png") no-repeat;}
+   .formLine .formLine-file .file-logo{background: url("/img/account/icon-logo.png") no-repeat;}
+   .formLine .formLine-file .file-produce{background: url("/img/account/icon-produce.png") no-repeat;}
+   .formLine .formLine-file .file-health{background: url("/img/account/icon-health.png") no-repeat;}
+   .formLine .formLine-file .file-tax{background: url("/img/account/icon-tax.png") no-repeat;}
+   .formLine .formLine-file .file-honor{background: url("/img/account/icon-honor.png") no-repeat;}
+   .formLine .formLine-file .file-product{background: url("/img/account/icon-product.png") no-repeat;}
+   .formLine .form-upload-image{width: 128px;height: 90px;position: relative; margin:0 20px 10px 0;float: left}
+   .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 .addbusiness{overflow: hidden}
+   .formLine .addbusiness input[type="text"] {width: 260px;display: block;float: left;margin-right: 15px;}
+   .formLine .addbusiness 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;}
+   .supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}
+   .formLine.info textarea{margin: 0px}
+   .header{ width: 100%; background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
+    .header .header-p{height: 60px; line-height: 26px; font-size: 12px;color: #e15616; text-align: center;margin: auto;width: 355px}
+   }

BIN
src/main/resources/static/img/account/icon-business.png


BIN
src/main/resources/static/img/account/icon-health.png


BIN
src/main/resources/static/img/account/icon-honor.png


BIN
src/main/resources/static/img/account/icon-logo.png


BIN
src/main/resources/static/img/account/icon-produce.png


BIN
src/main/resources/static/img/account/icon-product.png


BIN
src/main/resources/static/img/account/icon-tax.png


+ 1 - 1
src/main/resources/static/js/common/serviceapi/supplier.service.js

@@ -151,7 +151,7 @@ var SupplierApi = {
                     callback(res);
                 });
         },
-         modifiedData: function (params, callback) {//我的订单/查看详情
+         modifiedData: function (params, callback) {//资料信息提交
             Http.AjaxService({ url:'/supplier/modifiedData', type:'post', data:params, json:false, mask:true,replace:true})
                 .then(function(res){
                     callback(res);

+ 365 - 2
src/main/resources/static/js/supplier-center/setting/information.js

@@ -3,15 +3,370 @@ jqMultipleShow("click", ".navList", ".tab", ".con");
     el:'#information',
     data:{
          tabCurrentIndex:1,
-         provinceArray:[],
+         loginLoading: false,
+         isRequset:true,
+        params:{
+            userID:'',
+            shopID:'',
+            townID:'',
+            provinceID: '',//省id
+            cityID: '',
+            address:'',
+            name:'',//公司名称
+            sname:'',//公司简称
+            linkMan:'',//联系人
+            email:'',//
+            contractPhone:'',//固定电话
+            fax:'',//传真
+            legalPerson:'',//法人代表
+            registeredCapital:'',//注册资本
+            nature:'',//公司性质
+            turnover:'',//年营业额
+        },
+        params2:{
+            userID:'',
+            shopID:'',
+            firstShopType:'',//公司类型 1医疗  2非医疗
+            secondShopType:'',//医疗下的二级分类
+            medicalPracticeLicenseImg1:'',//资质
+            mainpro:'',//主营产品
+            businessScope:'',//经营内容
+            info:'',//公司介绍
+            productDesc:'',//主打说明
+        },
+        params3:{
+            socialCreditCode:'',//营业执照编号
+            businessLicenseImage:'',//营业执照
+            logo:'',//公司logo
+            productionLicence:'',//生产
+            hygienicLicense:'',//卫生
+            taxLicense:'',//税务
+            certificateHonor:'',//荣誉
+            productCertification:'',//产品
+
+        },
+        mainProEdit: '',
+        shopScopeEdit:'',
+        formData:new FormData(),
+        HonorImagesList:[],
+        productImagesList:[],
+        mentuzCampNullList:[
+            {value:'1',name:'产品'},
+            {value:'2',name:'仪器'},
+            {value:'3',name:'服务'}
+        ],
+        Scopelist:[
+            {value:'1',name:'仪器护理类'},
+            {value:'2',name:'护肤品类'},
+            {value:'3',name:'纹绣类'},
+            {value:'4',name:'美体内衣'},
+            {value:'5',name:'整形耗材'},
+            {value:'6',name:'国际品牌'},
+            {value:'7',name:'美胸类'},
+            {value:'8',name:'健康保健类'},
+            {value:'9',name:'面膜类'},
+            {value:'10',name:'抗衰老'},
+            {value:'11',name:'生殖保养'},
+            {value:'12',name:'健康养生'},
+            {value:'13',name:'纤体减肥'}
+        ],
+        shopMainPros: [],
+        shopScope:[],
+        rule:{
+            name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
+            phone: '^\\d{6,12}$',
+            code: '^\\d{6}$',
+            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}$",
+            num:'/[^0-9]+/g'
+        },
+        provinceArray:[],
+        cityArray: [],//市
+        townArray: [],//区
     },
     methods:{
+         shopInfo:function(){
+            var _this = this;
+             SupplierApi.shopInfo({userId:_this.params.userID},function(res){
+                if(res.code==0){
+                    _this.isRequset=false;
+                    var shop = res.data.shop;
+                    var user = res.data.user;
+                    _this.params.name = shop.name;
+                    _this.params.sname = shop.sname;
+                    _this.params.linkMan = shop.linkMan;
+                    _this.params.email = user.email;
+                    _this.params.address = shop.provincialAddress;
+                    _this.params.provinceID = shop.provinceID;
+                    _this.params.cityID = shop.cityID;
+                    _this.params.townID = shop.townID;
+                    _this.params.contractPhone = shop.contractPhone;
+                    _this.params.fax = shop.fax;
+                    _this.params.legalPerson = shop.legalPerson;
+                    _this.params.registeredCapital = shop.registeredCapital;
+                    _this.params.nature = shop.nature;
+                    _this.params.turnover = shop.turnover;
+                    _this.shopMainPros = _this.setNewMainpro(shop.mainpro);
+                    _this.shopScope = _this.setNewScope(shop.businessScope);
+                    _this.params2.firstShopType = shop.firstShopType;
+                    _this.params2.secondShopType = shop.secondShopType;
+                    _this.params2.medicalPracticeLicenseImg1 = shop.medicalPracticeLicenseImg1;
+                    _this.params2.info = shop.info;
+                    _this.params2.productDesc = shop.productDesc;
+                    _this.params3.socialCreditCode = shop.socialCreditCode;
+                    _this.params3.businessLicenseImage = shop.businessLicenseImage;
+                    _this.params3.logo = shop.logo;
+                    _this.params3.productionLicence = shop.productionLicence;
+                    _this.params3.hygienicLicense = shop.hygienicLicense;
+                    _this.params3.taxLicense = shop.taxLicense;
+                    _this.params3.certificateHonor = shop.hygienicLicense;
+                    _this.HonorImagesList = res.data.certificateHonor;
+                    _this.productImagesList = res.data.productCertification;
+                }
+             })
+         },
+         shopSubmit:function(){ //提交
+            var _self = this;
+            var params = {};
+            var pass = verifyForm();
+            if (_self.loginLoading) { return false; }
+            this.$nextTick(function() {
+                if (!pass) {return false;}
+                _self.params2.mainpro = _self.shopMainPros.join("/");
+                _self.params2.businessScope = _self.shopScope.join("/");
+                if(_self.tabCurrentIndex==1){
+                    params = _self.params;
+                }else if(_self.tabCurrentIndex==2){
+                    params = _self.params2
+                }else if(_self.tabCurrentIndex==3){
+                    params = _self.params3
+                }
+                console.log(params)
+              SupplierApi.modifiedData(params,function (res) {
+                     console.log(res)
+                      if(res.code === 0){
+                        CAIMEI.dialog('修改成功',true,function () {
+                            window.location.href='/supplier/dashboard.html';
+                            _self.loginLoading = false;
+                        });
+                    } else {
+                        CAIMEI.Alert(res.msg,'确定',false);
+                        _self.loginLoading = false;
+                    }
+                })
+            })
+         },
+         mainProAdd: function(){//添加主营内容
+            var _self = this;
+            if (_self.mainProEdit.length>0) {
+                var obj = {name:_self.mainProEdit};
+                if(_self.checkedArray(_self.mainProEdit,_self.mentuzCampNullList)){
+                    CAIMEI.dialog('主营内容已存在!',false);
+                }else {
+                    _self.mentuzCampNullList.push(obj);
+                }
+            }
+        },
+        shopScopeAdd:function(){ //经营内容
+            var _self = this;
+            if (_self.shopScopeEdit.length>0) {
+                var obj = {name:_self.shopScopeEdit};
+                if(_self.checkedArray(_self.shopScopeEdit,_self.Scopelist)){
+                    CAIMEI.dialog('主营内容已存在!',false);
+                }else {
+                    _self.Scopelist.push(obj);
+                }
+            }
+        },
+         checkedArray:function(content,arr){//判断主营内容是否已存在
+            for(var i in arr){
+                if(arr[i].name == content){
+                    return true;
+                }
+            }
+            return false;
+        },
+         uploadzizhiImageFn: function(event){//上传医疗资质
+            var _this = this;
+            var inputDOM = _this.$refs.medicalPracticeLicenseImg1;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+                _this.params2.medicalPracticeLicenseImg1 = response.data;
+                event.target.value = '';
+            });
+        },
+        uploadBusinessLicenseImageFn: function(event){//上传营业执照
+            var _this = this;
+            var inputDOM = _this.$refs.businessLicenseImage;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+                _this.params3.businessLicenseImage = response.data;
+                event.target.value = '';
+            });
+        },
+        uploadlogoImageFn: function(event){//上传公司logo
+            var _this = this;
+            var inputDOM = _this.$refs.logo;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+                _this.params3.logo = response.data;
+                event.target.value = '';
+            });
+        },
+        uploadproductionLicenceImageFn: function(event){//上传生产
+            var _this = this;
+            var inputDOM = _this.$refs.productionLicence;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+                _this.params3.productionLicence = response.data;
+                event.target.value = '';
+            });
+        },
+         uploadhygienicLicenseImageFn: function(event){//上传卫生
+            var _this = this;
+            var inputDOM = _this.$refs.hygienicLicense;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+                _this.params3.hygienicLicense = response.data;
+                event.target.value = '';
+            });
+        },
+         uploadtaxLicenseImageFn: function(event){//上传税务
+            var _this = this;
+            var inputDOM = _this.$refs.taxLicense;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+                _this.params3.taxLicense = response.data;
+                event.target.value = '';
+            });
+        },
+         uploadHonorImageFn: function(event){//荣誉证书上传
+            var _this = this;
+            var inputDOM = _this.$refs.Honor;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+               _this.HonorImagesList.push(response.data);
+               _this.params3.certificateHonor =_this.HonorImagesList.toString()+',';
+                event.target.value = '';
+            });
+        },
+         uploadproductImageFn: function(event){//产品证书上传
+            var _this = this;
+            var inputDOM = _this.$refs.product;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+               _this.productImagesList.push(response.data);
+               _this.params3.productCertification =_this.productImagesList.toString()+',';
+                event.target.value = '';
+            });
+        },
+         deletaxImage:function(){//删除卫生
+            this.params3.taxLicense = '';
+        },
+         deletehygienicImage:function(){//删除卫生
+            this.params3.hygienicLicense = '';
+        },
+        deleteproducImage:function(){//删除生产
+            this.params3.productionLicence = '';
+        },
+         deletelogoImage:function(){//删除logo图片
+            this.params3.logo = '';
+        },
+         deleteBusinessImage:function(){//删除营业执照图片
+            this.params3.businessLicenseImage = '';
+        },
+         deleteMedicalImage:function(){//删除医疗执照图片
+            this.params2.medicalPracticeLicenseImg1 = '';
+        },
+        removeGoodsImagesFn: function(index){//删除荣誉图片
+            var _this = this;
+            _this.HonorImagesList.splice(index,1);
+            _this.params3.certificateHonor =_this.HonorImagesList.toString()+',';
+         },
+        removeproductImagesFn: function(index){//删除产品图片
+            var _this = this;
+            _this.productImagesList.splice(index,1);
+            _this.params3.productCertification =_this.productImagesList.toString()+',';
+         },
+         blurHandle: function(event) { // 失去焦点校验
+            var el = event.currentTarget;
+            verifyHandle(el);
+        },
         checkedFn:function (index) {
             this.tabCurrentIndex = index;
-        }
+        },
+         province:function () {
+           var _this = this;
+           _this.params.provinceID = event.target.value;
+            if(_this.params.provinceID==''){//省为请选择时市区初始化
+                _this.cityArray=[];
+                _this.townArray=[];
+                _this.params.townID=''
+            }else {
+              _this.getcity();
+            }
+        },
+        getcity:function(event){//加载市
+           var _this = this;
+            PublicApi.GetCity({ provinceId: _this.params.provinceID },function(response){
+                 if(response.code == 0 ){
+                    _this.cityArray = response.data;
+                     _this.params.cityID = event.target.value;
+                     if(_this.params.cityID==''){
+                           _this.townArray=[];
+                     }else {
+                         _this.getcTown();
+                     }
+                }
+            })
+        },
+         getcTown:function(event){
+            var _this = this;
+            PublicApi.GetTown({cityId:_this.params.cityID},function(response){
+                if(response.code == 0 ){
+                    _this.townArray = response.data;
+                    _this.params.townID = event.target.value;
+                    console.log(_this.params.townID)
+                }else{
+                    CAIMEI.Alert(response.msg, '确定', false);
+                }
+            })
+        },
+        setNewMainpro:function(arr){//回显处理主营内容
+            var newArr = [];
+            arr.split('/').forEach(function(item){
+                newArr.push(item);
+            });
+            return newArr
+        },
+        setNewScope:function(arr){//回显处理主营内容
+            var newArr = [];
+            arr.split('/').forEach(function(item){
+                newArr.push(item);
+            });
+            return newArr
+        },
     },
     mounted:function () {
     var _self=this;
+        if(globalUserData){
+              _self.params.userID = globalUserData.userId;
+              _self.params.shopID = globalUserData.shopId;
+              _self.params2.userID = globalUserData.userId;
+              _self.params2.shopID = globalUserData.shopId;
+              _self.params3.userID = globalUserData.userId;
+              _self.params3.shopID = globalUserData.shopId;
+          };
+          _self.shopInfo();
         PublicApi.GetProvince({},function(response){ //省份
             if(response.code == 0){
             console.log(response)
@@ -22,3 +377,11 @@ jqMultipleShow("click", ".navList", ".tab", ".con");
         })
     }
  })
+  //过滤输入金额多余小数
+     function clearNoNum(obj) {
+        obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
+        obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是
+        obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
+        obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
+        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
+    }

+ 242 - 11
src/main/resources/templates/supplier-center/setting/information.html

@@ -23,7 +23,10 @@
         <div class="wrap clear">
              <!--左侧面包屑-->
             <template th:replace="supplier-center/components/tableft"></template>
-            <div class="right">
+             <div v-if="isRequset" class="loading">
+                <img src="/img/base/loading.gif">
+             </div>
+            <div class="right" v-else>
                 <div class="head-wrap">
                     <div class="head-top">
                         <div class="header-tabs" :class="{ current: tabCurrentIndex === 1 }" @click="checkedFn(1)">
@@ -34,39 +37,267 @@
                         <span class="line" :class="{ linestyle: tabCurrentIndex === 3 }">3</span>公司资质证明</div>
                     </div>
                 </div>
-                <div class="container clear">
+                <div class="container clear" >
                     <div class="forget-form"  v-if="tabCurrentIndex == 1">
                         <form>
                             <div class="formLine" >
                                 <p><em>*</em>公司名称:</p>
-                                <input  class="massageBtn"  type="text"  placeholder="请与营业执照的注册名称保持一致"  maxlength="11" needverify>
+                                <input  class="massageBtn"  type="text" v-model.trim="params.name" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" @blur="blurHandle($event)" maxlength="30" needverify>
+                                <i class="checked icon mIcon"></i>
+                                <span class="errTips icon mIcon" tips="请输入公司名称"></span>
                             </div>
                             <div class="formLine" >
                                 <p>公司简称:</p>
-                                <input  class="massageBtn"  type="text"  placeholder="请与营业执照的注册名称保持一致"  maxlength="11" needverify>
+                                <input  class="massageBtn"  type="text" v-model.trim="params.sname"  placeholder="请与营业执照的注册名称保持一致"  maxlength="10" >
+                                <span class="errTips"></span>
                             </div>
                             <div class="formLine" >
                                 <p><em>*</em>公司地址:</p>
-                                 <select name="provinceID" id="cProvince">
+                                 <select name="provinceID" id="cProvince" @change="province">
                                      <option value="">请选择</option>
                                      <option v-for="item in provinceArray" :value="item.provinceID">{{item.name}}</option>
                                  </select>
-                                 <select name="cityID" id="cityID">
+                                 <select name="cityID" id="cityID" @change="getcity($event)">
                                      <option value="">请选择</option>
-                                     <option></option>
+                                     <option v-for="(item ,index) in cityArray" :key="index" :value="item.cityID">{{item.name}}</option>
                                  </select>
-                                 <select name="townID" id="townID">
+                                 <select name="townID" id="townID" @change="getcTown($event)">
                                      <option value="">请选择</option>
-                                     <option></option>
+                                     <option v-for="(item ,index) in townArray" :key="index" :value="item.townID" >{{item.name}}</option>
                                  </select>
+                                 <textarea placeholder="建议您如实填写详细地址,例如:街道名称,门牌号码,楼层和房间号等信息"  v-model="params.address" maxlength="25"></textarea>
+                                    <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.trim="params.linkMan" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="6" @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.trim="params.email" placeholder="请输入邮箱地址" maxlength="40">
+                                <span class="errTips"></span>
+                            </div>
+                            <div class="formLine">
+                                <p>固定电话:</p>
+                                <input class="massageBtn"  type="text" v-model.trim="params.contractPhone" placeholder="请在号码前加区" :rule="rule.phone" onkeyup="if(isNaN(value))execCommand('undo')"maxlength="11" >
+                                <i class="checked icon mIcon"></i>
+                                <span class="errTips"></span>
+                            </div>
+                            <div class="formLine">
+                                <p>传真:</p>
+                                <input class="massageBtn"  type="text" v-model.trim="params.fax" placeholder="请输入公司传真号" onkeyup="if(isNaN(value))execCommand('undo')">
+                                <i class="checked icon mIcon"></i>
+                                <span class="errTips"></span>
+                            </div>
+                            <div class="formLine">
+                                <p><em>*</em>法人代表:</p>
+                                <input type="text" v-model.trim="params.legalPerson" placeholder="请输入公司法人代表姓名" :rule="rule.name" maxlength="6" @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.trim="params.registeredCapital" placeholder="请填写公司注册资本"  onkeyup="clearNoNum(this)"  @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.trim="params.nature" placeholder="请填写公司性质" :rule="rule.name"  @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.trim="params.registeredCapital" placeholder="¥ 请输入公司年营业额"  onkeyup="clearNoNum(this)"  @blur="blurHandle($event)" needverify>
+                                <i class="checked icon mIcon"></i>
+                                <span class="errTips icon mIcon" tips="请输入年营业额"></span>
+                            </div>
+                             <div class="subLine">
+                                <button class="btn" type="button" @click="shopSubmit" >提交</button>
                             </div>
                         </form>
                     </div>
                      <div class="forget-form"  v-if="tabCurrentIndex == 2">
-                        <form></form>
+                        <form>
+                            <div class="formLine">
+                                <p><em>*</em>公司类型:</p>
+                                <label class="diyBox"><input type="radio" name="firstShopType" v-model="params2.firstShopType" value="1" ><i class="icon mIcon">医疗</i></label>
+                                <label class="diyBox"><input type="radio" name="firstShopType" v-model="params2.firstShopType" value="2" checked><i class="icon mIcon">非医疗</i></label>
+                                <span class="errTips icon mIcon mIcon" tips="请选择公司类型"></span>
+                            </div>
+                            <div v-if="params2.firstShopType == 1" class="formLine">
+                                <label class="diyBox second"><input type="radio" name="secondShopType" v-model="params2.secondShopType" value="1" ><i class="icon mIcon">一类器械</i></label>
+                                <label class="diyBox second"><input type="radio" name="secondShopType" v-model="params2.secondShopType" value="2" checked><i class="icon mIcon">二类器械</i></label>
+                                <label class="diyBox second"><input type="radio" name="secondShopType" v-model="params2.secondShopType" value="3" ><i class="icon mIcon">三类器械</i></label>
+                                <label class="diyBox second"><input type="radio" name="secondShopType" v-model="params2.secondShopType" value="4" checked><i class="icon mIcon">其他</i></label>
+                                <span class="errTips icon mIcon" tips="请选择公司类型"></span>
+                            </div>
+                            <div class="formLine clear" v-if="params2.secondShopType == 3">
+                                <div class="form-upload">
+                                    <p><em>*</em>资质:</p>
+                                    <div class="form-upload-image" v-if="params2.medicalPracticeLicenseImg1!=''">
+                                        <img class="upload-img" :src="params2.medicalPracticeLicenseImg1" alt="" id="medicalPracticeLicenseImg1" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="deleteMedicalImage()"></i>
+                                    </div>
+                                    <div class="formLine-file" v-else>
+                                        <input ref="medicalPracticeLicenseImg1" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadzizhiImageFn">
+                                        <i class="icon mIcon file-zizhi"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                                <div class="form-upload-tips">
+                                    <i class="icon icon-wen"></i>
+                                    <div class="wen-tips">点击图片可放大图片</div>
+                                </div>
+                            </div>
+                            <div class="formLine">
+                                <p><em>*</em>主营产品:</p>
+                                <p class="business">
+                                    <label v-for="pro in mentuzCampNullList" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="shopMainPros" :value="pro.name" ><i class="icon mIcon">{{pro.name}}</i></label>
+                                </p>
+                                <p class="addbusiness">
+                                    <input type="text" placeholder="请输入自定义主营内容" v-model.trim="mainProEdit" maxlength="5" >
+                                    <a href="javascript:void(0);" @click="mainProAdd()">确认添加</a>
+                                </p>
+                                <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                            </div>
+                            <div class="formLine">
+                                <p><em>*</em>经营范围:</p>
+                                <p class="business">
+                                    <label v-for="pro in Scopelist" class="diyBox second"><input type="checkbox" name="secondShopType" v-model="shopScope" :value="pro.name" ><i class="icon mIcon">{{pro.name}}</i></label>
+                                </p>
+                                <p class="addbusiness">
+                                    <input type="text" placeholder="请输入自定义经营范围" v-model.trim="mainProEdit" maxlength="5" >
+                                    <a href="javascript:void(0);" @click="shopScopeAdd()">确认添加</a>
+                                </p>
+                                <span class="errTips icon mIcon" tips="请选择或添加主营产品"></span>
+                            </div>
+                             <div class="formLine info">
+                                 <p><em>*</em>公司介绍:</p>
+                                 <textarea placeholder="公司简介会在公司介绍页面展示,有助于机构更好的了解您, 建议从个人规模、代理产品、机构服务、荣誉资质这4方面进行介绍"  v-model="params2.info" name="info"  maxlength="2000"></textarea>
+                                 <i class="checked icon mIcon"></i>
+                                 <span class="errTips icon mIcon" tips="请填写公司介绍"></span>
+                             </div>
+                             <div class="formLine info">
+                                 <p><em>*</em>主打系列商品说明:</p>
+                                 <textarea placeholder="请输入主打系列商品说明"  v-model="params2.productDesc" name="info" maxlength="500"></textarea>
+                                 <i class="checked icon mIcon"></i>
+                                 <span class="errTips icon mIcon" tips="请填写公司介绍"></span>
+                             </div>
+                             <div class="subLine">
+                                <button class="btn" type="button" @click="shopSubmit" >提交</button>
+                            </div>
+                        </form>
                     </div>
+                     <div class="header"  v-if="tabCurrentIndex == 3">
+                         <div class="header-p"> 本页面上传的图片仅支持JPG、GIF、PNG、JPEG和BMP格式,每张图片小于5M 荣誉证书和产品证书分别可最多上传5张</div>
+                     </div>
                      <div class="forget-form"  v-if="tabCurrentIndex == 3">
-                        <form></form>
+                        <form>
+                             <div class="formLine">
+                                <p><em>*</em>营业执照编号:</p>
+                                <input type="text" v-model.trim="params3.socialCreditCode" placeholder="请填写营业执照编号" :rule="rule.license" maxlength="18" @blur="blurHandle($event)" needverify>
+                                <i class="checked icon mIcon"></i>
+                                <span class="errTips icon mIcon" tips="请输入正确的统一社会信用代码"></span>
+                             </div>
+                             <div class="formLine clear">
+                                <div class="form-upload">
+                                    <p><em>*</em>营业执照图片:</p>
+                                    <div class="form-upload-image" v-if="params3.businessLicenseImage!=''">
+                                        <img class="upload-img" :src="params3.businessLicenseImage" alt="" id="businessLicenseImage" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="deleteBusinessImage()"></i>
+                                    </div>
+                                    <div class="formLine-file" v-else >
+                                        <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>
+                                </div>
+                                <div class="form-upload">
+                                    <p><em>*</em>公司LOGO:</p>
+                                    <div class="form-upload-image" v-if="params3.logo!=''">
+                                        <img class="upload-img" :src="params3.logo" alt="" id="logo" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="deletelogoImage()"></i>
+                                    </div>
+                                    <div class="formLine-file" v-else>
+                                        <input ref="logo" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadlogoImageFn">
+                                        <i class="icon mIcon file-logo"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                            </div>
+                            <div class="formLine clear">
+                                <p><em>*</em>资质认证:</p>
+                                <div class="form-upload">
+                                    <div class="form-upload-image" v-if="params3.productionLicence!=''">
+                                        <img class="upload-img" :src="params3.productionLicence" alt="" id="productionLicence" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="deleteproducImage()"></i>
+                                    </div>
+                                    <div class="formLine-file" v-else>
+                                        <input ref="productionLicence" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadproductionLicenceImageFn">
+                                        <i class="icon mIcon file-produce"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                                <div class="form-upload">
+                                    <div class="form-upload-image" v-if="params3.hygienicLicense!=''">
+                                        <img class="upload-img" :src="params3.hygienicLicense" alt="" id="hygienicLicense" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="deletehygienicImage()"></i>
+                                    </div>
+                                    <div class="formLine-file" v-else>
+                                        <input ref="hygienicLicense" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadhygienicLicenseImageFn">
+                                        <i class="icon mIcon file-health"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                                <div class="form-upload">
+                                    <div class="form-upload-image" v-if="params3.taxLicense!=''">
+                                        <img class="upload-img" :src="params3.taxLicense" alt="" id="taxLicense" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="deletaxImage()"></i>
+                                    </div>
+                                    <div class="formLine-file" v-else>
+                                        <input ref="taxLicense" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadtaxLicenseImageFn">
+                                        <i class="icon mIcon file-tax"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                            </div>
+                            <div class="formLine clear" >
+                                <p><em>*</em>荣誉证书:</p>
+                                <div class="form-upload list" >
+                                    <div class="form-upload-image"  v-for="(item, index) in HonorImagesList" :key="index">
+                                        <img class="upload-img" :src="item" :data-image="item" alt="" id="Honor" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="removeGoodsImagesFn(index)"></i>
+                                    </div>
+                                    <div class="formLine-file" v-show="HonorImagesList.length<5">
+                                        <input ref="Honor" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadHonorImageFn">
+                                        <i class="icon mIcon file-honor"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                            </div>
+                            <div class="formLine clear" >
+                                <p><em>*</em>产品证书:</p>
+                                <div class="form-upload list" >
+                                    <div class="form-upload-image"  v-for="(item, index) in productImagesList" :key="index">
+                                        <img class="upload-img" :src="item" :data-image="item" alt="" id="product" @click="showViewerImageFn()">
+                                        <i class="icon mIcon" @click="removeproductImagesFn(index)"></i>
+                                    </div>
+                                    <div class="formLine-file" v-show="productImagesList.length<5">
+                                        <input ref="product" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadproductImageFn">
+                                        <i class="icon mIcon file-product"></i>
+                                    </div>
+                                    <span class="errTips icon mIcon"></span>
+                                </div>
+                            </div>
+                            <div class="subLine">
+                                <button class="btn" type="button" @click="shopSubmit">提交</button>
+                            </div>
+                        </form>
                     </div>
                 </div>
             </div>