ソースを参照

fix: 追加修改,批量导入成功与关闭批量导入弹窗二者逻辑行为区分

bxy 1 年間 前
コミット
88efbe0c5d

+ 7 - 3
src/views/cameras/overview/CamerasOverview.vue

@@ -36,7 +36,8 @@
       </BasicTable>
     </div>
     <AddCamera class="add-popover" v-model="showAddPopover" />
-    <BatchImportCamera class="batch-import" v-if="showBatchImportPopover" @close="handleCloseBatchImport" />
+    <BatchImportCamera class="batch-import" v-if="showBatchImportPopover" @update="handleUpdateBatchImport"
+      @close="handleCloseBatchImport" />
     <EditCamera class="add-popover" v-model="showEditPopover" :edit-data="editCameraData" />
     <EditSRSCamera class="add-popover" v-model="showEditSRSPopover" :edit-data="editCameraData!" />
     <EditNVRCamera class="add-popover" v-model="showEditNVRPopover"
@@ -199,14 +200,17 @@ const handleEdit = (row) => {
 };
 
 // 批量导入相关事件
-const handleCloseBatchImport = () => {
+const handleUpdateBatchImport = () => {
   showBatchImportPopover.value = false;
   page.value = 1;
   size.value = 10;
-  console.log(1111);
   getCameraItems();
 };
 
+const handleCloseBatchImport = () => {
+  showBatchImportPopover.value = false;
+};
+
 onMounted(() => {
   getCameraItems();
   openInterval();

+ 5 - 5
src/views/cameras/overview/components/BatchImportCamera.vue

@@ -37,7 +37,7 @@
       </div>
     </el-card>
 
-    <el-dialog v-model="DialogVisibleErr" title="Warning" width="50%" align-center @close="() => { emits('close'); }">
+    <el-dialog v-model="DialogVisibleErr" title="Warning" width="50%" align-center @close="() => { emits('update'); }">
       <template #header>
         <el-icon :size="24" color="#f2b20a" style="margin: 0 5px 2px">
           <WarnTriangleFilled />
@@ -70,7 +70,7 @@ import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus';
 import { Close, Document, WarnTriangleFilled, Download } from '@element-plus/icons-vue';
 import { useGlobSetting } from '@/hooks/setting';
 
-const emits = defineEmits(['close']);
+const emits = defineEmits(['close', 'update']);
 
 const userStore = useUserStore();
 const headers = {
@@ -179,7 +179,7 @@ const handleUploadSuccess = (response, _file, _fileList) => {
         message: '添加成功',  // 1.全部添加成功 —— failCount === 0
         type: 'success',
       });
-      emits('close');
+      emits('update');
     } else {
       DialogVisibleErr.value = true;    // 2.有错误 —— 显示错误dialog
     };
@@ -189,13 +189,13 @@ const handleUploadSuccess = (response, _file, _fileList) => {
       message: '系统错误',
       type: 'error',
     });
-    emits('close');
+    emits('update');
   };
 };
 
 const handleErrComfirm = () => {
   DialogVisibleErr.value = false;
-  emits('close');
+  emits('update');
 };
 
 // 当超出只能上传一个文件的限制时,自动替换上一个文件