feat：数据流转 表格 批量删除按钮新增一个提示框

@@ -12,16 +12,22 @@
           <a-button type="primary" @click="handleAdd"> 添加流转 </a-button>
         </Authority>
         <Authority value="api:yt:convert:config:delete">
-          <a-button
-            type="primary"
-            color="error"
-            @click="handleDeleteOrBatchDelete(null)"
-            :disabled="singleStopDeleteStatus || hasBatchDelete"
+          <Popconfirm
+            title="您确定要批量删除数据"
+            ok-text="确定"
+            cancel-text="取消"
+            @confirm="handleDeleteOrBatchDelete(null)"
           >
-            <span :style="{ color: singleStopDeleteStatus || hasBatchDelete ? 'grey' : 'white' }"
-              >批量删除</span
+            <a-button
+              type="primary"
+              color="error"
+              :disabled="singleStopDeleteStatus || hasBatchDelete"
             >
-          </a-button>
+              <span :style="{ color: singleStopDeleteStatus || hasBatchDelete ? 'grey' : 'white' }"
+                >批量删除</span
+              >
+            </a-button>
+          </Popconfirm>
         </Authority>
         <a-button
           :disabled="disabledStatus2"
@@ -104,11 +110,11 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { Authority } from '/@/components/Authority';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { Switch } from 'ant-design-vue';
+  import { Switch, Popconfirm } from 'ant-design-vue';
 
   export default defineComponent({
     name: 'Index',
-    components: { BasicTable, TableAction, DataTransferDrawer, Authority, Switch },
+    components: { BasicTable, TableAction, DataTransferDrawer, Authority, Switch, Popconfirm },
     setup() {
       const disabledSwitch = ref(false);
       const enableObj = reactive({