npm - hrp-ui-base - Versions diffs - 1.4.7 → 1.4.8 - Mend

hrp-ui-base 1.4.7 → 1.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/README.md +51 -51
package/dist/components.cjs +1 -1
package/dist/components.es.js +25 -25
package/dist/style.css +1 -1
package/package.json +101 -101
package/packages/approval-process/.eslintrc +6 -6
package/packages/approval-process/README.md +22 -22
package/packages/approval-process/index.ts +65 -65
package/packages/approval-process/package.json +17 -17
package/packages/approval-process/packages/components/choose-member/BO/departBo.ts +8 -8
package/packages/approval-process/packages/components/choose-member/BO/memberBo.ts +14 -14
package/packages/approval-process/packages/components/choose-member/BO/roleBo.ts +16 -16
package/packages/approval-process/packages/components/choose-member/index.vue +496 -496
package/packages/approval-process/packages/components/choose-member/styles/common.scss +133 -133
package/packages/approval-process/packages/components/comment/assets/download.svg +4 -4
package/packages/approval-process/packages/components/comment/assets/mp3.svg +11 -11
package/packages/approval-process/packages/components/comment/assets/mp4.svg +11 -11
package/packages/approval-process/packages/components/comment/assets/other.svg +11 -11
package/packages/approval-process/packages/components/comment/assets/pdf.svg +11 -11
package/packages/approval-process/packages/components/comment/assets/ppt.svg +11 -11
package/packages/approval-process/packages/components/comment/assets/preview.svg +4 -4
package/packages/approval-process/packages/components/comment/assets/word.svg +11 -11
package/packages/approval-process/packages/components/comment/assets/xls.svg +11 -11
package/packages/approval-process/packages/components/comment/index.vue +843 -843
package/packages/approval-process/packages/components/comment/modules/previewMp.vue +53 -53
package/packages/approval-process/packages/components/comment/styles/comment-style.scss +303 -303
package/packages/approval-process/packages/components/image-cropper/index.vue +202 -202
package/packages/approval-process/packages/components/sign/index.vue +766 -766
package/packages/approval-process/packages/components/sign/modules/full-screen-sign.vue +19 -19
package/packages/approval-process/packages/components/urge-dialog/index.vue +120 -120
package/packages/approval-process/packages/components/vue-esign/index.vue +289 -289
package/packages/approval-process/packages/flow/approve-component/approve-success.vue +81 -81
package/packages/approval-process/packages/flow/approve-component/route-params-error.vue +48 -48
package/packages/approval-process/packages/flow/approve-component/submit-success.vue +58 -58
package/packages/approval-process/packages/flow/examine-approve-itr.vue +978 -978
package/packages/approval-process/packages/flow/examine-approve.vue +1065 -1065
package/packages/approval-process/packages/flow/form-component/associated-approval-form/README.md +38 -38
package/packages/approval-process/packages/flow/form-component/associated-approval-form/index.vue +158 -158
package/packages/approval-process/packages/flow/form-component/associated-approval-form/modules/associated-approval-form-mobile.vue +297 -297
package/packages/approval-process/packages/flow/form-component/associated-approval-form/modules/associated-approval-form-pc.vue +314 -314
package/packages/approval-process/packages/flow/form-component/associated-approval-form/style/curd-area-mobile.scss +109 -109
package/packages/approval-process/packages/flow/form-component/associated-approval-form/style/curd-area.scss +95 -95
package/packages/approval-process/packages/flow/form-component/associated-approval-form/style/out-put.scss +47 -47
package/packages/approval-process/packages/flow/form-component/show-sign.vue +27 -27
package/packages/approval-process/packages/flow/styles/common.scss +133 -133
package/packages/approval-process/packages/flow/styles/examine-approve-pc.scss +465 -465
package/packages/approval-process/packages/flow/styles/examine-approve-phone.scss +292 -292
package/packages/approval-process/packages/flow/styles/submit-approve-pc.scss +379 -379
package/packages/approval-process/packages/flow/styles/submit-approve-phone.scss +336 -336
package/packages/approval-process/packages/flow/submit-approve-itr.vue +622 -622
package/packages/approval-process/packages/flow/submit-approve.vue +627 -627
package/packages/approval-process/packages/flow/systemCom/BO/departBo.ts +8 -8
package/packages/approval-process/packages/flow/systemCom/BO/memberBo.ts +14 -14
package/packages/approval-process/packages/flow/systemCom/BO/roleBo.ts +16 -16
package/packages/approval-process/packages/flow/systemCom/choose-depart.vue +398 -398
package/packages/approval-process/packages/flow/systemCom/choose-member-phone.vue +514 -514
package/packages/approval-process/packages/flow/systemCom/choose-member.vue +564 -564
package/packages/approval-process/packages/flow/systemCom/choose-role.vue +300 -300
package/packages/approval-process/packages/styles/common.scss +133 -133
package/packages/approval-process/packages/styles/flex-common.scss +117 -117
package/packages/approval-process/packages/styles/flexCommon.scss +72 -72
package/packages/approval-process/packages/styles/main.css +216 -216
package/packages/approval-process/packages/styles/router-page.scss +370 -370
package/packages/approval-process/packages/styles/style-set.ts +207 -207
package/packages/approval-process/packages/types.d.ts +3 -3
package/packages/approval-process/packages/utils/base.ts +15 -15
package/packages/approval-process/packages/utils/crypto.ts +66 -66
package/packages/approval-process/packages/utils/ddUtils.ts +56 -56
package/packages/approval-process/packages/utils/debounce.ts +35 -35
package/packages/approval-process/packages/utils/des.js +1107 -1107
package/packages/approval-process/packages/utils/download.ts +38 -38
package/packages/approval-process/packages/utils/editor.ts +36 -36
package/packages/approval-process/packages/utils/getEnv.ts +36 -36
package/packages/approval-process/packages/utils/os.ts +20 -20
package/packages/approval-process/packages/utils/path-util.ts +31 -31
package/packages/approval-process/packages/utils/routerUtil.ts +304 -304
package/packages/approval-process/packages/utils/string-utils.ts +13 -13
package/packages/approval-process/packages/utils/throttle.ts +44 -44
package/packages/approval-process/packages/utils/validate.ts +92 -92
package/packages/approval-process/packages/utils/ws.ts +218 -218
package/packages/approval-process/tsconfig.json +72 -72
package/packages/approval-process/vite.config.ts +56 -56
package/src/api/bms/dict/bo/DictConfigBO.ts +23 -23
package/src/api/bms/dict/bo/DictConfigBaseVO.ts +24 -24
package/src/api/bms/dict/bo/DictConfigSearchBO.ts +12 -12
package/src/api/bms/dict/bo/DictImportBO.ts +6 -6
package/src/api/bms/dict/bo/DictVO.ts +21 -21
package/src/api/bms/dict/bo/PageBaseVO.ts +8 -8
package/src/api/bms/dict/bo/TotalDictBO.ts +11 -11
package/src/api/bms/dict/bo/TotalDictPageVO.ts +17 -17
package/src/api/bms/dict/dict-controller.ts +78 -78
package/src/api/bms/file/FileExportController.ts +19 -19
package/src/api/bms/file/FileUploadController.ts +131 -131
package/src/api/bms/file/bo/FileBaseInfo.ts +13 -13
package/src/api/bms/file/bo/FileExportVO.ts +17 -17
package/src/api/bms/file/bo/FilePreviewVO.ts +8 -8
package/src/api/bms/file/bo/FileUploadInfo.ts +22 -22
package/src/api/bms/file/bo/FileUrlVO.ts +10 -10
package/src/api/bms/file/bo/StsTokenVO.ts +20 -20
package/src/api/bms/flow/FlowCommentController.ts +50 -50
package/src/api/bms/flow/FlowInstanceController.ts +179 -179
package/src/api/bms/flow/FlowProcessController.ts +55 -55
package/src/api/bms/flow/FlowSheetController.ts +27 -27
package/src/api/bms/flow/FlowSignController.ts +76 -76
package/src/api/bms/flow/bo/AssociatedApprovalBO.ts +15 -15
package/src/api/bms/flow/bo/AssociatedApprovalVO.ts +35 -35
package/src/api/bms/flow/bo/AuditBaseInfo.ts +39 -39
package/src/api/bms/flow/bo/ButtonVo.ts +7 -7
package/src/api/bms/flow/bo/DingCallbackBo.ts +13 -13
package/src/api/bms/flow/bo/FlowCommentBO.ts +12 -12
package/src/api/bms/flow/bo/FlowCommentVO.ts +23 -23
package/src/api/bms/flow/bo/FlowInstanceBO.ts +14 -14
package/src/api/bms/flow/bo/FlowNodeVO.ts +24 -24
package/src/api/bms/flow/bo/FlowNoticeBO.ts +17 -17
package/src/api/bms/flow/bo/FlowProcessBO.ts +13 -13
package/src/api/bms/flow/bo/FlowProcessVO.ts +9 -9
package/src/api/bms/flow/bo/FlowReplyVO.ts +23 -23
package/src/api/bms/flow/bo/FlowSheetVO.ts +16 -16
package/src/api/bms/flow/bo/InstanceBackBO.ts +9 -9
package/src/api/bms/flow/bo/InstanceNodeBO.ts +13 -13
package/src/api/bms/flow/bo/InstanceNodeVO.ts +21 -21
package/src/api/bms/flow/bo/NodeShowVo.ts +19 -19
package/src/api/bms/flow/bo/ReviewBO.ts +11 -11
package/src/api/bms/flow/bo/SheetSearchBO.ts +11 -11
package/src/api/bms/flow/bo/SystemVO.ts +7 -7
package/src/api/bms/flow/bo/TransmitBO.ts +9 -9
package/src/api/bms/flow/bo/UrgeFlowBO.ts +7 -7
package/src/api/bms/flow/bo/UserBaseInfoVo.ts +13 -13
package/src/api/bms/flow/bo/UserInfoVo.ts +44 -44
package/src/api/bms/flow/bo/UserResultVo.ts +17 -17
package/src/api/bms/flow/bo/ValueMapBo.ts +7 -7
package/src/api/bms/home/HomeController.ts +106 -106
package/src/api/bms/home/bo/CollectedMenuBo.ts +9 -9
package/src/api/bms/home/bo/DeptBaseVo.ts +9 -9
package/src/api/bms/home/bo/DomainVO.ts +13 -13
package/src/api/bms/home/bo/FunPermission.ts +17 -17
package/src/api/bms/home/bo/GroupVO.ts +10 -10
package/src/api/bms/home/bo/HomeMenu.ts +22 -22
package/src/api/bms/home/bo/HomeMenuVo.ts +11 -11
package/src/api/bms/home/bo/PersonalizationBo.ts +17 -17
package/src/api/bms/home/bo/PersonalizationVo.ts +19 -19
package/src/api/bms/home/bo/PhoneMenu.ts +14 -14
package/src/api/bms/home/bo/SearchMenuVo.ts +10 -10
package/src/api/bms/home/bo/UserBaseInfoVo.ts +11 -11
package/src/api/bms/permission-manage/PermissionController.ts +133 -133
package/src/api/bms/permission-manage/bo/DataScopeConfig.ts +17 -17
package/src/api/bms/permission-manage/bo/DataScopePoint.ts +15 -15
package/src/api/bms/permission-manage/bo/DeptBaseVo.ts +9 -9
package/src/api/bms/permission-manage/bo/FunPermissionConfig.ts +18 -18
package/src/api/bms/permission-manage/bo/FunPointVo.ts +9 -9
package/src/api/bms/permission-manage/bo/PermissionGroupBo.ts +11 -11
package/src/api/bms/permission-manage/bo/PermissionGroupMemberVo.ts +18 -18
package/src/api/bms/permission-manage/bo/PermissionGroupPageVo.ts +17 -17
package/src/api/bms/permission-manage/bo/PermissionGroupVo.ts +17 -17
package/src/api/bms/permission-manage/bo/RoleBaseVo.ts +9 -9
package/src/api/bms/permission-manage/bo/TheFirstStepVo.ts +13 -13
package/src/api/bms/permission-manage/bo/TheSecondStepVo.ts +14 -14
package/src/api/bms/permission-manage/bo/UserBaseInfoVo.ts +11 -11
package/src/api/bms/tabulation/TabulationController.ts +78 -78
package/src/api/bms/tabulation/bo/FieldConditionBO.ts +10 -10
package/src/api/bms/tabulation/bo/FieldConditionVO.ts +10 -10
package/src/api/bms/tabulation/bo/OperateButtonVO.ts +9 -9
package/src/api/bms/tabulation/bo/PersonViewVO.ts +33 -33
package/src/api/bms/tabulation/bo/SearchVO.ts +33 -33
package/src/api/bms/tabulation/bo/TabulationBO.ts +14 -14
package/src/api/bms/tabulation/bo/ViewSortBO.ts +7 -7
package/src/api/bms/tabulation/bo/ViewVO.ts +12 -12
package/src/api/common/FileBaseInfo.ts +10 -10
package/src/api/common/ResponseBean.ts +9 -9
package/src/api/common/ResponseBeanList.ts +15 -15
package/src/api/common/ResponseBeanTablePage.ts +21 -21
package/src/api/common/TableQueryCriteriaVO.ts +10 -10
package/src/api/common/bo/PageResult.ts +22 -22
package/src/api/hrms/dept/bo/DeptBaseVo.ts +6 -6
package/src/api/hrms/dept/bo/DeptTreeVo.ts +23 -23
package/src/api/hrms/dept/bo/DeptUserVo.ts +9 -9
package/src/api/hrms/dept/bo/DeptUsersVo.ts +10 -10
package/src/api/hrms/dept/bo/DeptVo.ts +19 -19
package/src/api/hrms/dept/bo/UserBaseInfoVo.ts +7 -7
package/src/api/hrms/dept/deptController.ts +100 -100
package/src/api/hrms/role/bo/RoleBaseVo.ts +6 -6
package/src/api/hrms/role/bo/RoleGroupVo.ts +11 -11
package/src/api/hrms/role/bo/RoleVo.ts +22 -22
package/src/api/hrms/role/roleController.ts +19 -19
package/src/api/hrms/user/bo/UserBaseInfoVo.ts +11 -11
package/src/api/hrms/user/bo/UserCardVO.ts +13 -13
package/src/api/hrms/user/bo/UserDeptBO.ts +13 -13
package/src/api/hrms/user/bo/UserRoleBO.ts +11 -11
package/src/api/hrms/user/bo/UserVO.ts +23 -23
package/src/api/hrms/user/userController.ts +86 -86
package/src/api/index.ts +9 -9
package/src/api/notice/NoticeController.ts +73 -73
package/src/api/notice/bo/NoticePageBO.ts +24 -24
package/src/api/notice/bo/NoticeVO.ts +31 -31
package/src/api/work-order-pc/flow/Bo/ValueMapBo.ts +7 -7
package/src/api/work-order-pc/flow/ItrFlowProcessController.ts +41 -41
package/src/api/work-order-pc/flow/Vo/FlowNodeVO.ts +24 -24
package/src/api/work-order-pc/flow/Vo/UserInfoVo.ts +44 -44
package/src/assets/layout/avatar-default.svg +6 -6
package/src/assets/layout/collect-active.svg +7 -7
package/src/assets/layout/collect-default.svg +7 -7
package/src/assets/layout/download-active.svg +8 -8
package/src/assets/layout/download-default.svg +8 -8
package/src/assets/layout/export-dark.svg +7 -7
package/src/assets/layout/export-default.svg +7 -7
package/src/assets/layout/font-active.svg +6 -6
package/src/assets/layout/font-default.svg +6 -6
package/src/assets/layout/help-active.svg +10 -10
package/src/assets/layout/help-default.svg +10 -10
package/src/assets/layout/home-active.svg +6 -6
package/src/assets/layout/home.svg +6 -6
package/src/assets/layout/menu-expand.svg +6 -6
package/src/assets/layout/menu-position-active.svg +6 -6
package/src/assets/layout/menu-position-default.svg +6 -6
package/src/assets/layout/message-active.svg +9 -9
package/src/assets/layout/message-default.svg +9 -9
package/src/assets/layout/moon.svg +8 -8
package/src/assets/layout/router-all-dark.svg +11 -11
package/src/assets/layout/router-all-default.svg +17 -17
package/src/assets/layout/search-active.svg +20 -20
package/src/assets/layout/search-default.svg +20 -20
package/src/assets/layout/star-default.svg +3 -3
package/src/assets/layout/sun-active.svg +6 -6
package/src/assets/layout/sun-default.svg +6 -6
package/src/assets/layout/switch-moon.svg +3 -3
package/src/assets/layout/switch-sun.svg +41 -41
package/src/assets/layout/todo-active.svg +12 -12
package/src/assets/layout/todo-default.svg +12 -12
package/src/assets/layout/user-dark.svg +13 -13
package/src/assets/layout/user-default.svg +13 -13
package/src/assets/no-permiss-dark.svg +16 -16
package/src/assets/no-permiss-day.svg +16 -16
package/src/assets/process/drawer/manyLevel1close.svg +9 -9
package/src/assets/process/drawer/manyLevel1open.svg +6 -6
package/src/assets/process/drawer/manyLevel2close.svg +6 -6
package/src/assets/process/drawer/manyLevel2open.svg +6 -6
package/src/assets/table-delete/table-delete.svg +2 -2
package/src/components/annex-img-upload/assets/download.svg +4 -4
package/src/components/annex-img-upload/assets/mp3.svg +11 -11
package/src/components/annex-img-upload/assets/mp4.svg +11 -11
package/src/components/annex-img-upload/assets/other.svg +11 -11
package/src/components/annex-img-upload/assets/pdf.svg +11 -11
package/src/components/annex-img-upload/assets/ppt.svg +11 -11
package/src/components/annex-img-upload/assets/preview.svg +4 -4
package/src/components/annex-img-upload/assets/word.svg +11 -11
package/src/components/annex-img-upload/assets/xls.svg +11 -11
package/src/components/annex-img-upload/index.vue +609 -609
package/src/components/annex-img-upload/modules/previewMp.vue +53 -53
package/src/components/annex-upload/assets/download.svg +4 -4
package/src/components/annex-upload/assets/mp3.svg +11 -11
package/src/components/annex-upload/assets/mp4.svg +11 -11
package/src/components/annex-upload/assets/other.svg +11 -11
package/src/components/annex-upload/assets/pdf.svg +11 -11
package/src/components/annex-upload/assets/ppt.svg +11 -11
package/src/components/annex-upload/assets/preview.svg +4 -4
package/src/components/annex-upload/assets/word.svg +11 -11
package/src/components/annex-upload/assets/xls.svg +11 -11
package/src/components/annex-upload/index.vue +800 -800
package/src/components/annex-upload/modules/previewMp.vue +53 -53
package/src/components/annex-upload-weijian/assets/download.svg +4 -4
package/src/components/annex-upload-weijian/assets/mp3.svg +11 -11
package/src/components/annex-upload-weijian/assets/mp4.svg +11 -11
package/src/components/annex-upload-weijian/assets/other.svg +11 -11
package/src/components/annex-upload-weijian/assets/pdf.svg +11 -11
package/src/components/annex-upload-weijian/assets/ppt.svg +11 -11
package/src/components/annex-upload-weijian/assets/preview.svg +4 -4
package/src/components/annex-upload-weijian/assets/word.svg +11 -11
package/src/components/annex-upload-weijian/assets/xls.svg +11 -11
package/src/components/annex-upload-weijian/index.vue +772 -772
package/src/components/annex-upload-weijian/modules/previewMp.vue +53 -53
package/src/components/base-layout/index.vue +199 -199
package/src/components/button.vue +14 -14
package/src/components/layout/ApprovalCenterDrawer.vue +231 -231
package/src/components/layout/ExportCenterDrawer.vue +164 -164
package/src/components/layout/LayoutContainer.vue +542 -542
package/src/components/layout/SysHeader.vue +90 -90
package/src/components/layout/SysHeaderLeft.vue +114 -114
package/src/components/layout/SysHeaderRight.vue +112 -112
package/src/components/layout/SysHeaderTabs.vue +289 -289
package/src/components/layout/components/avatar-component.vue +77 -77
package/src/components/layout/components/dark-component.vue +82 -82
package/src/components/layout/components/download-component.vue +49 -49
package/src/components/layout/components/font-size-component.vue +66 -66
package/src/components/layout/components/menu-position-component.vue +97 -97
package/src/components/layout/components/message-component.vue +64 -64
package/src/components/layout/components/todo-component.vue +55 -55
package/src/components/layout/index.ts +34 -34
package/src/components/layout/message/message-dictionary.ts +27 -27
package/src/components/layout/message/message-icon//345/205/250/351/203/250/351/200/232/347/237/245-/350/223/235.svg +8 -8
package/src/components/layout/message/message-icon//345/205/250/351/203/250/351/200/232/347/237/245-/351/273/221.svg +8 -8
package/src/components/layout/message/message-icon//345/205/250/351/203/250/351/200/232/347/237/245.svg +8 -8
package/src/components/layout/message/message-icon//345/205/254/345/221/212/351/200/232/347/237/245-/350/223/235.svg +12 -12
package/src/components/layout/message/message-icon//345/205/254/345/221/212/351/200/232/347/237/245-/351/273/221.svg +12 -12
package/src/components/layout/message/message-icon//345/205/254/345/221/212/351/200/232/347/237/245.svg +12 -12
package/src/components/layout/message/message-icon//345/256/241/346/211/271/351/200/232/347/237/245-/350/223/235.svg +8 -8
package/src/components/layout/message/message-icon//345/256/241/346/211/271/351/200/232/347/237/245-/351/273/221.svg +8 -8
package/src/components/layout/message/message-icon//345/256/241/346/211/271/351/200/232/347/237/245.svg +8 -8
package/src/components/layout/message/message-icon//345/257/274/345/207/272/351/200/232/347/237/245-/350/223/235.svg +13 -13
package/src/components/layout/message/message-icon//345/257/274/345/207/272/351/200/232/347/237/245-/351/273/221.svg +13 -13
package/src/components/layout/message/message-icon//345/257/274/345/207/272/351/200/232/347/237/245.svg +13 -13
package/src/components/layout/message/message-icon//346/234/252/350/257/273/351/200/232/347/237/245-/350/223/235.svg +11 -11
package/src/components/layout/message/message-icon//346/234/252/350/257/273/351/200/232/347/237/245-/351/273/221.svg +11 -11
package/src/components/layout/message/message-icon//346/234/252/350/257/273/351/200/232/347/237/245.svg +11 -11
package/src/components/layout/message/message-icon//347/251/272/347/212/266/346/200/201.svg +17 -17
package/src/components/layout/message/message-icon//347/263/273/347/273/237/351/200/232/347/237/245-/350/223/235.svg +13 -13
package/src/components/layout/message/message-icon//347/263/273/347/273/237/351/200/232/347/237/245-/351/273/221.svg +13 -13
package/src/components/layout/message/message-icon//347/263/273/347/273/237/351/200/232/347/237/245.svg +13 -13
package/src/components/layout/message/message-notification-drawer.vue +533 -533
package/src/components/layout/personal-sign/ImageCropper.vue +187 -187
package/src/components/layout/personal-sign/PersonalSignDialog.vue +658 -658
package/src/components/layout/personalization-guide-dialog.vue +255 -255
package/src/components/layout/plugin.ts +32 -32
package/src/components/layout/sideMenu-global.scss +115 -115
package/src/components/layout/sideMenu.scss +312 -312
package/src/components/layout/sideMenu.vue +541 -541
package/src/components/layout/sideMenuSonList.vue +185 -185
package/src/components/layout/stores/index.ts +5 -5
package/src/components/layout/stores/useLayoutConfigStore.ts +231 -231
package/src/components/layout/stores/useLayoutMenuStore.ts +232 -232
package/src/components/layout/stores/useLayoutNoticeStore.ts +77 -77
package/src/components/layout/stores/useLayoutTabsStore.ts +367 -367
package/src/components/layout/styles/icon.scss +72 -72
package/src/components/layout/types.ts +98 -98
package/src/components/layout/utils/redirect.ts +144 -144
package/src/components/list-search-content/components/index.ts +11 -11
package/src/components/list-search-content/components/search-date-range.vue +74 -74
package/src/components/list-search-content/components/search-date-time-range.vue +48 -48
package/src/components/list-search-content/components/search-date.vue +97 -97
package/src/components/list-search-content/components/search-input-number.vue +59 -59
package/src/components/list-search-content/components/search-input.vue +46 -46
package/src/components/list-search-content/components/search-multiple_select.vue +69 -69
package/src/components/list-search-content/components/search-select.vue +64 -64
package/src/components/list-search-content/index.vue +803 -803
package/src/components/list-search-content/modules/add-views-package-dialog.vue +147 -147
package/src/components/list-search-content/modules/search-condition-area.vue +252 -252
package/src/components/list-search-content/modules/views-package-manage-dialog.vue +265 -265
package/src/components/switch.vue +16 -16
package/src/components.ts +67 -67
package/src/enum/system/StorageEnum.ts +4 -4
package/src/global.d.ts +19 -19
package/src/index.ts +4 -4
package/src/init.ts +37 -37
package/src/styles/common.scss +133 -133
package/src/styles/flex-common.scss +117 -117
package/src/styles/flexCommon.scss +72 -72
package/src/styles/main.css +277 -277
package/src/styles/router-page.scss +370 -370
package/src/styles/style-set.ts +809 -809
package/src/utils/HttpUtil.ts +427 -427
package/src/utils/base.ts +47 -47
package/src/utils/cell-style.ts +11 -11
package/src/utils/crypto.ts +98 -98
package/src/utils/dd-utils.ts +157 -157
package/src/utils/debounce.ts +35 -35
package/src/utils/debounceleading.ts +48 -48
package/src/utils/download.ts +38 -38
package/src/utils/exitLogin.ts +58 -58
package/src/utils/filter-key.ts +4 -4
package/src/utils/formatter-handler.ts +12 -12
package/src/utils/get-dict.ts +26 -26
package/src/utils/get-env.ts +36 -36
package/src/utils/login-path.ts +35 -35
package/src/utils/path-utils.ts +31 -31
package/src/utils/permit-utils.ts +68 -68
package/src/utils/router-utils.ts +321 -321
package/src/utils/string-utils.ts +166 -166
package/src/utils/style-set.ts +750 -750
package/src/utils/throttle.ts +62 -62
package/src/utils/transform-data.ts +31 -31
package/src/utils/validate.ts +92 -92
package/src/utils/ws.ts +218 -218
package/src/utils/wujie-son.ts +50 -50
package/src/utils.ts +24 -24

