开设新店铺

components/register-saler/register/StepFirst.vue

@@ -27,14 +27,14 @@
       <div class="row">
         <label class="col-sm-2 x-required">营业执照号：</label>
         <div class="col-sm-5">
-          <input type="text" :class="!validLicence.isValidLicence?'form-control error-box-border':'form-control'" :disabled="!loginData.isSelf" @input="validLicence.init=false" @change="licenceCheck(3)" v-model="data.licenceId" name="name" required="" placeholder="请填写营业执照上的注册号">
+          <input type="text" :class="!validLicence.isValidLicence?'form-control error-box-border':'form-control x-input'" :disabled="!loginData.isSelf" @input="validLicence.init=false" @change="licenceCheck(3)" v-model="data.licenceId" name="name" required="" placeholder="请填写营业执照上的注册号">
         </div>
         <div class="x-text-help" v-show="validLicence.isValidLicence && !validLicence.init">
           <i class="glyphicon glyphicon-ok x-icon-left"></i>
         </div>
         <div class="col-sm-5" v-show="!validLicence.isValidLicence && !validLicence.init"><p><i class="fa fa-info-circle"></i>请填写营业执照上的注册号</p></div>
       </div>
-      <div class="row">
+      <!--<div class="row">
         <label class="col-sm-2 x-required">营业执照：</label>
         <div class="col-sm-5">
           <a class="x-btn-blank" v-if="loginData.isSelf" title="请上传营业执照扫描件（≤5M的图片或PDF）">
@@ -58,7 +58,7 @@
           <i class="glyphicon glyphicon-ok x-icon-left"></i>
         </div>
         <div class="col-sm-5" v-show="!validLawPerson.isValidLawPerson && !validLawPerson.init"><p><i class="fa fa-info-circle"></i>请填写营业执照上的法定代表人</p></div>
-      </div>
+      </div>-->
       <div class="row">
         <label class="col-sm-2 x-required">企业地址：</label>
         <div class="col-sm-5">
@@ -111,7 +111,7 @@
         </div>
         <div class="col-sm-5" v-show="!validAddress.isValidAddress && !validAddress.init"><p><i class="fa fa-info-circle"></i>填写总部所在地详细地址</p></div>
       </div>
-      <div class="row">
+      <!--<div class="row">
         <label class="col-sm-2">联系人：</label>
         <div class="col-sm-5">
           <input type="text" :disabled="!loginData.isSelf" class="form-control" title="请填写企业对外的联系人，为空则默认为管理员" v-model="data.linkman" name="name" required="" placeholder="请填写企业对外的联系人，为空则默认为管理员">
@@ -178,7 +178,7 @@
           </div>
         </div>
         <div class="col-sm-5"></div>
-      </div>
+      </div>-->
       <!--<div class="row"  >
         <label class="col-sm-2">企业LOGO：</label>
         <div class="col-sm-5">
@@ -194,7 +194,7 @@
         </div>
         <div class="col-sm-5" v-show="!validUpload.isValidUpload && !validUpload.init"><p><i class="fa fa-info-circle"></i>请上传营业执照扫描件（≤5M的图片或PDF）</p></div>&ndash;&gt;
       </div>-->
-      <div class="row">
+     <!-- <div class="row">
         <label class="col-sm-2">经营范围标签：</label>
         <div class="col-sm-8">
           <div class="no-tags" v-if="!data.tagsData || data.tagsData.length == 0">暂无标签</div>
@@ -214,7 +214,7 @@
           </div>
         </div>
         <div class="col-sm-12 tags-lists" v-if="loginData.isSelf"><em class="pull-left">例如：</em><span>企业管理咨询</span><span>电子产品开发</span><span>货运代理</span></div>
-      </div>
+      </div>-->
       <div class="row next-btn"><button class="btn" :style="loginData.isSelf && !isValid ? 'opacity: .65;':''" @click="sectionChange(2)">下一步</button></div>
     </div>
   </div>
