抽取企业信息和店铺信息

pages/mobile/user/enterpriseinfo.vue

@@ -0,0 +1,680 @@
+<template>
+  <div class="user-content">
+    <!-- 账户管理 -->
+    <div class="topinfo clearfix" v-if="enterpriseInfo.enName">
+      <div class="pull-left">
+        企业信息
+      </div>
+      <div class="pull-right" @click="updateInfo()" v-show="storeState === 'look'">
+        <img src="/images/vendor/updateinfo.png"/>
+        编辑
+      </div>
+    </div>
+    <ul class="infoul infoul2" v-if="enterpriseInfo.enName">
+      <li class="clearfix" :class="{noupdate:  storeState !== 'look'}">
+        <div class="name pull-left" :class="{update: storeState !== 'look'}" >企业名称：</div>
+        <div class="text pull-left" :class="{update: storeState !== 'look'}">
+          {{enterpriseInfo.enName || '-'}}
+        </div>
+      </li>
+
+      <li class="clearfix" :class="{noupdate:  storeState !== 'look', border:  storeState !== 'look'}">
+        <div class="name pull-left" :class="{update: storeState !== 'look'}">营业执照号：</div>
+        <div class="text pull-left" :class="{update: storeState !== 'look'}">
+          {{enterpriseInfo.enBussinessCode || '-'}}
+        </div>
+      </li>
+
+      <li class="clearfix" :class="{border:  storeState !== 'look'}" >
+        <div class="name pull-left" :class="{update: storeState !== 'look'}">注册地址：</div>
+        <div class="text pull-left" v-if="storeState === 'look'">
+          {{enterpriseInfo.enAddress || '-'}}
+        </div>
+        <div v-else class="text pull-left">
+          <input v-model="enterpriseInfo.enAddress" type="text" :disabled="enterpriseInfo.enValidCode === 2"/>
+        </div>
+      </li>
+
+      <li class="clearfix" :class="{border:  storeState !== 'look'}">
+        <div class="name pull-left" :class="{update: storeState !== 'look'}">官网地址：</div>
+        <div class="text pull-left" v-if="storeState === 'look'">
+          {{enterpriseInfo.enUrl || '-'}}
+        </div>
+        <div v-else class="text pull-left">
+          <input v-model="enterpriseInfo.enUrl" type="text"/>
+        </div>
+      </li>
+
+      <li class="clearfix" :class="{border:  storeState !== 'look'}">
+        <div class="name pull-left" :class="{update: storeState !== 'look'}">所属行业：</div>
+        <div class="text pull-left" v-if="storeState === 'look'">
+          {{enterpriseInfo.enIndustry || '-'}}
+        </div>
+        <div v-else class="text pull-left clearfix" @click="isShowTypeAlert = true">
+          <div class="text pull-left update" style="width: 4.5rem">
+            {{enterpriseInfo.enIndustry || '-'}}
+          </div>
+          <div class="moreIcon pull-right">
+            <img src="/images/store/default/moreicon.png" />
+          </div>
+        </div>
+      </li>
+
+      <li class="clearfix" :class="{border:  storeState !== 'look'}">
+        <div class="name pull-left" :class="{update: storeState !== 'look'}" style="margin-top: 0.04rem;">经营范围：</div>
+        <div class="text pull-left" v-if="storeState === 'look'" >
+            <span v-for="item in scopeLabel" class="label">
+              {{item}}
+            </span>
+          <span class="text pull-left nolabel"  v-if="scopeLabel.length == 0">
+              无标签信息
+            </span>
+        </div>
+        <div v-else class="text pull-left">
+          <label v-for="item in scopeLabel" class="labelKuang" v-show="AddBtnShow">
+              <span class="Updatelabel">
+                {{item}}
+              </span>
+            <span class="updatespan"@click="addBtn(item)">删除</span>
+          </label>
+          <span class="addBtn" v-show="AddBtnShow" @click="addBtn()"></span>
+          <div class="commit" v-show="!AddBtnShow">
+            <input type="text" placeholder="请输入不大于10个字符" maxlength="10" class="inputText" v-model="labelText"/>
+            <button @click="saveLabel()">确定</button>
+          </div>
+        </div>
+      </li>
+    </ul>
+    <div class="control clearfix" v-if="storeState !== 'look'">
+      <div class="cancel" @click="storeInfosave('cancel')">取消</div>
+      <div class="save" @click="storeInfosave()">保存</div>
+    </div>
+    <!-- 选择行业弹窗 -->
+    <div class="mobile-modal" v-show="isShowTypeAlert">
+      <div class="modal-content">
+        <div class="content-title">
+          所属行业
+          <i class="el-icon-close" @click="isShowTypeAlert = false"></i>
+        </div>
+        <div class="content-title-label clearfix" >
+          <div v-for="(item, index) in ContentTitleArray" @click="chooseTitle(index)" v-if="item !== ''">
+            <a :class="{active: index === titleActive}">{{item}}</a>
+          </div>
+        </div>
+        <div class="content-info" v-if="TypeListShow.firstListShow">
+          <div v-for="(item, index) in TypeList.firstList" class="content-info-item" :class="{active: index === TypeListActive.firstListActive}"  @click="chooseItem('firstList', item, index)" >
+            {{item}}<img src="/images/mobile/@2x/getlabel_icon.png" v-show="index === TypeListActive.firstListActive"/>
+          </div>
+        </div>
+        <div class="content-info" v-if="TypeListShow.secondsListShow">
+          <div v-for="(item, index) in TypeList.secondsList" class="content-info-item" :class="{active: index === TypeListActive.secondsListActive}"  @click="chooseItem('secondsList', item, index)" >
+            {{item}}
+            <img src="/images/mobile/@2x/getlabel_icon.png" v-show="index === TypeListActive.secondsListActive"/>
+          </div>
+        </div>
+        <div class="content-info" v-if="TypeListShow.threetListShow">
+          <div v-for="(item, index) in TypeList.threetList" class="content-info-item" :class="{active: index === TypeListActive.threetListActive}"  @click="chooseItem('threetList', item, index)" >
+            {{item}}
+            <img src="/images/mobile/@2x/getlabel_icon.png" v-show="index === TypeListActive.threetListActive"/>
+          </div>
+
+        </div>
+      </div>
+    </div>
+    <!-- /end 选择行业弹窗 -->
+    <remind-box :title="collectResult" :timeoutCount="timeoutCount"></remind-box>
+    <!--<loading v-show="isSearchSearchingMore"></loading>-->
+    <div v-if="enterprise && false"></div>
+    <div v-if="storeI && false"></div>
+  </div>
+  <!-- /end 账户管理 -->
+</template>
+
+<script>
+  import { RemindBox } from '~components/mobile/common'
+  export default {
+    layout: 'mobile',
+    middleware: 'authenticated',
+    fetch({store}) {
+      return Promise.all([
+        store.dispatch('loadStoreStatus', { op: 'check' })
+      ])
+    },
+    data() {
+      return {
+        timeoutCount: 0,
+        collectResult: '',
+        storeState: 'look',
+        admininfo: {}, // 管理员信息
+        labelText: '',
+        scopeLabel: [],
+        ContentTitleArray: ['', '', ''], // 行业数组
+        isShowTypeAlert: false, // 是否现在所属行业弹窗
+        TypeList: {
+          firstList: [],
+          secondsList: [],
+          threetList: []
+        },
+        TypeListActive: {
+          firstListActive: '',
+          secondsListActive: '',
+          threetListActive: ''
+        },
+        TypeListShow: {
+          firstListShow: true,
+          secondsListShow: false,
+          threetListShow: false
+        },
+        enterpriseInfo: {},
+        titleActive: '',
+        TypeObj: {},
+        storeInfo: {},
+        AddBtnShow: true
+      }
+    },
+    components: {
+      RemindBox
+    },
+    methods: {
+      chooseTitle(key) {
+        if (key === 0) {
+          this.TypeListShow = {
+            firstListShow: true,
+            secondsListShow: false,
+            threetListShow: false
+          }
+          this.titleActive = 0
+        } else if (key === 1) {
+          this.TypeListShow = {
+            firstListShow: false,
+            secondsListShow: true,
+            threetListShow: false
+          }
+          this.titleActive = 1
+        } else if (key === 2) {
+          this.TypeListShow = {
+            firstListShow: false,
+            secondsListShow: true,
+            threetListShow: false
+          }
+          this.titleActive = 2
+        }
+      },
+      chooseItem(listIndex, key, index) {
+        if (listIndex === 'firstList') {
+          this.TypeListActive.firstListActive = index
+          this.ContentTitleArray[0] = key
+          // alert(this.ContentTitleArray)
+          this.TypeList.secondsList = []
+          this.titleActive = 0
+          if (this.TypeObj[key] instanceof Array) {
+            this.TypeList.secondsList = this.TypeObj[key]
+          } else {
+            for (let i of Object.keys(this.TypeObj[key])) {
+              this.TypeList.secondsList.push(i)
+            }
+          }
+          this.TypeListShow = {
+            firstListShow: false,
+            secondsListShow: true,
+            threetListShow: false
+          }
+          this.TypeListActive.secondsListActive = ''
+          this.TypeListActive.threetListActive = ''
+          for (let i = 1; i < this.ContentTitleArray.length; i++) {
+            this.ContentTitleArray.splice(i, 1)
+          }
+        } else if (listIndex === 'secondsList') {
+          this.TypeList.threetList = []
+          this.TypeListActive.secondsListActive = index
+          this.TypeListActive.threetListActive = ''
+          this.ContentTitleArray[1] = key
+          this.titleActive = 1
+          if (this.TypeObj[this.ContentTitleArray[0]][key] instanceof Array) {
+            this.TypeList.threetList = this.TypeObj[this.ContentTitleArray[0]][key] ? this.TypeObj[this.ContentTitleArray[0]][key] : []
+          }
+          for (let i = 2; i < this.ContentTitleArray.length; i++) {
+            this.ContentTitleArray.splice(i, 1)
+          }
+          if (this.TypeList.threetList.length > 0) {
+            this.TypeListShow = {
+              firstListShow: false,
+              secondsListShow: false,
+              threetListShow: true
+            }
+          } else {
+            this.enterpriseInfo.enIndustry = key
+            this.isShowTypeAlert = false
+            this.TypeListShow = {
+              firstListShow: false,
+              secondsListShow: true,
+              threetListShow: false
+            }
+          }
+        } else if (listIndex === 'threetList') {
+          this.titleActive = 2
+          this.TypeListActive.threetListActive = index
+          this.ContentTitleArray[2] = key
+          this.enterpriseInfo.enIndustry = key
+          this.isShowTypeAlert = false
+          this.TypeListShow = {
+            firstListShow: false,
+            secondsListShow: false,
+            threetListShow: true
+          }
+        }
+      },
+      addBtn(text) {
+        if (text !== undefined) {
+          this.scopeLabel = []
+          let ms = this.enterpriseInfo.enBusinessScope.split(',')
+          let _newArr = ms.slice()
+          for (let j = 0; j < ms.length; j++) {
+            if (ms[j].trim() === text) {
+              _newArr.splice(j, 1)
+            }
+          }
+          if (_newArr.length === 0) {
+            this.enterpriseInfo.enBusinessScope = ''
+            this.scopeLabel = []
+          } else {
+            this.enterpriseInfo.enBusinessScope = _newArr.join(',')
+            this.scopeLabel = this.enterpriseInfo.enBusinessScope.split(',')
+          }
+          return false
+        }
+        this.AddBtnShow = false
+      },
+      saveLabel() {
+        if (this.labelText === '') {
+          this.AddBtnShow = true
+          return false
+        }
+        if (this.labelText.length > 10) {
+          this.collectResult = '标签文字不能超过10个字'
+          this.timeoutCount++
+          return false
+        }
+        this.AddBtnShow = true
+        if (this.IsChange !== '' && this.IsChange !== undefined) {
+          let ms = this.enterpriseInfo.enBusinessScope.split(',')
+          for (let j = 0; j < ms.length; j++) {
+            if (ms[j].trim() === this.IsChange) {
+              ms[j] = this.labelText
+            }
+          }
+          this.enterpriseInfo.enBusinessScope = ms.join(',')
+        } else {
+          if (!this.enterpriseInfo.enBusinessScope) {
+            this.enterpriseInfo.enBusinessScope = this.labelText
+          } else {
+            this.enterpriseInfo.enBusinessScope += ',' + this.labelText
+          }
+        }
+        this.labelText = ''
+        this.IsChange = ''
+        this.scopeLabel = this.enterpriseInfo.enBusinessScope.split(',')
+        // this.enterpriseInfo.enBusinessScope.push(this.labelText)
+      },
+      swtichTab(_tp) {
+        this.activeType = _tp
+        this.storeState = 'look'
+        this.isSearchSearchingMore = true
+        this.updateEnterpriseInfo()
+      },
+      updateInfo() {
+        this.storeState = 'update'
+        this.Islook = true
+        this.hidelook = true
+      },
+      storeInfosave(_tp) {
+        if (_tp === 'cancel') {
+          this.clearInfo()
+          this.scopeLabel = []
+          let str = JSON.stringify(this.$store.state.supplier.material.enUser.data)
+          this.enterpriseInfo = JSON.parse(str)
+          if (this.enterpriseInfo.enBusinessScope) {
+            this.scopeLabel = this.enterpriseInfo.enBusinessScope.split(',')
+          }
+          return
+        }
+        if (!this.enterpriseInfo.enAddress) {
+          this.collectResult = '企业地址不能为空'
+          this.timeoutCount++
+          return false
+        }
+        if (!this.enterpriseInfo.enUrl) {
+          this.collectResult = '官网地址不能为空'
+          this.timeoutCount++
+          return false
+        }
+        this.$http.post(`/basic/enterprise/${this.storeInfo.enUU}/updateInfo`, this.enterpriseInfo).then(res => {
+          this.collectResult = '保存成功'
+          this.timeoutCount++
+          this.storeState = 'look'
+        }).catch(err => {
+          this.collectResult = err.response.data
+          this.timeoutCount++
+          let str = JSON.stringify(this.$store.state.supplier.material.enUser.data)
+          this.enterpriseInfo = JSON.parse(str)
+        })
+      },
+      clearInfo() {
+        this.storeState = 'look'
+        this.labelText = ''
+        this.IsChange = ''
+        this.AddBtnShow = true
+      }
+    },
+    computed: {
+      storeI() {
+        let str = JSON.stringify(this.$store.state.option.storeStatus.data)
+        this.storeInfo = JSON.parse(str)
+        return ''
+      },
+      enterprise() {
+        let str = JSON.stringify(this.$store.state.supplier.material.enUser.data)
+        this.enterpriseInfo = JSON.parse(str)
+        return ''
+      }
+    },
+    mounted() {
+      this.$nextTick(() => {
+        this.$http.get('/data/profession.json').then(response => {
+          this.TypeObj = response.data
+          for (let i of Object.keys(response.data)) {
+            this.TypeList.firstList.push(i)
+          }
+        })
+        this.$store.dispatch('supplier/loadEnUser', {enUU: this.$store.state.option.storeStatus.data.enUU, filter: 'enUU'}).then(res => {
+          this.scopeLabel = this.enterpriseInfo.enBusinessScope ? this.enterpriseInfo.enBusinessScope.split(',') : []
+        })
+      })
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .user-content{
+    margin-top: 1.4rem;
+    padding-bottom: 0.98rem;
+    .topinfo {
+      color: #333;
+      font-size: 0.28rem;
+      height: 0.8rem;
+      line-height: 0.8rem;
+      padding: 0 0.24rem;
+      border-bottom: 0.01rem solid #d9d9d9;
+      .pull-right {
+        color: #999;
+        font-size: 0.26rem;
+        img {
+          width: 0.34rem;
+          height: 0.34rem;
+        }
+      }
+    }
+    .infoul {
+      .upload {
+        img {
+          transform: rotate(180deg);
+        }
+      }
+      color: #666;
+      font-size: 0.28rem;
+      li {
+        padding: 0.15rem 0.05rem;
+        line-height: 1.3;
+        &.border {
+          border-bottom: 0.01rem solid #d9d9d9;
+        }
+        &.noupdate {
+          background: #fafafa;
+          color: #999;
+        }
+      }
+      .name {
+        width: 1.6rem;
+        text-align: right;
+      }
+      .text {
+        width: 5.4rem;
+      }
+      .update {
+        padding: 0.06rem 0 0.06rem 0rem;
+      }
+      input {
+        width: 5.4rem;
+        border: 0px solid #b4b4b4;
+        padding: 0.06rem 0 0.06rem 0.12rem;
+      }
+      textarea{
+        width: 5.4rem;
+        padding: 0.06rem 0 0.06rem 0.12rem;
+        min-height: 5rem;
+        resize: none;
+        border: 0px solid #b4b4b4;
+      }
+    }
+    .control {
+      width: 90%;
+      margin: 0.15rem auto 0.4rem;
+      height: .88rem;
+      line-height: 0.88rem;
+    }
+    .save {
+      border-radius: 3px;
+      width: 48%;
+      color: #fff;
+      text-align: center;
+      height: .88rem;
+      line-height: 0.88rem;
+      background: #3e82f5;
+      float: right;
+    }
+    .cancel {
+      border-radius: 3px;
+      width: 48%;
+      background: #acabab;
+      color: #fff;
+      text-align: center;
+      height: .88rem;
+      line-height: 0.88rem;
+      float: left;
+    }
+    .infoul2 {
+      .name {
+        width: 1.7rem;
+      }
+      .text {
+        width: 5.3rem;
+      }
+      input {
+        width: 5.3rem;
+      }
+      .nolabel {
+        position: relative;
+        width: auto;
+        text-align: center;
+        color: #666;
+        font-size: 0.24rem;
+        display: inline-block;
+        vertical-align: top;
+        padding: 2px 4px;
+        margin: 0.02rem 3px 0px;
+        background: #f2f3f7;
+        border-radius: 5px;
+      }
+      .label {
+        max-width: 3rem;
+        padding: 2px 4px;
+        margin: 0.08rem 3px 0 3px;
+        background: #5078cb;
+        border-radius: 5px;
+        text-align: center;
+        color: #fff;
+        font-size: 0.24rem;
+        display: inline-block;
+        vertical-align: top;
+      }
+      .labelKuang {
+        background: #fff;
+        border: 1px solid #b4b4b4;
+        border-radius: 3px;
+        overflow: hidden;
+        height: 0.53rem;
+        line-height: 0.53rem;
+        display: inline-block;
+        vertical-align: top;
+        margin: 0px 3px 3px 3px;
+        font-size: 0px;
+      }
+      .Updatelabel {
+        padding: 0 4px;
+        color: #666;
+        font-size: 0.26rem;
+        height: 100%;
+        display: inline-block;
+        vertical-align: top;
+        max-width: 3rem;
+      }
+      .updatespan {
+        background: #b5b5b5;
+        color: #fff;
+        font-size: 0.26rem;
+        padding:0 2px;
+        height: 100%;
+        display: inline-block;
+        vertical-align: top;
+      }
+      .addBtn {
+        background-image: url('/images/mobile/@2x/addBtn.png');
+        background-size: 100% 100%;
+        width: 1.4rem;
+        height: 0.54rem;
+        display: inline-block;
+        vertical-align: middle;
+      }
+      .commit {
+
+      }
+      .inputText {
+        width: 4.4rem;
+        border-top-left-radius: 3px;
+        border-bottom-left-radius: 3px;
+        border: 1px solid #b4b4b4;
+        height: 0.62rem;
+        line-height: 0.62rem;
+        vertical-align: top;
+        display: inline-block;
+      }
+      button {
+        display: inline-block;
+        height: 0.62rem;
+        width: 0.8rem;
+        line-height: 0.62rem;
+        font-size: 14px;
+        font-weight: 400;
+        text-align: center;
+        background-color: #3f84f6;
+        border: 1px solid #3f84f6;
+        color: #fff;
+        border-top-right-radius: 3px;
+        border-bottom-right-radius: 3px;
+        vertical-align: top;
+        margin-left: -0.1rem;
+      }
+      .moreIcon {
+        margin-top: 0.06rem;
+        position: relative;
+        img {
+          width: 0.17rem;
+          height: 0.3rem;
+        }
+        &:after {
+          position: absolute;
+          left: -10px;
+          right: -10px;
+          top: -10px;
+          bottom: -10px;
+          content: ' '
+        }
+      }
+    }
+    .noborder {
+      border-top: 1px solid #d9d9d9;
+    }
+    .modal-content {
+      position: absolute;
+      height: 10rem;
+      bottom: 0px;
+      left: 0px;
+      background: #fff;
+      width: 100%;
+      border-radius: 0px;
+      box-shadow: 0 -9px 9px rgba(0,0,0,.5);
+      .content-title {
+        color: #666;
+        font-size: .3rem;
+        text-align: center;
+        height: 1rem;
+        line-height: 1rem;
+        position: relative;
+        i {
+          font-size: 0.3rem;
+          color: #999;
+          position: absolute;
+          right: 0.3rem;
+          top: 50%;
+          margin-top: -0.15rem;
+        }
+      }
+      .content-title-label {
+        color: #3f84f6;
+        font-size: 0.28rem;
+        height: 0.5rem;
+        line-height: 0.5rem;
+        border-bottom: 0.01rem solid #999;
+        div {
+          width: 33.3%;
+          float: left;
+          text-align: center;
+          a {
+            height: 0.5rem;
+            line-height: 0.5rem;
+            color: #333 !important;
+            display: inline-block;
+            width: 80%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            &.active {
+              color: #3e82f5 !important;
+              border-bottom: 1px solid #3e82f5;
+            }
+          }
+        }
+      }
+      .content-info {
+        overflow-y: auto;
+        height: 8.5rem;
+        width: 100%;
+        .content-info-item {
+          height: 0.86rem;
+          line-height: 0.86rem;
+          color: #333;
+          font-size: 0.28rem;
+          padding-left: 0.3rem;
+          &.active {
+            color: #3f84f6 !important
+          }
+          img {
+            width: 0.3rem;
+            height: 0.18rem;
+            margin-left: 0.3rem;
+          }
+        }
+      }
+    }
+  }
+</style>

pages/mobile/user/index.vue

@@ -20,21 +20,21 @@
       <i class="iconfont icon-xiangyou"></i>
       <span class="l-right">{{user.data.enterprise.enName}}</span>
     </div>
-    <div class="line">
+    <nuxt-link class="line" tag="div" to="/mobile/user/storeinfo">
       <div class="img-wrap">
         <img src="/images/mobile/user/icon_02.png" alt="">
       </div>
       <span>店铺信息</span>
       <i class="iconfont icon-xiangyou"></i>
-    </div>
-    <div class="line block-line">
+    </nuxt-link>
+    <nuxt-link class="line block-line" tag="div" to="/mobile/user/enterpriseinfo">
       <div class="img-wrap">
         <img src="/images/mobile/user/icon_03.png" alt="">
       </div>
       <span>企业信息</span>
       <i class="iconfont icon-xiangyou"></i>
       <div class="border-line"></div>
-    </div>
+    </nuxt-link>
     <div class="line block-line">
       <div class="img-wrap">
         <img src="/images/mobile/user/icon_04.png" alt="">
@@ -88,6 +88,12 @@
 <script>
   export default {
     layout: 'mobileNoHeader',
+    fetch ({ store, route }) {
+      return Promise.all([
+        store.dispatch('loadStoreStatus', { op: 'check' })
+      ])
+      // let user = store.state.option.user.data
+    },
     data () {
       return {
         showLogout: false,

pages/mobile/user/storeinfo.vue

@@ -0,0 +1,365 @@
+<template>
+  <!-- 店铺管理 -->
+  <div class="user-content">
+    <template v-if="storeInfo.storeName">
+      <div class="topinfo clearfix">
+        <div class="pull-left">
+          店铺信息
+        </div>
+        <div class="pull-right" @click="updateInfo()" v-show="storeState === 'look'">
+          <img src="/images/vendor/updateinfo.png"/>
+          编辑
+        </div>
+      </div>
+      <ul class="infoul">
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">店铺名称：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.storeName || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.storeName" type="text"/>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">简介：</div>
+          <div class="text pull-left clearfix" v-if="storeState === 'look'">
+            {{Islook ? dealWithText(storeInfo.description) : dealWithText()}}
+            <a class="pull-right" @click="dealWithText2('open')" v-show="Islook">
+              全部<img src="/images/store/default/openblack.png"/>
+            </a>
+            <a class="pull-right upload" @click="dealWithText2('hide')" v-show="!hidelook">
+              收起<img src="/images/store/default/openblack.png"/>
+            </a>
+          </div>
+          <div class="text pull-left" v-else>
+              <textarea v-model="storeInfo.description">
+
+              </textarea>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">企业地址：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.enterprise.address || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.enterprise.address" type="text"/>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">电话：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.enterprise.enTel || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.enterprise.enTel" type="text"/>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">传真：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.enterprise.enFax || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.enterprise.enFax" type="text"/>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">手机：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.enterprise.enPhone || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.enterprise.enPhone" type="text"/>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">微信：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.enterprise.enWeixin || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.enterprise.enWeixin" type="text"/>
+          </div>
+        </li>
+        <li class="clearfix" :class="{border:  storeState !== 'look'}">
+          <div class="name pull-left" :class="{update: storeState !== 'look'}">QQ：</div>
+          <div class="text pull-left" v-if="storeState === 'look'">
+            {{storeInfo.enterprise.enQQ || '暂无信息'}}
+          </div>
+          <div v-else class="text pull-left">
+            <input v-model="storeInfo.enterprise.enQQ" type="text"/>
+          </div>
+        </li>
+      </ul>
+      <div class="control clearfix" v-if="storeState !== 'look'">
+        <div class="cancel" @click="storeInfosave('cancel')" >取消</div>
+        <div class="save" @click="storeInfosave()">保存</div>
+      </div>
+    </template>
+    <template v-else>
+      <div class="none-state">
+        <img src="/images/mobile/@2x/empty-collect.png">
+        <p v-text="getRemindText"></p>
+        <nuxt-link to="/">返回首页</nuxt-link>
+      </div>
+    </template>
+    <remind-box :title="collectResult" :timeoutCount="timeoutCount"></remind-box>
+    <div v-if="storeI && false"></div>
+  </div>
+  <!-- /end 店铺管理 -->
+</template>
+
+<script>
+  import { RemindBox } from '~components/mobile/common'
+  export default {
+    layout: 'mobile',
+    middleware: 'authenticated',
+    fetch ({ store, route }) {
+      return Promise.all([
+        store.dispatch('loadStoreStatus', { op: 'check' })
+      ])
+    },
+    data() {
+      return {
+        storeState: 'look',
+        storeInfo: {},
+        splitText: '', // 省略号文本
+        normalText: '', // 原来文本
+        Islook: true,
+        hidelook: true,
+        timeoutCount: 0,
+        collectResult: ''
+      }
+    },
+    methods: {
+      updateInfo() {
+        this.storeState = 'update'
+        this.Islook = true
+        this.hidelook = true
+      },
+      dealWithText2(tp) {
+        if (tp === 'open') {
+          this.Islook = false
+          this.hidelook = false
+        } else {
+          this.Islook = true
+          this.hidelook = true
+        }
+      },
+      dealWithText(_T) {
+        if (_T !== undefined) {
+          // 文本处理
+          this.normalText = _T
+          if (_T.length < 140) {
+            this.Islook = false
+            return _T
+          } else {
+            this.Islook = true
+            return _T.substr(0, 140) + '...'
+          }
+        } else {
+          this.Islook = false
+          return this.normalText
+        }
+      },
+      storeInfosave(_tp) {
+        if (_tp === 'cancel') {
+          let str = JSON.stringify(this.$store.state.option.storeStatus.data)
+          this.storeInfo = JSON.parse(str)
+          this.storeState = 'look'
+          return false
+        }
+        if (!this.storeInfo) {
+          this.collectResult = '店铺信息不能为空'
+          this.timeoutCount++
+          return false
+        }
+        if (!this.storeInfo.description || this.storeInfo.description === '') {
+          this.collectResult = '店铺简介信息不能为空'
+          this.timeoutCount++
+          return false
+        }
+        if (!this.storeInfo.enterprise) {
+          this.collectResult = '企业信息不能为空'
+          this.timeoutCount++
+          return false
+        }
+        if (!this.storeInfo.enterprise.address || this.storeInfo.enterprise.address === '') {
+          this.collectResult = '企业地址不能为空'
+          this.timeoutCount++
+          return false
+        }
+        if (!this.storeInfo.enterprise.enTel || this.storeInfo.enterprise.enTel === '') {
+          this.collectResult = '请输入正确的电话号码'
+          this.timeoutCount++
+          return false
+        }
+        if (!/^1[3|4|5|6|7|8|9][0-9]{9}$/.test(this.storeInfo.enterprise.enPhone) && this.storeInfo.enterprise.enPhone) {
+          this.collectResult = '请输入正确的手机号码'
+          this.timeoutCount++
+          return false
+        }
+        if (!/^[a-zA-Z]{1}[-_a-zA-Z0-9]{5,19}$/.test(this.storeInfo.enterprise.enWeixin) && this.storeInfo.enterprise.enWeixin) {
+          this.collectResult = '请输入正确的微信号'
+          this.timeoutCount++
+          return false
+        }
+        if (!/^[1-9][0-9]{4,10}$/.test(this.storeInfo.enterprise.enQQ) && this.storeInfo.enterprise.enQQ) {
+          this.collectResult = '请输入正确的QQ号'
+          this.timeoutCount++
+          return false
+        }
+        let kay = {
+          description: this.storeInfo.description,
+          enterprise: this.storeInfo.enterprise,
+          storeName: this.storeInfo.storeName,
+          storeShortName: this.storeInfo.storeShortName
+        }
+        this.$http.put(`/store-service/stores/${this.storeInfo.uuid}?kind=BASIC_INFO`, kay).then(res => {
+          this.collectResult = '保存成功'
+          this.timeoutCount++
+          this.storeState = 'look'
+        }).catch(err => {
+          this.collectResult = err.response.data
+          this.timeoutCount++
+          let str = JSON.stringify(this.$store.state.option.storeStatus.data)
+          this.storeInfo = JSON.parse(str)
+        })
+      }
+    },
+    computed: {
+      getRemindText: function () {
+        return '您的账户暂未开通店铺，请前往pc端申请开通！'
+      },
+      storeI() {
+        let str = JSON.stringify(this.$store.state.option.storeStatus.data)
+        this.storeInfo = JSON.parse(str)
+        return ''
+      }
+    },
+    components: {
+      RemindBox
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .user-content {
+    margin-top: 1.4rem;
+    padding-bottom: 0.98rem;
+  }
+  .topinfo {
+    padding: 0 0.24rem;
+    color: #333;
+    font-size: 0.28rem;
+    height: 0.8rem;
+    line-height: 0.8rem;
+    border-bottom: 0.01rem solid #d9d9d9;
+    .pull-right {
+      color: #999;
+      font-size: 0.26rem;
+      img {
+        width: 0.34rem;
+        height: 0.34rem;
+      }
+    }
+  }
+  .infoul {
+    .upload {
+      img {
+        transform: rotate(180deg);
+      }
+    }
+    color: #666;
+    font-size: 0.28rem;
+    li {
+      padding: 0.15rem 0.05rem;
+      line-height: 1.3;
+      &.border {
+        border-bottom: 0.01rem solid #d9d9d9;
+      }
+      &.noupdate {
+        background: #fafafa;
+        color: #999;
+      }
+    }
+    .name {
+      width: 1.6rem;
+      text-align: right;
+    }
+    .text {
+      width: 5.4rem;
+    }
+    .update {
+      padding: 0.06rem 0 0.06rem 0rem;
+    }
+    input {
+      width: 5.4rem;
+      border: 0px solid #b4b4b4;
+      padding: 0.06rem 0 0.06rem 0.12rem;
+    }
+    textarea{
+      width: 5.4rem;
+      padding: 0.06rem 0 0.06rem 0.12rem;
+      min-height: 5rem;
+      resize: none;
+      border: 0px solid #b4b4b4;
+    }
+  }
+  .control {
+    width: 90%;
+    margin: 0.15rem auto 0.4rem;
+    height: .88rem;
+    line-height: 0.88rem;
+  }
+  .save {
+    border-radius: 3px;
+    width: 48%;
+    color: #fff;
+    text-align: center;
+    height: .88rem;
+    line-height: 0.88rem;
+    background: #3e82f5;
+    float: right;
+  }
+  .cancel {
+    border-radius: 3px;
+    width: 48%;
+    background: #acabab;
+    color: #fff;
+    text-align: center;
+    height: .88rem;
+    line-height: 0.88rem;
+    float: left;
+  }
+  .none-state{
+    text-align: center;
+    padding:1.5rem 0;
+    background: #fff;
+    margin-top:.1rem;
+    width:100%;
+    img{
+      margin:0 auto;
+      width: 4.08rem;
+      height: 2.62rem;
+    }
+    p {
+      font-size: .32rem;
+      color: #999;
+      margin: 1.19rem 0 0 0;
+    }
+    a {
+      display: block;
+      font-size: .28rem;
+      color: #fff;
+      width: 1.88rem;
+      height: .54rem;
+      line-height: .54rem;
+      background: #418bf6;
+      margin: .7rem auto 0;
+      border-radius: .05rem;
+    }
+  }
+</style>