create-jnrs-vue 2.0.2 → 2.0.4

package/jnrs-vue/viteMockServe/sub-project.mock.ts

@@ -0,0 +1,34 @@
+import subProjectListRes from './json/sub-project-list.json'
+
+export default [
+  // 获取子项目列表
+  {
+    url: '/api/mock/examples/sub-project/list',
+    method: 'get',
+    response: () => {
+      return subProjectListRes
+    }
+  },
+  // 保存子项目数据
+  {
+    url: '/api/mock/examples/sub-project/save',
+    method: 'post',
+    response: () => {
+      return {
+        code: 0,
+        msg: '子项目已保存'
+      }
+    }
+  },
+  // 删除子项目数据
+  {
+    url: /\/api\/mock\/agentic\/sub-project\/delete\/\w+/,
+    method: 'delete',
+    response: () => {
+      return {
+        code: 0,
+        msg: '子项目已删除'
+      }
+    }
+  }
+]

package/package.json

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

package/jnrs-vue/src/api/business/index.ts

@@ -1,69 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : business/index.ts
- * @Date   : 2026/05/25
- * @Desc.  : 业务功能测试模块接口文档
- */
-
-import type { IBlobItem } from '@jnrs/shared'
-import type { IPagination, IPageTableData, IFile } from '@/types'
-import { axiosRequest } from '../request'
-import { objectToFormData } from '@/utils'
-
-export interface ProcessItem extends IFile {
-  id?: number
-  productName?: string
-  productCode?: string
-  height?: number
-  isProcessCompleteness?: boolean
-  imageDocumentId?: unknown
-  attachmentDocumentId?: unknown
-}
-
-export interface SaveProcessRequest {
-  /** ID 编号 */
-  id?: number
-  productName: string
-  productCode: string
-  height: number
-  orginAttachmentName?: string
-  /** 文件 */
-  newAttachmentFile: []
-  orginImageNames?: string[]
-  /** 图片 */
-  newImageFiles: []
-}
-
-/**
- * 列表
- */
-export const getProductManagementProcessListApi = (params: IPagination): Promise<IPageTableData<ProcessItem>> => {
-  return axiosRequest({
-    url: '/product/process',
-    method: 'get',
-    params
-  })
-}
-
-/**
- * 新建/编辑
- */
-export const saveProductManagementProcessApi = (data: SaveProcessRequest): Promise<void> => {
-  return axiosRequest({
-    url: '/product/process',
-    method: 'post',
-    data: objectToFormData(data)
-  })
-}
-
-/**
- * 齐套检查 导出
- */
-export const getStandardLoadKitCheckExportApi = (): Promise<IBlobItem> => {
-  return axiosRequest({
-    url: '/order/completeness-check/export',
-    method: 'get',
-    responseType: 'blob'
-  })
-}

package/jnrs-vue/src/utils/field.ts

@@ -1,73 +0,0 @@
-/**
- * @Author : Talia
- * @WeChat : Tan578853789
- * @File   : field.ts
- * @Date   : 2026/07/09
- * @Desc.  : 字段处理相关函数（通用版：支持任意对象/数组镜像提取）
- */
-
-/** 原始 ID 类型 */
-type PrimitiveId = string | number
-
-/** 从对象中提取指定字段的类型，若字段不存在或类型不合法则回退到 undefined */
-type ExtractFieldType<T, K extends PropertyKey> =
-  T extends Record<PropertyKey, unknown>
-    ? K extends keyof T
-      ? T[K] extends PrimitiveId
-        ? T[K]
-        : undefined
-      : undefined
-    : never
-
-// ============ 函数重载签名区 ============
-
-/** 重载1：传入数组 → 返回对应字段类型的数组 */
-export function extractFieldId<T extends Record<string, unknown>, K extends keyof T & PropertyKey = 'id'>(
-  value: T[],
-  fieldName?: K
-): ExtractFieldType<T, K>[]
-
-/** 重载2：传入单个对象 → 返回对应字段类型 */
-export function extractFieldId<T extends Record<string, unknown>, K extends keyof T & PropertyKey = 'id'>(
-  value: T,
-  fieldName?: K
-): ExtractFieldType<T, K>
-
-/** 重载3：传入 null / undefined → 返回 undefined */
-export function extractFieldId(value: null | undefined, fieldName?: string): undefined
-
-// ============ 实现签名区 ============
-export function extractFieldId(
-  value: Record<string, unknown> | Record<string, unknown>[] | null | undefined,
-  fieldName: string = 'id'
-): unknown {
-  // 1. 排除 null 和 undefined
-  if (value == null) return undefined
-
-  // 2. 数组形态：递归提取每个元素，过滤掉非法值
-  if (Array.isArray(value)) {
-    return value
-      .map((item) => extractFieldId(item, fieldName))
-      .filter((v): v is NonNullable<typeof v> => v !== undefined)
-  }
-
-  // 3. 必须是普通对象（防御性检查）
-  if (typeof value !== 'object') {
-    return undefined
-  }
-
-  // 4. 检查对象是否包含目标字段
-  if (!(fieldName in value)) {
-    return undefined
-  }
-
-  // 5. 安全获取字段值
-  const fieldValue = (value as Record<string, unknown>)[fieldName]
-
-  // 6. 只接受 string 或 number 类型
-  if (typeof fieldValue === 'string' || typeof fieldValue === 'number') {
-    return fieldValue
-  }
-
-  return undefined
-}

