feat: modal组件替换

src/views/material-center/components/raw-material/components/table/delete-file-modal.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-modal v-model:visible="visible" title="删除文件" width="480px" @close="onClose">
+  <Modal v-model:open="visible" title="删除文件" centered width="480px" @cancel="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ fileName }} 文件吗？</span>
@@ -8,12 +8,12 @@
       <Button size="medium" @click="onClose">取消</Button>
       <Button type="primary" class="ml-16px" danger size="medium" @click="onDelete">确认删除</Button>
     </template>
-  </a-modal>
+  </Modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Modal } from 'ant-design-vue';
 import { deleteRawMaterial, batchDeleteRawMaterials } from '@/api/all/generationWorkshop';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 

src/views/material-center/components/raw-material/index.vue

@@ -106,7 +106,14 @@ export default defineComponent({
         </div>
         <div class="table-wrap bg-#fff rounded-8px px-24px py-24px flex flex-col">
           <div class="flex justify-end mb-12px">
-            <Button type="primary" ghost class="w-fit" size="medium" onClick={handleBatchDelete}>
+            <Button
+              type="primary"
+              ghost
+              class="w-fit"
+              size="medium"
+              onClick={handleBatchDelete}
+              disabled={!selectedRows.value.length}
+            >
               批量删除
             </Button>
           </div>