create-jnrs-vue 1.2.11

package/jnrs-template-vue/public/system/menu.json

@@ -0,0 +1,137 @@
+{
+  "code": 0,
+  "msg": "操作成功",
+  "data": [
+    {
+      "meta": {
+        "title": "功能演示",
+        "icon": "StarFilled",
+        "todoCount": 4
+      },
+      "children": [
+        {
+          "path": "/unitTest",
+          "name": "UnitTest",
+          "meta": {
+            "title": "基础功能测试",
+            "todoCount": 8
+          },
+          "component": "/demos/unitTest/index"
+        },
+        {
+          "path": "/simpleTable",
+          "name": "SimpleTable",
+          "meta": {
+            "title": "简单数据表格模板",
+            "todoCount": 0
+          },
+          "component": "/demos/simpleTable/index"
+        },
+        {
+          "path": "/crud",
+          "name": "Crud",
+          "meta": {
+            "title": "完整增删改查模板",
+            "todoCount": 0
+          },
+          "component": "/demos/crud/index"
+        },
+        {
+          "path": "/testRedirect",
+          "name": "TestRedirect",
+          "meta": {
+            "title": "重定向测试"
+          },
+          "redirect": "/crud"
+        },
+        {
+          "path": "/testAlias",
+          "name": "TestAlias",
+          "meta": {
+            "title": "相同component不同path",
+            "testId": 1
+          },
+          "component": "/demos/crud/index"
+        }
+      ]
+    },
+    {
+      "path": "/visual",
+      "name": "Visual",
+      "meta": {
+        "title": "可视化看板",
+        "icon": "Platform",
+        "noAuth": true,
+        "global": true
+      },
+      "component": "/visual/index"
+    },
+    {
+      "path": "/lingshuSmart/editorPage",
+      "name": "LingshuSmartEditorPage",
+      "meta": {
+        "title": "Lingshu Smart",
+        "icon": "Promotion",
+        "noAuth": true,
+        "global": true
+      },
+      "component": "/lingshuSmart/editorPage"
+    },
+    {
+      "meta": {
+        "title": "系统管理",
+        "icon": "Tools",
+        "todoCount": 99
+      },
+      "children": [
+        {
+          "path": "/system/mine/index",
+          "name": "SystemMine",
+          "meta": {
+            "title": "个人中心",
+            "todoCount": 999,
+            "permissions": ["mine:view", "mine:edit"]
+          },
+          "component": "/system/mine/index"
+        },
+        {
+          "path": "/system/user",
+          "name": "SystemUser",
+          "meta": {
+            "title": "用户管理",
+            "todoCount": 0,
+            "permissions": ["user:view", "user:edit"]
+          },
+          "component": "/system/user/index"
+        },
+        {
+          "path": "/system/role",
+          "name": "SystemRole",
+          "meta": {
+            "title": "角色管理",
+            "permissions": ["role:view", "role:edit"]
+          },
+          "component": "/system/role/index"
+        },
+        {
+          "path": "/system/dict",
+          "name": "SystemDict",
+          "meta": {
+            "title": "字典管理",
+            "permissions": ["dict:view", "dict:edit"]
+          },
+          "component": "/system/dict/index"
+        },
+        {
+          "path": "/system/menu",
+          "name": "SystemMenu",
+          "meta": {
+            "title": "菜单管理",
+            "permissions": ["menu:view", "menu:edit"]
+          },
+          "component": "/system/menu/index"
+        }
+      ]
+    }
+  ]
+}

package/jnrs-template-vue/src/App.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { onMounted, watch } from 'vue'
+import { useSystemStore } from '@jnrs/vue-core/pinia'
+import { ElConfigProvider } from 'element-plus'
+import zhCn from 'element-plus/es/locale/lang/zh-CN'
+import en from 'element-plus/es/locale/lang/en'
+import { useI18n } from 'vue-i18n'
+import { changeLocales as changeLocalesForShared } from '@jnrs/shared/locales'
+
+const { locale } = useI18n()
+
+const { theme } = useSystemStore()
+watch(
+  () => theme.locale,
+  (newValue) => {
+    locale.value = newValue
+    changeLocalesForShared(newValue)
+  },
+  {
+    immediate: true
+  }
+)
+
+const localeMap = {
+  zhCn: zhCn,
+  en: en
+}
+
+onMounted(() => {
+  console.log(
+    '%cPOWERED BY 🅹🅽🆁🆂 TECH',
+    `background: #f2f2c1;
+  color: #d15f2c;
+  font-weight: bold;
+  padding: 0 8px;
+  font-family: 'Helvetica Neue', sans-serif;`
+  )
+})
+</script>
+
+<template>
+  <el-config-provider :locale="localeMap[theme.locale]">
+    <router-view></router-view>
+  </el-config-provider>
+</template>