package/jnrs-vue/src/views/businessPlayground/EditDialog.vue

@@ -1,137 +0,0 @@
-<!--
- @Author : TanRui
- @WeChat : Tan578853789
- @Title  : 项目编辑组件
- @File   : /agentic/crud/EditDialog.vue
- @Date   : 2026/01/01
- @Desc.  : 该页面为增删改查类业务功能的页面模板，包含了常见的功能如表单控件、components/common 通用功能组件、导入导出、图片附件、附件上传等功能。开发者可以在此基础上进行修改和扩展，以适应具体的业务需求。
- -->
-
-<script setup lang="ts">
-import type { FormInstance } from 'element-plus'
-import { type SaveProcessRequest, saveProductManagementProcessApi } from '@/api/business/index'
-import { ref, nextTick } from 'vue'
-import { ElMessage } from 'element-plus'
-import { objectMatchAssign } from '@jnrs/shared'
-import { downloadFile } from '@/utils'
-import { JnDialog, JnFileUpload } from '@jnrs/vue-core/components'
-
-const emit = defineEmits<{
-  success: []
-}>()
-
-const loading = ref(false)
-const editDialogRef = ref()
-const ruleFormRef = ref<FormInstance>()
-const ruleForm = ref<SaveProcessRequest>({
-  id: 0,
-  productName: '',
-  productCode: '',
-  height: 0,
-  orginAttachmentName: '',
-  newAttachmentFile: [],
-  orginImageNames: [],
-  newImageFiles: []
-})
-
-// 打开弹窗
-const open = (row?: SaveProcessRequest) => {
-  editDialogRef.value.open()
-  nextTick(() => {
-    ruleFormRef.value?.resetFields()
-    const matched = objectMatchAssign(ruleForm.value, row)
-    ruleForm.value = matched
-  })
-}
-
-// 关闭弹窗
-const close = () => {
-  editDialogRef.value.close()
-}
-
-// 提交表单
-const submitForm = () => {
-  ruleFormRef.value?.validate(async (valid) => {
-    if (valid) {
-      loading.value = true
-      try {
-        const baseData = {
-          productName: ruleForm.value.productName,
-          productCode: ruleForm.value.productCode,
-          height: ruleForm.value.height,
-          orginAttachmentName: ruleForm.value.orginAttachmentName,
-          newAttachmentFile: ruleForm.value.newAttachmentFile,
-          orginImageNames: ruleForm.value.orginImageNames,
-          newImageFiles: ruleForm.value.newImageFiles
-        }
-
-        if ('id' in ruleForm.value && ruleForm.value.id) {
-          await saveProductManagementProcessApi({ ...baseData, id: ruleForm.value.id })
-        } else {
-          await saveProductManagementProcessApi(baseData)
-        }
-
-        ElMessage({
-          message: '数据已保存',
-          grouping: true,
-          showClose: true,
-          type: 'success'
-        })
-        close()
-        emit('success')
-      } catch (err) {
-        console.error(err)
-      } finally {
-        loading.value = false
-      }
-    }
-  })
-}
-
-// 暴露方法给父组件
-defineExpose({
-  open,
-  close
-})
-</script>
-
-<template>
-  <!-- 编辑弹窗 -->
-  <JnDialog ref="editDialogRef" title="项目管理" width="800px">
-    <el-form ref="ruleFormRef" :model="ruleForm" label-width="auto" v-loading="loading">
-      <el-form-item prop="id"></el-form-item>
-      <el-form-item label="产品名称" prop="productName">
-        <el-input v-model.trim="ruleForm.productName" maxlength="50" show-word-limit />
-      </el-form-item>
-      <el-form-item label="产品编码" prop="productCode">
-        <el-input v-model.trim="ruleForm.productCode" maxlength="50" show-word-limit />
-      </el-form-item>
-      <el-form-item label="高度(mm)" prop="height">
-        <el-input-number v-model="ruleForm.height" :min="0" :precision="2" :step-strictly="true" style="width: 150px" />
-      </el-form-item>
-      <el-form-item label="上传图片" prop="newImageFiles">
-        <JnFileUpload
-          v-model="ruleForm.newImageFiles"
-          :formRef="ruleFormRef"
-          validateFieldName="newImageFiles"
-          accept=".png,.jpg,.bmp,.gif"
-          :fileSizeMb="50"
-          :limit="1"
-          drag
-          :downloadFileFn="(file) => downloadFile(file.uniqueFileName, file.fileName)"
-        />
-      </el-form-item>
-      <el-form-item label="上传文件" prop="newAttachmentFile">
-        <JnFileUpload
-          v-model="ruleForm.newAttachmentFile"
-          accept=".pdf"
-          :limit="1"
-          :downloadFileFn="(file) => downloadFile(file.uniqueFileName, file.fileName)"
-        />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button type="success" icon="Select" :loading="loading" @click="submitForm()">提交</el-button>
-    </template>
-  </JnDialog>
-</template>

