jialanbaiyue/lxp_Maxcess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化

Browse Source
This commit is contained in:
刘晓鹏
2025-04-09 18:55:14 +08:00
commit 6e1ae24845
2315 changed files with 256628 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
pages/main/myOrder/repairList.vue Normal file
View File

@@ -0,0 +1,113 @@
<template>
<view class="item-box" v-for="(item,index) of props.dataList">
<view class="time-state">
<view style="color: #666666;">下单时间：{{ item.time }}</view>
<view v-if="item.state === 0" style="color: #0129D3">等待接单</view>
<view v-if="item.state === 1" style="color: #666666">已完成</view>
<view v-if="item.state === 2" style="color: #666666">已取消</view>
<view v-if="item.state === 3" style="color: #0129D3">待支付</view>
</view>
<view style="display:flex;">
<view style="margin-right: 20rpx">
<up-image :show-loading="true" src="../../static/images/img.jpg" width="167rpx" height="176rpx" radius="16rpx"></up-image>
</view>
<view>
<view class="tit-tip multi-line-omit">{{ item.text }}</view>
<view style="color: #F22727;margin-top: 20rpx">
<span style="font-size: 28rpx;font-weight: 600;">￥</span>
<span style="font-family: Bebas;font-weight: 400;font-size: 42rpx;">{{ item.q }}</span>
<span style="font-size: 28rpx;font-weight: 400;">/次</span>
</view>
</view>
</view>
<view v-if="item.state === 0" class="item-btn">
<up-button class="btn" size="small" color="#0129D3" shape="circle" type="primary" text="取消订单"></up-button>
</view>
<view v-if="item.state === 1" class="item-btn">
<up-button class="btn" size="small" color="#0129D3" shape="circle" :plain="true" type="primary" text="联系商家"></up-button>
<up-button class="btn" size="small" color="#0129D3" shape="circle" :plain="true" type="primary" text="取消订单"></up-button>
<up-button class="btn" size="small" color="#0129D3" shape="circle" type="primary" text="修改价格"></up-button>
<up-button class="btn" size="small" color="#0129D3" shape="circle" type="primary" text="签约"></up-button>
</view>
<view v-if="item.state === 2" class="item-btn">
<up-button class="btn" size="small" color="#0129D3" shape="circle" :plain="true" type="primary" text="联系商家"></up-button>
<up-button class="btn" size="small" color="#0129D3" shape="circle" :plain="true" type="primary" text="催发货"></up-button>
<up-button class="btn" size="small" color="#0129D3" shape="circle" type="primary" text="取消订单"></up-button>
</view>
<view v-if="item.state === 3" class="item-btn">
<up-button class="btn" size="small" color="#0129D3" shape="circle" :plain="true" type="primary" text="联系商家"></up-button>
<up-button class="btn" size="small" color="#0129D3" shape="circle" type="primary" text="支付订单"></up-button>
</view>
</view>
</template>
<script setup lang="ts">
import {reactive,ref,defineProps} from 'vue';
import {onLoad, onShow} from '@dcloudio/uni-app'
const props = defineProps({
dataList:{
type:Array,
default:()=>[
{
time: '2023/09/02 12:00',
state: 0,
text:'专版单张： -210*285-双铜纸[157克]-彩色-双面印-1000(张)-单面覆亮膜',
q:'88.00'
},
{
time: '2023/09/02 12:00',
state: 1,
text:'专版单张： -210*285-双铜纸[157克]-彩色-双面印-1000(张)-单面覆亮膜',
q:'888.00'
},
{
time: '2023/09/02 12:00',
state: 2,
text:'专版单张： -210*285-双铜纸[157克]-彩色-双面印-1000(张)-单面覆亮膜',
q:'8888.00'
},
{
time: '2023/09/02 12:00',
state: 3,
text:'专版单张： -210*285-双铜纸[157克]-彩色-双面印-1000(张)-单面覆亮膜',
q:'8.00'
},
]
}
})
</script>
<style scoped lang="scss">
.item-box{
width: 100%;
padding: 32rpx;
background-color: white;
border-radius: 24rpx;
margin-bottom: 32rpx;
.time-state{
font-weight: 400;
font-size: 24rpx;
display: flex;
justify-content: space-between;
margin-bottom: 18rpx;
}
.tit-tip {
text-align: justify;
font-size: 30rpx;
font-weight: 400;
color: #353635;
//font-family: PingFang SC;
}
.item-btn{
margin-top: 20rpx;
display: flex;
justify-content: flex-end;
.btn{
width: 25%;
//margin: 0!important;
margin: 0 0 0 18rpx !important;
}
}
}
</style>