| | |
|---|
| | | <template> |
|---|
| | | <z-paging ref="paging" v-model="dataList" @query="queryList" show-refresher-update-time> |
|---|
| | | <template #top> |
|---|
| | | <wd-drop-menu> |
|---|
| | | <wd-drop-menu-item v-model="viewMode" :options="viewModeList" @change="handleViewMode" /> |
|---|
| | | <wd-drop-menu-item |
|---|
| | | v-model="filterDate" |
|---|
| | | :options="filterDateList" |
|---|
| | | @change="handleFilterDate" |
|---|
| | | /> |
|---|
| | | <wd-drop-menu-item v-model="equName" :options="equList" @change="handleEquName" /> |
|---|
| | | </wd-drop-menu> |
|---|
| | | <wd-tabs v-model="activeTab" @change="handleTabChange"> |
|---|
| | | <wd-tab title="待点检"></wd-tab> |
|---|
| | | <wd-tab title="待确认"></wd-tab> |
|---|
| | | <wd-tab title="已完成"></wd-tab> |
|---|
| | | </wd-tabs> |
|---|
| | | </template> |
|---|
| | | <view class="bg-base"> |
|---|
| | | <wd-card type="rectangle" v-for="(item, index) in dataList" :key="item.id"> |
|---|
| | |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | </template> |
|---|
| | | <view class="flex h-[140rpx]" items-center> |
|---|
| | | <view class="flex h-[200rpx]" items-center> |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | </view> |
|---|
| | | <view class="text-color-gray text-sm mt-2 flex"> |
|---|
| | | <text>状态：</text> |
|---|
| | | <template v-if="item.recordCount === item.checkCount"> |
|---|
| | | <template v-if="item.status === '1'"> |
|---|
| | | <wd-icon class="icon-color-success" 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> |
|---|
| | | </template> |
|---|
| | | <template v-else> |
|---|
| | | <wd-icon class="icon-color-base" name="detection" size="40rpx"></wd-icon> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { ref } from 'vue' |
|---|
| | | import { getInspStList } from '@/service/inspect' |
|---|
| | | import dayjs from 'dayjs' |
|---|
| | | |
|---|
| | | // 标签页相关 |
|---|
| | | const activeTab = ref(0) // 默认选中第一个标签页（待点检） |
|---|
| | | |
|---|
| | | // 原有变量 |
|---|
| | | const viewMode = ref<string>('Day') |
|---|
| | | const equName = ref<string>('所有设备') |
|---|
| | | const filterDate = ref<string>('1') |
|---|
| | | const status = ref<string>('0') // 默认为待点检状态 |
|---|
| | | |
|---|
| | | const viewModeList = ref<Record<string, any>[]>([ |
|---|
| | | { label: '日视图', value: 'Day' }, |
|---|
| | |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | const equList = ref<Record<string, any>[]>([{ label: '所有设备', value: '所有设备' }]) |
|---|
| | | |
|---|
| | | // 标签页切换处理函数 |
|---|
| | | function handleTabChange({ index }) { |
|---|
| | | // 根据标签页索引设置对应的状态值 |
|---|
| | | if (index === 0) { |
|---|
| | | // 待点检 |
|---|
| | | status.value = '0' |
|---|
| | | } else if (index === 1) { |
|---|
| | | // 待确认 |
|---|
| | | status.value = '1' |
|---|
| | | } else if (index === 2) { |
|---|
| | | // 已完成 |
|---|
| | | status.value = '2' |
|---|
| | | } |
|---|
| | | // 重新加载数据 |
|---|
| | | reloadData() |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 原有函数 |
|---|
| | | function handleViewMode({ value }) { |
|---|
| | | reloadData() |
|---|
| | | } |
|---|
| | |
|---|
| | | pageNum, |
|---|
| | | pageSize, |
|---|
| | | viewMode: viewMode.value, |
|---|
| | | status: status.value, // 添加状态筛选 |
|---|
| | | } |
|---|
| | | if (filterDate.value === '1') { |
|---|
| | | params.planTime = dayjs().format('YYYY-MM-DD') |
|---|
