feat(eims): 优化设备管理功能和界面

baoshiwei

2025-06-26 f29e2aae98bbb52672b67bff99556f3cf64d1bce

 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,26 +51,28 @@
          <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'">
                <wd-icon class="icon-color-success" name="check-outline" size="34rpx"></wd-icon>
                <text class="ml-1">已完成</text>
                <wd-icon class="icon-color-warning" name="check-outline" size="34rpx"></wd-icon>
                <text class="ml-1">待确认</text>
              </template>
              <template v-else-if="item.status === '2'">
                <wd-icon class="icon-color-warning" name="check-outline" size="34rpx"></wd-icon>
                <text class="ml-1">已确认</text>
                <wd-icon class="icon-color-success" name="check-outline" size="34rpx"></wd-icon>
                <text class="ml-1">已完成</text>
              </template>
              <template v-else>
                <wd-icon class="icon-color-base" name="detection" size="40rpx"></wd-icon>
@@ -84,7 +92,7 @@
import { ref, computed } from 'vue'
import { getMaintStList } from '@/service/maint'
import dayjs from 'dayjs'

const searchValue = ref<string>('')
/**
 * 其他页面传过来的数据
 * assetNo: 资产编号
@@ -110,13 +118,21 @@

  const now = dayjs()
  const planDate = dayjs(planTime)
  const diffDays = planDate.diff(now, 'day')

  // 获取计划日期所在月份的最后一天
  const planMonthEnd = planDate.endOf('month')

  // 计算当前日期与计划月月底的差值（天数）
  const diffDays = planMonthEnd.diff(now, 'day')

  if (diffDays < 0) {
    // 超过计划时间，红色背景
    // 已经过了计划月的月底，红色背景
    return 'card-overdue'
  } else if (diffDays <= 3) {
    // 距离计划时间三天以内，黄色背景
    // 距离计划月月底3天以内，红色背景
    return 'card-overdue'
  } else if (diffDays <= 10) {
    // 距离计划月月底10天以内，黄色背景
    return 'card-urgent'
  } else {
    // 正常状态，背景颜色不变
@@ -136,7 +152,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 +205,7 @@
    pageSize,
    equName: equName.value,
    status: status.value,
    params: {},
  }
  if (filterDate.value === '1') {
    // 获取当前日期
@@ -198,7 +215,7 @@
      endPlanTime: now.endOf('month').format('YYYY-MM-DD 23:59:59'),
    }
  } else {
    delete queryParams.params
    queryParams.params = {}
  }

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

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

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

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