From 1e2945d4a3020bd77b1227637c496e1b7708d0de Mon Sep 17 00:00:00 2001
From: sheng <905537351@qq.com>
Date: Mon, 22 Jun 2026 19:24:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=81=E7=A7=BB=E8=B4=A8=E9=87=8F=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A6=96=E5=B7=A1=E6=A3=80=E9=A1=B9=E7=9B=AE=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/质量管理功能测试任务列表.md              |  10 +
 docs/迁移任务列表.md                          |   6 +-
 .../first-article-inspection-configuration.js |  39 +++
 src/locales/en.json                           |  62 ++++
 src/locales/zh-chs.json                       |  62 ++++
 src/router/modules/quality-management.js      |   6 +
 .../index.vue                                 | 302 ++++++++++++++++++
 7 files changed, 484 insertions(+), 3 deletions(-)
 create mode 100644 src/api/quality-management/first-article-inspection-configuration.js
 create mode 100644 src/views/quality-management/process-control/first-article-inspection-configuration/index.vue

diff --git a/docs/质量管理功能测试任务列表.md b/docs/质量管理功能测试任务列表.md
index e06a2f19..3feb2c7a 100644
--- a/docs/质量管理功能测试任务列表.md
+++ b/docs/质量管理功能测试任务列表.md
@@ -10,3 +10,13 @@
 - [ ] 编辑刚新增的数据，确认回显、保存和刷新后的字段值正确。
 - [ ] 删除测试数据，确认二次确认弹窗、删除请求和列表刷新正常。
 
+## 首巡检项目配置 (First Article Inspection Configuration)
+
+- [ ] 通过菜单或地址 /quality_control/first_inspection/setting 打开页面，确认页面标题、查询区和列表区域正常显示。
+- [ ] 输入主要查询条件后点击查询，确认请求参数和列表刷新符合旧系统字段。
+- [ ] 点击重置，确认查询条件清空并回到第一页。
+- [ ] 切换分页大小和页码，确认列表数据、总数和加载状态正常。
+- [ ] 新增一条测试数据，确认必填校验、提交成功提示和列表刷新正常。
+- [ ] 编辑刚新增的数据，确认回显、保存和刷新后的字段值正确。
+- [ ] 删除测试数据，确认二次确认弹窗、删除请求和列表刷新正常。
+
diff --git a/docs/迁移任务列表.md b/docs/迁移任务列表.md
index 3bdd95ab..d033d3bb 100644
--- a/docs/迁移任务列表.md
+++ b/docs/迁移任务列表.md
@@ -3,8 +3,8 @@
 > 根据 `后台Webman界面截图对照表.md` 生成。状态以当前 V2 项目中已落地的页面目录为准。
 
 - 总功能数：79
-- 已迁移：49
-- 未迁移：30
+- 已迁移：50
+- 未迁移：29
 
 | 状态 | 一级模块 | 二级模块 | 三级模块 | 功能说明 | V2 目标路径 |
 |:---:|---|---|---|---|---|
@@ -54,7 +54,7 @@
 | ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 设备监控 (Equipment Monitoring) | 设备监控 | `src/views/planning-production/production-monitoring/equipment-monitoring/` |
 | ✅ | 计划与生产 (Planning & Production) | 生产监控 (Production Monitoring) | 电池工序管理 (Process Execution) | 工序管理 | `src/views/planning-production/production-monitoring/process-execution/` |
 | ✅ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 检验类别管理 (Inspection Type Management) |  | `src/views/quality-management/process-control/inspection-type-management/` |
-| ⬜ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检项目配置 (First Article Inspection Configuration) |  | 待确认 |
+| ✅ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检项目配置 (First Article Inspection Configuration) |  | `src/views/quality-management/process-control/first-article-inspection-configuration/` |
 | ⬜ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检录入 (First Article Inspection Records) |  | 待确认 |
 | ⬜ | 质量管理 (Quality Management) | 过程控制 (Process Control) | 首巡检报表 (First Article Inspection Reports) |  | 待确认 |
 | ⬜ | 质量管理 (Quality Management) | 检验控制 (Inspection Management) | 检验单管理 (Inspection Orders) |  | 待确认 |
