|
|
@@ -2,29 +2,35 @@
|
|
|
<div>
|
|
|
<ul class="seek-list">
|
|
|
<li v-for="(item, index) in purchaseManList">
|
|
|
- <div class="top">
|
|
|
+ <p>
|
|
|
<span v-if="item.inquiry.enterprise && item.inquiry.enterprise.enName">{{[item.inquiry.enterprise.enName, user.logged] | enterpriseFilter}}</span>
|
|
|
<span v-else>{{[item.userName, user.logged] | userNameFilter}}</span>
|
|
|
- </div>
|
|
|
+ </p>
|
|
|
<div>
|
|
|
<div class="fl">
|
|
|
<div>
|
|
|
- 类目(产品名称):<span>{{item.prodTitle || '-'}}</span>
|
|
|
+ 类目(产品名称):
|
|
|
+ <span>{{item.prodTitle || '-'}}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- 型号:<span>{{item.cmpCode || '-'}}</span>
|
|
|
+ 型号:
|
|
|
+ <span>{{item.cmpCode || '-'}}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- 品牌:<span>{{item.inbrand || '-'}}</span>
|
|
|
+ 品牌:
|
|
|
+ <span>{{item.inbrand || '-'}}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- 规格:<span>{{item.spec || '-'}}</span>
|
|
|
+ 规格:
|
|
|
+ <span>{{item.spec || '-'}}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- 采购数量:<span>{{item.needquantity || '-'}}</span>
|
|
|
+ 采购数量:
|
|
|
+ <span>{{item.needquantity || '-'}}</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- 截止日期:<span class="date">{{item.endDate | date}}</span>
|
|
|
+ 截止日期:
|
|
|
+ <span class="date">{{item.endDate | date}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fr">
|
|
|
@@ -32,12 +38,12 @@
|
|
|
<span v-if="getDay(item.remainingTime) > 0" v-text="getDay(item.remainingTime)"></span>
|
|
|
<i v-if="getDay(item.remainingTime) > 0"> 天 </i>
|
|
|
<span v-if="getDay(item.remainingTime) <= 0" v-text="getHours(item.remainingTime)"></span>
|
|
|
- <i v-if="getDay(item.remainingTime) <= 0" > 小时</i>
|
|
|
+ <i v-if="getDay(item.remainingTime) <= 0"> 小时</i>
|
|
|
</p>
|
|
|
<p class="over-deadline" v-else>已截止</p>
|
|
|
<!--<a v-if="!userType && item.quoted == 1">已报价</a>-->
|
|
|
<a v-if="!userType && item.remainingTime > 0 && (!item.quoted || item.quoted != 1) && (user.logged && ((item.inquiry.enterprise && user.data.enterprise && (item.inquiry.enterprise.uu === user.data.enterprise.uu)) || (!user.data.enterprise.uu && item.userUU == user.data.userUU && !item.inquiry.enterprise)))" class="self-publish" @click="onRemind('此为贵公司的求购')">我要报价</a>
|
|
|
- <a v-if="!(userType == 'saler' && seekType && seekType != 'wait') && (item.remainingTime > 0 && (!item.quoted || item.quoted != 1) && !(user.logged && ((item.inquiry.enterprise && user.data.enterprise && (item.inquiry.enterprise.uu === user.data.enterprise.uu)) || (!user.data.enterprise.uu && item.userUU == user.data.userUU && !item.inquiry.enterprise))))" @click="goSayPrice(item.id, index)">我要报价</a>
|
|
|
+ <a v-if="!(userType == 'saler' && seekType && seekType != 'wait') && (item.remainingTime > 0 && (!item.quoted || item.quoted != 1) && !(user.logged && ((item.inquiry.enterprise && user.data.enterprise && (item.inquiry.enterprise.uu === user.data.enterprise.uu)) || (!user.data.enterprise.uu && item.userUU == user.data.userUU && !item.inquiry.enterprise))))" @click="goSayPrice(item.id, index)">我要报价</a>
|
|
|
<a v-if="((!userType || userType == 'buyer') && (seekType && seekType != 'wait')) || (userType == 'saler' && seekType && seekType != 'wait') || item.quoted == 1" @click="goSayPriceInfo(item.quteId || item.id, item.agreed, index)">查看报价</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -54,125 +60,146 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import {LoginBox, RemindBox} from '~components/mobile/common'
|
|
|
- import {SayPrice, SayPriceInfo} from '~components/mobile/applyPurchase'
|
|
|
- export default {
|
|
|
- components: {
|
|
|
- LoginBox,
|
|
|
- SayPrice,
|
|
|
- RemindBox,
|
|
|
- SayPriceInfo
|
|
|
- },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- showLoginBox: false,
|
|
|
- showSayPriceBox: false,
|
|
|
- showSayPriceInfoBox: false,
|
|
|
- activeIndex: -1,
|
|
|
- remindText: '',
|
|
|
- timeoutCount: 0,
|
|
|
- agreed: 0
|
|
|
+import { LoginBox, RemindBox } from '~components/mobile/common'
|
|
|
+import { SayPrice, SayPriceInfo } from '~components/mobile/applyPurchase'
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ LoginBox,
|
|
|
+ SayPrice,
|
|
|
+ RemindBox,
|
|
|
+ SayPriceInfo
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ showLoginBox: false,
|
|
|
+ showSayPriceBox: false,
|
|
|
+ showSayPriceInfoBox: false,
|
|
|
+ activeIndex: -1,
|
|
|
+ remindText: '',
|
|
|
+ timeoutCount: 0,
|
|
|
+ agreed: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: ['userType', 'seekType', 'purchaseManList', 'isDataChange'],
|
|
|
+ filters: {
|
|
|
+ date: function(date) {
|
|
|
+ if (date) {
|
|
|
+ const d = new Date(Number(date))
|
|
|
+ const year = d.getFullYear()
|
|
|
+ const monthTemp = d.getMonth() + 1
|
|
|
+ const month = monthTemp < 10 ? '0' + monthTemp : '' + monthTemp
|
|
|
+ const day =
|
|
|
+ d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate() + ' '
|
|
|
+ return year + '-' + month + '-' + day
|
|
|
+ } else {
|
|
|
+ return '-'
|
|
|
}
|
|
|
},
|
|
|
- props: ['userType', 'seekType', 'purchaseManList', 'isDataChange'],
|
|
|
- filters: {
|
|
|
- date: function (date) {
|
|
|
- if (date) {
|
|
|
- const d = new Date(Number(date))
|
|
|
- const year = d.getFullYear()
|
|
|
- const monthTemp = d.getMonth() + 1
|
|
|
- const month = monthTemp < 10 ? '0' + monthTemp : '' + monthTemp
|
|
|
- const day = d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate() + ' '
|
|
|
- return year + '-' + month + '-' + day
|
|
|
- } else {
|
|
|
- return '-'
|
|
|
- }
|
|
|
- },
|
|
|
- enterpriseFilter ([str, logged]) {
|
|
|
- if (logged) {
|
|
|
- return str
|
|
|
- } else {
|
|
|
- return str && str.length > 4 ? str.substring(0, 2) + '**' + str.substring(str.length - 2, str.length) : str || '-'
|
|
|
- }
|
|
|
- },
|
|
|
- userNameFilter ([str, logged]) {
|
|
|
- if (logged) {
|
|
|
- return str
|
|
|
- } else {
|
|
|
- return str ? str.substring(0, 1) + '**' : '-'
|
|
|
- }
|
|
|
+ enterpriseFilter([str, logged]) {
|
|
|
+ if (logged) {
|
|
|
+ return str
|
|
|
+ } else {
|
|
|
+ return str && str.length > 4
|
|
|
+ ? str.substring(0, 2) +
|
|
|
+ '**' +
|
|
|
+ str.substring(str.length - 2, str.length)
|
|
|
+ : str || '-'
|
|
|
}
|
|
|
},
|
|
|
- computed: {
|
|
|
-// purchaseManList () {
|
|
|
-// return this.$store.state.applyPurchase.purchaseManList.purchaseManList.data
|
|
|
-// },
|
|
|
- user () {
|
|
|
- return this.$store.state.option.user
|
|
|
+ userNameFilter([str, logged]) {
|
|
|
+ if (logged) {
|
|
|
+ return str
|
|
|
+ } else {
|
|
|
+ return str ? str.substring(0, 1) + '**' : '-'
|
|
|
}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // purchaseManList () {
|
|
|
+ // return this.$store.state.applyPurchase.purchaseManList.purchaseManList.data
|
|
|
+ // },
|
|
|
+ user() {
|
|
|
+ return this.$store.state.option.user
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getDay: function(timeStamp) {
|
|
|
+ return Math.floor(timeStamp / (1000 * 60 * 60 * 24))
|
|
|
},
|
|
|
- methods: {
|
|
|
- getDay: function (timeStamp) {
|
|
|
- return Math.floor(timeStamp / (1000 * 60 * 60 * 24))
|
|
|
- },
|
|
|
- getHours: function (timeStamp) {
|
|
|
- return Math.floor((timeStamp / (1000 * 60 * 60)) % 24)
|
|
|
- },
|
|
|
- goSayPrice: function (id, index) {
|
|
|
- if (this.user.logged) {
|
|
|
- if (this.user.data.enterprise.uu) {
|
|
|
- if (this.user.data.enterprise.isVendor && this.user.data.enterprise.isVendor !== '1690') {
|
|
|
- this.$store.dispatch('applyPurchase/loadPurchaseManDetail', {itemId: id, enuu: this.$store.state.option.user.data.enterprise ? this.$store.state.option.user.data.enterprise.uu : null})
|
|
|
- this.showSayPriceBox = true
|
|
|
- this.activeIndex = index
|
|
|
- } else {
|
|
|
- this.onRemind('抱歉,您需开通卖家功能才可报价')
|
|
|
- }
|
|
|
+ getHours: function(timeStamp) {
|
|
|
+ return Math.floor((timeStamp / (1000 * 60 * 60)) % 24)
|
|
|
+ },
|
|
|
+ goSayPrice: function(id, index) {
|
|
|
+ if (this.user.logged) {
|
|
|
+ if (this.user.data.enterprise.uu) {
|
|
|
+ if (
|
|
|
+ this.user.data.enterprise.isVendor &&
|
|
|
+ this.user.data.enterprise.isVendor !== '1690'
|
|
|
+ ) {
|
|
|
+ this.$store.dispatch('applyPurchase/loadPurchaseManDetail', {
|
|
|
+ itemId: id,
|
|
|
+ enuu: this.$store.state.option.user.data.enterprise
|
|
|
+ ? this.$store.state.option.user.data.enterprise.uu
|
|
|
+ : null
|
|
|
+ })
|
|
|
+ this.showSayPriceBox = true
|
|
|
+ this.activeIndex = index
|
|
|
} else {
|
|
|
- this.onRemind('个人账户暂不可报价')
|
|
|
+ this.onRemind('抱歉,您需开通卖家功能才可报价')
|
|
|
}
|
|
|
} else {
|
|
|
- this.showLoginBox = true
|
|
|
+ this.onRemind('个人账户暂不可报价')
|
|
|
}
|
|
|
- },
|
|
|
- goSayPriceInfo: function (id, agreed, index) {
|
|
|
- this.userType === 'buyer' ? this.$store.dispatch('applyPurchase/loadBuyerInquiryDetail', {id: id}) : this.$store.dispatch('applyPurchase/loadVendorInquiryDetail', {id: id})
|
|
|
- this.agreed = agreed
|
|
|
- this.showSayPriceInfoBox = true
|
|
|
- this.activeIndex = index
|
|
|
-// '/mobile/applyPurchase/list/' + (userType ? (item.quteId || item.id) + '?type=' + userType : (item.quteId || item.id)) + (userType ? '&' : '?') + 'status=' + item.agreed
|
|
|
- },
|
|
|
- onSayPriceCancel: function (flag, quteId) {
|
|
|
- if (flag) {
|
|
|
- this.purchaseManList[this.activeIndex].quoted = 1
|
|
|
- this.purchaseManList[this.activeIndex].quteId = quteId
|
|
|
- this.onRemind('报价成功')
|
|
|
- }
|
|
|
- this.showSayPriceBox = false
|
|
|
- },
|
|
|
- onSayPriceInfoCancel: function (flag) {
|
|
|
- if (flag) {
|
|
|
- this.purchaseManList[this.activeIndex].agreed = 1
|
|
|
- this.onRemind('采纳成功')
|
|
|
- }
|
|
|
- this.showSayPriceInfoBox = false
|
|
|
- },
|
|
|
- onRemind: function (str) {
|
|
|
- this.remindText = str
|
|
|
- this.timeoutCount ++
|
|
|
+ } else {
|
|
|
+ this.showLoginBox = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goSayPriceInfo: function(id, agreed, index) {
|
|
|
+ this.userType === 'buyer'
|
|
|
+ ? this.$store.dispatch('applyPurchase/loadBuyerInquiryDetail', {
|
|
|
+ id: id
|
|
|
+ })
|
|
|
+ : this.$store.dispatch('applyPurchase/loadVendorInquiryDetail', {
|
|
|
+ id: id
|
|
|
+ })
|
|
|
+ this.agreed = agreed
|
|
|
+ this.showSayPriceInfoBox = true
|
|
|
+ this.activeIndex = index
|
|
|
+ // '/mobile/applyPurchase/list/' + (userType ? (item.quteId || item.id) + '?type=' + userType : (item.quteId || item.id)) + (userType ? '&' : '?') + 'status=' + item.agreed
|
|
|
+ },
|
|
|
+ onSayPriceCancel: function(flag, quteId) {
|
|
|
+ if (flag) {
|
|
|
+ this.purchaseManList[this.activeIndex].quoted = 1
|
|
|
+ this.purchaseManList[this.activeIndex].quteId = quteId
|
|
|
+ this.onRemind('报价成功')
|
|
|
+ }
|
|
|
+ this.showSayPriceBox = false
|
|
|
+ },
|
|
|
+ onSayPriceInfoCancel: function(flag) {
|
|
|
+ if (flag) {
|
|
|
+ this.purchaseManList[this.activeIndex].agreed = 1
|
|
|
+ this.onRemind('采纳成功')
|
|
|
}
|
|
|
+ this.showSayPriceInfoBox = false
|
|
|
+ },
|
|
|
+ onRemind: function(str) {
|
|
|
+ this.remindText = str
|
|
|
+ this.timeoutCount++
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.seek-list {
|
|
|
width: 7.26rem;
|
|
|
margin: .13rem auto 0;
|
|
|
+
|
|
|
li {
|
|
|
border: 1px solid #e0e0e4;
|
|
|
height: 4.2rem;
|
|
|
margin-bottom: .2rem;
|
|
|
- div.top {
|
|
|
+
|
|
|
+ > p {
|
|
|
font-size: .32rem;
|
|
|
color: #3a3a3a;
|
|
|
background: #f8f7fa;
|
|
|
@@ -189,14 +216,7 @@
|
|
|
}
|
|
|
> div {
|
|
|
font-size: .3rem;
|
|
|
- // display: inline-block;
|
|
|
- &::after {
|
|
|
- clear: both;
|
|
|
- visibility: hidden;
|
|
|
- zoom: 1;
|
|
|
- display: block;
|
|
|
- content: ' ';
|
|
|
- }
|
|
|
+
|
|
|
.fl {
|
|
|
color: #666;
|
|
|
width: 4.8rem;
|