mall-web-ssr/components/register-saler/Register.vue

<template>
  <div>
    <div class="step-menu">
      <ul>
        <li :class="section == 1?'active':''" >第一步：完善企业信息</li>
        <li :class="section == 2?'active':''" >第二步：阅读相关条例</li>
        <li :class="section == 3?'active':''" >第三步：提交申请</li>
      </ul>
    </div>
    <div class="tab-list">
      <step-first v-show="section == 1"
                  @sectionEvent="sectionChange"
                  @registerAction="onRegister"
                  :loginData="loginData"
                  :enterpriseData="enterpriseData"
                  :businessImgUrl="businessImgUrl"
                  @businessImgUrlAction="onBusinessImgUrl"
                  @isSelfCacheDataAction="onCacheData"></step-first>
      <step-second v-show="section == 2"
                   @sectionEvent="sectionChange"
                   :checkData="checkData"
                   :loginData="loginData"
                   :cacheData="cacheData"></step-second>
      <step-third v-show="section == 3"
                  @sectionEvent="sectionChange"
                  :registerData="registerData"
                  :enterpriseData="enterpriseData"
                  :checkData="checkData"
                  :businessImgUrl="businessImgUrl"
                  @businessImgUrlAction="onBusinessImgUrl"
                  :loginData="loginData"></step-third>
    </div>
    </div>
</template>
<script>
  import StepFirst from '~components/register-saler/register/StepFirst.vue'
  import StepSecond from '~components/register-saler/register/StepSecond.vue'
  import StepThird from '~components/register-saler/register/StepThird.vue'
  export default {
    data () {
      return {
        section: 1,
        checkData: {
          checked: false
        },
        registerData: {
          enterprise: {},
          c: false,
          url: ''
        },
        loginData: {
          isSelf: true,
          section: 1,
          enterprise: {}
        },
        cacheData: {
          enName: '',
          enShortName: '',
          enBussinessCode: '',
          enAddress: '',
          enUrl: '',
          enIsRead: false,
          enBussinessCodeImage: ''
        },
        enterpriseData: {},
        businessImgUrl: ''
      }
    },
    components: {
      StepFirst,
      StepSecond,
      StepThird
    },
    computed: {
      user () {
        return this.$store.state.option.user
      }
    },
    created () {
      let ens = this.user.data.enterprises
      let isSelf = true
      let tempEnterprise = {}
      if (ens && ens.length) {
        ens.forEach(function (item) {
          if (item.current) {
            isSelf = false
            tempEnterprise = item
          }
        })
      } else {
        isSelf = true
      }
      if (!isSelf) {
        this.$http.get('/basic/enterprise/' + tempEnterprise.uu + '/info')
          .then(response => {
            this.enterpriseData = response.data
          })
        if (tempEnterprise.isVendor === 1690) { // 是企业
          this.section = 3
          this.checkData.checked = true
        } else if (typeof tempEnterprise.isVendor === 'undefined' || tempEnterprise.isVendor === '') {
          this.section = 2
          this.checkData.checked = false
        }
      } else { // 是个人
        this.$http.get('/basic/user/userCacheEnterprise')
          .then(response => {
            if (!response.data) {
              this.section = 1
              this.checkData.checked = false
            } else if (!response.data.enIsRead) {
              this.section = 2
              this.checkData.checked = false
              this.enterpriseData = response.data
            } else if (response.data.enIsRead) {
              this.section = 3
              this.checkData.checked = true
              this.enterpriseData = response.data
            }
          })
      }
      this.loginData.isSelf = isSelf
      this.loginData.section = this.section
      this.loginData.enterprise = tempEnterprise
    },
    methods: {
      sectionChange: function (num) {
        this.section = num
      },
      onRegister: function (data) {
        this.registerData.isValidRegister = data.isValidRegister
        this.registerData.enterprise = data.enterprise
        this.registerData.url = data.url
      },
      onCacheData: function (cache) {
        this.cacheData = cache
      },
      onBusinessImgUrl: function (url) {
        this.businessImgUrl = url
      }
    }
  }
</script>