TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

订单管理

Browse Source
This commit is contained in:
唐明明
2022-01-13 11:00:08 +08:00
parent 3138894268
commit 1968ae15bb
5 changed files with 150 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
uni_modules/oct-order/components/oct-order/oct-order.vue
View File

@@ -40,11 +40,16 @@
</view>
</view>
</block>
<slot name="btns">
<slot name="btns" v-if="orderInfo.cans">
<view class="order--btns">
<block v-for="(btnItem, btnIndex) in orderBtns" :key="btnIndex">
<!-- <block v-for="(btnItem, btnIndex) in orderBtns" :key="btnIndex">
<view class="item" @click="$emit('onBtn', {type: btnItem.type, order: orderInfo})" :style="btnItem.style">{{btnItem.text}}</view>
</block>
</block> -->
<view v-show="orderInfo.cans.cancel" class="item item--cancel" @click="$emit('onBtn', {type: 'cancel', order: orderInfo})">取消订单</view>
<view v-show="orderInfo.cans.delete" class="item item--delete" @click="$emit('onBtn', {type: 'delete', order: orderInfo})">删除订单</view>
<view v-show="orderInfo.cans.logistic_show" class="item item--logistic" @click="$emit('onBtn', {type: 'logistic', order: orderInfo})">查看物流</view>
<view v-show="orderInfo.cans.pay" class="item item--pay" @click="$emit('onBtn', {type: 'pay', order: orderInfo})">立即支付</view>
<view v-show="orderInfo.cans.sign" class="item item--sign" @click="$emit('onBtn', {type: 'sign', order: orderInfo})">签收</view>
</view>
</slot>
</view>
@@ -137,6 +142,7 @@
font-size: 28rpx;
line-height: 40rpx;
color: #555;
@extend .text-nowrap;
}
&> .stateText{
font-size: 26rpx;
@@ -219,6 +225,16 @@
border: solid 1rpx #ddd;
padding: 0 ($margin - 10);
border-radius: 28rpx;
&--cancel,
&--delete,
&--logistic{
color: #666;
}
&--pay,
&--sign{
color: #34CE98;
border-color: #34CE98;
}
}
}
}