|
|
@@ -1,1042 +1,297 @@
|
|
|
<template>
|
|
|
- <div class="user-content mobile-content">
|
|
|
- <user-header @switchEnAction="updateEnterpriseInfo"></user-header>
|
|
|
- <ul class="switch-list">
|
|
|
- <li :class="{active: activeType === 'store'}" @click="swtichTab('store')">店铺管理</li>
|
|
|
- <li :class="{active: activeType === 'Account'}" @click="swtichTab('Account')">账户管理</li>
|
|
|
- </ul>
|
|
|
- <!-- 店铺管理 -->
|
|
|
- <template v-if="activeType === 'store'">
|
|
|
- <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>
|
|
|
- </template>
|
|
|
- <!-- /end 店铺管理 -->
|
|
|
-
|
|
|
- <!-- 账户管理 -->
|
|
|
- <template v-else>
|
|
|
- <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 class="mobile-user">
|
|
|
+ <div class="com-mobile-header">
|
|
|
+ <a @click="goLastPage"><i class="iconfont icon-fanhui"></i></a>
|
|
|
+ <p>个人中心
|
|
|
+ <span @click="showLogout = true">退出</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="line img-line">
|
|
|
+ <div class="img-wrap">
|
|
|
+ <img src="/images/component/default.png" alt="">
|
|
|
</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>
|
|
|
- <template v-if="storeState === 'look'">
|
|
|
- <div class="topinfo clearfix" style="color: #999;background: #fafafa" :class="{noborder: enterpriseInfo.enName}">
|
|
|
- 个人信息
|
|
|
- </div>
|
|
|
- <ul class="infoul infoul2" style="color: #999;background: #fafafa">
|
|
|
- <li class="clearfix">
|
|
|
- <div class="name pull-left">用户名：</div>
|
|
|
- <div class="text pull-left">
|
|
|
- {{userInfo.userName || '-'}}
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="clearfix">
|
|
|
- <div class="name pull-left">手机：</div>
|
|
|
- <div class="text pull-left">
|
|
|
- {{userInfo.userTel || '-'}}
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="clearfix">
|
|
|
- <div class="name pull-left">邮箱：</div>
|
|
|
- <div class="text pull-left">
|
|
|
- {{userInfo.userEmail || '-'}}
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- <div class="topinfo clearfix" style="color: #999;border-top: 1px solid #d9d9d9;background: #fafafa" v-if = "admininfo.userName">
|
|
|
- 管理员信息
|
|
|
+ <span>{{user.data.userName}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="line" @click="showLogin=true">
|
|
|
+ <div class="img-wrap">
|
|
|
+ <img src="/images/mobile/user/icon_01.png" alt="">
|
|
|
+ </div>
|
|
|
+ <span>公司</span>
|
|
|
+ <i class="iconfont icon-xiangyou"></i>
|
|
|
+ <span class="l-right">{{user.data.enterprise.enName}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="line">
|
|
|
+ <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">
|
|
|
+ <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>
|
|
|
+ <div class="line block-line">
|
|
|
+ <div class="img-wrap">
|
|
|
+ <img src="/images/mobile/user/icon_04.png" alt="">
|
|
|
+ </div>
|
|
|
+ <span>个人信息</span>
|
|
|
+ <i class="iconfont icon-xiangyou"></i>
|
|
|
+ <div class="border-line"></div>
|
|
|
+ </div>
|
|
|
+ <div class="line block-line">
|
|
|
+ <div class="img-wrap">
|
|
|
+ <img src="/images/mobile/user/icon_05.png" alt="">
|
|
|
+ </div>
|
|
|
+ <span>管理员信息</span>
|
|
|
+ <i class="iconfont icon-xiangyou"></i>
|
|
|
+ <div class="border-line"></div>
|
|
|
+ </div>
|
|
|
+ <div class="deleteKuang" v-if="showLogout">
|
|
|
+ <div class="kuangContent">
|
|
|
+ <div class="title">系统提示</div>
|
|
|
+ <div class="titleinfo">是否退出登录</div>
|
|
|
+ <!--<div class="info" v-show="isUploadpro">*存在已上架信息</div>-->
|
|
|
+ <div class="K_btn">
|
|
|
+ <div class="cancelBtn" @click="showLogout = false">取消</div>
|
|
|
+ <div class="answerBtn" @click="logout()">确定</div>
|
|
|
</div>
|
|
|
- <ul class="infoul infoul2" style="color: #999;background: #fafafa" v-if="admininfo.userName">
|
|
|
- <li class="clearfix">
|
|
|
- <div class="name pull-left">姓名：</div>
|
|
|
- <div class="text pull-left">
|
|
|
- {{admininfo.userName || '-'}}
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mobile-modal" v-if="showLogin" @click="showLogin=false">
|
|
|
+ <div class="modal-content" @click="stopPro($event)">
|
|
|
+ <p>公司选择 <i class="iconfont icon-guanbi1" @click="showLogin=false"></i></p>
|
|
|
+ <ul>
|
|
|
+ <li class="active" @click="switchEnterprise(user.data.enterprise)">
|
|
|
+ <a>{{ user.data.enterprise.enName }}</a>
|
|
|
+ <i class="iconfont icon-xuanzhong"></i>
|
|
|
</li>
|
|
|
- <li class="clearfix">
|
|
|
- <div class="name pull-left">手机号：</div>
|
|
|
- <div class="text pull-left">
|
|
|
- {{admininfo.userTel || '-'}}
|
|
|
- </div>
|
|
|
+ <li
|
|
|
+ v-for="en in sortEnterprises"
|
|
|
+ v-if="en.uu != user.data.enterprise.uu"
|
|
|
+ v-bind:key="en.uu"
|
|
|
+ @click="switchEnterprise(en)">
|
|
|
+ <a>{{ en.enName }}</a>
|
|
|
</li>
|
|
|
- <li class="clearfix">
|
|
|
- <div class="name pull-left">邮箱：</div>
|
|
|
- <div class="text pull-left">
|
|
|
- {{admininfo.userEmail || '-'}}
|
|
|
- </div>
|
|
|
+ <li v-if="user.data.enterprise.uu" @click="switchEnterprise({uu: 0})">
|
|
|
+ <a><span v-text="user.data.userName"></span>（个人账户）</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </template>
|
|
|
- <div class="control clearfix" v-if="storeState !== 'look'">
|
|
|
- <div class="cancel" @click="storeInfosave('cancel')">取消</div>
|
|
|
- <div class="save" @click="storeInfosave()">保存</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <!-- /end 账户管理 -->
|
|
|
-
|
|
|
- <!-- 选择行业弹窗 -->
|
|
|
- <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>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
- import { userHeader, RemindBox, Loading } from '~components/mobile/common'
|
|
|
export default {
|
|
|
- layout: 'mobile',
|
|
|
- middleware: 'authenticated',
|
|
|
+ layout: 'mobileNoHeader',
|
|
|
data () {
|
|
|
return {
|
|
|
- activeType: 'store',
|
|
|
- splitText: '', // 省略号文本
|
|
|
- normalText: '', // 原来文本
|
|
|
- Islook: true,
|
|
|
- storeState: 'look',
|
|
|
- admininfo: {}, // 管理员信息
|
|
|
- AddBtnShow: true,
|
|
|
- labelText: '',
|
|
|
- scopeLabel: [],
|
|
|
- ContentTitleArray: ['', '', ''], // 行业数组
|
|
|
- isSearchSearchingMore: false,
|
|
|
- collectResult: '',
|
|
|
- timeoutCount: 0,
|
|
|
- isShowTypeAlert: false, // 是否现在所属行业弹窗
|
|
|
- TypeList: {
|
|
|
- firstList: [],
|
|
|
- secondsList: [],
|
|
|
- threetList: []
|
|
|
- },
|
|
|
- TypeListActive: {
|
|
|
- firstListActive: '',
|
|
|
- secondsListActive: '',
|
|
|
- threetListActive: ''
|
|
|
- },
|
|
|
- TypeListShow: {
|
|
|
- firstListShow: true,
|
|
|
- secondsListShow: false,
|
|
|
- threetListShow: false
|
|
|
- },
|
|
|
- TypeObj: {},
|
|
|
- enterpriseInfo: {},
|
|
|
- hidelook: true,
|
|
|
- titleActive: '',
|
|
|
- storeInfo: {}
|
|
|
- }
|
|
|
- },
|
|
|
- components: {
|
|
|
- userHeader,
|
|
|
- RemindBox,
|
|
|
- Loading
|
|
|
- },
|
|
|
- fetch ({ store, route }) {
|
|
|
- return Promise.all([
|
|
|
- store.dispatch('loadStoreStatus', { op: 'check' })
|
|
|
- ])
|
|
|
- // let user = store.state.option.user.data
|
|
|
- },
|
|
|
- mounted: function () {
|
|
|
- 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)
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- computed: {
|
|
|
- getRemindText: function () {
|
|
|
- return '您的账户暂未开通店铺，请前往pc端申请开通！'
|
|
|
- },
|
|
|
- storeI() {
|
|
|
- let str = JSON.stringify(this.$store.state.option.storeStatus.data)
|
|
|
- this.storeInfo = JSON.parse(str)
|
|
|
- return ''
|
|
|
- },
|
|
|
- enterprise() {
|
|
|
- // return this.$store.state.supplier.material.enUser.data
|
|
|
- let str = JSON.stringify(this.$store.state.supplier.material.enUser.data)
|
|
|
- this.enterpriseInfo = JSON.parse(str)
|
|
|
- return ''
|
|
|
- },
|
|
|
- userInfo() {
|
|
|
- return this.$store.state.option.user.data
|
|
|
+ showLogout: false,
|
|
|
+ showLogin: false
|
|
|
}
|
|
|
},
|
|
|
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()
|
|
|
- },
|
|
|
- updateEnterpriseInfo() {
|
|
|
- this.enterpriseInfo = {}
|
|
|
- this.hidelook = true
|
|
|
- this.Islook = true
|
|
|
- this.admininfo = {}
|
|
|
- this.labelText = ''
|
|
|
- this.normalText = ''
|
|
|
- this.clearInfo()
|
|
|
- // let str = JSON.stringify(this.$store.state.supplier.material.enUser.data)
|
|
|
- // this.enterpriseInfo = JSON.parse(str)
|
|
|
- this.$store.dispatch('loadStoreStatus', { op: 'check' }).then(() => {
|
|
|
- if (this.storeInfo.enUU) {
|
|
|
- this.$store.dispatch('supplier/loadEnUser', {enUU: this.storeInfo.enUU, filter: 'enUU'}).then(() => {
|
|
|
- this.scopeLabel = this.enterpriseInfo.enBusinessScope ? this.enterpriseInfo.enBusinessScope.split(',') : []
|
|
|
- if (!this.enterpriseInfo.enAdminuu) {
|
|
|
- this.isSearchSearchingMore = false
|
|
|
- return false
|
|
|
- }
|
|
|
- this.$http.get(`/basic/user/getUserByUU?uu=${this.enterpriseInfo.enAdminuu}`).then(res => {
|
|
|
- this.admininfo = res.data
|
|
|
- this.isSearchSearchingMore = false
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
+ switchEnterprise(en) {
|
|
|
+ this.$http.get(`/user/authentication/${en.uu || 0}`).then(() => {
|
|
|
+ this.$store.dispatch('loadUserInfo').then(() => {
|
|
|
+ this.showLogin = false
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
- 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) + '...'
|
|
|
+ logout () {
|
|
|
+ this.$http.get('/logout/crossBefore', {params: {returnUrl: window.location.protocol + '//' + window.location.host}}).then(response => {
|
|
|
+ if (response.data) {
|
|
|
+ window.location.href = response.data.logoutUrl + '&baseUrl=' + encodeURIComponent(window.location.protocol + '//' + window.location.host + response.data.baseUrl)
|
|
|
}
|
|
|
- } else {
|
|
|
- this.Islook = false
|
|
|
- return this.normalText
|
|
|
- }
|
|
|
- },
|
|
|
- scroll: function () {
|
|
|
- // let scrolled = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
|
|
|
- if (this.$refs.searchSeekInput && this.$store.state.mobile.InputGetFocus) {
|
|
|
- this.$refs.searchSeekInput.blur()
|
|
|
- }
|
|
|
- },
|
|
|
- blur: function() {
|
|
|
- setTimeout(() => {
|
|
|
- this.$store.dispatch('mobile/SetInputGetFocus', false)
|
|
|
- }, 300)
|
|
|
- },
|
|
|
- inputGetFocus: function() {
|
|
|
- setTimeout(() => {
|
|
|
- this.$store.dispatch('mobile/SetInputGetFocus', true)
|
|
|
- }, 300)
|
|
|
+ })
|
|
|
},
|
|
|
- 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.activeType === 'store') {
|
|
|
- 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)
|
|
|
- })
|
|
|
- } else {
|
|
|
- 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)
|
|
|
- })
|
|
|
+ stopPro (e) {
|
|
|
+ if (e) {
|
|
|
+ e.stopPropagation()
|
|
|
}
|
|
|
- },
|
|
|
- clearInfo() {
|
|
|
- this.storeState = 'look'
|
|
|
- this.labelText = ''
|
|
|
- this.IsChange = ''
|
|
|
- this.AddBtnShow = true
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-
|
|
|
-<style scoped lang="scss">
|
|
|
- .user-content{
|
|
|
- margin-bottom: 0rem;
|
|
|
- padding-bottom: 0.98rem;
|
|
|
- ul.switch-list {
|
|
|
- li {
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .mobile-user {
|
|
|
+ background: #f1f3f6;
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ top: .88rem;
|
|
|
+ bottom: .98rem;
|
|
|
+ .line {
|
|
|
+ height: 1.17rem;
|
|
|
+ background: #fff;
|
|
|
+ line-height: 1.17rem;
|
|
|
+ font-size: .28rem;
|
|
|
+ padding: 0 .24rem 0 .26rem;
|
|
|
+ width: 7.1rem;
|
|
|
+ margin: .3rem auto 0;
|
|
|
+ .img-wrap {
|
|
|
+ width: .8rem;
|
|
|
+ margin: 0 .26rem 0 0;
|
|
|
display: inline-block;
|
|
|
- width: 50%;
|
|
|
- height: .63rem;
|
|
|
- line-height: .63rem;
|
|
|
- text-align: center;
|
|
|
- font-size: .28rem;
|
|
|
- color: #666;
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #b4b4b4;
|
|
|
- border-right: none;
|
|
|
- &.active {
|
|
|
- background: #0067e7;
|
|
|
- border: 1px solid #0067e7;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- &:first-child {
|
|
|
- border-left: none;
|
|
|
- }
|
|
|
- &:last-child {
|
|
|
- border-right: none;
|
|
|
- }
|
|
|
- }
|
|
|
- &.vendor-switch {
|
|
|
- li {
|
|
|
- width: 50%;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .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;
|
|
|
+ max-width: .8rem;
|
|
|
+ max-height: .8rem;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- .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;
|
|
|
+ .l-right {
|
|
|
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;
|
|
|
+ float: right;
|
|
|
+ margin-right: .35rem;
|
|
|
+ max-width: 4.2rem;
|
|
|
+ text-align: right;
|
|
|
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 {
|
|
|
-
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
- .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;
|
|
|
+ i {
|
|
|
+ float: right;
|
|
|
+ color: #c1c1c6;
|
|
|
+ font-size: .28rem;
|
|
|
}
|
|
|
- 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;
|
|
|
+ &.img-line {
|
|
|
+ padding-left: .16rem;
|
|
|
+ .img-wrap {
|
|
|
+ width: .9rem;
|
|
|
+ margin: 0 .16rem 0 0;
|
|
|
+ img {
|
|
|
+ max-width: .9rem;
|
|
|
+ max-height: .9rem;
|
|
|
+ border-radius: 100%;
|
|
|
+ border: 1px solid #acc;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- .moreIcon {
|
|
|
- margin-top: 0.06rem;
|
|
|
+ &.block-line {
|
|
|
+ margin-top: 0;
|
|
|
position: relative;
|
|
|
- img {
|
|
|
- width: 0.17rem;
|
|
|
- height: 0.3rem;
|
|
|
- }
|
|
|
- &:after {
|
|
|
+ .border-line {
|
|
|
+ width: 6.62rem;
|
|
|
position: absolute;
|
|
|
- left: -10px;
|
|
|
- right: -10px;
|
|
|
- top: -10px;
|
|
|
- bottom: -10px;
|
|
|
- content: ' '
|
|
|
+ top: 0;
|
|
|
+ height: 1px;
|
|
|
+ background: #d3d3d3;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .noborder {
|
|
|
- border-top: 1px solid #d9d9d9;
|
|
|
- }
|
|
|
- .modal-content {
|
|
|
- position: absolute;
|
|
|
- height: 10rem;
|
|
|
- bottom: 0px;
|
|
|
- left: 0px;
|
|
|
+ }
|
|
|
+ .deleteKuang {
|
|
|
+ position: fixed;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ z-index: 9999;
|
|
|
+ .kuangContent {
|
|
|
+ border-radius: 5px;
|
|
|
background: #fff;
|
|
|
- width: 100%;
|
|
|
- border-radius: 0px;
|
|
|
- box-shadow: 0 -9px 9px rgba(0,0,0,.5);
|
|
|
- .content-title {
|
|
|
+ width: 5rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate3d(-50%, -50%, 0);
|
|
|
+ overflow: hidden;
|
|
|
+ .titleinfo {
|
|
|
+ font-size: .3rem;
|
|
|
color: #666;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ margin-bottom: 0.1rem;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ background: #5078cb;
|
|
|
+ height: .7rem;
|
|
|
+ line-height: .7rem;
|
|
|
font-size: .3rem;
|
|
|
+ color: #fff;
|
|
|
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;
|
|
|
+ .info {
|
|
|
+ color: #f00;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .K_btn {
|
|
|
+ margin-top: 0.4rem;
|
|
|
+ line-height: 0.7rem;
|
|
|
+ height: 0.7rem;
|
|
|
+ &::after{
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ visibility: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
div {
|
|
|
- width: 33.3%;
|
|
|
float: left;
|
|
|
+ width: 50%;
|
|
|
+ font-size: 0.3rem;
|
|
|
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;
|
|
|
- }
|
|
|
+ &.cancelBtn {
|
|
|
+ background: #b4b5b9;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .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;
|
|
|
+ &.answerBtn {
|
|
|
+ background: #5078cb;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .none-state{
|
|
|
+ }
|
|
|
+ .modal-content {
|
|
|
+ position: absolute;
|
|
|
+ height: 5.32rem;
|
|
|
+ bottom: .98rem;
|
|
|
+ left: 0;
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 0;
|
|
|
+ box-shadow: 0 -9px 9px rgba(0,0,0,.5);
|
|
|
+ p {
|
|
|
+ height: .88rem;
|
|
|
+ line-height: .88rem;
|
|
|
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;
|
|
|
+ font-size: .3rem;
|
|
|
+ background: #f6f5f5;
|
|
|
+ i {
|
|
|
+ float: right;
|
|
|
+ color: #bebebe;
|
|
|
+ font-size: .24rem;
|
|
|
+ margin-right: .35rem;
|
|
|
}
|
|
|
- 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;
|
|
|
+ }
|
|
|
+ ul {
|
|
|
+ height: 4.4rem;
|
|
|
+ overflow-y: auto;
|
|
|
+ li {
|
|
|
+ height: 1rem;
|
|
|
+ line-height: 1rem;
|
|
|
+ padding: 0 .23rem 0 .4rem;
|
|
|
+ border-bottom: 1px solid #e5e6eb;
|
|
|
+ a {
|
|
|
+ display: inline-block;
|
|
|
+ color: #666;
|
|
|
+ font-size: .28rem;
|
|
|
+ }
|
|
|
+ i {
|
|
|
+ color: #3f84f6;
|
|
|
+ float: right;
|
|
|
+ font-size: .24rem;
|
|
|
+ }
|
|
|
+ &.active {
|
|
|
+ a {
|
|
|
+ color: #3f84f6;
|
|
|
+ border-bottom: 1px solid #3f84f6;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
yangc
