yg-yygl 0.0.1

package/dist/views/login/components/security-code.vue

@@ -0,0 +1,71 @@
+<script setup lang="tsx">
+import { onMounted, ref } from 'vue'
+// import { propTypes } from '../../../api/login/propTypes'
+import { getDigitalCaptcha } from '../../../api/login'
+
+defineProps<{
+  width: string,
+  type: string,
+  value: string,
+  biyiCaptchaKey: string
+}>()
+
+const emit = defineEmits(['update:biyiCaptchaKey', 'update:value'])
+
+const imgUrl = ref('')
+const securityCode = ref('')
+
+const getSecurityCode = () => {
+  getDigitalCaptcha().then((res) => {
+    let key = res.captchaId
+    imgUrl.value = res.imageBase64Data
+    emit('update:biyiCaptchaKey', key)
+  })
+}
+
+onMounted(() => {
+  getSecurityCode()
+})
+
+defineExpose({
+  init: getSecurityCode
+})
+</script>
+
+<template>
+  <div class="security-code-wrapper" :style="{ width: width }">
+    <el-input
+      v-model="securityCode"
+      size="large"
+      placeholder="请输入验证码"
+      :style="{
+        width: 'calc(100% - 150px)' ,
+        height: '40px'
+      }"
+      @input="emit('update:value', securityCode)"
+    />
+    <img
+      :style="{
+        width:  '125px',
+        height:  '40px'
+      }"
+      :src="imgUrl"
+      alt="验证码图片加载错误"
+      title="点击刷新验证码"
+      @click="getSecurityCode"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+.security-code-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.security-code-wrapper > img {
+  margin-left: 20px;
+  height: 36px;
+  cursor: pointer;
+}
+</style>

package/dist/views/login/components/security-code.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    width: string;
+    type: string;
+    value: string;
+    biyiCaptchaKey: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    init: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/login/components/update-password.d.vue.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    currentLayout: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/login/components/update-password.vue

