@utogether/udp-core 2.0.0-beta.26 → 2.0.0-beta.28

package/src/views/uhome/su-welcome.vue

@@ -1,310 +1,310 @@
-<!--
- * @Author: levi7754 levi7754@163.com
- * @Date: 2023-11-02 10:04:05
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2026-02-02 14:31:54
- * @FilePath: /front-web-mes/src/views/uhome/su-welcome.vue
- * @Description: 欢迎页面
--->
-<template>
-  <div class="ut-home m-3">
-    <!-- 顶部 -->
-    <div v-if="systemLayout.UserProfile" class="h-32 mb-4 p-4 flex justify-between items-center bg-white home-page">
-      <div class="flex flex-row items-center flex-[2]">
-        <div>
-          <el-avatar size="large" class="text-4xl font-bold bg-[var(--el-color-primary)]">{{ firstName }}</el-avatar>
-        </div>
-        <div class="ml-4 text-xs flex-[2]">
-          <div class="flex justify-center items-center">
-            <span> {{ getCurrentPeriod() }}, {{ systemHook.getUserInfo?.name || '' }},欢迎回来！ </span>
-            <div class="flex flex-[2] justify-center items-center font-bold" style="color: var(--el-color-primary)">
-              星光不问赶路人,岁月不负有心人,以梦为马,不负韶华!
-            </div>
-          </div>
-          <div class="py-2 text-gray-500 flex">
-            <span class="inline-block"> 所属角色: </span>
-            <div class="w-2/3">{{ getRole() }}</div>
-          </div>
-          <div v-if="getRole() !== '系统管理员'" class="text-gray-500 flex">
-            <span class="inline-block"> 所属组织: </span>
-            <div class="w-2/3">{{ getOrg() }}</div>
-          </div>
-        </div>
-      </div>
-      <div class="flex flex-col">
-        <span class="text-4xl">
-          <ut-flip-down :show-days="false" :show-labels="false" />
-        </span>
-        <div class="mt-1 ml-3">{{ getLunarDay() }}</div>
-      </div>
-    </div>
-    <el-row v-if="has2upversion">
-      <dynamic-card :list="dataList" />
-    </el-row>
-    <el-row class="m-2" :gutter="10">
-      <el-col v-if="systemLayout.FavorityMenu" :lg="24" :md="24" class="">
-        <commonMenu />
-      </el-col>
-      <el-col v-if="systemLayout.ToDo" :lg="24" :md="24" class="">
-        <el-card>
-          <template #header>
-            <div class="font-bold">
-              <span>流程审批</span>
-            </div>
-          </template>
-
-          <div>
-            <homeTodo />
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col v-if="systemLayout.LoginInfo" :xl="16" :lg="12" :md="24">
-        <el-card class="mb-2">
-          <template #header>
-            <div class="font-bold">
-              <span>个人动态</span>
-            </div>
-          </template>
-          <div class="p-3">
-            <ul class="p-0 w-full h-full">
-              <li v-for="item in logList" :key="item.id" class="w-full list-none p-2 border-b border-gray-200">
-                <div class="flex">
-                  <div>
-                    <el-avatar class="text-base">{{ firstName }}</el-avatar>
-                  </div>
-                  <div class="ml-3">
-                    <div>
-                      <span class="text-blue-600 mr-3">{{ item.browser }}</span>
-                      <span>{{ item.browserVersion || item.platformVersion }}</span>
-                    </div>
-                    <div class="text-gray-400 text-sm">{{ item.loginTime }}</div>
-                  </div>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </el-card>
-      </el-col>
-
-      <!-- 右侧 -->
-      <el-col v-if="systemLayout.Calendar" :xl="8" :lg="12" :md="24" class="">
-        <el-card class="mb-2">
-          <template #header>
-            <div class="font-bold">
-              <span>日历</span>
-            </div>
-          </template>
-          <div class="p-1">
-            <ut-calendar :holidays="holidays" :statutory-holiday="statutoryHoliday" />
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-
-    <!-- 重置密码 -->
-    <ut-modal-form
-      v-if="showModal"
-      :record="data"
-      :items="passwordItems()"
-      :width="360"
-      :height="250"
-      :modal-options="{ showClose: false }"
-      :show-cancle-button="false"
-      data-status="update"
-      :title="$t('message.udp.passwordReset')"
-      url="/uums/user/updatePwd"
-      method="put"
-      @close="showModal = false"
-      @confirm="logout()"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, computed, onBeforeMount } from 'vue';
-import { cookies, lunarCalendar, storageLocal, getDictChildren } from '@utogether/utils';
-import CryptoJS from 'crypto-js';
-import to from 'await-to-js';
-import dayjs from 'dayjs';
-import { useSystemStoreHook } from '../../store/modules/system';
-import commonMenu from './components/common-menu.vue';
-import homeTodo from './components/home-todo.vue';
-import dynamicCard from './dynamic-card.vue';
-import { kSYSCONFIG, kPASSWORD, kCRYPTO } from '../../contant';
-import pkg from '../../../package.json';
-import { getServiceApi } from '../../api';
-
-import { useNav } from '../../layout/hooks/useNav';
-
-defineOptions({ name: 'UdpWelcome' });
-
-const systemHook = useSystemStoreHook();
-
-const logList = ref([]);
-const dataList = ref([]);
-
-const showModal = ref(false);
-const data = ref<IRecord>({});
-
-const systemLayout = ref({ UserProfile: false, ToDo: false, FavorityMenu: false, Calendar: false, LoginInfo: false });
-
-const firstName = computed(() => {
-  return systemHook.getUserInfo.name?.slice(0, 1);
-});
-
-const { passwordItems, logout } = useNav();
-
-const has2upversion = ref(pkg.version.substring(0, 1) === '2');
-
-let intervalId = null;
-// 角色
-const getRole = () => {
-  const isAdmin = systemHook.isAdminRole;
-  if (isAdmin) {
-    return '系统管理员';
-  } else {
-    return systemHook.getUserInfo?.sysRoles?.map(m => m.roleName).join(',');
-  }
-};
-
-// 组织
-const getOrg = () => {
-  const isAdmin = systemHook.isAdminRole;
-  if (isAdmin) {
-    return '【系统管理员】拥有所有组织';
-  } else {
-    return systemHook.getOrglist?.map(m => m.orgName).join(',');
-  }
-};
-
-// 获取时间段
-const getCurrentPeriod = () => {
-  const hour = Number(dayjs().format('HH'));
-  return hour < 12 ? '上午好' : hour < 18 ? '下午好' : '晚上好';
-};
-
-const getLunarDay = () => {
-  const time = new Date();
-  const lunarday = lunarCalendar.solar2lunar(time.getFullYear(), time.getMonth() + 1, time.getDate()) as IRecord;
-  const { gzYear, IMonthCn, IDayCn, cMonth, cDay, ncWeek } = lunarday;
-  return `${cMonth}月${cDay}日 ${gzYear}${IMonthCn}${IDayCn} ${ncWeek}`;
-};
-
-const getUserLog = () => {
-  const url = '/upfm/v1/userMonitor';
-  const query = { pageSize: 8, pageNum: 1, employeeName: systemHook.getUserInfo?.name };
-  getServiceApi()
-    .get(url, query)
-    .then((res: IResponseData) => {
-      logList.value = res?.list || [];
-    });
-};
-
-const getLayoutList = async () => {
-  const api = getServiceApi();
-  const [err, res]: any = await to(
-    api.get('/upfm/sysHomeConfig', { pageSize: 1000, pageNum: 1, enabled: '1', isRoleFilter: 'Y' })
-  );
-  if (err) return;
-  systemLayout;
-  res?.list.forEach(m => {
-    if (m.type === 'custom') {
-      console.log(m);
-      dataList.value.push(m);
-    } else {
-      systemLayout.value[m.code] = !!m.code;
-    }
-  });
-};
-
-const getInitPassword = async () => {
-  const passWord = CryptoJS.AES.decrypt(cookies.get(kPASSWORD), kCRYPTO).toString(CryptoJS.enc.Utf8);
-  const dict = getDictChildren('SU.DEFAULT_PASSWORD')?.find(f => f.dictCode === 'default');
-  if (dict && dict.dictName === passWord) {
-    // 密码和默认密码一致，提示修改密码
-    data.value = {
-      id: systemHook.getUserInfo.id,
-      oldUserPwd: passWord
-    };
-    showModal.value = true;
-    window.clearInterval(intervalId);
-  } else if (dict && dict.dictName !== passWord) {
-    // 密码已重置
-    window.clearInterval(intervalId);
-  }
-};
-
-onBeforeMount(() => {
-  const sysConfig = storageLocal.getItem(kSYSCONFIG);
-  if (sysConfig.initialPasswordModification === 'Y') {
-    const passWord = CryptoJS.AES.decrypt(cookies.get(kPASSWORD), kCRYPTO).toString(CryptoJS.enc.Utf8);
-    const dict = getDictChildren('SU.DEFAULT_PASSWORD')?.find(f => f.dictCode === 'default');
-    if (!dict || dict?.dictName === passWord) {
-      intervalId = setInterval(() => {
-        getInitPassword();
-      }, 1000);
-    }
-  }
-});
-
-onMounted(() => {
-  getUserLog();
-  if (pkg.version.substring(0, 1) === '2') {
-    getLayoutList();
-  } else {
-    systemLayout.value = { UserProfile: false, ToDo: false, FavorityMenu: false, Calendar: false, LoginInfo: true };
-  }
-});
-
-// 假期设置
-const holidays = [
-  {
-    2023: { 12: { 30: '班', 31: '班' } }
-  },
-  {
-    2024: {
-      1: { 1: '假' },
-      2: {
-        4: '班',
-        10: '假',
-        11: '假',
-        12: '假',
-        13: '假',
-        14: '假',
-        15: '假',
-        16: '假',
-        17: '假',
-        18: '班'
-      },
-      4: { 4: '假', 5: '假', 6: '假', 7: '班', 28: '班' },
-      5: { 1: '假', 2: '假', 3: '假', 4: '假', 5: '假', 11: '班' },
-      6: { 8: '假', 9: '假', 10: '假' },
-      9: { 15: '假', 16: '假', 17: '假', 14: '班', 29: '班' },
-      10: { 1: '假', 2: '假', 3: '假', 4: '假', 5: '假', 6: '假', 7: '假', 12: '班' }
-    }
-  }
-];
-// 法定假日;
-const statutoryHoliday = [
-  { name: '元旦', date: '2024-01-01' },
-  { name: '春节', date: '2024-02-10' },
-  { name: '清明节', date: '2024-04-04' },
-  { name: '劳动节', date: '2024-05-01' },
-  { name: '端午节', date: '2024-06-10' },
-  { name: '中秋节', date: '2024-09-17' },
-  { name: '国庆节', date: '2024-10-01' }
-];
-</script>
-
-<style lang="scss" scoped>
-.ut-home {
-  .el-avatar--large {
-    --el-avatar-size: 72px;
-  }
-
-  ::v-deep(.el-card__body) {
-    padding: 0 !important;
-  }
-}
-</style>
+<!--
+ * @Author: levi7754 levi7754@163.com
+ * @Date: 2023-11-02 10:04:05
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2026-02-02 14:31:54
+ * @FilePath: /front-web-mes/src/views/uhome/su-welcome.vue
+ * @Description: 欢迎页面
+-->
+<template>
+  <div class="ut-home m-3">
+    <!-- 顶部 -->
+    <div v-if="systemLayout.UserProfile" class="h-32 mb-4 p-4 flex justify-between items-center bg-white home-page">
+      <div class="flex flex-row items-center flex-[2]">
+        <div>
+          <el-avatar size="large" class="text-4xl font-bold bg-[var(--el-color-primary)]">{{ firstName }}</el-avatar>
+        </div>
+        <div class="ml-4 text-xs flex-[2]">
+          <div class="flex justify-center items-center">
+            <span> {{ getCurrentPeriod() }}, {{ systemHook.getUserInfo?.name || '' }},欢迎回来！ </span>
+            <div class="flex flex-[2] justify-center items-center font-bold" style="color: var(--el-color-primary)">
+              星光不问赶路人,岁月不负有心人,以梦为马,不负韶华!
+            </div>
+          </div>
+          <div class="py-2 text-gray-500 flex">
+            <span class="inline-block"> 所属角色: </span>
+            <div class="w-2/3">{{ getRole() }}</div>
+          </div>
+          <div v-if="getRole() !== '系统管理员'" class="text-gray-500 flex">
+            <span class="inline-block"> 所属组织: </span>
+            <div class="w-2/3">{{ getOrg() }}</div>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-col">
+        <span class="text-4xl">
+          <ut-flip-down :show-days="false" :show-labels="false" />
+        </span>
+        <div class="mt-1 ml-3">{{ getLunarDay() }}</div>
+      </div>
+    </div>
+    <el-row v-if="has2upversion">
+      <dynamic-card :list="dataList" />
+    </el-row>
+    <el-row class="m-2" :gutter="10">
+      <el-col v-if="systemLayout.FavorityMenu" :lg="24" :md="24" class="">
+        <commonMenu />
+      </el-col>
+      <el-col v-if="systemLayout.ToDo" :lg="24" :md="24" class="">
+        <el-card>
+          <template #header>
+            <div class="font-bold">
+              <span>流程审批</span>
+            </div>
+          </template>
+
+          <div>
+            <homeTodo />
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col v-if="systemLayout.LoginInfo" :xl="16" :lg="12" :md="24">
+        <el-card class="mb-2">
+          <template #header>
+            <div class="font-bold">
+              <span>个人动态</span>
+            </div>
+          </template>
+          <div class="p-3">
+            <ul class="p-0 w-full h-full">
+              <li v-for="item in logList" :key="item.id" class="w-full list-none p-2 border-b border-gray-200">
+                <div class="flex">
+                  <div>
+                    <el-avatar class="text-base">{{ firstName }}</el-avatar>
+                  </div>
+                  <div class="ml-3">
+                    <div>
+                      <span class="text-blue-600 mr-3">{{ item.browser }}</span>
+                      <span>{{ item.browserVersion || item.platformVersion }}</span>
+                    </div>
+                    <div class="text-gray-400 text-sm">{{ item.loginTime }}</div>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </el-card>
+      </el-col>
+
+      <!-- 右侧 -->
+      <el-col v-if="systemLayout.Calendar" :xl="8" :lg="12" :md="24" class="">
+        <el-card class="mb-2">
+          <template #header>
+            <div class="font-bold">
+              <span>日历</span>
+            </div>
+          </template>
+          <div class="p-1">
+            <ut-calendar :holidays="holidays" :statutory-holiday="statutoryHoliday" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 重置密码 -->
+    <ut-modal-form
+      v-if="showModal"
+      :record="data"
+      :items="passwordItems()"
+      :width="360"
+      :height="250"
+      :modal-options="{ showClose: false }"
+      :show-cancle-button="false"
+      data-status="update"
+      :title="$t('message.udp.passwordReset')"
+      url="/uums/user/updatePwd"
+      method="put"
+      @close="showModal = false"
+      @confirm="logout()"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed, onBeforeMount } from 'vue';
+import { cookies, lunarCalendar, storageLocal, getDictChildren } from '@utogether/utils';
+import CryptoJS from 'crypto-js';
+import to from 'await-to-js';
+import dayjs from 'dayjs';
+import { useSystemStoreHook } from '../../store/modules/system';
+import commonMenu from './components/common-menu.vue';
+import homeTodo from './components/home-todo.vue';
+import dynamicCard from './dynamic-card.vue';
+import { kSYSCONFIG, kPASSWORD, kCRYPTO } from '../../contant';
+import pkg from '../../../package.json';
+import { getServiceApi } from '../../api';
+
+import { useNav } from '../../layout/hooks/useNav';
+
+defineOptions({ name: 'UdpWelcome' });
+
+const systemHook = useSystemStoreHook();
+
+const logList = ref([]);
+const dataList = ref([]);
+
+const showModal = ref(false);
+const data = ref<IRecord>({});
+
+const systemLayout = ref({ UserProfile: false, ToDo: false, FavorityMenu: false, Calendar: false, LoginInfo: false });
+
+const firstName = computed(() => {
+  return systemHook.getUserInfo.name?.slice(0, 1);
+});
+
+const { passwordItems, logout } = useNav();
+
+const has2upversion = ref(pkg.version.substring(0, 1) === '2');
+
+let intervalId = null;
+// 角色
+const getRole = () => {
+  const isAdmin = systemHook.isAdminRole;
+  if (isAdmin) {
+    return '系统管理员';
+  } else {
+    return systemHook.getUserInfo?.sysRoles?.map(m => m.roleName).join(',');
+  }
+};
+
+// 组织
+const getOrg = () => {
+  const isAdmin = systemHook.isAdminRole;
+  if (isAdmin) {
+    return '【系统管理员】拥有所有组织';
+  } else {
+    return systemHook.getOrglist?.map(m => m.orgName).join(',');
+  }
+};
+
+// 获取时间段
+const getCurrentPeriod = () => {
+  const hour = Number(dayjs().format('HH'));
+  return hour < 12 ? '上午好' : hour < 18 ? '下午好' : '晚上好';
+};
+
+const getLunarDay = () => {
+  const time = new Date();
+  const lunarday = lunarCalendar.solar2lunar(time.getFullYear(), time.getMonth() + 1, time.getDate()) as IRecord;
+  const { gzYear, IMonthCn, IDayCn, cMonth, cDay, ncWeek } = lunarday;
+  return `${cMonth}月${cDay}日 ${gzYear}${IMonthCn}${IDayCn} ${ncWeek}`;
+};
+
+const getUserLog = () => {
+  const url = '/upfm/v1/userMonitor';
+  const query = { pageSize: 8, pageNum: 1, employeeName: systemHook.getUserInfo?.name };
+  getServiceApi()
+    .get(url, query)
+    .then((res: IResponseData) => {
+      logList.value = res?.list || [];
+    });
+};
+
+const getLayoutList = async () => {
+  const api = getServiceApi();
+  const [err, res]: any = await to(
+    api.get('/upfm/sysHomeConfig', { pageSize: 1000, pageNum: 1, enabled: '1', isRoleFilter: 'Y' })
+  );
+  if (err) return;
+  systemLayout;
+  res?.list.forEach(m => {
+    if (m.type === 'custom') {
+      console.log(m);
+      dataList.value.push(m);
+    } else {
+      systemLayout.value[m.code] = !!m.code;
+    }
+  });
+};
+
+const getInitPassword = async () => {
+  const passWord = CryptoJS.AES.decrypt(cookies.get(kPASSWORD), kCRYPTO).toString(CryptoJS.enc.Utf8);
+  const dict = getDictChildren('SU.DEFAULT_PASSWORD')?.find(f => f.dictCode === 'default');
+  if (dict && dict.dictName === passWord) {
+    // 密码和默认密码一致，提示修改密码
+    data.value = {
+      id: systemHook.getUserInfo.id,
+      oldUserPwd: passWord
+    };
+    showModal.value = true;
+    window.clearInterval(intervalId);
+  } else if (dict && dict.dictName !== passWord) {
+    // 密码已重置
+    window.clearInterval(intervalId);
+  }
+};
+
+onBeforeMount(() => {
+  const sysConfig = storageLocal.getItem(kSYSCONFIG);
+  if (sysConfig.initialPasswordModification === 'Y') {
+    const passWord = CryptoJS.AES.decrypt(cookies.get(kPASSWORD), kCRYPTO).toString(CryptoJS.enc.Utf8);
+    const dict = getDictChildren('SU.DEFAULT_PASSWORD')?.find(f => f.dictCode === 'default');
+    if (!dict || dict?.dictName === passWord) {
+      intervalId = setInterval(() => {
+        getInitPassword();
+      }, 1000);
+    }
+  }
+});
+
+onMounted(() => {
+  getUserLog();
+  if (pkg.version.substring(0, 1) === '2') {
+    getLayoutList();
+  } else {
+    systemLayout.value = { UserProfile: false, ToDo: false, FavorityMenu: false, Calendar: false, LoginInfo: true };
+  }
+});
+
+// 假期设置
+const holidays = [
+  {
+    2023: { 12: { 30: '班', 31: '班' } }
+  },
+  {
+    2024: {
+      1: { 1: '假' },
+      2: {
+        4: '班',
+        10: '假',
+        11: '假',
+        12: '假',
+        13: '假',
+        14: '假',
+        15: '假',
+        16: '假',
+        17: '假',
+        18: '班'
+      },
+      4: { 4: '假', 5: '假', 6: '假', 7: '班', 28: '班' },
+      5: { 1: '假', 2: '假', 3: '假', 4: '假', 5: '假', 11: '班' },
+      6: { 8: '假', 9: '假', 10: '假' },
+      9: { 15: '假', 16: '假', 17: '假', 14: '班', 29: '班' },
+      10: { 1: '假', 2: '假', 3: '假', 4: '假', 5: '假', 6: '假', 7: '假', 12: '班' }
+    }
+  }
+];
+// 法定假日;
+const statutoryHoliday = [
+  { name: '元旦', date: '2024-01-01' },
+  { name: '春节', date: '2024-02-10' },
+  { name: '清明节', date: '2024-04-04' },
+  { name: '劳动节', date: '2024-05-01' },
+  { name: '端午节', date: '2024-06-10' },
+  { name: '中秋节', date: '2024-09-17' },
+  { name: '国庆节', date: '2024-10-01' }
+];
+</script>
+
+<style lang="scss" scoped>
+.ut-home {
+  .el-avatar--large {
+    --el-avatar-size: 72px;
+  }
+
+  ::v-deep(.el-card__body) {
+    padding: 0 !important;
+  }
+}
+</style>