| @ -0,0 +1,102 @@ | |||
| <template> | |||
| <view class="orderTypeBtn"> | |||
| <!-- 租赁 --> | |||
| <view class="btns" v-if="type==0"> | |||
| <view class="btn1" @click="confirmReceiveGoods"> | |||
| 确认 | |||
| </view> | |||
| <view class="btn2"> | |||
| 查看物流 | |||
| </view> | |||
| </view> | |||
| <!-- 水洗 --> | |||
| <view class="btns" v-if="type==1"> | |||
| <!-- | |||
| 水洗订单:3待支付 4水洗店接单 5水洗店检查 6开始清洗 | |||
| --> | |||
| <view class="btn1" @click="confirmReceiveGoods"> | |||
| {{status==3}} | |||
| 开始清洗 | |||
| </view> | |||
| <!-- <view class="btn2"> | |||
| 线下配送 | |||
| </view> --> | |||
| </view> | |||
| <!-- 破损(换货) --> | |||
| <view class="btns" v-if="type==2"> | |||
| <view class="btn1" @click="confirmReceiveGoods"> | |||
| <!-- 快递寄回 --> | |||
| 确认收货 | |||
| </view> | |||
| <view class="btn2"> | |||
| 线下配送 | |||
| </view> | |||
| </view> | |||
| <!-- 退货 --> | |||
| <view class="btns" v-if="type==3"> | |||
| <view class="btn1" @click="confirmReceiveGoods"> | |||
| <!-- 快递寄回 --> | |||
| 确认收货 | |||
| </view> | |||
| <view class="btn2"> | |||
| 线下配送 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| props: { | |||
| type: null, | |||
| status: null, | |||
| }, | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style scoped lang="scss"> | |||
| .orderTypeBtn { | |||
| .btns { | |||
| margin-top: 50rpx; | |||
| display: flex; | |||
| view { | |||
| margin: 0 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| color: #fff; | |||
| background-color: $uni-color; | |||
| padding: 15rpx 40rpx; | |||
| border-radius: 40rpx; | |||
| } | |||
| .btn1 { | |||
| // background-color: #FFFFFF; | |||
| // border: 1px solid #A7A7A7; | |||
| // color: #A7A7A7; | |||
| } | |||
| .btn2 { | |||
| background-color: #FFFFFF; | |||
| border: 1px solid #A7A7A7; | |||
| color: #A7A7A7; | |||
| } | |||
| } | |||
| } | |||
| </style> | |||