@@ -0,0 +1,182 @@
+<script setup lang="ts">
+import type { FormItemConfig } from '@udp/component-ui';
+
+import { computed, reactive, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { Form } from '@udp/component-ui';
+
+import { Back } from '@element-plus/icons-vue';
+import { ElMessage } from 'element-plus';
+
+import { changePassword, validatePassword } from '../../../api/account';
+import { encryptPassword } from '../../../utils';
+
+defineProps<{
+  currentLayout: string;
+}>();
+
+const router = useRouter();
+
+const { query } = useRoute();
+
+const formRef = ref();
+
+const submitLoading = ref(false);
+
+const formData = computed(() => formRef.value?.getValues());
+
+const formItems = reactive<FormItemConfig[]>([
+  {
+    prop: 'oldPassword',
+    label: '原密码',
+    type: 'password',
+    required: true,
+    rules: [
+      { required: true, message: '请输入原密码', trigger: ['blur', 'input'] },
+    ],
+    props: {
+      showPassword: true,
+    },
+  },
+  {
+    prop: 'newPassword',
+    label: '新密码',
+    type: 'password',
+    required: true,
+    rules: [
+      { required: true, message: '请输入新密码', trigger: ['blur', 'input'] },
+      {
+        validator: async (_rule, value, callback) => {
+          if (value && value === formData.value?.oldPassword) {
+            callback(
+              new Error(
+                '为了您的账号安全，新密码需与旧密码不同，请更换其他密码尝试。',
+              ),
+            );
+          }
+          const res = await validatePassword(encryptPassword(value));
+          if (res && (res as string[]).length > 0) {
+            callback(new Error((res as string[]).join(';')));
+          }
+          callback();
+        },
+      },
+    ],
+    props: {
+      showPassword: true,
+    },
+  },
+  {
+    prop: 'confirmPassword',
+    label: '确认新密码',
+    type: 'password',
+    required: true,
+    rules: [
+      {
+        required: true,
+        message: '请再次输入新密码',
+        trigger: ['blur', 'input'],
+      },
+      {
+        validator: (_rule, value, callback) => {
+          if (value && value !== formData.value?.newPassword) {
+            callback(new Error('两次输入的新密码不一致，请重新输入'));
+          }
+          callback();
+        },
+      },
+    ],
+    props: {
+      showPassword: true,
+    },
+  },
+]);
+
+const handleSubmit = async (values: any) => {
+  try {
+    await formRef.value.validate();
+    submitLoading.value = true;
+    // 调用后台接口修改密码
+    await changePassword({
+      // accountId: props.accountInfo!.id || 0, // 优先使用props中的accountInfo
+      loginCode: (query?.loginCode as string) || '', // 优先使用props中的accountInfo
+      oldPassword: encryptPassword(values.oldPassword), // 原密码
+      password: encryptPassword(values.newPassword), // 新密码
+    });
+    ElMessage.success('密码修改成功！');
+    handleBack();
+    // 重置表单
+    formRef.value.resetFields();
+  } catch (error: any) {
+    // 根据错误码提供具体的错误提示
+    if (error?.code !== 0) {
+      // 清空原密码输入框
+      formRef.value.setValue('oldPassword', '');
+    } else if (error?.msg) {
+      ElMessage.error(error.msg);
+    } else if (error instanceof Error) {
+      ElMessage.error(error.message || '密码修改失败');
+    } else {
+      ElMessage.error('密码修改失败，请稍后重试');
+    }
+  } finally {
+    submitLoading.value = false;
+  }
+};
+
+const handleBack = () => {
+  router.push('/auth/login');
+};
+</script>
+
+<template>
+  <div
+    class="z-10000 flex h-full w-full flex-col justify-center"
+    :class="{
+      'items-center': currentLayout === 'center',
+      'items-start': currentLayout !== 'center',
+    }"
+  >
+    <el-button
+      class="absolute"
+      :class="{
+        'left-[50px] top-[50px]': currentLayout === 'center',
+        'left-[40px] top-[20px]': currentLayout !== 'center',
+      }"
+      type="info"
+      link
+      @click="handleBack"
+    >
+      <el-icon class="mr-2"><Back /></el-icon>
+      返回登录
+    </el-button>
+    <div class="text-foreground mb-3 text-2xl font-medium">修改密码</div>
+    <div class="text-muted-foreground mb-[40px] text-sm font-medium">
+      您的密码存在一定风险，需更新密码后才能继续登录。
+    </div>
+    <Form
+      ref="formRef"
+      class="update-pasword-form w-full"
+      :items="formItems"
+      label-width="auto"
+      size="large"
+      label-position="top"
+      :show-reset-button="false"
+      submit-button-text="保存"
+      :submit-loading="submitLoading"
+      @submit="handleSubmit"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+/* 自定义登录表单样式 */
+.update-pasword-form :deep(.form-actions) {
+  margin-top: 16px;
+}
+
+.update-pasword-form :deep(.form-actions .el-button) {
+  width: 100% !important;
+}
+</style>

package/dist/views/login/components/update-password.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    currentLayout: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/login/index.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/login/index.vue

