create-jnrs-template-vue 1.2.4 → 1.2.6

package/jnrs-template-vue/README.md

@@ -1,7 +1,7 @@
 # jnrs-template-vue
 
 ## ✨ 介绍
-巨能前端工程化开发，Vue 项目信息化管理系统模板
+巨能前端工程化开发，Vue 项目信息化管理系统
 
 ## 💻 技术栈
 TypeScript、Vue3 生态
@@ -16,30 +16,30 @@ pnpm build
 #### 项目结构
 ```Text
 jnrs-template-vue/
-├── dist/                 # 打包构建产物
-├── node_modules/         # 项目依赖
-├── viteMockServe/        # Mock 服务配置（用于开发环境模拟 API）
+├── viteMockServe/        # Mock 服务配置
 ├── public/               # 静态资源
-├── layout/               # 布局
 ├── src/                  # 源码目录
 │   ├── components/       # Vue 组件
 │   ├── composables/      # 组合式函数
+│   ├── layout/           # 布局
 │   ├── views/            # 页面视图
 │   ├── router/           # 路由配置
+│   ├── api/              # 接口定义
+│   ├── types/            # 类型定义
 │   ├── store/            # 状态管理
 │   ├── utils/            # 工具函数
+│   ├── locales/          # 国际化
 │   └── main.ts           # 应用入口
 ├── index.html            # HTML 入口文件
 ├── eslint.config.js      # ESLint 配置文件
-├── package.json          # 项目配置（依赖、脚本等）
+├── package.json          # 包管理配置
 └── vite.config.ts        # Vite 构建配置
 ├── tsconfig.json         # TypeScript 配置
 ├── auto-imports.d.ts     # 自动导入类型声明
 ├── components.d.ts       # 全局组件类型声明
 ├── README.md             # 项目文档
-├── .env.example          # 环境变量模板（供参考）
-├── .env.development      # 开发环境变量（全局）
-├── .env.production       # 生产环境变量（全局）
+├── .env.development      # 开发环境变量
+├── .env.production       # 生产环境变量
 ├── .gitignore            # Git 忽略规则
 ├── .prettierrc.json      # Prettier 格式化配置
 ```

package/jnrs-template-vue/package.json

@@ -1,8 +1,8 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.4",
-  "description": "JNRS 信息化管理系统模板",
-  "author": "Talia-Tan",
+  "version": "1.2.6",
+  "description": "JNRS 信息化管理系统",
+  "author": "talia_tan",
   "private": true,
   "type": "module",
   "engines": {
@@ -19,14 +19,14 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/shared": "1.1.9",
-    "@jnrs/vue-core": "1.2.4",
+    "@jnrs/shared": "1.1.11",
+    "@jnrs/vue-core": "1.2.8",
     "@vueuse/core": "^14.1.0",
     "element-plus": "^2.11.9",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
     "vue": "^3.5.25",
-    "vue-i18n": "^9.14.5"
+    "vue-i18n": "^11.2.8"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.5",

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

@@ -2,6 +2,18 @@
  * 业务功能通用样式表
  */
 
+/*
+ * 禁止用户选中页面元素
+ */
+.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;

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

@@ -39,15 +39,3 @@ body {
   min-width: 1280px;
   height: 100%;
 }
-
-/*
- * 禁止用户选中页面元素
- */
-.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;
-}

package/jnrs-template-vue/src/components/common/CardTable.vue

@@ -7,7 +7,7 @@
  -->
 
 <script setup lang="ts">
-import type { PageTableData, Pagination } from '@/types'
+import type { Pagination, PageTableData } from '@/types'
 import { ref, onActivated } from 'vue'
 import { JnPagination, JnTable } from '@jnrs/vue-core/components'
 import { debounce } from '@jnrs/shared/lodash'
@@ -16,7 +16,8 @@ interface Props {
   /**
    * 获取数据表格 api 函数
    */
-  getTableDataApi?: (...args: any[]) => Promise<PageTableData<any>>
+  // eslint-disable-next-line
+  getTableDataApi?: (data?: Pagination) => Promise<PageTableData<any>>
 }
 
 const { getTableDataApi } = defineProps<Props>()
