Showing
1 changed file
with
16 additions
and
10 deletions
| @@ -12,16 +12,22 @@ | @@ -12,16 +12,22 @@ | ||
| 12 | <a-button type="primary" @click="handleAdd"> 添加流转 </a-button> | 12 | <a-button type="primary" @click="handleAdd"> 添加流转 </a-button> |
| 13 | </Authority> | 13 | </Authority> |
| 14 | <Authority value="api:yt:convert:config:delete"> | 14 | <Authority value="api:yt:convert:config:delete"> |
| 15 | - <a-button | ||
| 16 | - type="primary" | ||
| 17 | - color="error" | ||
| 18 | - @click="handleDeleteOrBatchDelete(null)" | ||
| 19 | - :disabled="singleStopDeleteStatus || hasBatchDelete" | 15 | + <Popconfirm |
| 16 | + title="您确定要批量删除数据" | ||
| 17 | + ok-text="确定" | ||
| 18 | + cancel-text="取消" | ||
| 19 | + @confirm="handleDeleteOrBatchDelete(null)" | ||
| 20 | > | 20 | > |
| 21 | - <span :style="{ color: singleStopDeleteStatus || hasBatchDelete ? 'grey' : 'white' }" | ||
| 22 | - >批量删除</span | 21 | + <a-button |
| 22 | + type="primary" | ||
| 23 | + color="error" | ||
| 24 | + :disabled="singleStopDeleteStatus || hasBatchDelete" | ||
| 23 | > | 25 | > |
| 24 | - </a-button> | 26 | + <span :style="{ color: singleStopDeleteStatus || hasBatchDelete ? 'grey' : 'white' }" |
| 27 | + >批量删除</span | ||
| 28 | + > | ||
| 29 | + </a-button> | ||
| 30 | + </Popconfirm> | ||
| 25 | </Authority> | 31 | </Authority> |
| 26 | <a-button | 32 | <a-button |
| 27 | :disabled="disabledStatus2" | 33 | :disabled="disabledStatus2" |
| @@ -104,11 +110,11 @@ | @@ -104,11 +110,11 @@ | ||
| 104 | import { useMessage } from '/@/hooks/web/useMessage'; | 110 | import { useMessage } from '/@/hooks/web/useMessage'; |
| 105 | import { Authority } from '/@/components/Authority'; | 111 | import { Authority } from '/@/components/Authority'; |
| 106 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; | 112 | import { useBatchDelete } from '/@/hooks/web/useBatchDelete'; |
| 107 | - import { Switch } from 'ant-design-vue'; | 113 | + import { Switch, Popconfirm } from 'ant-design-vue'; |
| 108 | 114 | ||
| 109 | export default defineComponent({ | 115 | export default defineComponent({ |
| 110 | name: 'Index', | 116 | name: 'Index', |
| 111 | - components: { BasicTable, TableAction, DataTransferDrawer, Authority, Switch }, | 117 | + components: { BasicTable, TableAction, DataTransferDrawer, Authority, Switch, Popconfirm }, |
| 112 | setup() { | 118 | setup() { |
| 113 | const disabledSwitch = ref(false); | 119 | const disabledSwitch = ref(false); |
| 114 | const enableObj = reactive({ | 120 | const enableObj = reactive({ |