@@ -0,0 +1,289 @@
+<script setup lang="ts">
+// 扩展原始类型
+import { computed, onMounted, ref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { Icon } from '@udp/component-ui';
+import { updatePreferences } from '@udp/preferences';
+
+import { baseList, listByKey } from '../../api/sys-config';
+import { getCurrentTemplate } from '../../api/template-config';
+import { useAppConfig } from '@udp/hooks';
+import { useSystemStore } from '@udp/stores';
+
+interface TemplateConfigResponse {
+  id?: string;
+  templateName?: string;
+  templateIcon?: string;
+  templateStatus?: number;
+  templateBuiltin?: number;
+  createTime?: string;
+  updateTime?: string;
+  avatar?: string;
+  // 添加新字段
+  loginSlogan?: string;
+  loginDescribe?: string;
+  imageId?: string;
+  imageData?: string; // 后端返回的 Base64 编码背景图文件流
+}
+
+// 引入router以修改meta数据
+const router = useRouter();
+const systemStore = useSystemStore();
+
+// 模板信息
+const templateInfo = ref<TemplateConfigResponse>({});
+const portalConfig = ref<any>({});
+const { apiURL } = useAppConfig(import.meta.env, import.meta.env.PROD);
+
+// 监听模板信息变化，将loginSlogan和loginDescribe注入到路由meta中
+watch(
+  () => templateInfo.value,
+  (newInfo) => {
+    if (newInfo) {
+      // 修改当前路由的meta数据
+      const currentRoute = router.currentRoute.value;
+      currentRoute.meta.loginSlogan = newInfo.loginSlogan;
+      currentRoute.meta.loginDescribe = newInfo.loginDescribe;
+    }
+  },
+  { deep: true },
+);
+
+// 计算背景样式
+const backgroundStyle = computed(() => {
+  // 有 imageData → 用 Base64 文件流
+  if (templateInfo.value.imageData) {
+    return {
+      background: `url(data:image/png;base64,${templateInfo.value.imageData}) no-repeat center/cover`,
+    };
+  }
+  // 有 imageId 但无 imageData → 兼容旧数据 fallback 到 URL
+  if (templateInfo.value.imageId) {
+    return {
+      background: `url(${apiURL}/api/common/image/queryById?id=${templateInfo.value.imageId}) no-repeat center/cover`,
+    };
+  }
+  // 都没有 → 不设背景，回到 CSS 默认样式
+  return {};
+});
+
+// 是否显示 Logo 图片
+const hasLogoImage = computed(() => {
+  return !!(portalConfig.value?.avatar || templateInfo.value?.templateIcon);
+});
+
+// 布局配置相关代码（下版本开发）
+const currentLayout = ref('right');
+const currentLayoutIcon = computed(() => {
+  return (
+    layoutList.find((item) => item.value === currentLayout.value)?.icon ||
+    'fluent:layout-column-two-focus-right-16-filled'
+  );
+});
+const layoutList = [
+  {
+    label: '居左',
+    value: 'left',
+    icon: 'fluent:layout-column-two-focus-left-16-filled',
+  },
+  {
+    label: '居中',
+    value: 'center',
+    icon: 'material-symbols:picture-in-picture-center-outline-rounded',
+  },
+  {
+    label: '居右',
+    value: 'right',
+    icon: 'fluent:layout-column-two-focus-right-16-filled',
+  },
+];
+
+// 记住密码的存储key（与 login-form.vue 保持一致）
+const REMEMBER_KEY = 'udp_remember_login';
+
+// 获取记住的租户ID
+const getRememberedTenantId = (): string | null => {
+  try {
+    const remembered = localStorage.getItem(REMEMBER_KEY);
+    if (remembered) {
+      const data = JSON.parse(remembered);
+      return data.tenantId || null;
+    }
+  } catch (e) {
+    console.error('读取记住的登录信息失败', e);
+  }
+  return null;
+};
+
+// 动态修改浏览器图标
+const updateFavicon = (iconUrl: string) => {
+  if (!iconUrl) return;
+  // 查找现有的 favicon link 元素
+  let link: HTMLLinkElement | null = document.querySelector("link[rel*='icon']");
+  if (link) {
+    link.href = iconUrl;
+  } else {
+    // 如果不存在，创建一个新的
+    link = document.createElement('link');
+    link.rel = 'icon';
+    link.href = iconUrl;
+    document.head.appendChild(link);
+  }
+};
+
+const getConfig = async (tenantId?: string) => {
+  try {
+    // 优先使用传入的 tenantId，其次从 localStorage 获取
+    const finalTenantId = tenantId || getRememberedTenantId();
+
+    // 获取模板信息
+    getCurrentTemplate({ tenantId: finalTenantId || null }).then((res) => {
+      if (res) {
+        templateInfo.value = res;
+      }
+    });
+
+    // 先获取登录配置的标题
+    const res = await listByKey({ tenantId: finalTenantId || null });
+    const baseConfig = { ...res[0] };
+    portalConfig.value.porProjectName = baseConfig.porProjectName;
+
+    // 再获取门户配置
+    const portalRes = await baseList({ tenantId: finalTenantId || null });
+    if (portalRes && portalRes.length > 0) {
+      portalConfig.value = { ...portalRes[0], porProjectName: portalRes[0].porProjectName || portalConfig.value.porProjectName };
+      // 缓存租户模式状态，供登录表单和路由守卫使用
+      localStorage.setItem(
+        'tenantStatus',
+        portalRes[0].tenantStatus || '1',
+      );
+      // 存储到 localStorage，供加载页使用
+      localStorage.setItem('portal_config', JSON.stringify(portalRes[0]));
+      // 动态修改浏览器图标
+      if (portalConfig.value.avatar) {
+        updateFavicon(portalConfig.value.avatar);
+      }
+      updatePreferences({
+        app: {
+          name: portalConfig.value.porProjectName,
+        },
+        // 从接口获取 Logo 样式配置
+        logo: {
+          textColor: portalConfig.value.porTextColor || '#000000',
+          textSize: portalConfig.value.porTextFontSize || 24, // 与 base-form.vue 保持一致
+          textFont: portalConfig.value.porTextFontFormat || 'Microsoft YaHei',
+        },
+      });
+      systemStore.setHomeRoute(portalConfig.value.homeRoute || '');
+    }
+  } catch (error) {
+    console.error('获取登录模板或门户配置失败', error);
+  }
+};
+
+// 获取当前登录模板和门户配置
+onMounted(() => {
+  getConfig();
+});
+
+// 布局配置相关代码（下版本开发）
+const handleLayoutCommand = (value: string) => {
+  currentLayout.value = value;
+};
+</script>
+
+<template>
+  <div
+    class="login-container relative flex h-full w-full items-center justify-center px-[20px] md:pl-[200px] md:pr-[180px]"
+    :class="{
+      '!justify-start': currentLayout === 'left',
+      '!justify-end': currentLayout === 'right',
+    }"
+    :style="backgroundStyle"
+  >
+    <!-- Logo -->
+    <div class="absolute left-60 top-20 flex items-center">
+      <img
+        v-if="hasLogoImage"
+        :src="portalConfig?.avatar || templateInfo?.templateIcon"
+        alt="Logo"
+        class="h-full h-[96px]"
+      />
+      <!-- fjl modify 去掉默认名称 '统一开发框架' -->
+      <span class="text-foreground ml-2 text-5xl font-medium leading-[54px]">{{
+        portalConfig?.porProjectName ||
+        templateInfo?.templateName ||
+        ''
+      }}</span>
+      <!-- 版本 -->
+      <!-- <span class="text-foreground ml-2 pt-3 text-sm">{{
+        portalConfig?.porVersion
+      }}</span> -->
+    </div>
+
+    <!-- 布局配置（下版本开发）-->
+    <!-- <div
+      class="bg-#F4F4F5 absolute right-4 top-4 flex items-center justify-center rounded-[50px] px-4 py-2"
+    >
+      <el-popover
+        placement="bottom"
+        trigger="hover"
+        popper-style="min-width: 100px; width: 100px; padding: 8px 0px;"
+      >
+        <template #reference>
+          <el-button type="primary" link>
+            <Icon :name="currentLayoutIcon" :size="22" />
+          </el-button>
+        </template>
+        <div
+          class="text-muted-foreground flex cursor-pointer items-center justify-center py-2"
+          :class="{
+            'text-primary bg-primary-100': currentLayout === item.value,
+          }"
+          v-for="item in layoutList"
+          :key="item.value"
+          @click="handleLayoutCommand(item.value)"
+        >
+          <Icon :name="item.icon" size="22px" />
+          <span class="text-md ml-2">{{ item.label }}</span>
+        </div>
+      </el-popover>
+    </div> -->
+
+    <!-- Login Card -->
+    <div
+      class="bg-background relative flex w-[460px] flex-col justify-center overflow-hidden px-4 py-[100px] shadow-2xl"
+      :class="{
+        'rounded-[50px] md:w-[500px] md:px-[50px] xl:w-[800px] xl:px-[200px]':
+          currentLayout === 'center',
+        'rounded-[20px] !px-[30px] py-[40px]': currentLayout !== 'center',
+      }"
+    >
+      <!-- 使用router-view并传递参数 -->
+      <router-view v-slot="{ Component }">
+        <component
+          :is="Component"
+          :current-layout="currentLayout"
+          :template-info="templateInfo"
+          :portal-config="portalConfig"
+          @get-config="getConfig"
+        />
+      </router-view>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.login-container {
+  overflow: hidden;
+  /* 默认渐变背景 - 当没有模板背景时使用 */
+  background: radial-gradient(
+    125% 125% at -2% 101%,
+    rgb(97, 185, 241) 10.5%,
+    rgba(148, 201, 233, 1) 16%,
+    rgb(164, 207, 234) 17.5%,
+    rgb(255, 255, 255) 100%
+  );
+}
+</style>

