hrp-ui-base 1.0.1 → 1.0.3

package/src/assets/layout/switch-sun.svg

@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f5f7fa;
+      }
+
+      .cls-1, .cls-2 {
+        stroke: #f5f7fa;
+      }
+
+      .cls-2, .cls-4 {
+        fill: none;
+      }
+
+      .cls-2 {
+        stroke-linecap: round;
+      }
+
+      .cls-3 {
+        stroke: none;
+      }
+    </style>
+  </defs>
+  <g id="组_62" data-name="组 62" transform="translate(-1750.5 -24.5)">
+    <g id="组_54" data-name="组 54" transform="translate(-1 5)">
+      <g id="椭圆_52" data-name="椭圆 52" class="cls-1" transform="translate(1755 23)">
+        <circle class="cls-3" cx="5.5" cy="5.5" r="5.5"/>
+        <circle class="cls-4" cx="5.5" cy="5.5" r="5"/>
+      </g>
+      <line id="直线_17" data-name="直线 17" class="cls-2" y1="2" transform="translate(1760.5 20)"/>
+      <line id="直线_18" data-name="直线 18" class="cls-2" y1="2" transform="translate(1760.5 35)"/>
+      <line id="直线_19" data-name="直线 19" class="cls-2" y1="2" transform="translate(1769 29) rotate(90)"/>
+      <line id="直线_20" data-name="直线 20" class="cls-2" y1="2" transform="translate(1754 29) rotate(90)"/>
+      <line id="直线_21" data-name="直线 21" class="cls-2" y1="2" transform="translate(1755.834 23.964) rotate(130)"/>
+      <line id="直线_22" data-name="直线 22" class="cls-2" y1="2" transform="translate(1766.464 34.964) rotate(130)"/>
+      <line id="直线_23" data-name="直线 23" class="cls-2" y1="2" transform="translate(1765.536 23.964) rotate(-140)"/>
+      <line id="直线_24" data-name="直线 24" class="cls-2" y1="2" transform="translate(1754.536 34.964) rotate(-140)"/>
+    </g>
+  </g>
+</svg>

package/src/assets/layout/todo-active.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_984" data-name="组 984" transform="translate(-228.923 -135.922)">
+    <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+    <g id="_021_待办事项" data-name="021_待办事项" transform="translate(84.342 -60.988)">
+      <path id="路径_194" data-name="路径 194" d="M175.317,430H151.361a.877.877,0,1,1,0-1.752h23.955a.877.877,0,1,1,0,1.752Z" transform="translate(-1.804 -217.227)" fill="#409eff"/>
+      <path id="路径_195" data-name="路径 195" d="M170.863,294.253H152.3c-2.052,0-3.715-1.948-3.717-4.349V275.029c0-2.4,1.665-4.346,3.717-4.349h18.565c2.052,0,3.715,1.948,3.717,4.349V289.9C174.578,292.3,172.915,294.25,170.863,294.253ZM152.3,272.812a2.077,2.077,0,0,0-1.9,2.217V289.9a2.077,2.077,0,0,0,1.9,2.217h18.565a2.075,2.075,0,0,0,1.9-2.217V275.029a2.075,2.075,0,0,0-1.9-2.217Z" transform="translate(0 -66.843)" fill="#409eff"/>
+      <path id="路径_196" data-name="路径 196" d="M316.574,207.988a.912.912,0,0,1-.944-.876v-4.826a.946.946,0,0,1,1.887,0v4.826A.912.912,0,0,1,316.574,207.988Zm12.084,0a.912.912,0,0,1-.944-.876v-4.826a.946.946,0,0,1,1.887,0v4.826A.912.912,0,0,1,328.657,207.988Z" transform="translate(-161.196)" fill="#409eff"/>
+      <path id="路径_197" data-name="路径 197" d="M365.189,608.967a.873.873,0,0,1-.606-.245l-2.768-2.653a.876.876,0,1,1,1.212-1.265l2.768,2.653a.876.876,0,0,1-.606,1.509Z" transform="translate(-205.138 -386.825)" fill="#409eff"/>
+      <path id="路径_198" data-name="路径 198" d="M441.752,532.249a.876.876,0,0,1-.606-1.509l5.686-5.446a.876.876,0,1,1,1.212,1.265l-5.686,5.446A.873.873,0,0,1,441.752,532.249Z" transform="translate(-281.47 -310.102)" fill="#409eff"/>
+    </g>
+  </g>
+</svg>

