feat(eims-ui-mobile): 为多个页面添加搜索功能 - 在 equ-list、insp-st、maint-st、req-list 和 ...

baoshiwei

2025-06-20 60384e8241fa855b5780260633ee9b9f8904847a

 eims-ui-mobile/src/pages/maint/maint-st.vue

@@ -11,6 +11,12 @@
<template>
  <z-paging ref="paging" v-model="dataList" @query="queryList" show-refresher-update-time>
    <template #top>
      <!-- 增加一个搜索栏 -->
      <wd-search v-model="searchValue" @search="handleSearch">
        <template #right-icon>
          <wd-icon name="scan" size="34rpx"></wd-icon>
        </template>
      </wd-search>
      <wd-tabs v-model="activeTab" @change="handleTabChange">
        <wd-tab title="待保养"></wd-tab>
        <wd-tab title="待确认"></wd-tab>
@@ -45,17 +51,19 @@
          <image class="slot-img text-center" src="/static/images/camera.png" />
          <view class="flex-1">
            <view class="text-color-gray text-sm mt-1 flex">
              <text class="mr-3">工单总数: {{ item.orderCount }}</text>
              <text class="mr-3">总数: {{ item.orderCount }}</text>
              |
              <text class="mx-3">已完成: {{ item.wcCount }}</text>
              <text class="mx-3">已完成: {{ item.dyzCount }}</text>
              |
              <text class="mx-3">待保养: {{ item.dbyCount }}</text>
            </view>
            <view class="text-color-gray text-sm mt-2 flex">
              <text class="mr-3">待保养: {{ item.dbyCount }}</text>
              |
              <text class="mx-3">保养中: {{ item.byCount }}</text>
<!--            <view class="text-color-gray text-sm mt-2 flex">-->
<!--              <text class="mr-3">待保养: {{ item.dbyCount }}</text>-->
<!--              |-->
<!--              <text class="ml-3">待验证: {{ item.dyzCount }}</text>-->
            </view>
<!--&lt;!&ndash;              <text class="mx-3">保养中: {{ item.byCount }}</text>&ndash;&gt;-->
<!--&lt;!&ndash;              |&ndash;&gt;-->
<!--&lt;!&ndash;              <text class="ml-3">待验证: {{ item.dyzCount }}</text>&ndash;&gt;-->
<!--            </view>-->
            <view class="text-color-gray text-sm mt-2 flex">
              <text>状态：</text>
              <template v-if="item.status === '1'">
@@ -84,7 +92,7 @@
import { ref, computed } from 'vue'
import { getMaintStList } from '@/service/maint'
import dayjs from 'dayjs'

const searchValue = ref<string>('')
/**
 * 其他页面传过来的数据
 * assetNo: 资产编号
@@ -136,7 +144,7 @@
// 原有状态
const status = ref<string>('0') // 默认为待保养状态
const equName = ref<string>('-1')
const filterDate = ref<string>('1')
const filterDate = ref<string>('0')

const filterDateList = ref<Record<string, any>[]>([
  { label: '所有数据', value: '0' },
@@ -189,6 +197,7 @@
    pageSize,
    equName: equName.value,
    status: status.value,
    params: {},
  }
  if (filterDate.value === '1') {
    // 获取当前日期
@@ -198,7 +207,7 @@
      endPlanTime: now.endOf('month').format('YYYY-MM-DD 23:59:59'),
    }
  } else {
    delete queryParams.params
    queryParams.params = {}
  }

  if (equName.value === '-1') {
@@ -211,7 +220,7 @@
  if (option?.from === 'scan') {
    queryParams.assetNo = option.assetNo
  }

  queryParams.params.searchValue = searchValue.value
  getMaintStList(queryParams)
    .then((res: any) => {
      // 请勿在网络请求回调中给dataList赋值！！只需要调用complete就可以了
@@ -231,6 +240,11 @@
  })
}

function handleSearch () {
  console.log('handleSearch')
  paging.value.reload()
}

function reloadData() {
  paging.value.reload()
}