feat: 🚀 弹窗

src/auto-import.d.ts

@@ -6,7 +6,6 @@ export {}
 declare global {
     const EffectScope: typeof import("vue")["EffectScope"];
     const ElMessage: typeof import("element-plus/es")["ElMessage"];
-    const ElMessageBox: typeof import("element-plus/es")["ElMessageBox"];
     const computed: typeof import("vue")["computed"];
     const createApp: typeof import("vue")["createApp"];
     const customRef: typeof import("vue")["customRef"];

src/components/ListBtns/components/Convert.vue

@@ -9,7 +9,7 @@ import { ElMessageBox } from "element-plus";
 import { useMsg } from "@/hooks/useMsg";
 import { getTransferSnApi, getTransferSnJCApi } from "@/api/modules/barCode";
 // const $router = useRouter();
-
+import { WarningFilled } from "@element-plus/icons-vue";
 const props: any = defineProps<{
     selectionList?: any[];
     handleChildBtnCallback?: () => void;
@@ -123,22 +123,49 @@ const handleBtnClick = async () => {
         getTransferSn(ids);
     } else {
         ElMessage({
+            showClose: true,
             dangerouslyUseHTMLString: true,
             message: `<div style="line-height:1.5;max-width:800px;max-height: 800px;
-    overflow-y: auto;">${result.msg || result.message}</div>`,
+    overflow-y: auto; color:red">${result.msg || result.message}</div>`,
-            type: "error"
+
+            icon: WarningFilled,
+            customClass: "custom-message-error"
+            // type: "error"
             // duration: 100000
         });
     }
 };
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
 @import "../index.scss";
+.custom-message-error {
+    // color: red;
+    background: var(--el-color-error-light-9) !important;
+    border-color: var(--el-color-error-light-8) !important;
+}
+.custom-message-error > .el-message-icon--info {
+    color: red;
+}
+
+// .custom-message-error > .el-message__closeBtn {
+//     color: #ffffff;
+// }
 
 // .el-message {
 //     width: 800px;
 //     height: 800px;
 //     overflow-y: auto;
 // }
+// .custom-message-error > i {
+//     color: red !important;
+
+//     // background-color: var(--el-color-error-light-9) !important;
+//     // border-color: var(--el-color-error-light-8) !important;
+
+//     // -el-message-bg-color: var(--el-color-error-light-9);
+
+//     // --el-message-border-color: var(--el-color-error-light-8);
+//     // --el-message-text-color: var(--el-color-error);
+// }
 </style>

src/views/supplier/code/barCode/index.vue

@@ -408,6 +408,7 @@ let visibleGroupOrder: string[] = [];
 // 重置临时跟踪（筛选/分页时调用，保留全局注册表）
 const resetVisibleGroups = () => {
     visibleGroupOrder = [];
+    globalNextGroupId = 0;
 };
 // // 生成组标识（与之前相同）
 const getGroupKey = (row: any) => {
@@ -974,10 +975,10 @@ watch(
 
 onMounted(() => {
     $Bus.on("clearBarCodeCreateUser", () => {
+        resetVisibleGroups();
         datas.ruleForm.createUser = "";
         datas.initParam.createUser = "";
         datas.printCodeRuleFormData.isDownLoad = false;
-        resetVisibleGroups();
     });
 
     $Bus.on("setBarCodeInputCreateUser", (params: any) => {
@@ -987,8 +988,8 @@ onMounted(() => {
     });
     //searchBarCodeSsDownLoad
     $Bus.on("searchBarCodeSsDownLoad", () => {
-        datas.printCodeRuleFormData.isDownLoad = false;
         resetVisibleGroups();
+        datas.printCodeRuleFormData.isDownLoad = false;
     });
 });
 </script>