|
|
@@ -1,256 +1,256 @@
|
|
|
<template>
|
|
|
- <el-row :gutter="20">
|
|
|
- <DeptTree @node-click="handleDeptNodeClick" v-model:collapsed="isLeftContentCollapsed" />
|
|
|
- <el-col :xs="24" :span="isLeftContentCollapsed ? 24 : 20">
|
|
|
- <div
|
|
|
- style="border: none; background: #fff; display: flex; align-items: center"
|
|
|
- class="py-2 rounded-sm"
|
|
|
- >
|
|
|
- <!-- 搜索工作栏 -->
|
|
|
- <el-form
|
|
|
- class="-mb-15px"
|
|
|
- :model="queryParams"
|
|
|
- ref="queryFormRef"
|
|
|
- :inline="true"
|
|
|
- label-width="68px"
|
|
|
- >
|
|
|
- <!-- <el-form-item label="故障编码" prop="failureCode">-->
|
|
|
- <!-- <el-input-->
|
|
|
- <!-- v-model="queryParams.failureCode"-->
|
|
|
- <!-- placeholder="请输入故障编码"-->
|
|
|
- <!-- clearable-->
|
|
|
- <!-- @keyup.enter="handleQuery"-->
|
|
|
- <!-- class="!w-200px"-->
|
|
|
- <!-- />-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
- <el-form-item :label="t('fault.faultTitle')" label-width="70px" prop="failureName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.failureName"
|
|
|
- :placeholder="t('fault.titleHolder')"
|
|
|
- clearable
|
|
|
- @keyup.enter="handleQuery"
|
|
|
- class="!w-200px"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="t('fault.status')" label-width="40px" prop="status">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.status"
|
|
|
- :placeholder="t('fault.status')"
|
|
|
- clearable
|
|
|
- class="!w-200px"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in getStrDictOptions(DICT_TYPE.PMS_FAILURE_STATUS)"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="t('fault.shutDown')" v-show="ifShow" prop="ifStop">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.ifStop"
|
|
|
- :placeholder="t('fault.shutDown')"
|
|
|
- clearable
|
|
|
- class="!w-200px"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="t('fault.failureTime')" v-show="ifShow" prop="failureTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="queryParams.failureTime"
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
- type="daterange"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
|
|
- class="!w-220px"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="t('fault.solve')" v-show="ifShow" prop="ifDeal">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.ifDeal"
|
|
|
- :placeholder="t('fault.solve')"
|
|
|
- clearable
|
|
|
- class="!w-200px"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item :label="t('fault.assist')" v-show="ifShow" prop="needHelp">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.needHelp"
|
|
|
- :placeholder="t('fault.assist')"
|
|
|
- clearable
|
|
|
- class="!w-200px"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建时间" v-show="ifShow" prop="createTime">
|
|
|
- <el-date-picker
|
|
|
- v-model="queryParams.createTime"
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
- type="daterange"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
|
|
- class="!w-220px"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button v-if="!ifShow" @click="moreQuery(true)" type="warning"
|
|
|
- ><Icon icon="ep:search" class="mr-5px" /> {{ t('fault.moreSearch') }}</el-button
|
|
|
- >
|
|
|
- <el-button v-if="ifShow" @click="moreQuery(false)" type="danger"
|
|
|
- ><Icon icon="ep:search" class="mr-5px" /> {{ t('fault.closeSearch') }}</el-button
|
|
|
- >
|
|
|
- <el-button @click="handleQuery"
|
|
|
- ><Icon icon="ep:search" class="mr-5px" /> {{ t('fault.search') }}</el-button
|
|
|
- >
|
|
|
- <el-button @click="resetQuery"
|
|
|
- ><Icon icon="ep:refresh" class="mr-5px" /> {{ t('fault.reset') }}</el-button
|
|
|
- >
|
|
|
- <el-button type="primary" plain @click="openForm('create', undefined, false)">
|
|
|
- <Icon icon="ep:plus" class="mr-5px" /> {{ t('fault.added') }}
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- type="success"
|
|
|
- plain
|
|
|
- @click="handleExport"
|
|
|
- :loading="exportLoading"
|
|
|
- v-hasPermi="['rq:iot-failure-report:export']"
|
|
|
- >
|
|
|
- <Icon icon="ep:download" class="mr-5px" /> 导出
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <div
|
|
|
+ class="failure-page grid grid-cols-[auto_1fr] grid-rows-[auto_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]">
|
|
|
+ <DeptTreeSelect
|
|
|
+ :top-id="rootDeptId"
|
|
|
+ :dept-id="deptId"
|
|
|
+ v-model="queryParams.deptId"
|
|
|
+ :init-select="false"
|
|
|
+ :show-title="false"
|
|
|
+ request-api="getSimpleDeptList"
|
|
|
+ class="failure-tree row-span-2"
|
|
|
+ @node-click="handleDeptNodeClick" />
|
|
|
+
|
|
|
+ <el-form
|
|
|
+ ref="queryFormRef"
|
|
|
+ :model="queryParams"
|
|
|
+ size="default"
|
|
|
+ label-width="68px"
|
|
|
+ class="failure-query bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-6 py-3 min-w-0">
|
|
|
+ <div class="query-row">
|
|
|
+ <el-form-item :label="t('fault.faultTitle')" label-width="70px" prop="failureName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.failureName"
|
|
|
+ :placeholder="t('fault.titleHolder')"
|
|
|
+ clearable
|
|
|
+ class="query-control"
|
|
|
+ @keyup.enter="handleQuery" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="t('fault.status')" label-width="40px" prop="status">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.status"
|
|
|
+ :placeholder="t('fault.status')"
|
|
|
+ clearable
|
|
|
+ class="query-control query-control--small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getStrDictOptions(DICT_TYPE.PMS_FAILURE_STATUS)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-show="ifShow" :label="t('fault.shutDown')" prop="ifStop">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.ifStop"
|
|
|
+ :placeholder="t('fault.shutDown')"
|
|
|
+ clearable
|
|
|
+ class="query-control query-control--small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-show="ifShow" :label="t('fault.failureTime')" prop="failureTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.failureTime"
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ type="daterange"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
|
|
+ class="query-control query-control--date" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-show="ifShow" :label="t('fault.solve')" prop="ifDeal">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.ifDeal"
|
|
|
+ :placeholder="t('fault.solve')"
|
|
|
+ clearable
|
|
|
+ class="query-control query-control--small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-show="ifShow" :label="t('fault.assist')" prop="needHelp">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.needHelp"
|
|
|
+ :placeholder="t('fault.assist')"
|
|
|
+ clearable
|
|
|
+ class="query-control query-control--small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-show="ifShow" label="创建时间" prop="createTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="queryParams.createTime"
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ type="daterange"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
|
|
+ class="query-control query-control--date" />
|
|
|
+ </el-form-item>
|
|
|
</div>
|
|
|
|
|
|
- <!-- 列表 -->
|
|
|
- <ContentWrap style="border: none; margin-top: 20px">
|
|
|
- <zm-table height="calc(85vh - 140px)" :loading="loading" :data="list" show-border>
|
|
|
- <zm-table-column :label="t('fault.serial')" width="70" align="center">
|
|
|
- <template #default="scope">
|
|
|
- {{ scope.$index + 1 }}
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- <!-- <el-table-column label="故障编码" align="center" prop="failureCode" />-->
|
|
|
- <zm-table-column :label="t('fault.faultTitle')" align="center" prop="failureName" />
|
|
|
- <zm-table-column :label="t('iotMaintain.deviceCode')" align="center" prop="deviceCode" />
|
|
|
- <zm-table-column :label="t('fault.deviceName')" align="center" prop="deviceName" />
|
|
|
- <zm-table-column :label="t('fault.status')" align="center" prop="status">
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :type="DICT_TYPE.PMS_FAILURE_STATUS" :value="scope.row.status" />
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- <zm-table-column
|
|
|
- :label="t('faultForm.failureType')"
|
|
|
- align="center"
|
|
|
- prop="failureType"
|
|
|
- min-width="90px"
|
|
|
- >
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :type="DICT_TYPE.FAILURE_TYPE" :value="scope.row.failureType" />
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- <zm-table-column
|
|
|
- :label="t('fault.approvalStatus')"
|
|
|
- align="center"
|
|
|
- prop="auditStatus"
|
|
|
- min-width="90px"
|
|
|
- >
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :type="DICT_TYPE.CRM_AUDIT_STATUS" :value="scope.row.auditStatus" />
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- <zm-table-column :label="t('fault.solve')" align="center" prop="ifDeal">
|
|
|
- <template #default="scope">
|
|
|
- <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.ifDeal" />
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- <zm-table-column
|
|
|
- :label="t('fault.failureTime')"
|
|
|
- align="center"
|
|
|
- prop="failureTime"
|
|
|
- :formatter="dateFormatter"
|
|
|
- min-width="180px"
|
|
|
- />
|
|
|
- <zm-table-column :label="t('fault.solveTime')" align="center" prop="dealHour">
|
|
|
- <template #default="scope">
|
|
|
- {{ scope.row.dealHour && scope.row.dealHour > 0 ? scope.row.dealHour + 'H' : '' }}
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- <zm-table-column
|
|
|
- :label="t('table.createTime')"
|
|
|
- align="center"
|
|
|
- prop="createTime"
|
|
|
- :formatter="dateFormatter"
|
|
|
- min-width="180px"
|
|
|
- />
|
|
|
- <zm-table-column
|
|
|
- :label="t('fault.operation')"
|
|
|
- align="center"
|
|
|
- min-width="120px"
|
|
|
- fixed="right"
|
|
|
- action
|
|
|
- >
|
|
|
- <template #default="scope">
|
|
|
- <el-button
|
|
|
- link
|
|
|
- type="primary"
|
|
|
- @click="openForm('detail', scope.row.id, true)"
|
|
|
- v-hasPermi="['rq:iot-failure-report:query']"
|
|
|
- >
|
|
|
- {{ t('fault.view') }}
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- link
|
|
|
- v-if="scope.row.auditStatus === '30'"
|
|
|
- type="primary"
|
|
|
- @click="openForm('update', scope.row.id, false)"
|
|
|
- v-hasPermi="['rq:iot-failure-report:update']"
|
|
|
- >
|
|
|
- {{ t('fault.edit') }}
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- link
|
|
|
- v-if="scope.row.auditStatus === '30'"
|
|
|
- type="danger"
|
|
|
- @click="handleDelete(scope.row.id)"
|
|
|
- v-hasPermi="['rq:iot-failure-report:delete']"
|
|
|
- >
|
|
|
- {{ t('fault.del') }}
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </zm-table-column>
|
|
|
- </zm-table>
|
|
|
- <!-- 分页 -->
|
|
|
- <Pagination
|
|
|
+ <el-form-item class="query-actions">
|
|
|
+ <el-button v-if="!ifShow" type="warning" @click="moreQuery(true)">
|
|
|
+ <Icon icon="ep:search" class="mr-5px" /> {{ t('fault.moreSearch') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button v-else type="danger" @click="moreQuery(false)">
|
|
|
+ <Icon icon="ep:search" class="mr-5px" /> {{ t('fault.closeSearch') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" @click="handleQuery">
|
|
|
+ <Icon icon="ep:search" class="mr-5px" /> {{ t('fault.search') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="resetQuery">
|
|
|
+ <Icon icon="ep:refresh" class="mr-5px" /> {{ t('fault.reset') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain @click="openForm('create', undefined, false)">
|
|
|
+ <Icon icon="ep:plus" class="mr-5px" /> {{ t('fault.added') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ :loading="exportLoading"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['rq:iot-failure-report:export']">
|
|
|
+ <Icon icon="ep:download" class="mr-5px" /> 导出
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg flex flex-col p-4 min-w-0 min-h-0">
|
|
|
+ <div class="flex-1 relative min-h-0">
|
|
|
+ <el-auto-resizer class="absolute">
|
|
|
+ <template #default="{ width, height }">
|
|
|
+ <ZmTable
|
|
|
+ :loading="loading"
|
|
|
+ :data="list"
|
|
|
+ :width="width"
|
|
|
+ :height="height"
|
|
|
+ :max-height="height"
|
|
|
+ show-border>
|
|
|
+ <ZmTableColumn :label="t('fault.serial')" width="70" align="center" fixed="left">
|
|
|
+ <template #default="scope">
|
|
|
+ {{ scope.$index + 1 }}
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('fault.faultTitle')"
|
|
|
+ align="center"
|
|
|
+ prop="failureName"
|
|
|
+ fixed="left" />
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('iotMaintain.deviceCode')"
|
|
|
+ align="center"
|
|
|
+ prop="deviceCode" />
|
|
|
+ <ZmTableColumn :label="t('fault.deviceName')" align="center" prop="deviceName" />
|
|
|
+ <ZmTableColumn :label="t('fault.status')" align="center" prop="status">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :type="DICT_TYPE.PMS_FAILURE_STATUS" :value="scope.row.status" />
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('faultForm.failureType')"
|
|
|
+ align="center"
|
|
|
+ prop="failureType"
|
|
|
+ min-width="90px">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :type="DICT_TYPE.FAILURE_TYPE" :value="scope.row.failureType" />
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('fault.approvalStatus')"
|
|
|
+ align="center"
|
|
|
+ prop="auditStatus"
|
|
|
+ min-width="90px">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :type="DICT_TYPE.CRM_AUDIT_STATUS" :value="scope.row.auditStatus" />
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ <ZmTableColumn :label="t('fault.solve')" align="center" prop="ifDeal">
|
|
|
+ <template #default="scope">
|
|
|
+ <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.ifDeal" />
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('fault.failureTime')"
|
|
|
+ align="center"
|
|
|
+ prop="failureTime"
|
|
|
+ :formatter="dateFormatter"
|
|
|
+ min-width="180px" />
|
|
|
+ <ZmTableColumn :label="t('fault.solveTime')" align="center" prop="dealHour">
|
|
|
+ <template #default="scope">
|
|
|
+ {{ scope.row.dealHour && scope.row.dealHour > 0 ? scope.row.dealHour + 'H' : '' }}
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('table.createTime')"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ :formatter="dateFormatter"
|
|
|
+ min-width="180px" />
|
|
|
+ <ZmTableColumn
|
|
|
+ :label="t('fault.operation')"
|
|
|
+ align="center"
|
|
|
+ min-width="120px"
|
|
|
+ fixed="right"
|
|
|
+ action>
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ @click="openForm('detail', scope.row.id, true)"
|
|
|
+ v-hasPermi="['rq:iot-failure-report:query']">
|
|
|
+ {{ t('fault.view') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ v-if="scope.row.auditStatus === '30'"
|
|
|
+ type="primary"
|
|
|
+ @click="openForm('update', scope.row.id, false)"
|
|
|
+ v-hasPermi="['rq:iot-failure-report:update']">
|
|
|
+ {{ t('fault.edit') }}
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ v-if="scope.row.auditStatus === '30'"
|
|
|
+ type="danger"
|
|
|
+ @click="handleDelete(scope.row.id)"
|
|
|
+ v-hasPermi="['rq:iot-failure-report:delete']">
|
|
|
+ {{ t('fault.del') }}
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </ZmTableColumn>
|
|
|
+ </ZmTable>
|
|
|
+ </template>
|
|
|
+ </el-auto-resizer>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="h-8 mt-2 flex items-center justify-end">
|
|
|
+ <el-pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ size="default"
|
|
|
+ :current-page="queryParams.pageNo"
|
|
|
+ :page-size="queryParams.pageSize"
|
|
|
+ :background="true"
|
|
|
+ :page-sizes="[10, 20, 30, 50, 100]"
|
|
|
:total="total"
|
|
|
- v-model:page="queryParams.pageNo"
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
- </ContentWrap>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<!-- 表单弹窗：添加/修改 -->
|
|
|
<IotFailureReportForm ref="formRef" @success="getList" />
|
|
|
</template>
|
|
|
@@ -261,10 +261,11 @@ import download from '@/utils/download'
|
|
|
import { IotFailureReportApi, IotFailureReportVO } from '@/api/pms/failure'
|
|
|
import IotFailureReportForm from './IotFailureReportForm.vue'
|
|
|
import { DICT_TYPE, getBoolDictOptions, getStrDictOptions } from '@/utils/dict'
|
|
|
-import DeptTree from '@/views/system/user/DeptTree2.vue'
|
|
|
+import DeptTreeSelect from '@/components/DeptTreeSelect/index.vue'
|
|
|
+import { useUserStore } from '@/store/modules/user'
|
|
|
|
|
|
import { useTableComponents } from '@/components/ZmTable/useTableComponents'
|
|
|
-const { ZmTable, ZmTableColumn } = useTableComponents()
|
|
|
+const { ZmTable, ZmTableColumn } = useTableComponents<IotFailureReportVO>()
|
|
|
|
|
|
/** 故障上报 列表 */
|
|
|
defineOptions({ name: 'IotFailureReport' })
|
|
|
@@ -275,7 +276,8 @@ const ifShow = ref(false)
|
|
|
const loading = ref(true) // 列表的加载中
|
|
|
const list = ref<IotFailureReportVO[]>([]) // 列表的数据
|
|
|
const total = ref(0) // 列表的总页数
|
|
|
-let isLeftContentCollapsed = ref(false)
|
|
|
+const rootDeptId = 156
|
|
|
+const deptId = useUserStore().getUser.deptId || rootDeptId
|
|
|
const queryParams = reactive({
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
@@ -298,29 +300,9 @@ const queryParams = reactive({
|
|
|
})
|
|
|
const queryFormRef = ref() // 搜索的表单
|
|
|
const exportLoading = ref(false) // 导出的加载中
|
|
|
-const moreQuery = (show) => {
|
|
|
+const moreQuery = (show: boolean) => {
|
|
|
ifShow.value = show
|
|
|
}
|
|
|
-const openWeb = (url) => {
|
|
|
- window.open(
|
|
|
- 'http://1.94.244.160:8012/onlinePreview?url=' + encodeURIComponent(Base64.encode(url))
|
|
|
- )
|
|
|
-}
|
|
|
-const handleCommand = (command: string, row: IotFailureReportVO) => {
|
|
|
- switch (command) {
|
|
|
- case 'handleDelete':
|
|
|
- handleDelete(row.id)
|
|
|
- break
|
|
|
- case 'handleUpdate':
|
|
|
- openForm('update', row.id)
|
|
|
- break
|
|
|
- case 'handleSubmit':
|
|
|
- submitProcess(row.id)
|
|
|
- break
|
|
|
- default:
|
|
|
- break
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
/** 查询列表 */
|
|
|
const getList = async () => {
|
|
|
@@ -334,8 +316,9 @@ const getList = async () => {
|
|
|
}
|
|
|
}
|
|
|
/** 处理部门被点击 */
|
|
|
-const handleDeptNodeClick = async (row) => {
|
|
|
+const handleDeptNodeClick = async (row: Tree) => {
|
|
|
queryParams.deptId = row.id
|
|
|
+ queryParams.pageNo = 1
|
|
|
await getList()
|
|
|
}
|
|
|
/** 搜索按钮操作 */
|
|
|
@@ -346,10 +329,20 @@ const handleQuery = () => {
|
|
|
|
|
|
/** 重置按钮操作 */
|
|
|
const resetQuery = () => {
|
|
|
- queryFormRef.value.resetFields()
|
|
|
+ queryFormRef.value?.resetFields()
|
|
|
handleQuery()
|
|
|
}
|
|
|
|
|
|
+const handleSizeChange = (val: number) => {
|
|
|
+ queryParams.pageSize = val
|
|
|
+ handleQuery()
|
|
|
+}
|
|
|
+
|
|
|
+const handleCurrentChange = (val: number) => {
|
|
|
+ queryParams.pageNo = val
|
|
|
+ getList()
|
|
|
+}
|
|
|
+
|
|
|
/** 添加/修改操作 */
|
|
|
const formRef = ref()
|
|
|
const openForm = (type: string, id?: number, disable?: boolean) => {
|
|
|
@@ -388,18 +381,134 @@ const handleExport = async () => {
|
|
|
onMounted(() => {
|
|
|
getList()
|
|
|
})
|
|
|
-const submitProcess = async (row: IotFailureReportVO) => {
|
|
|
- try {
|
|
|
- // 提交审核的二次确认
|
|
|
- await message.confirm(`您确定提交审核吗？`)
|
|
|
- // 提交审核
|
|
|
- loading.value = true
|
|
|
- await IotFailureReportApi.submitForApproval(row).then((res) => {
|
|
|
- loading.value = false
|
|
|
- })
|
|
|
- message.success('提交审核成功！')
|
|
|
- // 刷新列表
|
|
|
- await getList()
|
|
|
- } catch {}
|
|
|
-}
|
|
|
</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.failure-query {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 12px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-row {
|
|
|
+ display: flex;
|
|
|
+ flex: 1 1 auto;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ gap: 12px 24px;
|
|
|
+ min-width: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.query-actions {
|
|
|
+ flex: 0 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.query-actions :deep(.el-form-item__content) {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ gap: 8px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-actions :deep(.el-button) {
|
|
|
+ margin-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.query-control {
|
|
|
+ width: 180px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-control--small {
|
|
|
+ width: 140px;
|
|
|
+}
|
|
|
+
|
|
|
+.query-control--date {
|
|
|
+ width: 220px;
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.el-form-item) {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (width >= 2200px) {
|
|
|
+ .failure-query,
|
|
|
+ .query-row {
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (width <= 1500px) {
|
|
|
+ .failure-query {
|
|
|
+ gap: 12px 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-row {
|
|
|
+ gap: 12px 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-control {
|
|
|
+ width: 168px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-control--small {
|
|
|
+ width: 132px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-control--date {
|
|
|
+ width: 210px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (width <= 1200px) {
|
|
|
+ .failure-page {
|
|
|
+ grid-template-columns: minmax(0, 1fr);
|
|
|
+ grid-template-rows: auto auto minmax(480px, 1fr);
|
|
|
+ height: auto;
|
|
|
+ min-height: calc(
|
|
|
+ 100vh - 20px - var(--top-tool-height) - var(--tags-view-height) - var(--app-footer-height)
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.failure-tree) {
|
|
|
+ grid-row: auto !important;
|
|
|
+ width: 100% !important;
|
|
|
+ height: 320px !important;
|
|
|
+ min-width: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-actions {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (width <= 768px) {
|
|
|
+ .failure-query {
|
|
|
+ padding: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-row,
|
|
|
+ .query-row :deep(.el-form-item),
|
|
|
+ .query-actions {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-control,
|
|
|
+ .query-control--small,
|
|
|
+ .query-control--date {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-actions :deep(.el-form-item__content) {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
|
+ gap: 8px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .query-actions :deep(.el-button) {
|
|
|
+ width: 100%;
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
Zimo