package/src/assets/layout/todo-default.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <g id="组_984" data-name="组 984" transform="translate(-228.923 -135.922)">
+    <rect id="BG" width="34" height="34" rx="4" transform="translate(228.923 135.922)" fill="none"/>
+    <g id="_021_待办事项" data-name="021_待办事项" transform="translate(84.342 -60.988)">
+      <path id="路径_194" data-name="路径 194" d="M175.317,430H151.361a.877.877,0,1,1,0-1.752h23.955a.877.877,0,1,1,0,1.752Z" transform="translate(-1.804 -217.227)" fill="#909399"/>
+      <path id="路径_195" data-name="路径 195" d="M170.863,294.253H152.3c-2.052,0-3.715-1.948-3.717-4.349V275.029c0-2.4,1.665-4.346,3.717-4.349h18.565c2.052,0,3.715,1.948,3.717,4.349V289.9C174.578,292.3,172.915,294.25,170.863,294.253ZM152.3,272.812a2.077,2.077,0,0,0-1.9,2.217V289.9a2.077,2.077,0,0,0,1.9,2.217h18.565a2.075,2.075,0,0,0,1.9-2.217V275.029a2.075,2.075,0,0,0-1.9-2.217Z" transform="translate(0 -66.843)" fill="#909399"/>
+      <path id="路径_196" data-name="路径 196" d="M316.574,207.988a.912.912,0,0,1-.944-.876v-4.826a.946.946,0,0,1,1.887,0v4.826A.912.912,0,0,1,316.574,207.988Zm12.084,0a.912.912,0,0,1-.944-.876v-4.826a.946.946,0,0,1,1.887,0v4.826A.912.912,0,0,1,328.657,207.988Z" transform="translate(-161.196)" fill="#909399"/>
+      <path id="路径_197" data-name="路径 197" d="M365.189,608.967a.873.873,0,0,1-.606-.245l-2.768-2.653a.876.876,0,1,1,1.212-1.265l2.768,2.653a.876.876,0,0,1-.606,1.509Z" transform="translate(-205.138 -386.825)" fill="#909399"/>
+      <path id="路径_198" data-name="路径 198" d="M441.752,532.249a.876.876,0,0,1-.606-1.509l5.686-5.446a.876.876,0,1,1,1.212,1.265l-5.686,5.446A.873.873,0,0,1,441.752,532.249Z" transform="translate(-281.47 -310.102)" fill="#909399"/>
+    </g>
+  </g>
+</svg>

package/src/assets/layout/user-dark.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #909399;
+      }
+    </style>
+  </defs>
+  <g id="组_60" data-name="组 60" transform="translate(-1878 -19)">
+    <rect id="头像_男孩" data-name="头像 男孩" class="cls-1" width="29" height="29" rx="5" transform="translate(1878 19)"/>
+    <image id="用户_2_" data-name="用户 (2)" width="19" height="19" transform="translate(1883 24)" xlink:href="data:image/png;base64,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"/>
+  </g>
+</svg>

package/src/assets/layout/user-default.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" viewBox="0 0 29 29">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #909399;
+      }
+    </style>
+  </defs>
+  <g id="组_60" data-name="组 60" transform="translate(-1878 -19)">
+    <rect id="头像_男孩" data-name="头像 男孩" class="cls-1" width="29" height="29" rx="5" transform="translate(1878 19)"/>
+    <image id="个人中心" width="17" height="17" transform="translate(1884 25)" xlink:href="data:image/png;base64,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"/>
+  </g>
+</svg>

package/src/assets/process/drawer/manyLevel1close.svg

