Commit 3f7cad02d4f825c21204f0c6bf46c80ddaa29828
1 parent
d9700411
perf: add tooltip for remark column
Showing
4 changed files
with
20 additions
and
4 deletions
| ... | ... | @@ -16,6 +16,11 @@ |
| 16 | 16 | </Popconfirm> |
| 17 | 17 | </Authority> |
| 18 | 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 | 24 | <template #action="{ record }"> |
| 20 | 25 | <TableAction |
| 21 | 26 | :actions="[ |
| ... | ... | @@ -51,11 +56,11 @@ |
| 51 | 56 | import EmailDetail from './EmailDetail.vue'; |
| 52 | 57 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; |
| 53 | 58 | import { Authority } from '/@/components/Authority'; |
| 54 | - import { Popconfirm } from 'ant-design-vue'; | |
| 59 | + import { Popconfirm, Tooltip } from 'ant-design-vue'; | |
| 55 | 60 | |
| 56 | 61 | export default defineComponent({ |
| 57 | 62 | name: 'EmailLog', |
| 58 | - components: { EmailDetail, BasicTable, TableAction, Authority, Popconfirm }, | |
| 63 | + components: { EmailDetail, BasicTable, TableAction, Authority, Popconfirm, Tooltip }, | |
| 59 | 64 | setup() { |
| 60 | 65 | const [registerModal, { openModal }] = useModal(); |
| 61 | 66 | const [registerTable, { reload, setProps }] = useTable({ | ... | ... |
| ... | ... | @@ -16,6 +16,11 @@ |
| 16 | 16 | </Popconfirm> |
| 17 | 17 | </Authority> |
| 18 | 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 | 24 | <template #action="{ record }"> |
| 20 | 25 | <TableAction |
| 21 | 26 | :actions="[ |
| ... | ... | @@ -45,7 +50,7 @@ |
| 45 | 50 | import { defineComponent, h, nextTick } from 'vue'; |
| 46 | 51 | import { BasicTable, useTable, TableAction } from '/@/components/Table'; |
| 47 | 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 | 54 | import { smsLogPage, deleteSmsLog } from '/@/api/message/records'; |
| 50 | 55 | import { JsonPreview } from '/@/components/CodeEditor'; |
| 51 | 56 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; |
| ... | ... | @@ -53,7 +58,7 @@ |
| 53 | 58 | |
| 54 | 59 | export default defineComponent({ |
| 55 | 60 | name: 'SmsLog', |
| 56 | - components: { BasicTable, TableAction, Authority, Popconfirm }, | |
| 61 | + components: { BasicTable, TableAction, Authority, Popconfirm, Tooltip }, | |
| 57 | 62 | setup() { |
| 58 | 63 | const [registerTable, { reload, setProps }] = useTable({ |
| 59 | 64 | title: '短信发送列表', | ... | ... |