create-jnrs-template-vue 1.1.7 → 1.1.9

package/jnrs-template-vue/.env.development

@@ -4,9 +4,10 @@ ENV = 'development'
 VITE_USE_MOCK = true
 
 # 后端接口基地址 - 开发环境
-VITE_BASE_URL = '192.168.1.120:6001'
+# VITE_BASE_URL = '192.168.1.120:6001'
+VITE_BASE_URL = '192.168.1.120:5010'
 
 # 应用运行主机（置空默认为 localhost）
 VITE_APP_HOST = ''
-# 应用运行端口
+# 应用运行端口（0 为自动分配）
 VITE_APP_PORT = 5788

package/jnrs-template-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "JNRS 信息化管理系统模板",
   "author": "Talia-Tan",
   "private": true,
@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/core": "*",
-    "@jnrs/shared": "*",
-    "@jnrs/vue-core": "*",
+    "@jnrs/core": "workspace:*",
+    "@jnrs/shared": "workspace:*",
+    "@jnrs/vue-core": "workspace:*",
     "element-plus": "^2.11.9",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",

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

@@ -2,6 +2,35 @@
   "code": 0,
   "msg": "操作成功",
   "data": [
+    {
+      "path": "/demos",
+      "name": "Demos",
+      "meta": {
+        "title": "功能演示",
+        "icon": "StarFilled",
+        "todoCount": 4
+      },
+      "children": [
+        {
+          "path": "/unitTest",
+          "name": "UnitTest",
+          "meta": {
+            "title": "测试页面",
+            "todoCount": 8
+          },
+          "component": "/demos/unitTest/index"
+        },
+        {
+          "path": "/crud",
+          "name": "Crud",
+          "meta": {
+            "title": "增删改查模板页面",
+            "todoCount": 0
+          },
+          "component": "/demos/crud/index"
+        }
+      ]
+    },
     {
       "path": "/visual",
       "name": "Visual",
@@ -13,16 +42,6 @@
       },
       "component": "/visual/index"
     },
