ll

liukangdong

2024-11-29 b850badcf800eff5819e0789d1b81e5e27fcd037

 h5/pages/workOrder/list.vue

@@ -8,11 +8,11 @@
      </view>
      <!--  -->
      <view class="tabs">
         <view class="tab" :class="{active: activeTab == 0}" @click="tabsClick(0)">
         <view class="tab" :class="{active: activeTab == -1}" @click="tabsClick(-1)">
            <text>待处理</text>
            <text class="border"></text>
         </view>
         <view class="tab" :class="{active: activeTab == 1}" @click="tabsClick(1)">
         <view class="tab" :class="{active: activeTab == 2}" @click="tabsClick(2)">
            <text>已处理</text>
            <text class="border"></text>
         </view>
@@ -27,18 +27,20 @@
      </view>

      <!--  -->

      <view class="list">

         <view class="item" v-for="item in 10" @click="itemClick(item)">

         <view class="item" v-for="item in list" @click="itemClick(item)">

            <image v-if="item.stats == 1" src="@/static/side/workordered.png" class="icon"></image>
            <image v-else src="@/static/side/workorder.png" class="icon"></image>

            <view class="content">

               <view class="name_wrap line">

                  <view class="name">A座/401</view>

                  <view class="status">已处理</view>

                  <view class="name">{{item.buildingName}}/{{item.roomNum}}</view>

                  <view class="status gray" v-if="item.dealStatus == 2">已处理</view>
                  <view class="status" v-if="item.dealStatus == 0">待处理</view>
                  <view class="status" v-if="item.dealStatus == 1">待处理</view>

               </view>

               <view class="line">工单类型：xxx</view>

               <view class="line">报修物品：121212</view>
               <view class="line">上报时间：121212</view>
               <view class="line">上门时间：121212</view>

               <view class="line">位置类型：{{item.areaType == '0' ? '室内装修' : '公共区域'}}</view>
               <view class="line">工单分类：{{item.categoryName}}</view>
               <view class="line">上报时间：{{item.createDate}}</view>
               <view class="line">上门时间：{{item.getDate}}</view>

            </view>

         </view>

      </view>

@@ -46,29 +48,50 @@
   </view>

</template>



<script>

<script>
   import { ywWorkorder } from '@/api'

   export default {

      data() {

         return {

            param: {},
            activeTab: 0,
            selectAll: false

            activeTab: -1,
            selectAll: false,
				
            list: [],
            total: 0,
            page: 1,

         };

      },
      onShow() {	
         this.getList()
      },
      onReachBottom() {
			
      },

      methods: {

         tabsClick(val) {
            this.activeTab = val
            this.list = []
            this.page = 1
            this,getList()
         },
         allClick() {
            this.selectAll = !this.selectAll
         },
         itemClick() {
         itemClick(item) {
            uni.navigateTo({
               url: '/pages/workOrder/detail'
               url: `/pages/workOrder/detail?id=${item.id}`
            })
         },
         getList() {
            console.log('---');
            const { page, total, list, activeTab } = this
            ywWorkorder({
               page,
               capacity: 10,
               model: {  }
            }).then(res => {
               this.list = res.data.records || []
            })
         }

      }

   }

@@ -181,6 +204,9 @@
               .status{
                  color: $primaryColor;
               }
               .gray{
                  color: #999999;
               }
            }

         }

      }