huangbin 4 tahun lalu
induk
melakukan
a69fd123f6
1 mengubah file dengan 74 tambahan dan 60 penghapusan
  1. 74 60
      src/layout/components/header.vue

+ 74 - 60
src/layout/components/header.vue

@@ -1,62 +1,65 @@
 <template>
-    <!-- 风险管理 -->
+  <!-- 风险管理 -->
 
-    <div v-if="isOemByEnum(OemType.manager)">
-        <img src="../../assets/images/logoHeader.png" />
-        <span>深圳市多元世纪信息技术股份有限公司</span>
-    </div>
-    <!-- 云融 -->
+  <div v-if="isOemByEnum(OemType.manager)">
+    <img src="../../assets/images/logoHeader.png" />
+    <span>深圳市多元世纪信息技术股份有限公司</span>
+  </div>
+  <!-- 云融 -->
 
-    <div v-else-if="isOemByEnum(OemType.wrspot)">
-        <img src="../../assets/images/headLogo.jpg" />
-        <span>云融</span>
-    </div>
-    <div v-else>
-        <img src="../../assets/images/logoHeader.png" />
-        <span>深圳市多元世纪信息技术股份有限公司</span>
+  <div v-else-if="isOemByEnum(OemType.wrspot)">
+    <img src="../../assets/images/headLogo.jpg" />
+    <span>云融</span>
+  </div>
+  <div v-else>
+    <img src="../../assets/images/logoHeader.png" />
+    <span>深圳市多元世纪信息技术股份有限公司</span>
+  </div>
+  <div class="m-layout-header-right">
+    <div @click="openDrawer">
+      <span>{{ getUserName() }},您好!</span>
     </div>
-    <div class="m-layout-header-right">
-        <div @click="openDrawer">
-            <span>{{ getUserName() }},您好!</span>
-        </div>
-        <div class="relative">
-            <!-- <a-input-search ref="userNameInput"
+    <div class="relative">
+      <!-- <a-input-search ref="userNameInput"
                           class="searchInput"
-                          readonly
                           placeholder="请输入代码/名称"
                           @pressEnter="search">
+                          readonly
             </a-input-search>-->
-            <!-- <a-icon type="search" /> -->
-        </div>
-        <div class="news-container">
-            <a-badge @click="openNotice" :dot="getUnReadNoticeLength() > 0">
-                <svg class="icon svg-icon" aria-hidden="true">
-                    <use xlink:href="#icon-xiaoxi" />
-                </svg>
-            </a-badge>
-        </div>
-        <div>
-            <a-popover v-model:visible="visible" trigger="click" placement="bottomRight">
-                <template #content>
-                    <div
-                        v-for="item in setMenu"
-                        class="popItem"
-                        @click="chooseSetMenu(item.path)"
-                        :key="item.path"
-                    >{{ item.name }}</div>
-                </template>
-                <a-avatar :size="24">
-                    <template #icon>
-                        <!-- <SettingFilled /> -->
-                        <svg class="icon svg-icon" aria-hidden="true">
-                            <use xlink:href="#icon-yonghu4" />
-                        </svg>
-                    </template>
-                </a-avatar>
-            </a-popover>
-            <Setting />
-        </div>
+      <!-- <a-icon type="search" /> -->
     </div>
+    <div class="news-container">
+      <a-badge @click="openNotice"
+               :dot="getUnReadNoticeLength() > 0">
+        <svg class="icon svg-icon"
+             aria-hidden="true">
+          <use xlink:href="#icon-xiaoxi" />
+        </svg>
+      </a-badge>
+    </div>
+    <div>
+      <a-popover v-model:visible="visible"
+                 trigger="click"
+                 placement="bottomRight">
+        <template #content>
+          <div v-for="item in setMenu"
+               class="popItem"
+               @click="chooseSetMenu(item.path)"
+               :key="item.path">{{ item.name }}</div>
+        </template>
+        <a-avatar :size="24">
+          <template #icon>
+            <!-- <SettingFilled /> -->
+            <svg class="icon svg-icon"
+                 aria-hidden="true">
+              <use xlink:href="#icon-yonghu4" />
+            </svg>
+          </template>
+        </a-avatar>
+      </a-popover>
+      <Setting />
+    </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -71,22 +74,33 @@ import Router from '@/router';
 import { handleNotice } from '@/views/setting/notice/setup';
 import { isOemByEnum, OemType } from '@/common/config/projectName';
 import { changeTheme, ThemeEnum } from '@/common/config/theme';
+import { initData } from '@/common/methods';
 
 // 设置
 const setFn = () => {
     const visible = ref<boolean>(false);
     const chooseSetupItem = ref<string>('');
     provide('ControlModal', chooseSetupItem);
-    const setMenu = [
-        // { name: '修改密码', path: 'password' },
-        // { name: '收货地址', path: 'addresss' },
-        // // {name: '发票', path: 'setup-password'},
-        // { name: '手机号码绑定/解绑', path: 'phone' },
-        // { name: '关于我们', path: 'aboutUs' },
-        { name: '白主题', path: ThemeEnum.light },
-        { name: '黑主题', path: ThemeEnum.dark },
-        { name: '退出', path: 'logout' },
-    ];
+    const setMenu = ref([{ name: '退出', path: 'logout' }]);
+    // const setMenu = [
+    //     // { name: '修改密码', path: 'password' },
+    //     // { name: '收货地址', path: 'addresss' },
+    //     // // {name: '发票', path: 'setup-password'},
+    //     // { name: '手机号码绑定/解绑', path: 'phone' },
+    //     // { name: '关于我们', path: 'aboutUs' },
+    //     { name: '白主题', path: ThemeEnum.light },
+    //     { name: '黑主题', path: ThemeEnum.dark },
+    //     { name: '退出', path: 'logout' },
+    // ];
+    initData(() => {
+        if (isOemByEnum(OemType.wrspot)) {
+            const theme = [
+                { name: '白主题', path: ThemeEnum.light },
+                { name: '黑主题', path: ThemeEnum.dark },
+            ];
+            setMenu.value = [...theme, ...setMenu.value];
+        }
+    });
     const { openAction } = openModal('logout');
     function chooseSetMenu(path: string) {
         if (path === 'logout') {