Commit d55a262bd96fd99fcb9f7236c1e9b7bb43e39b09
Merge branch 'd-ww' into 'main'
perf: message manage sms && email tabel add remark column See merge request huang/yun-teng-iot-front!334
Showing
4 changed files
with
31 additions
and
5 deletions
@@ -16,6 +16,11 @@ | @@ -16,6 +16,11 @@ | ||
16 | </Popconfirm> | 16 | </Popconfirm> |
17 | </Authority> | 17 | </Authority> |
18 | </template> | 18 | </template> |
19 | + <template #remark="{ record }"> | ||
20 | + <Tooltip :title="record.remark"> | ||
21 | + <div class="truncate w-full">{{ record.remark }}</div> | ||
22 | + </Tooltip> | ||
23 | + </template> | ||
19 | <template #action="{ record }"> | 24 | <template #action="{ record }"> |
20 | <TableAction | 25 | <TableAction |
21 | :actions="[ | 26 | :actions="[ |
@@ -51,11 +56,11 @@ | @@ -51,11 +56,11 @@ | ||
51 | import EmailDetail from './EmailDetail.vue'; | 56 | import EmailDetail from './EmailDetail.vue'; |
52 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; | 57 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; |
53 | import { Authority } from '/@/components/Authority'; | 58 | import { Authority } from '/@/components/Authority'; |
54 | - import { Popconfirm } from 'ant-design-vue'; | 59 | + import { Popconfirm, Tooltip } from 'ant-design-vue'; |
55 | 60 | ||
56 | export default defineComponent({ | 61 | export default defineComponent({ |
57 | name: 'EmailLog', | 62 | name: 'EmailLog', |
58 | - components: { EmailDetail, BasicTable, TableAction, Authority, Popconfirm }, | 63 | + components: { EmailDetail, BasicTable, TableAction, Authority, Popconfirm, Tooltip }, |
59 | setup() { | 64 | setup() { |
60 | const [registerModal, { openModal }] = useModal(); | 65 | const [registerModal, { openModal }] = useModal(); |
61 | const [registerTable, { reload, setProps }] = useTable({ | 66 | const [registerTable, { reload, setProps }] = useTable({ |
@@ -16,6 +16,11 @@ | @@ -16,6 +16,11 @@ | ||
16 | </Popconfirm> | 16 | </Popconfirm> |
17 | </Authority> | 17 | </Authority> |
18 | </template> | 18 | </template> |
19 | + <template #remark="{ record }"> | ||
20 | + <Tooltip :title="record.remark"> | ||
21 | + <div class="truncate w-full">{{ record.remark }}</div> | ||
22 | + </Tooltip> | ||
23 | + </template> | ||
19 | <template #action="{ record }"> | 24 | <template #action="{ record }"> |
20 | <TableAction | 25 | <TableAction |
21 | :actions="[ | 26 | :actions="[ |
@@ -45,7 +50,7 @@ | @@ -45,7 +50,7 @@ | ||
45 | import { defineComponent, h, nextTick } from 'vue'; | 50 | import { defineComponent, h, nextTick } from 'vue'; |
46 | import { BasicTable, useTable, TableAction } from '/@/components/Table'; | 51 | import { BasicTable, useTable, TableAction } from '/@/components/Table'; |
47 | import { columns, searchFormSchema } from './sms.data'; | 52 | import { columns, searchFormSchema } from './sms.data'; |
48 | - import { Modal, Popconfirm } from 'ant-design-vue'; | 53 | + import { Modal, Popconfirm, Tooltip } from 'ant-design-vue'; |
49 | import { smsLogPage, deleteSmsLog } from '/@/api/message/records'; | 54 | import { smsLogPage, deleteSmsLog } from '/@/api/message/records'; |
50 | import { JsonPreview } from '/@/components/CodeEditor'; | 55 | import { JsonPreview } from '/@/components/CodeEditor'; |
51 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; | 56 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; |
@@ -53,7 +58,7 @@ | @@ -53,7 +58,7 @@ | ||
53 | 58 | ||
54 | export default defineComponent({ | 59 | export default defineComponent({ |
55 | name: 'SmsLog', | 60 | name: 'SmsLog', |
56 | - components: { BasicTable, TableAction, Authority, Popconfirm }, | 61 | + components: { BasicTable, TableAction, Authority, Popconfirm, Tooltip }, |
57 | setup() { | 62 | setup() { |
58 | const [registerTable, { reload, setProps }] = useTable({ | 63 | const [registerTable, { reload, setProps }] = useTable({ |
59 | title: '短信发送列表', | 64 | title: '短信发送列表', |
@@ -86,7 +91,7 @@ | @@ -86,7 +91,7 @@ | ||
86 | }); | 91 | }); |
87 | function handleQuery(record: Recordable) { | 92 | function handleQuery(record: Recordable) { |
88 | Modal.info({ | 93 | Modal.info({ |
89 | - title: '当前配置', | 94 | + title: '消息内容', |
90 | width: 480, | 95 | width: 480, |
91 | centered: true, | 96 | centered: true, |
92 | maskClosable: true, | 97 | maskClosable: true, |
@@ -36,6 +36,14 @@ export const columns: BasicColumn[] = [ | @@ -36,6 +36,14 @@ export const columns: BasicColumn[] = [ | ||
36 | width: 160, | 36 | width: 160, |
37 | }, | 37 | }, |
38 | { | 38 | { |
39 | + title: '备注', | ||
40 | + dataIndex: 'remark', | ||
41 | + width: 120, | ||
42 | + slots: { | ||
43 | + customRender: 'remark', | ||
44 | + }, | ||
45 | + }, | ||
46 | + { | ||
39 | title: '发送时间', | 47 | title: '发送时间', |
40 | dataIndex: 'sendTime', | 48 | dataIndex: 'sendTime', |
41 | width: 180, | 49 | width: 180, |
@@ -36,6 +36,14 @@ export const columns: BasicColumn[] = [ | @@ -36,6 +36,14 @@ export const columns: BasicColumn[] = [ | ||
36 | }, | 36 | }, |
37 | }, | 37 | }, |
38 | { | 38 | { |
39 | + title: '备注', | ||
40 | + dataIndex: 'remark', | ||
41 | + width: 120, | ||
42 | + slots: { | ||
43 | + customRender: 'remark', | ||
44 | + }, | ||
45 | + }, | ||
46 | + { | ||
39 | title: '发送时间', | 47 | title: '发送时间', |
40 | dataIndex: 'sendTime', | 48 | dataIndex: 'sendTime', |
41 | width: 160, | 49 | width: 160, |