@@ -225,28 +225,28 @@
       return {
         data: {
           name: '',
-          lawPerson: '',
-          url: '',
+//          lawPerson: '',
+//          url: '',
           licenceId: '',
-          address: '',
-          linkman: '',
-          phone: '',
-          email: '',
-          fax: '',
-          website: '',
-          profession: '',
-          logoUrl: '',
-          tagsData: []
+          address: ''
+//          linkman: '',
+//          phone: '',
+//          email: '',
+//          fax: '',
+//          website: '',
+//          profession: '',
+//          logoUrl: '',
+//          tagsData: []
         },
         validName: {
           isValidTypeName: true,
           isValidName: true,
           init: true
         },
-        validUpload: {
-          isValidUpload: true,
-          init: true
-        },
+//        validUpload: {
+//          isValidUpload: true,
+//          init: true
+//        },
         validLicence: {
           isValidLicence: true,
           init: true
@@ -255,32 +255,32 @@
           isValidAddress: true,
           init: true
         },
-        validLawPerson: {
-          isValidLawPerson: true,
-          init: true
-        },
-        validPhone: {
-          isValidPhone: true,
-          init: true
-        },
-        validEmail: {
-          isValidEmail: true,
-          init: true
-        },
-        validFax: {
-          isValidFax: true,
-          init: true
-        },
-        validLogo: {
-          isValidLogo: true,
-          init: true
-        },
+//        validLawPerson: {
+//          isValidLawPerson: true,
+//          init: true
+//        },
+//        validPhone: {
+//          isValidPhone: true,
+//          init: true
+//        },
+//        validEmail: {
+//          isValidEmail: true,
+//          init: true
+//        },
+//        validFax: {
+//          isValidFax: true,
+//          init: true
+//        },
+//        validLogo: {
+//          isValidLogo: true,
+//          init: true
+//        },
         isValid: false,
-        isPdf: false,
+//        isPdf: false,
         showAddressBox: false,
         isInAddressBox: false,
-        showProfessionBox: false,
-        isInProfessionBox: false,
+//        showProfessionBox: false,
+//        isInProfessionBox: false,
         temCityData: {},
         cityData: {
           province: [],
@@ -292,19 +292,19 @@
           currentCity: '',
           currentDistrict: '',
           detail: ''
-        },
-        tempProfession: {},
-        professionData: {
-          profession: [],
-          detail: [],
-          thirdDetail: []
-        },
-        currentProfession: {
-          profession: '',
-          detail: '',
-          thirdDetail: ''
-        },
-        tag: ''
+        }
+//        tempProfession: {},
+//        professionData: {
+//          profession: [],
+//          detail: [],
+//          thirdDetail: []
+//        },
+//        currentProfession: {
+//          profession: '',
+//          detail: '',
+//          thirdDetail: ''
+//        },
+//        tag: ''
       }
     },
     props: ['loginData', 'enterpriseData', 'businessImgUrl'],
@@ -317,8 +317,8 @@
             this.nameTypeCheck()
             this.licenceCheck(3)
             this.addressCheck()
-            this.imgUrlCheck()
-            this.lawPersonCheck()
+//            this.imgUrlCheck()
+//            this.lawPersonCheck()
 //            this.phoneCheck()
 //            this.emailCheck()
 //            this.faxCheck()
@@ -328,12 +328,12 @@
             this.initEnterpriseData(val)
           }
         }
-      },
-      businessImgUrl: function (val, oldVal) {
-        this.data.url = val
-        this.checkFullData()
-        this.submitRegisterData()
       }
+//      businessImgUrl: function (val, oldVal) {
+//        this.data.url = val
+//        this.checkFullData()
+//        this.submitRegisterData()
+//      }
     },
     mounted () {
       this.$http.get('/data/city.json').then(response => {
@@ -342,53 +342,53 @@
           this.cityData.province.push(province)
         }
       })