package/dist/views/login/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/login/sso/index.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/login/sso/index.vue

@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { ssoLoginAuthApi } from '../../../api/login';
+import { ElMessage } from 'element-plus';
+import {onBeforeMount} from "vue";
+import { useRouter, useRoute } from 'vue-router';
+import { useAuthStore } from '../../../store';
+import { preferences } from '@udp/preferences';
+
+const router = useRouter();
+const route = useRoute();
+
+const authStore = useAuthStore();
+
+const ssoLoginAuth = async () => {
+  try {
+    // console.log('============== 进入SSO页面-开始取参数 ========================== ')
+    // 从浏览器链接获取参数  浏览器链接类似：/#/sso?loginCode=admin?authSecret=bdac280e5a21440095570dfad5dddc74
+    // const loginCode = route.query.loginCode as string;
+    // const authSecret = route.query.authSecret as string;
+    const centerToken = route.query.centerToken as string;
+    // console.log('============== 进入SSO页面-loginCode:', loginCode)
+    // console.log('============== 进入SSO页面-authSecret:', authSecret)
+    // console.log('============== 进入SSO页面-centerToken:', centerToken)
+    if (!centerToken) {
+      // console.log('============== 进入SSO页面-参数不对 ========================== ')
+      // 跳转正常登录页
+      router.replace('/auth/login');
+      return
+    }
+    // console.log('============== 进入SSO页面-准备调接口 ========================== ')
+    const res = await ssoLoginAuthApi({
+      // loginCode,
+      // clientSecret: authSecret,
+      centerToken
+    })
+    // console.log('============== 进入SSO页面-接口结果： ', res)
+    // ElMessage.success('登录成功');
+    // 获取token
+    authStore.authLogin(res, () => {
+      // 登录成功后跳转首页，将本路由（三方认证的路由替换掉，防止后退导致重复认证）
+      router.replace(preferences.app.defaultHomePath)
+    });
+  } catch (err) {
+    // console.error('============ 进入SSO页面-报错了 ==========', err);
+    ElMessage.error(err?.msg || '登录失败');
+    router.replace('/auth/login');
+  }
+}
+
+onBeforeMount(() => {
+  // console.log('============== 进入SSO页面了 ========================== ')
+  ssoLoginAuth();
+})
+</script>
+
+<template></template>
+
+<style scoped>
+
+</style>

package/dist/views/login/sso/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/navHome/index.d.vue.ts

@@ -0,0 +1,3 @@
+import './fonts/font.css';
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;