| | |
| | | import type { Recordable } from '@vben/types'; |
| | | |
| | | import { ref } from 'vue'; |
| | | import { useRouter } from 'vue-router'; |
| | | |
| | | |
| | | import { Page, useVbenDrawer, type VbenFormProps } from '@vben/common-ui'; |
| | | import { $t } from '@vben/locales'; |
| | |
| | | import { columns, querySchema } from './data'; |
| | | import EquTypeTree from './equ-type-tree.vue'; |
| | | import faultKnowDrawer from './fault-know-drawer.vue'; |
| | | import faultPreviewDrawer from './fault-preview-drawer.vue'; |
| | | import trialPreviewDrawer from '#/views/eims/equ-trial/trial-preview-drawer.vue'; |
| | | |
| | | // 左边部门用 |
| | | const selectDeptId = ref<string[]>([]); |
| | |
| | | const [FaultKnowDrawer, faultKnowDrawerApi] = useVbenDrawer({ |
| | | connectedComponent: faultKnowDrawer |
| | | }); |
| | | const [FaultPreviewDrawer, faultPreviewDrawerApi] = useVbenDrawer({ |
| | | connectedComponent: faultPreviewDrawer |
| | | }); |
| | | |
| | | /** |
| | | * 预览 |
| | | * @param record |
| | | */ |
| | | function handlePreview(record: Recordable<any>) { |
| | | faultPreviewDrawerApi.setData({ record }); |
| | | faultPreviewDrawerApi.open(); |
| | | } |
| | | |
| | | |
| | | function handleAdd() { |
| | | faultKnowDrawerApi.setData({}); |
| | |
| | | <Page :auto-content-height="true"> |
| | | <div class="flex h-full gap-[8px]"> |
| | | <EquTypeTree v-model:select-dept-id="selectDeptId" class="w-[260px]" @reload="() => tableApi.reload()" @select="() => tableApi.reload()" /> |
| | | <BasicTable class="flex-1 overflow-hidden" table-title="设备列表"> |
| | | <BasicTable class="flex-1 overflow-hidden" table-title="故障列表"> |
| | | <template #toolbar-tools> |
| | | <Space> |
| | | <a-button v-access:code="['eims:faultKnow:export']" @click="handleDownloadExcel"> |
| | | {{ $t('pages.common.export') }} |
| | | </a-button> |
| | | <a-button |
| | | :disabled="!vxeCheckboxChecked(tableApi)" |
| | | danger |
| | | type="primary" |
| | | v-access:code="['eims:faultKnow:remove']" |
| | | @click="handleMultiDelete" |
| | | > |
| | | {{ $t('pages.common.delete') }} |
| | | </a-button> |
| | | <a-button type="primary" v-access:code="['eims:faultKnow:add']" @click="handleAdd"> |
| | | {{ $t('pages.common.add') }} |
| | | </a-button> |
| | | <!-- <a-button v-access:code="['eims:faultKnow:export']" @click="handleDownloadExcel">--> |
| | | <!-- {{ $t('pages.common.export') }}--> |
| | | <!-- </a-button>--> |
| | | <!-- <a-button--> |
| | | <!-- :disabled="!vxeCheckboxChecked(tableApi)"--> |
| | | <!-- danger--> |
| | | <!-- type="primary"--> |
| | | <!-- v-access:code="['eims:faultKnow:remove']"--> |
| | | <!-- @click="handleMultiDelete"--> |
| | | <!-- >--> |
| | | <!-- {{ $t('pages.common.delete') }}--> |
| | | <!-- </a-button>--> |
| | | <!-- <a-button type="primary" v-access:code="['eims:faultKnow:add']" @click="handleAdd">--> |
| | | <!-- {{ $t('pages.common.add') }}--> |
| | | <!-- </a-button>--> |
| | | </Space> |
| | | </template> |
| | | |
| | |
| | | |
| | | <template #action="{ row }"> |
| | | <Space> |
| | | <ghost-button v-access:code="['eims:faultKnow:edit']" @click.stop="handleEdit(row)"> |
| | | {{ $t('pages.common.edit') }} |
| | | <ghost-button class="btn-success" v-access:code="['eims:faultKnow:list']" @click.stop="handlePreview(row)"> |
| | | {{ $t('pages.common.preview') }} |
| | | </ghost-button> |
| | | <Popconfirm :get-popup-container="getVxePopupContainer" placement="left" title="确认删除?" @confirm="handleDelete(row)"> |
| | | <ghost-button danger v-access:code="['eims:faultKnow:remove']" @click.stop=""> |
| | | {{ $t('pages.common.delete') }} |
| | | </ghost-button> |
| | | </Popconfirm> |
| | | <!-- <ghost-button v-access:code="['eims:faultKnow:edit']" @click.stop="handleEdit(row)">--> |
| | | <!-- {{ $t('pages.common.edit') }}--> |
| | | <!-- </ghost-button>--> |
| | | <!-- <Popconfirm :get-popup-container="getVxePopupContainer" placement="left" title="确认删除?" @confirm="handleDelete(row)">--> |
| | | <!-- <ghost-button danger v-access:code="['eims:faultKnow:remove']" @click.stop="">--> |
| | | <!-- {{ $t('pages.common.delete') }}--> |
| | | <!-- </ghost-button>--> |
| | | <!-- </Popconfirm>--> |
| | | </Space> |
| | | </template> |
| | | </BasicTable> |
| | | </div> |
| | | <FaultKnowDrawer @reload="tableApi.query()" /> |
| | | <FaultPreviewDrawer /> |
| | | </Page> |
| | | </template> |