@@ -0,0 +1,10 @@
+<svg width="281" height="52" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="#0089FF" transform="translate(2 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="76" height="47" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="79" height="50" rx="4"/></g><text font-size="12" transform="translate(2 2)">
+                                <tspan x="12.094" y="19" fill="#171A1D">第1级主管</tspan>
+                                <tspan x="2.5" y="37" fill="#747677">（财务角色）</tspan>
+                            </text><g transform="translate(97 2)"><rect stroke="#E5E6E8" fill="#FFF" x="2.5" y=".5" width="79" height="47" rx="4"/><text font-size="12">
+                                <tspan x="14.4" y="19" fill="#171A1D">第2级主管</tspan>
+                                <tspan x="0" y="37" fill="#747677">（非财务角色）</tspan>
+                            </text></g><g stroke="#0089FF" transform="translate(199 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="79" height="47" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="82" height="50" rx="4"/></g><text font-size="12" transform="translate(199 2)">
+                                <tspan x="12.4" y="19" fill="#171A1D">第3级主管</tspan>
+                                <tspan x="4" y="37" fill="#747677">（财务角色）</tspan>
+                            </text><path d="m90.5 21.5 9 4.5-9 4.5v-4H79v-1h11.5v-4Zm100 0 9 4.5-9 4.5v-4H179v-1h11.5v-4Z" fill-opacity=".24" fill="#171A1D" fill-rule="nonzero"/></g></svg>

package/src/assets/process/drawer/manyLevel1open.svg

@@ -0,0 +1,7 @@
+<svg width="281" height="34" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="#0089FF" transform="translate(2 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="76" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="79" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(2 2)">
+                                <tspan x="12" y="19">第1级主管</tspan>
+                            </text><g stroke="#0089FF" transform="translate(99 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="79" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="82" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(99 2)">
+                                <tspan x="12" y="19">第2级主管</tspan>
+                            </text><g stroke="#0089FF" transform="translate(199 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="79" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="82" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(199 2)">
+                                <tspan x="12" y="19">第3级主管</tspan>
+                            </text><path d="m90.5 12.5 9 4.5-9 4.5v-4H79v-1h11.5v-4Zm100 0 9 4.5-9 4.5v-4H179v-1h11.5v-4Z" fill-opacity=".24" fill="#171A1D" fill-rule="nonzero"/></g></svg>

package/src/assets/process/drawer/manyLevel2close.svg

@@ -0,0 +1,7 @@
+<svg width="279" height="34" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(0 2)"><rect stroke="#E5E6E8" fill="#FFF" x=".5" y=".5" width="76" height="29" rx="4"/><text font-size="12" fill="#171A1D">
+                                <tspan x="12" y="19">第1级主管</tspan>
+                            </text></g><g transform="translate(97 2)"><rect stroke="#E5E6E8" fill="#FFF" x=".5" y=".5" width="79" height="29" rx="4"/><text font-size="12" fill="#171A1D">
+                                <tspan x="12" y="19">第2级主管</tspan>
+                            </text></g><g stroke="#0089FF" transform="translate(197 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="79" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="82" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(197 2)">
+                                <tspan x="12" y="19">第3级主管</tspan>
+                            </text><path d="m88.5 12.5 9 4.5-9 4.5v-4H77v-1h11.5v-4Zm100 0 9 4.5-9 4.5v-4H177v-1h11.5v-4Z" fill-opacity=".24" fill="#171A1D" fill-rule="nonzero"/></g></svg>

package/src/assets/process/drawer/manyLevel2open.svg

@@ -0,0 +1,7 @@
+<svg width="281" height="34" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g stroke="#0089FF" transform="translate(2 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="76" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="79" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(2 2)">
+                                <tspan x="12" y="19">第1级主管</tspan>
+                            </text><g stroke="#0089FF" transform="translate(99 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="79" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="82" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(99 2)">
+                                <tspan x="12" y="19">第2级主管</tspan>
+                            </text><g stroke="#0089FF" transform="translate(199 2)"><rect stroke-linejoin="square" fill="#FFF" x=".5" y=".5" width="79" height="29" rx="4"/><rect stroke-opacity=".12" stroke-width="2" x="-1" y="-1" width="82" height="32" rx="4"/></g><text font-size="12" fill="#171A1D" transform="translate(199 2)">
+                                <tspan x="12" y="19">第3级主管</tspan>
+                            </text><path d="m90.5 12.5 9 4.5-9 4.5v-4H79v-1h11.5v-4Zm100 0 9 4.5-9 4.5v-4H179v-1h11.5v-4Z" fill-opacity=".24" fill="#171A1D" fill-rule="nonzero"/></g></svg>