diff --git a/src/api/quality-management/first-article-inspection-configuration.js b/src/api/quality-management/first-article-inspection-configuration.js
new file mode 100644
index 00000000..d529aa79
--- /dev/null
+++ b/src/api/quality-management/first-article-inspection-configuration.js
@@ -0,0 +1,39 @@
+import { request } from '@/api/_service'
+
+const BASE = 'quality_control/first_inspection/first_inspection/'
+
+function apiParams (data = {}, method = 'get.setting.list', platform = 'api') {
+  return { method, platform, ...data }
+}
+export function fetchFirstArticleInspectionConfigurationList (data = {}) {
+  return request({
+    url: BASE + 'list',
+    method: 'post',
+    data: apiParams(data, 'get.setting.list', 'api')
+  })
+}
+
+export function createFirstArticleInspectionConfiguration (data = {}) {
+  return request({
+    url: BASE + 'add',
+    method: 'post',
+    data: apiParams(data, 'add.setting', 'admin')
+  })
+}
+
+export function editFirstArticleInspectionConfiguration (data = {}) {
+  return request({
+    url: BASE + 'update',
+    method: 'post',
+    data: apiParams(data, 'set.setting', 'admin')
+  })
+}
+
+export function deleteFirstArticleInspectionConfiguration (data = {}) {
+  return request({
+    url: BASE + 'delete',
+    method: 'post',
+    data: apiParams(data, 'del.setting.list', 'admin')
+  })
+}
+
diff --git a/src/locales/en.json b/src/locales/en.json
index dd3d1542..e598dd69 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -2955,6 +2955,68 @@
 				"subgroup_id": "Subgroup",
 				"sampling_time": "Sampling Time",
 				"sample_value": "Sample Value"
+			},
+			"first_article_inspection_configuration": {
+				"search": "Search",
+				"reset": "Reset",
+				"operation_success": "Operation succeeded",
+				"code": "Code",
+				"name": "Name",
+				"remark": "Remark",
+				"note": "Remark",
+				"operation": "Actions",
+				"add": "Add",
+				"edit": "Edit",
+				"delete": "Delete",
+				"add_title": "Add First Article Inspection Configuration",
+				"edit_title": "Edit First Article Inspection Configuration",
+				"cancel": "Cancel",
+				"confirm": "Confirm",
+				"tip": "Tip",
+				"confirm_delete": "Are you sure to delete?",
+				"required": "Required",
+				"please_enter": "Please enter",
+				"create_time": "Created At",
+				"created_at": "Created At",
+				"updated_at": "Updated At",
+				"nickname": "Creator",
+				"batch_no": "Batch No.",
+				"product_no": "Product Code",
+				"inspection_item": "Inspection Item",
+				"inspection_result": "Inspection Result",
+				"inspector": "Inspector",
+				"category_name": "Inspection Type",
+				"category": "Category",
+				"category_id": "Inspection Type",
+				"inspection_order_no": "Inspection Order No.",
+				"material_code": "Material Code",
+				"material_name": "Material Name",
+				"inspection_status": "Inspection Status",
+				"result": "Result",
+				"inspection_type": "Inspection Type",
+				"standard_value": "Standard Value",
+				"aql_value": "AQL Value",
+				"sampling_plan_name": "Sampling Plan",
+				"sampling_plan": "Sampling Plan",
+				"sampling_plan_id": "Sampling Plan",
+				"supplier": "Supplier",
+				"inspection_category_name": "Inspection Type",
+				"inspection_category": "Inspection Type",
+				"inspection_category_id": "Inspection Type",
+				"inspection_attribute": "Inspection Attribute",
+				"inspection_unit": "Inspection Unit",
+				"scheme_code": "Scheme Code",
+				"scheme_name": "Scheme Name",
+				"sample_size": "Sample Size",
+				"acceptance_number": "Acceptance No.",
+				"rejection_number": "Rejection No.",
+				"node_data_name": "Node Data Name",
+				"node_data_code": "Node Data Code",
+				"working_subclass": "Shift",
+				"project_name": "Project Name",
+				"subgroup_id": "Subgroup",
+				"sampling_time": "Sampling Time",
+				"sample_value": "Sample Value"
 			}
 		}
 	},
