|
@@ -1,101 +1,132 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="product-list-wrapper">
|
|
<div class="product-list-wrapper">
|
|
|
<div class="Kuang">
|
|
<div class="Kuang">
|
|
|
- <div class="overflow-hidden fixedOver" ref="mobileModalBox">
|
|
|
|
|
|
|
+ <div class="overflow-hidden fixedOver">
|
|
|
<div class="content">
|
|
<div class="content">
|
|
|
<div class="infob">
|
|
<div class="infob">
|
|
|
<div class="info"><div class="name">品牌:</div><div>{{cnmpBand}}</div></div>
|
|
<div class="info"><div class="name">品牌:</div><div>{{cnmpBand}}</div></div>
|
|
|
<div class="info"><div class="name">物料名称(类目):</div><div>{{cnmpType || '-'}}</div></div>
|
|
<div class="info"><div class="name">物料名称(类目):</div><div>{{cnmpType || '-'}}</div></div>
|
|
|
<div class="info"><div class="name">型号:</div><div>{{cnmpCode}}</div></div>
|
|
<div class="info"><div class="name">型号:</div><div>{{cnmpCode}}</div></div>
|
|
|
<div class="info"><div class="name">规格:</div><div>{{cnmpSpec}}</div></div>
|
|
<div class="info"><div class="name">规格:</div><div>{{cnmpSpec}}</div></div>
|
|
|
|
|
+ <div class="info"><div class="name">单位:</div><div>{{cnmpUnit}}</div></div>
|
|
|
|
|
+ <img v-if="ItemInfo.addProductPerson" class="person-flag" src="/images/mobile/product/personalMaterial.png" alt="">
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="content_sq" v-bind:key="item.id" v-for="(item, index) in vendorlist" >
|
|
|
|
|
- <div class="labelBg">
|
|
|
|
|
- <div class="labelinfo" style="margin-left: -0.1rem">
|
|
|
|
|
- <div class="labelicon" style="vertical-align:top;margin-top: 0.09rem">标签</div>
|
|
|
|
|
- <div class="labeltext">{{item.tag}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="middle">
|
|
|
|
|
- <div class="list clearfix" style="height: auto">
|
|
|
|
|
- <div class="fl">
|
|
|
|
|
- <div class="name">
|
|
|
|
|
- <div class="pms">
|
|
|
|
|
- {{item.storeid === '33069557578d44e69bd91ad12d28a8d4' ? '寄售' : '自营'}}
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div ref="mobileModalBox" class="scrollWrapper">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div class="content_sq" v-bind:key="item.id" v-if="vendorlist.length > 0" v-for="(item, index) in vendorlist" >
|
|
|
|
|
+ <div class="labelBg">
|
|
|
|
|
+ <img class="store-type" v-if="item.storeid === '33069557578d44e69bd91ad12d28a8d4'" src="/images/mobile/product/consignment.png" alt="">
|
|
|
|
|
+ <img class="store-type" src="/images/mobile/product/self.png" alt="" v-else >
|
|
|
|
|
+ <div class="clearfix">
|
|
|
|
|
+ <div class="pull-left labelinfo" style="margin-left: -0.1rem">
|
|
|
|
|
+ <div class="labelicon" style="vertical-align:top;margin-top: 0.09rem">标签</div>
|
|
|
|
|
+ <div class="labeltext">{{item.tag}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="pull-right pullbtn">
|
|
|
|
|
+ <span class="update" @click="update(item)">编辑</span>
|
|
|
|
|
+ <span class="offbtn" @click="offFn(item)" v-if="item.status != 601 && item.status != 602">上架</span>
|
|
|
|
|
+ <span class="offbtn" @click="deleteItem(item, index)">删除</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <span @click="update(item)">编辑</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="fr">
|
|
|
|
|
- <div class="textinfo" v-if="item.breakUp">可拆卖</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="list list-long clearfix" style="height: auto">
|
|
|
|
|
- <div class="fl">
|
|
|
|
|
- <div class="name">规格:</div>
|
|
|
|
|
- <div class="text">{{item.spec || '-'}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="list clearfix" style="height: auto">
|
|
|
|
|
- <div class="fl">
|
|
|
|
|
- <div class="name">最小包装数:</div>
|
|
|
|
|
- <div class="text">{{item.minPackQty}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="fr">
|
|
|
|
|
- <div class="name">交期(天):</div>
|
|
|
|
|
- <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
|
|
|
|
|
- <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="middle">
|
|
|
|
|
+ <div class="list clearfix" style="height: auto">
|
|
|
|
|
+ <!--<div class="fl">-->
|
|
|
|
|
+ <!--<div class="name">-->
|
|
|
|
|
+ <!--<div class="pms">-->
|
|
|
|
|
+ <!--{{item.storeid === '33069557578d44e69bd91ad12d28a8d4' ? '寄售' : '自营'}}-->
|
|
|
|
|
+ <!--</div>-->
|
|
|
|
|
+ <!--</div>-->
|
|
|
|
|
+ <!--<span @click="update(item)">编辑</span>-->
|
|
|
|
|
+ <!--</div>-->
|
|
|
|
|
+ <div class="fl clearfix">
|
|
|
|
|
+ <div class="textinfo pull-left" v-if="item.status != 601 && item.status != 602" style="background: #ffcccc;color: #db0303;margin-right:0.2rem;">未上架</div>
|
|
|
|
|
+ <div class="textinfo pull-left" v-else style="background: #cff6e0;color: #037c03;margin-right:0.2rem;">已上架</div>
|
|
|
|
|
+ <div class="textinfo pull-left" v-if="item.breakUp" style="">可拆卖</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list clearfix" style="height: auto">
|
|
|
|
|
+ <div class="fl">
|
|
|
|
|
+ <div class="name">最小包装数:</div>
|
|
|
|
|
+ <div class="text">{{item.minPackQty}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fr">
|
|
|
|
|
+ <div class="name">交期(天):</div>
|
|
|
|
|
+ <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
|
|
|
|
|
+ <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
- <div class="list clearfix" style="height: auto">
|
|
|
|
|
- <div class="fl">
|
|
|
|
|
- <div class="name">包装方式:</div>
|
|
|
|
|
- <div class="text">{{item.packaging || '无包装信息'}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="fr">
|
|
|
|
|
- <div class="name">库存:</div>
|
|
|
|
|
- <div class="text">{{item.reserve}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="list clearfix" style="height: auto">
|
|
|
|
|
+ <div class="fl">
|
|
|
|
|
+ <div class="name">包装方式:</div>
|
|
|
|
|
+ <div class="text">{{item.packaging || '无包装信息'}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fr">
|
|
|
|
|
+ <div class="name">库存:</div>
|
|
|
|
|
+ <div class="text">{{item.reserve}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
- <div class="list clearfix" style="height: auto">
|
|
|
|
|
- <div class="fl">
|
|
|
|
|
- <div class="name">生产日期:</div>
|
|
|
|
|
- <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="fr">
|
|
|
|
|
- <div class="name">最小起订量:</div>
|
|
|
|
|
- <div class="text" style="color: #f31919">{{item.minBuyQty}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="list clearfix" style="height: auto">
|
|
|
|
|
+ <div class="fl">
|
|
|
|
|
+ <div class="name">生产日期:</div>
|
|
|
|
|
+ <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fr">
|
|
|
|
|
+ <div class="name">最小起订量:</div>
|
|
|
|
|
+ <div class="text" style="color: #f31919">{{item.minBuyQty}}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
- <div class="list clearfix" style="height: auto">
|
|
|
|
|
- <div class="name left">价格梯度:</div>
|
|
|
|
|
- <div class="table left">
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li class="title">
|
|
|
|
|
- <div>分段数量/PCS</div>
|
|
|
|
|
- <div>分段单价</div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li v-for="price in item.prices">
|
|
|
|
|
- <div>{{price.start}}+</div>
|
|
|
|
|
- <div v-if="item.currencyName == 'RMB'">¥{{price.rMBPrice}}</div>
|
|
|
|
|
- <div v-else>${{price.rMBPrice}}</div>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
|
|
+ <div class="list clearfix" style="height: auto">
|
|
|
|
|
+ <div class="name left">价格梯度:</div>
|
|
|
|
|
+ <div class="table left">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li class="title">
|
|
|
|
|
+ <div>分段数量/PCS</div>
|
|
|
|
|
+ <div>分段单价</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li v-for="price in item.prices">
|
|
|
|
|
+ <div>{{price.start}}+</div>
|
|
|
|
|
+ <div v-if="item.currencyName == 'RMB'">¥{{price.rMBPrice}}</div>
|
|
|
|
|
+ <div v-else>${{price.rMBPrice}}</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div v-if="vendorlist.length === 0" class="com-none-state">
|
|
|
|
|
+ <img src="/images/mobile/@2x/empty-collect.png">
|
|
|
|
|
+ <p>抱歉,暂无产品信息</p>
|
|
|
|
|
+ <nuxt-link to="/">返回首页</nuxt-link>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="deleteKuang" v-if="showLogout">
|
|
|
|
|
+ <div class="kuangContent">
|
|
|
|
|
+ <div class="title">系统提示</div>
|
|
|
|
|
+ <div class="titleinfo">是否删除此信息</div>
|
|
|
|
|
+ <div class="info" v-if="isUploadpro">*存在已上架信息</div>
|
|
|
|
|
+ <div class="K_btn">
|
|
|
|
|
+ <div class="cancelBtn" @click="showLogout = false">取消</div>
|
|
|
|
|
+ <div class="answerBtn" @click="ReadyDelete()">确定</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="addPro" @click="toAddpro()">
|
|
|
|
|
+ <img src="/images/mobile/@2x/addPro_icon.png"/>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <remind-box :title="collectResult" :timeoutCount="timeoutCount"></remind-box>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
|
- import { PullUp } from '~components/mobile/common'
|
|
|
|
|
|
|
+ import { RemindBox } from '~components/mobile/common'
|
|
|
import axios from '~plugins/axios'
|
|
import axios from '~plugins/axios'
|
|
|
export default {
|
|
export default {
|
|
|
name: 'productList',
|
|
name: 'productList',
|
|
@@ -106,6 +137,61 @@
|
|
|
update(item) {
|
|
update(item) {
|
|
|
this.$store.commit('product/brand/GET_ONSALE_DETAILS_SUCCESS', item)
|
|
this.$store.commit('product/brand/GET_ONSALE_DETAILS_SUCCESS', item)
|
|
|
this.$router.push('/mobile/center/vendor/productdetails')
|
|
this.$router.push('/mobile/center/vendor/productdetails')
|
|
|
|
|
+ },
|
|
|
|
|
+ offFn(item) {
|
|
|
|
|
+ this.$http.put(`/trade/goods/putOn/${item.id}`).then(res => {
|
|
|
|
|
+ if (res.data.success) {
|
|
|
|
|
+ this.collectResult = '上架成功'
|
|
|
|
|
+ this.timeoutCount++
|
|
|
|
|
+ item.status = 601
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ toAddpro() {
|
|
|
|
|
+ console.log(this.vendorlist)
|
|
|
|
|
+ let item = {
|
|
|
|
|
+ brandNameEn: this.cnmpBand,
|
|
|
|
|
+ kindNameCn: this.cnmpType,
|
|
|
|
|
+ code: this.cnmpCode,
|
|
|
|
|
+ spec: this.cnmpSpec,
|
|
|
|
|
+ prices: [{
|
|
|
|
|
+ end: '',
|
|
|
|
|
+ rMBNTPrice: '',
|
|
|
|
|
+ rMBPrice: '',
|
|
|
|
|
+ start: '1'
|
|
|
|
|
+ }],
|
|
|
|
|
+ minBuyQty: 1,
|
|
|
|
|
+ productid: this.$route.query.uuid,
|
|
|
|
|
+ prodNum: this.ItemInfo.prodNum,
|
|
|
|
|
+ currencyName: this.$store.state.option.storeStatus.data.enType === 'MAINLAND' ? 'RMB' : 'USD',
|
|
|
|
|
+ breakUp: false
|
|
|
|
|
+ }
|
|
|
|
|
+ this.$store.commit('product/brand/GET_ONSALE_DETAILS_SUCCESS', item)
|
|
|
|
|
+ this.$router.push(`/mobile/center/vendor/productdetails?formurl=productlist`)
|
|
|
|
|
+ },
|
|
|
|
|
+ deleteItem(item, index) {
|
|
|
|
|
+ this.deleteItemId = item.id
|
|
|
|
|
+ this.deleteItemIndex = index
|
|
|
|
|
+ this.$http.get(`/trade/goods/isRecommend/${item.id}`).then(res => {
|
|
|
|
|
+ this.showLogout = true
|
|
|
|
|
+ if (res.data.code === 1) {
|
|
|
|
|
+ if (item.status === 601 || item.status === 602) {
|
|
|
|
|
+ this.isUploadpro = true
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ ReadyDelete() {
|
|
|
|
|
+ let params = {
|
|
|
|
|
+ isPerson: 1
|
|
|
|
|
+ }
|
|
|
|
|
+ this.$http.delete(`/trade/goods/delete/${this.deleteItemId}`, params).then(res => {
|
|
|
|
|
+ this.collectResult = '删除成功'
|
|
|
|
|
+ this.timeoutCount++
|
|
|
|
|
+ this.vendorlist.splice(this.deleteItemIndex, 1)
|
|
|
|
|
+ this.showLogout = false
|
|
|
|
|
+ this.isUploadpro = false
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
async asyncData({route}) {
|
|
async asyncData({route}) {
|
|
@@ -119,24 +205,34 @@
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- vendorlist: {}
|
|
|
|
|
|
|
+ vendorlist: {},
|
|
|
|
|
+ showLogout: false,
|
|
|
|
|
+ isUploadpro: false,
|
|
|
|
|
+ collectResult: '',
|
|
|
|
|
+ timeoutCount: 0
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
components: {
|
|
components: {
|
|
|
- PullUp
|
|
|
|
|
|
|
+ RemindBox
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
|
|
|
+ ItemInfo() {
|
|
|
|
|
+ return this.$store.state.product.component.nowProductInfo.data
|
|
|
|
|
+ },
|
|
|
cnmpCode() { // 型号
|
|
cnmpCode() { // 型号
|
|
|
- return this.vendorlist[0].code || '-'
|
|
|
|
|
|
|
+ return this.ItemInfo.pcmpcode || '-'
|
|
|
},
|
|
},
|
|
|
cnmpType() { // 类目
|
|
cnmpType() { // 类目
|
|
|
- return this.vendorlist[0].kindNameCn || '-'
|
|
|
|
|
|
|
+ return this.ItemInfo.kind || this.ItemInfo.kinden || '-'
|
|
|
},
|
|
},
|
|
|
cnmpBand() { // 品牌
|
|
cnmpBand() { // 品牌
|
|
|
- return this.vendorlist[0].brandNameEn || '-'
|
|
|
|
|
|
|
+ return this.ItemInfo.pbranden || '-'
|
|
|
},
|
|
},
|
|
|
cnmpSpec () {
|
|
cnmpSpec () {
|
|
|
- return this.vendorlist[0].spec
|
|
|
|
|
|
|
+ return this.ItemInfo.spec
|
|
|
|
|
+ },
|
|
|
|
|
+ cnmpUnit() {
|
|
|
|
|
+ return this.ItemInfo.unit || 'PCS'
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -166,6 +262,8 @@
|
|
|
bottom: 0.98rem;
|
|
bottom: 0.98rem;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
background: #f1f3f6;
|
|
background: #f1f3f6;
|
|
|
|
|
+ padding: 0 0.2rem;
|
|
|
|
|
+ width: 100%;
|
|
|
}
|
|
}
|
|
|
i {
|
|
i {
|
|
|
font-size: .6rem;
|
|
font-size: .6rem;
|
|
@@ -193,8 +291,9 @@
|
|
|
}
|
|
}
|
|
|
.content {
|
|
.content {
|
|
|
.infob {
|
|
.infob {
|
|
|
- background: #e3edfd;
|
|
|
|
|
|
|
+ background: #fff;
|
|
|
padding: 0.2rem;
|
|
padding: 0.2rem;
|
|
|
|
|
+ margin: 0.18rem 0;
|
|
|
.info {
|
|
.info {
|
|
|
color: #333;
|
|
color: #333;
|
|
|
font-size: 0.3rem;
|
|
font-size: 0.3rem;
|
|
@@ -211,9 +310,10 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.content_sq {
|
|
.content_sq {
|
|
|
- margin: 0.1rem auto;
|
|
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
padding: 0.2rem 0;
|
|
padding: 0.2rem 0;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ margin-bottom: 0.2rem;
|
|
|
.list {
|
|
.list {
|
|
|
margin-bottom: 0.18rem;
|
|
margin-bottom: 0.18rem;
|
|
|
}
|
|
}
|
|
@@ -225,9 +325,9 @@
|
|
|
margin-top: -0.1rem;
|
|
margin-top: -0.1rem;
|
|
|
}
|
|
}
|
|
|
.labelinfo {
|
|
.labelinfo {
|
|
|
- background-image: url('/images/mobile/@2x/labelTop.png');
|
|
|
|
|
|
|
+ background-image: url('/images/mobile/@2x/labelTop2.png');
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
- width: 6.29rem;
|
|
|
|
|
|
|
+ width: 3.25rem;
|
|
|
height: 0.64rem;
|
|
height: 0.64rem;
|
|
|
line-height: 0.64rem;
|
|
line-height: 0.64rem;
|
|
|
background-size: 100%;
|
|
background-size: 100%;
|
|
@@ -236,6 +336,21 @@
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
color: #666;
|
|
color: #666;
|
|
|
}
|
|
}
|
|
|
|
|
+ .pullbtn {
|
|
|
|
|
+ margin-right: 0.4rem;
|
|
|
|
|
+ span {
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ width: 0.92rem;
|
|
|
|
|
+ @include lineHeight(0.43rem);
|
|
|
|
|
+ background: #008bf7;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ font-size: 0.26rem;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin-top: 0.1rem;
|
|
|
|
|
+ margin-right: 0.15rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.labelinfo {
|
|
.labelinfo {
|
|
@@ -302,7 +417,12 @@
|
|
|
}
|
|
}
|
|
|
.textinfo {
|
|
.textinfo {
|
|
|
color: #0067e7;
|
|
color: #0067e7;
|
|
|
- font-size: 0.3rem;
|
|
|
|
|
|
|
+ font-size: 0.28rem;
|
|
|
|
|
+ width: 0.98rem;
|
|
|
|
|
+ background: #d7e4fd;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
|
|
+ @include lineHeight(0.42rem);
|
|
|
|
|
+ text-align: center;
|
|
|
}
|
|
}
|
|
|
.button {
|
|
.button {
|
|
|
font-size: 0.26rem;
|
|
font-size: 0.26rem;
|
|
@@ -326,7 +446,7 @@
|
|
|
zoom: 1;
|
|
zoom: 1;
|
|
|
}
|
|
}
|
|
|
.fl {
|
|
.fl {
|
|
|
- width: 4.3rem;
|
|
|
|
|
|
|
+ width: 4rem;
|
|
|
float: left;
|
|
float: left;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
@@ -355,7 +475,7 @@
|
|
|
font-size: 0.3rem
|
|
font-size: 0.3rem
|
|
|
}
|
|
}
|
|
|
.table {
|
|
.table {
|
|
|
- width: 5.5rem;
|
|
|
|
|
|
|
+ width: 5rem;
|
|
|
margin-bottom: 0;
|
|
margin-bottom: 0;
|
|
|
margin-top: 0;
|
|
margin-top: 0;
|
|
|
li {
|
|
li {
|
|
@@ -398,5 +518,100 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .person-flag {
|
|
|
|
|
+ width: .75rem;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ top: 0.4rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ .store-type {
|
|
|
|
|
+ width: .77rem;
|
|
|
|
|
+ height: .77rem;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ .scrollWrapper {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ top: 4.69rem;
|
|
|
|
|
+ bottom: 0.96rem;
|
|
|
|
|
+ overflow-y: hidden;
|
|
|
|
|
+ right: 0.2rem;
|
|
|
|
|
+ left: 0.2rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ .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: 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;
|
|
|
|
|
+ }
|
|
|
|
|
+ .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 {
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ width: 50%;
|
|
|
|
|
+ font-size: 0.3rem;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ &.cancelBtn {
|
|
|
|
|
+ background: #b4b5b9;
|
|
|
|
|
+ color: #333;
|
|
|
|
|
+ }
|
|
|
|
|
+ &.answerBtn {
|
|
|
|
|
+ background: #5078cb;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .addPro {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ bottom: 1.2rem;
|
|
|
|
|
+ right: 0.4rem;
|
|
|
|
|
+ z-index: 11;
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 1.12rem;
|
|
|
|
|
+ height: 1.12rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|