package/src/components/annex-img-upload/index.vue

@@ -90,10 +90,10 @@ import axios from 'axios'
 import { getFileType, ddWindowOpen } from "hrp-ui-base";
 import PreviewMp from "./modules/previewMp.vue";
 // getUploadFileMsg
-import FileUploadController from "@/api/bms/file/FileUploadController"
-import StsTokenVO from "@/api/bms/file/bo/StsTokenVO"
-import FileBaseInfo from "@/api/bms/file/bo/FileBaseInfo"
-import FileUrlVO from "@/api/bms/file/bo/FileUrlVO"
+import FileUploadController from "hrp-ui-base/api/bms/file/FileUploadController"
+import StsTokenVO from "hrp-ui-base/api/bms/file/bo/StsTokenVO"
+import FileBaseInfo from "hrp-ui-base/api/bms/file/bo/FileBaseInfo"
+import FileUrlVO from "hrp-ui-base/api/bms/file/bo/FileUrlVO"
 import dd from "dingtalk-jsapi";
 import { downloadFile} from "hrp-ui-base";
 const props = defineProps({

package/src/components/annex-img-upload/modules/previewMp.vue

@@ -22,7 +22,7 @@
 <script lang="ts" name="SystemTenantForm" setup>
 import { ref, onMounted, reactive, PropType } from 'vue'
 import { ElMessage } from 'element-plus';
-import FileBaseInfo from "@/api/bms/file/bo/FileBaseInfo"
+import FileBaseInfo from "hrp-ui-base/api/bms/file/bo/FileBaseInfo"
 const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用

package/src/components/annex-upload/index.vue

@@ -211,10 +211,10 @@ import { getFileType, ddWindowOpen } from "hrp-ui-base";
 import dd from "dingtalk-jsapi";
 import PreviewMp from "./modules/previewMp.vue";
 // getUploadFileMsg
-import FileUploadController from "@/api/bms/file/FileUploadController";
-import StsTokenVO from "@/api/bms/file/bo/StsTokenVO";
-import FileBaseInfo from "@/api/bms/file/bo/FileBaseInfo";
-import FileUrlVO from "@/api/bms/file/bo/FileUrlVO";
+import FileUploadController from "hrp-ui-base/api/bms/file/FileUploadController";
+import StsTokenVO from "hrp-ui-base/api/bms/file/bo/StsTokenVO";
+import FileBaseInfo from "hrp-ui-base/api/bms/file/bo/FileBaseInfo";
+import FileUrlVO from "hrp-ui-base/api/bms/file/bo/FileUrlVO";
 import { downloadFile} from "hrp-ui-base";
 
 const props = defineProps({

package/src/components/annex-upload/modules/previewMp.vue

@@ -22,7 +22,7 @@
 <script lang="ts" name="SystemTenantForm" setup>
 import { ref, onMounted, reactive, PropType } from 'vue'
 import { ElMessage } from 'element-plus';
-import FileBaseInfo from "@/api/bms/file/bo/FileBaseInfo"
+import FileBaseInfo from "hrp-ui-base/api/bms/file/bo/FileBaseInfo"
 const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用

package/src/components/annex-upload-weijian/index.vue

@@ -206,10 +206,10 @@ import {
 import axios from "axios";
 import { getFileType, ddWindowOpen } from "hrp-ui-base";
 import PreviewMp from "./modules/previewMp.vue";
-import FileUploadController from "@/api/bms/file/FileUploadController";
-import StsTokenVO from "@/api/bms/file/bo/StsTokenVO";
-import FileBaseInfo from "@/api/bms/file/bo/FileBaseInfo";
-import FileUrlVO from "@/api/bms/file/bo/FileUrlVO";
+import FileUploadController from "hrp-ui-base/api/bms/file/FileUploadController";
+import StsTokenVO from "hrp-ui-base/api/bms/file/bo/StsTokenVO";
+import FileBaseInfo from "hrp-ui-base/api/bms/file/bo/FileBaseInfo";
+import FileUrlVO from "hrp-ui-base/api/bms/file/bo/FileUrlVO";
 import { downloadFile } from "hrp-ui-base";
 
 const props = defineProps({

package/src/components/annex-upload-weijian/modules/previewMp.vue

@@ -22,7 +22,7 @@
 <script lang="ts" name="SystemTenantForm" setup>
 import { ref, onMounted, reactive, PropType } from 'vue'
 import { ElMessage } from 'element-plus';
-import FileBaseInfo from "@/api/bms/file/bo/FileBaseInfo"
+import FileBaseInfo from "hrp-ui-base/api/bms/file/bo/FileBaseInfo"
 const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用

package/src/components/base-layout/index.vue

@@ -0,0 +1,198 @@
+<template>
+  <div class="big-box-outer">
+    <el-container id="common-layout">
+      <!-- 顶部导航栏插槽 -->
+      <slot name="header"></slot>
+      <!-- 额外内容插槽（如个性化引导弹窗等） -->
+      <slot name="extra"></slot>
+
+      <!-- 左侧菜单布局 -->
+      <div v-if="isLeftMenu" class="layout-content is-left-menu">
+        <slot name="side-menu"></slot>
+        <div class="layout-main-column">
+          <slot name="tabs"></slot>
+          <transition name="width-change">
+            <el-main
+              class="common-layout-main"
+              style="padding: 6px 10px; background: var(--custom-main-bg-fill)"
+            >
+              <el-main
+                class="common-workbench-main hide-scroll-bar"
+                style="border-radius: 12px"
+              >
+                <slot></slot>
+              </el-main>
+            </el-main>
+          </transition>
+        </div>
+      </div>
+
+      <!-- 顶部菜单布局 -->
+      <template v-else>
+        <slot name="tabs"></slot>
+        <div class="layout-content">
+          <transition name="width-change">
+            <el-main
+              class="common-layout-main"
+              style="padding: 6px 10px; background: var(--custom-main-bg-fill)"
+            >
+              <el-main
+                class="common-workbench-main hide-scroll-bar"
+                style="border-radius: 12px"
+              >
+                <slot></slot>
+              </el-main>
+            </el-main>
+          </transition>
+        </div>
+      </template>
+    </el-container>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+  name: "BaseLayout",
+});
+
+defineProps({
+  /**
+   * 是否使用左侧菜单布局
+   */
+  isLeftMenu: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.big-box-outer {
+  width: 100%;
+  min-width: 850px;
+  overflow: auto;
+}
+
+/** 隐藏滚动条 */
+#common-layout,
+.common-layout-main {
+  overflow: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  background: var(--custom-theme-fill-7);
+}
+
+#common-layout::-webkit-scrollbar,
+.common-layout-main::-webkit-scrollbar {
+  display: none;
+}
+
+#common-layout {
+  height: 100%;
+  width: 100%;
+  min-width: 600px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  flex-grow: 1;
+  flex-shrink: 1;
+
+  .common-layout {
+    .common-layout-header {
+      width: 100%;
+    }
+
+    .common-layout-main {
+      width: 100%;
+      box-sizing: border-box;
+      height: calc(100% - 78px) !important;
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: flex-start;
+      flex-wrap: nowrap;
+      flex-grow: 0;
+      flex-shrink: 0;
+    }
+  }
+}
+
+.layout-content {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  background: var(--custom-theme-fill-7);
+
+  .common-layout-main {
+    flex: 1;
+    min-width: 0;
+  }
+}
+
+.layout-main-column {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.layout-content.is-left-menu {
+  .common-workbench-main {
+    border-left: none;
+  }
+
+  .common-layout-main {
+    flex: 1;
+    min-height: 0;
+  }
+}
+
+.common-workbench-main {
+  height: calc(100%);
+  box-sizing: border-box;
+  padding: 0;
+  background: var(--custom-theme-fill-4);
+  border-left: 1px solid var(--el-border-color);
+}
+
+.common-workbench-main-rv {
+  height: calc(100% - 24px);
+  width: 100%;
+}
+
+/* 移动端 */
+@media only screen and (max-device-width: 640px) {
+  .common-layout-header {
+    display: none;
+  }
+
+  #common-layout {
+    height: 100%;
+    width: 100%;
+    min-width: 100%;
+  }
+
+  .common-layout-main {
+    height: 100% !important;
+    display: flex !important;
+    flex-direction: column !important;
+    overflow: hidden;
+  }
+
+  .common-workbench-main {
+    height: 100%;
+    width: 100%;
+  }
+
+  .el-main {
+    padding: 0 !important;
+  }
+}
+
+/* pad端 */
+@media screen and (min-device-width: 640px) and (max-device-width: 1000px) {
+}
+</style>

package/src/components/layout/SysHeader.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="system-header flex-row-between">
+    <SysHeaderLeft
+      :menuList="menuList"
+      :currentApplication="currentApplication"
+      :menuPosition="userConfig.menuPosition"
+      :currentPath="currentPath"
+      :navigationBar="userConfig.navigationBar"
+      :showSubmenuDrawer="showSubmenuDrawer"
+      @menu-item-click="(item) => emit('menu-item-click', item)"
+      @parent-click="(item, index) => emit('parent-click', item, index)"
+      @logo-click="emit('logo-click')"
+      @collapse-change="(val) => emit('collapse-change', val)"
+    />
+    <SysHeaderRight
+      :userConfig="userConfig"
+      :noticeCount="noticeCount"
+      :approvalCount="approvalCount"
+      :avatar="userConfig.avatar"
+      :downloadActive="downloadActive"
+      :todoActive="todoActive"
+      @change-dark="(val, ref) => emit('change-dark', val, ref)"
+      @change-follow-system="(val) => emit('change-follow-system', val)"
+      @change-font-size="(val) => emit('change-font-size', val)"
+      @change-menu-position="(val) => emit('change-menu-position', val)"
+      @download-click="emit('download-click')"
+      @todo-click="emit('todo-click')"
+      @message-click="(val) => emit('message-click', val)"
+      @message-navigate="(notice) => emit('message-navigate', notice)"
+      @message-download="(notice) => emit('message-download', notice)"
+      @message-update-count="emit('message-update-count')"
+      @personal-sign="emit('personal-sign')"
+      @clean-cache="emit('clean-cache')"
+      @logout="emit('logout')"
+    />
+  </div>
+</template>
+<script lang="ts" setup>
+import { PropType } from "vue";
+import SysHeaderRight from "./SysHeaderRight.vue";
+import SysHeaderLeft from "./SysHeaderLeft.vue";
+import type HomeMenu from "../../api/bms/home/bo/HomeMenu";
+import type NoticeVO from "../../api/notice/bo/NoticeVO";
+import type { UserConfig, DomainInfo } from "./types";
+
+defineProps({
+  userConfig: { type: Object as PropType<UserConfig>, required: true },
+  menuList: { type: Array as PropType<HomeMenu[]>, default: () => [] },
+  currentApplication: { type: Object as PropType<DomainInfo>, default: () => ({ domainName: '-' }) },
+  currentPath: { type: String, default: '' },
+  showSubmenuDrawer: { type: Boolean, default: true },
+  noticeCount: { type: Number, default: 0 },
+  approvalCount: { type: Number, default: 0 },
+  downloadActive: { type: Boolean, default: false },
+  todoActive: { type: Boolean, default: false },
+});
+
+const emit = defineEmits<{
+  (e: 'menu-item-click', item: HomeMenu): void
+  (e: 'parent-click', item: HomeMenu, index: number): void
+  (e: 'logo-click'): void
+  (e: 'collapse-change', collapsed: boolean): void
+  (e: 'change-dark', value: string, ref?: HTMLElement): void
+  (e: 'change-follow-system', value: boolean): void
+  (e: 'change-font-size', value: string): void
+  (e: 'change-menu-position', value: string): void
+  (e: 'download-click'): void
+  (e: 'todo-click'): void
+  (e: 'message-click', isOpen: boolean): void
+  (e: 'message-navigate', notice: NoticeVO): void
+  (e: 'message-download', notice: NoticeVO): void
+  (e: 'message-update-count'): void
+  (e: 'personal-sign'): void
+  (e: 'clean-cache'): void
+  (e: 'logout'): void
+}>();
+</script>
+<style scoped lang="scss">
+.system-header {
+  width: 100%;
+  height: 50px;
+  background: var(--custom-theme-bg-0);
+  border-radius: 0;
+  border-bottom: 1px solid var(--el-border-color);
+  user-select: none;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>