-      this.$http.get('/data/profession.json').then(response => {
-        this.tempProfession = response.data
-        for (let profession in response.data) {
-          this.professionData.profession.push(profession)
-        }
-      })
+//      this.$http.get('/data/profession.json').then(response => {
+//        this.tempProfession = response.data
+//        for (let profession in response.data) {
+//          this.professionData.profession.push(profession)
+//        }
+//      })
     },
     methods: {
       initEnterpriseData: function (val) {
         this.data.name = val.name || ''
         this.data.licenceId = val.businessCode || ''
-        this.data.url = val.businessCodeImage || ''
-        this.data.lawPerson = val.corporation || ''
+//        this.data.url = val.businessCodeImage || ''
+//        this.data.lawPerson = val.corporation || ''
         this.data.address = val.address || ''
-        this.data.website = val.url || ''
-        this.data.linkman = val.contactMan || ''
-        this.data.phone = val.contactTel || ''
-        this.data.email = val.contactEmail || ''
-        this.data.fax = val.fax || ''
-        this.data.logoUrl = val.logoImage || ''
-        this.data.profession = val.profession || ''
+//        this.data.website = val.url || ''
+//        this.data.linkman = val.contactMan || ''
+//        this.data.phone = val.contactTel || ''
+//        this.data.email = val.contactEmail || ''
+//        this.data.fax = val.fax || ''
+//        this.data.logoUrl = val.logoImage || ''
+//        this.data.profession = val.profession || ''
 //        this.data.tagsData = val.tags || []
-        if (typeof val.tags === 'string') {
-//          let tmp = val.tags || ''
-          this.data.tagsData = val.tags.split(',')
-        } else {
-          this.data.tagsData = []
-        }
+//        if (typeof val.tags === 'string') {
+// //          let tmp = val.tags || ''
+//          this.data.tagsData = val.tags.split(',')
+//        } else {
+//          this.data.tagsData = []
+//        }
       },
       initSelfData: function (val) {
         this.data.name = val.name || ''
         this.data.licenceId = val.licenceId || ''
-        this.data.url = val.url || ''
-        this.data.lawPerson = val.lawPerson || ''
+//        this.data.url = val.url || ''
+//        this.data.lawPerson = val.lawPerson || ''
         this.data.address = val.address || ''
-        this.data.website = val.website || ''
-        this.data.linkman = val.linkman || ''
-        this.data.phone = val.phone || ''
-        this.data.email = val.email || ''
-        this.data.fax = val.fax || ''
-        this.data.logoUrl = val.logoUrl || ''
-        this.data.profession = val.profession || ''
-        if (typeof val.tagsData === 'string' || !val.tagsData) {
-          this.data.tagsData = val.tagsData.split(',') || []
-        } else {
-          this.data.tagsData = val.tagsData || []
-        }
+//        this.data.website = val.website || ''
+//        this.data.linkman = val.linkman || ''
+//        this.data.phone = val.phone || ''
+//        this.data.email = val.email || ''
+//        this.data.fax = val.fax || ''
+//        this.data.logoUrl = val.logoUrl || ''
+//        this.data.profession = val.profession || ''
+//        if (typeof val.tagsData === 'string' || !val.tagsData) {
+//          this.data.tagsData = val.tagsData.split(',') || []
+//        } else {
+//          this.data.tagsData = val.tagsData || []
+//        }
       },
       sectionChange: function (type) {
         if (this.loginData.isSelf && !this.isValid) {
@@ -397,13 +397,13 @@
           this.checkFullData()
           let enterprise = this.data
 //          enterprise.tagsData = enterprise.tagsData.toString()
-          if (typeof this.data.tagsData === 'string') {
-            this.data.tagsData = this.data.tagsData.split(',')
-          }
+//          if (typeof this.data.tagsData === 'string') {
+//            this.data.tagsData = this.data.tagsData.split(',')
+//          }
           let data = {}
           data.enterprise = enterprise
           data.isValidRegister = this.isValid
-          data.url = this.data.url
+//          data.url = this.data.url
           enterprise.enIsRead = false
 //          enterprise.enBussinessCodeImage = this.data.url
           if (this.loginData.isSelf) {
@@ -412,91 +412,91 @@
           }
           this.$emit('registerAction', data)
           this.$emit('sectionEvent', type)
-          this.$emit('businessImgUrlAction', this.data.url)
-        }
-      },
-      upload: function (e) {
-        let file = e.target.files[0]
-        this.validUpload.init = false
-        if (file.size > 5 * 1024 * 1024) {
-          this.validUpload.isValidUpload = false
-        } else {
-          this.validUpload.isValidUpload = true
-          if (file.type !== 'application/pdf') {
-            this.isPdf = false
-            let param = new FormData()
-            param.append('file', file, file.name)
-            param.append('chunk', '0')
-            let config = {
-              headers: {'Content-Type': 'multipart/form-data'}
-            }
-            this.$http.post('/api/images', param, config)
-              .then(response => {
-                this.data.url = response.data[0].path
-                this.$emit('businessImgUrlAction', this.data.url)
-              }, err => {
-                console.log(err)
-                this.validUpload.isValidUpload = false
-              })
-          } else {
-            let param = new FormData()
-            param.append('file', file, file.name)
-            let config = {
-              headers: {'Content-Type': file.type}
-            }
-            this.$http.post('/file', param, config)
-              .then(response => {
-                this.isPdf = true
-                this.data.url = response.data[0].path
-                this.$emit('businessImgUrlAction', this.data.url)
-              }, err => {
-                console.log(err)
-                this.validUpload.isValidUpload = false
-              })
-          }
-        }
-        this.validCheck()
-      },
-      uploadLogo: function (e) {
-        this.validLogo.init = false
-        let file = e.target.files[0]
-        if (file.size > 100 * 1024) {
-          this.validLogo.isValidLogo = false
-//          this.$message.error('图片请勿超过100Kb')
-        } else {
-          let param = new FormData()
-          param.append('file', file, file.name)
-          let config = {
-            headers: {'Content-Type': file.type}
-          }
-          this.$http.post('/api/images', param, config)
-            .then(response => {
-              this.validLogo.isValidLogo = true
-              this.data.logoUrl = response.data[0].path
-            }, err => {
-              console.log(err)
-              this.$message.error('图片上传失败')
-            })
+//          this.$emit('businessImgUrlAction', this.data.url)
         }
       },
+//      upload: function (e) {
+//        let file = e.target.files[0]
+//        this.validUpload.init = false
+//        if (file.size > 5 * 1024 * 1024) {
+//          this.validUpload.isValidUpload = false
+//        } else {
+//          this.validUpload.isValidUpload = true
+//          if (file.type !== 'application/pdf') {
+//            this.isPdf = false
+//            let param = new FormData()
+//            param.append('file', file, file.name)
+//            param.append('chunk', '0')
+//            let config = {
+//              headers: {'Content-Type': 'multipart/form-data'}
+//            }
+//            this.$http.post('/api/images', param, config)
+//              .then(response => {
+//                this.data.url = response.data[0].path
+//                this.$emit('businessImgUrlAction', this.data.url)
+//              }, err => {
+//                console.log(err)
+//                this.validUpload.isValidUpload = false
+//              })
+//          } else {
+//            let param = new FormData()
+//            param.append('file', file, file.name)
+//            let config = {
+//              headers: {'Content-Type': file.type}
+//            }
+//            this.$http.post('/file', param, config)
+//              .then(response => {
+//                this.isPdf = true
+//                this.data.url = response.data[0].path
+//                this.$emit('businessImgUrlAction', this.data.url)
+//              }, err => {
+//                console.log(err)
+//                this.validUpload.isValidUpload = false
+//              })
+//          }
+//        }
+//        this.validCheck()
+//      },
+//      uploadLogo: function (e) {
+//        this.validLogo.init = false
+//        let file = e.target.files[0]
+//        if (file.size > 100 * 1024) {
+//          this.validLogo.isValidLogo = false
+// //          this.$message.error('图片请勿超过100Kb')
+//        } else {
+//          let param = new FormData()
+//          param.append('file', file, file.name)
+//          let config = {
+//            headers: {'Content-Type': file.type}
+//          }
+//          this.$http.post('/api/images', param, config)
+//            .then(response => {
+//              this.validLogo.isValidLogo = true
+//              this.data.logoUrl = response.data[0].path
+//            }, err => {
+//              console.log(err)
+//              this.$message.error('图片上传失败')
+//            })
+//        }
+//      },
       validCheck: function () {
         this.isValid =
-          this.validUpload.isValidUpload && !this.validUpload.init &&
+//          this.validUpload.isValidUpload && !this.validUpload.init &&
           this.validName.isValidTypeName && !this.validName.init && this.validName.isValidName &&
           this.validLicence.isValidLicence && !this.validLicence.init &&
-          this.validAddress.isValidAddress && !this.validAddress.init &&
-          this.validLawPerson.isValidLawPerson && !this.validLawPerson.init &&
-          (this.validPhone.init || this.validPhone.isValidPhone) &&
-          (this.validEmail.init || this.validEmail.isValidEmail) &&
-          (this.validFax.init || this.validFax.isValidFax)
+          this.validAddress.isValidAddress && !this.validAddress.init
+//          this.validLawPerson.isValidLawPerson && !this.validLawPerson.init &&
+//          (this.validPhone.init || this.validPhone.isValidPhone) &&
+//          (this.validEmail.init || this.validEmail.isValidEmail) &&
+//          (this.validFax.init || this.validFax.isValidFax)
       },
       checkFullData: function () {
         this.isValid =
-          this.validUpload.isValidUpload &&
+//          this.validUpload.isValidUpload &&
           this.validName.isValidTypeName && this.validName.isValidName &&
           this.validLicence.isValidLicence &&
-          this.validAddress.isValidAddress &&
-          this.validLawPerson.isValidLawPerson
+          this.validAddress.isValidAddress
+//          this.validLawPerson.isValidLawPerson
       },
       nameTypeCheck: function () {
         this.validName.isValidTypeName = this.data.name !== '' && this.data.name.length >= 2 && this.data.name.length <= 99 && this.commonValid(this.data.name)
@@ -516,10 +516,10 @@
             })
         }
       },
