| | |
|---|
| | | <template #top> |
|---|
| | | <wd-drop-menu> |
|---|
| | | <wd-drop-menu-item v-model="equName" :options="equList" @change="handleEquName" /> |
|---|
| | | <wd-drop-menu-item |
|---|
| | | v-model="filterDate" |
|---|
| | | :options="filterDateList" |
|---|
| | | @change="handleFilterDate" |
|---|
| | | /> |
|---|
| | | <wd-drop-menu-item v-model="status" :options="statusList" @change="handleStatus" /> |
|---|
| | | </wd-drop-menu> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { ref } from 'vue' |
|---|
| | | import { getMaintStList } from '@/service/maint' |
|---|
| | | import dayjs from 'dayjs' |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 其他页面传过来的数据 |
|---|
| | |
|---|
| | | assetNo?: string |
|---|
| | | equName?: string |
|---|
| | | status?: string |
|---|
| | | params?: NonNullable<unknown> |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 页面参数，上个页面传递过来的参数 |
|---|
| | |
|---|
| | | }) |
|---|
| | | const status = ref<string>('-1') |
|---|
| | | const equName = ref<string>('-1') |
|---|
| | | const filterDate = ref<string>('1') |
|---|
| | | |
|---|
| | | const filterDateList = ref<Record<string, any>[]>([ |
|---|
| | | { label: '所有数据', value: '0' }, |
|---|
| | | { label: '当月数据', value: '1' }, |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | const statusList = ref<Record<string, any>[]>([ |
|---|
| | | { label: '所有状态', value: '-1' }, |
|---|
| | |
|---|
| | | 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 |
|---|
| | | const params: QueryParams = { |
|---|
| | | const queryParams: QueryParams = { |
|---|
| | | pageNum, |
|---|
| | | pageSize, |
|---|
| | | equName: equName.value, |
|---|
| | | status: status.value, |
|---|
| | | } |
|---|
| | | if (filterDate.value === '1') { |
|---|
| | | // 获取当前日期 |
|---|
| | | const now = dayjs() |
|---|
| | | queryParams.params = { |
|---|
| | | beginPlanTime: now.startOf('month').format('YYYY-MM-DD 00:00:00'), |
|---|
| | | endPlanTime: now.endOf('month').format('YYYY-MM-DD 23:59:59'), |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | delete queryParams.params |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (equName.value === '-1') { |
|---|
| | | delete params.equName |
|---|
| | | delete queryParams.equName |
|---|
| | | } |
|---|
| | | if (status.value === '-1') { |
|---|
| | | delete params.status |
|---|
| | | delete queryParams.status |
|---|
| | | } |
|---|
| | | // 如果是从扫码页面过来，只能查询固定设备的数据 |
|---|
| | | if (option?.from === 'scan') { |
|---|
| | | params.assetNo = option.assetNo |
|---|
| | | queryParams.assetNo = option.assetNo |
|---|
| | | } |
|---|
| | | |
|---|
| | | getMaintStList(params) |
|---|
| | | getMaintStList(queryParams) |
|---|
| | | .then((res: any) => { |
|---|
| | | // 请勿在网络请求回调中给dataList赋值！！只需要调用complete就可以了 |
|---|
| | | paging.value.completeByTotal(res.rows, res.total) |
|---|
