在线报修-布局展示优化

packages/community/oneRepair/index.css

@@ -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) {

packages/community/repairList/index.css

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

packages/community/repairList/index.vue

@@ -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]"
-          <div :class="['orderItem_row_state', statusType[item.status].color]">
+            >
-            {{ statusType[item.status].desc }}
+              {{ 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"
+      <image
-        mode="aspectFill"></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: '', // 待维修工单数量
+      awaitingNumb: "", // 待维修工单数量
-      underwayNum: '', // 进行中工单数量
+      underwayNum: "", // 进行中工单数量
-      doneNum: '', // 已完成工单数量
+      doneNum: "", // 已完成工单数量
-      discardNum: '', // 已废弃工单数量
+      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([
+      const [awaitingNumb, underwayNum, doneNum, discardNum] =
-        this.awaitingRes(),
+        await Promise.all([
-        this.underwayRes(),
+          this.awaitingRes(),
-        this.doneRes(),
+          this.underwayRes(),
-        this.discardRes(),
+          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) {