157 lines
4.0 KiB
Vue
157 lines
4.0 KiB
Vue
<template>
|
|
<a-modal v-model:visible="_vis" title="通知记录" :footer="null" width="70%">
|
|
<Search
|
|
type="simple"
|
|
:columns="columns"
|
|
target="product"
|
|
@search="handleSearch"
|
|
/>
|
|
|
|
<JTable
|
|
ref="instanceRef"
|
|
:columns="columns"
|
|
:request="(e:any) => templateApi.getHistory(e, data.id)"
|
|
:defaultParams="{
|
|
sorts: [{ name: 'notifyTime', order: 'desc' }],
|
|
terms: [{ column: 'notifyType$IN', value: data.type }],
|
|
}"
|
|
:params="params"
|
|
model="table"
|
|
>
|
|
<template #notifyTime="slotProps">
|
|
{{ moment(slotProps.notifyTime).format('YYYY-MM-DD HH:mm:ss') }}
|
|
</template>
|
|
<template #state="slotProps">
|
|
<a-space>
|
|
<a-badge
|
|
:status="slotProps.state.value"
|
|
:text="slotProps.state.text"
|
|
></a-badge>
|
|
<AIcon
|
|
v-if="slotProps.state.value === 'error'"
|
|
type="ExclamationCircleOutlined"
|
|
style="color: #1d39c4; cursor: pointer"
|
|
@click="handleError(slotProps.errorStack)"
|
|
/>
|
|
</a-space>
|
|
</template>
|
|
<template #action="slotProps">
|
|
<AIcon
|
|
type="ExclamationCircleOutlined"
|
|
style="color: #1d39c4; cursor: pointer"
|
|
@click="handleDetail(slotProps.context)"
|
|
/>
|
|
</template>
|
|
</JTable>
|
|
</a-modal>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import templateApi from '@/api/notice/template';
|
|
import { PropType } from 'vue';
|
|
import moment from 'moment';
|
|
import { Modal } from 'ant-design-vue';
|
|
|
|
type Emits = {
|
|
(e: 'update:visible', data: boolean): void;
|
|
};
|
|
const emit = defineEmits<Emits>();
|
|
|
|
const props = defineProps({
|
|
visible: { type: Boolean, default: false },
|
|
data: {
|
|
type: Object as PropType<Partial<Record<string, any>>>,
|
|
default: () => ({}),
|
|
},
|
|
});
|
|
|
|
const _vis = computed({
|
|
get: () => props.visible,
|
|
set: (val) => emit('update:visible', val),
|
|
});
|
|
|
|
watch(
|
|
() => _vis.value,
|
|
(val) => {
|
|
if (val) handleSearch({ terms: [] });
|
|
},
|
|
);
|
|
|
|
const columns = [
|
|
{
|
|
title: 'ID',
|
|
dataIndex: 'id',
|
|
key: 'id',
|
|
search: {
|
|
type: 'string',
|
|
},
|
|
},
|
|
{
|
|
title: '发送时间',
|
|
dataIndex: 'notifyTime',
|
|
key: 'notifyTime',
|
|
scopedSlots: true,
|
|
search: {
|
|
type: 'date',
|
|
handleValue: (v: any) => {
|
|
return '123';
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: '状态',
|
|
dataIndex: 'state',
|
|
key: 'state',
|
|
scopedSlots: true,
|
|
search: {
|
|
type: 'select',
|
|
options: [
|
|
{ label: '成功', value: 'success' },
|
|
{ label: '失败', value: 'error' },
|
|
],
|
|
handleValue: (v: any) => {
|
|
return '123';
|
|
},
|
|
},
|
|
},
|
|
{
|
|
title: '操作',
|
|
key: 'action',
|
|
scopedSlots: true,
|
|
},
|
|
];
|
|
|
|
const params = ref<Record<string, any>>({});
|
|
|
|
/**
|
|
* 搜索
|
|
* @param params
|
|
*/
|
|
const handleSearch = (e: any) => {
|
|
// console.log('handleSearch e:', e);
|
|
params.value = e;
|
|
// console.log('params.value: ', params.value);
|
|
};
|
|
|
|
/**
|
|
* 查看错误信息
|
|
*/
|
|
const handleError = (e: any) => {
|
|
Modal.info({
|
|
title: '错误信息',
|
|
content: JSON.stringify(e),
|
|
});
|
|
};
|
|
/**
|
|
* 查看详情
|
|
*/
|
|
const handleDetail = (e: any) => {
|
|
Modal.info({
|
|
title: '详情信息',
|
|
content: JSON.stringify(e),
|
|
});
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped></style>
|