|
|
@@ -10,6 +10,10 @@
|
|
|
<span class="mobile-switch-btn" :class="{'active': activeType=='all'}" @click="switchActiveType('all')">公司商机</span>
|
|
|
<span class="mobile-switch-btn" :class="{'active': activeType=='self'}" @click="switchActiveType('self')">我的商机</span>
|
|
|
</div>
|
|
|
+ <div class="product-switch-item" v-if="userType == 'buyer'">
|
|
|
+ <span :class="overdue==='attention'?'mobile-switch-btn active':'mobile-switch-btn'" @click="ChangeTab('attention')">未截止</span>
|
|
|
+ <span :class="overdue==='isattention'?'mobile-switch-btn active':'mobile-switch-btn'" @click="ChangeTab('isattention')">已截止</span>
|
|
|
+ </div>
|
|
|
<div class="search-content">
|
|
|
<input type="text" v-model="seekKeyword" :placeholder="userType == 'buyer' ? '品牌/型号' : '品牌/类目/型号/规格/公司'" @keyup.13="onSearch">
|
|
|
<span @click="onSearch"><i class="iconfont icon-sousuo"></i></span>
|
|
|
@@ -34,7 +38,8 @@
|
|
|
isChange: false,
|
|
|
isSearch: false,
|
|
|
remindKeyword: '',
|
|
|
- activeType: 'all'
|
|
|
+ activeType: 'all',
|
|
|
+ overdue: 'attention'
|
|
|
}
|
|
|
},
|
|
|
props: ['userType'],
|
|
|
@@ -100,6 +105,13 @@
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ ChangeTab(a) {
|
|
|
+ this.overdue = a
|
|
|
+ this.page = 1
|
|
|
+ this.remindKeyword = this.seekKeyword = ''
|
|
|
+ this.isChange = true
|
|
|
+ this.reloadData()
|
|
|
+ },
|
|
|
onSearch: function () {
|
|
|
this.isSearch = true
|
|
|
this.remindKeyword = this.seekKeyword
|
|
|
@@ -108,7 +120,8 @@
|
|
|
this.reloadData()
|
|
|
},
|
|
|
reloadData: function () {
|
|
|
- this.$emit('reloadAction', this.page, this.count, this.seekKeyword, this.seekType, this.activeType)
|
|
|
+ let overdue = this.overdue === 'attention' ? '0' : '1'
|
|
|
+ this.$emit('reloadAction', this.page, this.count, this.seekKeyword, this.seekType, this.activeType, overdue)
|
|
|
},
|
|
|
onPullUpAction: function () {
|
|
|
this.page++
|
|
|
@@ -147,6 +160,27 @@
|
|
|
}
|
|
|
}
|
|
|
$seekTitleLine: .72rem;
|
|
|
+ .product-switch-item {
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ border-bottom: 1px solid #d8d8d8;
|
|
|
+ box-shadow: 0 1px 3px #ddd;
|
|
|
+ .mobile-switch-btn {
|
|
|
+ color: #333;
|
|
|
+ display: inline-block;
|
|
|
+ height: .72rem;
|
|
|
+ line-height: .72rem;
|
|
|
+ font-size: .28rem;
|
|
|
+ width: 1.4rem;
|
|
|
+ &:first-child {
|
|
|
+ margin-right: 1.78rem;
|
|
|
+ }
|
|
|
+ &.active {
|
|
|
+ color: #3f84f6;
|
|
|
+ border-bottom: .04rem solid #3f84f6;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.seek-title {
|
|
|
height: $seekTitleLine;
|
|
|
line-height: $seekTitleLine;
|