maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

在线报修-布局展示优化

Browse Source
This commit is contained in:
赵毅 2025-08-04 14:58:26 +08:00
parent 84ac2a6da5
commit 609e551a90
3 changed files with 63 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/community/oneRepair/index.css
View File

@ -73,7 +73,7 @@ page {
}
.roomItem {
width: 276rpx;
width: auto;
height: 54rpx;
background: #FFF5F5;
border-radius: 10rpx 10rpx 10rpx 10rpx;
@ -85,6 +85,7 @@ page {
color: #222222;
margin-right: 30rpx;
margin-bottom: 28rpx;
padding: 0 10rpx;
}
.roomItem:nth-child(2n) {

1
packages/community/repairList/index.css
View File

@ -138,6 +138,7 @@ page {
font-size: 28rpx;
color: #FFA600;
font-weight: 600;
width: 95rpx;
}
.orderItem_row_state2 {
color: #FF4800;

90
packages/community/repairList/index.vue
View File

@ -1,9 +1,18 @@
<template>
<view class="box">
<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
<div
class="searchBox"
:style="{ height: localHeight + 'px', paddingTop: top + 'px' }"
>
<div class="searchBox_add">
<div class="searchBox_left">
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
<u-icon
bold
color="#000"
size="40"
name="arrow-left"
@click="back"
></u-icon>
</div>
<div class="searchBox_mid">我的报修</div>
<div class="searchBox_right"></div>
@ -11,21 +20,38 @@
</div>
<div class="tabList">
<div :class="active == 1 ? 'tab active' : 'tab'" @click="headerTabsClick(1)">
<div
:class="active == 1 ? 'tab active' : 'tab'"
@click="headerTabsClick(1)"
>
待指派 <span>({{ awaitingNumb }})</span>
</div>
<div :class="active == 2 ? 'tab active' : 'tab'" @click="headerTabsClick(2)">
<div
:class="active == 2 ? 'tab active' : 'tab'"
@click="headerTabsClick(2)"
>
进行中 <span>({{ underwayNum }})</span>
</div>
<div :class="active == 4 ? 'tab active' : 'tab'" @click="headerTabsClick(4)">
<div
:class="active == 4 ? 'tab active' : 'tab'"
@click="headerTabsClick(4)"
>
已作废 <span>({{ discardNum }})</span>
</div>
<div :class="active == 3 ? 'tab active' : 'tab'" @click="headerTabsClick(3)">
<div
:class="active == 3 ? 'tab active' : 'tab'"
@click="headerTabsClick(3)"
>
已完成 <span>({{ doneNum }})</span>
</div>
</div>
<div v-if="list.length !== 0" class="orderList" v-for="(item, index) in list" :key="index">
<div
v-if="list.length !== 0"
class="orderList"
v-for="(item, index) in list"
:key="index"
>
<div class="orderItem" @click="handlerDetailClick(item.id)">
<div :class="['orderItemTit', statusType[item.status].style]">
<div class="orderItemTit_left">工单编号：{{ item.order_code }}</div>
@ -35,10 +61,11 @@
<div class="df">
<div class="orderItem_row_label">小区房源名称</div>
<div class="orderItem_row_con">{{ item.room.name }}</div>
</div>
<div :class="['orderItem_row_state', statusType[item.status].color]">
{{ statusType[item.status].desc }}
<div
:class="['orderItem_row_state', statusType[item.status].color]"
>
{{ statusType[item.status].desc }}
</div>
</div>
</div>
@ -70,8 +97,10 @@
</div>
<div v-if="list.length == 0" class="empty">
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyList_empty.png"
mode="aspectFill"></image>
<image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyList_empty.png"
mode="aspectFill"
></image>
暂无数据
</div>
@ -92,31 +121,31 @@ export default {
page_size: 10,
flag: false, // 是否下拉请求接口
list: [], // 列表数组
awaitingNumb: '', // 待维修工单数量
underwayNum: '', // 进行中工单数量
doneNum: '', // 已完成工单数量
discardNum: '', // 已废弃工单数量
awaitingNumb: "", // 待维修工单数量
underwayNum: "", // 进行中工单数量
doneNum: "", // 已完成工单数量
discardNum: "", // 已废弃工单数量
// 状态枚举类型
statusType: {
1: {
desc: "待指派",
style: "orderItemTit_state1",
color: "orderItem_row_state1"
color: "orderItem_row_state1",
},
2: {
desc: "进行中",
style: "orderItemTit_state2",
color: "orderItem_row_state2"
color: "orderItem_row_state2",
},
3: {
desc: "已完成",
style: "orderItemTit_state3",
color: "orderItem_row_state3"
color: "orderItem_row_state3",
},
4: {
desc: "已作废",
style: "orderItemTit_state4",
color: "orderItem_row_state4"
color: "orderItem_row_state4",
},
},
};
@ -137,12 +166,13 @@ export default {
this.getTabsList();
},
async init() {
const [awaitingNumb, underwayNum, doneNum, discardNum] = await Promise.all([
this.awaitingRes(),
this.underwayRes(),
this.doneRes(),
this.discardRes(),
]);
const [awaitingNumb, underwayNum, doneNum, discardNum] =
await Promise.all([
this.awaitingRes(),
this.underwayRes(),
this.doneRes(),
this.discardRes(),
]);
this.awaitingNumb = awaitingNumb;
this.underwayNum = underwayNum;
this.discardNum = discardNum;
@ -206,9 +236,9 @@ export default {
back() {
uni.navigateBack({
delta: 1
})
}
delta: 1,
});
},
},
onLoad(options) {