抖火综法
This commit is contained in:
@@ -29,7 +29,14 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-btns">
|
||||
<button class="btn-cancel" @click="onOPay(no)">支付</button>
|
||||
<button class="btn-cancel" @click="onPhone(user.username)">联系TA</button>
|
||||
<button class="btn-cancel" @click="onSing(no)" v-if="can.sign && isSelf">签约</button>
|
||||
<button class="btn-cancel" :class="{'in': can.pay_status == 3}" v-if="can.pay_status == 1 || can.pay_status == 2 || can.pay_status == 3" @click="onOPay(no)">
|
||||
<text v-if="can.pay_status == 1">支付</text>
|
||||
<text v-if="can.pay_status == 2">审核中</text>
|
||||
<text v-if="can.pay_status == 3">被驳回</text>
|
||||
</button>
|
||||
<button class="btn-cancel" v-if="can.diff_price" @click="onDiff(no)">补差价</button>
|
||||
<button class="btn-sign" @click="onInfo(no)">查看</button>
|
||||
</view>
|
||||
</view>
|
||||
@@ -45,6 +52,10 @@
|
||||
};
|
||||
},
|
||||
props: {
|
||||
isSelf: {
|
||||
type : Boolean,
|
||||
default : false
|
||||
},
|
||||
no : {
|
||||
type : String,
|
||||
default : ''
|
||||
@@ -84,14 +95,34 @@
|
||||
default : () => {
|
||||
return { name: '' }
|
||||
}
|
||||
},
|
||||
can: {
|
||||
typeof: Object,
|
||||
default : () => {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 订单签约
|
||||
onSing(id){
|
||||
this.$emit('sing', id)
|
||||
},
|
||||
// 订单详情
|
||||
onInfo(id){
|
||||
this.$emit('info', id)
|
||||
},
|
||||
// 联系客户
|
||||
onPhone(mobile){
|
||||
this.$emit('callPhone', mobile)
|
||||
},
|
||||
// 补差价支付
|
||||
onDiff(id){
|
||||
this.$emit('diff', id)
|
||||
},
|
||||
// 支付
|
||||
onOPay(id){
|
||||
this.$emit('pay', id)
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -101,7 +132,7 @@
|
||||
// 列表模块
|
||||
.order-block{
|
||||
background: white;
|
||||
margin: 30rpx;
|
||||
margin: 0 30rpx 30rpx 30rpx;
|
||||
border-radius: 10rpx;
|
||||
&-header{
|
||||
border-bottom: solid 1rpx #eee;
|
||||
@@ -112,7 +143,7 @@
|
||||
align-items: center;
|
||||
line-height: 70rpx;
|
||||
.order-no{ font-size: 28rpx; color: #111; }
|
||||
.order-state{ color: #353EF4; font-weight: bold; font-size: 30rpx; }
|
||||
.order-state{ color: #446EFE; font-weight: bold; font-size: 30rpx; }
|
||||
}
|
||||
&-content{
|
||||
padding: 30rpx;
|
||||
@@ -142,10 +173,11 @@
|
||||
padding-top: 30rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
button{ margin: 0; height: 70rpx; line-height: 70rpx; border-radius: 35rpx; min-width: 150rpx; font-size: 30rpx; }
|
||||
button{ margin: 0; padding: 0; height: 70rpx; line-height: 70rpx; border-radius: 35rpx; min-width: 135rpx; font-size: 30rpx; }
|
||||
button::after{ display: none; }
|
||||
button.btn-cancel{ margin-right: 20rpx; color: #353EF4; border:solid 1rpx #353EF4; background: white; line-height: 68rpx; box-sizing: border-box; }
|
||||
button.btn-sign{ background: #353EF4; color: white; }
|
||||
button.btn-cancel{ margin-right: 20rpx; color: #446EFE; border:solid 1rpx #446EFE; background: white; line-height: 68rpx; box-sizing: border-box; }
|
||||
button.btn-cancel.in{ opacity: .8; }
|
||||
button.btn-sign{ background: #446EFE; color: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user