|
|
@@ -3,107 +3,109 @@
|
|
|
<div class="com-mobile-header">
|
|
|
<a @click="goLastPage"><i class="iconfont icon-fanhui"></i></a>
|
|
|
<p>店铺信息
|
|
|
- <span @click="updateInfo()" v-show="storeState === 'look'"><i class="iconfont icon-edit"></i>编辑</span>
|
|
|
+ <span @click="updateInfo()" v-show="isAdmin && storeState === 'look'"><i class="iconfont icon-edit"></i>编辑</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
<!-- 店铺管理 -->
|
|
|
- <div class="user-content mobile-fix-content">
|
|
|
- <div class="si-wrap" v-if="storeInfo.storeName">
|
|
|
- <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>
|
|
|
+ <template v-if="storeInfo.storeName" >
|
|
|
+ <div class="user-content mobile-fix-content">
|
|
|
+ <div class="si-wrap">
|
|
|
+ <ul class="infoul" :class="{'no-edit': !isAdmin}">
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
<div class="control clearfix" v-if="storeState !== 'look'">
|
|
|
<div class="cancel" @click="storeInfosave('cancel')" >取消</div>
|
|
|
<div class="save" @click="storeInfosave()">保存</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <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>
|
|
|
- </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>
|
|
|
<!-- /end 店铺管理 -->
|
|
|
<remind-box :title="collectResult" :timeoutCount="timeoutCount"></remind-box>
|
|
|
<div v-if="storeI && false"></div>
|
|
|
@@ -236,6 +238,9 @@
|
|
|
let str = JSON.stringify(this.$store.state.option.storeStatus.data)
|
|
|
this.storeInfo = JSON.parse(str)
|
|
|
return ''
|
|
|
+ },
|
|
|
+ isAdmin () {
|
|
|
+ return this.user.data.userUU === this.user.data.enterprise.enAdminuu
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
@@ -287,12 +292,12 @@
|
|
|
}
|
|
|
}
|
|
|
li {
|
|
|
- border-bottom: 1px solid #d3d3d3;
|
|
|
+ border-bottom: .01rem solid #d9d9d9;
|
|
|
min-height: 1.16rem;
|
|
|
line-height: normal;
|
|
|
padding: .4rem .28rem;
|
|
|
&.border {
|
|
|
- border-bottom: 0.01rem solid #d9d9d9;
|
|
|
+ border-bottom: .01rem solid #d9d9d9;
|
|
|
}
|
|
|
&.noupdate {
|
|
|
background: #fafafa;
|
|
|
@@ -304,6 +309,12 @@
|
|
|
text-align: right;
|
|
|
color: #226ce7;
|
|
|
}
|
|
|
+ &.no-edit {
|
|
|
+ color: #999;
|
|
|
+ .name {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
.text {
|
|
|
width: 4.4rem;
|
|
|
}
|