diff --git a/src/locales/zh-chs.json b/src/locales/zh-chs.json
index df3aeb27..0c0e3013 100644
--- a/src/locales/zh-chs.json
+++ b/src/locales/zh-chs.json
@@ -2955,6 +2955,68 @@
 				"subgroup_id": "子组",
 				"sampling_time": "采样时间",
 				"sample_value": "样本值"
+			},
+			"first_article_inspection_configuration": {
+				"search": "查询",
+				"reset": "重置",
+				"operation_success": "操作成功",
+				"code": "编码",
+				"name": "名称",
+				"remark": "备注",
+				"note": "备注",
+				"operation": "操作",
+				"add": "新增",
+				"edit": "编辑",
+				"delete": "删除",
+				"add_title": "新增首巡检项目配置",
+				"edit_title": "编辑首巡检项目配置",
+				"cancel": "取消",
+				"confirm": "确定",
+				"tip": "提示",
+				"confirm_delete": "确定要执行该操作吗?",
+				"required": "必填项",
+				"please_enter": "请输入",
+				"create_time": "创建时间",
+				"created_at": "创建时间",
+				"updated_at": "更新时间",
+				"nickname": "创建人",
+				"batch_no": "批次号",
+				"product_no": "产品编码",
+				"inspection_item": "检验项目",
+				"inspection_result": "检验结果",
+				"inspector": "检验员",
+				"category_name": "检验类别",
+				"category": "类别",
+				"category_id": "检验类别",
+				"inspection_order_no": "检验单号",
+				"material_code": "物料编码",
+				"material_name": "物料名称",
+				"inspection_status": "检验状态",
+				"result": "结果",
+				"inspection_type": "检验类型",
+				"standard_value": "标准值",
+				"aql_value": "AQL值",
+				"sampling_plan_name": "抽样方案",
+				"sampling_plan": "抽样方案",
+				"sampling_plan_id": "抽样方案",
+				"supplier": "供应商",
+				"inspection_category_name": "检验类别",
+				"inspection_category": "检验类别",
+				"inspection_category_id": "检验类别",
+				"inspection_attribute": "检验属性",
+				"inspection_unit": "检验单位",
+				"scheme_code": "方案编码",
+				"scheme_name": "方案名称",
+				"sample_size": "样本数",
+				"acceptance_number": "接收数",
+				"rejection_number": "拒收数",
+				"node_data_name": "节点数据名称",
+				"node_data_code": "节点数据编码",
+				"working_subclass": "班次",
+				"project_name": "项目名称",
+				"subgroup_id": "子组",
+				"sampling_time": "采样时间",
+				"sample_value": "样本值"
 			}
 		}
 	},
diff --git a/src/router/modules/quality-management.js b/src/router/modules/quality-management.js
index fe2d7ff5..143783f5 100644
--- a/src/router/modules/quality-management.js
+++ b/src/router/modules/quality-management.js
@@ -19,6 +19,12 @@ export default {
       name: `${pre}process-control-inspection-type-management`,
       meta: { ...meta, cache: true, title: '检验类别管理' },
       component: _import('quality-management/process-control/inspection-type-management')
+    },
+    {
+      path: 'first_inspection/setting',
+      name: `${pre}process-control-first-article-inspection-configuration`,
+      meta: { ...meta, cache: true, title: '首巡检项目配置' },
+      component: _import('quality-management/process-control/first-article-inspection-configuration')
     }
   ])('quality_control-')
 }
