|
|
@@ -1,11 +1,16 @@
|
|
|
<template>
|
|
|
<div class="mobile-modal" @touchmove="preventTouchMove($event)">
|
|
|
- <div class="mobile-modal-box" ref="modalBody">
|
|
|
- <div class="mobile-modal-header">{{purchaseDetail.agreed == 1 || agreed == 1 ? '已采纳' : '已报价'}}<i class="icon-guanbi iconfont" @click="cancel"></i></div>
|
|
|
+ <div class="mobile-modal-box">
|
|
|
+ <div class="mobile-modal-header">
|
|
|
+ 查看报价
|
|
|
+ <!--{{purchaseDetail.agreed == 1 || agreed == 1 ? '已采纳' : '已报价'}}-->
|
|
|
+ <i class="icon-guanbi iconfont" @click="cancel"></i>
|
|
|
+ </div>
|
|
|
+ <!--<i class="icon-guanbi iconfont" @click="cancel"></i>-->
|
|
|
<div class="say-price-info" ref="mobileModalBox">
|
|
|
<div>
|
|
|
- <div v-if="isBuyer">
|
|
|
- <!-- <div class="base-info">
|
|
|
+ <div v-if="isBuyer" class="is-buyer">
|
|
|
+ <div class="base-info base">
|
|
|
<div class="content-line">
|
|
|
品牌:<span>{{purchaseDetail.inbrand || '-'}}</span>
|
|
|
</div>
|
|
|
@@ -21,17 +26,20 @@
|
|
|
<div class="content-line">
|
|
|
采购数量(PCS):<span>{{purchaseDetail.needquantity || '-'}}</span>
|
|
|
</div>
|
|
|
- <!–<div class="content-line">
|
|
|
+ <!-- <div class="content-line">
|
|
|
币种:<span>{{purchaseDetail.custCurrency || '不限'}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
+ </div>-->
|
|
|
+ <!--<div class="content-line">
|
|
|
生产日期:<span>{{purchaseDetail.produceDate || '-'}}</span>
|
|
|
- </div>–>
|
|
|
+ </div>-->
|
|
|
<div class="content-line">
|
|
|
截止日期:<span>{{purchaseDetail.endDate | date}}</span>
|
|
|
</div>
|
|
|
+ <div class="content-line">
|
|
|
+ 联系电话:<span>{{purchaseDetail.userTel || '-'}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="base-info">
|
|
|
+ <!-- <div class="base-info">
|
|
|
<div class="content-line">
|
|
|
买家:<span>{{purchaseDetail.inquiry && purchaseDetail.inquiry.enterprise ? purchaseDetail.inquiry.enterprise.enName : purchaseDetail.userName}}</span>
|
|
|
</div>
|
|
|
@@ -39,12 +47,15 @@
|
|
|
联系电话:<span>{{purchaseDetail.userTel || '-'}}</span>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
- <div class="base-info say-info" v-for="(item, index) in purchaseDetail.qutations" @click="selectQutation(index)">
|
|
|
- <img v-if="agreed != 1 && (!item.agreed || item.agreed !== 1) && activeIndex == index" src="/images/mobile/@2x/applyPurchase/say-price-check.png" alt="">
|
|
|
+ <div class="base-info say-info say" :class="{'long': item.showRefuseList}" v-for="(item, index) in qutationsTemp">
|
|
|
+ <!-- <img v-if="agreed != 1 && (!item.agreed || item.agreed !== 1) && activeIndex == index" src="/images/mobile/@2x/applyPurchase/say-price-check.png" alt="">
|
|
|
<img v-if="agreed != 1 && (!item.agreed || item.agreed !== 1) && activeIndex != index" src="/images/mobile/@2x/applyPurchase/say-price-default.png" alt="">
|
|
|
- <img v-if="item.agreed == 1" src="/images/mobile/@2x/applyPurchase/say-price-accept.png" alt="">
|
|
|
- <div class="content-line">
|
|
|
- {{item.vendName}}
|
|
|
+ <img v-if="item.agreed == 1" src="/images/mobile/@2x/applyPurchase/say-price-accept.png" alt="">-->
|
|
|
+ <div class="content-title">
|
|
|
+ <i>{{index + 1}}</i>
|
|
|
+ <div class="inline-block text-ellipse vend-name">{{item.vendName}}</div>
|
|
|
+ <img src="/images/mobile/center/accept.png" alt="" v-if="item.agreed == 1">
|
|
|
+ <img src="/images/mobile/center/refuse.png" alt="" v-if="item.agreed == 0">
|
|
|
</div>
|
|
|
<div class="content-line">
|
|
|
报价人:<span v-if="item.user">{{item.user.userName}}</span>
|
|
|
@@ -57,8 +68,28 @@
|
|
|
<div class="content-line date">
|
|
|
交期(天):<span>{{item.leadtime}}</span>
|
|
|
</div>
|
|
|
- <p>{{item.offerTime | date}}</p>
|
|
|
- <div class="price-level">
|
|
|
+ <div class="content-line date">
|
|
|
+ 报价时间:<span>{{item.offerTime | date}}</span>
|
|
|
+ </div>
|
|
|
+ <!--<p>{{item.offerTime | date}}</p>-->
|
|
|
+ <div class="price clearfix">
|
|
|
+ <span>价格梯度:<br/>(PCS)</span>
|
|
|
+ <table class="com-price-list">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>分段数量</th>
|
|
|
+ <th>分段单价</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="replie in item.replies">
|
|
|
+ <td class="date">{{replie.lapQty ? replie.lapQty + '+' : '-'}}</td>
|
|
|
+ <td class="date">{{replie.price ? (item.currency == 'USD' ? '$' : '¥') + replie.price : '-'}}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!--<div class="price-level">
|
|
|
<p>价格梯度:<span>(pcs)</span></p>
|
|
|
<ul>
|
|
|
<li v-for="replie in item.replies">
|
|
|
@@ -66,71 +97,111 @@
|
|
|
<span>{{replie.price ? (item.currency == 'USD' ? '$' : '¥') + replie.price : '-'}}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
+ </div>-->
|
|
|
+ <div class="operate-say" v-if="item.agreed != 1 && item.agreed != 0">
|
|
|
+ <a class="operate-say-btn inline-block" @click="acceptQutation(item)">采纳报价</a>
|
|
|
+ <a class="operate-say-btn inline-block refuse" @click="setShowRefuseList(item, !item.showRefuseList)">
|
|
|
+ 拒绝报价
|
|
|
+ <img src="/images/mobile/center/refuse-arrow-down.png" alt="">
|
|
|
+ <ul v-if="item.showRefuseList">
|
|
|
+ <li class="text-ellipse" @click.stop="selectRefuse(item, '采购需求变更')">采购需求变更</li>
|
|
|
+ <li class="text-ellipse" @click.stop="selectRefuse(item, '价格过高')">价格过高</li>
|
|
|
+ <li class="text-ellipse" @click.stop="selectRefuse(item, '需进一步了解原因')">需进一步了解原因</li>
|
|
|
+ <li class="text-ellipse" @click.stop="selectRefuse(item, '已选定合适供应商')">已选定合适供应商</li>
|
|
|
+ <li class="text-ellipse" @click.stop="selectRefuse(item, '交期过长')">交期过长</li>
|
|
|
+ </ul>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <a class="say-price-btn" v-if="purchaseDetail.agreed != 1" @click="acceptQutation">采纳报价</a>
|
|
|
- <div style="height: 0.5rem;width: 100%"></div>
|
|
|
+ <!-- <a class="say-price-btn" v-if="purchaseDetail.agreed != 1" @click="acceptQutation">采纳报价</a>
|
|
|
+ <div style="height: 0.5rem;width: 100%"></div>-->
|
|
|
</div>
|
|
|
- <div v-if="!isBuyer">
|
|
|
- <div class="base-info">
|
|
|
- <!--<div class="content-line">
|
|
|
- 品牌:<span>{{purchaseDetail.inbrand || '-'}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- 类目(产品名称):<span>{{purchaseDetail.prodTitle || '-'}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- 型号:<span>{{purchaseDetail.cmpCode || '-'}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- 规格:<span>{{purchaseDetail.spec || '-'}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- 采购数量(PCS):<span>{{purchaseDetail.needquantity || '-'}}</span>
|
|
|
- </div>-->
|
|
|
- <!--<div class="content-line">
|
|
|
- 币种:<span>{{purchaseDetail.custCurrency || '不限'}}</span>
|
|
|
+ <div v-if="!isBuyer" class="is-vendor">
|
|
|
+ <div class="base-info">
|
|
|
+ <div class="content-title">
|
|
|
+ <span class="inline-block text-ellipse">{{purchaseDetail.inquiry && purchaseDetail.inquiry.enterprise ? purchaseDetail.inquiry.enterprise.enName : purchaseDetail.userName}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 品牌:<span>{{purchaseDetail.inbrand || '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 类目(产品名称):<span>{{purchaseDetail.prodTitle || '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 型号:<span>{{purchaseDetail.cmpCode || '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 规格:<span>{{purchaseDetail.spec || '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 采购数量(PCS):<span>{{purchaseDetail.needquantity || '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 币种:<span>{{purchaseDetail.custCurrency || '不限'}}</span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="content-line">
|
|
|
+ 生产日期:<span>{{purchaseDetail.produceDate || '-'}}</span>
|
|
|
+ </div>-->
|
|
|
+ <div class="content-line">
|
|
|
+ 截止日期:<span>{{purchaseDetail.endDate | date}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 联系电话:<span>{{purchaseDetail.userTel || '-'}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="content-line">
|
|
|
- 生产日期:<span>{{purchaseDetail.produceDate || '-'}}</span>
|
|
|
- </div>-->
|
|
|
- <!-- <div class="content-line">
|
|
|
- 截止日期:<span>{{purchaseDetail.endDate | date}}</span>
|
|
|
+ <!--<div class="base-info">
|
|
|
+ <div class="content-line">
|
|
|
+ 报价人:<span v-if="purchaseDetail.user">{{purchaseDetail.user.userName}}</span>
|
|
|
+ <span v-else>-</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line">
|
|
|
+ 联系电话:<span v-if="purchaseDetail.user">{{purchaseDetail.user.userTel || '-'}}</span>
|
|
|
+ <span v-else>-</span>
|
|
|
+ </div>
|
|
|
</div>-->
|
|
|
- <div class="content-line">
|
|
|
- 买家:<span>{{purchaseDetail.inquiry && purchaseDetail.inquiry.enterprise ? purchaseDetail.inquiry.enterprise.enName : purchaseDetail.userName}}</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- 联系电话:<span>{{purchaseDetail.userTel || '-'}}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="base-info">
|
|
|
- <div class="content-line">
|
|
|
- 报价人:<span v-if="purchaseDetail.user">{{purchaseDetail.user.userName}}</span>
|
|
|
- <span v-else>-</span>
|
|
|
- </div>
|
|
|
- <div class="content-line">
|
|
|
- 联系电话:<span v-if="purchaseDetail.user">{{purchaseDetail.user.userTel || '-'}}</span>
|
|
|
- <span v-else>-</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="base-info say-info">
|
|
|
- <div class="content-line date">
|
|
|
- 交期(天):<span>{{purchaseDetail.leadtime}}</span>
|
|
|
- </div>
|
|
|
- <p>{{purchaseDetail.offerTime | date}}</p>
|
|
|
- <div class="price-level vendor">
|
|
|
- <p>价格梯度:<span>(pcs)</span></p>
|
|
|
- <ul>
|
|
|
- <li v-for="replie in purchaseDetail.replies">
|
|
|
- <span>{{replie.lapQty ? replie.lapQty + '+' : '-'}}</span>
|
|
|
- <span>{{replie.price ? (purchaseDetail.currency == 'USD' ? '$' : '¥') + replie.price : '-'}}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="base-info say-info">
|
|
|
+ <div class="content-line inline-block">
|
|
|
+ 报价人:<span>{{purchaseDetail.user ? purchaseDetail.user.userName : '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line inline-block">
|
|
|
+ 电话:<span>{{purchaseDetail.user ? purchaseDetail.user.userTel : '-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line inline-block date">
|
|
|
+ 交期(天):<span>{{purchaseDetail.leadtime}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="content-line inline-block date">
|
|
|
+ 报价时间:<span>{{purchaseDetail.offerTime | date}}</span>
|
|
|
+ </div>
|
|
|
+ <!--<p>{{purchaseDetail.offerTime | date}}</p>-->
|
|
|
+ <div class="price clearfix">
|
|
|
+ <span>价格梯度:<br/>(PCS)</span>
|
|
|
+ <table class="com-price-list">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>分段数量</th>
|
|
|
+ <th>分段单价</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="replie in purchaseDetail.replies">
|
|
|
+ <td class="date">{{replie.lapQty ? replie.lapQty + '+' : '-'}}</td>
|
|
|
+ <td class="date">{{replie.price ? (purchaseDetail.currency == 'USD' ? '$' : '¥') + replie.price : '-'}}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!--<div class="price-level vendor">
|
|
|
+ <p>价格梯度:<span>(pcs)</span></p>
|
|
|
+ <ul>
|
|
|
+ <li v-for="replie in purchaseDetail.replies">
|
|
|
+ <span>{{replie.lapQty ? replie.lapQty + '+' : '-'}}</span>
|
|
|
+ <span>{{replie.price ? (purchaseDetail.currency == 'USD' ? '$' : '¥') + replie.price : '-'}}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<remind-box :title="remindText" :timeoutCount="timeoutCount"></remind-box>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -138,12 +209,14 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import {RemindBox} from '~components/mobile/common'
|
|
|
+ import {deepCopy} from '~utils/baseUtils'
|
|
|
export default {
|
|
|
data () {
|
|
|
return {
|
|
|
activeIndex: -1,
|
|
|
remindText: '',
|
|
|
- timeoutCount: 0
|
|
|
+ timeoutCount: 0,
|
|
|
+ qutationsTemp: []
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
@@ -169,7 +242,19 @@
|
|
|
},
|
|
|
computed: {
|
|
|
purchaseDetail () {
|
|
|
- return this.isBuyer ? this.$store.state.applyPurchase.purchaseManList.buyerInquiryDetail.data : this.$store.state.applyPurchase.purchaseManList.vendorInquiryDetail.data
|
|
|
+ let obj = {}
|
|
|
+ if (this.isBuyer) {
|
|
|
+ obj = deepCopy(this.$store.state.applyPurchase.purchaseManList.buyerInquiryDetail.data)
|
|
|
+ if (obj.qutations) {
|
|
|
+ this.qutationsTemp = obj.qutations
|
|
|
+ for (let i = 0; i < this.qutationsTemp.length; i++) {
|
|
|
+ this.$set(this.qutationsTemp[i], 'showRefuseList', false)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ obj = this.$store.state.applyPurchase.purchaseManList.vendorInquiryDetail.data
|
|
|
+ }
|
|
|
+ return obj
|
|
|
},
|
|
|
user () {
|
|
|
return this.$store.state.option.user
|
|
|
@@ -185,35 +270,50 @@
|
|
|
selectQutation: function (index) {
|
|
|
this.activeIndex = this.activeIndex === index ? -1 : index
|
|
|
},
|
|
|
- acceptQutation: function () {
|
|
|
- if (this.activeIndex > -1) {
|
|
|
- let obj = this.purchaseDetail.qutations[this.activeIndex]
|
|
|
- this.$http.post('/inquiry/buyer/decide?id=' + obj.id + '&status=1')
|
|
|
- .then(response => {
|
|
|
+ acceptQutation: function (item) {
|
|
|
+// if (this.activeIndex > -1) {
|
|
|
+// } else {
|
|
|
+// // this.$message.success('请选择报价信息')
|
|
|
+// this.onRemind('请选择报价信息')
|
|
|
+// }
|
|
|
+ this.$http.post('/inquiry/buyer/decide?id=' + item.id + '&status=1')
|
|
|
+ .then(response => {
|
|
|
// this.$message.success('采纳成功')
|
|
|
-// this.onRemind('采纳成功')
|
|
|
- this.$emit('cancelSayPriceInfoAction', true)
|
|
|
+ this.onRemind('采纳成功')
|
|
|
+// this.$emit('cancelSayPriceInfoAction', true)
|
|
|
+ item.agreed = 1
|
|
|
// this.$route.query.type === 'saler' ? this.$store.dispatch('applyPurchase/loadVendorInquiryDetail', {id: this.$route.params.id}) : this.$store.dispatch('applyPurchase/loadBuyerInquiryDetail', {id: this.$route.params.id})
|
|
|
- }, err => {
|
|
|
- console.log(err)
|
|
|
+ }, err => {
|
|
|
+ console.log(err)
|
|
|
// this.$message.success('系统错误')
|
|
|
- this.onRemind('系统错误')
|
|
|
- })
|
|
|
- } else {
|
|
|
-// this.$message.success('请选择报价信息')
|
|
|
- this.onRemind('请选择报价信息')
|
|
|
- }
|
|
|
+ this.onRemind('系统错误')
|
|
|
+ })
|
|
|
},
|
|
|
onRemind: function (str) {
|
|
|
this.remindText = str
|
|
|
this.timeoutCount ++
|
|
|
+ },
|
|
|
+ selectRefuse: function (item, reason) {
|
|
|
+ item.showRefuseList = false
|
|
|
+ this.$http.post(`/inquiry/buyer/refuse?id=${item.id}&status=0&refusereason=${encodeURIComponent(reason)}`)
|
|
|
+ .then(res => {
|
|
|
+ item.agreed = 0
|
|
|
+ this.onRemind('拒绝报价成功')
|
|
|
+ }, err => {
|
|
|
+ this.onRemind('拒绝报价失败,系统错误')
|
|
|
+ console.log(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ setShowRefuseList: function (item, flag) {
|
|
|
+ console.log(flag)
|
|
|
+ item.showRefuseList = flag
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.$nextTick(() => {
|
|
|
this._initscroll()
|
|
|
// console.log(this.$refs.modalBody.scrollHeight)
|
|
|
- this.$refs.modalBody.style.marginTop = (0 - (this.$refs.modalBody.scrollHeight / 2)) / 100 - 2.5 + 'rem'
|
|
|
+// this.$refs.modalBody.style.marginTop = (0 - (this.$refs.modalBody.scrollHeight / 2)) / 100 - 2.5 + 'rem'
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
@@ -221,25 +321,38 @@
|
|
|
<style lang="scss" scoped>
|
|
|
.mobile-modal {
|
|
|
.mobile-modal-box {
|
|
|
- top: 50%;
|
|
|
+ top: 1.66rem;
|
|
|
left: 3%;
|
|
|
right: 3%;
|
|
|
+ bottom: 1.66rem;
|
|
|
width: 7rem;
|
|
|
margin: 0 auto;
|
|
|
+ background: #fff;
|
|
|
+ .icon-guanbi {
|
|
|
+ position: absolute;
|
|
|
+ right: -.25rem;
|
|
|
+ font-size: .6rem;
|
|
|
+ top: -.4rem;
|
|
|
+ color: #fff;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
.say-price-info {
|
|
|
- background: #f3f3f3;
|
|
|
- padding: 0px;
|
|
|
+ /*background: #f3f3f3;*/
|
|
|
+ padding: 0;
|
|
|
width: 100%;
|
|
|
overflow: hidden;
|
|
|
max-height: 90%;
|
|
|
+ position: relative;
|
|
|
.base-info {
|
|
|
- &:last-child {
|
|
|
+ margin: 0 auto;
|
|
|
+ /*border-bottom: .18rem solid #f3f3f3;*/
|
|
|
+ /* &:last-child {
|
|
|
margin-bottom: 0;
|
|
|
- }
|
|
|
+ }*/
|
|
|
&.say-info {
|
|
|
/*height: 4.54rem;*/
|
|
|
position: relative;
|
|
|
- margin-top: .18rem;
|
|
|
+ /* margin-top: .18rem;*/
|
|
|
> img {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
@@ -308,8 +421,150 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .price {
|
|
|
+ margin-top: .3rem;
|
|
|
+ span {
|
|
|
+ width: 1.4rem;
|
|
|
+ color: #666;
|
|
|
+ font-size: .28rem;
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ table {
|
|
|
+ float: left;
|
|
|
+ margin: 0 0 .32rem 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .is-buyer {
|
|
|
+ .base {
|
|
|
+ background: #3f84f6;
|
|
|
+ color: #fff;
|
|
|
+ .content-line {
|
|
|
+ span {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .say {
|
|
|
+ .content-title {
|
|
|
+ border-bottom: 1px solid #d3d3d3;
|
|
|
+ font-size: .28rem;
|
|
|
+ font-weight: bold;
|
|
|
+ height: .81rem;
|
|
|
+ line-height: .81rem;
|
|
|
+ .vend-name {
|
|
|
+ width: 5rem;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: .69rem;
|
|
|
+ margin-left: .2rem;
|
|
|
+ }
|
|
|
+ i {
|
|
|
+ display: inline-block;
|
|
|
+ width: .4rem;
|
|
|
+ height: .4rem;
|
|
|
+ line-height: .4rem;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ font-style: normal;
|
|
|
+ background: #3f84f6;
|
|
|
+ border-radius: .05rem;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: .12rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content-line {
|
|
|
+ width: 50%;
|
|
|
+ margin-top: .3rem;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .operate-say {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: .73rem;
|
|
|
+ .operate-say-btn {
|
|
|
+ width: 3rem;
|
|
|
+ height: .54rem;
|
|
|
+ line-height: .54rem;
|
|
|
+ text-align: center;
|
|
|
+ font-size: .28rem;
|
|
|
+ background: #fff;
|
|
|
+ color: #3f84f6;
|
|
|
+ border: 1px solid #3f84f6;
|
|
|
+ border-radius: .08rem;
|
|
|
+ &.refuse {
|
|
|
+ color: #666;
|
|
|
+ border-color: #e5e5e5;
|
|
|
+ margin-left: .2rem;
|
|
|
+ position: relative;
|
|
|
+ img {
|
|
|
+ width: .1rem;
|
|
|
+ position: absolute;
|
|
|
+ right: .21rem;
|
|
|
+ top: .25rem;
|
|
|
+ }
|
|
|
+ ul {
|
|
|
+ position: absolute;
|
|
|
+ width: 3rem;
|
|
|
+ li {
|
|
|
+ height: .58rem;
|
|
|
+ line-height: .58rem;
|
|
|
+ padding-left: .16rem;
|
|
|
+ font-size: .28rem;
|
|
|
+ color: #666;
|
|
|
+ background: #fff;
|
|
|
+ text-align: left;
|
|
|
+ border: 1px solid #e5e5e5;
|
|
|
+ border-bottom-left-radius: .08rem;
|
|
|
+ border-bottom-right-radius: .08rem;
|
|
|
+ border-top: none;
|
|
|
+ &:active, &:hover, &:focus {
|
|
|
+ background: #dbf0fd;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.long {
|
|
|
+ .operate-say {
|
|
|
+ margin-bottom: 3rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .is-vendor {
|
|
|
+ .base-info {
|
|
|
+ .content-title {
|
|
|
+ color: #3f84f6;
|
|
|
+ font-size: .28rem;
|
|
|
+ font-weight: bold;
|
|
|
+ height: .82rem;
|
|
|
+ line-height: .82rem;
|
|
|
+ border-bottom: 1px solid #d3d3d3;
|
|
|
+ margin-bottom: .1rem;
|
|
|
+ span {
|
|
|
+ width: 4.92rem;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: .76rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .say-info {
|
|
|
+ border-top: 1px solid #d3d3d3;
|
|
|
+ .inline-block {
|
|
|
+ width: 50%;
|
|
|
+ margin-top: .1rem;
|
|
|
+ }
|
|
|
+ .price {
|
|
|
+ margin-top: .1rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.say-price-btn {
|
|
|
- margin: .37rem auto 0rem;
|
|
|
+ margin: .37rem auto 0;
|
|
|
}
|
|
|
}
|
|
|
}
|