yg-yygl 0.0.1

package/dist/views/personal-center/components/basic-info.vue

@@ -0,0 +1,327 @@
+<script setup lang="ts">
+import type { FormItemConfig } from '@udp/component-ui';
+
+import type { Account } from '../../../api/account/types';
+
+import { computed, ref, watchEffect } from 'vue';
+
+import { Form, Icon } from '@udp/component-ui';
+import { useUserStore } from '@udp/stores';
+
+import { ElMessage } from 'element-plus';
+
+import { updateMySelfAccount } from '../../../api/account';
+import { updateMySelfUser } from '../../../api/user';
+import { ContentCard } from '../../../components/content-card';
+import { useAuthStore } from '../../../store';
+
+const props = defineProps<{
+  accountInfo: Account;
+}>();
+
+const userStore = useUserStore();
+const authStore = useAuthStore();
+
+const userInfo = computed(() => userStore.userInfo);
+
+const isEdit = ref(false);
+
+const loading = ref(false);
+
+const initFormValues = ref({});
+
+// 表单引用
+const formRef = ref();
+
+watchEffect(() => {
+  initFormValues.value = {
+    nickname: props.accountInfo?.nickname || '',
+    gender: userInfo.value?.gender || 1,
+    idnum: userInfo.value?.idnum || '',
+    addr: userInfo.value?.addr || '',
+    emergencyCall: userInfo.value?.emergencyCall || '',
+    remark: userInfo.value?.remark || '',
+    loginCode: props.accountInfo?.loginCode || '',
+    mobile: userInfo.value?.mobile || '',
+    status: props.accountInfo?.status || 1,
+    type: props.accountInfo?.type || 2,
+  };
+  console.log(555_555, initFormValues.value);
+  formRef.value?.setValues(initFormValues.value);
+});
+
+// 表单配置
+const formItems = computed<FormItemConfig[]>(() => [
+  {
+    prop: 'loginCode',
+    label: '账号',
+    type: 'input',
+    placeholder: '请输入账号',
+    props: {
+      disabled: true,
+    },
+  },
+  {
+    prop: 'nickname',
+    label: '昵称',
+    type: 'input',
+    placeholder: '请输入昵称',
+    required: isEdit.value,
+    props: {
+      disabled: !isEdit.value,
+    },
+    rules: [
+      { required: true, message: '请输入账号昵称', trigger: ['blur', 'input'] },
+      {
+        min: 2,
+        max: 20,
+        message: '账号昵称长度应在 2-20 个字符',
+        trigger: ['blur', 'input'],
+      },
+    ],
+  },
+  {
+    prop: 'mobile',
+    label: '手机号',
+    type: 'input',
+    placeholder: '请输入手机号',
+    mask: {
+      type: 'phone', // 或省略，默认为 phone
+    },
+    props: {
+      disabled: true,
+    },
+  },
+  {
+    prop: 'gender',
+    label: '性别',
+    type: 'select',
+    placeholder: '请选择性别',
+    required: isEdit.value,
+    options: [
+      {
+        label: '男',
+        value: 1,
+      },
+      {
+        label: '女',
+        value: 2,
+      },
+    ],
+    props: {
+      disabled: !isEdit.value,
+    },
+    rules: [{ required: true, message: '请选择性别', trigger: ['change'] }],
+  },
+  {
+    prop: 'idnum',
+    label: '身份证号',
+    type: 'input',
+    placeholder: '请输入身份证号',
+    mask: {
+      type: 'idCard', // 或省略，默认为 idCard
+    },
+    props: {
+      disabled: !isEdit.value,
+    },
+  },
+  {
+    prop: 'addr',
+    label: '家庭地址',
+    type: 'input',
+    placeholder: '请输入家庭地址',
+    props: {
+      disabled: !isEdit.value,
+    },
+  },
+  {
+    prop: 'emergencyCall',
+    label: '紧急联系电话',
+    type: 'input',
+    placeholder: '请输入紧急联系电话',
+    props: {
+      disabled: !isEdit.value,
+    },
+  },
+  {
+    prop: 'status',
+    label: '账号状态',
+    type: 'select',
+    placeholder: '请选择账号状态',
+    props: {
+      disabled: true,
+    },
+    options: [
+      {
+        label: '正常',
+        value: 1,
+      },
+      {
+        label: '禁用',
+        value: 0,
+      },
+    ],
+  },
+  {
+    prop: 'type',
+    label: '账号类型',
+    type: 'select',
+    placeholder: '请选择账号类型',
+    props: {
+      disabled: true,
+    },
+    options: [
+      {
+        label: '超管',
+        value: 1,
+      },
+      {
+        label: '租户超管',
+        value: 1,
+      },
+      {
+        label: '普通账号',
+        value: 2,
+      },
+    ],
+  },
+  {
+    prop: 'remark',
+    label: '备注',
+    type: 'textarea',
+    placeholder: '请输入备注',
+    gridCols: 1,
+    props: {
+      showWordLimit: true,
+      disabled: !isEdit.value,
+      rows: isEdit.value ? 2 : 1,
+      maxlength: 100,
+    },
+  },
+]);
+
+// 账户统计卡片区域示例
+const statCards = computed(() => [
+  {
+    label: '注册时间',
+    value: props.accountInfo?.createTime ?? '-',
+    imgIndex: 1,
+  },
+  {
+    label: '最后登录时间',
+    value: props.accountInfo?.createTime ?? '-',
+    imgIndex: 2,
+  },
+  {
+    label: '拓展时间信息',
+    value: props.accountInfo?.createTime ?? '-',
+    imgIndex: 3,
+  },
+]);
+
+const handleCancel = () => {
+  formRef.value?.handleReset();
+  isEdit.value = false;
+};
+
+const handleSave = async () => {
+  try {
+    if (!(await formRef.value?.validate())) return;
+    loading.value = true;
+    const formData = formRef.value?.getValues();
+    const userParams = {
+      ...userInfo.value,
+      ...formData,
+    };
+    const accoundParams = {
+      ...props.accountInfo,
+      ...formData,
+    };
+    await Promise.all([
+      updateMySelfUser(userParams),
+      updateMySelfAccount(accoundParams),
+    ]);
+    ElMessage.success('保存成功');
+    // 更新用户信息、更新账号信息
+    await Promise.all([
+      authStore.fetchUserInfo(),
+      authStore.fetchAccountInfo(),
+    ]);
+    handleCancel();
+  } catch (error) {
+    console.error(error);
+  } finally {
+    loading.value = false;
+  }
+};
+</script>
+
+<template>
+  <ContentCard title="基本信息">
+    <template #title-right>
+      <el-button v-show="!isEdit" type="primary" @click="isEdit = true">
+        <Icon name="ant-design:edit-outlined" class="mr-2" />
+        编辑资料
+      </el-button>
+      <div v-show="isEdit">
+        <el-button @click="handleCancel">取消</el-button>
+        <el-button type="primary" @click="handleSave">保存</el-button>
+      </div>
+    </template>
+    <div class="w-full">
+      <Form
+        ref="formRef"
+        :items="formItems"
+        :initial-values="initFormValues"
+        label-position="top"
+        :use-grid="true"
+        :grid-cols="3"
+        :grid-gutter="24"
+        :show-actions="false"
+      />
+
+      <!-- 账户统计卡片 -->
+      <div class="mt-4">
+        <div
+          class="border-border text-card-foreground mb-4 border-b pb-4 text-base font-semibold"
+        >
+          账户统计
+        </div>
+        <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+          <div
+            v-for="item in statCards"
+            :key="item.label"
+            class="bg-primary-100 group flex items-center gap-4 rounded-lg p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg dark:bg-gray-800"
+          >
+            <img
+              v-if="item.imgIndex === 1"
+              src="../../../assets/imgs/basic-time-1.png"
+              alt=""
+              class="h-[40px] w-[40px]"
+            />
+            <img
+              v-if="item.imgIndex === 2"
+              src="../../../assets/imgs/basic-time-2.png"
+              alt=""
+              class="h-[40px] w-[40px]"
+            />
+            <img
+              v-if="item.imgIndex === 3"
+              src="../../../assets/imgs/basic-time-3.png"
+              alt=""
+              class="h-[40px] w-[40px]"
+            />
+            <div class="min-w-0 flex-1">
+              <div class="text-muted-foreground text-xs">
+                {{ item.label }}
+              </div>
+              <div class="text-card-foreground text-base font-medium">
+                {{ item.value }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </ContentCard>
+</template>

package/dist/views/personal-center/components/basic-info.vue.d.ts

@@ -0,0 +1,6 @@
+import type { Account } from '../../../api/account/types';
+type __VLS_Props = {
+    accountInfo: Account;
+};
+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/personal-center/components/department-form.d.vue.ts

@@ -0,0 +1,6 @@
+import type { Account } from '../../../api/account/types';
+type __VLS_Props = {
+    accountInfo: Account;
+};
+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/personal-center/components/department-form.vue

@@ -0,0 +1,133 @@
+<script setup lang="ts">
+import type { FormItemConfig } from '@udp/component-ui';
+
+import type { Account } from '../../../api/account/types';
+
+import { reactive, ref, watch } from 'vue';
+
+import { Form } from '@udp/component-ui';
+
+import { getPostListByDepartId } from '../../../api/post';
+import { ContentCard } from '../../../components/content-card';
+
+interface PostOption {
+  label: string;
+  value: string;
+}
+
+const props = defineProps<{
+  accountInfo: Account;
+}>();
+
+const formRef = ref();
+
+const postList = ref<any[]>([]);
+
+const formItems = reactive<FormItemConfig[]>([
+  {
+    prop: 'departmentName',
+    label: '主组织',
+    type: 'input',
+    props: {
+      disabled: true,
+    },
+  },
+  {
+    prop: 'postIds',
+    label: '岗位',
+    type: 'select',
+    options: postList,
+    props: {
+      multiple: true,
+      disabled: true,
+    },
+  },
+]);
+
+const initForm = async () => {
+  const formValues: Record<string, any> = {
+    departmentName: props.accountInfo?.departmentName,
+    postIds: props.accountInfo?.postIds || '',
+  };
+
+  // 获取主部门岗位列表
+  let allPosts: PostOption[] = await initPostList(
+    props.accountInfo?.departmentId,
+  );
+
+  // 获取子部门岗位列表
+  if (props.accountInfo?.subPositions?.length) {
+    // 使用for...of循环替代reduce，处理异步操作
+    for (const [index, item] of props.accountInfo.subPositions.entries()) {
+      formItems.push(
+        {
+          prop: `subDepartmentName_${index}`,
+          label: '附属组织',
+          type: 'input',
+          props: {
+            disabled: true,
+          },
+        },
+        {
+          prop: `postIds_${index}`,
+          label: '岗位',
+          type: 'select',
+          options: postList,
+          props: {
+            multiple: true,
+            disabled: true,
+          },
+        },
+      );
+      formValues[`subDepartmentName_${index}`] = item.subDepartmentName;
+      formValues[`postIds_${index}`] = item.subPostIds;
+      if (item.subPostIds && item.subDepartmentId) {
+        const posts = await initPostList(item.subDepartmentId);
+        allPosts = [...allPosts, ...posts];
+      }
+    }
+  }
+
+  formRef.value.setValues(formValues);
+
+  // 去重
+  postList.value = [
+    ...new Map(allPosts.map((item) => [item.value, item])).values(),
+  ];
+};
+
+const initPostList = async (departmentId: string): Promise<PostOption[]> => {
+  const res = await getPostListByDepartId(departmentId);
+  return (
+    res.map((item: any) => ({
+      label: item.postName,
+      value: item.id,
+    })) || []
+  );
+};
+
+watch(
+  props.accountInfo,
+  () => {
+    props.accountInfo?.departmentId && initForm();
+  },
+  { immediate: true },
+);
+</script>
+
+<template>
+  <ContentCard title="组织/岗位">
+    <Form
+      v-if="accountInfo.departmentId"
+      ref="formRef"
+      class="mt-4 w-full"
+      :items="formItems"
+      label-position="top"
+      :use-grid="true"
+      :grid-cols="2"
+      :grid-gutter="24"
+      :show-actions="false"
+    />
+    <el-empty v-else description="暂无组织/岗位信息" />
+  </ContentCard>
+</template>

package/dist/views/personal-center/components/department-form.vue.d.ts

@@ -0,0 +1,6 @@
+import type { Account } from '../../../api/account/types';
+type __VLS_Props = {
+    accountInfo: Account;
+};
+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/personal-center/components/login-log.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/personal-center/components/login-log.vue

@@ -0,0 +1,147 @@
+<script setup lang="ts">
+import type { LoginLogResponse } from '../../../api/log/types';
+
+import { h, ref } from 'vue';
+
+import { Table, useTable } from '@udp/component-ui';
+import { useUserStore } from '@udp/stores';
+
+import { getLoginLogCurrentPage } from '../../../api/log';
+import { StatusTag } from '../../../components/custom-tags';
+
+const userStore = useUserStore();
+
+const columns = [
+  {
+    prop: 'loginType',
+    label: '登录类型',
+    width: 100,
+    render: ({ row }: { row: LoginLogResponse }) =>
+      h(StatusTag, {
+        value: row.loginType,
+        activeValue: 0,
+        inactiveValue: 1,
+        showDot: false,
+        activeText: '登录',
+        inactiveText: '登出',
+      }),
+  },
+  { prop: 'loginIp', label: '登录IP', minWidth: 140 },
+  { prop: 'loginDevice', label: '登录设备', minWidth: 150 },
+  { prop: 'loginTime', label: '登录时间', minWidth: 180 },
+  {
+    prop: 'loginStatus',
+    label: '登录状态',
+    width: 100,
+    render: ({ row }: { row: LoginLogResponse }) =>
+      h(StatusTag, {
+        value: row.loginStatus,
+        activeValue: 1,
+        inactiveValue: 0,
+        activeText: '成功',
+        inactiveText: '失败',
+      }),
+  },
+];
+
+const loginTimeRange = ref<string[]>([]);
+
+const loginApi = {
+  list: getLoginLogCurrentPage,
+};
+
+const {
+  loading,
+  data,
+  pagination,
+  search,
+  handleSizeChange,
+  handleCurrentPageChange,
+} = useTable({
+  api: loginApi,
+  beforeRequest: (params) => {
+    params.model = {
+      keyword: userStore.accountInfo?.loginCode,
+      startTime: loginTimeRange.value[0] || undefined,
+      endTime: loginTimeRange.value[1] || undefined,
+    };
+    return params;
+  },
+});
+
+const handleReset = () => {
+  loginTimeRange.value = [];
+  search();
+};
+</script>
+
+<template>
+  <ContentCard title="登录日志">
+    <div class="flex h-[calc(100%-45px)] w-full flex-col">
+      <!-- 操作区域 -->
+      <div class="my-4">
+        <el-date-picker
+          v-model="loginTimeRange"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          format="YYYY-MM-DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          class="mr-4"
+        />
+        <el-button type="primary" @click="search">查询</el-button>
+        <el-button @click="handleReset">重置</el-button>
+      </div>
+
+      <Table
+        :data="data"
+        :columns="columns"
+        :loading="loading"
+        :pagination="pagination"
+        show-pagination
+        :show-layout="false"
+        :show-toolbar="false"
+        layout-type="table"
+        @size-change="handleSizeChange"
+        @current-page-change="handleCurrentPageChange"
+      />
+    </div>
+  </ContentCard>
+</template>
+
+<style scoped lang="scss">
+.page-container {
+  @apply flex h-full flex-col;
+}
+
+.page-header {
+  @apply mb-6 flex items-start justify-between;
+
+  .page-title {
+    .title-text {
+      @apply text-foreground mb-1 text-xl font-semibold;
+    }
+
+    .title-desc {
+      @apply text-muted-foreground m-0 text-sm;
+    }
+  }
+
+  .page-actions {
+    @apply flex items-center gap-3;
+  }
+}
+
+.page-divider {
+  @apply mb-6 h-px w-full bg-gray-200;
+}
+
+.page-content {
+  @apply flex-1 overflow-auto;
+
+  .content-card {
+    @apply bg-background rounded-[var(--radius)] border border-gray-100 p-6;
+  }
+}
+</style>

package/dist/views/personal-center/components/login-log.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/personal-center/components/sys-permission.d.vue.ts

@@ -0,0 +1,6 @@
+import type { Account } from '../../../api/account/types';
+type __VLS_Props = {
+    accountInfo: Account;
+};
+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;