| | |
| | | <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> |
| | | </template> |
| | |
| | | <view class="flex h-[140rpx]" items-center> |
| | | <image class="slot-img text-center" src="/static/images/camera.png" /> |
| | | <view class="flex-1"> |
| | | <view class="text-color-gray text-xs mt-1 flex"> |
| | | <text class="mr-3">点检总数: {{ item.recordCount }}</text> |
| | | <view class="text-color-gray text-sm mt-1 flex"> |
| | | <text class="mr-3">总数: {{ item.recordCount }}</text> |
| | | | |
| | | <text class="mx-3">已点检: {{ item.checkCount }}</text> |
| | | | |
| | | <text class="ml-3">未点检: {{ item.unCheckCount }}</text> |
| | | </view> |
| | | <view class="text-color-gray text-xs mt-2 flex"> |
| | | <view class="text-color-gray text-sm mt-2 flex"> |
| | | <text class="mr-3">正常: {{ item.normalNum }}</text> |
| | | | |
| | | <text class="mx-3">异常: {{ item.abNormalNum }}</text> |
| | | </view> |
| | | <view class="text-color-gray text-xs mt-2 flex"> |
| | | <view class="text-color-gray text-sm mt-2 flex"> |
| | | <text>状态:</text> |
| | | <template v-if="item.recordCount === item.checkCount"> |
| | | <wd-icon class="icon-color-success" name="check-outline" size="34rpx"></wd-icon> |
| | |
| | | <text class="ml-1">进行中</text> |
| | | </template> |
| | | </view> |
| | | <view class="text-color-gray text-xs mt-2 flex"> |
| | | 创建时间: {{item.createTime}} |
| | | </view> |
| | | <view class="text-color-gray text-sm mt-2 flex">创建时间: {{ item.createTime }}</view> |
| | | </view> |
| | | <wd-button size="small" icon="edit-outline" @click.stop="itemClick(item)">明细</wd-button> |
| | | </view> |
| | |
| | | <script setup lang="ts"> |
| | | import { ref } from 'vue' |
| | | import { getInspStList } from '@/service/inspect' |
| | | import { onShow } from '@dcloudio/uni-app' |
| | | import dayjs from 'dayjs' |
| | | |
| | | const viewMode = ref<string>('Day') |
| | | const equName = ref<string>('所有设备') |
| | | const filterDate = ref<string>('1') |
| | | |
| | | const viewModeList = ref<Record<string, any>[]>([ |
| | | { label: '日视图', value: 'Day' }, |
| | | { label: '月视图', value: 'Month' }, |
| | | ]) |
| | | const filterDateList = ref<Record<string, any>[]>([ |
| | | { label: '所有数据', value: '0' }, |
| | | { label: '当天(月)数据', value: '1' }, |
| | | ]) |
| | | |
| | | const equList = ref<Record<string, any>[]>([{ label: '所有设备', value: '所有设备' }]) |
| | | function handleViewMode({ value }) { |
| | | reloadData() |
| | |
| | | function handleEquName({ value }) { |
| | | console.log(value) |
| | | } |
| | | function handleFilterDate({ value }) { |
| | | reloadData() |
| | | } |
| | | |
| | | const paging = ref(null) |
| | | const dataList = ref([]) |
| | | |
| | | const queryList = (pageNum?: number, pageSize?: number) => { |
| | | // 这里的pageNo和pageSize会自动计算好,直接传给服务器即可 |
| | | // 这里的请求只是演示,请替换成自己的项目的网络请求,并在网络请求回调中通过paging.value.complete(请求回来的数组)将请求结果传给z-paging |
| | | getInspStList({ pageNum, pageSize, viewMode: viewMode.value }) |
| | | const params: any = { |
| | | pageNum, |
| | | pageSize, |
| | | viewMode: viewMode.value, |
| | | } |
| | | if (filterDate.value === '1') { |
| | | params.planTime = dayjs().format('YYYY-MM-DD') |
| | | } else { |
| | | delete params.planTime |
| | | } |
| | | getInspStList(params) |
| | | .then((res: any) => { |
| | | // 请勿在网络请求回调中给dataList赋值!!只需要调用complete就可以了 |
| | | paging.value.completeByTotal(res.rows, res.total) |
| | |
| | | } |
| | | |
| | | function itemClick(item) { |
| | | const inspCode = `${item.equId}_${item.planTime}_${viewMode.value}` |
| | | // const inspCode = `${item.equId}_${item.planTime}_${viewMode.value}` |
| | | uni.navigateTo({ |
| | | url: `/pages/inspect/insp-record?id=${item.id}&createTime=${item.createTime}&inspCode=${inspCode}&specialNote=${item.specialNote ?? ''}&equName=${item.equName ?? ''}&assetNo=${item.assetNo ?? ''}&planTimeStr=${item.planTimeStr ?? ''}`, |
| | | // url: `/pages/inspect/insp-record?id=${item.id}&createTime=${item.createTime}&inspCode=${inspCode}&specialNote=${item.specialNote ?? ''}&equName=${item.equName ?? ''}&assetNo=${item.assetNo ?? ''}&planTimeStr=${item.planTimeStr ?? ''}`, |
| | | url: `/pages/inspect/insp-record?id=${item.id}&viewMode=${viewMode.value}`, |
| | | }) |
| | | } |
| | | |
| | |
| | | height: 40rpx; |
| | | } |
| | | .text-mini { |
| | | font-size: 22rpx; |
| | | font-size: 24rpx; |
| | | } |
| | | |
| | | .menu-indicator { |