package/jnrs-template-vue/src/api/common/index.ts

@@ -0,0 +1,28 @@
+import { axiosRequest } from '../request'
+
+/**
+ * axios 方式下载文件
+ * @param uniqueFileName 文件唯一名称（列表中一般是在 item.attachmentDocument/imageDocument.attachments[].uniqueFileName)
+ * @returns Blob
+ */
+export const FileApi = (uniqueFileName: string): Promise<Blob> => {
+  return axiosRequest({
+    url: '/api/files/' + uniqueFileName,
+    method: 'get',
+    responseType: 'blob',
+    showErrorMsg: false
+  })
+}
+
+/**
+ * Fetch 方式下载文件
+ */
+// import { useFetch } from '@vueuse/core'
+// export const FileApi = (uniqueFileName: string) => {
+//   return useFetch(`/api/files/${uniqueFileName}`, {
+//     method: 'get',
+//     headers: {
+//       responseType: 'blob'
+//     }
+//   }).blob()
+// }

package/jnrs-template-vue/src/api/demos/index.ts

@@ -0,0 +1,155 @@
+import type { Pagination, PageTableData, FileContainer } from '@/types'
+import { axiosRequest } from '../request'
+import { extractFieldId } from '@/utils/file'
+import { objectToFormData } from '@/utils/packages'
+
+/**
+ * 项目
+ */
+export interface ProjectItem extends FileContainer {
+  id: string
+  programCode: string
+  program: string
+  code: string
+  name: string
+  description: string
+  projectType?: '敏捷型' | '瀑布型' | '混合型'
+  manager: string
+  budget: number
+  plannedStartDate: string
+  plannedFinishDate: string
+  progress: string
+  status: '进行中' | '已完成' | '未开始' | '已暂停'
+}
+
+/**
+ * 新增
+ */
+type AddProjectOmitKeys =
+  | 'id'
+  | 'programCode'
+  | 'program'
+  | 'code'
+  | 'manager'
+  | 'plannedFinishDate'
+  | 'progress'
+  | 'status'
+  | 'imageDocument'
+  | 'attachmentDocument'
+
+export type AddProjectItem = Omit<ProjectItem, AddProjectOmitKeys> & {
+  id?: string
+  managerId?: Record<string, unknown> | unknown
+  newAttachmentFile: []
+  newImageFiles: []
+}
+
+/**
+ * 查询
+ */
+export interface ProjectQuery extends Pagination {
+  code?: string
+  projectType?: '敏捷型' | '瀑布型' | '混合型'
+  manager?: string
+}
+
+/**
+ * 测试 404 错误
+ */
+export const NotFoundApi = () => {
+  return axiosRequest({
+    url: '/mock/notFound',
+    method: 'get'
+  })
+}
+
+/**
+ * 测试 不需要权限
+ */
+export const NoNeedAuthApi = () => {
+  return axiosRequest({
+    url: '/mock/auth/no',
+    method: 'post',
+    noAuth: true
+  })
+}
+
+/**
+ * 测试 无权限
+ * @param showErrorMsg 是否显示错误信息
+ */
+export const NoAuthApi = (showErrorMsg: boolean) => {
+  return axiosRequest({
+    url: '/mock/auth/no',
+    method: 'post',
+    showErrorMsg
+  })
+}
+
+/**
+ * 数据详情
+ */
+export const DetailsApi = (): Promise<FileContainer> => {
+  return axiosRequest({
+    url: '/mock/details',
+    method: 'get'
+  })
+}
+
+/**
+ * 表单新增（包含文件上传类需使用 formData 类型）
+ */
+export const EditApi = (data: AddProjectItem) => {
+  const formData = objectToFormData({
+    ...data,
+    managerId: extractFieldId(data.managerId, 'managerId')
+  })
+  return axiosRequest({
+    url: '/mock/demos/save',
+    method: 'post',
+    data: formData
+  })
+}
+
+/**
+ * 数据详情
+ */
+export const TableApi = (data?: ProjectQuery): Promise<PageTableData<ProjectItem>> => {
+  return axiosRequest({
+    url: '/mock/demos/table',
+    method: 'get',
+    data
+  })
+}
+
+/**
+ * 下载数据导入模板
+ */
+export const ImportTemplateApi = (): Promise<Blob> => {
+  return axiosRequest({
+    url: '/mock/project/template',
+    method: 'post'
+  })
+}
+
+/**
+ * 项目数据导入
+ */
+export const ImportDataApi = (data: FormData) => {
+  return axiosRequest({
+    url: '/mock/project/import',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 项目数据导出
+ */
+export const ExportApi = (data: Record<string, unknown>): Promise<Blob> => {
+  return axiosRequest({
+    url: '/mock/project/export',
+    method: 'post',
+    data
+  })
+}

package/jnrs-template-vue/src/api/request.ts

@@ -0,0 +1,53 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : request.ts
+ * @Date   : 2025/11/10
+ * @Desc.  : axios 网络请求实例
+ */
+
+import type { BusinessRequest, BusinessResponse } from '@jnrs/shared/request'
+import { createAxiosInstance } from '@jnrs/shared/request'
+import { useMockStore, useAuthStore } from '@jnrs/vue-core/pinia'
+import { handleRouter } from '@jnrs/vue-core/router'
+import { ElMessage } from 'element-plus'
+
+const axiosInstance = createAxiosInstance({
+  // options: {
+  //   noAuth: true // 全局设置为不需要权限
+  // },
+  handleMessageFn: ElMessage,
+  handleGetTokenFn: () => {
+    const { token } = useAuthStore()
+    return token
+  },
+  handleNoAuthFn: () => {
+    handleRouter({ name: 'Login' })
+  }
+})
+
+/**
+ * axios 请求方法（泛型拓展）
+ * @param options 请求配置项
+ * @returns Promise<T> 响应数据
+ */
+const axiosRequest = <T = BusinessResponse>(options: BusinessRequest): Promise<T> => {
+  if (!axiosInstance) {
+    throw new Error('请先调用 createRequest 初始化 axios 实例')
+  }
+
+  // 如果是模拟请求，则将请求地址改为模拟地址
+  const { isMock } = useMockStore()
+
+  if (isMock) {
+    options.url = options.mockUrl
+      ? options.mockUrl
+      : options.url.startsWith('/mock')
+        ? options.url
+        : '/mock' + options.url
+  }
+
+  return axiosInstance(options)
+}
+
+export { axiosRequest }

package/jnrs-template-vue/src/api/system/index.ts

@@ -0,0 +1,107 @@
+import type { Dict, DictItem, User, Role } from '@jnrs/shared'
+import type { MenuItem } from '@jnrs/vue-core'
+import { axiosRequest } from '../request'
+import { objectToFormData } from '@/utils/packages'
+
+// 菜单
+export const MenuApi = (): Promise<MenuItem[]> => {
+  return axiosRequest({
+    url: '/system/menu.json', // /public 文件夹下
+    mockUrl: '/mock/menu',
+    method: 'get',
+    noAuth: true // 本地数据忽略 token 验证
+  })
+}
+
+// 登录
+interface LoginParams {
+  account: string
+  password: string
+}
+
+export interface LoginResult extends User {
+  token: string
+  dict: Dict
+}
+
+export const LoginApi = (data: LoginParams): Promise<LoginResult> => {
+  return axiosRequest({
+    url: '/api/auth/login',
+    method: 'post',
+    data,
+    noAuth: true
+  })
+}
+
+// 退出登录
+export const LogoutApi = () => {
+  return axiosRequest({
+    url: '/api/auth/logout',
+    method: 'get'
+  })
+}
+
+// 获取用户信息
+export const UserInfoApi = (): Promise<User> => {
+  return axiosRequest({
+    url: '/api/auth/user-info',
+    method: 'get'
+  })
+}
+
+// 修改头像
+export const AvatarChangeApi = (data: File) => {
+  return axiosRequest({
+    url: '/api/user/avatar',
+    method: 'post',
+    data: objectToFormData({ file: data })
+  })
+}
+
+// 修改密码
+interface PasswordChange {
+  userId: number
+  password: string
+}
+
+export const PasswordChangeApi = (data: PasswordChange) => {
+  return axiosRequest({
+    url: '/api/auth/change-password',
+    method: 'post',
+    data
+  })
+}
+
+// 获取字典列表
+export const DictApi = (): Promise<DictItem[]> => {
+  return axiosRequest({
+    url: '/api/dict-manager',
+    method: 'get'
+  })
+}
+
+// 获取单个字典
+export const DictDetailApi = (id: string) => {
+  return axiosRequest({
+    url: `/api/dict-manager/detail/${id}`,
+    method: 'get'
+  })
+}
+
+// 修改单个字典
+export const DictChangeApi = (data: DictItem) => {
+  return axiosRequest({
+    url: '/api/dict-manager/detail',
+    method: 'post',
+    data
+  })
+}
+
+// 获取角色列表
+export const RoleApi = (): Promise<Role[]> => {
+  return axiosRequest({
+    url: '/api/role-manager',
+    method: 'get',
+    noAuth: true
+  })
+}

package/jnrs-template-vue/src/api/user/index.ts

@@ -0,0 +1,12 @@
+import { axiosRequest } from '../request'
+
+// 获取用户信息
+export const UserApi = (id: string) => {
+  return axiosRequest({
+    url: '/api/user',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}

package/jnrs-template-vue/src/assets/images/common/jnrs-white.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.55 50.85"><defs><style>.a{fill:#fff;}</style></defs><path class="a" d="M-336.3,445.05c6.8,0,13.6-.05,20.41,0,.05,14.45-.12,28.89-.14,43.33.3,3.93-3.34,7.48-7.21,7.43-4.35,0-8.71,0-13.06,0Q-336.33,470.45-336.3,445.05Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-306.42,447.84a6.54,6.54,0,0,1,5.5-2.79h12.49a1.57,1.57,0,0,1,1.11.31c5.76,3.57,11.54,7.1,17.3,10.67q0,11.28,0,22.58c-5.92-3.59-11.83-7.22-17.76-10.8v28.08c-6.79,0-13.59,0-20.38,0q0-20.82,0-41.63A10.53,10.53,0,0,1-306.42,447.84Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-267.56,452.43a7.3,7.3,0,0,1,7.09-7.38h13.39c.06,16.92,0,33.85,0,50.78-6.83,0-13.66,0-20.49,0C-267.61,481.37-267.54,466.9-267.56,452.43Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-236.93,445.06q26.9,0,53.78,0a7.23,7.23,0,0,1,7,5.58c.11,1.55,0,3.1,0,4.64-20.28,0-40.56,0-60.84-.06Q-236.91,450.14-236.93,445.06Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-165.71,450a7.14,7.14,0,0,1,6.63-4.95h42.25a11.66,11.66,0,0,1,8.19,3.34,13.71,13.71,0,0,1,3.65,6.86h-40.62c0,3.36,0,6.72,0,10.09q16.77,0,33.54,0a7.29,7.29,0,0,1,7,6.09c.09,1.33,0,2.67,0,4-18.42.05-36.84,0-55.26,0A7,7,0,0,1-166,469.7c0-5.16,0-10.33,0-15.49A13.83,13.83,0,0,1-165.71,450Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-196.48,457.73c6.79-.05,13.59,0,20.39,0,0,3.89,0,7.78,0,11.66a7.07,7.07,0,0,1-7.05,6.1c-11.19,0-22.37,0-33.55,0q0,10.2,0,20.38c-6.79,0-13.58,0-20.38,0,0-10.05,0-20.11,0-30.16q20.26,0,40.52,0C-196.36,463.05-196.48,460.38-196.48,457.73Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-381.49,472.19c6.78,0,13.56,0,20.34,0,0,4.48,0,9,0,13.42,7.43.14,14.88.06,22.31,0,.11,3.39,0,6.78,0,10.17q-17.79,0-35.58,0a7.23,7.23,0,0,1-7.16-7.13C-381.48,483.2-381.55,477.7-381.49,472.19Z" transform="translate(381.53 -445.04)"/><path class="a" d="M-202.37,477.73h19.88c.72,2.63,1.29,5.31,2.06,7.93,18.36-.07,36.72,0,55.08-.06,0-2.56,0-5.13,0-7.69,6.78,0,13.56,0,20.34,0,0,3.6,0,7.2,0,10.8a7.08,7.08,0,0,1-6.79,7.14h-52.05c-11.43,0-22.86-.07-34.28,0Q-200.28,486.8-202.37,477.73Z" transform="translate(381.53 -445.04)"/></svg>

package/jnrs-template-vue/src/assets/styles/common.scss

@@ -0,0 +1,39 @@
+/*
+ * 业务功能通用样式表
+ */
+
+/*
+ * 禁止用户选中页面元素
+ */
+.no_select {
+  -khtml-user-drag: none;
+  -webkit-user-drag: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.topBarBtn {
+  position: relative;
+  margin: 0 8px;
+  font-size: 22px;
+  transition: all 0.25s ease 0s;
+  cursor: pointer;
+  &:hover {
+    color: var(--jnrs-color-primary);
+    &::after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 32px;
+      height: 32px;
+      background: var(--jnrs-color-primary);
+      opacity: 0.1;
+      border-radius: 50%;
+      transition: all 0.25s ease 0s;
+    }
+  }
+}

package/jnrs-template-vue/src/assets/styles/fonts.scss

@@ -0,0 +1,27 @@
+/*
+ * 字体样式表
+ */
+
+@font-face {
+  font-family: 'Alibaba-PuHuiTi-Regular';
+  src: url('@/assets/fonts/AlibabaPuHuiTi-Regular.woff2');
+}
+
+@font-face {
+  font-family: 'AlimamaShuHeiTi-Bold';
+  src: url('@/assets/fonts/AlimamaShuHeiTi-Bold.woff2');
+}
+
+/*
+ * 阿里巴巴普惠体 - 正黑体
+ */
+.Alibaba-PuHuiTi-Regular {
+  font-family: 'Alibaba-PuHuiTi-Regular';
+}
+
+/*
+ * 阿里妈妈字体 - 数黑体
+ */
+.AlimamaShuHeiTi-Bold {
+  font-family: 'AlimamaShuHeiTi-Bold';
+}

package/jnrs-template-vue/src/assets/styles/index.scss

@@ -0,0 +1,5 @@
+@use './init.scss';
+@use './fonts.scss';
+@use './root.scss';
+@use './common.scss';
+@use './animation.scss';

package/jnrs-template-vue/src/assets/styles/init.scss

@@ -0,0 +1,41 @@
+/*
+ * 初始化重置样式表
+ */
+
+*,
+*::before,
+*::after {
+  margin: 0;
+  box-sizing: border-box;
+  font-family: Alibaba-PuHuiTi-Regular;
+}
+
+a {
+  text-decoration: none;
+}
+
+/*
+ * 禁止拖拽图片
+ * 禁止长按弹出菜单
+ */
+img {
+  -ms-user-drag: none;
+  -moz-user-drag: none;
+  -webkit-user-drag: none;
+  -webkit-touch-callout: none;
+  overflow: hidden;
+  object-fit: cover;
+  object-position: center center;
+}
+
+body {
+  width: 100vw;
+  height: 100vh;
+  color: var(--jnrs-font-primary);
+  background: var(--jnrs-background-primary);
+}
+
+#app {
+  min-width: 1280px;
+  height: 100%;
+}

package/jnrs-template-vue/src/assets/styles/root.scss

@@ -0,0 +1,13 @@
+/*
+ * root 样式
+ */
+
+:root {
+  // Layout 头部高度
+  --jnrs-head-height: 50px;
+  --jnrs-routerTabs-height: 30px;
+}
+
+.el-button--primary {
+  --el-button-bg-color: var(--jnrs-color-primary);
+}