-      imgUrlCheck: function () {
-        this.validUpload.init = false
-        this.validUpload.isValidUpload = this.data.url !== ''
-      },
+//      imgUrlCheck: function () {
+//        this.validUpload.init = false
+//        this.validUpload.isValidUpload = this.data.url !== ''
+//      },
       licenceCheck: function (num) {
         if ((/^[\S-]{1,255}$/).test(this.data.licenceId)) {
           if (num > 0) {
@@ -546,26 +546,26 @@
         this.validAddress.isValidAddress = this.data.address !== ''
         this.validCheck()
       },
-      lawPersonCheck: function () {
-        this.validLawPerson.init = false
-        this.validLawPerson.isValidLawPerson = (/^\S{1,255}$/).test(this.data.lawPerson)
-        this.validCheck()
-      },
-      phoneCheck: function () {
-        this.validPhone.init = false
-        this.validPhone.isValidPhone = (/^[\d-]{8,}$/).test(this.data.phone) || this.data.phone === ''
-        this.validCheck()
-      },
-      emailCheck: function () {
-        this.validEmail.init = false
-        this.validEmail.isValidEmail = (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/).test(this.data.email) || this.data.email === ''
-        this.validCheck()
-      },
-      faxCheck: function () {
-        this.validFax.init = false
-        this.validFax.isValidFax = (/^(([\0]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/).test(this.data.fax) || this.data.fax === ''
-        this.validCheck()
-      },
+//      lawPersonCheck: function () {
+//        this.validLawPerson.init = false
+//        this.validLawPerson.isValidLawPerson = (/^\S{1,255}$/).test(this.data.lawPerson)
+//        this.validCheck()
+//      },
+//      phoneCheck: function () {
+//        this.validPhone.init = false
+//        this.validPhone.isValidPhone = (/^[\d-]{8,}$/).test(this.data.phone) || this.data.phone === ''
+//        this.validCheck()
+//      },
+//      emailCheck: function () {
+//        this.validEmail.init = false
+//        this.validEmail.isValidEmail = (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/).test(this.data.email) || this.data.email === ''
+//        this.validCheck()
+//      },
+//      faxCheck: function () {
+//        this.validFax.init = false
+//        this.validFax.isValidFax = (/^(([\0]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/).test(this.data.fax) || this.data.fax === ''
+//        this.validCheck()
+//      },
       commonValid: function (str) {
         return str.indexOf(' ') === -1
       },
@@ -574,12 +574,12 @@
         let data = {}
         data.enterprise = enterprise
         data.isValidRegister = this.isValid
-        data.url = this.data.url
+//        data.url = this.data.url
         this.$emit('registerAction', data)
       },
       onHideBox: function () {
         this.onHideAddress()
-        this.onHideProfession()
+//        this.onHideProfession()
       },
       onShowAddress: function () {
         if (this.showAddressBox) {
@@ -595,20 +595,20 @@
         }
         this.isClickInputAddress = false
       },
-      onShowProfession: function () {
-        if (this.showProfessionBox) {
-          this.onHideProfession()
-        } else {
-          this.showProfessionBox = true
-          this.isClickInputProfession = true
-        }
-      },
-      onHideProfession: function () {
-        if (!this.isInProfessionBox && !this.isClickInputProfession) {
-          this.showProfessionBox = false
-        }
-        this.isClickInputProfession = false
-      },
+//      onShowProfession: function () {
+//        if (this.showProfessionBox) {
+//          this.onHideProfession()
+//        } else {
+//          this.showProfessionBox = true
+//          this.isClickInputProfession = true
+//        }
+//      },
+//      onHideProfession: function () {
+//        if (!this.isInProfessionBox && !this.isClickInputProfession) {
+//          this.showProfessionBox = false
+//        }
+//        this.isClickInputProfession = false
+//      },
       getCity: function (province) {
         this.cityData.city = []
         this.address.currentCity = ''
@@ -640,65 +640,65 @@
           this.$message.error('请输入省、市、区')
         }
       },
-      getProfessionDetail: function (profession) {
-        this.currentProfession.profession = profession
-        this.currentProfession.detail = ''
-        this.professionData.detail = []
-        this.currentProfession.thirdDetail = ''
-        this.professionData.thirdDetail = []
-        let _this = this
-        _this.professionData.detail = []
-        for (let item in this.tempProfession[profession]) {
-          if (typeof this.tempProfession[profession][item] !== 'object') {
-            _this.professionData.detail.push(this.tempProfession[profession][item])
-          } else {
-            _this.professionData.detail.push(item)
-          }
-        }
-      },
-      chooseProfessionDetail: function (detail) {
-        this.currentProfession.detail = detail
-        this.currentProfession.thirdDetail = ''
-        this.professionData.thirdDetail = []
-        if (typeof this.tempProfession[this.currentProfession.profession][detail] !== 'object') {
-          this.data.profession = detail
-          this.showProfessionBox = false
-        } else {
-          this.professionData.thirdDetail = this.tempProfession[this.currentProfession.profession][detail]
-        }
-      },
-      chooseProfessionThirdDetail: function (thirdDetail) {
-        this.currentProfession.thirdDetail = thirdDetail
-        this.data.profession = thirdDetail
-        this.showProfessionBox = false
-      },
-      tagCheck: function () {
-        if (this.tag.length > 10) {
-          this.tag = this.tag.substring(0, 10)
-        }
-      },
-      addTags: function () {
-        let flag = true
-        let _this = this
-        if (!this.tag || this.tag === '') {
-          flag = false
-        } else {
-          this.data.tagsData.forEach(function (item) {
-            if (item === _this.tag) {
-              flag = false
-            }
-          })
-        }
-        if (flag) {
-          this.data.tagsData.push(this.tag)
-          this.tag = ''
-        } else {
-          this.tag = ''
-        }
-      },
-      removeTag: function (index) {
-        this.data.tagsData.splice(index, 1)
-      },
+//      getProfessionDetail: function (profession) {
+//        this.currentProfession.profession = profession
+//        this.currentProfession.detail = ''
+//        this.professionData.detail = []
+//        this.currentProfession.thirdDetail = ''
+//        this.professionData.thirdDetail = []
+//        let _this = this
+//        _this.professionData.detail = []
+//        for (let item in this.tempProfession[profession]) {
+//          if (typeof this.tempProfession[profession][item] !== 'object') {
+//            _this.professionData.detail.push(this.tempProfession[profession][item])
+//          } else {
+//            _this.professionData.detail.push(item)
+//          }
+//        }
+//      },
+//      chooseProfessionDetail: function (detail) {
+//        this.currentProfession.detail = detail
+//        this.currentProfession.thirdDetail = ''
+//        this.professionData.thirdDetail = []
+//        if (typeof this.tempProfession[this.currentProfession.profession][detail] !== 'object') {
+//          this.data.profession = detail
+//          this.showProfessionBox = false
+//        } else {
+//          this.professionData.thirdDetail = this.tempProfession[this.currentProfession.profession][detail]
+//        }
+//      },
+//      chooseProfessionThirdDetail: function (thirdDetail) {
+//        this.currentProfession.thirdDetail = thirdDetail
+//        this.data.profession = thirdDetail
+//        this.showProfessionBox = false
+//      },
+//      tagCheck: function () {
+//        if (this.tag.length > 10) {
+//          this.tag = this.tag.substring(0, 10)
+//        }
+//      },
+//      addTags: function () {
+//        let flag = true
+//        let _this = this
+//        if (!this.tag || this.tag === '') {
+//          flag = false
+//        } else {
+//          this.data.tagsData.forEach(function (item) {
+//            if (item === _this.tag) {
+//              flag = false
+//            }
+//          })
+//        }
+//        if (flag) {
+//          this.data.tagsData.push(this.tag)
+//          this.tag = ''
+//        } else {
+//          this.tag = ''
+//        }
+//      },
+//      removeTag: function (index) {
+//        this.data.tagsData.splice(index, 1)
+//      },
       onDetailAddressInput: function () {
         this.address.detail = this.address.detail.trim()
       }
@@ -707,6 +707,9 @@
 </script>
 
 <style scoped>
+  .register{
+    height: 700px;
+  }
   .register input[type="file"] {
     display: block;
   }
@@ -718,6 +721,9 @@
   .x-union-menu {
     width: 600px
   }
+  .x-union-header{
+    margin-top: -40px;
+  }
   .x-union-header>div{
     background: #f5f8fa;
     font-weight: 700;
@@ -848,6 +854,25 @@
   .register .row .tags-box {
     margin-top: 15px;
   }
+  .register .row p {
+    color: red;
+  }
+  .register .row .form-control:focus{
+    border-color: #5078cb;
+    box-shadow: none;
+  }
+  .x-input:focus, .x-input-blank:focus {
+    border-color: #5078cb;
+    box-shadow: none;
+  }
+
+  .register .row .fa-map-marker{
+    position: relative;
+    top: -34px;
+    left: -5px;
+
+  }
+
   .register .row .tags-list ul{
     list-style: none;
   }

nuxt.config.js

@@ -1,6 +1,6 @@
 const path = require('path')
 const isProdMode = Object.is(process.env.NODE_ENV, 'production')
-const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://192.168.253.60:9090/platform-b2c/' : 'http://192.168.253.121:9090/platform-b2c/')
+const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://192.168.253.60:9090/platform-b2c/' : 'http://10.1.51.87:8080/')
 const commonUrl = process.env.COMMON_URL || (isProdMode ? 'https://api-inquiry.usoftmall.com/' : 'http://218.17.158.219:24000/')
 
 module.exports = {