-    {
-      "path": "/crud",
-      "name": "Crud",
-      "meta": {
-        "title": "测试页面",
-        "icon": "StarFilled",
-        "todoCount": 8
-      },
-      "component": "/crud/index"
-    },
     {
       "meta": {
         "title": "系统管理",
@@ -35,7 +54,7 @@
           "name": "SystemMine",
           "meta": {
             "title": "个人中心",
-            "todoCount": 99,
+            "todoCount": 999,
             "permissions": ["mine:view", "mine:edit"]
           },
           "component": "/system/mine/index"

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

@@ -1,4 +1,5 @@
 import { request } from '../request'
+import type { ApiResponse } from '@/types'
 
 /**
  * 404 错误
@@ -21,3 +22,13 @@ export const NoAuth = (showErrorMsg: boolean) => {
     showErrorMsg
   })
 }
+
+/**
+ * 数据详情
+ */
+export const DetailsApi = (): Promise<ApiResponse> => {
+  return request({
+    url: '/details',
+    method: 'get'
+  })
+}

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

@@ -0,0 +1,23 @@
+.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/main.scss

@@ -1,6 +1,7 @@
 @use './init.scss';
 @use './fonts.scss';
 @use './root.scss';
+@use './common.scss';
 
 body {
   width: 100vw;

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

@@ -44,7 +44,7 @@ const showGlobalSetting = () => {
   <div class="topHeader">
     <div class="left">
       <el-icon
-        class="btn"
+        class="topBarBtn"
         title="可视化看板"
         @click="
           handleRouter({
@@ -56,10 +56,10 @@ const showGlobalSetting = () => {
       </el-icon>
     </div>
     <div class="right">
-      <el-icon class="btn" title="全屏切换" @click="showGlobalSetting()">
+      <el-icon class="topBarBtn" title="全局偏好设置" @click="showGlobalSetting()">
         <el-icon><Setting /></el-icon>
       </el-icon>
-      <el-icon class="btn" title="全屏切换" @click="toggleFullScreen()">
+      <el-icon class="topBarBtn" title="全屏切换" @click="toggleFullScreen()">
         <component :is="!documentFullscreen ? 'FullScreen' : 'Rank'" />
       </el-icon>
       <!-- 头像和用户名 -->
@@ -118,27 +118,8 @@ $topHoverSize: 35px;
   padding: 0 8px;
   box-shadow: 0 1px 2px var(--jnrs-font-primary-03);
 
-  .btn {
-    position: relative;
-    margin: 0 8px;
+  .topBarBtn {
     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: $topHoverSize;
-        height: $topHoverSize;
-        background: var(--jnrs-color-primary);
-        opacity: 0.1;
-        border-radius: 50%;
-      }
-    }
   }
 
   .left,

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

@@ -3,7 +3,12 @@ export default {
     title: 'Management System'
   },
   login: {
-    title: 'Login'
+    title: 'Management System',
+    formTitle: 'Login',
+    formAccount: 'Please enter your account',
+    formPassword: 'Please enter your password',
+    formBtn: 'Log In',
+    greeting: 'Welcome to'
   },
   layout: {}
 }

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

@@ -3,7 +3,12 @@ export default {
     title: '信息化管理系统模板'
   },
   login: {
-    title: '登录'
+    title: '信息化管理系统模板',
+    formTitle: '登录',
+    formAccount: '请输入账号',
+    formPassword: '请输入密码',
+    formBtn: '登 录',
+    greeting: '欢迎使用'
   },
   layout: {}
 }

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

@@ -0,0 +1,14 @@
+export interface Attachment {
+  id: string
+  uniqueFileName: string
+}
+
+export interface AttachmentDocument {
+  attachments: Attachment[]
+}
+
+export interface ApiResponse {
+  attachmentDocument?: AttachmentDocument
+  imageDocument?: AttachmentDocument
+  [key: string]: unknown
+}

package/jnrs-template-vue/src/utils/common.ts

@@ -5,6 +5,7 @@ import {
   getDictColor as _getDictColor
 } from '@jnrs/shared'
 import { useAuthStore } from '@jnrs/vue-core/pinia'
+import { objectToFormData as _objectToFormData } from '@jnrs/shared'
 
 /**
  * 根据字典名称获取字典数据
@@ -56,3 +57,23 @@ export const getDictColor = (name: string, value: string | number) => {
     return _getDictColor(name, value, dict)
   }
 }
+
+/**
+ * 将对象转为 FormData
+ * @param obj 对象
+ * @returns FormData
+ */
+export const objectToFormData = (obj: Record<string, unknown>) => {
+  // 根据后端返回结果处理的映射关系
+  const mapConfig = {
+    // 图片
+    newImageFiles: { finallyKey: 'orginImageNames', valueKey: 'uniqueFileName' },
+    // 通用附件
+    newAttachmentFile: { finallyKey: 'orginAttachmentName', valueKey: 'uniqueFileName' },
+    // 程序文件
+    newProgramFile: { finallyKey: 'orginProgramName', valueKey: 'uniqueFileName' },
+    // 数据库
+    databaseFile: { finallyKey: 'databaseFile', valueKey: 'uniqueFileName' }
+  }
+  return _objectToFormData(obj, mapConfig)
+}

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

@@ -0,0 +1,184 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { storeToRefs } from 'pinia'
+import { ElMessage } from 'element-plus'
+import { MenuApi, LoginApi, UserInfoApi } from '@/api/system'
+import { NotFoundApi, NoAuth, DetailsApi } from '@/api/mock'
+import { handleRouter } from '@jnrs/vue-core/router'
+import type { MenuItem } from '@jnrs/vue-core'
+import { hasPermission } from '@/utils/permissions'
+import { useMockStore } from '@/stores'
+import { objectToFormData } from '@/utils/common'
+
+const { isMock } = storeToRefs(useMockStore())
+
+const loginParams = ref({
+  account: 'user',
+  password: '123456'
+})
+
+const routeOptions = ref<MenuItem[]>([])
+const currentRoute = ref('')
+const datePicker = ref(new Date())
+
+onMounted(() => {
+  handleDetailsApi()
+})
+
+const handleInfoApi = async () => {
+  try {
+    const res = await UserInfoApi()
+    console.log(res)
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const handleMenuApi = async () => {
+  try {
+    const res = await MenuApi()
+    routeOptions.value = res
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const handleNotFoundApi = async () => {
+  try {
+    const res = await NotFoundApi()
+    console.log(res)
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const handleNoAuth = async (showErrorMsg = true) => {
+  try {
+    const res = await NoAuth(showErrorMsg)
+    console.log(res)
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const handleDetailsApi = async () => {
+  try {
+    const res = await DetailsApi()
+    let formatData: Record<string, unknown> = {}
+    formatData = {
+      ...res
+    }
+    if (res.attachmentDocument?.attachments) {
+      formatData.newAttachmentFile = res.attachmentDocument.attachments
+    }
+    if (res.imageDocument?.attachments) {
+      formatData.newImageFiles = res.imageDocument.attachments
+    }
+    console.log(formatData)
+    const formData = objectToFormData(formatData)
+    console.log(formData)
+    for (const [key, value] of formData.entries()) {
+      console.log(key, value)
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const handleLogin = async () => {
+  try {
+    const res = await LoginApi(loginParams.value)
+    ElMessage.success('登录成功')
+    console.log(res)
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+const handleRouteChange = () => {
+  handleRouter({
+    name: currentRoute.value
+  })
+}
+</script>
+
+<template>
+  <div>
+    <h3>Playground - 功能测试</h3>
+    <p>权限测试（admin 账号拥有全部权限，请用非 admin 账号测试该功能）</p>
+    <ul>
+      <li>
+        <span>有权限：(期望：正常显示按钮)</span>
+        <el-button type="primary" size="small" v-permissions="['mine:view']">添加</el-button>
+      </li>
+      <li>
+        <span>无权限：(期望：按钮禁用 -> UI 组件：使用 UI 框架提供的禁用属性)</span>
+        <el-button type="primary" size="small" :disabled="!hasPermission(['test:del'])">删除</el-button>
+      </li>
+      <li>
+        <span>无权限：(期望：按钮禁用 -> 原生元素：添加 disabled 属性和类名)</span>
+        <button size="small" v-permissions.disabled="['test:del']">删除</button>
+      </li>
+      <li>
+        <span>无权限：(期望：按钮不可见 -> 添加样式 display:none)</span>
+        <button size="small" v-permissions.display="['test:del']">删除</button>
+      </li>
+      <li>
+        <span>无权限：(期望：按钮不可见 -> remove HTMLElement)</span>
+        <button size="small" v-permissions="['test:del']">删除</button>
+      </li>
+    </ul>
+    <p>网络请求测试</p>
+    <div>
+      <span>服务器类型：</span>
+      <el-switch v-model="isMock" active-text="Mock 服务器" inactive-text="后端服务器" />
+    </div>
+    <el-button-group>
+      <el-button type="success" size="small" @click="handleMenuApi">获取完整菜单数据</el-button>
+      <el-button type="success" size="small" @click="handleInfoApi">获取用户数据</el-button>
+      <el-button type="primary" size="small" @click="handleNotFoundApi">404</el-button>
+      <el-button type="primary" size="small" @click="handleNoAuth()">暂无权限</el-button>
+      <el-button type="primary" size="small" @click="handleNoAuth(false)">暂无权限(不显示 Message)</el-button>
+    </el-button-group>
+    <el-input v-model="loginParams.account" size="small" style="width: 200px">
+      <template #append>
+        <el-button size="small" @click="handleLogin">验证登录接口</el-button>
+      </template>
+    </el-input>
+    <div>
+      <el-button-group>
+        <el-button type="primary" plain size="small" @click="handleDetailsApi">获取数据列表单个数据</el-button>
+      </el-button-group>
+    </div>
+    <p>完整路由测试（先点击按钮，获取完整菜单数据）</p>
+    <el-cascader
+      v-model="currentRoute"
+      :options="routeOptions"
+      :props="{
+        emitPath: false,
+        value: 'name',
+        label: 'name'
+      }"
+      :show-all-levels="false"
+      @change="handleRouteChange"
+    >
+      <template #default="{ data }">
+        <span>{{ data.meta.title }}</span>
+      </template>
+    </el-cascader>
+    <p>Element 组件测试</p>
+    <el-date-picker-panel v-model="datePicker" />
+  </div>
+  <router-view></router-view>
+</template>
+
+<style scoped lang="scss">
+h3 {
+  color: var(--jnrs-color-primary);
+}
+p {
+  margin: 24px 0 8px;
+  color: var(--jnrs-background-primary);
+  background: var(--jnrs-font-primary);
+}
+</style>

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

@@ -1,152 +1,9 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { storeToRefs } from 'pinia'
-import { ElMessage } from 'element-plus'
-import { MenuApi, LoginApi, UserInfoApi } from '@/api/system'
-import { NotFoundApi, NoAuth } from '@/api/mock'
-import { handleRouter } from '@jnrs/vue-core/router'
-import type { MenuItem } from '@jnrs/vue-core'
-import { hasPermission } from '@/utils/permissions'
-import { useMockStore } from '@/stores'
-
-const { isMock } = storeToRefs(useMockStore())
-
-const loginParams = ref({
-  account: 'user',
-  password: '123456'
-})
-
-const routeOptions = ref<MenuItem[]>([])
-const currentRoute = ref('')
-const datePicker = ref(new Date())
-
-onMounted(() => {})
-
-const handleInfoApi = async () => {
-  try {
-    const res = await UserInfoApi()
-    console.log(res)
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const handleMenuApi = async () => {
-  try {
-    const res = await MenuApi()
-    routeOptions.value = res
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const handleNotFoundApi = async () => {
-  try {
-    const res = await NotFoundApi()
-    console.log(res)
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const handleNoAuth = async (showErrorMsg = true) => {
-  try {
-    const res = await NoAuth(showErrorMsg)
-    console.log(res)
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const handleLogin = async () => {
-  try {
-    const res = await LoginApi(loginParams.value)
-    ElMessage.success('登录成功')
-    console.log(res)
-  } catch (error) {
-    console.log(error)
-  }
-}
-
-const handleRouteChange = () => {
-  handleRouter({
-    name: currentRoute.value
-  })
-}
+import { ref } from 'vue'
 </script>
 
 <template>
-  <div>
-    <h3>Playground - 功能测试</h3>
-    <p>权限测试（admin 账号拥有全部权限，请用非 admin 账号测试该功能）</p>
-    <ul>
-      <li>
-        <span>有权限：(期望：正常显示按钮)</span>
-        <el-button type="primary" size="small" v-permissions="['mine:view']">添加</el-button>
-      </li>
-      <li>
-        <span>无权限：(期望：按钮禁用 -> UI 组件：使用 UI 框架提供的禁用属性)</span>
-        <el-button type="primary" size="small" :disabled="!hasPermission(['test:del'])">删除</el-button>
-      </li>
-      <li>
-        <span>无权限：(期望：按钮禁用 -> 原生元素：添加 disabled 属性和类名)</span>
-        <button size="small" v-permissions.disabled="['test:del']">删除</button>
-      </li>
-      <li>
-        <span>无权限：(期望：按钮不可见 -> 添加样式 display:none)</span>
-        <button size="small" v-permissions.display="['test:del']">删除</button>
-      </li>
-      <li>
-        <span>无权限：(期望：按钮不可见 -> remove HTMLElement)</span>
-        <button size="small" v-permissions="['test:del']">删除</button>
-      </li>
-    </ul>
-    <p>网络请求测试</p>
-    <div>
-      <span>服务器类型：</span>
-      <el-switch v-model="isMock" active-text="Mock 服务器" inactive-text="后端服务器" />
-    </div>
-    <el-button-group>
-      <el-button type="primary" size="small" @click="handleMenuApi">获取完整菜单数据</el-button>
-      <el-button type="primary" size="small" @click="handleInfoApi">获取用户数据</el-button>
-      <el-button type="primary" size="small" @click="handleNotFoundApi">404</el-button>
-      <el-button type="primary" size="small" @click="handleNoAuth()">暂无权限</el-button>
-      <el-button type="primary" size="small" @click="handleNoAuth(false)">暂无权限(不显示 Message)</el-button>
-    </el-button-group>
-    <el-input v-model="loginParams.account" size="small" style="width: 200px">
-      <template #append>
-        <el-button size="small" @click="handleLogin">验证登录接口</el-button>
-      </template>
-    </el-input>
-    <p>完整路由测试（先点击按钮，获取完整菜单数据）</p>
-    <el-cascader
-      v-model="currentRoute"
-      :options="routeOptions"
-      :props="{
-        emitPath: false,
-        value: 'name',
-        label: 'name'
-      }"
-      :show-all-levels="false"
-      @change="handleRouteChange"
-    >
-      <template #default="{ data }">
-        <span>{{ data.meta.title }}</span>
-      </template>
-    </el-cascader>
-    <p>Element 组件测试</p>
-    <el-date-picker-panel v-model="datePicker" />
-  </div>
-  <router-view></router-view>
+  <div>欢迎使用</div>
 </template>
 
-<style scoped lang="scss">
-h3 {
-  color: var(--jnrs-color-primary);
-}
-p {
-  margin: 24px 0 8px;
-  color: var(--jnrs-background-primary);
-  background: var(--jnrs-font-primary);
-}
-</style>
+<style lang="scss" scoped></style>

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

@@ -6,8 +6,15 @@ import { useAuthStore } from '@/stores'
 import { handleRouter, useRoute } from '@jnrs/vue-core/router'
 import { isWeakPwd } from '@jnrs/shared/validator'
 import { formatDateTime, formatWeekday } from '@jnrs/shared'
+import { GlobalSetting } from '@jnrs/vue-core/components'
 
 const route = useRoute()
+
+const globalSettingRef = ref()
+const showGlobalSetting = () => {
+  globalSettingRef.value.handleShow()
+}
+
 const loading = ref(false)
 const {
   setUserInfo,
@@ -76,16 +83,21 @@ const submitForm = async () => {
 
 <template>
   <div class="main">
+    <div class="topFixed_right">
+      <el-icon class="topBarBtn" title="全局偏好设置" @click="showGlobalSetting()">
+        <el-icon><Setting /></el-icon>
+      </el-icon>
+    </div>
     <div class="card">
       <div class="card_left">
         <div class="card_left_mid">
           <img class="logo" src="@/assets/images/common/jnrs-white.svg" alt="JNRS" />
-          <h5 class="title">信息化管理系统模板</h5>
+          <h5 class="title">{{ $t('login.title') }}</h5>
         </div>
       </div>
       <div class="card_right">
         <div class="card_right_mid">
-          <h1 class="title">登录</h1>
+          <h1 class="title">{{ $t('login.formTitle') }}</h1>
           <el-form
             class="form"
             ref="ruleFormRef"
@@ -95,28 +107,36 @@ const submitForm = async () => {
             @keyup.enter="submitForm()"
           >
             <el-form-item prop="account">
-              <el-input v-model="ruleForm.account" placeholder="请输入账号" prefix-icon="User" clearable />
+              <el-input
+                v-model="ruleForm.account"
+                :placeholder="$t('login.formAccount')"
+                prefix-icon="User"
+                clearable
+              />
             </el-form-item>
             <el-form-item prop="password">
               <el-input
                 v-model="ruleForm.password"
                 type="password"
                 autocomplete="off"
-                placeholder="请输入密码"
+                :placeholder="$t('login.formPassword')"
                 prefix-icon="Lock"
                 show-password
               ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button class="btn" type="primary" :loading="loading" @click="submitForm()">登 录</el-button>
+              <el-button class="btn" type="primary" :loading="loading" @click="submitForm()">
+                {{ $t('login.formBtn') }}
+              </el-button>
             </el-form-item>
           </el-form>
-          <div class="greeting">欢迎使用</div>
+          <div class="greeting">{{ $t('login.greeting') }}</div>
         </div>
         <div class="card_right_copyright">Powered by JNRS TECH 2026</div>
       </div>
     </div>
   </div>
+  <GlobalSetting ref="globalSettingRef" />
 </template>
 
 <style scoped lang="scss">
@@ -136,6 +156,23 @@ const submitForm = async () => {
   }
 }
 
+.topBarBtn {
+  font-size: 22px;
+}
+
+.topFixed_right {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  background: var(--jnrs-card-primary);
+  padding: 4px 16px;
+  border-radius: 10px;
+}
+
 .card {
   display: flex;
   align-items: center;

package/jnrs-template-vue/tsconfig.json

@@ -13,6 +13,7 @@
     "verbatimModuleSyntax": true, // 不做任何自动重写
     "isolatedModules": true, // 不依赖全局类型分析
     "noEmit": true, // 根目录只做类型检查
+    "removeComments": true, // 移除注释
     "types": ["node"],
     "baseUrl": ".",
     "paths": {

package/jnrs-template-vue/viteMockServe/detailsRes.json

@@ -0,0 +1,56 @@
+{
+  "data": {
+    "id": 1,
+    "name": "测试刀库20251216",
+    "code": "DK20251216",
+    "stationCount": 2,
+    "imageDocumentId": 1,
+    "imageDocument": {
+      "id": 1,
+      "description": null,
+      "attachments": [
+        {
+          "id": 1,
+          "documentId": 1,
+          "fileName": "成品.png",
+          "uniqueFileName": "20251216134412632-1376c8a7-1f31-451c-9eb4-944aaa03497b.png",
+          "fileType": "image/png",
+          "fileSize": 432866
+        },
+        {
+          "id": 3,
+          "documentId": 1,
+          "fileName": "02.png",
+          "uniqueFileName": "20251216135111546-e33d678c-5099-4c4c-bc81-a97688f433af.png",
+          "fileType": "image/png",
+          "fileSize": 24306
+        }
+      ]
+    },
+    "attachmentDocumentId": 2,
+    "attachmentDocument": {
+      "id": 2,
+      "description": null,
+      "attachments": [
+        {
+          "id": 2,
+          "documentId": 2,
+          "fileName": "Law Policy for Alibaba Sans.pdf",
+          "uniqueFileName": "20251216134412671-e3f13c84-a24d-4718-930a-959cd2b41fb1.pdf",
+          "fileType": "application/pdf",
+          "fileSize": 63610
+        },
+        {
+          "id": 4,
+          "documentId": 2,
+          "fileName": "信息化项目设计流程规定JND 024.01-2024.pdf",
+          "uniqueFileName": "20251216135247581-05eee726-a0fe-4a44-a890-ee64b106c4b7.pdf",
+          "fileType": "application/pdf",
+          "fileSize": 231295
+        }
+      ]
+    }
+  },
+  "code": 0,
+  "msg": "操作成功"
+}

package/jnrs-template-vue/viteMockServe/index.ts

@@ -6,6 +6,7 @@ import loginRes_user from './loginRes_user.json'
 import dictRes from './dictRes.json'
 import dictItemRes from './dictItemRes.json'
 import roleRes from './roleRes.json'
+import detailsRes from './detailsRes.json'
 
 export default [
   ...successMock,
@@ -63,5 +64,13 @@ export default [
     response: () => {
       return roleRes
     }
+  },
+  // 获取数据详情
+  {
+    url: '/mock/details',
+    method: 'get',
+    response: () => {
+      return detailsRes
+    }
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jnrs-template-vue",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "巨能前端工程化开发，Vue 项目模板脚手架",
   "keywords": [
     "vue",