123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <template>
- <view class="bill-list-component">
- <view class="chooseList u-flex" @click="jumpPage('/pages/sales/salesDetail')">
- <view class="checkbox" v-show="showCheck"><u-checkbox v-model="checked" name="productSn" @change="checkChange" size="40" shape="circle"></u-checkbox></view>
- <view class="choose_r">
- <view class="u-flex u-row-between">
- <view class="billInfo u-flex">
- <text>2022-11-23</text>
- <view>待出库</view>
- <view>数字货架</view>
- </view>
- <view class="billOrder">XS211230001</view>
- </view>
- <view class="rigth_b u-flex u-row-between">
- <view>应收:¥12.00</view>
- <view>已收:¥12.00</view>
- <view>
- 待收:
- <text>¥12.00</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- props: {
- listData: {
- type: Array,
- default: () => {
- return [];
- }
- },
- showCheck:{
- type: Boolean,
- default:false
- }
- },
- data() {
- return {
- checked:true
- };
- },
- methods: {
- jumpPage(url){
- uni.navigateTo({
- url
- })
- }
- }
- };
- </script>
- <style lang="less">
- .bill-list-component {
- .chooseList {
- padding: 30rpx 20rpx;
- border-bottom: 1rpx solid #e4e7ed;
- &:last-child {
- border-bottom: 0rpx solid #e4e7ed;
- }
- .checkbox {
- width: 74rpx;
- }
- .choose_r {
- flex: 1;
- .billInfo {
- text {
- font-weight: 600;
- }
- view {
- padding: 4rpx 10rpx;
- text-align: center;
- border-radius: 30rpx;
- border: 1rpx solid #e4e7ed;
- margin-left: 10rpx;
- font-size: 0.7rem;
- color: #666;
- }
- }
- .billOrder {
- font-size: 0.8rem;
- color: #666;
- }
- .rigth_b {
- color: #666;
- font-size: 0.8rem;
- margin-top: 20rpx;
- view {
- &:last-child {
- color: #333;
- text {
- color: #f0ad4e;
- }
- }
- }
- }
- }
- }
- }
- </style>
|