@@ -24,7 +25,7 @@ const { getTableDataApi } = defineProps<Props>()
 const loading = ref(false)
 const tableData = ref()
 const total = ref(0)
-const pagination = ref<Pagination>({ pageNo: 1, pageSize: 10 })
+const pagination = ref<Pagination>({ pageNo: 1, pageSize: 20 })
 
 const getTable = debounce(async () => {
   if (!getTableDataApi) {
@@ -32,15 +33,13 @@ const getTable = debounce(async () => {
   }
   loading.value = true
   try {
-    const res = await getTableDataApi({
-      ...pagination.value
-    })
-    tableData.value = res.list.map((item) => ({
-      ...item,
-      newImageFiles: item.imageDocument?.attachments ?? undefined,
-      newAttachmentFile: item.attachmentDocument?.attachments ?? undefined
-    }))
-    console.log(456)
+    const res = await getTableDataApi(pagination.value)
+    tableData.value =
+      res.list?.map((item) => ({
+        ...item,
+        newImageFiles: item.imageDocument?.attachments,
+        newAttachmentFile: item.attachmentDocument?.attachments
+      })) || []
     total.value = res.count
   } catch (error) {
     console.error(error)
@@ -50,10 +49,12 @@ const getTable = debounce(async () => {
 }, 300)
 
 onActivated(() => {
-  console.log(123)
-
   getTable()
 })
+
+defineExpose({
+  getTable
+})
 </script>
 
 <template>

package/jnrs-template-vue/src/components/common/ImageView.vue

@@ -17,7 +17,7 @@ interface Props {
   /**
    * 是否清理文件副作用
    */
-  clearSideEffects: boolean
+  clearSideEffects?: boolean
 }
 
 const { loadKeys, clearSideEffects = false } = defineProps<Props>()

package/jnrs-template-vue/src/components/common/PdfView.vue

@@ -16,7 +16,7 @@ interface Props {
   /**
    * 是否清理文件副作用
    */
-  clearSideEffects: boolean
+  clearSideEffects?: boolean
 }
 
 const { loadKeys, clearSideEffects = false } = defineProps<Props>()

package/jnrs-template-vue/src/components/select/SelectManager.vue

@@ -12,9 +12,15 @@ import { JnSelectTemplate } from '@jnrs/vue-core/components'
 </script>
 
 <template>
-  <JnSelectTemplate tableName="项目经理" :keyValue="{ label: 'manager', value: 'managerId' }" :listApi="TableApi">
+  <JnSelectTemplate
+    tableName="项目经理"
+    :keyValue="{ name: 'manager', id: 'managerId', code: 'code' }"
+    optionSecondaryField="code"
+    :listApi="TableApi"
+  >
     <template #table>
       <el-table-column prop="manager" label="项目经理" align="center" sortable />
+      <el-table-column prop="code" label="编码" align="center" sortable />
     </template>
   </JnSelectTemplate>
 </template>

package/jnrs-template-vue/src/layout/BlankLayout.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="blank-layout no-select">
+  <div class="blank_layout">
     <router-view />
   </div>
 </template>
 
 <style scoped>
-.blank-layout {
+.blank_layout {
   position: relative;
   width: 100vw;
   height: 100vh;

package/jnrs-template-vue/src/layout/RouterTabs.vue

@@ -99,19 +99,9 @@ const handleTabClick = (tab: TabsPaneContext) => {
 </script>
 
 <template>
-  <div class="routerTabs">
-    <el-tabs
-      v-model="activeRouterName"
-      type="card"
-      @tab-remove="removeTab"
-      @tab-click="handleTabClick"
-    >
-      <el-tab-pane
-        v-for="item in menuTabs"
-        :key="item.name"
-        :name="item.name"
-        :closable="!isHome(item)"
-      >
+  <div class="routerTabs no_select">
+    <el-tabs v-model="activeRouterName" type="card" @tab-remove="removeTab" @tab-click="handleTabClick">
+      <el-tab-pane v-for="item in menuTabs" :key="item.name" :name="item.name" :closable="!isHome(item)">
         <template #label>
           <span>{{ tabLabel(item) }}</span>
         </template>

package/jnrs-template-vue/src/layout/SideMenu.vue

@@ -13,7 +13,7 @@ const route = useRoute()
 </script>
 
 <template>
-  <el-aside class="sideMenu">
+  <el-aside class="sideMenu no_select">
     <div class="logo" :class="{ logo_collapse: menuCollapse }">
       <img class="logo_img" src="@/assets/images/common/jnrs-white.svg" alt="jnrs" />
       <span class="logo_text">{{ $t('main.title') }}</span>

package/jnrs-template-vue/src/layout/TopHeader.vue

@@ -37,7 +37,7 @@ const showGlobalSetting = () => {
 </script>
 
 <template>
-  <div class="topHeader">
+  <div class="topHeader no_select">
     <div class="left">
       <el-icon
         class="topBarBtn"
@@ -62,7 +62,8 @@ const showGlobalSetting = () => {
       <el-popover placement="bottom" trigger="click" :teleported="false" :width="260" :hide-after="0">
         <template #reference>
           <span class="userMenu_reference">
-            <ImageView class="userMenu_avatar" :loadKeys="userInfo?.avatarFileName" />
+            <ImageView class="userMenu_avatar" :loadKeys="userInfo.avatarFileName" v-if="userInfo?.avatarFileName" />
+            <img class="userMenu_avatar" src="@/assets/images/common/avatar.png" v-else />
             <span>{{ userInfo?.name }}</span>
             <DictTag dictName="role" :value="userInfo.role" v-if="userInfo?.role" />
             <el-icon class="userMenu_icon"><arrow-down /></el-icon>
@@ -136,15 +137,14 @@ $topHoverSize: 35px;
       }
     }
     .userMenu_avatar {
-      width: $topHoverSize;
-      height: $topHoverSize;
+      width: $topHoverSize !important;
+      height: $topHoverSize !important;
       border-radius: 50%;
       margin-right: 4px;
       overflow: hidden;
       background: var(--jnrs-background-head);
     }
     .userMenu_icon {
-      margin-left: 4px;
       color: var(--jnrs-font-primary-06);
     }
   }
@@ -178,7 +178,6 @@ $topHoverSize: 35px;
     }
   }
   .userMenu_roleName {
-    margin-left: 4px;
     color: var(--jnrs-color-primary);
   }
 }

package/jnrs-template-vue/src/locales/zhCn.ts

@@ -1,9 +1,9 @@
 export default {
   main: {
-    title: '信息化管理系统模板'
+    title: '信息化管理系统'
   },
   login: {
-    title: '信息化管理系统模板',
+    title: '信息化管理系统',
     formTitle: '登录',
     formAccount: '请输入账号',
     formPassword: '请输入密码',

package/jnrs-template-vue/src/types/index.ts

@@ -68,7 +68,8 @@ export interface Pagination {
 /**
  * 分页列表数据
  */
-export interface PageTableData<T> extends Pagination {
+// eslint-disable-next-line
+export interface PageTableData<T = Record<string, any>> extends Pagination {
   /**
    * 数据列表
    */

package/jnrs-template-vue/src/views/demos/crud/index.vue

@@ -25,7 +25,7 @@ interface ProcessedProjectItem extends ProjectItem {
 const loading = ref(false)
 const tableData = ref<ProcessedProjectItem[]>([])
 const total = ref(0)
-const pagination = ref<Pagination>({ pageNo: 1, pageSize: 10 })
+const pagination = ref<Pagination>({ pageNo: 1, pageSize: 20 })
 
 // 编辑
 const editDialogRef = ref()
@@ -77,8 +77,8 @@ const getTable = debounce(async () => {
     })
     tableData.value = res.list.map((item) => ({
       ...item,
-      newImageFiles: item.imageDocument?.attachments ?? undefined,
-      newAttachmentFile: item.attachmentDocument?.attachments ?? undefined
+      newImageFiles: item.imageDocument?.attachments,
+      newAttachmentFile: item.attachmentDocument?.attachments
     }))
     total.value = res.count
   } catch (error) {

package/jnrs-template-vue/src/views/login/index.vue

@@ -81,7 +81,7 @@ const submitForm = async () => {
 </script>
 
 <template>
-  <div class="main">
+  <div class="login no_select">
     <div class="topFixed_right">
       <el-icon class="topBarBtn" title="全局偏好设置" @click="showGlobalSetting()">
         <el-icon><Setting /></el-icon>
@@ -131,7 +131,7 @@ const submitForm = async () => {
           </el-form>
           <div class="greeting">{{ $t('login.greeting') }}</div>
         </div>
-        <div class="card_right_copyright">Powered by JNRS TECH 2026</div>
+        <div class="copyright">Powered by JNRS TECH 2026</div>
       </div>
     </div>
   </div>
@@ -139,7 +139,7 @@ const submitForm = async () => {
 </template>
 
 <style scoped lang="scss">
-.main {
+.login {
   position: relative;
   width: 100%;
   height: 100%;
@@ -169,8 +169,6 @@ const submitForm = async () => {
   align-items: center;
   justify-content: space-around;
   padding: 8px 16px;
-  // background: var(--jnrs-card-primary);
-  // border-radius: 10px;
 }
 
 .card {
@@ -184,7 +182,6 @@ const submitForm = async () => {
   height: 500px;
   border-radius: 15px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-  background: radial-gradient(circle at center, #232a4c, #000);
   overflow: hidden;
 
   .card_left {
@@ -193,9 +190,8 @@ const submitForm = async () => {
     align-items: center;
     width: 50%;
     height: 100%;
-    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
-    // background: url('@/assets/img/common/card_bg.png') no-repeat;
-    // background-size: 100% 100%;
+    background: radial-gradient(circle at center, #232a4c, #000);
+    box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
 
     .card_left_mid {
       width: 50%;
@@ -233,9 +229,8 @@ const submitForm = async () => {
       top: 0;
       width: 100%;
       height: 100%;
-      background: rgba(255, 255, 255, 0.7);
-      backdrop-filter: blur(4px);
-      -webkit-backdrop-filter: blur(4px);
+      backdrop-filter: blur(2px);
+      -webkit-backdrop-filter: blur(2px);
     }
 
     .card_right_mid {
@@ -289,12 +284,28 @@ const submitForm = async () => {
       }
     }
 
-    .card_right_copyright {
+    .copyright {
       position: absolute;
       bottom: 5px;
       font-size: 12px;
       text-transform: uppercase;
-      color: rgba(0, 0, 0, 0.1);
+      color: var(--jnrs-font-primary-01);
+    }
+  }
+}
+
+.light {
+  .card_right {
+    &::after {
+      background: var(--jnrs-card-primary-06);
+    }
+  }
+}
+
+.dark {
+  .card_right {
+    &::after {
+      background: var(--jnrs-card-primary-03);
     }
   }
 }

package/jnrs-template-vue/src/views/system/mine/baseInfo.vue

@@ -74,6 +74,7 @@ onMounted(() => {
         :showFileList="false"
         :autoUploadApi="AvatarChangeApi"
         style="width: 500px"
+        :disabled="true"
       />
     </el-form-item>
     <!-- <el-form-item>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jnrs-template-vue",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "巨能前端工程化开发，Vue 项目模板脚手架",
   "keywords": [
     "vue",
@@ -9,7 +9,7 @@
     "TypeScript",
     "monorepo"
   ],
-  "author": "Talia-Tan",
+  "author": "talia_tan",
   "license": "MIT",
   "repository": {
     "type": "git",