package/src/styles/style-set.ts CHANGED Viewed

@@ -1,809 +1,809 @@
-/** 设置全局变量的方法 - 黑夜模式，白天模式，调整字号等 */
-/** 设置白天模式 */
-export const setWhiteStyle = () => {
-  document.documentElement.classList.remove("dark");
-  document.documentElement.style.setProperty("--custom-page-mask", "#00000036");
-  document.documentElement.style.setProperty(
-    "--layout-header-bg-color",
-    "#F5F7FA"
-  );
-  /**按钮填充色 灰色*/
-  document.documentElement.style.setProperty(
-    "--el-fill-color-light",
-    "#F5F7FA"
-  );
-  /**审批组件按钮填充色 黑色*/
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-9",
-    "#ecf5ff"
-  );
-  /**审批组件按钮边框色 蓝色*/
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-5",
-    "#a0cfff"
-  );
-  /**按钮hover色 灰色*/
-  document.documentElement.style.setProperty(
-    "--el-fill-color",
-    "#f0f2f5"
-  );
-  /**按钮点击色 灰色*/
-  document.documentElement.style.setProperty(
-    "--el-fill-color-dark",
-    "#ebedf0"
-  );
-  //
-  /** 辅助色 - 蓝色  */
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-normal",
-    "#409EFF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-1",
-    "#337ECC"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-2",
-    "#70B6FF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-3",
-    "#96CAFF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-4",
-    "#B2D8FF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-5",
-    "#D9ECFF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-6",
-    "#EBF5FF"
-  );
-  /** 辅助色 - 绿色 - success*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-normal",
-    "#67C23A"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-1",
-    "#529B2E"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-2",
-    "#8DD16B"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-3",
-    "#ABDD92"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-4",
-    "#C2E7B0"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-5",
-    "#E0F3D7"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-6",
-    "#EFF9EB"
-  );
-  /** 辅助色 - 橘色 - warning*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-normal",
-    "#E6A23C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-1",
-    "#B88230"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-2",
-    "#ECB96D"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-3",
-    "#F1CC94"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-4",
-    "#F5DAB1"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-5",
-    "#FAECD8"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-6",
-    "#FDF6EB"
-  );
-  /** 辅助色 - 橘色 - error*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-normal",
-    "#F56C6C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-1",
-    "#C45656"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-2",
-    "#F79191"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-3",
-    "#F9AEAE"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-4",
-    "#FBC4C4"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-5",
-    "#FDE1E1"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-6",
-    "#FEF0F0"
-  );
-  /** 辅助色 - 灰色 - info*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-normal",
-    "#909399"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-1",
-    "#73767A"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-2",
-    "#ACAEB2"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-3",
-    "#C2C3C7"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-4",
-    "#D2D4D6"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-5",
-    "#E9E9EB"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-6",
-    "#F4F4F5"
-  );
-  /** 辅助色 - 文本色 */
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-1",
-    "#303133"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-2",
-    "#606266"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-3",
-    "#909399"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-4",
-    "#A8ABB2"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-5",
-    "#C0C4CC"
-  );
-  /** 辅助色 - 边框色 */
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-1",
-    "#CDD0D6"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-2",
-    "#D4D7DE"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-3",
-    "#DCDFE6"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-4",
-    "#E4E7ED"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-5",
-    "#EBEEF5"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-6",
-    "#F2F6FC"
-  );
-  /**边框色 - 饿了么 */
-  document.documentElement.style.setProperty(
-    "--el-border-color",
-    "#E4E7ED"
-  );
-  /** 辅助色 - 填充色 */
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-1",
-    "#E6E8EB"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-2",
-    "#EBEDF0"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-3",
-    "#F0F2F5"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-4",
-    "#F5F7FA"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-5",
-    "#FAFAFA"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-6",
-    "#FAFCFF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-7",
-    "#FFFFFF"
-  );
-  document.documentElement.style.setProperty("--mh-table-bg-color", "#f2f5f7");
-  document.documentElement.style.setProperty("--mh-table-text-color", "#676a6c");
-  document.documentElement.style.setProperty("--el-table-header-bg-color", "var(--mh-table-bg-color)");
-  document.documentElement.style.setProperty("--el-table-header-text-color", "var(--mh-table-text-color)");
-  /** 辅助色 - 背景色 */
-  document.documentElement.style.setProperty("--custom-theme-bg-1", "#000000");
-  document.documentElement.style.setProperty("--custom-theme-bg-2", "#F2F3F5");
-  document.documentElement.style.setProperty("--custom-theme-bg-3", "#FFFFFF");
-  /**辅助色饿了么组件 - 背景色 */
-  document.documentElement.style.setProperty("--el-fill-color-blank", "#FFFFFF");
-  /**饿了么组件白天模式 */
-  document.documentElement.style.setProperty("--el-disabled-bg-color", "#f5f7fa");
-  document.documentElement.style.setProperty("--el-disabled-border-color", "#e4e7ed");
-  document.documentElement.style.setProperty("--el-color-primary", "#409eff");
-  document.documentElement.style.setProperty("--el-color-primary-light-3", "#79bbff");
-  document.documentElement.style.setProperty("--el-color-primary-light-5", "#a0cfff");
-  document.documentElement.style.setProperty("--el-color-primary-light-7", "#c6e2ff");
-  document.documentElement.style.setProperty("--el-color-primary-light-8", "#d9ecff");
-  document.documentElement.style.setProperty("--el-color-primary-light-9", "#ecf5ff");
-  document.documentElement.style.setProperty("--el-color-primary-dark-2", "#337ecc");
-  document.documentElement.style.setProperty("--el-color-success", "#67c23a");
-  document.documentElement.style.setProperty("--el-color-success-light-3", "#95d475");
-  document.documentElement.style.setProperty("--el-color-success-light-5", "#b3e19d");
-  document.documentElement.style.setProperty("--el-color-success-light-7", "#d1edc4");
-  document.documentElement.style.setProperty("--el-color-success-light-8", "#e1f3d8");
-  document.documentElement.style.setProperty("--el-color-success-light-9", "#f0f9eb");
-  document.documentElement.style.setProperty("--el-color-success-dark-2", "#529b2e");
-  document.documentElement.style.setProperty("--el-color-warning", "#e6a23c");
-  document.documentElement.style.setProperty("--el-color-warning-light-3", "#eebe77");
-  document.documentElement.style.setProperty("--el-color-warning-light-5", "#f3d19e");
-  document.documentElement.style.setProperty("--el-color-warning-light-7", "#f8e3c5");
-  document.documentElement.style.setProperty("--el-color-warning-light-8", "#faecd8");
-  document.documentElement.style.setProperty("--el-color-warning-light-9", "#fdf6ec");
-  document.documentElement.style.setProperty("--el-color-warning-dark-2", "#b88230");
-  document.documentElement.style.setProperty("--el-color-danger", "#f56c6c");
-  document.documentElement.style.setProperty("--el-color-danger-light-3", "#f89898");
-  document.documentElement.style.setProperty("--el-color-danger-light-5", "#fab6b6");
-  document.documentElement.style.setProperty("--el-color-danger-light-7", "#fcd3d3");
-  document.documentElement.style.setProperty("--el-color-danger-light-8", "#fde2e2");
-  document.documentElement.style.setProperty("--el-color-danger-light-9", "#fef0f0");
-  document.documentElement.style.setProperty("--el-color-danger-dark-2", "#c45656");
-  document.documentElement.style.setProperty("--el-color-error", "#f56c6c");
-  document.documentElement.style.setProperty("--el-color-error-light-3", "#f89898");
-  document.documentElement.style.setProperty("--el-color-error-light-5", "#fab6b6");
-  document.documentElement.style.setProperty("--el-color-error-light-7", "#fcd3d3");
-  document.documentElement.style.setProperty("--el-color-error-light-8", "#fde2e2");
-  document.documentElement.style.setProperty("--el-color-error-light-9", "#fef0f0");
-  document.documentElement.style.setProperty("--el-color-error-dark-2", "#c45656");
-  document.documentElement.style.setProperty("--el-color-info", "#909399");
-  document.documentElement.style.setProperty("--el-color-info-light-3", "#b1b3b8");
-  document.documentElement.style.setProperty("--el-color-info-light-5", "#c8c9cc");
-  document.documentElement.style.setProperty("--el-color-info-light-7", "#dedfe0");
-  document.documentElement.style.setProperty("--el-color-info-light-8", "#e9e9eb");
-  document.documentElement.style.setProperty("--el-color-info-light-9", "#f4f4f5");
-  document.documentElement.style.setProperty("--el-color-info-dark-2", "#73767a");
-  document.documentElement.style.setProperty("--el-bg-color", "#ffffff");
-  document.documentElement.style.setProperty("--el-bg-color-page", "#f2f3f5");
-  document.documentElement.style.setProperty("--el-bg-color-overlay", "#ffffff");
-  document.documentElement.style.setProperty("--el-text-color-primary", "#303133");
-  document.documentElement.style.setProperty("--el-text-color-regular", "#606266");
-  document.documentElement.style.setProperty("--el-text-color-secondary", "#909399");
-  document.documentElement.style.setProperty("--el-text-color-placeholder", "#a8abb2");
-  document.documentElement.style.setProperty("--el-text-color-disabled", "#c0c4cc");
-  document.documentElement.style.setProperty("--el-border-color", "#dcdfe6");
-  document.documentElement.style.setProperty("--el-border-color-light", "#e4e7ed");
-  document.documentElement.style.setProperty("--el-border-color-lighter", "#ebeef5");
-  document.documentElement.style.setProperty("--el-border-color-extra-light", "#f2f6fc");
-  document.documentElement.style.setProperty("--el-border-color-dark", "#d4d7de");
-  document.documentElement.style.setProperty("--el-border-color-darker", "#cdd0d6");
-  document.documentElement.style.setProperty("--el-fill-color", "#f0f2f5");
-  document.documentElement.style.setProperty("--el-fill-color-light", "#f5f7fa");
-  document.documentElement.style.setProperty("--el-fill-color-lighter", "#fafafa");
-  document.documentElement.style.setProperty("--el-fill-color-extra-light", "#fafcff");
-  document.documentElement.style.setProperty("--el-fill-color-dark", "#ebedf0");
-  document.documentElement.style.setProperty("--el-fill-color-darker", "#e6e8eb");
-  document.documentElement.style.setProperty("--el-fill-color-blank", "#ffffff");
-  document.documentElement.style.setProperty("--el-box-shadow", "0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08)");
-  document.documentElement.style.setProperty("--el-box-shadow-light", "0px 0px 12px rgba(0, 0, 0, .12)");
-  document.documentElement.style.setProperty("--el-box-shadow-lighter", "0px 0px 6px rgba(0, 0, 0, .12)");
-  document.documentElement.style.setProperty("--el-box-shadow-dark", "0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)");
-  document.documentElement.style.setProperty("--el-disabled-bg-color", "var(--el-fill-color-light)");
-  document.documentElement.style.setProperty("--el-disabled-text-color", "var(--el-text-color-placeholder)");
-  document.documentElement.style.setProperty("--el-disabled-border-color", "var(--el-border-color-light)");
-  document.documentElement.style.setProperty("--el-overlay-color", "rgba(0, 0, 0, .8)");
-  document.documentElement.style.setProperty("--el-overlay-color-light", "rgba(0, 0, 0, .7)");
-  document.documentElement.style.setProperty("--el-overlay-color-lighter", "rgba(0, 0, 0, .5)");
-  document.documentElement.style.setProperty("--el-mask-color", "rgba(255, 255, 255, .9)");
-  document.documentElement.style.setProperty("--el-mask-color-extra-light", "rgba(255, 255, 255, .3)");
-  document.documentElement.style.setProperty("--el-border-width", "1px");
-  document.documentElement.style.setProperty("--el-border-style", "solid");
-  document.documentElement.style.setProperty("--el-border-color-hover", "var(--el-text-color-disabled)");
-  document.documentElement.style.setProperty("--el-border", "var(--el-border-width) var(--el-border-style) var(--el-border-color)");
-  document.documentElement.style.setProperty("--el-svg-monochrome-grey", "var(--el-border-color)");
-  /** Agoal OKR 模块 */
-  document.documentElement.style.setProperty("--agoal-bg", "#f8fafc");
-  document.documentElement.style.setProperty("--agoal-card", "#ffffff");
-  document.documentElement.style.setProperty("--agoal-border", "#e2e8f0");
-  document.documentElement.style.setProperty("--agoal-border-light", "#f1f5f9");
-  document.documentElement.style.setProperty("--agoal-text-primary", "#1e293b");
-  document.documentElement.style.setProperty("--agoal-text-secondary", "#64748b");
-  document.documentElement.style.setProperty("--agoal-text-muted", "#94a3b8");
-  document.documentElement.style.setProperty("--agoal-shadow-sm", "0 1px 2px rgba(0,0,0,0.05)");
-  document.documentElement.style.setProperty("--agoal-shadow-md", "0 4px 12px rgba(0,0,0,0.07)");
-  document.documentElement.style.setProperty("--agoal-shadow-lg", "0 8px 24px rgba(0,0,0,0.1)");
-  document.documentElement.style.setProperty("--agoal-fill", "#f5f7fa");
-  document.documentElement.style.setProperty("--agoal-hover-bg", "#f0fdfa");
-  document.documentElement.style.setProperty("--agoal-badge-bg", "#eff6ff");
-  document.documentElement.style.setProperty("--agoal-stat-sky-bg", "#e0f2fe");
-  document.documentElement.style.setProperty("--agoal-stat-sky-fg", "#0284c7");
-  document.documentElement.style.setProperty("--agoal-stat-blue-bg", "#dbeafe");
-  document.documentElement.style.setProperty("--agoal-stat-blue-fg", "#2563eb");
-  document.documentElement.style.setProperty("--agoal-stat-green-bg", "#d1fae5");
-  document.documentElement.style.setProperty("--agoal-stat-green-fg", "#059669");
-  document.documentElement.style.setProperty("--agoal-stat-amber-bg", "#fef3c7");
-  document.documentElement.style.setProperty("--agoal-stat-amber-fg", "#d97706");
-  document.documentElement.style.setProperty("--agoal-banner-bg", "#fef3c7");
-  document.documentElement.style.setProperty("--agoal-banner-border", "#fbbf24");
-  document.documentElement.style.setProperty("--agoal-banner-text", "#92400e");
-  document.documentElement.style.setProperty("--agoal-header-bg", "#dbeafe");
-  document.documentElement.style.setProperty("--agoal-header-text", "#1e40af");
-};
-/** 设置黑夜模式 */
-export const setDarkStyle = () => {
-  document.documentElement.classList.add("dark");
-  document.documentElement.style.setProperty("--custom-page-mask", "#00000036");
-  //头部背景色
-  document.documentElement.style.setProperty(
-    "--layout-header-bg-color",
-    "#262727"
-  );
-  /**按钮填充色 黑色*/
-  document.documentElement.style.setProperty(
-    "--el-fill-color-light",
-    "#262727"
-  );
-  /**审批组件按钮填充色 黑色*/
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-9",
-    "#18222c"
-  );
-  /**审批组件按钮边框色 蓝色*/
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-5",
-    "#2a598a"
-  );
-  /**按钮hover色 黑色*/
-  document.documentElement.style.setProperty(
-    "--el-fill-color",
-    "#303030"
-  );
-  /**按钮点击色 灰色*/
-  document.documentElement.style.setProperty(
-    "--el-fill-color-dark",
-    "#39393A"
-  );
-  /**时期选择组件背景色 黑色*/
-  document.documentElement.style.setProperty(
-    "--el-bg-color-overlay",
-    "#1d1e1f"
-  );
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-3",
-    "#3375b9"
-  );
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-5",
-    "#2a598a"
-  );
-  document.documentElement.style.setProperty(
-    "--el-color-primary-light-7",
-    "#213d5b"
-  );
-  /**饿了么组件黑夜颜色 */
-  document.documentElement.style.setProperty("--el-disabled-bg-color", "#262727");
-  document.documentElement.style.setProperty("--el-disabled-border-color", "#414243");
-  document.documentElement.style.setProperty("--el-color-primary-light-8", "#1d3043");
-  document.documentElement.style.setProperty("--el-color-primary-light-9", "#18222c");
-  document.documentElement.style.setProperty("--el-color-primary-dark-2", "#66b1ff");
-  document.documentElement.style.setProperty("--el-color-success", "#67c23a");
-  document.documentElement.style.setProperty("--el-color-success-light-3", "#4e8e2f");
-  document.documentElement.style.setProperty("--el-color-success-light-5", "#3e6b27");
-  document.documentElement.style.setProperty("--el-color-success-light-7", "#2d481f");
-  document.documentElement.style.setProperty("--el-color-success-light-8", "#25371c");
-  document.documentElement.style.setProperty("--el-color-success-light-9", "#1c2518");
-  document.documentElement.style.setProperty("--el-color-success-dark-2", "#85ce61");
-  document.documentElement.style.setProperty("--el-color-warning", "#e6a23c");
-  document.documentElement.style.setProperty("--el-color-warning-light-3", "#a77730");
-  document.documentElement.style.setProperty("--el-color-warning-light-5", "#7d5b28");
-  document.documentElement.style.setProperty("--el-color-warning-light-7", "#533f20");
-  document.documentElement.style.setProperty("--el-color-warning-light-8", "#3e301c");
-  document.documentElement.style.setProperty("--el-color-warning-light-9", "#292218");
-  document.documentElement.style.setProperty("--el-color-warning-dark-2", "#ebb563");
-  document.documentElement.style.setProperty("--el-color-danger", "#f56c6c");
-  document.documentElement.style.setProperty("--el-color-danger-light-3", "#b25252");
-  document.documentElement.style.setProperty("--el-color-danger-light-5", "#854040");
-  document.documentElement.style.setProperty("--el-color-danger-light-7", "#582e2e");
-  document.documentElement.style.setProperty("--el-color-danger-light-8", "#412626");
-  document.documentElement.style.setProperty("--el-color-danger-light-9", "#2b1d1d");
-  document.documentElement.style.setProperty("--el-color-danger-dark-2", "#f78989");
-  document.documentElement.style.setProperty("--el-color-error", "#f56c6c");
-  document.documentElement.style.setProperty("--el-color-error-light-3", "#b25252");
-  document.documentElement.style.setProperty("--el-color-error-light-5", "#854040");
-  document.documentElement.style.setProperty("--el-color-error-light-7", "#582e2e");
-  document.documentElement.style.setProperty("--el-color-error-light-8", "#412626");
-  document.documentElement.style.setProperty("--el-color-error-light-9", "#2b1d1d");
-  document.documentElement.style.setProperty("--el-color-error-dark-2", "#f78989");
-  document.documentElement.style.setProperty("--el-color-info", "#909399");
-  document.documentElement.style.setProperty("--el-color-info-light-3", "#6b6d71");
-  document.documentElement.style.setProperty("--el-color-info-light-5", "#525457");
-  document.documentElement.style.setProperty("--el-color-info-light-7", "#393a3c");
-  document.documentElement.style.setProperty("--el-color-info-light-8", "#2d2d2f");
-  document.documentElement.style.setProperty("--el-color-info-light-9", "#202121");
-  document.documentElement.style.setProperty("--el-color-info-dark-2", "#a6a9ad");
-  document.documentElement.style.setProperty("--el-box-shadow", "0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72)");
-  document.documentElement.style.setProperty("--el-box-shadow-light", "0px 0px 12px rgba(0, 0, 0, .72)");
-  document.documentElement.style.setProperty("--el-box-shadow-lighter", "0px 0px 6px rgba(0, 0, 0, .72)");
-  document.documentElement.style.setProperty("--el-box-shadow-dark", "0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000");
-  document.documentElement.style.setProperty("--el-bg-color-page", "#0a0a0a");
-  document.documentElement.style.setProperty("--el-bg-color", "#141414");
-  document.documentElement.style.setProperty("--el-bg-color-overlay", "#1d1e1f");
-  document.documentElement.style.setProperty("--el-text-color-primary", "#E5EAF3");
-  document.documentElement.style.setProperty("--el-text-color-regular", "#CFD3DC");
-  document.documentElement.style.setProperty("--el-text-color-secondary", "#A3A6AD");
-  document.documentElement.style.setProperty("--el-text-color-placeholder", "#8D9095");
-  document.documentElement.style.setProperty("--el-text-color-disabled", "#6C6E72");
-  document.documentElement.style.setProperty("--el-border-color-darker", "#636466");
-  document.documentElement.style.setProperty("--el-border-color-dark", "#58585B");
-  document.documentElement.style.setProperty("--el-border-color", "#4C4D4F");
-  document.documentElement.style.setProperty("--el-border-color-light", "#414243");
-  document.documentElement.style.setProperty("--el-border-color-lighter", "#363637");
-  document.documentElement.style.setProperty("--el-border-color-extra-light", "#2B2B2C");
-  document.documentElement.style.setProperty("--el-fill-color-darker", "#424243");
-  document.documentElement.style.setProperty("--el-fill-color-dark", "#39393A");
-  document.documentElement.style.setProperty("--el-fill-color", "#303030");
-  document.documentElement.style.setProperty("--el-fill-color-light", "#262727");
-  document.documentElement.style.setProperty("--el-fill-color-lighter", "#1D1D1D");
-  document.documentElement.style.setProperty("--el-fill-color-extra-light", "#191919");
-  document.documentElement.style.setProperty("--el-fill-color-blank", "transparent");
-  document.documentElement.style.setProperty("--el-mask-color", "rgba(0, 0, 0, .8)");
-  document.documentElement.style.setProperty("--el-mask-color-extra-light", "rgba(0, 0, 0, .3)");
-  /** 辅助色 - 蓝色  */
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-normal",
-    "#409EFF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-1",
-    "#66B1FF"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-2",
-    "#3375B9"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-3",
-    "#2A598A"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-4",
-    "#213D5B"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-5",
-    "#1D3043"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-normal-6",
-    "#18222C"
-  );
-  /** 辅助色 - 绿色 - success*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-normal",
-    "#67C23A"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-1",
-    "#85CE61"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-2",
-    "#4E8E2F"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-3",
-    "#3E6B27"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-4",
-    "#2D481F"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-5",
-    "#25371C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-success-6",
-    "#1C2518"
-  );
-  /** 辅助色 - 橘色 - warning*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-normal",
-    "#E6A23C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-1",
-    "#EBB563"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-2",
-    "#A77730"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-3",
-    "#7D5B28"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-4",
-    "#533F20"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-5",
-    "#3E301C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-warning-6",
-    "#292218"
-  );
-  /** 辅助色 - 红色 - error*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-normal",
-    "#F56C6C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-1",
-    "#F78989"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-2",
-    "#B25252"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-3",
-    "#854040"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-4",
-    "#582E2E"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-5",
-    "#412626"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-error-6",
-    "#2B1D1D"
-  );
-  /** 辅助色 - 灰色 - info*/
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-normal",
-    "#909399"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-1",
-    "#A6A9AD"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-2",
-    "#6B6D71"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-3",
-    "#525457"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-4",
-    "#393A3C"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-5",
-    "#2D2D2F"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-info-6",
-    "#202121"
-  );
-  /** 辅助色 - 文本色 */
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-1",
-    "#E5EAF3"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-2",
-    "#CFD3DC"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-3",
-    "#A3A6AD"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-4",
-    "#8D9095"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-text-5",
-    "#6C6E72"
-  );
-  /** 辅助色 - 边框色 */
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-1",
-    "#636466"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-2",
-    "#58585B"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-3",
-    "#4C4D4F"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-4",
-    "#414243"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-5",
-    "#363637"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-border-6",
-    "#2B2B2C"
-  );
-  /**边框色 - 饿了么 */
-  document.documentElement.style.setProperty(
-    "--el-border-color",
-    "#414243"
-  );
-  /** 辅助色 - 填充色 */
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-1",
-    "#424243"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-2",
-    "#39393A"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-3",
-    "#303030"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-4",
-    "#262727"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-5",
-    "#1D1D1D"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-6",
-    "#191919"
-  );
-  document.documentElement.style.setProperty(
-    "--custom-theme-fill-7",
-    "#141414"
-  );
-  document.documentElement.style.setProperty("--mh-table-bg-color", "#262727");
-  document.documentElement.style.setProperty("--mh-table-text-color", "#A3A6AD");
-  document.documentElement.style.setProperty("--el-table-header-bg-color", "var(--mh-table-bg-color)");
-  document.documentElement.style.setProperty("--el-table-header-text-color", "var(--mh-table-text-color)");
-  /** 辅助色 - 背景色 */
-  document.documentElement.style.setProperty("--custom-theme-bg-1", "#000000");
-  document.documentElement.style.setProperty("--custom-theme-bg-2", "#0A0A0A");
-  document.documentElement.style.setProperty("--custom-theme-bg-3", "#FFFFFF");
-  /**辅助色 - 背景色 */
-  document.documentElement.style.setProperty("--el-fill-color-blank", "#141414");
-  /** Agoal OKR 模块 */
-  document.documentElement.style.setProperty("--agoal-bg", "#0a0a0a");
-  document.documentElement.style.setProperty("--agoal-card", "#141414");
-  document.documentElement.style.setProperty("--agoal-border", "#4C4D4F");
-  document.documentElement.style.setProperty("--agoal-border-light", "#2B2B2C");
-  document.documentElement.style.setProperty("--agoal-text-primary", "#E5EAF3");
-  document.documentElement.style.setProperty("--agoal-text-secondary", "#A3A6AD");
-  document.documentElement.style.setProperty("--agoal-text-muted", "#8D9095");
-  document.documentElement.style.setProperty("--agoal-shadow-sm", "0 1px 2px rgba(0,0,0,0.3)");
-  document.documentElement.style.setProperty("--agoal-shadow-md", "0 4px 12px rgba(0,0,0,0.4)");
-  document.documentElement.style.setProperty("--agoal-shadow-lg", "0 8px 24px rgba(0,0,0,0.5)");
-  document.documentElement.style.setProperty("--agoal-fill", "#1d1e1f");
-  document.documentElement.style.setProperty("--agoal-hover-bg", "rgba(16,185,129,0.08)");
-  document.documentElement.style.setProperty("--agoal-badge-bg", "rgba(59,130,246,0.15)");
-  document.documentElement.style.setProperty("--agoal-stat-sky-bg", "#1a3a5c");
-  document.documentElement.style.setProperty("--agoal-stat-sky-fg", "#38bdf8");
-  document.documentElement.style.setProperty("--agoal-stat-blue-bg", "#1e3a5f");
-  document.documentElement.style.setProperty("--agoal-stat-blue-fg", "#60a5fa");
-  document.documentElement.style.setProperty("--agoal-stat-green-bg", "#14332a");
-  document.documentElement.style.setProperty("--agoal-stat-green-fg", "#34d399");
-  document.documentElement.style.setProperty("--agoal-stat-amber-bg", "#3b2f1a");
-  document.documentElement.style.setProperty("--agoal-stat-amber-fg", "#fbbf24");
-  document.documentElement.style.setProperty("--agoal-banner-bg", "#3b2f1a");
-  document.documentElement.style.setProperty("--agoal-banner-border", "#92400e");
-  document.documentElement.style.setProperty("--agoal-banner-text", "#fbbf24");
-  document.documentElement.style.setProperty("--agoal-header-text", "#60a5fa");
-  document.documentElement.style.setProperty("--agoal-header-bg", "#1e3a5f");
-};
-/**
- * 设置字号
- * @param mode  large 大号， middle 中号 small 小号
- * */
-export const setFontSizeMode = (mode: string) => {
-  //大标题 large
-  if (mode === 'large') {
-    document.documentElement.style.setProperty('--font-size-title', '26px');
-    document.documentElement.style.setProperty('--font-size-h1', '24px');
-    document.documentElement.style.setProperty('--font-size-h2', '22px');
-    document.documentElement.style.setProperty('--font-size-body', '20px');
-    document.documentElement.style.setProperty('--font-size-description', '18px');
-    document.documentElement.style.setProperty('--font-size-footnote', '16px');
-    document.documentElement.style.setProperty('--el-font-size-base', '18px');
-    document.documentElement.style.setProperty('--el-font-size-base', '18px');
-    document.documentElement.style.setProperty('--el-form-label-font-size', '18px');
-    document.documentElement.style.setProperty('--font-size', '18px');
-  } else if (mode === 'medium') {
-    document.documentElement.style.setProperty('--font-size-title', '24px');
-    document.documentElement.style.setProperty('--font-size-h1', '20px');
-    document.documentElement.style.setProperty('--font-size-h2', '18px');
-    document.documentElement.style.setProperty('--font-size-body', '16px');
-    document.documentElement.style.setProperty('--font-size-description', '14px');
-    document.documentElement.style.setProperty('--font-size-footnote', '12px');
-    document.documentElement.style.setProperty('--el-font-size-base', '14px');
-    document.documentElement.style.setProperty('--el-form-label-font-size', '14px');
-    document.documentElement.style.setProperty('--font-size', '14px');
-  } else if (mode === 'small') {
-    document.documentElement.style.setProperty('--font-size-title', '20px');
-    document.documentElement.style.setProperty('--font-size-h1', '18px');
-    document.documentElement.style.setProperty('--font-size-h2', '16px');
-    document.documentElement.style.setProperty('--font-size-body', '14px');
-    document.documentElement.style.setProperty('--font-size-description', '12px');
-    document.documentElement.style.setProperty('--font-size-footnote', '12px');
-    document.documentElement.style.setProperty('--el-font-size-base', '12px');
-    document.documentElement.style.setProperty('--el-form-label-font-size', '12px');
-    document.documentElement.style.setProperty('--font-size', '12px');
-  }
-};
+/** 设置全局变量的方法 - 黑夜模式，白天模式，调整字号等 */
+/** 设置白天模式 */
+export const setWhiteStyle = () => {
+  document.documentElement.classList.remove("dark");
+  document.documentElement.style.setProperty("--custom-page-mask", "#00000036");
+  document.documentElement.style.setProperty(
+    "--layout-header-bg-color",
+    "#F5F7FA"
+  );
+  /**按钮填充色 灰色*/
+  document.documentElement.style.setProperty(
+    "--el-fill-color-light",
+    "#F5F7FA"
+  );
+  /**审批组件按钮填充色 黑色*/
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-9",
+    "#ecf5ff"
+  );
+  /**审批组件按钮边框色 蓝色*/
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-5",
+    "#a0cfff"
+  );
+  /**按钮hover色 灰色*/
+  document.documentElement.style.setProperty(
+    "--el-fill-color",
+    "#f0f2f5"
+  );
+  /**按钮点击色 灰色*/
+  document.documentElement.style.setProperty(
+    "--el-fill-color-dark",
+    "#ebedf0"
+  );
+  //
+  /** 辅助色 - 蓝色  */
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-normal",
+    "#409EFF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-1",
+    "#337ECC"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-2",
+    "#70B6FF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-3",
+    "#96CAFF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-4",
+    "#B2D8FF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-5",
+    "#D9ECFF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-6",
+    "#EBF5FF"
+  );
+  /** 辅助色 - 绿色 - success*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-normal",
+    "#67C23A"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-1",
+    "#529B2E"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-2",
+    "#8DD16B"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-3",
+    "#ABDD92"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-4",
+    "#C2E7B0"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-5",
+    "#E0F3D7"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-6",
+    "#EFF9EB"
+  );
+  /** 辅助色 - 橘色 - warning*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-normal",
+    "#E6A23C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-1",
+    "#B88230"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-2",
+    "#ECB96D"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-3",
+    "#F1CC94"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-4",
+    "#F5DAB1"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-5",
+    "#FAECD8"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-6",
+    "#FDF6EB"
+  );
+  /** 辅助色 - 橘色 - error*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-normal",
+    "#F56C6C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-1",
+    "#C45656"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-2",
+    "#F79191"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-3",
+    "#F9AEAE"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-4",
+    "#FBC4C4"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-5",
+    "#FDE1E1"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-6",
+    "#FEF0F0"
+  );
+  /** 辅助色 - 灰色 - info*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-normal",
+    "#909399"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-1",
+    "#73767A"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-2",
+    "#ACAEB2"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-3",
+    "#C2C3C7"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-4",
+    "#D2D4D6"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-5",
+    "#E9E9EB"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-6",
+    "#F4F4F5"
+  );
+  /** 辅助色 - 文本色 */
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-1",
+    "#303133"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-2",
+    "#606266"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-3",
+    "#909399"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-4",
+    "#A8ABB2"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-5",
+    "#C0C4CC"
+  );
+  /** 辅助色 - 边框色 */
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-1",
+    "#CDD0D6"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-2",
+    "#D4D7DE"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-3",
+    "#DCDFE6"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-4",
+    "#E4E7ED"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-5",
+    "#EBEEF5"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-6",
+    "#F2F6FC"
+  );
+  /**边框色 - 饿了么 */
+  document.documentElement.style.setProperty(
+    "--el-border-color",
+    "#E4E7ED"
+  );
+  /** 辅助色 - 填充色 */
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-1",
+    "#E6E8EB"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-2",
+    "#EBEDF0"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-3",
+    "#F0F2F5"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-4",
+    "#F5F7FA"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-5",
+    "#FAFAFA"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-6",
+    "#FAFCFF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-7",
+    "#FFFFFF"
+  );
+  document.documentElement.style.setProperty("--mh-table-bg-color", "#f2f5f7");
+  document.documentElement.style.setProperty("--mh-table-text-color", "#676a6c");
+  document.documentElement.style.setProperty("--el-table-header-bg-color", "var(--mh-table-bg-color)");
+  document.documentElement.style.setProperty("--el-table-header-text-color", "var(--mh-table-text-color)");
+  /** 辅助色 - 背景色 */
+  document.documentElement.style.setProperty("--custom-theme-bg-1", "#000000");
+  document.documentElement.style.setProperty("--custom-theme-bg-2", "#F2F3F5");
+  document.documentElement.style.setProperty("--custom-theme-bg-3", "#FFFFFF");
+  /**辅助色饿了么组件 - 背景色 */
+  document.documentElement.style.setProperty("--el-fill-color-blank", "#FFFFFF");
+  /**饿了么组件白天模式 */
+  document.documentElement.style.setProperty("--el-disabled-bg-color", "#f5f7fa");
+  document.documentElement.style.setProperty("--el-disabled-border-color", "#e4e7ed");
+  document.documentElement.style.setProperty("--el-color-primary", "#409eff");
+  document.documentElement.style.setProperty("--el-color-primary-light-3", "#79bbff");
+  document.documentElement.style.setProperty("--el-color-primary-light-5", "#a0cfff");
+  document.documentElement.style.setProperty("--el-color-primary-light-7", "#c6e2ff");
+  document.documentElement.style.setProperty("--el-color-primary-light-8", "#d9ecff");
+  document.documentElement.style.setProperty("--el-color-primary-light-9", "#ecf5ff");
+  document.documentElement.style.setProperty("--el-color-primary-dark-2", "#337ecc");
+  document.documentElement.style.setProperty("--el-color-success", "#67c23a");
+  document.documentElement.style.setProperty("--el-color-success-light-3", "#95d475");
+  document.documentElement.style.setProperty("--el-color-success-light-5", "#b3e19d");
+  document.documentElement.style.setProperty("--el-color-success-light-7", "#d1edc4");
+  document.documentElement.style.setProperty("--el-color-success-light-8", "#e1f3d8");
+  document.documentElement.style.setProperty("--el-color-success-light-9", "#f0f9eb");
+  document.documentElement.style.setProperty("--el-color-success-dark-2", "#529b2e");
+  document.documentElement.style.setProperty("--el-color-warning", "#e6a23c");
+  document.documentElement.style.setProperty("--el-color-warning-light-3", "#eebe77");
+  document.documentElement.style.setProperty("--el-color-warning-light-5", "#f3d19e");
+  document.documentElement.style.setProperty("--el-color-warning-light-7", "#f8e3c5");
+  document.documentElement.style.setProperty("--el-color-warning-light-8", "#faecd8");
+  document.documentElement.style.setProperty("--el-color-warning-light-9", "#fdf6ec");
+  document.documentElement.style.setProperty("--el-color-warning-dark-2", "#b88230");
+  document.documentElement.style.setProperty("--el-color-danger", "#f56c6c");
+  document.documentElement.style.setProperty("--el-color-danger-light-3", "#f89898");
+  document.documentElement.style.setProperty("--el-color-danger-light-5", "#fab6b6");
+  document.documentElement.style.setProperty("--el-color-danger-light-7", "#fcd3d3");
+  document.documentElement.style.setProperty("--el-color-danger-light-8", "#fde2e2");
+  document.documentElement.style.setProperty("--el-color-danger-light-9", "#fef0f0");
+  document.documentElement.style.setProperty("--el-color-danger-dark-2", "#c45656");
+  document.documentElement.style.setProperty("--el-color-error", "#f56c6c");
+  document.documentElement.style.setProperty("--el-color-error-light-3", "#f89898");
+  document.documentElement.style.setProperty("--el-color-error-light-5", "#fab6b6");
+  document.documentElement.style.setProperty("--el-color-error-light-7", "#fcd3d3");
+  document.documentElement.style.setProperty("--el-color-error-light-8", "#fde2e2");
+  document.documentElement.style.setProperty("--el-color-error-light-9", "#fef0f0");
+  document.documentElement.style.setProperty("--el-color-error-dark-2", "#c45656");
+  document.documentElement.style.setProperty("--el-color-info", "#909399");
+  document.documentElement.style.setProperty("--el-color-info-light-3", "#b1b3b8");
+  document.documentElement.style.setProperty("--el-color-info-light-5", "#c8c9cc");
+  document.documentElement.style.setProperty("--el-color-info-light-7", "#dedfe0");
+  document.documentElement.style.setProperty("--el-color-info-light-8", "#e9e9eb");
+  document.documentElement.style.setProperty("--el-color-info-light-9", "#f4f4f5");
+  document.documentElement.style.setProperty("--el-color-info-dark-2", "#73767a");
+  document.documentElement.style.setProperty("--el-bg-color", "#ffffff");
+  document.documentElement.style.setProperty("--el-bg-color-page", "#f2f3f5");
+  document.documentElement.style.setProperty("--el-bg-color-overlay", "#ffffff");
+  document.documentElement.style.setProperty("--el-text-color-primary", "#303133");
+  document.documentElement.style.setProperty("--el-text-color-regular", "#606266");
+  document.documentElement.style.setProperty("--el-text-color-secondary", "#909399");
+  document.documentElement.style.setProperty("--el-text-color-placeholder", "#a8abb2");
+  document.documentElement.style.setProperty("--el-text-color-disabled", "#c0c4cc");
+  document.documentElement.style.setProperty("--el-border-color", "#dcdfe6");
+  document.documentElement.style.setProperty("--el-border-color-light", "#e4e7ed");
+  document.documentElement.style.setProperty("--el-border-color-lighter", "#ebeef5");
+  document.documentElement.style.setProperty("--el-border-color-extra-light", "#f2f6fc");
+  document.documentElement.style.setProperty("--el-border-color-dark", "#d4d7de");
+  document.documentElement.style.setProperty("--el-border-color-darker", "#cdd0d6");
+  document.documentElement.style.setProperty("--el-fill-color", "#f0f2f5");
+  document.documentElement.style.setProperty("--el-fill-color-light", "#f5f7fa");
+  document.documentElement.style.setProperty("--el-fill-color-lighter", "#fafafa");
+  document.documentElement.style.setProperty("--el-fill-color-extra-light", "#fafcff");
+  document.documentElement.style.setProperty("--el-fill-color-dark", "#ebedf0");
+  document.documentElement.style.setProperty("--el-fill-color-darker", "#e6e8eb");
+  document.documentElement.style.setProperty("--el-fill-color-blank", "#ffffff");
+  document.documentElement.style.setProperty("--el-box-shadow", "0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08)");
+  document.documentElement.style.setProperty("--el-box-shadow-light", "0px 0px 12px rgba(0, 0, 0, .12)");
+  document.documentElement.style.setProperty("--el-box-shadow-lighter", "0px 0px 6px rgba(0, 0, 0, .12)");
+  document.documentElement.style.setProperty("--el-box-shadow-dark", "0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)");
+  document.documentElement.style.setProperty("--el-disabled-bg-color", "var(--el-fill-color-light)");
+  document.documentElement.style.setProperty("--el-disabled-text-color", "var(--el-text-color-placeholder)");
+  document.documentElement.style.setProperty("--el-disabled-border-color", "var(--el-border-color-light)");
+  document.documentElement.style.setProperty("--el-overlay-color", "rgba(0, 0, 0, .8)");
+  document.documentElement.style.setProperty("--el-overlay-color-light", "rgba(0, 0, 0, .7)");
+  document.documentElement.style.setProperty("--el-overlay-color-lighter", "rgba(0, 0, 0, .5)");
+  document.documentElement.style.setProperty("--el-mask-color", "rgba(255, 255, 255, .9)");
+  document.documentElement.style.setProperty("--el-mask-color-extra-light", "rgba(255, 255, 255, .3)");
+  document.documentElement.style.setProperty("--el-border-width", "1px");
+  document.documentElement.style.setProperty("--el-border-style", "solid");
+  document.documentElement.style.setProperty("--el-border-color-hover", "var(--el-text-color-disabled)");
+  document.documentElement.style.setProperty("--el-border", "var(--el-border-width) var(--el-border-style) var(--el-border-color)");
+  document.documentElement.style.setProperty("--el-svg-monochrome-grey", "var(--el-border-color)");
+  /** Agoal OKR 模块 */
+  document.documentElement.style.setProperty("--agoal-bg", "#f8fafc");
+  document.documentElement.style.setProperty("--agoal-card", "#ffffff");
+  document.documentElement.style.setProperty("--agoal-border", "#e2e8f0");
+  document.documentElement.style.setProperty("--agoal-border-light", "#f1f5f9");
+  document.documentElement.style.setProperty("--agoal-text-primary", "#1e293b");
+  document.documentElement.style.setProperty("--agoal-text-secondary", "#64748b");
+  document.documentElement.style.setProperty("--agoal-text-muted", "#94a3b8");
+  document.documentElement.style.setProperty("--agoal-shadow-sm", "0 1px 2px rgba(0,0,0,0.05)");
+  document.documentElement.style.setProperty("--agoal-shadow-md", "0 4px 12px rgba(0,0,0,0.07)");
+  document.documentElement.style.setProperty("--agoal-shadow-lg", "0 8px 24px rgba(0,0,0,0.1)");
+  document.documentElement.style.setProperty("--agoal-fill", "#f5f7fa");
+  document.documentElement.style.setProperty("--agoal-hover-bg", "#f0fdfa");
+  document.documentElement.style.setProperty("--agoal-badge-bg", "#eff6ff");
+  document.documentElement.style.setProperty("--agoal-stat-sky-bg", "#e0f2fe");
+  document.documentElement.style.setProperty("--agoal-stat-sky-fg", "#0284c7");
+  document.documentElement.style.setProperty("--agoal-stat-blue-bg", "#dbeafe");
+  document.documentElement.style.setProperty("--agoal-stat-blue-fg", "#2563eb");
+  document.documentElement.style.setProperty("--agoal-stat-green-bg", "#d1fae5");
+  document.documentElement.style.setProperty("--agoal-stat-green-fg", "#059669");
+  document.documentElement.style.setProperty("--agoal-stat-amber-bg", "#fef3c7");
+  document.documentElement.style.setProperty("--agoal-stat-amber-fg", "#d97706");
+  document.documentElement.style.setProperty("--agoal-banner-bg", "#fef3c7");
+  document.documentElement.style.setProperty("--agoal-banner-border", "#fbbf24");
+  document.documentElement.style.setProperty("--agoal-banner-text", "#92400e");
+  document.documentElement.style.setProperty("--agoal-header-bg", "#dbeafe");
+  document.documentElement.style.setProperty("--agoal-header-text", "#1e40af");
+};
+/** 设置黑夜模式 */
+export const setDarkStyle = () => {
+  document.documentElement.classList.add("dark");
+  document.documentElement.style.setProperty("--custom-page-mask", "#00000036");
+  //头部背景色
+  document.documentElement.style.setProperty(
+    "--layout-header-bg-color",
+    "#262727"
+  );
+  /**按钮填充色 黑色*/
+  document.documentElement.style.setProperty(
+    "--el-fill-color-light",
+    "#262727"
+  );
+  /**审批组件按钮填充色 黑色*/
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-9",
+    "#18222c"
+  );
+  /**审批组件按钮边框色 蓝色*/
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-5",
+    "#2a598a"
+  );
+  /**按钮hover色 黑色*/
+  document.documentElement.style.setProperty(
+    "--el-fill-color",
+    "#303030"
+  );
+  /**按钮点击色 灰色*/
+  document.documentElement.style.setProperty(
+    "--el-fill-color-dark",
+    "#39393A"
+  );
+  /**时期选择组件背景色 黑色*/
+  document.documentElement.style.setProperty(
+    "--el-bg-color-overlay",
+    "#1d1e1f"
+  );
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-3",
+    "#3375b9"
+  );
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-5",
+    "#2a598a"
+  );
+  document.documentElement.style.setProperty(
+    "--el-color-primary-light-7",
+    "#213d5b"
+  );
+  /**饿了么组件黑夜颜色 */
+  document.documentElement.style.setProperty("--el-disabled-bg-color", "#262727");
+  document.documentElement.style.setProperty("--el-disabled-border-color", "#414243");
+  document.documentElement.style.setProperty("--el-color-primary-light-8", "#1d3043");
+  document.documentElement.style.setProperty("--el-color-primary-light-9", "#18222c");
+  document.documentElement.style.setProperty("--el-color-primary-dark-2", "#66b1ff");
+  document.documentElement.style.setProperty("--el-color-success", "#67c23a");
+  document.documentElement.style.setProperty("--el-color-success-light-3", "#4e8e2f");
+  document.documentElement.style.setProperty("--el-color-success-light-5", "#3e6b27");
+  document.documentElement.style.setProperty("--el-color-success-light-7", "#2d481f");
+  document.documentElement.style.setProperty("--el-color-success-light-8", "#25371c");
+  document.documentElement.style.setProperty("--el-color-success-light-9", "#1c2518");
+  document.documentElement.style.setProperty("--el-color-success-dark-2", "#85ce61");
+  document.documentElement.style.setProperty("--el-color-warning", "#e6a23c");
+  document.documentElement.style.setProperty("--el-color-warning-light-3", "#a77730");
+  document.documentElement.style.setProperty("--el-color-warning-light-5", "#7d5b28");
+  document.documentElement.style.setProperty("--el-color-warning-light-7", "#533f20");
+  document.documentElement.style.setProperty("--el-color-warning-light-8", "#3e301c");
+  document.documentElement.style.setProperty("--el-color-warning-light-9", "#292218");
+  document.documentElement.style.setProperty("--el-color-warning-dark-2", "#ebb563");
+  document.documentElement.style.setProperty("--el-color-danger", "#f56c6c");
+  document.documentElement.style.setProperty("--el-color-danger-light-3", "#b25252");
+  document.documentElement.style.setProperty("--el-color-danger-light-5", "#854040");
+  document.documentElement.style.setProperty("--el-color-danger-light-7", "#582e2e");
+  document.documentElement.style.setProperty("--el-color-danger-light-8", "#412626");
+  document.documentElement.style.setProperty("--el-color-danger-light-9", "#2b1d1d");
+  document.documentElement.style.setProperty("--el-color-danger-dark-2", "#f78989");
+  document.documentElement.style.setProperty("--el-color-error", "#f56c6c");
+  document.documentElement.style.setProperty("--el-color-error-light-3", "#b25252");
+  document.documentElement.style.setProperty("--el-color-error-light-5", "#854040");
+  document.documentElement.style.setProperty("--el-color-error-light-7", "#582e2e");
+  document.documentElement.style.setProperty("--el-color-error-light-8", "#412626");
+  document.documentElement.style.setProperty("--el-color-error-light-9", "#2b1d1d");
+  document.documentElement.style.setProperty("--el-color-error-dark-2", "#f78989");
+  document.documentElement.style.setProperty("--el-color-info", "#909399");
+  document.documentElement.style.setProperty("--el-color-info-light-3", "#6b6d71");
+  document.documentElement.style.setProperty("--el-color-info-light-5", "#525457");
+  document.documentElement.style.setProperty("--el-color-info-light-7", "#393a3c");
+  document.documentElement.style.setProperty("--el-color-info-light-8", "#2d2d2f");
+  document.documentElement.style.setProperty("--el-color-info-light-9", "#202121");
+  document.documentElement.style.setProperty("--el-color-info-dark-2", "#a6a9ad");
+  document.documentElement.style.setProperty("--el-box-shadow", "0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72)");
+  document.documentElement.style.setProperty("--el-box-shadow-light", "0px 0px 12px rgba(0, 0, 0, .72)");
+  document.documentElement.style.setProperty("--el-box-shadow-lighter", "0px 0px 6px rgba(0, 0, 0, .72)");
+  document.documentElement.style.setProperty("--el-box-shadow-dark", "0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000");
+  document.documentElement.style.setProperty("--el-bg-color-page", "#0a0a0a");
+  document.documentElement.style.setProperty("--el-bg-color", "#141414");
+  document.documentElement.style.setProperty("--el-bg-color-overlay", "#1d1e1f");
+  document.documentElement.style.setProperty("--el-text-color-primary", "#E5EAF3");
+  document.documentElement.style.setProperty("--el-text-color-regular", "#CFD3DC");
+  document.documentElement.style.setProperty("--el-text-color-secondary", "#A3A6AD");
+  document.documentElement.style.setProperty("--el-text-color-placeholder", "#8D9095");
+  document.documentElement.style.setProperty("--el-text-color-disabled", "#6C6E72");
+  document.documentElement.style.setProperty("--el-border-color-darker", "#636466");
+  document.documentElement.style.setProperty("--el-border-color-dark", "#58585B");
+  document.documentElement.style.setProperty("--el-border-color", "#4C4D4F");
+  document.documentElement.style.setProperty("--el-border-color-light", "#414243");
+  document.documentElement.style.setProperty("--el-border-color-lighter", "#363637");
+  document.documentElement.style.setProperty("--el-border-color-extra-light", "#2B2B2C");
+  document.documentElement.style.setProperty("--el-fill-color-darker", "#424243");
+  document.documentElement.style.setProperty("--el-fill-color-dark", "#39393A");
+  document.documentElement.style.setProperty("--el-fill-color", "#303030");
+  document.documentElement.style.setProperty("--el-fill-color-light", "#262727");
+  document.documentElement.style.setProperty("--el-fill-color-lighter", "#1D1D1D");
+  document.documentElement.style.setProperty("--el-fill-color-extra-light", "#191919");
+  document.documentElement.style.setProperty("--el-fill-color-blank", "transparent");
+  document.documentElement.style.setProperty("--el-mask-color", "rgba(0, 0, 0, .8)");
+  document.documentElement.style.setProperty("--el-mask-color-extra-light", "rgba(0, 0, 0, .3)");
+  /** 辅助色 - 蓝色  */
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-normal",
+    "#409EFF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-1",
+    "#66B1FF"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-2",
+    "#3375B9"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-3",
+    "#2A598A"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-4",
+    "#213D5B"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-5",
+    "#1D3043"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-6",
+    "#18222C"
+  );
+  /** 辅助色 - 绿色 - success*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-normal",
+    "#67C23A"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-1",
+    "#85CE61"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-2",
+    "#4E8E2F"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-3",
+    "#3E6B27"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-4",
+    "#2D481F"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-5",
+    "#25371C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-6",
+    "#1C2518"
+  );
+  /** 辅助色 - 橘色 - warning*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-normal",
+    "#E6A23C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-1",
+    "#EBB563"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-2",
+    "#A77730"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-3",
+    "#7D5B28"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-4",
+    "#533F20"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-5",
+    "#3E301C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-6",
+    "#292218"
+  );
+  /** 辅助色 - 红色 - error*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-normal",
+    "#F56C6C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-1",
+    "#F78989"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-2",
+    "#B25252"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-3",
+    "#854040"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-4",
+    "#582E2E"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-5",
+    "#412626"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-error-6",
+    "#2B1D1D"
+  );
+  /** 辅助色 - 灰色 - info*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-normal",
+    "#909399"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-1",
+    "#A6A9AD"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-2",
+    "#6B6D71"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-3",
+    "#525457"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-4",
+    "#393A3C"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-5",
+    "#2D2D2F"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-info-6",
+    "#202121"
+  );
+  /** 辅助色 - 文本色 */
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-1",
+    "#E5EAF3"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-2",
+    "#CFD3DC"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-3",
+    "#A3A6AD"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-4",
+    "#8D9095"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-text-5",
+    "#6C6E72"
+  );
+  /** 辅助色 - 边框色 */
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-1",
+    "#636466"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-2",
+    "#58585B"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-3",
+    "#4C4D4F"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-4",
+    "#414243"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-5",
+    "#363637"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-border-6",
+    "#2B2B2C"
+  );
+  /**边框色 - 饿了么 */
+  document.documentElement.style.setProperty(
+    "--el-border-color",
+    "#414243"
+  );
+  /** 辅助色 - 填充色 */
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-1",
+    "#424243"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-2",
+    "#39393A"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-3",
+    "#303030"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-4",
+    "#262727"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-5",
+    "#1D1D1D"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-6",
+    "#191919"
+  );
+  document.documentElement.style.setProperty(
+    "--custom-theme-fill-7",
+    "#141414"
+  );
+  document.documentElement.style.setProperty("--mh-table-bg-color", "#262727");
+  document.documentElement.style.setProperty("--mh-table-text-color", "#A3A6AD");
+  document.documentElement.style.setProperty("--el-table-header-bg-color", "var(--mh-table-bg-color)");
+  document.documentElement.style.setProperty("--el-table-header-text-color", "var(--mh-table-text-color)");
+  /** 辅助色 - 背景色 */
+  document.documentElement.style.setProperty("--custom-theme-bg-1", "#000000");
+  document.documentElement.style.setProperty("--custom-theme-bg-2", "#0A0A0A");
+  document.documentElement.style.setProperty("--custom-theme-bg-3", "#FFFFFF");
+  /**辅助色 - 背景色 */
+  document.documentElement.style.setProperty("--el-fill-color-blank", "#141414");
+  /** Agoal OKR 模块 */
+  document.documentElement.style.setProperty("--agoal-bg", "#0a0a0a");
+  document.documentElement.style.setProperty("--agoal-card", "#141414");
+  document.documentElement.style.setProperty("--agoal-border", "#4C4D4F");
+  document.documentElement.style.setProperty("--agoal-border-light", "#2B2B2C");
+  document.documentElement.style.setProperty("--agoal-text-primary", "#E5EAF3");
+  document.documentElement.style.setProperty("--agoal-text-secondary", "#A3A6AD");
+  document.documentElement.style.setProperty("--agoal-text-muted", "#8D9095");
+  document.documentElement.style.setProperty("--agoal-shadow-sm", "0 1px 2px rgba(0,0,0,0.3)");
+  document.documentElement.style.setProperty("--agoal-shadow-md", "0 4px 12px rgba(0,0,0,0.4)");
+  document.documentElement.style.setProperty("--agoal-shadow-lg", "0 8px 24px rgba(0,0,0,0.5)");
+  document.documentElement.style.setProperty("--agoal-fill", "#1d1e1f");
+  document.documentElement.style.setProperty("--agoal-hover-bg", "rgba(16,185,129,0.08)");
+  document.documentElement.style.setProperty("--agoal-badge-bg", "rgba(59,130,246,0.15)");
+  document.documentElement.style.setProperty("--agoal-stat-sky-bg", "#1a3a5c");
+  document.documentElement.style.setProperty("--agoal-stat-sky-fg", "#38bdf8");
+  document.documentElement.style.setProperty("--agoal-stat-blue-bg", "#1e3a5f");
+  document.documentElement.style.setProperty("--agoal-stat-blue-fg", "#60a5fa");
+  document.documentElement.style.setProperty("--agoal-stat-green-bg", "#14332a");
+  document.documentElement.style.setProperty("--agoal-stat-green-fg", "#34d399");
+  document.documentElement.style.setProperty("--agoal-stat-amber-bg", "#3b2f1a");
+  document.documentElement.style.setProperty("--agoal-stat-amber-fg", "#fbbf24");
+  document.documentElement.style.setProperty("--agoal-banner-bg", "#3b2f1a");
+  document.documentElement.style.setProperty("--agoal-banner-border", "#92400e");
+  document.documentElement.style.setProperty("--agoal-banner-text", "#fbbf24");
+  document.documentElement.style.setProperty("--agoal-header-text", "#60a5fa");
+  document.documentElement.style.setProperty("--agoal-header-bg", "#1e3a5f");
+};
+/**
+ * 设置字号
+ * @param mode  large 大号， middle 中号 small 小号
+ * */
+export const setFontSizeMode = (mode: string) => {
+  //大标题 large
+  if (mode === 'large') {
+    document.documentElement.style.setProperty('--font-size-title', '26px');
+    document.documentElement.style.setProperty('--font-size-h1', '24px');
+    document.documentElement.style.setProperty('--font-size-h2', '22px');
+    document.documentElement.style.setProperty('--font-size-body', '20px');
+    document.documentElement.style.setProperty('--font-size-description', '18px');
+    document.documentElement.style.setProperty('--font-size-footnote', '16px');
+    document.documentElement.style.setProperty('--el-font-size-base', '18px');
+    document.documentElement.style.setProperty('--el-font-size-base', '18px');
+    document.documentElement.style.setProperty('--el-form-label-font-size', '18px');
+    document.documentElement.style.setProperty('--font-size', '18px');
+  } else if (mode === 'medium') {
+    document.documentElement.style.setProperty('--font-size-title', '24px');
+    document.documentElement.style.setProperty('--font-size-h1', '20px');
+    document.documentElement.style.setProperty('--font-size-h2', '18px');
+    document.documentElement.style.setProperty('--font-size-body', '16px');
+    document.documentElement.style.setProperty('--font-size-description', '14px');
+    document.documentElement.style.setProperty('--font-size-footnote', '12px');
+    document.documentElement.style.setProperty('--el-font-size-base', '14px');
+    document.documentElement.style.setProperty('--el-form-label-font-size', '14px');
+    document.documentElement.style.setProperty('--font-size', '14px');
+  } else if (mode === 'small') {
+    document.documentElement.style.setProperty('--font-size-title', '20px');
+    document.documentElement.style.setProperty('--font-size-h1', '18px');
+    document.documentElement.style.setProperty('--font-size-h2', '16px');
+    document.documentElement.style.setProperty('--font-size-body', '14px');
+    document.documentElement.style.setProperty('--font-size-description', '12px');
+    document.documentElement.style.setProperty('--font-size-footnote', '12px');
+    document.documentElement.style.setProperty('--el-font-size-base', '12px');
+    document.documentElement.style.setProperty('--el-form-label-font-size', '12px');
+    document.documentElement.style.setProperty('--font-size', '12px');
+  }
+};