package/jnrs-vue/src/views/businessPlayground/index.vue

@@ -1,90 +0,0 @@
-<script setup lang="ts">
-import {
-  getStandardLoadKitCheckExportApi,
-  getProductManagementProcessListApi,
-  type ProcessItem
-} from '@/api/business/index'
-import { JnImportAndExport, JnTable, JnPagination } from '@jnrs/vue-core/components'
-import { debounce } from '@jnrs/shared/lodash'
-import { ref, onActivated } from 'vue'
-import EditDialog from './EditDialog.vue'
-import ImageView from '@/components/common/ImageView.vue'
-import PdfView from '@/components/common/PdfView.vue'
-
-const loading = ref(false)
-const tableData = ref<ProcessItem[]>([])
-const total = ref(0)
-const pagination = ref({ pageNo: 1, pageSize: 20 })
-// 编辑弹窗引用
-const editDialogRef = ref()
-
-// 获取表格数据
-const getTable = debounce(async () => {
-  loading.value = true
-  try {
-    const res = await getProductManagementProcessListApi({
-      ...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)
-  } finally {
-    loading.value = false
-  }
-}, 300)
-
-// 新增和修改
-const handleEdit = (row?: ProcessItem) => {
-  editDialogRef.value.open(row)
-}
-
-onActivated(() => {
-  getTable()
-})
-</script>
-
-<template>
-  <!-- 编辑弹窗组件 -->
-  <EditDialog ref="editDialogRef" @success="getTable()" />
-
-  <JnImportAndExport :exportApi="getStandardLoadKitCheckExportApi" size="small" />
-  <!-- 数据列表 -->
-  <JnTable
-    :data="tableData"
-    :pagination="pagination"
-    :autoHeight="true"
-    :showScrollbar="true"
-    :showIndexColumn="true"
-    highlight-current-row
-  >
-    <el-table-column prop="productName" label="产品名称" min-width="100" show-overflow-tooltip />
-    <el-table-column prop="productCode" label="产品编码" min-width="100" show-overflow-tooltip />
-    <el-table-column prop="height" label="高度(mm)" width="100" align="center" />
-    <el-table-column prop="imageDocument" label="图片" width="120" align="center">
-      <template #default="{ row }">
-        <ImageView :loadKeys="row.newImageFiles" preview />
-      </template>
-    </el-table-column>
-    <el-table-column prop="isProcessCompleteness" label="工艺是否齐套" width="100" align="center">
-      <template #default="{ row }">
-        <el-tag :type="row.isProcessCompleteness ? 'success' : 'warning'">
-          {{ row.isProcessCompleteness ? '是' : '否' }}
-        </el-tag>
-      </template>
-    </el-table-column>
-    <el-table-column label="操作" width="100" align="center" fixed="right">
-      <template #default="{ row }">
-        <div><PdfView :loadKeys="row.newAttachmentFile" isPdf :showFileName="false" /></div>
-        <div><el-button link type="primary" @click.stop="handleEdit(row)">编辑</el-button></div>
-      </template>
-    </el-table-column>
-  </JnTable>
-
-  <!-- 表格分页 -->
-  <JnPagination :total="total" v-model="pagination" @change="getTable" />
-</template>