diff --git a/src/views/quality-management/process-control/first-article-inspection-configuration/index.vue b/src/views/quality-management/process-control/first-article-inspection-configuration/index.vue
new file mode 100644
index 00000000..f456d03c
--- /dev/null
+++ b/src/views/quality-management/process-control/first-article-inspection-configuration/index.vue
@@ -0,0 +1,302 @@
+<template>
+  <d2-container>
+    <template #header>
+      <div class="search-bar">
+        <el-form :inline="true" size="mini">
+          <el-form-item :label="$t(key('code'))">
+            <el-input
+              v-model="search.code"
+              :placeholder="$t(key('please_enter'))"
+              clearable
+              style="width:200px"
+              @keyup.enter.native="onSearch"
+            />
+          </el-form-item>
+          <el-form-item :label="$t(key('name'))">
+            <el-input
+              v-model="search.name"
+              :placeholder="$t(key('please_enter'))"
+              clearable
+              style="width:200px"
+              @keyup.enter.native="onSearch"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" @click="onSearch">
+              {{ $t(key('search')) }}
+            </el-button>
+            <el-button icon="el-icon-refresh" @click="onReset">
+              {{ $t(key('reset')) }}
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </template>
+
+    <page-table
+      ref="pageTable"
+      :columns="columns"
+      :data="tableData"
+      :loading="loading"
+      :toolbar-buttons="toolbarButtons"
+      :row-buttons="rowButtons"
+      :pagination="pagination"
+      help-url="/help/quality-management/first-article-inspection-configuration"
+      :help-text="$t(ckey('help'))"
+      auto-height
+      @page-change="onPageChange"
+      @selection-change="onSelect"
+    />
+
+    <page-dialog-form
+      ref="dialogForm"
+      :visible.sync="dialogVisible"
+      :title="dialogTitle"
+      width="520px"
+      :form-cols="formCols"
+      :form-data="formData"
+      :rules="rules"
+      label-width="120px"
+      :submitting="submitting"
+      :confirm-text="key('confirm')"
+      :cancel-text="key('cancel')"
+      @submit="onDialogSubmit"
+      @close="onDialogClose"
+    />
+  </d2-container>
+</template>
+
+<script>
+import { useTableColumns } from '@/composables/useTableColumns'
+import { useTableButtons } from '@/composables/useTableButtons'
+import { i18nMixin } from '@/composables/useI18n'
+import { confirmMixin } from '@/composables/useConfirmHandle'
+import {
+  fetchFirstArticleInspectionConfigurationList,
+  createFirstArticleInspectionConfiguration,
+  editFirstArticleInspectionConfiguration,
+  deleteFirstArticleInspectionConfiguration
+} from '@/api/quality-management/first-article-inspection-configuration'
+import PageTable from '@/components/page-table'
+import PageDialogForm from '@/components/page-dialog-form'
+
+function readList (res) {
+  if (Array.isArray(res)) return { list: res, total: res.length }
+  const data = res && res.data ? res.data : res
+  if (Array.isArray(data)) return { list: data, total: data.length }
+  const list = (data && (data.list || data.rows || data.records || data.data)) || []
+  const total = data && (data.total || data.count || list.length)
+  return { list: Array.isArray(list) ? list : [], total: Number(total) || 0 }
+}
+
+export default {
+  name: 'quality-management-first-article-inspection-configuration',
+  components: { PageTable, PageDialogForm },
+  mixins: [i18nMixin('page.quality_management.first_article_inspection_configuration'), confirmMixin],
+  data () {
+    return {
+      loading: false,
+      submitting: false,
+      tableData: [],
+      selectedRows: [],
+      dialogVisible: false,
+      dialogTitle: '',
+      editId: '',
+      handleType: 'create',
+      search: {"code":"","name":""},
+      pagination: { current: 1, size: 10, total: 0 },
+      formData: {"code":"","name":"","category_id":"","note":""},
+      rules: {
+        code: [
+          { required: true, message: this.key('required'), trigger: 'blur' }
+        ],
+        name: [
+          { required: true, message: this.key('required'), trigger: 'blur' }
+        ]
+      },
+      columns: [],
+      toolbarButtons: [],
+      rowButtons: [],
+      formCols: [
+        [
+          {
+            type: 'input',
+            prop: 'code',
+            label: this.key('code'),
+            placeholder: this.key('please_enter'),
+            clearable: true,
+            style: { width: '90%' }
+          }
+        ],
+        [
+          {
+            type: 'input',
+            prop: 'name',
+            label: this.key('name'),
+            placeholder: this.key('please_enter'),
+            clearable: true,
+            style: { width: '90%' }
+          }
+        ],
+        [
+          {
+            type: 'input',
+            prop: 'category_id',
+            label: this.key('category_id'),
+            placeholder: this.key('please_enter'),
+            clearable: true,
+            style: { width: '90%' }
+          }
+        ],
+        [
+          {
+            type: 'input',
+            prop: 'note',
+            label: this.key('remark'),
+            placeholder: this.key('please_enter'),
+            clearable: true,
+            style: { width: '90%' }
+          }
+        ]
+      ]
+    }
+  },
+  created () {
+    this.columns = useTableColumns([
+      { prop: 'code', label: this.key('code'), minWidth: 130 },
+      { prop: 'name', label: this.key('name'), minWidth: 130 },
+      { prop: 'category_name', label: this.key('category_name'), minWidth: 170 },
+      { prop: 'note', label: this.key('remark'), minWidth: 130 },
+      { prop: 'create_date', label: this.key('create_date'), minWidth: 130 },
+      { prop: '_actions', label: this.key('operation'), width: 160, fixed: 'right' }
+    ])
+    const btns = useTableButtons({
+      toolbar: [
+        {
+          key: 'add',
+          label: this.key('add'),
+          icon: 'el-icon-plus',
+          type: 'primary',
+          auth: '/quality_control/first_inspection/setting/create',
+          onClick: this.openAdd
+        }
+      ],
+      row: [
+        {
+          key: 'edit',
+          label: this.key('edit'),
+          icon: 'el-icon-edit',
+          auth: '/quality_control/first_inspection/setting/edit',
+          onClick: this.openEdit
+        },
+        {
+          key: 'delete',
+          label: this.key('delete'),
+          icon: 'el-icon-delete',
+          color: 'danger',
+          auth: '/quality_control/first_inspection/setting/delete',
+          onClick: this.handleDelete
+        }
+      ]
+    }, this.$permission)
+    this.toolbarButtons = btns.toolbarButtons
+    this.rowButtons = btns.rowButtons
+    this.fetchData()
+  },
+  methods: {
+    async fetchData () {
+      this.loading = true
+      try {
+        const params = {
+          ...this.search,
+          page_no: this.pagination.current,
+          page_size: this.pagination.size,
+          page: this.pagination.current,
+          size: this.pagination.size
+        }
+        const res = await fetchFirstArticleInspectionConfigurationList(params)
+        const { list, total } = readList(res)
+        this.tableData = list
+        this.pagination.total = total
+      } finally {
+        this.loading = false
+      }
+    },
+    onSearch () {
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    onReset () {
+      this.search = {"code":"","name":""}
+      this.pagination.current = 1
+      this.fetchData()
+    },
+    onPageChange (page) {
+      this.pagination.current = page.current
+      this.pagination.size = page.size
+      this.fetchData()
+    },
+    onSelect (rows) {
+      this.selectedRows = rows
+    },
+    resetForm () {
+      this.formData = {"code":"","name":"","category_id":"","note":""}
+      this.editId = ''
+    },
+    openAdd () {
+      this.handleType = 'create'
+      this.dialogTitle = this.key('add_title')
+      this.resetForm()
+      this.dialogVisible = true
+    },
+    openEdit (row) {
+      this.handleType = 'edit'
+      this.dialogTitle = this.key('edit_title')
+      this.editId = row.id
+      this.formData = { ...{"code":"","name":"","category_id":"","note":""}, ...row }
+      this.dialogVisible = true
+    },
+    async onDialogSubmit () {
+      this.submitting = true
+      try {
+        if (this.handleType === 'create') {
+          await createFirstArticleInspectionConfiguration(this.formData)
+        } else {
+          await editFirstArticleInspectionConfiguration({ ...this.formData, id: this.editId })
+        }
+        this.$message.success(this.$t(this.key('operation_success')))
+        this.dialogVisible = false
+        this.fetchData()
+      } finally {
+        this.submitting = false
+      }
+    },
+    onDialogClose () {
+      this.resetForm()
+    },
+    async handleDelete (row) {
+      const cancelled = await this.$confirmAction({
+        message: this.key('confirm_delete'),
+        title: this.key('tip')
+      }, () => deleteFirstArticleInspectionConfiguration({ id: [row.id], ids: [row.id], inspection_order_no: row.inspection_order_no }))
+      if (cancelled) return
+      this.$message.success(this.$t(this.key('operation_success')))
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.search-bar {
+  padding: 10px 0;
+}
+.spc-chart-panel {
+  height: 320px;
+  margin-bottom: 12px;
+  border: 1px solid #ebeef5;
+}
+/deep/ .el-form-item--mini.el-form-item {
+  margin-bottom: 4px;
+}
+</style>