wms后台管理系统迁移

2025-05-09 17:11:46 +08:00
parent a2b627c1aa
commit 17321702df
348 changed files with 46856 additions and 124 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,29 @@
+<template>
+    <el-config-provider :locale="locale" :size="assemblySize" :button="buttonConfig">
+        <router-view></router-view>
+    </el-config-provider>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref, computed } from "vue";
+
+import { useTheme } from "@/hooks/useTheme";
+import { ElConfigProvider } from "element-plus";
+
+import { useGlobalStore } from "@/stores/modules/global";
+
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+
+const globalStore = useGlobalStore();
+
+// init theme
+const { initTheme } = useTheme();
+initTheme();
+const locale = ref(zhCn);
+
+// element assemblySize
+const assemblySize = computed(() => globalStore.assemblySize);
+
+// element button config
+const buttonConfig = reactive({ autoInsertSpace: false });
+</script>
--- a/src/api/config/servicePort.ts
+++ b/src/api/config/servicePort.ts
@@ -0,0 +1,3 @@
+// 后端微服务模块前缀
+export const PORT1 = "/api";
+export const PORT2 = "/hooks";
--- a/src/api/helper/axiosCancel.ts
+++ b/src/api/helper/axiosCancel.ts
@@ -0,0 +1,47 @@
+// ? 暂未使用，目前使用全局 Loading 来控制重复请求
+import { CustomAxiosRequestConfig } from "../index";
+import qs from "qs";
+
+// 声明一个 Map 用于存储每个请求的标识 和 取消函数
+let pendingMap = new Map<string, AbortController>();
+
+// 序列化参数
+export const getPendingUrl = (config: CustomAxiosRequestConfig) =>
+    [config.method, config.url, qs.stringify(config.data), qs.stringify(config.params)].join("&");
+
+export class AxiosCanceler {
+    /**
+     * @description: 添加请求
+     * @param {Object} config
+     * @return void
+     */
+    addPending(config: CustomAxiosRequestConfig) {
+        // 在请求开始前，对之前的请求做检查取消操作
+        this.removePending(config);
+        const url = getPendingUrl(config);
+        const controller = new AbortController();
+        config.signal = controller.signal;
+        pendingMap.set(url, controller);
+    }
+
+    /**
+     * @description: 移除请求
+     * @param {Object} config
+     */
+    removePending(config: CustomAxiosRequestConfig) {
+        const url = getPendingUrl(config);
+        // 如果在 pending 中存在当前请求标识，需要取消当前请求
+        const controller = pendingMap.get(url);
+        controller && controller.abort();
+    }
+
+    /**
+     * @description: 清空所有pending
+     */
+    removeAllPending() {
+        pendingMap.forEach(controller => {
+            controller && controller.abort();
+        });
+        pendingMap.clear();
+    }
+}
--- a/src/api/helper/checkStatus.ts
+++ b/src/api/helper/checkStatus.ts
@@ -0,0 +1,43 @@
+import { ElMessage } from "element-plus";
+
+/**
+ * @description: 校验网络请求状态码
+ * @param {Number} status
+ * @return void
+ */
+export const checkStatus = (status: number) => {
+    switch (status) {
+        case 400:
+            ElMessage.error("请求失败！请您稍后重试");
+            break;
+        case 401:
+            ElMessage.error("登录失效！请您重新登录");
+            break;
+        case 403:
+            ElMessage.error("当前账号无权限访问！");
+            break;
+        case 404:
+            ElMessage.error("你所访问的资源不存在！");
+            break;
+        case 405:
+            ElMessage.error("请求方式错误！请您稍后重试");
+            break;
+        case 408:
+            ElMessage.error("请求超时！请您稍后重试");
+            break;
+        case 500:
+            ElMessage.error("服务异常！");
+            break;
+        case 502:
+            ElMessage.error("网关错误！");
+            break;
+        case 503:
+            ElMessage.error("服务不可用！");
+            break;
+        case 504:
+            ElMessage.error("网关超时！");
+            break;
+        default:
+            ElMessage.error("请求失败！");
+    }
+};
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -0,0 +1,174 @@
+import axios, { AxiosInstance, AxiosError, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse } from "axios";
+//endLoading
+import { showFullScreenLoading, tryHideFullScreenLoading } from "@/config/serviceLoading";
+import { usePathUrl } from "@/hooks/usePathUrl";
+import { ElMessage } from "element-plus";
+import { ResultData } from "@/api/interface";
+import { ResultEnum } from "@/enums/httpEnum";
+import { checkStatus } from "./helper/checkStatus";
+import { useUserStore } from "@/stores/modules/user";
+import router from "@/routers";
+import { useMsg } from "@/hooks/useMsg";
+
+const getUcOffline = () => {
+    const userStore = useUserStore();
+    let httpUrl = import.meta.env.VITE_SINGLE_URL + "uc/offline";
+    fetch(httpUrl, {
+        method: "POST",
+        credentials: "include",
+        keepalive: true,
+        headers: {
+            Authorization: userStore.phpToken,
+            "Refresh-Authorization": userStore.refreshToken
+        }
+    })
+        .then((res: any) => {
+            if (res.status === 200) {
+                useMsg("success", "退出登录成功 ！");
+                setTimeout(() => {
+                    location.href = usePathUrl();
+                    // 2.重置用户数据
+                    userStore.$reset();
+                    // 3.清除 本地
+                    localStorage.clear();
+                }, 800);
+            }
+        })
+        .catch(() => {
+            useMsg("error", "退出登录失败,请稍后再试 ！");
+        });
+};
+const getUcOnline = (phpToken: any, refreshToken: any) => {
+    let httpUrl = import.meta.env.VITE_SINGLE_URL + "uc/online";
+    fetch(httpUrl, {
+        method: "POST",
+        credentials: "include",
+        keepalive: true,
+        headers: {
+            Authorization: phpToken,
+            "Refresh-Authorization": refreshToken
+        }
+    });
+};
+//登出地址
+export interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
+    noLoading?: boolean;
+}
+
+//计步器
+// let setUp: number = 0;
+const config = {
+    // 默认地址请求地址，可在 .env.** 文件中修改
+    baseURL: (import.meta.env.VITE_APP_API_BASEURL + import.meta.env.VITE_APP_API_VERSION) as string,
+    // 设置超时时间
+    timeout: ResultEnum.TIMEOUT as number,
+    // 跨域时候允许携带凭证
+    withCredentials: true
+};
+
+class RequestHttp {
+    service: AxiosInstance;
+    public constructor(config: AxiosRequestConfig) {
+        // instantiation
+        this.service = axios.create(config);
+
+        /**
+         * @description 请求拦截器
+         * 客户端发送请求 -> [请求拦截器] -> 服务器
+         * token校验(JWT) : 接受服务器返回的 token,存储到 vuex/pinia/本地储存当中
+         */
+        this.service.interceptors.request.use(
+            (config: CustomAxiosRequestConfig) => {
+                const userStore = useUserStore();
+                // 当前请求不需要显示 loading，在 api 服务中通过指定的第三个参数: { noLoading: true } 来控制
+                config.noLoading || showFullScreenLoading();
+                if (config.headers && typeof config.headers.set === "function") {
+                    config.headers.set("authorization", userStore.newUserToken);
+                    config.headers.set("Refresh-Authorization", userStore.refreshToken);
+                }
+                getUcOnline(userStore.phpToken, userStore.refreshToken);
+                return config;
+            },
+            (error: AxiosError) => {
+                return Promise.reject(error);
+            }
+        );
+
+        /**
+         * @description 响应拦截器
+         *  服务器换返回信息 -> [拦截统一处理] -> 客户端JS获取到信息
+         */
+        this.service.interceptors.response.use(
+            (response: AxiosResponse) => {
+                const { data } = response;
+                // const userStore = useUserStore();
+                tryHideFullScreenLoading();
+                // 登陆失效
+                if (data.status == 401) {
+                    ElMessage.error(data.msg || data.message);
+                    getUcOffline();
+                    return Promise.reject(data);
+                }
+                if (data.status === 504) {
+                    ElMessage.error("请求超时！请您稍后重试");
+                }
+
+                // 全局错误信息拦截（防止下载文件的时候返回数据流，没有 code 直接报错）
+                if (data.code && data.code !== ResultEnum.SUCCESS) {
+                    ElMessage.error(data.msg);
+                    return Promise.reject(data);
+                }
+                //当是200但是msg不是Success弹出错误信息
+                if (data.status === 200 && data.message !== "Success") {
+                    ElMessage.error(data.message);
+                }
+                // 成功请求（在页面上除非特殊情况，否则不用处理失败逻辑）
+                return data;
+            },
+            async (error: AxiosError) => {
+                // if (!setUp) {
+                const { response } = error;
+
+                tryHideFullScreenLoading();
+                //setUp++;
+                // 请求超时 && 网络错误单独判断，没有 response
+                if (error.message.indexOf("timeout") !== -1) ElMessage.error("请求超时！请您稍后重试");
+                if (error.message.indexOf("Network Error") !== -1) ElMessage.error("网络错误！请您稍后重试");
+                // 根据服务器响应的错误状态码，做不同的处理
+                if (response) {
+                    checkStatus(response.status);
+                    if (response.status === 401) {
+                        getUcOffline();
+                    }
+                }
+                // 服务器结果都没有返回(可能服务器错误可能客户端断网)，断网处理:可以跳转到断网页面
+                if (!window.navigator.onLine) router.replace("/500");
+                return Promise.reject(error);
+                // } else {
+                //     endLoading();
+                // }
+            }
+        );
+    }
+
+    /**
+     * @description 常用请求方法封装
+     */
+    get<T>(url: string, params?: object, _object = {}): Promise<ResultData<T>> {
+        return this.service.get(url, { params, ..._object });
+    }
+    post<T>(url: string, params?: object | string, _object = {}): Promise<ResultData<T>> {
+        return this.service.post(url, params, _object);
+    }
+    put<T>(url: string, params?: object, _object = {}): Promise<ResultData<T>> {
+        return this.service.put(url, params, _object);
+    }
+    delete<T>(url: string, params?: any, _object = {}): Promise<ResultData<T>> {
+        return this.service.delete(url, { params, ..._object });
+    }
+    download(url: string, params?: object, _object = {}): Promise<BlobPart> {
+        return this.service.post(url, params, { ..._object, responseType: "blob" });
+    }
+}
+
+export default new RequestHttp(config);
--- a/src/api/interface/global.ts
+++ b/src/api/interface/global.ts
@@ -0,0 +1,59 @@
+// 全局模块
+export namespace Global {
+    //供应链
+    export interface ResSupplier {
+        id: number;
+        code: string;
+        name: string;
+        disable: boolean;
+    }
+    //单位
+    export interface ResUnit {
+        disable: boolean;
+        id: number;
+        isClosed: boolean;
+        name: string;
+        precision: number;
+        roundoffType: number;
+    }
+    //汇率
+    export interface ResTaxRate {
+        disable: boolean;
+        id: number;
+        name: string;
+    }
+    //仓库
+    export interface ResWarehouse {
+        id: number;
+        name: string;
+        code: null;
+        contacts: string;
+        contactsId: number;
+        useOrgId: null;
+        customerWarehouseTag: boolean;
+        tempTransferWarehouse: number;
+        defaultReplenishCustomer: number;
+        customerId: number;
+        stockType: number;
+        disable: boolean;
+    }
+    //用户
+    export interface ResUserList {
+        id: number;
+        code: null;
+        name: string;
+        number: number;
+        disable: boolean;
+    }
+    interface ResDropDownAllItem {
+        id: 15756737;
+        level: 2;
+        name: "jx_cs_15_01";
+        number: "123456";
+    }
+    //物料分类
+    export interface ResDropDownAll {
+        groupNameList: ResDropDownAllItem;
+        chinds: ResDropDownAllItem[];
+    }
+}
--- a/src/api/interface/index.ts
+++ b/src/api/interface/index.ts
@@ -0,0 +1,8 @@
+import { Global } from "./global";
+import { User } from "./user";
+import { Material } from "./material";
+import { Login } from "./login";
+import { Result, ResultData } from "./result";
+import { ResPage, ReqPage } from "./page";
+import { Upload } from "./upload";
+export type { Global, User, Material, Login, ResultData, Result, ResPage, ReqPage, Upload };
--- a/src/api/interface/login.ts
+++ b/src/api/interface/login.ts
@@ -0,0 +1,61 @@
+// 登录模块
+export interface Dept {
+    id: number;
+    deptCode: string;
+    deptName: string;
+    managerId: null;
+}
+
+export namespace Login {
+    //登录要传的参数
+    export interface ReqLoginCode {
+        code: string;
+    }
+    //登录返回的参数
+    interface Dept {
+        id: number;
+        deptCode: string;
+        deptName: string;
+        managerId: null;
+    }
+    export interface ResLogin {
+        isSuccess: boolean;
+        message: string;
+        status: number;
+        data: {
+            accessToken: {
+                token: string;
+                phpToken: string;
+                tokenType: string;
+                refreshToken: string;
+                expired: string;
+            };
+            signedIn: boolean;
+            userInfo: {
+                seesionId: string;
+                ucId: number;
+                depts: Dept[];
+                staffId: number;
+                staff_code: string;
+                business_code: null;
+                avatar: null;
+                closed: number;
+                createdAt: string;
+                email: null;
+                mobile: string;
+                nickname: string;
+                roleId: string;
+                signinAt: string;
+                updatedAt: string;
+                companyId: number;
+                companyName: string;
+                orgId: number;
+                supplierId: null;
+                supplierName: null;
+                customerId: null;
+                customerName: null;
+                identity: number;
+            };
+        };
+    }
+}
--- a/src/api/interface/material.ts
+++ b/src/api/interface/material.ts
@@ -0,0 +1,88 @@
+//物料模块
+export namespace Material {
+    // 物料列表请求参数
+    export interface ListParams {
+        product: string;
+        supplyChain: string;
+        is211: string;
+        isDisable: boolean;
+        supplyOrgId: string;
+        supplierId: string;
+        barCode: string;
+        brand: string;
+        orgId: number;
+        pageNo: number;
+        pageSize: number;
+    }
+    // 物料列表相应参数
+    export interface ListRelust {
+        id: number;
+        isDisable: boolean;
+        name: string;
+        number: string;
+        documentStatus: string;
+        documentStatusName: string;
+        specifications: string;
+        groupId: number;
+        groupOne: string;
+        groupTwo: string;
+        groupThree: string;
+        groupFour: string;
+        purchasePrice: number;
+        cost: number;
+        picture: string;
+        materialProperty: string;
+        supplier: string;
+        supplyOrg: string;
+        supplyChain: string;
+        is211: boolean;
+        productLocation: string;
+        lifeCycle: string;
+        color: string;
+        safety: string;
+        barCode: string;
+        brand: string;
+        brandType: string;
+        productNoColor: string;
+        productSPU: string;
+        minNumber: number;
+    }
+    export interface DocumentStatus {
+        a: string;
+        b: string;
+        c: string;
+        d: string;
+    }
+    export interface Status {
+        documentStatus: DocumentStatus;
+        materialType: { [key: string]: string };
+        supplyChainType: { [key: string]: string };
+        productLocationType: { [key: string]: string };
+        lifeCycleType: { [key: string]: string };
+        brandType: { [key: string]: string };
+        safetyType: { [key: string]: string };
+        materialPropertyType: { [key: string]: string };
+        materialBearType: { [key: string]: string };
+        sendMaterialType: { [key: string]: string };
+        salesPromotionType: { [key: string]: string };
+    }
+    export interface SysMaterials {
+        id: number;
+        inputType: number;
+        queryField: string;
+        queryFieldType: string;
+        queryName: string;
+    }
+    export interface CommitList {
+        ids: number[];
+    }
+    export interface CommitListRelust {
+        detailId: number;
+        isSuccess: boolean;
+        msg: string;
+        orderId: number;
+        orderNo: string;
+        parentOrderId: any;
+        parentOrderNo: any;
+    }
+}
--- a/src/api/interface/page.ts
+++ b/src/api/interface/page.ts
@@ -0,0 +1,15 @@
+//分页
+import { Result } from "./result";
+// 分页响应参数
+export interface ResPage<T = any> extends Result {
+    data: {
+        list: T[];
+        total: number;
+    };
+}
+
+// 分页请求参数
+export interface ReqPage {
+    pageNum: number;
+    pageSize: number;
+}
--- a/src/api/interface/result.ts
+++ b/src/api/interface/result.ts
@@ -0,0 +1,11 @@
+// 请求响应参数（不包含data）
+export interface Result {
+    isSuccess: boolean;
+    message: string;
+    status: number;
+}
+
+// 请求响应参数（包含data）
+export interface ResultData<T = any> extends Result {
+    data: T;
+}
--- a/src/api/interface/upload.ts
+++ b/src/api/interface/upload.ts
@@ -0,0 +1,6 @@
+// 文件上传模块
+export namespace Upload {
+    export interface ResFileUrl {
+        fileUrl: string;
+    }
+}
--- a/src/api/interface/user.ts
+++ b/src/api/interface/user.ts
@@ -0,0 +1,44 @@
+// 用户管理模块
+export namespace User {
+    // 获取组织list
+    export interface ResUserOrgs {
+        id: number;
+        orgCode: string;
+        name: string;
+        orgType: string;
+        standardCoin: string;
+        standardCoinId: number;
+        autoDetaultStockId: number;
+        disable: boolean;
+    }
+    export interface ResUserDept {
+        id: number;
+        name: string;
+        pid: number;
+        managerId: null;
+        disable: boolean;
+        children: ResUserDept[];
+    }
+    export interface ResWarehouse {
+        id: number;
+        name: string;
+        code: null;
+        contacts: string;
+        contactsId: number;
+        useOrgId: null;
+        customerWarehouseTag: boolean;
+        tempTransferWarehouse: number;
+        defaultReplenishCustomer: number;
+        customerId: number;
+        stockType: number;
+        disable: boolean;
+    }
+    //获取组织下的用户
+    export interface ResUserList {
+        id: number;
+        code: null;
+        name: string;
+        number: number;
+        disable: boolean;
+    }
+}
--- a/src/api/modules/boxMark.ts
+++ b/src/api/modules/boxMark.ts
@@ -0,0 +1,13 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 盘点单
+ */
+//盘点单列表
+export const getBoxMarkListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`BoxMark/GetList`, params);
+};
+//SysConfig/GetMaterialList
+export const getMaterialListApi = (speci: any) => {
+    return http.get<any>(`SysConfig/GetMaterialList?speci=${encodeURIComponent(speci)}`);
+};
--- a/src/api/modules/deliveryAndOutbound.ts
+++ b/src/api/modules/deliveryAndOutbound.ts
@@ -0,0 +1,20 @@
+import http from "@/api";
+
+/**
+ * @name 发货出库
+ */
+//出库任务列表
+export const getOutStockTaskListApi = (params: Record<string, any>) => {
+    return http.post<any>(`OutStockTask/GetList`, params);
+};
+//出库单列表
+export const getOutStockListApi = (params: Record<string, any>) => {
+    return http.post<any>(`OutStock/GetList`, params);
+};
+//出库单详情
+export const getDetailsApi = (id: any) => {
+    return http.get<any>(`OutStock/GetInfo/${id}`);
+};
+export const getTaskDetailsApi = (id: any) => {
+    return http.get<any>(`OutStockTask/GetInfo/${id}`);
+};
--- a/src/api/modules/exportList.ts
+++ b/src/api/modules/exportList.ts
@@ -0,0 +1,9 @@
+import http from "@/api";
+// 即时库存列表
+export const getListApi = (params: Record<string, any>) => {
+    return http.post<any>(`FileDownManager/FileDownManagerQuery`, params);
+};
+//状态
+export const getStatusApi = () => {
+    return http.get<any>(`FileDownManager/GetStatus`);
+};
--- a/src/api/modules/finishedProduct.ts
+++ b/src/api/modules/finishedProduct.ts
@@ -0,0 +1,14 @@
+import http from "@/api";
+
+/**
+ * @name 发货出库
+ */
+//成品仓即时库存
+export const getProductInventoryListApi = (params: Record<string, any>) => {
+    return http.post<any>(`ProductInventory/GetList`, params);
+};
+
+//仓库
+export const getProductInventoryStockApi = () => {
+    return http.get<any>(`ProductInventory/GetUcStock`);
+};
--- a/src/api/modules/global.ts
+++ b/src/api/modules/global.ts
@@ -0,0 +1,46 @@
+import http from "@/api";
+
+/**
+ * @name 全局模块(在公司下面的数据)
+ */
+//获取全局单位
+export const getGlobalStatusApi = () => {
+    return http.get<any>(`SysConfig/GetStatus`);
+};
+//获取仓库
+export const getStockApi = () => {
+    return http.get<any>(`SysConfig/GetUcStock`);
+};
+//获取仓位
+export const getSubUcStockApi = (name: any) => {
+    return http.get<any>(`SysConfig/GetSubUcStockByName/?name=${name}`);
+};
+//获取组织
+export const getOrgApi = (name: any) => {
+    return http.get<any>(`SysConfig/GetOrg/${name}`);
+};
+//获取供应商
+export const getSupplierApi = (name: any) => {
+    return http.get<any>(`SysConfig/GetSupplier/${name}`);
+};
+//获取收货客户
+export const getCustomersApi = (name: any) => {
+    return http.get<any>(`SysConfig/GetCustomers/${name}`);
+};
+
+//通知单点登录
+export const getUcOfflineApi = () => {
+    return http.post<any>(`uc/offline`);
+};
+
+//全局顶部按钮操作
+//提交
+export const commitListApi = (url: string, params: any) => {
+    return http.post<any>(url, params);
+};
+export const getSubUcStockByNameApi = (id: any) => {
+    return http.get<any>(`SysConfig/GetSubUcStockByName/?name=${id}`);
+};
+export const getClineLoApi = (log: any) => {
+    return http.get<any>(`ClientLog/Log/${log}`);
+};
--- a/src/api/modules/inOtherLibraries.ts
+++ b/src/api/modules/inOtherLibraries.ts
@@ -0,0 +1,17 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 其他库内操作
+ */
+//移箱单列表
+export const getmovingBoxesListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`MoveBoxRecord/GetList`, params);
+};
+//出入库回退列表
+export const getInboundOutboundRollbackListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`BackRecord/GetList`, params);
+};
+//改箱列表
+export const getChangeBoxRecordListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`ChangeBoxRecord/GetList`, params);
+};
--- a/src/api/modules/inventory.ts
+++ b/src/api/modules/inventory.ts
@@ -0,0 +1,9 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 盘点单
+ */
+//盘点单列表
+export const getTakeStockListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`TakeStock/GetList`, params);
+};
--- a/src/api/modules/login.ts
+++ b/src/api/modules/login.ts
@@ -0,0 +1,32 @@
+import { ResultData, Login } from "@/api/interface/index";
+// import authMenuList from "@/assets/json/authMenuList.json";
+import http from "@/api";
+
+/**
+ * @name 登录模块
+ */
+// 用户登录
+export const loginApi = (params: Login.ReqLoginCode) => {
+    return http.get<ResultData<Login.ResLogin>>(`/Login/LoginIn`, params, {
+        noLoading: true
+    });
+    // 正常 post json 请求  ==>  application/json
+    // return http.post<Login.ResLogin>(PORT1 + `/login`, params, { noLoading: true }); // 控制当前请求不显示 loading
+    // return http.post<Login.ResLogin>(PORT1 + `/login`, {}, { params }); // post 请求携带 query 参数  ==>  ?username=admin&password=123456
+    // return http.post<Login.ResLogin>(PORT1 + `/login`, qs.stringify(params)); // post 请求携带表单参数  ==>  application/x-www-form-urlencoded
+    // return http.get<Login.ResLogin>(PORT1 + `/login?${qs.stringify(params, { arrayFormat: "repeat" })}`); // get 请求可以携带数组等复杂参数
+};
+
+// 获取菜单列表
+export const getAuthMenuListApi = () => {
+    return http.get<any>(`/Login/Menus`, {}, { noLoading: true });
+};
+
+// 用户退出登录
+export const logoutApi = () => {
+    return http.post(`/Login/LoginOut`);
+};
+
+// export const LoginOutSingleApi = () => {
+//     return http.get(`/Login/LoginOutSingle`);
+// };
--- a/src/api/modules/receiptAndWarehousing.ts
+++ b/src/api/modules/receiptAndWarehousing.ts
@@ -0,0 +1,20 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 收货入库
+ */
+//入库任务列表
+export const getInStockTaskListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`InStockTask/GetList`, params);
+};
+//入库单列表
+export const getInStockListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`InStock/GetList`, params);
+};
+//入库单详情
+export const getDetailsApi = (id: any) => {
+    return http.get<any>(`InStock/GetInfo/${id}`);
+};
+export const getTaskDetailsApi = (id: any) => {
+    return http.get<any>(`InStockTask/GetInfo/${id}`);
+};
--- a/src/api/modules/reportForm.ts
+++ b/src/api/modules/reportForm.ts
@@ -0,0 +1,17 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 报表
+ */
+//即时库存明细
+export const getInventoryListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`Inventory/GetList`, params);
+};
+//物料收发明细
+export const getInOutistApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`Inventory/GetListInOut`, params);
+};
+//箱库存查询
+export const getBoxListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`Inventory/GetListBox`, params);
+};
--- a/src/api/modules/sale.ts
+++ b/src/api/modules/sale.ts
@@ -0,0 +1,49 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 销售模块
+ */
+//销售订单列表
+export const getListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`SalOrder/GetList`, params);
+};
+
+//自定义条件Dictionary/sale
+export const getDictionaryApi = () => {
+    return http.get<any>(`Dictionary/sale`);
+};
+
+//下拉框状态
+export const getEnumApi = () => {
+    return http.get<any>(`SalOrder/GetEnum`);
+};
+
+//详情
+export const getOrderDetailsApi = (id: any) => {
+    return http.post<any>(`SalOrder/GetInfo/${id}`);
+};
+
+//销售退货列表
+export const getReturnListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`ReturnStockOrder/GetList`, params);
+};
+//销售退货自定义条件
+export const getRetrunDictionaryApi = () => {
+    return http.get<any>(`Dictionary/RetrunOrder`);
+};
+//销售退货状态 ReturnStockOrder/GetStatus
+export const getRetrunStatusApi = () => {
+    return http.get<any>(`ReturnStockOrder/GetStatus`);
+};
+//销售退货单详情
+export const getRetrunDetailsApi = (id: any) => {
+    return http.get<any>(`ReturnStockOrder/GetInfo/${id}`);
+};
+// //销售出库单详情
+// export const getSalOutStockOrderApi = (id: any) => {
+//     return http.get<any>(`SalOutStockOrder/GetInfo/${id}`);
+// };
+// //发货通知单列表
+// export const getNoticeListApi = (params: Record<string, any>) => {
+//     return http.post<ResPage<any>>(`DeliveryNoticeOrder/GetList`, params);
+// };
--- a/src/api/modules/subscription.ts
+++ b/src/api/modules/subscription.ts
@@ -0,0 +1,17 @@
+import http from "@/api";
+import { ResPage } from "@/api/interface/index";
+/**
+ * @name 订阅
+ */
+//列表
+export const getSubscriptionListApi = (params: Record<string, any>) => {
+    return http.post<ResPage<any>>(`SubscribeNotification/GetList`, params);
+};
+//詳情
+export const getDetailsApi = (id: any) => {
+    return http.get<any>(`SubscribeNotification/GetInfo/${id}`);
+};
+//获取客户下拉列表(纯客户信息 不包含组织信息)
+export const getCustomersNoOrgApi = (id: any) => {
+    return http.get<any>(`SysConfig/GetCustomersNoOrg/${id}`);
+};
--- a/src/api/modules/upload.ts
+++ b/src/api/modules/upload.ts
@@ -0,0 +1,18 @@
+import { Upload } from "@/api/interface/index";
+import { PORT1 } from "@/api/config/servicePort";
+import http from "@/api";
+
+/**
+ * @name 文件上传模块
+ */
+// 图片上传
+export const uploadImg = (formData: any) => {
+    //params: FormData
+    let url = import.meta.env.VITE_APP_API_BASEURL + import.meta.env.VITE_APP_API_VERSION + "/Upload?type=material&name=";
+    return http.post<any>(url, formData);
+};
+
+// 视频上传
+export const uploadVideo = (params: FormData) => {
+    return http.post<Upload.ResFileUrl>(PORT1 + `/file/upload/video`, params);
+};
--- a/src/assets/fonto/demo.css
+++ b/src/assets/fonto/demo.css
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
--- a/src/assets/fonto/demo_index.html
+++ b/src/assets/fonto/demo_index.html
--- a/src/assets/fonto/iconfont.css
+++ b/src/assets/fonto/iconfont.css
@@ -0,0 +1,263 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 2863944 */
+  src: url('iconfont.woff2?t=1700032659797') format('woff2'),
+       url('iconfont.woff?t=1700032659797') format('woff'),
+       url('iconfont.ttf?t=1700032659797') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-fahuochuku:before {
+  content: "\e670";
+}
+
+.icon-shouhuoruku:before {
+  content: "\e671";
+}
+
+.icon-qitakuneicaozuo:before {
+  content: "\e672";
+}
+
+.icon-pandian:before {
+  content: "\e673";
+}
+
+.icon-baobiao1:before {
+  content: "\e674";
+}
+
+.icon-shouqiicon:before {
+  content: "\e66e";
+}
+
+.icon-zhankaiicon:before {
+  content: "\e66a";
+}
+
+.icon-kelong:before {
+  content: "\e66b";
+}
+
+.icon-baocun1:before {
+  content: "\e66c";
+}
+
+.icon-riliicon:before {
+  content: "\e66d";
+}
+
+.icon-tianjia1:before {
+  content: "\e65e";
+}
+
+.icon-fuzhi:before {
+  content: "\e65d";
+}
+
+.icon-guanbi1:before {
+  content: "\e65b";
+}
+
+.icon-bianji1:before {
+  content: "\e65a";
+}
+
+.icon-shuiwuguanli:before {
+  content: "\e649";
+}
+
+.icon-chengbenguanli:before {
+  content: "\e645";
+}
+
+.icon-yingshoukuanguanli:before {
+  content: "\e642";
+}
+
+.icon-zijinguanli:before {
+  content: "\e643";
+}
+
+.icon-feiyongguanli:before {
+  content: "\e644";
+}
+
+.icon-chunaguanli:before {
+  content: "\e646";
+}
+
+.icon-zichanguanli:before {
+  content: "\e647";
+}
+
+.icon-zongzhang:before {
+  content: "\e648";
+}
+
+.icon-yingfukuanguanli:before {
+  content: "\e64a";
+}
+
+.icon-caiwu:before {
+  content: "\e641";
+}
+
+.icon-daochu1:before {
+  content: "\e63f";
+}
+
+.icon-renminbi:before {
+  content: "\e63b";
+}
+
+.icon-xiazaiweikong:before {
+  content: "\e63a";
+}
+
+.icon-shanchu:before {
+  content: "\e639";
+}
+
+.icon-daochu:before {
+  content: "\e636";
+}
+
+.icon-xiadan:before {
+  content: "\e637";
+}
+
+.icon-piliang:before {
+  content: "\e638";
+}
+
+.icon-zhexiantu:before {
+  content: "\e635";
+}
+
+.icon-gengduo:before {
+  content: "\e631";
+}
+
+.icon-chenggong:before {
+  content: "\e630";
+}
+
+.icon-shijing:before {
+  content: "\e62f";
+}
+
+.icon-xinxi:before {
+  content: "\e62e";
+}
+
+.icon-renwuweikong:before {
+  content: "\e62d";
+}
+
+.icon-liulanjiluweikong:before {
+  content: "\e62c";
+}
+
+.icon-qingchu:before {
+  content: "\e62b";
+}
+
+.icon-zuobian:before {
+  content: "\e629";
+}
+
+.icon-youbian:before {
+  content: "\e62a";
+}
+
+.icon-xuanzhong:before {
+  content: "\e628";
+}
+
+.icon-shuangjiantoushouqi-shang:before {
+  content: "\e626";
+}
+
+.icon-shuangjiantouzhankai-xia:before {
+  content: "\e627";
+}
+
+.icon-shuaxin:before {
+  content: "\e625";
+}
+
+.icon-tianjia:before {
+  content: "\e624";
+}
+
+.icon-baocun:before {
+  content: "\e623";
+}
+
+.icon-you-zhankaigengduo:before {
+  content: "\e61d";
+}
+
+.icon-zuo-zhankaigengduo:before {
+  content: "\e61e";
+}
+
+.icon-xia-zhankai:before {
+  content: "\e61f";
+}
+
+.icon-guanbi:before {
+  content: "\e620";
+}
+
+.icon-baobiao:before {
+  content: "\e612";
+}
+
+.icon-caigou:before {
+  content: "\e613";
+}
+
+.icon-cangku:before {
+  content: "\e614";
+}
+
+.icon-shengchan:before {
+  content: "\e615";
+}
+
+.icon-xiaoshou:before {
+  content: "\e616";
+}
+
+.icon-tiaoma:before {
+  content: "\e617";
+}
+
+.icon-wuliao:before {
+  content: "\e618";
+}
+
+.icon-weiwai:before {
+  content: "\e619";
+}
+
+.icon-gongyingshang:before {
+  content: "\e61a";
+}
+
+.icon-shezhi:before {
+  content: "\e61b";
+}
+
+.icon-a-211:before {
+  content: "\e61c";
+}
+
--- a/src/assets/fonto/iconfont.js
+++ b/src/assets/fonto/iconfont.js
--- a/src/assets/fonto/iconfont.json
+++ b/src/assets/fonto/iconfont.json
@@ -0,0 +1,443 @@
+{
+  "id": "2863944",
+  "name": "OPS",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "38127193",
+      "name": "发货出库",
+      "font_class": "fahuochuku",
+      "unicode": "e670",
+      "unicode_decimal": 58992
+    },
+    {
+      "icon_id": "38127192",
+      "name": "收货入库",
+      "font_class": "shouhuoruku",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "38127191",
+      "name": "其他库内操作",
+      "font_class": "qitakuneicaozuo",
+      "unicode": "e672",
+      "unicode_decimal": 58994
+    },
+    {
+      "icon_id": "38127190",
+      "name": "盘点",
+      "font_class": "pandian",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "38127189",
+      "name": "报表",
+      "font_class": "baobiao1",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "36084927",
+      "name": "收起icon",
+      "font_class": "shouqiicon",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "36084853",
+      "name": "展开icon",
+      "font_class": "zhankaiicon",
+      "unicode": "e66a",
+      "unicode_decimal": 58986
+    },
+    {
+      "icon_id": "36084854",
+      "name": "克隆",
+      "font_class": "kelong",
+      "unicode": "e66b",
+      "unicode_decimal": 58987
+    },
+    {
+      "icon_id": "36084855",
+      "name": "保存",
+      "font_class": "baocun1",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "36084856",
+      "name": "日历icon",
+      "font_class": "riliicon",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "32937331",
+      "name": "添加",
+      "font_class": "tianjia1",
+      "unicode": "e65e",
+      "unicode_decimal": 58974
+    },
+    {
+      "icon_id": "32936674",
+      "name": "复制",
+      "font_class": "fuzhi",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "31372064",
+      "name": "关闭",
+      "font_class": "guanbi1",
+      "unicode": "e65b",
+      "unicode_decimal": 58971
+    },
+    {
+      "icon_id": "31254227",
+      "name": "编辑",
+      "font_class": "bianji1",
+      "unicode": "e65a",
+      "unicode_decimal": 58970
+    },
+    {
+      "icon_id": "28767114",
+      "name": "税务管理",
+      "font_class": "shuiwuguanli",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "28758569",
+      "name": "成本管理",
+      "font_class": "chengbenguanli",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "28756346",
+      "name": "应收款管理",
+      "font_class": "yingshoukuanguanli",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "28756347",
+      "name": "资金管理",
+      "font_class": "zijinguanli",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "28756349",
+      "name": "费用管理",
+      "font_class": "feiyongguanli",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "28756351",
+      "name": "出纳管理",
+      "font_class": "chunaguanli",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "28756352",
+      "name": "资产管理",
+      "font_class": "zichanguanli",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "28756353",
+      "name": "总账",
+      "font_class": "zongzhang",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "28756355",
+      "name": "应付款管理",
+      "font_class": "yingfukuanguanli",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "28442176",
+      "name": "财务",
+      "font_class": "caiwu",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "28373960",
+      "name": "导出",
+      "font_class": "daochu1",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "28043356",
+      "name": "人民币",
+      "font_class": "renminbi",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "27909200",
+      "name": "下载为空",
+      "font_class": "xiazaiweikong",
+      "unicode": "e63a",
+      "unicode_decimal": 58938
+    },
+    {
+      "icon_id": "26973680",
+      "name": "删除",
+      "font_class": "shanchu",
+      "unicode": "e639",
+      "unicode_decimal": 58937
+    },
+    {
+      "icon_id": "26955368",
+      "name": "导出",
+      "font_class": "daochu",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "26955369",
+      "name": "下单",
+      "font_class": "xiadan",
+      "unicode": "e637",
+      "unicode_decimal": 58935
+    },
+    {
+      "icon_id": "26955370",
+      "name": "批量",
+      "font_class": "piliang",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    },
+    {
+      "icon_id": "26954331",
+      "name": "折线图",
+      "font_class": "zhexiantu",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "25254824",
+      "name": "更多",
+      "font_class": "gengduo",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "25181240",
+      "name": "成功",
+      "font_class": "chenggong",
+      "unicode": "e630",
+      "unicode_decimal": 58928
+    },
+    {
+      "icon_id": "25181198",
+      "name": "示警",
+      "font_class": "shijing",
+      "unicode": "e62f",
+      "unicode_decimal": 58927
+    },
+    {
+      "icon_id": "25181181",
+      "name": "信息",
+      "font_class": "xinxi",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "25176785",
+      "name": "任务为空",
+      "font_class": "renwuweikong",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "25176783",
+      "name": "浏览记录为空",
+      "font_class": "liulanjiluweikong",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "25162308",
+      "name": "清除",
+      "font_class": "qingchu",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "25148507",
+      "name": "左边",
+      "font_class": "zuobian",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "25148508",
+      "name": "右边",
+      "font_class": "youbian",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "25100884",
+      "name": "选中",
+      "font_class": "xuanzhong",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "25097364",
+      "name": "双箭头收起-上",
+      "font_class": "shuangjiantoushouqi-shang",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "25097365",
+      "name": "双箭头展开-下",
+      "font_class": "shuangjiantouzhankai-xia",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "25097087",
+      "name": "刷新",
+      "font_class": "shuaxin",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "25097062",
+      "name": "添加",
+      "font_class": "tianjia",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "25097053",
+      "name": "保存",
+      "font_class": "baocun",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "24910721",
+      "name": "右-展开更多",
+      "font_class": "you-zhankaigengduo",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "24910731",
+      "name": "左-展开更多",
+      "font_class": "zuo-zhankaigengduo",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "24910740",
+      "name": "下-展开",
+      "font_class": "xia-zhankai",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "24910742",
+      "name": "关闭",
+      "font_class": "guanbi",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "24903722",
+      "name": "报表",
+      "font_class": "baobiao",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "24903723",
+      "name": "采购",
+      "font_class": "caigou",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "24903733",
+      "name": "仓库",
+      "font_class": "cangku",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "24903735",
+      "name": "生产",
+      "font_class": "shengchan",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "24903736",
+      "name": "销售",
+      "font_class": "xiaoshou",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "24903737",
+      "name": "条码",
+      "font_class": "tiaoma",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "24903738",
+      "name": "物料",
+      "font_class": "wuliao",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "24903739",
+      "name": "委外",
+      "font_class": "weiwai",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "24903740",
+      "name": "供应商",
+      "font_class": "gongyingshang",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "24903741",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "24903806",
+      "name": "211",
+      "font_class": "a-211",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    }
+  ]
+}
--- a/src/assets/fonto/iconfont.ttf
+++ b/src/assets/fonto/iconfont.ttf
--- a/src/assets/fonto/iconfont.woff
+++ b/src/assets/fonto/iconfont.woff
--- a/src/assets/fonto/iconfont.woff2
+++ b/src/assets/fonto/iconfont.woff2
--- a/src/assets/fonts/DIN.otf
+++ b/src/assets/fonts/DIN.otf
--- a/src/assets/fonts/MetroDF.ttf
+++ b/src/assets/fonts/MetroDF.ttf
--- a/src/assets/fonts/YouSheBiaoTiHei.ttf
+++ b/src/assets/fonts/YouSheBiaoTiHei.ttf
--- a/src/assets/fonts/font.scss
+++ b/src/assets/fonts/font.scss
@@ -0,0 +1,14 @@
+@font-face {
+    font-family: YouSheBiaoTiHei;
+    src: url("./YouSheBiaoTiHei.ttf");
+}
+
+@font-face {
+    font-family: MetroDF;
+    src: url("./MetroDF.ttf");
+}
+
+@font-face {
+    font-family: DIN;
+    src: url("./DIN.Otf");
+}
--- a/src/assets/iconfont/iconfont.scss
+++ b/src/assets/iconfont/iconfont.scss
@@ -0,0 +1,38 @@
+@font-face {
+    font-family: iconfont; /* Project id 2667653 */
+    src: url("iconfont.ttf?t=1663324025864") format("truetype");
+}
+.iconfont {
+    font-family: iconfont !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    cursor: pointer;
+}
+.icon-xiaoxi::before {
+    font-size: 21.2px;
+    content: "\e61f";
+}
+.icon-zhuti::before {
+    font-size: 22.4px;
+    content: "\e638";
+}
+.icon-sousuo::before {
+    content: "\e611";
+}
+.icon-contentright::before {
+    content: "\e8c9";
+}
+.icon-contentleft::before {
+    content: "\e8ca";
+}
+.icon-fangda::before {
+    content: "\e826";
+}
+.icon-suoxiao::before {
+    content: "\e641";
+}
+.icon-zhongyingwen::before {
+    content: "\e8cb";
+}
--- a/src/assets/iconfont/iconfont.ttf
+++ b/src/assets/iconfont/iconfont.ttf
--- a/src/assets/icons/xianxingdaoyu.svg
+++ b/src/assets/icons/xianxingdaoyu.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M574 342.8m-38.3 0a38.3 38.3 0 1 0 76.6 0 38.3 38.3 0 1 0-76.6 0Z" fill="#F2B843" /><path d="M627 697c15.2-20.7 45.3-294-45-383.3-3-6.1-0.4-13.5 5.7-16.5 6.2-3 13.5-0.5 16.5 5.7C689.8 370.2 719.9 573 705.1 697H627z" fill="#EA800C" /><path d="M617.8 307.4m-38.3 0a38.3 38.3 0 1 0 76.6 0 38.3 38.3 0 1 0-76.6 0Z" fill="#F2B843" /><path d="M608 272.5L461 502.8c-33.6-47.5-37.2-112.5-3.9-164.6 33.2-52.1 93.7-76.2 150.9-65.7z" fill="#3DC38A" /><path d="M742.5 132.3L569.9 299.8c-19.2-47.5-9.1-103.9 29.9-141.8 39.1-37.9 95.8-46.3 142.7-25.7z" fill="#2F9B77" /><path d="M608.7 289.2l-239.6 21.1c15.1-49 58.5-86.4 112.7-91.1 54.2-4.8 103.5 24.4 126.9 70z" fill="#2F9B77" /><path d="M594.7 269.9L408.5 168.4c35-28.6 85.2-34.8 127.3-11.9 42.1 23 64 68.6 58.9 113.4z" fill="#3DC38A" /><path d="M825.5 331.8l-271.4-31.4c28-51 84.9-82.7 146.3-75.6 61.3 7 109.5 51 125.1 107z" fill="#3DC38A" /><path d="M75.3 868.9c0-86.5 104.3-173 233-173s233 86.5 233 173h-466z" fill="#2F9B77" /><path d="M938.2 868.9c0-116.2-130.9-232.3-292.3-232.3S353.5 752.7 353.5 868.9h584.7z" fill="#3DC38A" /><path d="M858.9 701.5c-28.1-23.1-60.4-41.4-95.9-54.3-14.5-5.3-29.3-9.5-44.3-12.8 0.2-51.3-5.5-106.3-16.2-155.9-11.9-54.8-29.5-101.6-51.2-136.3 5.6-5.3 9.7-11.8 12.2-19.1l160.8 18.6c0.4 0 0.8 0.1 1.2 0.1 2.9 0 5.7-1.3 7.6-3.5 2.2-2.5 2.9-6 2-9.2-8.3-29.8-25.1-56.3-48.5-76.7-24-20.9-53.5-33.9-85.1-37.5-9.7-1.1-19.3-1.3-28.9-0.7l76.8-74.6c2.4-2.3 3.5-5.7 2.9-8.9-0.6-3.3-2.8-6-5.8-7.4-52.3-23-112.6-12.1-153.7 27.7-7.2 7-13.6 14.7-19.1 23.1-9.4-10.5-20.6-19.4-33.1-26.2-44.7-24.3-99-19.2-138.4 12.9-2.6 2.1-3.9 5.4-3.6 8.7s2.2 6.3 5.2 7.9l62.5 34c-50.2 9.8-91.2 46.2-106.6 96-1 3.2-0.3 6.6 1.8 9.2 1.9 2.4 4.8 3.7 7.8 3.7h0.9l94.5-8.3c-5.8 6.4-11 13.3-15.8 20.8-17.2 26.9-25.7 57.9-24.7 89.7 1 31 11 60.8 28.9 86 1.9 2.7 4.9 4.2 8.2 4.2h0.2c3.3-0.1 6.4-1.8 8.2-4.6L549 383.9c7.5 4.6 16.1 7.1 25.2 7.1 13.4 0 25.9-5.5 34.8-14.7 27.2 70.9 29.2 175.3 21.8 250.6-34.9 1.5-69.1 8.3-101.8 20.2-35.5 12.9-67.8 31.2-95.9 54.3-3.2 2.6-6.3 5.3-9.4 8.1-35.7-15.5-75.4-23.6-115.1-23.6-63.1 0-123.8 19.9-170.9 56.1-45.8 35.3-72.1 81.5-72.1 126.9 0 5.5 4.5 10 10 10h862.9c5.5 0 10-4.5 10-10-0.3-59.7-32.8-120.7-89.6-167.4z m-226.2-370c-3.3 2.1-7 3.4-10.9 3.9-1-6.4-3.2-12.5-6.5-17.9l27.6 3.2c-2.3 4.4-5.8 8.1-10.2 10.8z m66.6-96.8c27.6 3.2 53.3 14.5 74.3 32.7 16.6 14.5 29.4 32.4 37.5 52.6l-152.7-17.7c-0.4-0.1-0.8-0.2-1.2-0.2-0.4 0-0.8-0.1-1.2-0.1l-65.3-7.6c-1-0.3-2-0.4-2.9-0.3l-5.5-0.6c-0.1 0-0.2-0.1-0.3-0.1-0.7-0.1-1.3-0.2-2-0.2l-8.8-1c5.3-7.5 11.3-14.5 18-20.8 0.5-0.4 1-0.8 1.4-1.3 8.7-8 18.4-14.9 29.1-20.5 8-4.2 16.4-7.6 24.9-10.2 0.5-0.1 0.9-0.2 1.4-0.4 17-4.8 35.1-6.4 53.3-4.3z m-92.5-69.4c31.5-30.5 76.2-41.2 117.4-29l-87 84.4c-9.3 2.9-18.4 6.6-27.1 11.2-2.2 1.2-4.3 2.4-6.5 3.6-2.8-15.7-8.5-30.8-17-44.4 5.5-9.5 12.3-18.2 20.2-25.8z m-75.8 0.1c14.4 7.9 26.4 18.6 35.7 31.9 10.5 15.1 16.8 32.7 18.4 51-1.2 1-2.5 2-3.6 3l-74-40.3c-0.8-0.7-1.8-1.2-2.8-1.5l-77.2-42.1c31.3-18.8 70.6-20 103.5-2z m-48.2 63.8c5.2-0.5 10.3-0.6 15.4-0.4l68.2 37.1c-5.1 5.7-9.9 11.8-14.2 18.2l-60 5.3-108.1 9.5c17.8-39.1 55-66 98.7-69.7zM461.2 484c-24.3-43.9-23-97.5 4.5-140.6 8.5-13.4 19-24.9 31.3-34.4l48.3-4.2s0 0.1 0.1 0.1c1.5 3 4.4 5 7.7 5.3l17.8 2.1-32.1 50.3c-0.6 0.7-1 1.4-1.4 2.2L461.2 484zM574 371c-5.2 0-10.1-1.4-14.4-3.9l29.3-45.9 1.1-1.8c7.6 5.2 12.4 13.9 12.4 23.4v2.1c-0.1 1.8-0.5 3.8-1.1 6.1-0.2 0.6-0.4 1.1-0.6 1.7-4.2 10.9-14.8 18.3-26.7 18.3z m47.8-15.5c4.3-0.3 8.6-1.3 12.6-2.7 20.5 32.6 37.2 77.3 48.6 129.9 10.2 47.1 15.7 99.1 15.8 148-15.9-2.5-31.9-3.8-48.1-4 2.7-28.8 5.6-76.5 1.8-130.4-4-57.6-14.3-104.8-30.7-140.8zM149.6 757.9c43.6-33.5 99.9-52 158.7-52 34.2 0 68.3 6.5 99.4 18.8-38.4 40-61.1 87.2-63.9 134.2h-258c3.6-35.9 26.4-72.2 63.8-101z m391.7 101H363.8c3.4-50.5 32.8-101.8 81.7-142 26.4-21.7 56.6-38.8 90-50.9 35.4-12.8 72.5-19.4 110.4-19.4 37.9 0 75 6.5 110.3 19.4 33.4 12.1 63.6 29.3 90 50.9 48.9 40.2 78.2 91.5 81.6 142H541.3z" fill="#4D3500" /></svg>
--- a/src/assets/icons/xianxingdiqiu.svg
+++ b/src/assets/icons/xianxingdiqiu.svg
--- a/src/assets/icons/xianxingditu.svg
+++ b/src/assets/icons/xianxingditu.svg
--- a/src/assets/icons/xianxingfanchuan.svg
+++ b/src/assets/icons/xianxingfanchuan.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M489.6 541.1V166l283.5 375.1H489.6" fill="#3DC38A" /><path d="M489.6 101.3l-323.2 491h323.2z" fill="#F2B843" /><path d="M489.6 715.7c-16.3 0-29.6-13.2-29.6-29.6V95c0-16.3 13.2-29.6 29.6-29.6 16.3 0 29.6 13.2 29.6 29.6v591.1c-0.1 16.3-13.3 29.6-29.6 29.6z" fill="#EA800C" /><path d="M489.6 608.4H145.3c-16.3 0-29.6-13.2-29.6-29.6 0-16.3 13.2-29.6 29.6-29.6h344.3c16.3 0 29.6 13.2 29.6 29.6-0.1 16.3-13.3 29.6-29.6 29.6z" fill="#EA800C" /><path d="M783.8 557.2H503.1c-16.3 0-29.6-13.2-29.6-29.6 0-16.3 13.2-29.6 29.6-29.6h280.7c16.3 0 29.6 13.2 29.6 29.6 0 16.3-13.3 29.6-29.6 29.6z" fill="#EA800C" /><path d="M752.4 759.8l-67-88.8c-7.9-10.5-20.3-16.7-33.5-16.7H302c-18.3 0-34.5 11.9-40 29.3l-25 76.2h515.4z" fill="#2F9B77" /><path d="M920.8 704.6c15.6-0.8 26.8 14.8 21.1 29.3l-54.5 138.8-28.6 72.8H133.7L81.5 775c-4.1-13.4 5.5-27 19.4-27.8l143.3-7.5 676.6-35.1z" fill="#3DC38A" /><path d="M802.3 791.8m-27 0a27 27 0 1 0 54 0 27 27 0 1 0-54 0Z" fill="#F2B843" /><path d="M947.5 707.7c-6.3-8.7-16.4-13.6-27.2-13.1l-196.8 10.2-30-39.9c-9.8-12.9-25.3-20.6-41.5-20.6H529.2v-77.1h254.7c21.8 0 39.6-17.8 39.6-39.6S805.7 488 783.9 488h-38.3L529.2 201.7V95c0-21.8-17.8-39.6-39.6-39.6S450 73.2 450 95v48.2L189.3 539.3h-44c-21.8 0-39.6 17.8-39.6 39.6s17.8 39.6 39.6 39.6H450v25.8H302c-22.7 0-42.6 14.6-49.5 36.2l-16.2 49.6-135.9 7.1c-9.7 0.6-18.5 5.5-24.1 13.5-5.6 8-7.1 17.9-4.3 27.2l52.2 170.5c1.3 4.2 5.2 7.1 9.6 7.1h725.1c4.1 0 7.8-2.5 9.3-6.3l28.6-72.8 54.5-138.8c3.8-10 2.4-21.2-3.8-29.9zM720.5 488H529.2V234.9L720.5 488zM450 179.6v359.7H213.3L450 179.6z m20 428.8c0-5.5-4.5-10-10-10-0.5 0-0.9 0-1.3 0.1H145.3c-10.8 0-19.6-8.8-19.6-19.6s8.8-19.6 19.6-19.6H460c5.5 0 10-4.5 10-10V95c0-10.8 8.8-19.6 19.6-19.6s19.6 8.8 19.6 19.6v403c0 5.5 4.5 10 10 10h264.7c10.8 0 19.6 8.8 19.6 19.6s-8.8 19.6-19.6 19.6H519.2c-5.5 0-10 4.5-10 10v87.1H470v-35.9z m-198.5 78.3s0-0.1 0 0c4.3-13.4 16.5-22.4 30.5-22.4h350c9.9 0 19.5 4.8 25.5 12.7l21.9 29.1L257.7 729l13.8-42.3z m661.1 43.5L878.1 869 852 935.5H141.1l-50-163.4c-1-3.4-0.5-7 1.6-9.9 2-2.9 5.3-4.8 8.8-5l141.5-7.4h0.6c0.6 0 1.1-0.1 1.7-0.1l473.6-24.6h0.7l201.7-10.5c4-0.2 7.6 1.5 9.9 4.8 2.3 3.2 2.8 7.2 1.4 10.8z" fill="#4D3500" /><path d="M802.3 754.8c-20.4 0-37 16.6-37 37s16.6 37 37 37 37-16.6 37-37-16.6-37-37-37z m0 54c-9.4 0-17-7.6-17-17s7.6-17 17-17 17 7.6 17 17-7.6 17-17 17z" fill="#4D3500" /></svg>
--- a/src/assets/icons/xianxingfeiji.svg
+++ b/src/assets/icons/xianxingfeiji.svg
--- a/src/assets/icons/xianxinglvhangriji.svg
+++ b/src/assets/icons/xianxinglvhangriji.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M252.8 862.9h-73.4c-6.8 0-12.4-5.6-12.4-12.4V134.4c0-6.8 5.6-12.4 12.4-12.4h73.4l5.3 6.8v728.8l-5.3 5.3z" fill="#F2B843" /><path d="M338.5 942l-42.9-18.1-42.8 18.1v-79.1l7.5-5.3h71.3l7 5.3-0.1 79.1z" fill="#EA800C" /><path d="M844.6 327.9h-40.7l-5.3-5.8v-93.3l5.3-7.2h40.7c6.8 0 12.4 5.6 12.4 12.4v81.5c0 6.9-5.6 12.4-12.4 12.4z" fill="#F2B843" /><path d="M844.6 540.5h-40.7l-5.3-7.3v-90.6l5.3-8.4h40.7c6.8 0 12.4 5.6 12.4 12.4v81.5c0 6.8-5.6 12.4-12.4 12.4z" fill="#EA800C" /><path d="M844.6 753h-40.7l-5.3-6.7v-92.1l5.3-7.5h40.7c6.8 0 12.4 5.6 12.4 12.4v81.5c0 6.8-5.6 12.4-12.4 12.4z" fill="#2F9B77" /><path d="M791.8 862.9h-539V122h539.1c6.7 0 12 5.4 12 12v716.8c0 6.7-5.4 12.1-12.1 12.1z" fill="#3DC38A" /><path d="M680.3 661.1H343.7c-14 0-25.5-11.5-25.5-25.5s11.5-25.5 25.5-25.5h336.6c14 0 25.5 11.5 25.5 25.5s-11.5 25.5-25.5 25.5zM680.3 779.8H343.7c-14 0-25.5-11.5-25.5-25.5s11.5-25.5 25.5-25.5h336.6c14 0 25.5 11.5 25.5 25.5s-11.5 25.5-25.5 25.5z" fill="#2F9B77" /><path d="M594.8 511.1c-79.2 45.7-180.5 18.6-226.3-60.6S350 270 429.2 224.2s180.5-18.6 226.3 60.6 18.5 180.6-60.7 226.3z" fill="#3DC38A" /><path d="M523.7 318.1c-1.2 0.3-3.5 0.9-4.5 1.7-1.2 1 0.7 2.3 0 2.9-1.2 1-2.1 2.7-4.7 2.6-5.5-0.3-13.9-7.5-19-10.2 8.1-8.3-4.7-9.6-9.7-9.1-6.5 0.5-17.7 0-23.5 3.2-4.1 2.3-9.5 11.7-12.8 15.5-4.6 5.2-9.1 9.8-12.1 16-10.9 23 5.9 49.4 32.2 46.3 7.3-0.9 14.9-5.5 21.4 0.6 4.8 4.5 2.3 8.7 3.5 13.9 1.1 4.5 6.1 7.3 7.8 11.4 3.3 7.9 1.2 12.9-1.1 20.2-3.1 9.6 4.9 21 8 30.2 1.6 4.7 6.1 17.7 10.7 19.8 7.1 3.2 18.1-6.4 22.4-11.6 3.3-4.1 2.2-8.2 4.4-12 2.4-4.1 5.4-5.3 7.1-10.6 1.8-5.7 3.7-7.1 7.5-11.3 6.2-6.7 5.2-10.6 2.7-18.6-5.1-16.5 13.5-24.2 21.8-36.3 8.7-12.6-8.2-8.4-14.8-12.8-6.8-4.4-9.8-12.9-13.1-19.9s-6-17.5-11.4-23.3c-4.2-4.3-16.9-6.4-22.8-8.6zM609.2 428.8c-2.6 8.9-5.3 17.8-7.9 26.7-1.8 6.2-8.4 26.6-17.5 13.6-3.5-5-0.6-11.4 1.3-16 2.4-5.8-0.9-8.7 0.9-14.1 2-6.2 10-6.4 13.8-10.8 2.7-3 4.3-7.9 6.2-11.5 1 4 2.1 8.1 3.2 12.1z" fill="#F2B843" /><path d="M655.4 284.9c-28.5-49.4-78.7-78.5-131.6-82.4l-21.6 27.2-46.4 16.3-12.5 30.2 19.2 26.9 2-5.7c3.4-9.5 12.4-15.8 22.5-15.8h31.7l36.4 12.8 12.5 12v7.6l17.4 33.4 5.1-1.9c11-4 20.9-10.4 29.2-18.7l-4.2-6.3c-1.4-2 0.1-4.7 2.5-4.7h10.2c3 0 5.8 1.3 7.7 3.6l8.3 9.7c0.8 0.9 1.4 2 1.8 3.1l9.1 25.2 4.4-4.4c2.7-2.7 4.1-6.5 4.2-10.4 0-3.1 1.4-6.1 3.7-8.2l3.4-3c0.8-0.8 1.8-1.4 2.8-1.8-3.6-15.3-9.5-30.4-17.8-44.7zM407.6 291.3l7.9-8.5c5.8-6.2 7.4-15.2 4.2-23-3.4-8.3-10.9-13.6-19.2-14.8-29.2 26.5-47.4 62.2-52.6 100 6.2 5.4 12.6 11.2 12.6 11.7-0.1 1 23.2-2.9 23.2-2.9l-12-17.5 17.2-12.3 18.7-32.7zM423.8 456.4c7.5-2.4 11.6-10.4 9.1-17.9l-2.1-6.6c-0.9-2.9-0.9-5.9 0-8.8 2.7-8.1-2.4-16.8-10.8-18.4l-16.8-3.3-30.6-23.2-25.3 8.2c2.5 21.9 9.4 43.7 21.2 64.1 10.9 18.8 24.9 34.7 41 47.4l7.5-39.3 6.8-2.2z" fill="#2F9B77" /><path d="M844.6 337.9c12.4 0 22.4-10 22.4-22.4V234c0-12.4-10-22.4-22.4-22.4h-30.7V134c0-12.1-9.9-22-22-22H179.4c-12.4 0-22.4 10-22.4 22.4v716.1c0 12.4 10 22.4 22.4 22.4h63.4V942c0 3.4 1.7 6.5 4.5 8.3 2.8 1.9 6.3 2.2 9.4 0.9l38.9-16.5 39 16.5c1.2 0.5 2.6 0.8 3.9 0.8 1.9 0 3.9-0.6 5.5-1.7 2.8-1.9 4.5-5 4.5-8.3v-69.1h443.3c12.2 0 22.1-9.9 22.1-22.1V763h30.7c12.4 0 22.4-10 22.4-22.4v-81.5c0-12.4-10-22.4-22.4-22.4h-30.7v-86.2h30.7c12.4 0 22.4-10 22.4-22.4v-81.5c0-12.4-10-22.4-22.4-22.4h-30.7v-86.3h30.7z m0-106.3c1.3 0 2.4 1.1 2.4 2.4v81.5c0 1.3-1.1 2.4-2.4 2.4h-30.7v-86.3h30.7zM177 850.5V134.4c0-1.3 1.1-2.4 2.4-2.4h63.4v720.9h-63.4c-1.3 0-2.4-1.1-2.4-2.4z m151.5 76.4l-29-12.2c-2.5-1-5.3-1-7.8 0l-28.9 12.2v-54h65.7v54z m465.4-76.1c0 1.2-0.9 2.1-2.1 2.1h-529V132h529.1c1.1 0 2 0.9 2 2v716.8z m50.7-194.1c1.3 0 2.4 1.1 2.4 2.4v81.5c0 1.4-1 2.4-2.4 2.4h-30.7v-86.3h30.7z m0-212.5c1.3 0 2.4 1.1 2.4 2.4v81.5c0 1.3-1.1 2.4-2.4 2.4h-30.7v-86.3h30.7z" fill="#4D3500" /><path d="M680.3 600.1H343.7c-19.6 0-35.5 15.9-35.5 35.5s15.9 35.5 35.5 35.5h336.6c19.6 0 35.5-15.9 35.5-35.5s-15.9-35.5-35.5-35.5z m0 51H343.7c-8.5 0-15.5-7-15.5-15.5s7-15.5 15.5-15.5h336.6c8.5 0 15.5 7 15.5 15.5s-7 15.5-15.5 15.5zM680.3 718.8H343.7c-19.6 0-35.5 15.9-35.5 35.5s15.9 35.5 35.5 35.5h336.6c19.6 0 35.5-15.9 35.5-35.5s-15.9-35.5-35.5-35.5z m0 51H343.7c-8.5 0-15.5-7-15.5-15.5s7-15.5 15.5-15.5h336.6c8.5 0 15.5 7 15.5 15.5s-7 15.5-15.5 15.5zM512.3 543.2c29.8 0 59.9-7.6 87.5-23.5 40.6-23.4 69.7-61.3 81.9-106.7 12.2-45.4 6-92.7-17.5-133.3-23.5-40.6-61.4-69.7-106.7-81.8-45.3-12.1-92.7-5.9-133.3 17.6-40.6 23.5-69.7 61.4-81.9 106.7-12.2 45.3-6 92.7 17.5 133.3 32.6 56.3 91.7 87.7 152.5 87.7zM361.6 327.4c10.8-40.2 36.6-73.7 72.6-94.6 24-13.9 50.6-20.9 77.6-20.9 13.5 0 27.1 1.8 40.5 5.4 40.2 10.8 73.7 36.5 94.6 72.5 20.8 36 26.3 77.9 15.5 118.1-10.8 40.2-36.6 73.7-72.6 94.5-74.3 42.9-169.7 17.3-212.6-56.9-20.8-36-26.4-77.9-15.6-118.1z" fill="#4D3500" /></svg>
--- a/src/assets/icons/xianxingtianqiyubao.svg
+++ b/src/assets/icons/xianxingtianqiyubao.svg
--- a/src/assets/icons/xianxingxiangjipaizhao.svg
+++ b/src/assets/icons/xianxingxiangjipaizhao.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M72 440.5h880v286.2H72z" fill="#F2B843" /><path d="M72 726.6V834c0 19.8 16 35.8 35.8 35.8h808.5c19.8 0 35.8-16 35.8-35.8V726.6H72zM916.2 297.4H708.7L647 174.1c-6.1-12.1-18.5-19.8-32-19.8H408.9c-13.5 0-25.9 7.7-32 19.8l-61.7 123.3h-64.4v-35.8c0-19.8-16-35.8-35.8-35.8h-35.8c-19.8 0-35.8 16-35.8 35.8v35.8h-35.8c-19.8 0-35.8 16-35.8 35.8v107.3h880V333.1c0.2-19.7-15.8-35.7-35.6-35.7z" fill="#3DC38A" /><path d="M726.6 583.5c0 118.3-95.9 214.6-214.6 214.6-118.8 0-214.6-96.4-214.6-214.6 0-118.3 95.9-214.6 214.6-214.6 118.8 0 214.6 96.4 214.6 214.6z" fill="#EA800C" /><path d="M512 440.5c78.9 0 143.1 64.2 143.1 143.1S590.9 726.7 512 726.7s-143.1-64.2-143.1-143.1S433.1 440.5 512 440.5z" fill="#FFFFFF" /><path d="M773.1 386.8c9.9 0 17.9-8 17.9-17.9s-8-17.9-17.9-17.9-17.9 8-17.9 17.9c0.1 9.9 8.1 17.9 17.9 17.9zM565.7 207.9H458.3c-9.9 0-17.9 8-17.9 17.9s8 17.9 17.9 17.9h107.3c9.9 0 17.9-8 17.9-17.9s-8-17.9-17.8-17.9zM512 744.5c88.8 0 161-72.2 161-161s-72.2-161-161-161-161 72.2-161 161 72.2 161 161 161z m0-286.2c69 0 125.2 56.2 125.2 125.2S581 708.7 512 708.7s-125.2-56.2-125.2-125.2S443 458.3 512 458.3z" fill="#2F9B77" /><path d="M440.5 601.4c9.9 0 17.9-8 17.9-17.9 0-29.6 24.1-53.7 53.7-53.7 9.9 0 17.9-8 17.9-17.9s-8-17.9-17.9-17.9c-49.3 0-89.4 40.1-89.4 89.4-0.1 10 7.9 18 17.8 18z" fill="#3DC38A" /><path d="M844.7 386.8h35.8c9.9 0 17.9-8 17.9-17.9s-8-17.9-17.9-17.9h-35.8c-9.9 0-17.9 8-17.9 17.9s8 17.9 17.9 17.9z" fill="#2F9B77" /><path d="M773.1 396.8c15.4 0 27.9-12.5 27.9-27.9S788.5 341 773.1 341s-27.9 12.5-27.9 27.9v0.1c0.2 15.3 12.7 27.8 27.9 27.8z m0-35.8c4.4 0 7.9 3.5 7.9 7.9s-3.5 7.9-7.9 7.9c-4.3 0-7.8-3.6-7.9-8 0-4.3 3.6-7.8 7.9-7.8zM458.3 253.7h107.3c15.4 0 27.9-12.5 27.9-27.9s-12.5-27.9-27.8-27.9H458.3c-15.4 0-27.9 12.5-27.9 27.9s12.5 27.9 27.9 27.9z m0-35.8h107.4c4.3 0 7.8 3.5 7.8 7.9s-3.5 7.9-7.9 7.9H458.3c-4.4 0-7.9-3.5-7.9-7.9s3.5-7.9 7.9-7.9zM512 754.5c94.3 0 171-76.7 171-171s-76.7-171-171-171-171 76.7-171 171 76.7 171 171 171z m0-322c83.3 0 151 67.7 151 151s-67.7 151-151 151-151-67.7-151-151 67.7-151 151-151z" fill="#4D3500" /><path d="M512 718.7c74.5 0 135.2-60.7 135.2-135.2S586.5 448.3 512 448.3 376.8 509 376.8 583.5 437.5 718.7 512 718.7z m0-250.4c63.5 0 115.2 51.7 115.2 115.2S575.5 698.7 512 698.7 396.8 647 396.8 583.5 448.5 468.3 512 468.3z" fill="#4D3500" /><path d="M468.4 583.5c0-24.1 19.6-43.7 43.7-43.7 15.4 0 27.9-12.5 27.9-27.9S527.5 484 512.1 484c-54.8 0-99.4 44.6-99.4 99.4-0.1 7.5 2.8 14.5 8 19.8 5.3 5.3 12.3 8.2 19.8 8.2 15.4 0 27.9-12.5 27.9-27.9z m-35.7 0s0-0.1 0 0c0-43.9 35.6-79.5 79.4-79.5 4.4 0 7.9 3.5 7.9 7.9s-3.5 7.9-7.9 7.9c-35.1 0-63.7 28.6-63.7 63.7 0 4.4-3.5 7.9-7.9 7.9-2.1 0-4.1-0.8-5.6-2.3-1.4-1.5-2.2-3.5-2.2-5.6zM844.7 396.8h35.8c15.4 0 27.9-12.5 27.9-27.9S895.9 341 880.5 341h-35.8c-15.4 0-27.9 12.5-27.9 27.9s12.5 27.9 27.9 27.9z m0-35.8h35.8c4.4 0 7.9 3.5 7.9 7.9s-3.5 7.9-7.9 7.9h-35.8c-4.4 0-7.9-3.5-7.9-7.9s3.5-7.9 7.9-7.9z" fill="#4D3500" /><path d="M916.5 287.3H715.2l-58.9-117.8c-7.8-15.6-23.5-25.3-40.9-25.3H409.1c-17.4 0-33.1 9.7-40.9 25.3l-58.9 117.8H261v-25.8c0-25.3-20.5-45.8-45.8-45.8h-35.8c-25.3 0-45.8 20.5-45.8 45.8v25.8h-25.8c-25.3 0-45.8 20.5-45.8 45.8V834c0 25.1 20.5 45.7 45.8 45.8h808.4c25.3 0 45.8-20.5 45.8-45.8V442.8c0.2-0.8 0.3-1.6 0.3-2.4V333.1c0-25.3-20.5-45.8-45.8-45.8z m-737.1-51.6h35.8c14.2 0 25.8 11.6 25.8 25.8v25.9h-87.4v-25.9c0-14.2 11.6-25.8 25.8-25.8zM82 450.5h249.1c-27.5 37.3-43.7 83.3-43.7 133 0 49.8 16.3 95.8 43.8 133.1H82V450.5z m430-71.6c112.8 0 204.6 91.8 204.6 204.6S624.8 788.1 512 788.1s-204.6-91.8-204.6-204.6S399.2 378.9 512 378.9zM942 834c0 14.2-11.6 25.8-25.8 25.8H107.9C93.6 859.7 82 848.2 82 834v-97.4h265.8c41 44 99.4 71.5 164.2 71.5s123.1-27.5 164.2-71.5H942V834z m0-117.4H692.8c27.5-37.3 43.8-83.3 43.8-133.1 0-49.7-16.3-95.7-43.7-133H942v266.1z m0.3-286.2H676.2c-41-44-99.4-71.5-164.2-71.5s-123.2 27.6-164.3 71.6H82v-97.4c0-14.2 11.6-25.8 25.8-25.8h34.4c0.4 0.1 0.9 0.1 1.3 0.1h108c0.5 0 0.9 0 1.3-0.1h62.6c3.8 0 7.2-2.1 8.9-5.5L386 178.5c4.4-8.8 13.3-14.3 23.1-14.3h206.2c9.8 0 18.7 5.5 23.1 14.3l61.7 123.3c1.7 3.4 5.2 5.5 8.9 5.5h207.5c14.2 0 25.8 11.6 25.8 25.8v97.3z" fill="#4D3500" /></svg>
--- a/src/assets/icons/xianxingxiarilengyin.svg
+++ b/src/assets/icons/xianxingxiarilengyin.svg
--- a/src/assets/icons/xianxingyoulun.svg
+++ b/src/assets/icons/xianxingyoulun.svg
--- a/src/assets/icons/xianxingzijiayou.svg
+++ b/src/assets/icons/xianxingzijiayou.svg
--- a/src/assets/images/403.png
+++ b/src/assets/images/403.png
--- a/src/assets/images/404.png
+++ b/src/assets/images/404.png
--- a/src/assets/images/500.png
+++ b/src/assets/images/500.png
--- a/src/assets/images/login_bg.svg
+++ b/src/assets/images/login_bg.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
+
+  <rect x="1300" y="400" rx="40" ry="40" width="150" height="150" stroke="rgb(129, 201, 149)" fill="rgb(129, 201, 149)">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 1450 550" to="360 1450 550" repeatCount="indefinite"/>
+  </rect>
+
+  <path d="M 100 350 A 150 150 0 1 1 400 350 Q400 370 380 370 L 250 370 L 120 370 Q100 370 100 350" fill="#a2b3ff">
+    <animateMotion path="M 800 -200 L 800 -300 L 800 -200" dur="20s" begin="0s" repeatCount="indefinite"/>
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 210 530 ; -30 210 530 ; 0 210 530" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
+  </path>
+
+  <circle cx="150" cy="150" r="180" stroke="#85FFBD" fill="#85FFBD">
+    <animateMotion path="M 0 0 L 40 20 Z" dur="5s" repeatCount="indefinite"/>
+  </circle>
+
+  <!-- 三角形 -->
+  <path d="M 165 580 L 270 580 Q275 578 270 570 L 223 483 Q220 480 217 483 L 165 570 Q160 578 165 580"  fill="#a2b3ff">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 210 530" to="360 210 530" repeatCount="indefinite"/>
+  </path>
+
+<!--  <circle cx="1200" cy="600" r="30" stroke="rgb(241, 243, 244)" fill="rgb(241, 243, 244)">-->
+<!--    <animateMotion path="M 0 0 L -20 40 Z" dur="9s" repeatCount="indefinite"/>-->
+<!--  </circle>-->
+
+  <path d="M 100 350 A 40 40 0 1 1 180 350 L 180 430 A 40 40 0 1 1 100 430 Z" fill="#3054EB">
+    <animateMotion path="M 140 390 L 180 360 L 140 390" dur="20s" begin="0s" repeatCount="indefinite"/>
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 140 390; -60 140 390; 0 140 390" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
+  </path>
+
+  <rect x="400" y="600" rx="40" ry="40" width="100" height="100" stroke="rgb(129, 201, 149)" fill="#3054EB">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="-30 550 750" to="330 550 750" repeatCount="indefinite"/>
+  </rect>
+</svg>
--- a/src/assets/images/login_left.png
+++ b/src/assets/images/login_left.png
--- a/src/assets/images/login_left1.png
+++ b/src/assets/images/login_left1.png
--- a/src/assets/images/login_left2.png
+++ b/src/assets/images/login_left2.png
--- a/src/assets/images/login_left3.png
+++ b/src/assets/images/login_left3.png
--- a/src/assets/images/login_left4.png
+++ b/src/assets/images/login_left4.png
--- a/src/assets/images/login_left5.png
+++ b/src/assets/images/login_left5.png
--- a/src/assets/images/logo.png
+++ b/src/assets/images/logo.png
--- a/src/assets/images/logo.svg
+++ b/src/assets/images/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
--- a/src/assets/images/msg01.png
+++ b/src/assets/images/msg01.png
--- a/src/assets/images/msg02.png
+++ b/src/assets/images/msg02.png
--- a/src/assets/images/msg03.png
+++ b/src/assets/images/msg03.png
--- a/src/assets/images/msg04.png
+++ b/src/assets/images/msg04.png
--- a/src/assets/images/msg05.png
+++ b/src/assets/images/msg05.png
--- a/src/assets/images/notData.png
+++ b/src/assets/images/notData.png
--- a/src/assets/images/reviewed_ico.png
+++ b/src/assets/images/reviewed_ico.png
--- a/src/assets/images/welcome.png
+++ b/src/assets/images/welcome.png
--- a/src/assets/json/authButtonList.json
+++ b/src/assets/json/authButtonList.json
@@ -0,0 +1,8 @@
+{
+    "code": 200,
+    "data": {
+        "useProTable": ["add", "batchAdd", "export", "batchDelete", "status"],
+        "authButton": ["add", "edit", "delete", "import", "export"]
+    },
+    "msg": "成功"
+}
--- a/src/assets/json/authMenuList.json
+++ b/src/assets/json/authMenuList.json
@@ -0,0 +1,464 @@
+{
+    "code": 200,
+    "data": [
+        {
+            "path": "/index",
+            "name": "home",
+            "component": "/home/index",
+            "hidden": true,
+            "children":[
+
+            ],
+            "meta": {
+                "icon": "",
+                "title": "首页",
+                "isKeepAlive": true
+            }
+        },
+        {
+          "id": 105,
+          "name": "receiptAndWarehousing",
+          "path": "/receiptAndWarehousing",
+          "component": "/receiptAndWarehousing",
+          "icon": "",
+          "redirect": "",
+          "hidden": false,
+          "children":[{
+            "id": 106,
+            "name": "receiptAndWarehousing",
+            "path": "/receiptAndWarehousing",
+            "component": "/receiptAndWarehousing",
+            "icon": "",
+            "redirect": "",
+            "hidden": false,
+            "children": [
+              {
+                  "id": 106,
+                  "name": "ofInboundInstructionsList",
+                  "path": "/receiptAndWarehousing/ofInboundInstructionsList/index",
+                  "component": "/receiptAndWarehousing/ofInboundInstructionsList/index",
+                  "hidden": false,
+                  "children":[],
+                  "meta": {
+                      "title": "入库任务列表",
+                      "icon": "",
+                      "isKeepAlive": true
+                  }
+              },
+              {
+                "id": 107,
+                "pid": 105,
+                "module":11,
+                "name": "warehouseReceiptList", 
+                "path": "/receiptAndWarehousing/warehouseReceiptList/index",
+                "component": "/receiptAndWarehousing/warehouseReceiptList/index",
+                "hidden": false,
+                "children":[],
+                "meta": {
+                    "title": "入库单列表",
+                    "icon": "",
+                    "isKeepAlive": true
+                }
+              },
+              {
+                "id": 108,
+                "name": "warehouseReceiptListDetails",
+                "path": "/receiptAndWarehousing/warehouseReceiptList/details",
+                "component": "/receiptAndWarehousing/warehouseReceiptList/details",
+                "hidden": true,
+                "children":[],
+                "meta": {
+                    "title": "入库单详情",
+                    "icon": "",
+                    "isKeepAlive": true
+                }
+              }
+            ],
+            "meta": {
+              "title": "收货入库",
+              "icon": "icon-shouhuoruku"
+            }
+          }],
+          
+          "meta": {
+              "title": "入库",
+              "icon": "icon-shouhuoruku"
+          }
+        },
+        {
+          "id": 115,
+          "name": "deliveryAndOutbound",
+          "path": "/deliveryAndOutbound",
+          "component": "/deliveryAndOutbound",
+          "icon": "icon-fahuochuku",
+          "redirect": "",
+          "hidden": false,
+          "children":[
+            {
+              "id": 1151,
+            "name": "deliveryAndOutbound",
+            "path": "/deliveryAndOutbound",
+            "component": "/deliveryAndOutbound",
+            "icon": "icon-fahuochuku",
+            "redirect": "",
+            "hidden": false,
+            "meta": {
+              "title": "发货出库",
+              "icon": "icon-fahuochuku"
+            },
+            "children": [
+              {
+                  "id": 1162,
+                  "name": "outboundTaskList",
+                  "path": "/deliveryAndOutbound/outboundTaskList/index",
+                  "component": "/deliveryAndOutbound/outboundTaskList/index",
+                  "hidden": false,
+                  "children":[],
+                  "meta": {
+                      "title": "出库任务列表",
+                      "icon": "",
+                      "isKeepAlive": true
+                  }
+              },
+              {
+                "id": 118,
+                "name": "outboundOrderListDetails",
+                "path": "/deliveryAndOutbound/outboundOrderList/details",
+                "component": "/deliveryAndOutbound/outboundOrderList/details",
+                "hidden": true,
+                "children":[],
+                "meta": {
+                    "title": "出库单详情",
+                    "icon": "",
+                    "isKeepAlive": true
+                }
+              },
+              {
+                "id": 117,
+                "name": "outboundOrderList", 
+                "path": "/deliveryAndOutbound/outboundOrderList/index",
+                "component": "/deliveryAndOutbound/outboundOrderList/index",
+                "hidden": false,
+                "children":[],
+                "meta": {
+                    "title": "出库单列表",
+                    "icon": "",
+                    "isKeepAlive": true
+                }
+               }
+              ]
+            }
+          ],
+          "meta": {
+              "title": "出库",
+              "icon": "icon-fahuochuku"
+          }
+        },
+        {
+          "id": 125,
+          "name": "inventory",
+          "path": "/inventory",
+          "component": "/inventory",
+          "icon": "icon-pandian",
+          "redirect": "",
+          "hidden": false,
+          "children":[
+           {
+            "id": 1261,
+            "name": "inventory",
+            "path": "/inventory",
+            "component": "/inventory",
+            "icon": "icon-pandian",
+            "redirect": "",
+            "hidden": false,
+            "children": [
+              {
+                  "id": 1262,
+                  "name": "inventoryList",
+                  "path": "/inventory/inventoryList/index",
+                  "component": "/inventory/inventoryList/index",
+                  "hidden": false,
+                  "children":[],
+                  "meta": {
+                      "title": "盘点列表",
+                      "icon": "",
+                      "isKeepAlive": true
+                  }
+              }
+            ],
+            "meta": {
+              "title": "盘点管理",
+              "icon": "icon-pandian"
+            }
+           }
+          ],
+          "meta": {
+              "title": "盘点",
+              "icon": "icon-pandian"
+          }
+        },
+        {
+          "id": 135,
+          "name": "reportForm",
+          "path": "/reportForm",
+          "component": "/reportForm",
+          "icon": "icon-baobiao1",
+          "redirect": "",
+          "hidden": false,
+          "children":[
+            {
+              "id": 1361,
+              "name": "reportForm",
+              "path": "/reportForm",
+              "component": "/reportForm",
+              "icon": "icon-baobiao1",
+              "redirect": "",
+              "hidden": false,
+              "meta": {
+                "title": "报表管理",
+                "icon": "icon-baobiao1"
+              },
+              "children": [
+                {
+                    "id": 1362,
+                    "name": "immediately",
+                    "path": "/reportForm/immediately/index",
+                    "component": "/reportForm/immediately/index",
+                    "hidden": false,
+                    "children":[],
+                    "meta": {
+                        "title": "即时库存明细",
+
+                        "icon": "",
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                  "id": 137,
+                  "name": "material",
+                  "path": "/reportForm/material/index",
+                  "component": "/reportForm/material/index",
+                  "hidden": false,
+                  "children":[],
+                  "meta": {
+                      "title": "物料收发明细",
+                      "icon": "",
+                      "isKeepAlive": true
+                  }
+              },
+              {
+                "id": 138,
+                "name": "boxStorage",
+                "path": "/reportForm/boxStorage/index",
+                "component": "/reportForm/boxStorage/index",
+                "hidden": false,
+                "children":[],
+                "meta": {
+                    "title": "箱库存查询",
+                    "icon": "",
+                    "isKeepAlive": true
+                }
+              }
+              ]
+            }
+          ],
+          "meta": {
+              "title": "报表",
+              "icon": "icon-baobiao1"
+          }
+        },
+        {
+          "id": 145,
+          "name": "inOtherLibraries",
+          "path": "/inOtherLibraries",
+          "component": "/inOtherLibraries",
+          "icon": "icon-qitakuneicaozuo",
+          "redirect": "",
+          "hidden": false,
+          "children":[
+            {
+              "id": 1451,
+              "name": "inOtherLibraries",
+              "path": "/inOtherLibraries",
+              "component": "/inOtherLibraries",
+              "icon": "icon-qitakuneicaozuo",
+              "redirect": "",
+              "hidden": false,
+              "meta": {
+                "title": "其他库内操作",
+                "icon": "icon-qitakuneicaozuo"
+              },
+                "children": [
+                  {
+                      "id": 1461,
+                      "name": "movingBoxesList",
+                      "path": "/inOtherLibraries/movingBoxesList/index",
+                      "component": "/inOtherLibraries/movingBoxesList/index",
+                      "hidden": false,
+                      "children":[],
+                      "meta": {
+                          "title": "移箱列表",
+                          "icon": "",
+                          "isKeepAlive": true
+                      }
+                  },
+                  {
+                    "id": 1462,
+                    "name": "boxModificationsList", 
+                    "path": "/inOtherLibraries/boxModificationsList/index",
+                    "component": "/inOtherLibraries/boxModificationsList/index",
+                    "hidden": false,
+                    "children":[],
+                    "meta": {
+                        "title": "改箱列表",
+                        "icon": "",
+                        "isKeepAlive": true
+                    }
+                },
+                {
+                  "id": 1483,
+                  "name": "inboundOutboundRollbackList",
+                  "path": "/inOtherLibraries/inboundOutboundRollbackList/index",
+                  "component": "/inOtherLibraries/inboundOutboundRollbackList/index",
+                  "hidden": false,
+                  "children":[],
+                  "meta": {
+                      "title": "出入库回退列表",
+                      "icon": "",
+                      "isKeepAlive": true
+                  }
+                }
+              ]
+              }
+          ],
+          "meta": {
+              "title": "其他",
+              "icon": "icon-qitakuneicaozuo"
+          }
+        },
+        {
+          "id": 146,
+          "name": "setUp",
+          "path": "/setUp",
+          "component": "/setUp",
+          "icon": "icon-shezhi",
+          "redirect": "",
+          "hidden": false,
+          "children":[
+            {
+              "id": 14612,
+              "name": "setUp",
+              "path": "/setUp",
+              "component": "/setUp",
+              "icon": "icon-qitakuneicaozuo",
+              "redirect": "",
+              "hidden": false,
+              "meta": {
+                "title": "箱唛管理",
+                "icon": "icon-qitakuneicaozuo"
+              },
+                "children": [
+                {
+                  "id": 146111,
+                  "name": "boxMark",
+                  "path": "/setUp/boxMark/index",
+                  "component": "/setUp/boxMark/index",
+                  "hidden": false,
+                  "children":[],
+                  "meta": {
+                      "title": "箱唛列表",
+                      "icon": "",
+                      "isKeepAlive": true
+                  }
+                },
+                {
+                  "id": 146133,
+                  "name": "boxMarkDetails",
+                  "path": "/setUp/boxMark/details",
+                  "component": "/setUp/boxMark/details",
+                  "hidden": true,
+                  "children":[],
+                  "meta": {
+                      "title": "新增箱唛",
+                      "icon": "",
+                      "isKeepAlive": false
+                  }
+                }
+              ]
+              }
+          ],
+         
+          "meta": {
+              "title": "设置",
+              "icon": "icon-shezhi"
+          }
+        },
+        {
+          "id": 422,
+          "pid": 0,
+          "module": 9,
+          "title": "导出",
+          "name": "export",
+          "path": "/export",
+          "component": "/export",
+          "icon": "icon-daochu1",
+          "redirect": "",
+          "sort": 77,
+          "type": 1,
+          "hidden": false,
+          "closed": false,
+          "disable": false,
+          "children":[
+            {
+              "id": 422,
+              "pid": 0,
+              "module": 9,
+              "title": "导出管理",
+              "name": "export",
+              "path": "/export",
+              "component": "/export",
+              "icon": "icon-daochu1",
+              "redirect": "",
+              "sort": 77,
+              "type": 1,
+              "hidden": false,
+              "closed": false,
+              "disable": false,
+              "meta": {
+                "title": "导出管理",
+                "icon": "icon-daochu1"
+              },
+              "children": [
+                {
+                    "id": 424,
+                    "pid": 423,
+                    "module": 9,
+                    "title": "导出列表",
+                    "name": "exportList",
+                    "path": "/export/list/index",
+                    "component": "/export/list/index",
+                    "icon": "",
+                    "redirect": "",
+                    "sort": 1,
+                    "type": 1,
+                    "hidden": false,
+                    "closed": false,
+                    "disable": false,
+                    "children": [],
+                    "meta": {
+                        "title": "导出列表",
+                        "icon": ""
+                    }
+                }
+              ]
+            }
+          ],
+          
+          "meta": {
+              "title": "导出",
+              "icon": "icon-daochu1"
+          }
+      }
+      ],
+    "msg": "成功"
+}
--- a/src/auto-import.d.ts
+++ b/src/auto-import.d.ts
@@ -0,0 +1,69 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
+  const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useLink: typeof import('vue-router')['useLink']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
+}
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -0,0 +1,82 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    403: typeof import("./components/ErrorMessage/403.vue")["default"]
+    404: typeof import("./components/ErrorMessage/404.vue")["default"]
+    500: typeof import("./components/ErrorMessage/500.vue")["default"]
+    Add: typeof import("./components/DetailsBtns/components/Add.vue")["default"]
+    ColSetting: typeof import("./components/ProTable/components/ColSetting.vue")["default"]
+    Del: typeof import("./components/ListBtns/components/Del.vue")["default"]
+    DetailsBtns: typeof import("./components/DetailsBtns/index.vue")["default"]
+    DetailsSearch: typeof import("./components/DetailsSearch/index.vue")["default"]
+    ElAside: typeof import('element-plus/es')['ElAside']
+    ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
+    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
+    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    Export: typeof import("./components/ListBtns/components/Export.vue")["default"]
+    ExprotSelect: typeof import("./components/ListBtns/components/ExprotSelect.vue")["default"]
+    Generate: typeof import("./components/DetailsBtns/components/Generate.vue")["default"]
+    Grid: typeof import("./components/Grid/index.vue")["default"]
+    GridItem: typeof import("./components/Grid/components/GridItem.vue")["default"]
+    IEpArrowDown: typeof import('~icons/ep/arrow-down')['default']
+    IEpCircleClose: typeof import('~icons/ep/circle-close')['default']
+    IEpFolderDelete: typeof import('~icons/ep/folder-delete')['default']
+    IEpFullScreen: typeof import('~icons/ep/full-screen')['default']
+    IEpRefresh: typeof import('~icons/ep/refresh')['default']
+    IEpRemove: typeof import('~icons/ep/remove')['default']
+    IEpSearch: typeof import('~icons/ep/search')['default']
+    IEpSwitchButton: typeof import('~icons/ep/switch-button')['default']
+    ImportExcel: typeof import("./components/ImportExcel/index.vue")["default"]
+    ListBtns: typeof import('./components/ListBtns/index.vue')['default']
+    ListResultDig: typeof import("./components/ListResultDig/index.vue")["default"]
+    Loading: typeof import("./components/Loading/index.vue")["default"]
+    Merge: typeof import("./components/ListBtns/components/Merge.vue")["default"]
+    NoToVoid: typeof import("./components/ListBtns/components/noToVoid.vue")["default"]
+    Pagination: typeof import("./components/ProTable/components/Pagination.vue")["default"]
+    Print: typeof import("./components/DetailsBtns/components/Print.vue")["default"]
+    ProTable: typeof import("./components/ProTable/index.vue")["default"]
+    Refresh: typeof import("./components/ListBtns/components/Refresh.vue")["default"]
+    Retransmission: typeof import("./components/ListBtns/components/Retransmission.vue")["default"]
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    Search: typeof import("./components/Search/index.vue")["default"]
+    Submit: typeof import("./components/DetailsBtns/components/Submit.vue")["default"]
+    Switch: typeof import("./components/DetailsBtns/components/Switch.vue")["default"]
+    TableColumn: typeof import("./components/ProTable/components/TableColumn.vue")["default"]
+    ToVoid: typeof import("./components/ListBtns/components/ToVoid.vue")["default"]
+  }
+}
--- a/src/components/DetailsBtns/components/Add.vue
+++ b/src/components/DetailsBtns/components/Add.vue
@@ -0,0 +1,73 @@
+<template>
+    <div :class="isAdd ? 'common-btn-box2 font12' : 'common-btn-box1 font12'" @click="handleBtnClick()">
+        <span>新增</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ElMessageBox } from "element-plus";
+import { useMsg } from "@/hooks/useMsg";
+
+const props = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+    isAdd?: any;
+    isSubmit?: any;
+    isGenerate?: any;
+}>();
+console.log(props);
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+// 提交事件
+const handleBtnClick = () => {
+    if (props.isAdd) {
+        return;
+    }
+    console.log(props.isSubmit, "props.isSubmit");
+    console.log(props.isGenerate, "props.isGenerate");
+    if (props.isSubmit || props.isGenerate) {
+        useMsg("success", "操作成功 ！");
+        emits("handleChildBtnCallback", {
+            type: "Add"
+        });
+        return;
+    }
+    if (!props.isGenerate) {
+        ElMessageBox.confirm("新增操作将会重置已填写的数据,确定要进行该操作?", "温馨提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning"
+        })
+            .then(() => {
+                useMsg("success", "操作成功 ！");
+                emits("handleChildBtnCallback", {
+                    type: "Add"
+                });
+            })
+            .catch(() => {});
+        return;
+    }
+    if (!props.isSubmit) {
+        ElMessageBox.confirm("新增操作将会重置已填写的数据,确定要进行该操作?", "温馨提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning"
+        })
+            .then(() => {
+                useMsg("success", "操作成功 ！");
+                emits("handleChildBtnCallback", {
+                    type: "Add"
+                });
+            })
+            .catch(() => {});
+        return;
+    }
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/DetailsBtns/components/Generate.vue
+++ b/src/components/DetailsBtns/components/Generate.vue
@@ -0,0 +1,153 @@
+<template>
+    <div :class="isGenerate ? 'common-btn-box2 font12' : 'common-btn-box font12'" @click="handleBtnClick()">
+        <span>生成</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { Decimal } from "decimal.js";
+import { useMsg } from "@/hooks/useMsg";
+import { commitListApi } from "@/api/modules/global";
+const $router = useRouter();
+// 接口地址映射
+const URLS: Record<string, string> = {
+    boxMarkDetails: "BoxMark/generate"
+};
+const props = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+    isGenerate: any;
+}>();
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+const MSGS: any = {
+    orderBillNo: "订单号不能为空 ！",
+    materialNumber: "规格型号不能空 ！",
+    productQty: "产品数量不能为空 ！",
+    cratingQty: "装箱数量不能为空 ！"
+};
+const MSGS_KEY: any = ["orderBillNo", "materialNumber", "productQty", "cratingQty"];
+// 提交事件
+const handleBtnClick = async () => {
+    if (props.isGenerate) {
+        return;
+    }
+    const routeName: string = $router.currentRoute.value.name as string;
+    //验证
+    for (let key in props.ruleForm) {
+        if (!props.ruleForm[key] && MSGS_KEY.includes(key)) {
+            useMsg("warning", MSGS[key]);
+            return;
+        }
+    }
+    //计算
+    //产品数量
+    let productQty: any = Number(props.ruleForm.productQty);
+    //箱唛计算
+    let boxMarkNumber: any = new Decimal(productQty).div(props.ruleForm.cratingQty).toString();
+    //净重
+    let cratingNetWeightQty: any = Number(props.ruleForm.cratingNetWeightQty);
+    //毛重
+    let cratingGrossWeightQty: any = Number(props.ruleForm.cratingGrossWeightQty);
+    //装箱数量
+    let cratingQty: any = Number(props.ruleForm.cratingQty);
+    //箱唛个数
+    let boxMarkNumberRulest: any = 0;
+    //是否尾箱
+    let mantissaIndex: any = 0;
+    //尾箱净重
+    let tailboxNetWeightQty: any = 0;
+    //尾箱毛重
+    let tailboxGrossWeightQty: any = 0;
+    //尾箱数量
+    let tailboxQty: any = 0;
+    if (cratingGrossWeightQty < cratingNetWeightQty) {
+        useMsg("warning", "毛重数量不能小于净重数量 !");
+        return;
+    }
+    //如果箱唛个数有小数则向上取整为整数0.123为1 产品数量/装箱数量(不是整数则向上取整)
+    boxMarkNumberRulest = boxMarkNumber.indexOf(".") ? Math.ceil(boxMarkNumber) : boxMarkNumber;
+    //箱唛个数需要大于1才有尾箱
+    //比如箱唛有3.5个,尾箱的下标就是4,尾箱的数量就是1
+    if (boxMarkNumberRulest > 1) {
+        //尾箱的下标 产品数量/装箱数量(不是整数向上取整的箱唛为尾箱) 计算方式和箱唛是一样的,所以直接取箱唛结果值即可
+        mantissaIndex = boxMarkNumberRulest;
+        //尾箱数量计算 产品数量- (装箱数量*箱唛个数(不是整箱则不计入，向下取整))
+        if (mantissaIndex) {
+            tailboxQty = productQty - cratingQty * Math.floor(boxMarkNumber);
+        }
+
+        //尾箱净重 尾数箱净重=净重/装箱数量*尾数箱数量
+        if (mantissaIndex && cratingNetWeightQty) {
+            tailboxNetWeightQty = (cratingNetWeightQty / cratingQty) * tailboxQty;
+        }
+        //尾箱毛重计算 尾数箱毛重=尾数箱净重+（毛重-净重）
+        if (mantissaIndex) {
+            tailboxGrossWeightQty = tailboxNetWeightQty + (cratingGrossWeightQty - cratingNetWeightQty);
+        }
+        if (tailboxQty === 0) {
+            tailboxNetWeightQty = 0;
+            tailboxQty = 0;
+            tailboxGrossWeightQty = 0;
+        }
+    }
+
+    //当装箱数量>产品数量
+    let ruleFormClone: any = {};
+    if (cratingQty > productQty) {
+        cratingGrossWeightQty = cratingGrossWeightQty / (cratingQty / productQty);
+        cratingNetWeightQty = cratingNetWeightQty / (cratingQty / productQty);
+        // if(cratingGrossWeightQty.length>5) {
+        //     cratingGrossWeightQty = (cratingGrossWeightQty+'').substring(0,5)
+        // }
+        // if(cratingNetWeightQty.length>5) {
+        //   cratingGrossWeightQty = (cratingGrossWeightQty+'').substring(0,5)
+        // }
+        ruleFormClone.cratingGrossWeightQty = cratingGrossWeightQty.toFixed(2);
+        ruleFormClone.cratingNetWeightQty = cratingNetWeightQty.toFixed(2);
+    }
+
+    let params = {
+        tailboxGrossWeightQty: tailboxGrossWeightQty ? Number(tailboxGrossWeightQty).toFixed(2) : 0,
+        tailboxNetWeightQty: tailboxNetWeightQty ? Number(tailboxNetWeightQty).toFixed(2) : 0,
+        tailboxQty: tailboxQty
+    };
+    let rulest = {
+        ...props.ruleForm,
+        ...params,
+        ...ruleFormClone
+    };
+
+    const NUMBER_ZH = [
+        "productQty",
+        "cratingQty",
+        "cratingNetWeightQty",
+        "cratingGrossWeightQty",
+        "tailboxQty",
+        "tailboxNetWeightQty",
+        "tailboxGrossWeightQty"
+    ];
+    for (let key in rulest) {
+        if (NUMBER_ZH.includes(key)) {
+            rulest[key] = rulest[key] ? Number(rulest[key]) : 0;
+        }
+    }
+    const result = await commitListApi(URLS[routeName], { ...rulest });
+    if (result.status === 200) {
+        useMsg("success", "操作成功 ！");
+        emits("handleChildBtnCallback", {
+            type: "Generate",
+            data: { ...params, ...ruleFormClone },
+            printList: result.data
+        });
+    } else {
+        useMsg("error", result.message);
+    }
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/DetailsBtns/components/Print.vue
+++ b/src/components/DetailsBtns/components/Print.vue
@@ -0,0 +1,32 @@
+<template>
+    <div :class="isPrint ? 'common-btn-box2 font12' : 'common-btn-box font12'" @click="handleBtnClick()">
+        <span>打印</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+// import { ElMessageBox } from "element-plus";
+
+const props = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+    isPrint: any;
+}>();
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+// 提交事件
+const handleBtnClick = () => {
+    if (props.isPrint) {
+        return;
+    }
+    emits("handleChildBtnCallback", {
+        type: "Print"
+    });
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/DetailsBtns/components/Submit.vue
+++ b/src/components/DetailsBtns/components/Submit.vue
@@ -0,0 +1,150 @@
+<template>
+    <div :class="isSubmit ? 'common-btn-box2 font12' : 'common-btn-box font12'" @click="handleBtnClick()">
+        <span>提交</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { commitListApi } from "@/api/modules/global";
+import { cloneDeep } from "lodash-es";
+import { useMsg } from "@/hooks/useMsg";
+import { useRefresh } from "@/stores/modules/refresh";
+const refreshStore = useRefresh();
+const props = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+    isSubmit: any;
+    isAdd: any;
+}>();
+const $router = useRouter();
+const $route = useRoute();
+// 接口地址映射
+const URLS: Record<string, string> = {
+    subscriptionDetails: "SubscribeNotification/Save"
+};
+const URLS1: Record<string, string> = {
+    subscriptionDetails: "SubscribeNotification/Edit"
+};
+
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+const IsEmail = (str: any) => {
+    let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
+    return reg.test(str);
+};
+
+//执行请求
+const handleHttp = async () => {
+    const routeName: string = $router.currentRoute.value.name as string;
+    let params: any = cloneDeep(props.ruleForm);
+    let telephones = [];
+    let emails = [];
+    if (params.telephones.indexOf(",") > -1) {
+        telephones = params.telephones.split(",");
+    } else {
+        telephones.push(params.telephones);
+    }
+    if (params.emails.indexOf(",") > -1) {
+        emails = params.emails.split(",");
+    } else {
+        emails.push(params.emails);
+    }
+    params.telephones = telephones;
+    params.emails = emails;
+    // params.telephones = params.telephones.indexOf(",");
+    // params.emails = params.emails.split(",");
+
+    let url = $route.query.type === "add" ? URLS[routeName] : URLS1[routeName];
+
+    const result = await commitListApi(url, { ...params });
+    if (result.status === 200) {
+        useMsg("success", "操作成功 ！");
+        refreshStore.setRefreshSubscription(true);
+        emits("handleChildBtnCallback", {
+            type: "Submit",
+            data: result.data
+        });
+    } else {
+        useMsg("error", result.message);
+    }
+};
+// 数字验证
+const isNumber = (value: any) => {
+    return /^0|^\d+$/.test(value); // 判断是否为正整数|0
+};
+
+//验证
+const formValidate = async () => {
+    const MSGS: any = {
+        customerName: "客户名称不能为空 ！",
+        customerNumber: "客户编码不能为空 ！",
+        telephones: "订阅手机号不能为空 ！"
+    };
+    // const MSGS_KEY: any = ["customerName", "customerNumber", "telephones"];
+    if (!props.ruleForm.customerName) {
+        useMsg("warning", MSGS["customerName"]);
+        return;
+    }
+    if (!props.ruleForm.customerNumber) {
+        useMsg("warning", MSGS["customerNumber"]);
+        return;
+    }
+    if (!props.ruleForm.telephones) {
+        useMsg("warning", MSGS["telephones"]);
+        return;
+    }
+    if (props.ruleForm.telephones) {
+        let phones = cloneDeep(props.ruleForm.telephones);
+        if (phones.indexOf(",") > -1) {
+            let phonesArray = phones.split(",");
+            let length = phonesArray.length;
+            for (let i = 0; i < length; i++) {
+                if (!isNumber(Number(phonesArray[i])) || phonesArray[i].length !== 11) {
+                    useMsg("warning", "请输入正确的订阅手机号码 ！");
+                    return;
+                }
+            }
+        } else {
+            if (!isNumber(phones)) {
+                useMsg("warning", "请输入正确的订阅手机号码 ！");
+                return;
+            }
+        }
+    }
+
+    if (props.ruleForm.emails) {
+        let emails = cloneDeep(props.ruleForm.emails);
+        if (emails.indexOf(",") > -1) {
+            let emailsArray = emails.split(",");
+            let length = emailsArray.length;
+            for (let i = 0; i < length; i++) {
+                if (!IsEmail(emailsArray[i])) {
+                    useMsg("warning", "请输入正确的订阅邮箱 ！");
+                    return;
+                }
+            }
+        } else {
+            if (!IsEmail(emails)) {
+                useMsg("warning", "请输入正确的订阅邮箱 ！");
+                return;
+            }
+        }
+    }
+    await handleHttp();
+};
+// 提交事件
+const handleBtnClick = async () => {
+    if (props.isSubmit) {
+        return;
+    }
+    refreshStore.setRefreshSubscription(false);
+    await formValidate();
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/DetailsBtns/components/Switch.vue
+++ b/src/components/DetailsBtns/components/Switch.vue
@@ -0,0 +1,42 @@
+<template>
+    <div class="font12" @click="handleBtnClick()" style="display: flex; align-items: center">
+        <div style="margin-right: 4px">
+            <span>打印份数设置</span>
+            <el-tooltip class="box-item" effect="dark" content="默认开启打印2份,关闭打印1份" placement="top">
+                <el-icon style="cursor: pointer"><QuestionFilled /></el-icon>
+            </el-tooltip>
+        </div>
+
+        <el-switch v-model="switchValue" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { QuestionFilled } from "@element-plus/icons-vue";
+const props: any = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+}>();
+console.log(props);
+const switchValue = ref(true);
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+// 提交事件
+const handleBtnClick = () => {
+    // if (!props.selectionList.length) {
+    //     useMsg("warning", "请选择需要打印的数据 ！");
+    //     return false;
+    // }
+    emits("handleChildBtnCallback", {
+        type: "Switch",
+        data: switchValue.value ? 2 : 1
+    });
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/DetailsBtns/constant/index.ts
+++ b/src/components/DetailsBtns/constant/index.ts
@@ -0,0 +1,4 @@
+// 路由跳转映射表
+export const OPENS: Record<string, string> = {
+    mateList: "/material/list/details"
+};
--- a/src/components/DetailsBtns/index.scss
+++ b/src/components/DetailsBtns/index.scss
@@ -0,0 +1,120 @@
+.add-btn-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 76px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: #ffffff;
+    cursor: pointer;
+    background: #4178d5;
+    border-radius: 6px;
+}
+.add-btn-box:hover {
+    background: rgb(65 120 213 / 60%);
+}
+.clone-btn-box {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 76px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: rgb(31 31 31 / 100%);
+    cursor: pointer;
+    background: #ffffff;
+    border-radius: 6px;
+}
+.common-btn-box1 {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 56px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: #ffffff;
+    cursor: pointer;
+    background: #4178d5;
+    border-radius: 6px;
+}
+.reset-btn-box {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 56px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: rgb(31 31 31 / 100%);
+    cursor: pointer;
+    background: #ffffff;
+    border-radius: 6px;
+}
+.reset-btn-box:hover {
+    color: #ffffff;
+    background: #4178d5;
+    border: 1px solid rgb(65 120 213 / 30%);
+}
+.clone-btn-box:hover {
+    color: #ffffff;
+    background: #4178d5;
+    border: 1px solid rgb(65 120 213 / 30%);
+}
+.common-btn-box {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 56px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: rgb(31 31 31 / 100%);
+    cursor: pointer;
+    background: #ffffff;
+    border-radius: 6px;
+}
+.common-btn-box2 {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 56px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: #999999;
+    cursor: not-allowed;
+    background: #ffffff;
+    border-radius: 6px;
+}
+.common-btn-box:hover {
+    color: #ffffff;
+    background: #4178d5;
+    border: 1px solid rgb(65 120 213 / 30%);
+}
+.operate-btn-box {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 76px;
+    height: 30px;
+    margin-right: 12px;
+    line-height: 1;
+    color: rgb(31 31 31 / 100%);
+    cursor: pointer;
+    background: #ffffff;
+    border-radius: 6px;
+}
+.operate-btn-box:hover {
+    color: #ffffff;
+    background: #4178d5;
+    border: 1px solid rgb(65 120 213 / 30%);
+}
--- a/src/components/DetailsBtns/index.vue
+++ b/src/components/DetailsBtns/index.vue
@@ -0,0 +1,52 @@
+<template>
+    <div class="flx-align-center" style="padding-bottom: 16px; background: #f2f3f5">
+        <template v-for="item in comps" :key="item">
+            <!-- @getType="getType" -->
+            <component
+                :is="item"
+                @handleChildBtnCallback="handleChildCallback"
+                :ruleForm="ruleForm"
+                :isPrint="isPrint"
+                :isGenerate="isGenerate"
+                :isSubmit="isSubmit"
+                :isAdd="isAdd"
+            ></component>
+        </template>
+    </div>
+</template>
+
+<script setup lang="ts">
+import Add from "./components/Add.vue";
+import Generate from "./components/Generate.vue";
+import Print from "./components/Print.vue";
+import Switch from "./components/Switch.vue";
+import Submit from "./components/Submit.vue";
+const $router = useRouter();
+const routeName: any = ref($router.currentRoute.value.name);
+
+defineProps<{
+    handleParentCallback?: () => void;
+    ruleForm?: any;
+    isPrint?: any;
+    isGenerate?: any;
+    isSubmit?: any;
+    isAdd?: any;
+}>();
+
+const emits = defineEmits<{
+    (e: "handleParentCallback", result: Record<string, any>): void;
+}>();
+const BTNS_ROUTE: any = {
+    boxMarkDetails: [Add, Generate, Print, Switch],
+    subscriptionDetails: [Add, Submit]
+};
+const comps = computed(() => {
+    return BTNS_ROUTE[routeName.value];
+});
+const handleChildCallback = (result: Record<string, any>) => {
+    console.log(result, "=result=");
+    emits("handleParentCallback", result);
+};
+</script>
+
+<style scoped></style>
--- a/src/components/DetailsSearch/index.vue
+++ b/src/components/DetailsSearch/index.vue
@@ -0,0 +1,408 @@
+<template>
+    <!-- 顶部操作按钮 -->
+    <!-- 单据体 -->
+    <div class="search-box1" ref="searchRef">
+        <el-form
+            ref="ruleFormRef"
+            :model="result"
+            :inline="true"
+            class="form-box"
+            :show-message="false"
+            style="height: 100%; font-size: 14px"
+        >
+            <template v-for="item in formData" :key="item.prop">
+                <el-form-item
+                    :label="item.label"
+                    :prop="item.prop"
+                    :label-width="labelWidth || '81px'"
+                    :rules="item.rules"
+                    :error="item.error"
+                    :show-message="item.showMessage ? item.showMessage : false"
+                    :inline-message="item.inlineMessage"
+                    :style="item.style ? item.style : 'margin-right:8px;position: relative;'"
+                    :required="item.required"
+                    :class="item.class ? item.class : 'form-item'"
+                >
+                    <template v-if="item.type === 'input'">
+                        <el-input
+                            v-model.trim="result[`${item.prop}`]"
+                            :placeholder="item.placeholder"
+                            :disabled="item.disabled"
+                            :maxlength="item.maxLength ? item.maxLength : 255"
+                            @input="valueVerify(item)"
+                        >
+                            <!-- <template #append v-if="item.isCopy">
+                                <span
+                                    :data-clipboard-text="result[`${item.prop}`]"
+                                    v-copy="result[`${item.prop}`]"
+                                    class="copyBtn"
+                                    style="cursor: pointer"
+                                >
+                                    <el-icon><DocumentCopy /></el-icon>
+                                </span>
+                            </template> -->
+
+                            <template #append v-if="item.isTxt">
+                                <span :data-clipboard-text="result[`${item.prop}`]" class="copyBtn" style="cursor: pointer">
+                                    KG
+                                </span>
+                            </template>
+                        </el-input>
+                    </template>
+                    <template v-if="item.type === 'textarea'">
+                        <el-input
+                            v-model.trim="result[`${item.prop}`]"
+                            :placeholder="item.placeholder"
+                            type="textarea"
+                            :disabled="item.disabled"
+                            show-word-limit
+                            :maxlength="item.maxLength ? item.maxLength : 255"
+                            :autosize="item.autosize"
+                            @input="filterInput(item.prop)"
+                        >
+                        </el-input>
+                    </template>
+                    <template v-if="item.type === 'select'">
+                        <el-select
+                            v-model="result[`${item.prop}`]"
+                            :placeholder="item.placeholder"
+                            clearable
+                            :disabled="item.disabled"
+                        >
+                            <el-option
+                                v-for="options in item.options"
+                                :label="options.label"
+                                :value="options.value"
+                                :key="options.label"
+                            />
+                        </el-select>
+                    </template>
+
+                    <template v-if="item.type === 'date'">
+                        <el-date-picker
+                            :disabled="item.disabled"
+                            v-model="result[`${item.prop}`]"
+                            :type="item.type"
+                            :placeholder="item.placeholder"
+                            format="YYYY-MM-DD"
+                            :style="item.style"
+                            value-format="YYYY-MM-DD"
+                        />
+                    </template>
+                    <template v-if="item.type === 'selectRemote'">
+                        <el-select
+                            v-model="result[`${item.prop}`]"
+                            :placeholder="item.placeholder"
+                            clearable
+                            remote
+                            reserve-keyword
+                            filterable
+                            ref="slectRef1"
+                            class="m-2 select"
+                            remote-show-suffix
+                            :remote-method="
+                                (query:any) => {
+                                  remoteMethod(
+                                    query,
+                                  );
+                                }
+                              "
+                            :disabled="item.disabled"
+                        >
+                            <el-option
+                                :label="option.specifications"
+                                :value="option.materialNumber"
+                                v-for="option in item.options"
+                                :key="option.materialNumber"
+                            />
+                        </el-select>
+                        <!--item.prop -->
+                    </template>
+                    <template v-if="item.type === 'selectRemote1'">
+                        <el-select
+                            v-model="result[`${item.prop}`]"
+                            :placeholder="item.placeholder"
+                            clearable
+                            remote
+                            reserve-keyword
+                            filterable
+                            ref="slectRef1"
+                            class="m-2 select"
+                            remote-show-suffix
+                            :remote-method="
+                                (query:any) => {
+                                  remoteMethod1(
+                                    query,
+                                  );
+                                }
+                              "
+                            :disabled="item.disabled"
+                        >
+                            <!--     item.prop -->
+                            <el-option
+                                :label="option.label"
+                                :value="option.value"
+                                v-for="option in item.options"
+                                :key="option.value"
+                                @click="handleRemoteClick(item.prop)"
+                            />
+                        </el-select>
+                    </template>
+                </el-form-item>
+            </template>
+        </el-form>
+    </div>
+</template>
+
+<script lang="ts" setup name="Search">
+import { ref } from "vue";
+import { FormInstance } from "element-plus";
+// import { DocumentCopy } from "@element-plus/icons-vue";
+import { formDataIProps } from "./interface/index";
+import { integerRexg, numberDecimalSeparatorRexg } from "@/utils/rexg/index";
+import { getMaterialListApi } from "@/api/modules/boxMark";
+import { getCustomersNoOrgApi } from "@/api/modules/subscription";
+import { debounce } from "lodash-es";
+const ruleFormRef = ref<FormInstance>();
+import { cloneDeep } from "lodash-es";
+const props = defineProps<{
+    formData: formDataIProps[];
+    labelWidth?: string;
+    ruleForm: Record<string, any>;
+    style?: string;
+    getSearchValue?: () => void;
+    setMaterialList?: () => void;
+    setRuleFormValue?: () => void;
+}>();
+let result = ref<any>(null);
+const emits = defineEmits<{
+    (e: "getSearchValue", result: Record<string, any>): void;
+    (e: "setMaterialList", result: Record<string, any>): void;
+    (e: "setRuleFormValue", result: Record<string, any>): void;
+}>();
+watch(
+    () => props.ruleForm,
+    newVal => {
+        result.value = newVal;
+    },
+    {
+        deep: true,
+        immediate: true
+    }
+);
+const removeSpaces = (str: any) => {
+    return str.replace(/\s+/g, "");
+};
+//将中文逗号(,)和分号(;)替换为英文逗号(,)
+const convertSeparators = (str: any) => {
+    let strClone = cloneDeep(str);
+    return strClone.replace(/，/g, ",");
+};
+const filterInput = (prop: any) => {
+    if (prop === "emails" || prop === "telephones") {
+        result.value[prop] = removeSpaces(result.value[prop]);
+        result.value[prop] = result.value[prop].indexOf("，") > -1 ? convertSeparators(result.value[prop]) : result.value[prop];
+    }
+};
+const remoteMethod = debounce(async (query: any) => {
+    if (!query) {
+        return;
+    }
+    const result = await getMaterialListApi(query);
+    if (result.status === 200) {
+        const { data } = result;
+        emits("setMaterialList", {
+            data
+        });
+    }
+}, 1000);
+
+const remoteMethod1 = debounce(async (query: any) => {
+    if (!query) {
+        return;
+    }
+    const result = await getCustomersNoOrgApi(query);
+    if (result.status === 200) {
+        const { data } = result;
+        emits("setMaterialList", {
+            data
+        });
+    }
+}, 1000);
+const handleRemoteClick = (pro: any) => {
+    emits("setRuleFormValue", {
+        pro
+    });
+};
+//input输入验证
+const valueVerify = (item: any) => {
+    //只能输入整数
+    if (item.reg === "integerRexg") {
+        let value = integerRexg(result.value[item.prop]);
+        result.value[item.prop] = value;
+    }
+    if (item.reg === "numberDecimalSeparatorRexg") {
+        let value = numberDecimalSeparatorRexg(result.value[item.prop]);
+        result.value[item.prop] = value;
+    }
+    emits("getSearchValue", {
+        val: result.value,
+        prop: item.prop
+    });
+};
+</script>
+<style lang="scss" scope>
+.search-box1 {
+    position: relative;
+    display: flex;
+    min-width: 1280px;
+    .img-style {
+        position: absolute;
+    }
+
+    padding: 16px;
+    background: #ffffff;
+    border-radius: 6px;
+
+    // 单据头用的样式
+    .form-box {
+        // width: 85%;
+        .form-item {
+            width: 292px !important;
+            height: 32px;
+            margin-bottom: 8px !important;
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+            .el-select {
+                width: 213px;
+            }
+            .el-form-item--default {
+                width: 213px;
+            }
+            .el-cascader {
+                width: 213px;
+            }
+        }
+        .form-item1 {
+            width: 594px !important;
+        }
+
+        margin-bottom: 8px !important;
+    }
+
+    // 新增物料用成品信息样式
+    .form-box1 {
+        display: flex;
+        flex-wrap: wrap;
+
+        // justify-content: space-between;
+        .form-item {
+            width: 292px !important;
+            height: 32px;
+            margin-bottom: 8px !important;
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+            .el-select {
+                width: 213px;
+            }
+            .el-form-item--default {
+                width: 213px;
+            }
+            .el-cascader {
+                width: 213px;
+            }
+        }
+
+        margin-bottom: 8px !important;
+    }
+
+    // 增物料尺寸/质量信息
+    .form-box2 {
+        .form-item {
+            width: 341px !important;
+            height: 32px;
+            margin-bottom: 8px !important;
+            .el-input {
+                width: 160px !important;
+            }
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+        }
+    }
+
+    // 新增bom详情
+    .form-box3 {
+        .form-item {
+            width: 320px !important;
+            height: 32px;
+            margin-bottom: 8px !important;
+
+            // .el-input {
+            //     width: 241px !important;
+            // }
+            .el-select {
+                width: 213px !important;
+            }
+            .el-input__wrapper {
+                width: 191px !important;
+            }
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+        }
+    }
+    .form-box4 {
+        .form-item {
+            width: 241px !important;
+            height: 32px;
+            margin-bottom: 0 !important;
+        }
+        .el-input {
+            width: 241px !important;
+        }
+        .el-form-item__label {
+            font-size: 12px !important;
+        }
+        .el-select {
+            width: 241px !important;
+        }
+    }
+
+    // 新增bom详情
+    .form-box5 {
+        .form-item {
+            width: 333px !important;
+            height: 32px;
+            margin-bottom: 8px !important;
+
+            // .el-input {
+            //     width: 241px !important;
+            // }
+            .el-select {
+                width: 226px !important;
+            }
+            .el-input__wrapper {
+                width: 204px !important;
+            }
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+        }
+    }
+    .upImg-box {
+        flex: 1;
+        height: 112px;
+    }
+}
+.el-form-item--default .el-form-item__label {
+    height: 32px;
+    margin-bottom: 8px;
+
+    // font-size: 12px;
+    line-height: 32px;
+    color: rgb(92 92 92 / 100%);
+}
+</style>
--- a/src/components/DetailsSearch/interface/index.ts
+++ b/src/components/DetailsSearch/interface/index.ts
@@ -0,0 +1,52 @@
+export interface formDataIProps {
+    reg?: any;
+    prop?: string;
+    label?: string;
+    isShow?: boolean;
+    maxLength?: any;
+    value?: any; //默认值
+    bomList?: any;
+    placeholder?: string;
+    labelWidth?: string;
+    class?: string;
+    urlType?: string;
+    rules?: any;
+    error?: string;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    size?: string;
+    style?: string;
+    autosize?: any;
+    inputWidth?: string;
+    brIndex?: number;
+    optionProps?: any;
+    rgx?: any;
+    isTxt?: any;
+    type:
+        | "input"
+        | "textarea"
+        | "select"
+        | "datetimepicker"
+        | "date"
+        | "daterange"
+        | "radio"
+        | "checked"
+        | "cascader"
+        | "selectRemote"
+        | "selectRemote1"
+        | "selectRemote2"
+        | "selectRemote3"
+        | "customCondition";
+    options?: any;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    defaultTime?: any;
+    radios?: any;
+    checkeds?: any;
+    isCopy?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    formClass?: string;
+    isNumber?: boolean;
+    ruleForm?: any;
+}
--- a/src/components/ErrorMessage/403.vue
+++ b/src/components/ErrorMessage/403.vue
@@ -0,0 +1,20 @@
+<template>
+    <div class="not-container">
+        <img src="@/assets/images/403.png" class="not-img" alt="403" />
+        <div class="not-detail">
+            <h2>403</h2>
+            <h4>抱歉，您无权访问该页面~🙅‍♂️🙅‍♀️</h4>
+            <el-button type="primary" @click="router.push(HOME_URL)"> 返回首页 </el-button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="403">
+import { HOME_URL } from "@/config";
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
--- a/src/components/ErrorMessage/404.vue
+++ b/src/components/ErrorMessage/404.vue
@@ -0,0 +1,20 @@
+<template>
+    <div class="not-container">
+        <img src="@/assets/images/404.png" class="not-img" alt="404" />
+        <div class="not-detail">
+            <h2>404</h2>
+            <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
+            <el-button type="primary" @click="router.push(HOME_URL)"> 返回首页 </el-button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="404">
+import { HOME_URL } from "@/config";
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
--- a/src/components/ErrorMessage/500.vue
+++ b/src/components/ErrorMessage/500.vue
@@ -0,0 +1,20 @@
+<template>
+    <div class="not-container">
+        <img src="@/assets/images/500.png" class="not-img" alt="500" />
+        <div class="not-detail">
+            <h2>500</h2>
+            <h4>抱歉，您的网络不见了~🤦‍♂️🤦‍♀️</h4>
+            <el-button type="primary" @click="router.push(HOME_URL)"> 返回首页 </el-button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts" name="500">
+import { HOME_URL } from "@/config";
+import { useRouter } from "vue-router";
+const router = useRouter();
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
--- a/src/components/ErrorMessage/index.scss
+++ b/src/components/ErrorMessage/index.scss
@@ -0,0 +1,32 @@
+.not-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    .not-img {
+        margin-right: 120px;
+    }
+    .not-detail {
+        display: flex;
+        flex-direction: column;
+        h2,
+        h4 {
+            padding: 0;
+            margin: 0;
+        }
+        h2 {
+            font-size: 60px;
+            color: var(--el-text-color-primary);
+        }
+        h4 {
+            margin: 30px 0 20px;
+            font-size: 19px;
+            font-weight: normal;
+            color: var(--el-text-color-regular);
+        }
+        .el-button {
+            width: 100px;
+        }
+    }
+}
--- a/src/components/Grid/components/GridItem.vue
+++ b/src/components/Grid/components/GridItem.vue
@@ -0,0 +1,68 @@
+<template>
+    <div v-show="isShow" :style="style">
+        <slot></slot>
+    </div>
+</template>
+<script setup lang="ts" name="GridItem">
+import { computed, inject, Ref, ref, useAttrs, watch } from "vue";
+import { BreakPoint, Responsive } from "../interface/index";
+
+type Props = {
+    offset?: number;
+    span?: number;
+    suffix?: boolean;
+    xs?: Responsive;
+    sm?: Responsive;
+    md?: Responsive;
+    lg?: Responsive;
+    xl?: Responsive;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+    offset: 0,
+    span: 1,
+    suffix: false,
+    xs: undefined,
+    sm: undefined,
+    md: undefined,
+    lg: undefined,
+    xl: undefined
+});
+
+const attrs = useAttrs() as { index: string };
+const isShow = ref(true);
+
+// 注入断点
+const breakPoint = inject<Ref<BreakPoint>>("breakPoint", ref("xl"));
+const shouldHiddenIndex = inject<Ref<number>>("shouldHiddenIndex", ref(-1));
+watch(
+    () => [shouldHiddenIndex.value, breakPoint.value],
+    n => {
+        if (!!attrs.index) {
+            isShow.value = !(n[0] !== -1 && parseInt(attrs.index) >= Number(n[0]));
+        }
+    },
+    { immediate: true }
+);
+
+const gap = inject("gap", 0);
+const cols = inject("cols", ref(4));
+const style = computed(() => {
+    let span = props[breakPoint.value]?.span ?? props.span;
+    let offset = props[breakPoint.value]?.offset ?? props.offset;
+    if (props.suffix) {
+        return {
+            gridColumnStart: cols.value - span - offset + 1,
+            gridColumnEnd: `span ${span + offset}`,
+            marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
+        };
+    } else {
+        return {
+            gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${
+                span + offset > cols.value ? cols.value : span + offset
+            }`,
+            marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
+        };
+    }
+});
+</script>
--- a/src/components/Grid/index.vue
+++ b/src/components/Grid/index.vue
@@ -0,0 +1,167 @@
+<template>
+    <div :style="style">
+        <slot></slot>
+    </div>
+</template>
+
+<script setup lang="ts" name="Grid">
+import {
+    ref,
+    watch,
+    useSlots,
+    computed,
+    provide,
+    onBeforeMount,
+    onMounted,
+    onUnmounted,
+    onDeactivated,
+    onActivated,
+    VNodeArrayChildren,
+    VNode
+} from "vue";
+import type { BreakPoint } from "./interface/index";
+
+type Props = {
+    cols?: number | Record<BreakPoint, number>;
+    collapsed?: boolean;
+    collapsedRows?: number;
+    gap?: [number, number] | number;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+    cols: () => ({ xs: 1, sm: 2, md: 2, lg: 3, xl: 4 }),
+    collapsed: false,
+    collapsedRows: 1,
+    gap: 0
+});
+
+onBeforeMount(() => props.collapsed && findIndex());
+onMounted(() => {
+    resize({ target: { innerWidth: window.innerWidth } } as unknown as UIEvent);
+    window.addEventListener("resize", resize);
+});
+onActivated(() => {
+    resize({ target: { innerWidth: window.innerWidth } } as unknown as UIEvent);
+    window.addEventListener("resize", resize);
+});
+onUnmounted(() => {
+    window.removeEventListener("resize", resize);
+});
+onDeactivated(() => {
+    window.removeEventListener("resize", resize);
+});
+
+// 监听屏幕变化
+const resize = (e: UIEvent) => {
+    let width = (e.target as Window).innerWidth;
+    switch (!!width) {
+        case width < 768:
+            breakPoint.value = "xs";
+            break;
+        case width >= 768 && width < 992:
+            breakPoint.value = "sm";
+            break;
+        case width >= 992 && width < 1200:
+            breakPoint.value = "md";
+            break;
+        case width >= 1200 && width < 1920:
+            breakPoint.value = "lg";
+            break;
+        case width >= 1920:
+            breakPoint.value = "xl";
+            break;
+    }
+};
+
+// 注入 gap 间距
+provide("gap", Array.isArray(props.gap) ? props.gap[0] : props.gap);
+
+// 注入响应式断点
+let breakPoint = ref<BreakPoint>("xl");
+provide("breakPoint", breakPoint);
+
+// 注入要开始折叠的 index
+const hiddenIndex = ref(-1);
+provide("shouldHiddenIndex", hiddenIndex);
+
+// 注入 cols
+const gridCols = computed(() => {
+    if (typeof props.cols === "object") return props.cols[breakPoint.value] ?? props.cols;
+    return props.cols;
+});
+provide("cols", gridCols);
+
+// 寻找需要开始折叠的字段 index
+const slots = useSlots().default!();
+
+const findIndex = () => {
+    let fields: VNodeArrayChildren = [];
+    let suffix: VNode | null = null;
+    slots.forEach((slot: any) => {
+        // suffix
+        if (typeof slot.type === "object" && slot.type.name === "GridItem" && slot.props?.suffix !== undefined) suffix = slot;
+        // slot children
+        if (typeof slot.type === "symbol" && Array.isArray(slot.children)) fields.push(...slot.children);
+    });
+
+    // 计算 suffix 所占用的列
+    let suffixCols = 0;
+    if (suffix) {
+        suffixCols =
+            ((suffix as VNode).props![breakPoint.value]?.span ?? (suffix as VNode).props?.span ?? 1) +
+            ((suffix as VNode).props![breakPoint.value]?.offset ?? (suffix as VNode).props?.offset ?? 0);
+    }
+    try {
+        let find = false;
+        fields.reduce((prev = 0, current, index) => {
+            prev +=
+                ((current as VNode)!.props![breakPoint.value]?.span ?? (current as VNode)!.props?.span ?? 1) +
+                ((current as VNode)!.props![breakPoint.value]?.offset ?? (current as VNode)!.props?.offset ?? 0);
+            if (Number(prev) > props.collapsedRows * gridCols.value - suffixCols) {
+                hiddenIndex.value = index;
+                find = true;
+                throw "find it";
+            }
+            return prev;
+        }, 0);
+        if (!find) hiddenIndex.value = -1;
+    } catch (e) {
+        // console.warn(e);
+    }
+};
+
+// 断点变化时 执行 findIndex
+watch(
+    () => breakPoint.value,
+    () => {
+        if (props.collapsed) findIndex();
+    }
+);
+
+// 监听 collapsed
+watch(
+    () => props.collapsed,
+    value => {
+        if (value) return findIndex();
+        hiddenIndex.value = -1;
+    }
+);
+
+// 设置间距
+const gridGap = computed(() => {
+    if (typeof props.gap === "number") return `${props.gap}px`;
+    if (Array.isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;
+    return "unset";
+});
+
+// 设置 style
+const style = computed(() => {
+    return {
+        display: "grid",
+        gridGap: gridGap.value,
+        gridTemplateColumns: `repeat(${gridCols.value}, minmax(0, 1fr))`
+    };
+});
+
+defineExpose({ breakPoint });
+</script>
--- a/src/components/Grid/interface/index.ts
+++ b/src/components/Grid/interface/index.ts
@@ -0,0 +1,6 @@
+export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
+
+export type Responsive = {
+    span?: number;
+    offset?: number;
+};
--- a/src/components/ImportExcel/index.scss
+++ b/src/components/ImportExcel/index.scss
@@ -0,0 +1,3 @@
+.upload {
+    width: 80%;
+}
--- a/src/components/ImportExcel/index.vue
+++ b/src/components/ImportExcel/index.vue
@@ -0,0 +1,151 @@
+<template>
+    <el-dialog v-model="dialogVisible" :title="`批量添加${parameter.title}`" :destroy-on-close="true" width="580px" draggable>
+        <el-form class="drawer-multiColumn-form" label-width="100px">
+            <el-form-item label="模板下载 :">
+                <el-button type="primary" :icon="Download" @click="downloadTemp"> 点击下载 </el-button>
+            </el-form-item>
+            <el-form-item label="文件上传 :">
+                <el-upload
+                    action="#"
+                    class="upload"
+                    :drag="true"
+                    :limit="excelLimit"
+                    :multiple="true"
+                    :show-file-list="true"
+                    :http-request="uploadExcel"
+                    :before-upload="beforeExcelUpload"
+                    :on-exceed="handleExceed"
+                    :on-success="excelUploadSuccess"
+                    :on-error="excelUploadError"
+                    :accept="parameter.fileType!.join(',')"
+                >
+                    <slot name="empty">
+                        <el-icon class="el-icon--upload">
+                            <upload-filled />
+                        </el-icon>
+                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+                    </slot>
+                    <template #tip>
+                        <slot name="tip">
+                            <div class="el-upload__tip">
+                                请上传 .xls , .xlsx 标准格式文件，文件最大为 {{ parameter.fileSize }}M
+                            </div>
+                        </slot>
+                    </template>
+                </el-upload>
+            </el-form-item>
+            <el-form-item label="数据覆盖 :">
+                <el-switch v-model="isCover" />
+            </el-form-item>
+        </el-form>
+    </el-dialog>
+</template>
+
+<script setup lang="ts" name="ImportExcel">
+import { ref } from "vue";
+import { useDownload } from "@/hooks/useDownload";
+import { Download } from "@element-plus/icons-vue";
+import { ElNotification, UploadRequestOptions, UploadRawFile } from "element-plus";
+
+export interface ExcelParameterProps {
+    title: string; // 标题
+    fileSize?: number; // 上传文件的大小
+    fileType?: File.ExcelMimeType[]; // 上传文件的类型
+    tempApi?: (params: any) => Promise<any>; // 下载模板的Api
+    importApi?: (params: any) => Promise<any>; // 批量导入的Api
+    getTableList?: () => void; // 获取表格数据的Api
+}
+
+// 是否覆盖数据
+const isCover = ref(false);
+// 最大文件上传数
+const excelLimit = ref(1);
+// dialog状态
+const dialogVisible = ref(false);
+// 父组件传过来的参数
+const parameter = ref<ExcelParameterProps>({
+    title: "",
+    fileSize: 5,
+    fileType: ["application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]
+});
+
+// 接收父组件参数
+const acceptParams = (params: ExcelParameterProps) => {
+    parameter.value = { ...parameter.value, ...params };
+    dialogVisible.value = true;
+};
+
+// Excel 导入模板下载
+const downloadTemp = () => {
+    if (!parameter.value.tempApi) return;
+    useDownload(parameter.value.tempApi, `${parameter.value.title}模板`);
+};
+
+// 文件上传
+const uploadExcel = async (param: UploadRequestOptions) => {
+    let excelFormData = new FormData();
+    excelFormData.append("file", param.file);
+    excelFormData.append("isCover", isCover.value as unknown as Blob);
+    await parameter.value.importApi!(excelFormData);
+    parameter.value.getTableList && parameter.value.getTableList();
+    dialogVisible.value = false;
+};
+
+/**
+ * @description 文件上传之前判断
+ * @param file 上传的文件
+ * */
+const beforeExcelUpload = (file: UploadRawFile) => {
+    const isExcel = parameter.value.fileType!.includes(file.type as File.ExcelMimeType);
+    const fileSize = file.size / 1024 / 1024 < parameter.value.fileSize!;
+    if (!isExcel)
+        ElNotification({
+            title: "温馨提示",
+            message: "上传文件只能是 xls / xlsx 格式！",
+            type: "warning"
+        });
+    if (!fileSize)
+        setTimeout(() => {
+            ElNotification({
+                title: "温馨提示",
+                message: `上传文件大小不能超过 ${parameter.value.fileSize}MB！`,
+                type: "warning"
+            });
+        }, 0);
+    return isExcel && fileSize;
+};
+
+// 文件数超出提示
+const handleExceed = () => {
+    ElNotification({
+        title: "温馨提示",
+        message: "最多只能上传一个文件！",
+        type: "warning"
+    });
+};
+
+// 上传错误提示
+const excelUploadError = () => {
+    ElNotification({
+        title: "温馨提示",
+        message: `批量添加${parameter.value.title}失败，请您重新上传！`,
+        type: "error"
+    });
+};
+
+// 上传成功提示
+const excelUploadSuccess = () => {
+    ElNotification({
+        title: "温馨提示",
+        message: `批量添加${parameter.value.title}成功！`,
+        type: "success"
+    });
+};
+
+defineExpose({
+    acceptParams
+});
+</script>
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>
--- a/src/components/ListBtns/components/Add.vue
+++ b/src/components/ListBtns/components/Add.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="common-btn-box1 font12" @click="handleBtnClick()" style="">
+        <span>新增</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+const $router = useRouter();
+const routeName: string = $router.currentRoute.value.name as string;
+const props = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+}>();
+console.log(props, "=======props========");
+
+const ROUTES: any = {
+    boxMarkIndex: "/setUp/boxMark/details",
+    subscriptionIndex: "/setUp/subscription/details"
+};
+// 提交事件
+const handleBtnClick = () => {
+    $router.push({
+        path: ROUTES[routeName],
+        query: { sjtag: Math.random() * 36, type: "add", data: null }
+    });
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/ListBtns/components/Del.vue
+++ b/src/components/ListBtns/components/Del.vue
@@ -0,0 +1,59 @@
+<template>
+    <div class="common-btn-box font12" @click="handleBtnClick()">
+        <span>删除</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ElMessageBox } from "element-plus";
+import { useMsg } from "@/hooks/useMsg";
+import { commitListApi } from "@/api/modules/global";
+const $router = useRouter();
+// 接口地址映射
+const URLS: Record<string, string> = {
+    boxMarkIndex: "BoxMark/delete", //入库任务列表
+    subscriptionIndex: "SubscribeNotification/Delete" //订阅列表
+};
+const props: any = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+}>();
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+// 提交事件
+const handleBtnClick = () => {
+    if (!props.selectionList.length) {
+        useMsg("warning", "请选择需要删除的数据 ！");
+        return;
+    }
+    let ids: number[] = [];
+    props.selectionList.forEach((item: any) => {
+        ids.push(item.id);
+    });
+    ElMessageBox.confirm("您确定进行删除操作吗?", "温馨提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+    })
+        .then(async () => {
+            const routeName: string = $router.currentRoute.value.name as string;
+            const result = await commitListApi(URLS[routeName], { ids: ids });
+            if (result.status === 200) {
+                useMsg("success", "删除成功 ！");
+                emits("handleChildBtnCallback", {
+                    type: "Del"
+                });
+            } else {
+                useMsg("error", result.message);
+            }
+        })
+        .catch(() => {});
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/ListBtns/components/Export.vue
+++ b/src/components/ListBtns/components/Export.vue
@@ -0,0 +1,58 @@
+<template>
+    <div class="common-btn-box font12" @click="handleBtnClick()">
+        <span>导出</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useMsg } from "@/hooks/useMsg";
+import { commitListApi } from "@/api/modules/global";
+const $router = useRouter();
+
+const props = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+}>();
+// console.log(props.selectionList);
+// const emits = defineEmits<{
+//     (e: "handleChildBtnCallback", result: Record<string, any>): void;
+// }>();
+
+// 接口地址映射
+const URLS: Record<string, string> = {
+    ofInboundInstructionsList: "InStockTask/Export", //入库单任务列表
+    outboundOrderList: "OutStock/Export", //出库单列表
+    // outboundTaskList: "OutStockTask/Export", //出库单任务列表
+    warehouseReceiptList: "InStock/Export", //入库单列表
+    boxModificationsList: "ChangeBoxRecord/Export", //改箱列表
+    movingBoxesList: "MoveBoxRecord/Export", //移箱列表
+    inventoryList: "TakeStock/Export", //盘点列表
+    inboundOutboundRollbackList: "BackRecord/Export", //出入库回退列表
+    immediately: "Inventory/ExportInventory", //即时库存
+    material: "Inventory/ExportInOrOut", //物料收发
+    boxStorage: "Inventory/ExportBox", //箱库存查询
+    finishedProductIndex: "ProductInventory/Export" //成品仓即时库存
+};
+
+// 提交事件
+const handleBtnClick = async () => {
+    const routeName: string = $router.currentRoute.value.name as string;
+    // 根据不同的路由进行不同的参数解构
+    console.log(props.ruleForm);
+    // 内部处理好了请求后的数据再返回到父页面;
+    const result = await commitListApi(URLS[routeName], { ...props.ruleForm });
+    if (result.status === 200) {
+        useMsg("success", "导出成功请前往导出列表中进行下载 ！");
+        // emits("handleChildBtnCallback", {
+        //     type: "Retransmission"
+        // });
+    } else {
+        useMsg("warning", "导出失败,请稍后重试 ！");
+    }
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/ListBtns/components/ExprotSelect.vue
+++ b/src/components/ListBtns/components/ExprotSelect.vue
@@ -0,0 +1,71 @@
+<template>
+    <el-dropdown>
+        <div class="common-btn-box font12" style="border: none">导出</div>
+        <template #dropdown>
+            <el-dropdown-menu>
+                <el-dropdown-item @click="handleBtnClick()"> 单据信息</el-dropdown-item>
+                <el-dropdown-item @click="handleBtnClick1()">出库信息</el-dropdown-item>
+            </el-dropdown-menu>
+        </template>
+    </el-dropdown>
+</template>
+
+<script setup lang="ts" name="Exprots">
+import { useMsg } from "@/hooks/useMsg";
+import { commitListApi } from "@/api/modules/global";
+const $router = useRouter();
+const props = defineProps<{
+    selectionList: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+}>();
+const routeName: any = ref($router.currentRoute.value.name);
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+//接口地址映射
+const URLS: Record<string, string> = {
+    outboundTaskList: "OutStockTask/Export" //出库单任务列表
+};
+const URLS1: Record<string, string> = {
+    outboundTaskList: "OutStockTask/ExportInfo" //出库单任务列表
+};
+// 提交事件;
+const handleBtnClick = async () => {
+    // 根据不同的路由进行不同的参数解构
+    // 内部处理好了请求后的数据再返回到父页面;
+    const result = await commitListApi(URLS[routeName.value], { ...props.ruleForm });
+    if (result.status === 200) {
+        useMsg("success", "导出成功请前往导出列表中进行下载 ！");
+        emits("handleChildBtnCallback", {
+            type: "Retransmission"
+        });
+    } else {
+        useMsg("warning", "导出失败,请稍后重试 ！");
+    }
+};
+const handleBtnClick1 = async () => {
+    if (!props.selectionList.length) {
+        useMsg("warning", "请选择要导出的出库信息 ！");
+        return;
+    }
+    let ids: any = [];
+    props.selectionList.forEach((item: any) => {
+        ids.push(item.id);
+    });
+    const result = await commitListApi(URLS1[routeName.value], { ...props.ruleForm, ids: ids });
+    if (result.status === 200) {
+        useMsg("success", "导出成功请前往导出列表中进行下载 ！");
+        emits("handleChildBtnCallback", {
+            type: "Retransmission"
+        });
+    } else {
+        useMsg("warning", "导出失败,请稍后重试 ！");
+    }
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/ListBtns/components/Merge.vue
+++ b/src/components/ListBtns/components/Merge.vue
@@ -0,0 +1,56 @@
+<template>
+    <div class="common-btn-box font12" @click="handleBtnClick()">
+        <span>合并</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useMsg } from "@/hooks/useMsg";
+import { commitListApi } from "@/api/modules/global";
+const $router = useRouter();
+
+const props = defineProps<{
+    selectionList: any[];
+    handleChildBtnCallback?: () => void;
+}>();
+
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+// 接口地址映射
+const URLS: Record<string, string> = {
+    outboundTaskList: "OutStockTask/merge" //出库任务列表
+};
+
+// 提交事件
+const handleBtnClick = async () => {
+    const routeName: string = $router.currentRoute.value.name as string;
+    if (!props.selectionList.length) {
+        useMsg("warning", "请选择对应的数据后进行操作 ！");
+        return;
+    }
+    let ids: number[] = [];
+    props.selectionList.forEach((item: any) => {
+        ids.push(item.id);
+    });
+    // 根据不同的路由进行不同的参数解构
+    const PARAMSS: Record<string, any> = {
+        outboundTaskList: [...ids]
+    };
+    // 内部处理好了请求后的数据再返回到父页面;
+    const result = await commitListApi(URLS[routeName], { ids: PARAMSS[routeName] });
+    if (result.status === 200) {
+        useMsg("success", "合并成功 ！");
+        emits("handleChildBtnCallback", {
+            type: "Retransmission"
+        });
+    } else {
+        useMsg("error", result.message);
+    }
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/src/components/ListBtns/components/Print.vue
+++ b/src/components/ListBtns/components/Print.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="common-btn-box font12" @click="handleBtnClick()">
+        <span>打印</span>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useMsg } from "@/hooks/useMsg";
+const props: any = defineProps<{
+    selectionList?: any[];
+    handleChildBtnCallback?: () => void;
+    ruleForm: any;
+}>();
+const emits = defineEmits<{
+    (e: "handleChildBtnCallback", result: Record<string, any>): void;
+}>();
+
+// 提交事件
+const handleBtnClick = () => {
+    if (!props.selectionList.length) {
+        useMsg("warning", "请选择需要打印的数据 ！");
+        return false;
+    }
+    emits("handleChildBtnCallback", {
+        type: "Print"
+    });
+};
+</script>
+
+<style scoped>
+@import "../index.scss";
+</style>
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M574 342.8m-38.3 0a38.3 38.3 0 1 0 76.6 0 38.3 38.3 0 1 0-76.6 0Z" fill="#F2B843" /><path d="M627 697c15.2-20.7 45.3-294-45-383.3-3-6.1-0.4-13.5 5.7-16.5 6.2-3 13.5-0.5 16.5 5.7C689.8 370.2 719.9 573 705.1 697H627z" fill="#EA800C" /><path d="M617.8 307.4m-38.3 0a38.3 38.3 0 1 0 76.6 0 38.3 38.3 0 1 0-76.6 0Z" fill="#F2B843" /><path d="M608 272.5L461 502.8c-33.6-47.5-37.2-112.5-3.9-164.6 33.2-52.1 93.7-76.2 150.9-65.7z" fill="#3DC38A" /><path d="M742.5 132.3L569.9 299.8c-19.2-47.5-9.1-103.9 29.9-141.8 39.1-37.9 95.8-46.3 142.7-25.7z" fill="#2F9B77" /><path d="M608.7 289.2l-239.6 21.1c15.1-49 58.5-86.4 112.7-91.1 54.2-4.8 103.5 24.4 126.9 70z" fill="#2F9B77" /><path d="M594.7 269.9L408.5 168.4c35-28.6 85.2-34.8 127.3-11.9 42.1 23 64 68.6 58.9 113.4z" fill="#3DC38A" /><path d="M825.5 331.8l-271.4-31.4c28-51 84.9-82.7 146.3-75.6 61.3 7 109.5 51 125.1 107z" fill="#3DC38A" /><path d="M75.3 868.9c0-86.5 104.3-173 233-173s233 86.5 233 173h-466z" fill="#2F9B77" /><path d="M938.2 868.9c0-116.2-130.9-232.3-292.3-232.3S353.5 752.7 353.5 868.9h584.7z" fill="#3DC38A" /><path d="M858.9 701.5c-28.1-23.1-60.4-41.4-95.9-54.3-14.5-5.3-29.3-9.5-44.3-12.8 0.2-51.3-5.5-106.3-16.2-155.9-11.9-54.8-29.5-101.6-51.2-136.3 5.6-5.3 9.7-11.8 12.2-19.1l160.8 18.6c0.4 0 0.8 0.1 1.2 0.1 2.9 0 5.7-1.3 7.6-3.5 2.2-2.5 2.9-6 2-9.2-8.3-29.8-25.1-56.3-48.5-76.7-24-20.9-53.5-33.9-85.1-37.5-9.7-1.1-19.3-1.3-28.9-0.7l76.8-74.6c2.4-2.3 3.5-5.7 2.9-8.9-0.6-3.3-2.8-6-5.8-7.4-52.3-23-112.6-12.1-153.7 27.7-7.2 7-13.6 14.7-19.1 23.1-9.4-10.5-20.6-19.4-33.1-26.2-44.7-24.3-99-19.2-138.4 12.9-2.6 2.1-3.9 5.4-3.6 8.7s2.2 6.3 5.2 7.9l62.5 34c-50.2 9.8-91.2 46.2-106.6 96-1 3.2-0.3 6.6 1.8 9.2 1.9 2.4 4.8 3.7 7.8 3.7h0.9l94.5-8.3c-5.8 6.4-11 13.3-15.8 20.8-17.2 26.9-25.7 57.9-24.7 89.7 1 31 11 60.8 28.9 86 1.9 2.7 4.9 4.2 8.2 4.2h0.2c3.3-0.1 6.4-1.8 8.2-4.6L549 383.9c7.5 4.6 16.1 7.1 25.2 7.1 13.4 0 25.9-5.5 34.8-14.7 27.2 70.9 29.2 175.3 21.8 250.6-34.9 1.5-69.1 8.3-101.8 20.2-35.5 12.9-67.8 31.2-95.9 54.3-3.2 2.6-6.3 5.3-9.4 8.1-35.7-15.5-75.4-23.6-115.1-23.6-63.1 0-123.8 19.9-170.9 56.1-45.8 35.3-72.1 81.5-72.1 126.9 0 5.5 4.5 10 10 10h862.9c5.5 0 10-4.5 10-10-0.3-59.7-32.8-120.7-89.6-167.4z m-226.2-370c-3.3 2.1-7 3.4-10.9 3.9-1-6.4-3.2-12.5-6.5-17.9l27.6 3.2c-2.3 4.4-5.8 8.1-10.2 10.8z m66.6-96.8c27.6 3.2 53.3 14.5 74.3 32.7 16.6 14.5 29.4 32.4 37.5 52.6l-152.7-17.7c-0.4-0.1-0.8-0.2-1.2-0.2-0.4 0-0.8-0.1-1.2-0.1l-65.3-7.6c-1-0.3-2-0.4-2.9-0.3l-5.5-0.6c-0.1 0-0.2-0.1-0.3-0.1-0.7-0.1-1.3-0.2-2-0.2l-8.8-1c5.3-7.5 11.3-14.5 18-20.8 0.5-0.4 1-0.8 1.4-1.3 8.7-8 18.4-14.9 29.1-20.5 8-4.2 16.4-7.6 24.9-10.2 0.5-0.1 0.9-0.2 1.4-0.4 17-4.8 35.1-6.4 53.3-4.3z m-92.5-69.4c31.5-30.5 76.2-41.2 117.4-29l-87 84.4c-9.3 2.9-18.4 6.6-27.1 11.2-2.2 1.2-4.3 2.4-6.5 3.6-2.8-15.7-8.5-30.8-17-44.4 5.5-9.5 12.3-18.2 20.2-25.8z m-75.8 0.1c14.4 7.9 26.4 18.6 35.7 31.9 10.5 15.1 16.8 32.7 18.4 51-1.2 1-2.5 2-3.6 3l-74-40.3c-0.8-0.7-1.8-1.2-2.8-1.5l-77.2-42.1c31.3-18.8 70.6-20 103.5-2z m-48.2 63.8c5.2-0.5 10.3-0.6 15.4-0.4l68.2 37.1c-5.1 5.7-9.9 11.8-14.2 18.2l-60 5.3-108.1 9.5c17.8-39.1 55-66 98.7-69.7zM461.2 484c-24.3-43.9-23-97.5 4.5-140.6 8.5-13.4 19-24.9 31.3-34.4l48.3-4.2s0 0.1 0.1 0.1c1.5 3 4.4 5 7.7 5.3l17.8 2.1-32.1 50.3c-0.6 0.7-1 1.4-1.4 2.2L461.2 484zM574 371c-5.2 0-10.1-1.4-14.4-3.9l29.3-45.9 1.1-1.8c7.6 5.2 12.4 13.9 12.4 23.4v2.1c-0.1 1.8-0.5 3.8-1.1 6.1-0.2 0.6-0.4 1.1-0.6 1.7-4.2 10.9-14.8 18.3-26.7 18.3z m47.8-15.5c4.3-0.3 8.6-1.3 12.6-2.7 20.5 32.6 37.2 77.3 48.6 129.9 10.2 47.1 15.7 99.1 15.8 148-15.9-2.5-31.9-3.8-48.1-4 2.7-28.8 5.6-76.5 1.8-130.4-4-57.6-14.3-104.8-30.7-140.8zM149.6 757.9c43.6-33.5 99.9-52 158.7-52 34.2 0 68.3 6.5 99.4 18.8-38.4 40-61.1 87.2-63.9 134.2h-258c3.6-35.9 26.4-72.2 63.8-101z m391.7 101H363.8c3.4-50.5 32.8-101.8 81.7-142 26.4-21.7 56.6-38.8 90-50.9 35.4-12.8 72.5-19.4 110.4-19.4 37.9 0 75 6.5 110.3 19.4 33.4 12.1 63.6 29.3 90 50.9 48.9 40.2 78.2 91.5 81.6 142H541.3z" fill="#4D3500" /></svg>
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>`