From af6e648642a9e1ae40979e3e1e4b3c5613e9680a Mon Sep 17 00:00:00 2001
From: "han\\hanst" <songtao.han@xujiesoft.com>
Date: Wed, 24 Jun 2026 14:54:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=93=E6=A0=B7=E8=BF=BD=E8=B8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/sampleTracking/sampleTracking.js      |   19 +
 .../sampleTracking/projectInfoTracking.vue    | 1481 ++++++++++++++
 .../sampleTracking/projectPartTracking.vue    | 1331 +++++++++++++
 .../sampleTracking/projectProofTracking.vue   | 1731 +++++++++++++++++
 4 files changed, 4562 insertions(+)
 create mode 100644 src/api/sampleTracking/sampleTracking.js
 create mode 100644 src/views/modules/sampleTracking/projectInfoTracking.vue
 create mode 100644 src/views/modules/sampleTracking/projectPartTracking.vue
 create mode 100644 src/views/modules/sampleTracking/projectProofTracking.vue

diff --git a/src/api/sampleTracking/sampleTracking.js b/src/api/sampleTracking/sampleTracking.js
new file mode 100644
index 0000000..1f376b9
--- /dev/null
+++ b/src/api/sampleTracking/sampleTracking.js
@@ -0,0 +1,19 @@
+import { createAPI } from '@/utils/httpRequest.js'
+
+export const searchProjectInfoTracking = data => createAPI('/sampleTracking/projectInfo/search', 'POST', data)
+export const saveProjectInfoTracking = data => createAPI('/sampleTracking/projectInfo/save', 'POST', data)
+export const updateProjectInfoTracking = data => createAPI('/sampleTracking/projectInfo/update', 'POST', data)
+export const deleteProjectInfoTracking = data => createAPI('/sampleTracking/projectInfo/delete', 'POST', data)
+
+export const searchProjectPartTracking = data => createAPI('/sampleTracking/projectPart/search', 'POST', data)
+export const saveProjectPartTracking = data => createAPI('/sampleTracking/projectPart/save', 'POST', data)
+export const updateProjectPartTracking = data => createAPI('/sampleTracking/projectPart/update', 'POST', data)
+export const deleteProjectPartTracking = data => createAPI('/sampleTracking/projectPart/delete', 'POST', data)
+
+export const searchProofTracking = data => createAPI('/sampleTracking/proofTracking/search', 'POST', data)
+export const oneKeyCreateProofTracking = data => createAPI('/sampleTracking/proofTracking/oneKeyCreate', 'POST', data)
+export const createProofTrackingRecord = data => createAPI('/sampleTracking/proofTracking/createProofRecord', 'POST', data)
+export const batchUpdateProofTrackingPlan = data => createAPI('/sampleTracking/proofTracking/batchUpdatePlan', 'POST', data)
+export const updateProofTrackingProcess = data => createAPI('/sampleTracking/proofTracking/updateProcess', 'POST', data)
+export const finishProofTracking = data => createAPI('/sampleTracking/proofTracking/finishProofing', 'POST', data)
+export const queryProofTrackingProcessHistory = data => createAPI('/sampleTracking/proofTracking/processHistory', 'POST', data)
diff --git a/src/views/modules/sampleTracking/projectInfoTracking.vue b/src/views/modules/sampleTracking/projectInfoTracking.vue
new file mode 100644
index 0000000..132fd00
--- /dev/null
+++ b/src/views/modules/sampleTracking/projectInfoTracking.vue
@@ -0,0 +1,1481 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList('Y')">
+      <el-form-item label="BU">
+        <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in userBuList" :key="item.buNo" :label="item.buDesc" :value="item.buDesc"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="项目编码">
+        <el-input v-model="searchData.projectNo" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="项目名称">
+        <el-input v-model="searchData.projectDesc" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="客户编码">
+        <el-input v-model="searchData.customerNo" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="客户名称">
+        <el-input v-model="searchData.customerDesc" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="项目分类">
+        <el-select v-model="searchData.projectCategory" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in projectCategoryList" :key="item.projectCategory" :label="item.projectCategory" :value="item.projectCategory"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="PM/Sales">
+        <el-select v-model="searchData.projectManager" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in searchRoleOptions.projectManager" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="PjM">
+        <el-select v-model="searchData.projectOwner" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in searchRoleOptions.projectOwner" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Engineer">
+        <el-select v-model="searchData.engineer" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in searchRoleOptions.engineer" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区域">
+        <el-select v-model="searchData.cProjectRegion" placeholder="请选择" clearable style="width: 120px">
+          <el-option v-for="item in cProjectRegionList" :key="item.cProjectRegion" :label="item.cProjectRegion" :value="item.cProjectRegion"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="立项日期：">
+        <el-date-picker
+          v-model="searchData.startDate"
+          style="width: 120px"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+        -
+        <el-date-picker
+          v-model="searchData.endDate"
+          style="width: 120px"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button @click="getDataList('Y')">查询</el-button>
+        <el-button type="primary" @click="openAddDialog()">新增</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :height="height + 100"
+      :data="dataList"
+      ref="mainTable"
+      border
+      stripe
+      highlight-current-row
+      @row-click="projectPartClickRow"
+      @current-change="changeCurrentRow"
+      v-loading="dataListLoading"
+      style="width: 100%">
+      <el-table-column
+        v-for="item in columnList"
+        :key="item.columnProp"
+        :prop="item.columnProp"
+        :label="item.columnLabel"
+        :header-align="item.headerAlign"
+        :align="item.align"
+        :min-width="item.columnWidth"
+        :show-overflow-tooltip="true">
+      </el-table-column>
+      <el-table-column fixed="right" header-align="center" align="center" width="208" label="操作">
+        <template slot-scope="scope">
+          <a type="text" size="small" @click="addProjectPartModal(scope.row)">新增产品</a>
+          <a type="text" size="small" @click="openEditDialog(scope.row)">修改</a>
+          <a type="text" size="small" @click="deleteHandle(scope.row)">删除</a>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
+    <el-tabs v-model="activeName" class="customer-tab" type="border-card">
+      <el-tab-pane label="项目物料" name="projectPart">
+        <el-table
+          :data="projectPartList"
+          border
+          stripe
+          :height="height + 128"
+          ref="projectPartTable"
+          v-loading="projectPartLoading"
+          style="width: 100%; margin-top: 5px;">
+          <el-table-column
+            header-align="center"
+            align="center"
+            width="130"
+            fixed="left"
+            label="操作">
+            <template slot-scope="scope">
+              <a type="text" size="small" @click="updatePartModal(scope.row)">编辑</a>
+              <a type="text" size="small" @click="deletePartModal(scope.row)">删除</a>
+            </template>
+          </el-table-column>
+          <el-table-column
+            v-for="item in columnPartList"
+            :key="item.columnProp"
+            :prop="item.columnProp"
+            :label="item.columnLabel"
+            :header-align="item.headerAlign"
+            :align="item.align"
+            :min-width="item.columnWidth"
+            :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <div v-if="item.columnProp === 'partType'">
+                <span :style="{ color: scope.row.partType === 'Active' ? 'green' : 'gray', fontSize: '14px' }">
+                  {{ scope.row[item.columnProp] }}
+                </span>
+              </div>
+              <div v-else>
+                {{ scope.row[item.columnProp] }}
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+
+    <el-dialog title="项目" :visible.sync="modalFlag" :close-on-click-modal="false" width="948px" @close="resetModal">
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="BU" required>
+          <el-select v-model="modalData.bu" placeholder="请选择" style="width: 151px">
+            <el-option v-for="item in userBuList" :key="item.buNo" :label="item.buDesc" :value="item.buNo"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目编码" required style="margin-left: 15px">
+          <el-input v-model="modalData.projectNo" style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="项目名称" required style="margin-left: 15px">
+          <el-input v-model="modalData.projectDesc" style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item label="区域" required style="margin-left: 15px">
+          <el-select v-model="modalData.cProjectRegion" placeholder="请选择" clearable style="width: 151px">
+            <el-option v-for="item in cProjectRegionList" :key="item.cProjectRegion" :label="item.cProjectRegion" :value="item.cProjectRegion"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="优先级" required style="margin-left: 15px">
+          <el-select v-model="modalData.priority" placeholder="请选择" clearable style="width: 150px">
+            <el-option v-for="item in priorityList" :key="item.priority" :label="item.priority" :value="item.priority"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <template #label>
+            <span class="big-label">
+              <a href="javascript:void(0)" @click="getBaseList(509)">客户编码</a>
+              <a href="javascript:void(0)" @click="newCustomer">（新客户）</a>
+            </span>
+          </template>
+          <el-input v-model="modalData.customerNo" @blur="customerNoBlur" style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="客户名称" required style="margin-left: 15px">
+          <el-input v-model="modalData.customerDesc" disabled style="width: 371px"></el-input>
+        </el-form-item>
+        <el-form-item label="立项日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="modalData.projectCreationDate"
+            style="width: 151px"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="预计完成日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="modalData.needDate"
+            style="width: 150px"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目分类" required>
+          <el-select v-model="modalData.projectCategory" placeholder="请选择" clearable style="width: 151px">
+            <el-option v-for="item in projectCategoryList" :key="item.projectCategory" :label="item.projectCategory" :value="item.projectCategory"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer6')">IQC</a></span>
+          <el-input v-model="modalData.cQualityEngineer6Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer1')">IPQC-Lam/Pri/Etch/Slit</a></span>
+          <el-input v-model="modalData.cQualityEngineer1Name" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer2')">IPQC-Converting</a></span>
+          <el-input v-model="modalData.cQualityEngineer2Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectOwner')">PjM</a></span>
+          <el-input v-model="modalData.projectOwnerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectManager')">PM/Sales</a></span>
+          <el-input v-model="modalData.projectManagerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cManufactureEngineer')">MFG</a></span>
+          <el-input v-model="modalData.cManufactureEngineerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('engineer')">Engineer</a></span>
+          <el-input v-model="modalData.engineerName" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer')">文档工程师</a></span>
+          <el-input v-model="modalData.docEngineerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer2')">文档工程师2</a></span>
+          <el-input v-model="modalData.docEngineer2Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer3')">FQC1</a></span>
+          <el-input v-model="modalData.cQualityEngineer3Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer5')">FQC2</a></span>
+          <el-input v-model="modalData.cQualityEngineer5Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('ipqcHardTag')">IPQC-Hardtag</a></span>
+          <el-input v-model="modalData.ipqcHardTagName" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer4')">SQE</a></span>
+          <el-input v-model="modalData.cQualityEngineer4Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer7')">前道工程师</a></span>
+          <el-input v-model="modalData.cQualityEngineer7Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="备注">
+          <el-input type="textarea" :rows="2" v-model="modalData.remark" style="width: 909px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 35px; text-align: center">
+        <el-button type="primary" @click="saveData">保存</el-button>
+        <el-button @click="modalFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="项目物料" :visible.sync="partModalFlag" :close-on-click-modal="false" width="948px" @close="resetPartModal">
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="BU" required>
+          <el-select v-model="modalData.bu" placeholder="请选择" disabled style="width: 151px">
+            <el-option v-for="item in userBuList" :key="item.buNo" :label="item.buDesc" :value="item.buNo"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目编码" required style="margin-left: 15px">
+          <el-input v-model="modalData.projectNo" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="项目名称" required style="margin-left: 15px">
+          <el-input v-model="modalData.projectDesc" disabled style="width: 371px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <template #label>
+            <span class="big-label">
+              <a href="javascript:void(0)" @click="getBaseList(509)">客户编码</a>
+              <a href="javascript:void(0)" @click="newCustomer">（新客户）</a>
+            </span>
+          </template>
+          <el-input v-model="modalData.customerNo" @blur="customerNoBlur" style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="客户名称" required style="margin-left: 15px">
+          <el-input v-model="modalData.customerDesc" disabled style="width: 371px"></el-input>
+        </el-form-item>
+        <el-form-item label="立项日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="modalData.buildDate"
+            style="width: 151px"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="预计完成日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="modalData.needDate"
+            style="width: 150px"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目料号" required>
+          <el-input v-model="modalData.testPartNo" style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="料号描述" required style="margin-left: 15px">
+          <el-input v-model="modalData.partDesc" style="width: 371px"></el-input>
+        </el-form-item>
+        <el-form-item label="料号状态" required style="margin-left: 15px">
+          <el-select v-model="modalData.partType" placeholder="请选择" clearable style="width: 151px">
+            <el-option label="Active" value="Active"></el-option>
+            <el-option label="On hold" value="On hold"></el-option>
+            <el-option label="Cancel" value="Cancel"></el-option>
+            <el-option label="EOL" value="EOL"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="优先级" required style="margin-left: 15px">
+          <el-select v-model="modalData.priority" placeholder="请选择" clearable style="width: 151px">
+            <el-option v-for="item in priorityList" :key="item.priority" :label="item.priority" :value="item.priority"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目分类" required>
+          <el-select v-model="modalData.projectCategory" placeholder="请选择" clearable style="width: 151px">
+            <el-option v-for="item in projectCategoryList" :key="item.projectCategory" :label="item.projectCategory" :value="item.projectCategory"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer6')">IQC</a></span>
+          <el-input v-model="modalData.cQualityEngineer6Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer1')">IPQC-Lam/Pri/Etch/Slit</a></span>
+          <el-input v-model="modalData.cQualityEngineer1Name" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer2')">IPQC-Converting</a></span>
+          <el-input v-model="modalData.cQualityEngineer2Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectOwner')">PjM</a></span>
+          <el-input v-model="modalData.projectOwnerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectManager')">PM/Sales</a></span>
+          <el-input v-model="modalData.projectManagerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cManufactureEngineer')">MFG</a></span>
+          <el-input v-model="modalData.cManufactureEngineerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('engineer')">Engineer</a></span>
+          <el-input v-model="modalData.engineerName" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer')">文档工程师</a></span>
+          <el-input v-model="modalData.docEngineerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer2')">文档工程师2</a></span>
+          <el-input v-model="modalData.docEngineer2Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer3')">FQC1</a></span>
+          <el-input v-model="modalData.cQualityEngineer3Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer5')">FQC2</a></span>
+          <el-input v-model="modalData.cQualityEngineer5Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('ipqcHardTag')">IPQC-Hardtag</a></span>
+          <el-input v-model="modalData.ipqcHardTagName" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer4')">SQE</a></span>
+          <el-input v-model="modalData.cQualityEngineer4Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer7')">前道工程师</a></span>
+          <el-input v-model="modalData.cQualityEngineer7Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="备注">
+          <el-input type="textarea" :rows="2" v-model="modalData.remark" style="width: 909px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 35px; text-align: center">
+        <el-button type="primary" @click="savePartData">保存</el-button>
+        <el-button @click="partModalFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog :title="roleDialogTitle" :visible.sync="roleDialogVisible" width="559px" :close-on-click-modal="false">
+      <el-form :inline="true" label-position="top" :model="roleSearchData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="用户账号">
+          <el-input v-model="roleSearchData.username" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label="用户名">
+          <el-input v-model="roleSearchData.userDisplay" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label="是否在用">
+          <el-select filterable v-model="roleSearchData.active" clearable style="width: 140px">
+            <el-option label="是" value="Y"></el-option>
+            <el-option label="否" value="N"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" style="padding: 3px 12px" @click="queryRoleDialogList">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :height="height + 110"
+        :data="roleDialogList"
+        stripe
+        border
+        highlight-current-row
+        @row-dblclick="pickRole"
+        style="width: 100%">
+        <el-table-column prop="username" header-align="center" align="center" label="用户账号"></el-table-column>
+        <el-table-column prop="userDisplay" header-align="center" align="center" label="用户名"></el-table-column>
+        <el-table-column prop="active" header-align="center" align="center" label="是否在用"></el-table-column>
+      </el-table>
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button @click="roleDialogVisible = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="新客户" :visible.sync="newCustomerFlag" width="348px" :close-on-click-modal="false" @close="closeNewCustomer">
+      <el-form :inline="true" label-position="top" :model="newCustomerData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="客户名称">
+          <el-input v-model="newCustomerData.customerDesc" style="width: 313px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button type="primary" @click="saveNewCustomer">保存</el-button>
+        <el-button @click="newCustomerFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+  </div>
+</template>
+
+<script>
+import {
+  searchProjectInfoTracking,
+  saveProjectInfoTracking,
+  updateProjectInfoTracking,
+  deleteProjectInfoTracking,
+  searchProjectPartTracking,
+  saveProjectPartTracking,
+  updateProjectPartTracking,
+  deleteProjectPartTracking
+} from '@/api/sampleTracking/sampleTracking'
+import { getCustomerNo, saveNewCustomer } from '@/api/eam/eamProject.js'
+import { getSiteAndBuByUserName } from '@/api/eam/eam.js'
+import {
+  searchBusinessInfo,
+  searchBusinessInfo1,
+  searchBusinessInfo2,
+  searchBusinessInfo3,
+  searchBusinessInfo4,
+  searchBusinessInfo5,
+  searchBusinessInfo6,
+  searchBusinessInfo7,
+  searchBusinessInfo8
+} from '@/api/factory/site.js'
+import { queryCustomerList } from '@/api/customer/customer'
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+
+export default {
+  name: 'ProjectInfoTracking',
+  components: {
+    Chooselist
+  },
+  data () {
+    return {
+      height: 200,
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
+      dataList: [],
+      projectPartList: [],
+      dataListLoading: false,
+      projectPartLoading: false,
+      activeName: 'projectPart',
+      currentProjectRow: null,
+      modalFlag: false,
+      partModalFlag: false,
+      dialogMode: 'add',
+      partDialogMode: 'add',
+      userBuList: [],
+      tagNo: '',
+      newCustomerFlag: false,
+      newCustomerData: {
+        customerDesc: ''
+      },
+      roleDialogVisible: false,
+      roleDialogTitle: '',
+      roleDialogField: '',
+      roleDialogApiKey: '0',
+      roleDialogList: [],
+      roleSearchData: {
+        site: this.$store.state.user.site,
+        username: '',
+        userDisplay: '',
+        active: '',
+        page: 1,
+        limit: 50
+      },
+      searchRoleOptions: {
+        projectManager: [],
+        projectOwner: [],
+        engineer: []
+      },
+      searchData: {
+        site: this.$store.state.user.site,
+        userName: this.$store.state.user.name,
+        projectId: null,
+        projectNo: '',
+        projectDesc: '',
+        customerNo: '',
+        customerDesc: '',
+        buDesc: '',
+        projectCategory: '',
+        status: '',
+        projectManager: '',
+        projectOwner: '',
+        engineer: '',
+        startDate: '',
+        endDate: '',
+        cProjectRegion: '',
+        page: 1,
+        limit: 20
+      },
+      modalData: this.getDefaultModalData(),
+      roleConfig: {
+        projectManager: { apiKey: '0', title: 'PM/Sales', nameField: 'projectManagerName' },
+        projectOwner: { apiKey: '1', title: 'PjM', nameField: 'projectOwnerName' },
+        cQualityEngineer1: { apiKey: '2', title: 'IPQC-Lam/Pri/Etch/Slit', nameField: 'cQualityEngineer1Name' },
+        cQualityEngineer2: { apiKey: '3', title: 'IPQC-Converting', nameField: 'cQualityEngineer2Name' },
+        cQualityEngineer3: { apiKey: '4', title: 'FQC1', nameField: 'cQualityEngineer3Name' },
+        cManufactureEngineer: { apiKey: '5', title: 'MFG', nameField: 'cManufactureEngineerName' },
+        engineer: { apiKey: '6', title: 'Engineer', nameField: 'engineerName' },
+        cQualityEngineer4: { apiKey: '7', title: 'SQE', nameField: 'cQualityEngineer4Name' },
+        cQualityEngineer5: { apiKey: '7', title: 'FQC2', nameField: 'cQualityEngineer5Name' },
+        cQualityEngineer6: { apiKey: '7', title: 'IQC', nameField: 'cQualityEngineer6Name' },
+        docEngineer: { apiKey: '7', title: '文档工程师', nameField: 'docEngineerName' },
+        ipqcHardTag: { apiKey: '7', title: 'IPQC-Hardtag', nameField: 'ipqcHardTagName' },
+        cQualityEngineer7: { apiKey: '7', title: '前道工程师', nameField: 'cQualityEngineer7Name' },
+        docEngineer2: { apiKey: '8', title: '文档工程师2', nameField: 'docEngineer2Name' }
+      },
+      columnList: [
+        { columnProp: 'buDesc', columnLabel: 'BU', headerAlign: 'center', align: 'center', columnWidth: 100 },
+        { columnProp: 'projectNo', columnLabel: '项目编码', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'projectDesc', columnLabel: '项目名称', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'customerNo', columnLabel: '客户编码', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'customerDesc', columnLabel: '客户名称', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'projectCreationDate', columnLabel: '立项日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'projectCategory', columnLabel: '项目分类', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'priority', columnLabel: '优先级', headerAlign: 'center', align: 'left', columnWidth: 90 },
+        { columnProp: 'cProjectRegion', columnLabel: '区域', headerAlign: 'center', align: 'left', columnWidth: 100 },
+        { columnProp: 'projectManagerName', columnLabel: 'PM/Sales', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'projectOwnerName', columnLabel: 'PjM', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'engineerName', columnLabel: 'Engineer', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer1Name', columnLabel: 'IPQC-Lam/Pri/Etch/Slit', headerAlign: 'center', align: 'left', columnWidth: 170 },
+        { columnProp: 'cQualityEngineer2Name', columnLabel: 'IPQC-Converting', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'cQualityEngineer3Name', columnLabel: 'FQC1', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer5Name', columnLabel: 'FQC2', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer6Name', columnLabel: 'IQC', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cManufactureEngineerName', columnLabel: 'MFG', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer4Name', columnLabel: 'SQE', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'docEngineerName', columnLabel: '文档工程师', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'docEngineer2Name', columnLabel: '文档工程师2', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'ipqcHardTagName', columnLabel: 'IPQC-Hardtag', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer7Name', columnLabel: '前道工程师', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'status', columnLabel: '项目状态', headerAlign: 'center', align: 'left', columnWidth: 100 },
+        { columnProp: 'needDate', columnLabel: '预计完成日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'projectCloseDate', columnLabel: '结案日期', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'remark', columnLabel: '备注', headerAlign: 'center', align: 'left', columnWidth: 160 },
+        { columnProp: 'createDate', columnLabel: '创建时间', headerAlign: 'center', align: 'center', columnWidth: 130 },
+        { columnProp: 'createBy', columnLabel: '创建人', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'updateDate', columnLabel: '更新时间', headerAlign: 'center', align: 'center', columnWidth: 130 },
+        { columnProp: 'updateBy', columnLabel: '更新人', headerAlign: 'center', align: 'left', columnWidth: 120 }
+      ],
+      columnPartList: [
+        { columnProp: 'testPartNo', columnLabel: '项目料号', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'partDesc', columnLabel: '料号描述', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'customerNo', columnLabel: '客户编码', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'customerDesc', columnLabel: '客户名称', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'buildDate', columnLabel: '立项日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'projectCategory', columnLabel: '项目分类', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'priority', columnLabel: '优先级', headerAlign: 'center', align: 'left', columnWidth: 90 },
+        { columnProp: 'cProjectRegion', columnLabel: '区域', headerAlign: 'center', align: 'left', columnWidth: 100 },
+        { columnProp: 'projectManagerName', columnLabel: 'PM/Sales', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'projectOwnerName', columnLabel: 'PjM', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'engineerName', columnLabel: 'Engineer', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer1Name', columnLabel: 'IPQC-Lam/Pri/Etch/Slit', headerAlign: 'center', align: 'left', columnWidth: 170 },
+        { columnProp: 'cQualityEngineer2Name', columnLabel: 'IPQC-Converting', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'cQualityEngineer3Name', columnLabel: 'FQC1', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer5Name', columnLabel: 'FQC2', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer6Name', columnLabel: 'IQC', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cManufactureEngineerName', columnLabel: 'MFG', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer4Name', columnLabel: 'SQE', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'docEngineerName', columnLabel: '文档工程师', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'docEngineer2Name', columnLabel: '文档工程师2', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'ipqcHardTagName', columnLabel: 'IPQC-Hardtag', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer7Name', columnLabel: '前道工程师', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'status', columnLabel: '项目状态', headerAlign: 'center', align: 'left', columnWidth: 100 },
+        { columnProp: 'partType', columnLabel: '料号状态', headerAlign: 'center', align: 'center', columnWidth: 100 },
+        { columnProp: 'needDate', columnLabel: '预计完成日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'closeDate', columnLabel: '转量产日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'finalPartNo', columnLabel: 'ERP正式料号', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'remark', columnLabel: '备注', headerAlign: 'center', align: 'left', columnWidth: 160 },
+        { columnProp: 'createDate', columnLabel: '创建时间', headerAlign: 'center', align: 'center', columnWidth: 130 },
+        { columnProp: 'createBy', columnLabel: '创建人', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'updateDate', columnLabel: '更新时间', headerAlign: 'center', align: 'center', columnWidth: 130 },
+        { columnProp: 'updateBy', columnLabel: '更新人', headerAlign: 'center', align: 'left', columnWidth: 120 }
+      ],
+      projectCategoryList: [
+        { projectCategory: 'Low Risk' },
+        { projectCategory: 'High Risk' },
+        { projectCategory: 'Sustaining' }
+      ],
+      cProjectRegionList: [
+        { cProjectRegion: 'Global' },
+        { cProjectRegion: 'APAC' },
+        { cProjectRegion: 'CHINA' },
+        { cProjectRegion: 'EU' },
+        { cProjectRegion: 'US' },
+        { cProjectRegion: 'Mexico' },
+        { cProjectRegion: 'Other' }
+      ],
+      priorityList: [
+        { priority: 'Low' },
+        { priority: 'Middle' },
+        { priority: 'High' }
+      ]
+    }
+  },
+  created () {
+    this.refreshLayoutHeight()
+    this.loadUserBuList()
+    this.loadSearchRoleOptions()
+    this.getDataList()
+  },
+  methods: {
+    getDefaultModalData () {
+      return {
+        projectId: null,
+        projectPartId: null,
+        site: this.$store.state.user.site,
+        bu: '',
+        buNo: '',
+        projectNo: '',
+        projectDesc: '',
+        testPartNo: '',
+        partDesc: '',
+        partType: '',
+        finalPartNo: '',
+        projectCategory: '',
+        status: '草稿',
+        customerNo: '',
+        customerDesc: '',
+        priority: '',
+        buildDate: '',
+        needDate: '',
+        closeDate: '',
+        projectCreationDate: '',
+        projectCloseDate: '',
+        cProjectRegion: '',
+        projectManager: '',
+        projectManagerName: '',
+        projectOwner: '',
+        projectOwnerName: '',
+        engineer: '',
+        engineerName: '',
+        cQualityEngineer1: '',
+        cQualityEngineer1Name: '',
+        cQualityEngineer2: '',
+        cQualityEngineer2Name: '',
+        cQualityEngineer3: '',
+        cQualityEngineer3Name: '',
+        cQualityEngineer4: '',
+        cQualityEngineer4Name: '',
+        cQualityEngineer5: '',
+        cQualityEngineer5Name: '',
+        cQualityEngineer6: '',
+        cQualityEngineer6Name: '',
+        cManufactureEngineer: '',
+        cManufactureEngineerName: '',
+        docEngineer: '',
+        docEngineerName: '',
+        docEngineer2: '',
+        docEngineer2Name: '',
+        ipqcHardTag: '',
+        ipqcHardTagName: '',
+        cQualityEngineer7: '',
+        cQualityEngineer7Name: '',
+        remark: '',
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      }
+    },
+    refreshLayoutHeight () {
+      this.$nextTick(() => {
+        this.height = window.innerHeight - 558
+      })
+    },
+    loadUserBuList () {
+      const params = { username: this.$store.state.user.name }
+      getSiteAndBuByUserName(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.userBuList = data.rows || []
+        }
+      })
+    },
+    getRoleApi (apiKey) {
+      const apiMap = {
+        0: searchBusinessInfo,
+        1: searchBusinessInfo1,
+        2: searchBusinessInfo2,
+        3: searchBusinessInfo3,
+        4: searchBusinessInfo4,
+        5: searchBusinessInfo5,
+        6: searchBusinessInfo6,
+        7: searchBusinessInfo7,
+        8: searchBusinessInfo8
+      }
+      return apiMap[apiKey]
+    },
+    fetchRoleListByApiKey (apiKey, queryData) {
+      const apiFn = this.getRoleApi(apiKey)
+      if (!apiFn) {
+        return Promise.resolve([])
+      }
+      const params = {
+        site: this.$store.state.user.site,
+        username: queryData && queryData.username ? queryData.username : '',
+        userDisplay: queryData && queryData.userDisplay ? queryData.userDisplay : '',
+        roleDesc: '',
+        active: queryData && queryData.active ? queryData.active : '',
+        page: 1,
+        limit: 200
+      }
+      return apiFn(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          return (data.rows || []).map(item => {
+            return {
+              username: item.username,
+              userDisplay: item.userDisplay || item.user_display || '',
+              active: item.active
+            }
+          })
+        }
+        return []
+      })
+    },
+    loadSearchRoleOptions () {
+      Promise.all([
+        this.fetchRoleListByApiKey('0'),
+        this.fetchRoleListByApiKey('1'),
+        this.fetchRoleListByApiKey('6')
+      ]).then(([projectManagerRows, projectOwnerRows, engineerRows]) => {
+        this.searchRoleOptions.projectManager = projectManagerRows.map(item => ({ label: item.userDisplay, value: item.username + '-' + item.userDisplay }))
+        this.searchRoleOptions.projectOwner = projectOwnerRows.map(item => ({ label: item.userDisplay, value: item.username + '-' + item.userDisplay }))
+        this.searchRoleOptions.engineer = engineerRows.map(item => ({ label: item.userDisplay, value: item.username + '-' + item.userDisplay }))
+      })
+    },
+    normalizeDisplayName (value) {
+      if (!value) {
+        return ''
+      }
+      const valueStr = String(value)
+      if (valueStr.indexOf('-') === -1) {
+        return valueStr
+      }
+      const splitList = valueStr.split('-')
+      return splitList.slice(1).join('-')
+    },
+    normalizeInfoRow (row) {
+      const item = Object.assign({}, row)
+      item.projectManagerName = this.normalizeDisplayName(item.projectManager)
+      item.projectOwnerName = this.normalizeDisplayName(item.projectOwner)
+      item.engineerName = this.normalizeDisplayName(item.engineer)
+      item.cQualityEngineer1Name = this.normalizeDisplayName(item.cQualityEngineer1)
+      item.cQualityEngineer2Name = this.normalizeDisplayName(item.cQualityEngineer2)
+      item.cQualityEngineer3Name = this.normalizeDisplayName(item.cQualityEngineer3)
+      item.cQualityEngineer4Name = this.normalizeDisplayName(item.cQualityEngineer4)
+      item.cQualityEngineer5Name = this.normalizeDisplayName(item.cQualityEngineer5)
+      item.cQualityEngineer6Name = this.normalizeDisplayName(item.cQualityEngineer6)
+      item.cManufactureEngineerName = this.normalizeDisplayName(item.cManufactureEngineer)
+      item.docEngineerName = this.normalizeDisplayName(item.docEngineer)
+      item.docEngineer2Name = this.normalizeDisplayName(item.docEngineer2)
+      item.ipqcHardTagName = this.normalizeDisplayName(item.ipqcHardTag)
+      item.cQualityEngineer7Name = this.normalizeDisplayName(item.cQualityEngineer7)
+      return item
+    },
+    normalizePartRow (row) {
+      const item = Object.assign({}, row)
+      item.projectManagerName = this.normalizeDisplayName(item.projectManager)
+      item.projectOwnerName = this.normalizeDisplayName(item.projectOwner)
+      item.engineerName = this.normalizeDisplayName(item.engineer)
+      item.cQualityEngineer1Name = this.normalizeDisplayName(item.cQualityEngineer1)
+      item.cQualityEngineer2Name = this.normalizeDisplayName(item.cQualityEngineer2)
+      item.cQualityEngineer3Name = this.normalizeDisplayName(item.cQualityEngineer3)
+      item.cQualityEngineer4Name = this.normalizeDisplayName(item.cQualityEngineer4)
+      item.cQualityEngineer5Name = this.normalizeDisplayName(item.cQualityEngineer5)
+      item.cQualityEngineer6Name = this.normalizeDisplayName(item.cQualityEngineer6)
+      item.cManufactureEngineerName = this.normalizeDisplayName(item.cManufactureEngineer)
+      item.docEngineerName = this.normalizeDisplayName(item.docEngineer)
+      item.docEngineer2Name = this.normalizeDisplayName(item.docEngineer2)
+      item.ipqcHardTagName = this.normalizeDisplayName(item.ipqcHardTag)
+      item.cQualityEngineer7Name = this.normalizeDisplayName(item.cQualityEngineer7)
+      return item
+    },
+    getDataList (flag) {
+      if (flag === 'Y') {
+        this.pageIndex = 1
+      }
+      this.searchData.site = this.$store.state.user.site
+      this.searchData.userName = this.$store.state.user.name
+      this.searchData.page = this.pageIndex
+      this.searchData.limit = this.pageSize
+      this.dataListLoading = true
+      searchProjectInfoTracking(this.searchData).then(({ data }) => {
+        this.dataListLoading = false
+        if (data && data.code === 0) {
+          const page = data.page || {}
+          const list = page.list || []
+          this.dataList = list.map(item => this.normalizeInfoRow(item))
+          this.pageIndex = page.currPage || this.pageIndex
+          this.pageSize = page.pageSize || this.pageSize
+          this.totalPage = page.totalCount || 0
+          if (this.dataList.length > 0) {
+            this.currentProjectRow = this.dataList[0]
+            this.$nextTick(() => {
+              if (this.$refs.mainTable) {
+                this.$refs.mainTable.setCurrentRow(this.currentProjectRow)
+              }
+            })
+            this.getProjectPartList()
+          } else {
+            this.currentProjectRow = null
+            this.projectPartList = []
+          }
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+          this.currentProjectRow = null
+          this.projectPartList = []
+          this.$message.error(data && data.msg ? data.msg : '查询失败')
+        }
+      }).catch(() => {
+        this.dataListLoading = false
+        this.currentProjectRow = null
+        this.projectPartList = []
+        this.$message.error('查询异常')
+      })
+    },
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    projectPartClickRow (row) {
+      if (!row) {
+        return
+      }
+      this.currentProjectRow = row
+      this.getProjectPartList()
+    },
+    changeCurrentRow (row) {
+      if (!row) {
+        return
+      }
+      this.currentProjectRow = row
+      this.getProjectPartList()
+    },
+    getProjectPartList () {
+      if (!this.currentProjectRow || !this.currentProjectRow.projectId) {
+        this.projectPartList = []
+        return
+      }
+      const params = {
+        site: this.$store.state.user.site,
+        userName: this.$store.state.user.name,
+        projectId: this.currentProjectRow.projectId,
+        page: 1,
+        limit: 1000
+      }
+      this.projectPartLoading = true
+      searchProjectPartTracking(params).then(({ data }) => {
+        this.projectPartLoading = false
+        if (data && data.code === 0) {
+          const list = (data.page && data.page.list) ? data.page.list : []
+          this.projectPartList = list.map(item => this.normalizePartRow(item))
+        } else {
+          this.projectPartList = []
+          this.$message.error(data && data.msg ? data.msg : '项目物料查询失败')
+        }
+      }).catch(() => {
+        this.projectPartLoading = false
+        this.projectPartList = []
+        this.$message.error('项目物料查询异常')
+      })
+    },
+    addProjectPartModal (row) {
+      const projectRow = row || this.currentProjectRow
+      if (!projectRow || !projectRow.projectId) {
+        this.$message.warning('请先选择项目！')
+        return
+      }
+      this.partDialogMode = 'add'
+      this.modalData = Object.assign(this.getDefaultModalData(), {
+        site: projectRow.site || this.$store.state.user.site,
+        projectId: projectRow.projectId,
+        projectNo: projectRow.projectNo,
+        projectDesc: projectRow.projectDesc,
+        bu: projectRow.buNo || '',
+        buNo: projectRow.buNo || '',
+        customerNo: projectRow.customerNo || '',
+        customerDesc: projectRow.customerDesc || '',
+        projectCategory: projectRow.projectCategory || '',
+        cProjectRegion: projectRow.cProjectRegion || '',
+        priority: projectRow.priority || '',
+        buildDate: projectRow.projectCreationDate || '',
+        needDate: projectRow.needDate || '',
+        projectManager: projectRow.projectManager || '',
+        projectManagerName: projectRow.projectManagerName || this.normalizeDisplayName(projectRow.projectManager),
+        projectOwner: projectRow.projectOwner || '',
+        projectOwnerName: projectRow.projectOwnerName || this.normalizeDisplayName(projectRow.projectOwner),
+        engineer: projectRow.engineer || '',
+        engineerName: projectRow.engineerName || this.normalizeDisplayName(projectRow.engineer),
+        cQualityEngineer1: projectRow.cQualityEngineer1 || '',
+        cQualityEngineer1Name: projectRow.cQualityEngineer1Name || this.normalizeDisplayName(projectRow.cQualityEngineer1),
+        cQualityEngineer2: projectRow.cQualityEngineer2 || '',
+        cQualityEngineer2Name: projectRow.cQualityEngineer2Name || this.normalizeDisplayName(projectRow.cQualityEngineer2),
+        cQualityEngineer3: projectRow.cQualityEngineer3 || '',
+        cQualityEngineer3Name: projectRow.cQualityEngineer3Name || this.normalizeDisplayName(projectRow.cQualityEngineer3),
+        cQualityEngineer4: projectRow.cQualityEngineer4 || '',
+        cQualityEngineer4Name: projectRow.cQualityEngineer4Name || this.normalizeDisplayName(projectRow.cQualityEngineer4),
+        cQualityEngineer5: projectRow.cQualityEngineer5 || '',
+        cQualityEngineer5Name: projectRow.cQualityEngineer5Name || this.normalizeDisplayName(projectRow.cQualityEngineer5),
+        cQualityEngineer6: projectRow.cQualityEngineer6 || '',
+        cQualityEngineer6Name: projectRow.cQualityEngineer6Name || this.normalizeDisplayName(projectRow.cQualityEngineer6),
+        cManufactureEngineer: projectRow.cManufactureEngineer || '',
+        cManufactureEngineerName: projectRow.cManufactureEngineerName || this.normalizeDisplayName(projectRow.cManufactureEngineer),
+        docEngineer: projectRow.docEngineer || '',
+        docEngineerName: projectRow.docEngineerName || this.normalizeDisplayName(projectRow.docEngineer),
+        docEngineer2: projectRow.docEngineer2 || '',
+        docEngineer2Name: projectRow.docEngineer2Name || this.normalizeDisplayName(projectRow.docEngineer2),
+        ipqcHardTag: projectRow.ipqcHardTag || '',
+        ipqcHardTagName: projectRow.ipqcHardTagName || this.normalizeDisplayName(projectRow.ipqcHardTag),
+        cQualityEngineer7: projectRow.cQualityEngineer7 || '',
+        cQualityEngineer7Name: projectRow.cQualityEngineer7Name || this.normalizeDisplayName(projectRow.cQualityEngineer7),
+        status: '草稿'
+      })
+      this.partModalFlag = true
+    },
+    updatePartModal (row) {
+      this.partDialogMode = 'edit'
+      const item = this.normalizePartRow(row)
+      const projectRow = this.currentProjectRow || {}
+      this.modalData = Object.assign(this.getDefaultModalData(), item, {
+        bu: item.buNo || projectRow.buNo || '',
+        buNo: item.buNo || projectRow.buNo || '',
+        projectNo: item.projectNo || projectRow.projectNo || '',
+        projectDesc: item.projectDesc || projectRow.projectDesc || '',
+        cProjectRegion: item.cProjectRegion || projectRow.cProjectRegion || ''
+      })
+      this.partModalFlag = true
+    },
+    resetPartModal () {
+      this.modalData = this.getDefaultModalData()
+    },
+    openAddDialog () {
+      this.dialogMode = 'add'
+      this.modalData = this.getDefaultModalData()
+      this.modalFlag = true
+    },
+    openEditDialog (row) {
+      this.dialogMode = 'edit'
+      const item = this.normalizeInfoRow(row)
+      this.modalData = Object.assign(this.getDefaultModalData(), item, {
+        bu: item.buNo || ''
+      })
+      this.modalFlag = true
+    },
+    resetModal () {
+      this.modalData = this.getDefaultModalData()
+    },
+    newCustomer () {
+      this.newCustomerData.customerDesc = ''
+      this.newCustomerFlag = true
+    },
+    getBaseList (val) {
+      this.tagNo = val
+      this.$nextTick(() => {
+        const strVal = val === 509 ? (this.modalData.customerNo || '') : ''
+        this.$refs.baseList.init(val, strVal, '')
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 509) {
+        this.modalData.customerNo = val.customer_no
+        this.modalData.customerDesc = val.customer_desc
+      }
+    },
+    customerNoBlur () {
+      if (!this.modalData.customerNo) {
+        this.modalData.customerDesc = ''
+        return
+      }
+      const params = {
+        customerNo: this.modalData.customerNo,
+        createBy: this.$store.state.user.name
+      }
+      queryCustomerList(params).then(({ data }) => {
+        if (data && data.code === 0 && data.rows && data.rows.length === 1) {
+          this.modalData.customerDesc = data.rows[0].customerDesc
+        } else {
+          this.modalData.customerDesc = ''
+        }
+      })
+    },
+    saveNewCustomer () {
+      if (!this.newCustomerData.customerDesc) {
+        this.$message.warning('请输入客户名称！')
+        return
+      }
+      this.generateNextCustomerNo().then(customerNo => {
+        if (!customerNo) {
+          this.$alert('该客户已存在，请重新输入客户名称!', '提示', {
+            confirmButtonText: '确定',
+            type: 'warning'
+          })
+          return
+        }
+        const params = {
+          site: this.$store.state.user.site,
+          customerNo: customerNo,
+          customerDesc: this.newCustomerData.customerDesc,
+          createBy: this.$store.state.user.name
+        }
+        saveNewCustomer(params).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.modalData.customerNo = customerNo
+            this.modalData.customerDesc = this.newCustomerData.customerDesc
+            this.newCustomerFlag = false
+            this.$message.success(data.msg || '新增客户成功')
+          } else {
+            this.$alert(data && data.msg ? data.msg : '新增客户失败', '提示', {
+              confirmButtonText: '确定',
+              type: 'warning'
+            })
+          }
+        })
+      })
+    },
+    generateNextCustomerNo () {
+      const params = {
+        site: this.$store.state.user.site,
+        customerDesc: this.newCustomerData.customerDesc,
+        createBy: this.$store.state.user.name
+      }
+      return new Promise(resolve => {
+        getCustomerNo(params).then(({ data }) => {
+          if (!(data && data.code === 0)) {
+            resolve(false)
+            return
+          }
+          if (!data.data || !data.data.customerNo || data.data === '0') {
+            resolve('C0001')
+            return
+          }
+          const lastCustomerNo = parseInt(String(data.data.customerNo).substring(1), 10) || 0
+          const nextCustomerNo = lastCustomerNo + 1
+          if (nextCustomerNo < 10) {
+            resolve('C000' + nextCustomerNo)
+          } else if (nextCustomerNo < 100) {
+            resolve('C00' + nextCustomerNo)
+          } else if (nextCustomerNo < 1000) {
+            resolve('C0' + nextCustomerNo)
+          } else {
+            resolve('C' + nextCustomerNo)
+          }
+        }).catch(() => {
+          resolve(false)
+        })
+      })
+    },
+    closeNewCustomer () {
+      this.newCustomerData.customerDesc = ''
+      this.newCustomerFlag = false
+    },
+    openRoleDialog (field) {
+      const roleCfg = this.roleConfig[field]
+      if (!roleCfg) {
+        return
+      }
+      this.roleDialogField = field
+      this.roleDialogApiKey = roleCfg.apiKey
+      this.roleDialogTitle = roleCfg.title
+      this.roleSearchData = {
+        site: this.$store.state.user.site,
+        username: '',
+        userDisplay: '',
+        active: '',
+        page: 1,
+        limit: 50
+      }
+      this.roleDialogVisible = true
+      this.queryRoleDialogList()
+    },
+    queryRoleDialogList () {
+      this.fetchRoleListByApiKey(this.roleDialogApiKey, this.roleSearchData).then(rows => {
+        this.roleDialogList = rows
+      })
+    },
+    pickRole (row) {
+      const roleCfg = this.roleConfig[this.roleDialogField]
+      if (!roleCfg) {
+        return
+      }
+      const value = row.username + '-' + row.userDisplay
+      this.modalData[this.roleDialogField] = value
+      this.modalData[roleCfg.nameField] = row.userDisplay
+      this.roleDialogVisible = false
+    },
+    validateModalData () {
+      if (!this.modalData.bu) {
+        this.$message.warning('请选择BU！')
+        return false
+      }
+      if (!this.modalData.projectNo) {
+        this.$message.warning('请输入项目编码！')
+        return false
+      }
+      if (!this.modalData.projectDesc) {
+        this.$message.warning('请输入项目名称！')
+        return false
+      }
+      if (!this.modalData.customerNo) {
+        this.modalData.customerNo = 'C0000'
+        this.modalData.customerDesc = '无客户'
+      }
+      if (!this.modalData.customerDesc) {
+        this.$message.warning('请输入有效客户编码！')
+        return false
+      }
+      if (!this.modalData.projectCreationDate) {
+        this.$message.warning('请选择立项日期！')
+        return false
+      }
+      if (!this.modalData.needDate) {
+        this.$message.warning('请选择预计完成日期！')
+        return false
+      }
+      if (!this.modalData.projectCategory) {
+        this.$message.warning('请选择项目分类！')
+        return false
+      }
+      if (!this.modalData.priority) {
+        this.$message.warning('请选择优先级！')
+        return false
+      }
+      if (!this.modalData.projectManager) {
+        this.$message.warning('请输入PM/Sales！')
+        return false
+      }
+      if (!this.modalData.projectOwner) {
+        this.$message.warning('请输入PjM！')
+        return false
+      }
+      if (!this.modalData.engineer) {
+        this.$message.warning('请输入Engineer！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer1) {
+        this.$message.warning('请输入IPQC-Lam/Pri/Etch/Slit！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer2) {
+        this.$message.warning('请输入IPQC-Converting！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer3) {
+        this.$message.warning('请输入FQC1！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer5) {
+        this.$message.warning('请输入FQC2！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer6) {
+        this.$message.warning('请输入IQC！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer4) {
+        this.$message.warning('请输入SQE！')
+        return false
+      }
+      if (!this.modalData.cManufactureEngineer) {
+        this.$message.warning('请输入MFG！')
+        return false
+      }
+      if (!this.modalData.docEngineer) {
+        this.$message.warning('请输入文档工程师！')
+        return false
+      }
+      return true
+    },
+    buildSavePayload () {
+      const payload = Object.assign({}, this.modalData)
+      payload.site = this.$store.state.user.site
+      payload.userName = this.$store.state.user.name
+      payload.buNo = this.modalData.bu
+      payload.projectName = this.modalData.projectDesc
+      payload.finalCustomerId = this.modalData.customerNo
+      payload.oriProjectId = this.modalData.projectNo
+      payload.createBy = this.dialogMode === 'add' ? this.$store.state.user.name : this.modalData.createBy
+      payload.updateBy = this.$store.state.user.name
+      return payload
+    },
+    saveData () {
+      if (!this.validateModalData()) {
+        return
+      }
+      const payload = this.buildSavePayload()
+      if (this.dialogMode === 'add') {
+        saveProjectInfoTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '操作成功')
+            this.modalFlag = false
+            this.getDataList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '保存失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      } else {
+        updateProjectInfoTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '操作成功')
+            this.modalFlag = false
+            this.getDataList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '修改失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      }
+    },
+    validatePartModalData () {
+      if (!this.modalData.projectId) {
+        this.$message.warning('请选择项目！')
+        return false
+      }
+      if (!this.modalData.testPartNo) {
+        this.$message.warning('请输入项目料号！')
+        return false
+      }
+      if (!this.modalData.partDesc) {
+        this.$message.warning('请输入料号描述！')
+        return false
+      }
+      if (!this.modalData.partType) {
+        this.$message.warning('请选择料号状态！')
+        return false
+      }
+      if (!this.modalData.customerNo) {
+        this.modalData.customerNo = 'C0000'
+        this.modalData.customerDesc = '无客户'
+      }
+      if (!this.modalData.customerDesc) {
+        this.$message.warning('请输入有效客户编码！')
+        return false
+      }
+      if (!this.modalData.buildDate) {
+        this.$message.warning('请选择立项日期！')
+        return false
+      }
+      if (!this.modalData.needDate) {
+        this.$message.warning('请选择预计完成日期！')
+        return false
+      }
+      if (!this.modalData.projectCategory) {
+        this.$message.warning('请选择项目分类！')
+        return false
+      }
+      if (!this.modalData.priority) {
+        this.$message.warning('请选择优先级！')
+        return false
+      }
+      if (!this.modalData.projectManager) {
+        this.$message.warning('请输入PM/Sales！')
+        return false
+      }
+      if (!this.modalData.projectOwner) {
+        this.$message.warning('请输入PjM！')
+        return false
+      }
+      if (!this.modalData.engineer) {
+        this.$message.warning('请输入Engineer！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer1) {
+        this.$message.warning('请输入IPQC-Lam/Pri/Etch/Slit！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer2) {
+        this.$message.warning('请输入IPQC-Converting！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer3) {
+        this.$message.warning('请输入FQC1！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer5) {
+        this.$message.warning('请输入FQC2！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer6) {
+        this.$message.warning('请输入IQC！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer4) {
+        this.$message.warning('请输入SQE！')
+        return false
+      }
+      if (!this.modalData.cManufactureEngineer) {
+        this.$message.warning('请输入MFG！')
+        return false
+      }
+      if (!this.modalData.docEngineer) {
+        this.$message.warning('请输入文档工程师！')
+        return false
+      }
+      return true
+    },
+    buildPartSavePayload () {
+      const payload = Object.assign({}, this.modalData)
+      payload.site = this.modalData.site || this.$store.state.user.site
+      payload.userName = this.$store.state.user.name
+      payload.buNo = this.modalData.bu
+      payload.createBy = this.partDialogMode === 'add' ? this.$store.state.user.name : this.modalData.createBy
+      payload.updateBy = this.$store.state.user.name
+      payload.status = payload.status || '草稿'
+      return payload
+    },
+    savePartData () {
+      if (!this.validatePartModalData()) {
+        return
+      }
+      const payload = this.buildPartSavePayload()
+      if (this.partDialogMode === 'add') {
+        saveProjectPartTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '操作成功')
+            this.partModalFlag = false
+            this.getProjectPartList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '保存失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      } else {
+        updateProjectPartTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '操作成功')
+            this.partModalFlag = false
+            this.getProjectPartList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '修改失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      }
+    },
+    deletePartModal (row) {
+      this.$confirm('确定删除该项目物料？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const payload = {
+          projectPartId: row.projectPartId,
+          site: row.site || this.$store.state.user.site
+        }
+        deleteProjectPartTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '删除成功')
+            this.getProjectPartList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '删除失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      }).catch(() => {})
+    },
+    deleteHandle (row) {
+      this.$confirm('确定删除该笔数据？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const payload = {
+          projectId: row.projectId,
+          site: row.site || this.$store.state.user.site
+        }
+        deleteProjectInfoTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '删除成功')
+            this.getDataList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '删除失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+.big-label a {
+  color: #35b4b4;
+}
+</style>
diff --git a/src/views/modules/sampleTracking/projectPartTracking.vue b/src/views/modules/sampleTracking/projectPartTracking.vue
new file mode 100644
index 0000000..04bcde1
--- /dev/null
+++ b/src/views/modules/sampleTracking/projectPartTracking.vue
@@ -0,0 +1,1331 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList('Y')">
+      <el-form-item label="BU">
+        <el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in userBuList" :key="item.buNo" :label="item.buDesc" :value="item.buDesc"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="项目编码">
+        <el-input v-model="searchData.projectNo" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="项目名称">
+        <el-input v-model="searchData.projectDesc" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="项目料号">
+        <el-input v-model="searchData.testPartNo" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="料号描述">
+        <el-input v-model="searchData.partDesc" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="客户编码">
+        <el-input v-model="searchData.customerNo" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="客户名称">
+        <el-input v-model="searchData.customerDesc" clearable style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item label="项目分类">
+        <el-select v-model="searchData.projectCategory" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in projectCategoryList" :key="item.projectCategory" :label="item.projectCategory" :value="item.projectCategory"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="项目状态">
+        <el-select v-model="searchData.status" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in statusList" :key="item.status" :label="item.status" :value="item.status"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="PM/Sales">
+        <el-select v-model="searchData.projectManager" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in searchRoleOptions.projectManager" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="PjM">
+        <el-select v-model="searchData.projectOwner" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in searchRoleOptions.projectOwner" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Engineer">
+        <el-select v-model="searchData.engineer" placeholder="请选择" clearable style="width: 130px">
+          <el-option v-for="item in searchRoleOptions.engineer" :key="item.value" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区域">
+        <el-select v-model="searchData.cProjectRegion" placeholder="请选择" clearable style="width: 120px">
+          <el-option v-for="item in cProjectRegionList" :key="item.cProjectRegion" :label="item.cProjectRegion" :value="item.cProjectRegion"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="ERP正式料号">
+        <el-input v-model="searchData.finalPartNo" clearable style="width: 130px"></el-input>
+      </el-form-item>
+      <el-form-item label="转量产日期：">
+        <el-date-picker
+          v-model="searchData.massProductionStartDate"
+          style="width: 120px"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+        -
+        <el-date-picker
+          v-model="searchData.massProductionEndDate"
+          style="width: 120px"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="立项日期：">
+        <el-date-picker
+          v-model="searchData.startDate"
+          style="width: 120px"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+        -
+        <el-date-picker
+          v-model="searchData.endDate"
+          style="width: 120px"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label=" ">
+        <el-button @click="getDataList('Y')">查询</el-button>
+        <el-button type="primary" @click="openAddDialog">新增</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :height="height + 300"
+      :data="dataList"
+      border
+      stripe
+      highlight-current-row
+      v-loading="dataListLoading"
+      style="width: 100%">
+      <el-table-column
+        v-for="item in columnList"
+        :key="item.columnProp"
+        :prop="item.columnProp"
+        :label="item.columnLabel"
+        :header-align="item.headerAlign"
+        :align="item.align"
+        :min-width="item.columnWidth"
+        :show-overflow-tooltip="true">
+      </el-table-column>
+      <el-table-column fixed="right" header-align="center" align="center" width="165" label="操作">
+        <template slot-scope="scope">
+          <a type="text" size="small" @click="openEditDialog(scope.row)">修改</a>
+          <a type="text" size="small" style="margin-left: 8px" @click="openProofDialog(scope.row)">新增打样</a>
+          <a type="text" size="small" @click="deleteHandle(scope.row)">删除</a>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 200, 500]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
+    <el-dialog title="项目" :visible.sync="modalFlag" :close-on-click-modal="false" width="948px" @close="resetModal">
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="BU" required>
+          <el-select v-model="modalData.bu" placeholder="请选择" style="width: 151px">
+            <el-option v-for="item in userBuList" :key="item.buNo" :label="item.buDesc" :value="item.buNo"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目编码" required style="margin-left: 15px">
+          <el-select
+            v-if="dialogMode === 'add'"
+            v-model="modalData.projectId"
+            filterable
+            clearable
+            placeholder="请选择"
+            style="width: 151px"
+            @change="handleProjectChange">
+            <el-option v-for="item in projectOptionList" :key="item.projectId" :label="item.projectNo" :value="item.projectId">
+              <span style="float: left">{{ item.projectNo }}</span>
+              <span style="float: right; color: #8492a6; font-size: 12px">{{ item.projectDesc }}</span>
+            </el-option>
+          </el-select>
+          <el-input v-else v-model="modalData.projectNo" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="项目名称" required style="margin-left: 15px">
+          <el-input v-model="modalData.projectDesc" disabled style="width: 371px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <template #label>
+            <span class="big-label">
+              <a href="javascript:void(0)" @click="getBaseList(509)">客户编码</a>
+              <a href="javascript:void(0)" @click="newCustomer">（新客户）</a>
+            </span>
+          </template>
+          <el-input v-model="modalData.customerNo" @blur="customerNoBlur" style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="客户名称" required style="margin-left: 15px">
+          <el-input v-model="modalData.customerDesc" disabled style="width: 371px"></el-input>
+        </el-form-item>
+        <el-form-item label="立项日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="modalData.buildDate"
+            style="width: 151px"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="预计完成日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="modalData.needDate"
+            style="width: 150px"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目料号" required>
+          <el-input v-model="modalData.testPartNo" style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item label="料号描述" required style="margin-left: 15px">
+          <el-input v-model="modalData.partDesc" style="width: 371px"></el-input>
+        </el-form-item>
+        <el-form-item label="料号状态" required style="margin-left: 15px">
+          <el-select v-model="modalData.partType" placeholder="请选择" clearable style="width: 151px">
+            <el-option label="Active" value="Active"></el-option>
+            <el-option label="On hold" value="On hold"></el-option>
+            <el-option label="Cancel" value="Cancel"></el-option>
+            <el-option label="EOL" value="EOL"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="优先级" required style="margin-left: 15px">
+          <el-select v-model="modalData.priority" placeholder="请选择" clearable style="width: 151px">
+            <el-option v-for="item in priorityList" :key="item.priority" :label="item.priority" :value="item.priority"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目分类" required>
+          <el-select v-model="modalData.projectCategory" placeholder="请选择" clearable style="width: 151px">
+            <el-option v-for="item in projectCategoryList" :key="item.projectCategory" :label="item.projectCategory" :value="item.projectCategory"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer6')">IQC</a></span>
+          <el-input v-model="modalData.cQualityEngineer6Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer1')">IPQC-Lam/Pri/Etch/Slit</a></span>
+          <el-input v-model="modalData.cQualityEngineer1Name" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer2')">IPQC-Converting</a></span>
+          <el-input v-model="modalData.cQualityEngineer2Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectOwner')">PjM</a></span>
+          <el-input v-model="modalData.projectOwnerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectManager')">PM/Sales</a></span>
+          <el-input v-model="modalData.projectManagerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cManufactureEngineer')">MFG</a></span>
+          <el-input v-model="modalData.cManufactureEngineerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('engineer')">Engineer</a></span>
+          <el-input v-model="modalData.engineerName" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer')">文档工程师</a></span>
+          <el-input v-model="modalData.docEngineerName" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer2')">文档工程师2</a></span>
+          <el-input v-model="modalData.docEngineer2Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item required>
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer3')">FQC1</a></span>
+          <el-input v-model="modalData.cQualityEngineer3Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer5')">FQC2</a></span>
+          <el-input v-model="modalData.cQualityEngineer5Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('ipqcHardTag')">IPQC-Hardtag</a></span>
+          <el-input v-model="modalData.ipqcHardTagName" disabled style="width: 191px"></el-input>
+        </el-form-item>
+        <el-form-item required style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer4')">SQE</a></span>
+          <el-input v-model="modalData.cQualityEngineer4Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+        <el-form-item style="margin-left: 15px">
+          <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer7')">前道工程师</a></span>
+          <el-input v-model="modalData.cQualityEngineer7Name" disabled style="width: 151px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="备注">
+          <el-input type="textarea" :rows="2" v-model="modalData.remark" style="width: 909px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 35px; text-align: center">
+        <el-button type="primary" @click="saveData">保存</el-button>
+        <el-button @click="modalFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="新增打样" :visible.sync="proofDialogVisible" width="768px" :close-on-click-modal="false">
+      <el-form :inline="true" label-position="top" :model="proofDialogData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="项目编码">
+          <el-input v-model="proofDialogData.projectNo" style="width: 189px;" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="项目名称" style="margin-left: 15px">
+          <el-input v-model="proofDialogData.projectDesc" style="width: 330px;" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="BU" style="margin-left: 15px">
+          <el-input v-model="proofDialogData.buNo" style="width: 151px;" disabled></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="proofDialogData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="客户编码">
+          <el-input v-model="proofDialogData.customerNo" style="width: 189px;" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="客户名称" style="margin-left: 15px">
+          <el-input v-model="proofDialogData.customerDesc" style="width: 330px;" disabled></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="proofDialogData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目料号">
+          <el-input v-model="proofDialogData.testPartNo" style="width: 189px;" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="料号描述" style="margin-left: 15px">
+          <el-input v-model="proofDialogData.partDesc" style="width: 330px;" disabled></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="proofDialogData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="项目分类" required>
+          <el-select v-model="proofDialogData.cProjectTypeDb" placeholder="请选择" clearable style="width: 189px">
+            <el-option
+              v-for="item in cProjectTypeDbList"
+              :key="item.cProjectTypeDb"
+              :label="item.cProjectTypeDb"
+              :value="item.cProjectTypeDb">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目阶段" required style="margin-left: 15px">
+          <el-select v-model="proofDialogData.projectPhase" placeholder="请选择" clearable style="width: 154px">
+            <el-option
+              v-for="item in projectPhaseList"
+              :key="item.projectPhase"
+              :label="item.projectPhase"
+              :value="item.projectPhase">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="打样单号" required style="margin-left: 15px">
+          <el-input v-model="proofDialogData.proofingNo" style="width: 151px;"></el-input>
+        </el-form-item>
+        <el-form-item label="数量" required style="margin-left: 15px">
+          <el-input v-model="proofDialogData.proofingNumber" style="width: 154px"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="proofDialogData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="打样开始日期" required>
+          <el-date-picker
+            v-model="proofDialogData.planStartDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+            style="width: 189px">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="预计完成日期" required style="margin-left: 15px">
+          <el-date-picker
+            v-model="proofDialogData.requiredDeliveryDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+            style="width: 154px">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="实际完成日期" style="margin-left: 15px">
+          <el-date-picker
+            v-model="proofDialogData.actualityDeliveryDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+            style="width: 151px">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="打样状态" style="margin-left: 15px">
+          <el-select v-model="proofDialogData.proofingStatus" placeholder="请选择" clearable style="width: 154px">
+            <el-option label="草稿" value="草稿"></el-option>
+            <el-option label="进行中" value="进行中"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <el-form :inline="true" label-position="top" :model="proofDialogData" style="margin-left: 7px; margin-top: 20px;">
+        <el-form-item label="备注">
+          <el-input v-model="proofDialogData.remark" style="width: 731px" type="textarea" :rows="2"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button @click="proofDialogVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="proofSaveLoading" @click="saveProofRecord">保 存</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog :title="roleDialogTitle" :visible.sync="roleDialogVisible" width="559px" :close-on-click-modal="false">
+      <el-form :inline="true" label-position="top" :model="roleSearchData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="用户账号">
+          <el-input v-model="roleSearchData.username" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label="用户名">
+          <el-input v-model="roleSearchData.userDisplay" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label="是否在用">
+          <el-select filterable v-model="roleSearchData.active" clearable style="width: 140px">
+            <el-option label="是" value="Y"></el-option>
+            <el-option label="否" value="N"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" style="padding: 3px 12px" @click="queryRoleDialogList">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :height="height + 110"
+        :data="roleDialogList"
+        stripe
+        border
+        highlight-current-row
+        @row-dblclick="pickRole"
+        style="width: 100%">
+        <el-table-column prop="username" header-align="center" align="center" label="用户账号"></el-table-column>
+        <el-table-column prop="userDisplay" header-align="center" align="center" label="用户名"></el-table-column>
+        <el-table-column prop="active" header-align="center" align="center" label="是否在用"></el-table-column>
+      </el-table>
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button @click="roleDialogVisible = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="新客户" :visible.sync="newCustomerFlag" width="348px" :close-on-click-modal="false" @close="closeNewCustomer">
+      <el-form :inline="true" label-position="top" :model="newCustomerData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="客户名称">
+          <el-input v-model="newCustomerData.customerDesc" style="width: 313px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button type="primary" @click="saveNewCustomer">保存</el-button>
+        <el-button @click="newCustomerFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+  </div>
+</template>
+
+<script>
+import {
+  createProofTrackingRecord,
+  searchProjectInfoTracking,
+  searchProjectPartTracking,
+  saveProjectPartTracking,
+  updateProjectPartTracking,
+  deleteProjectPartTracking
+} from '@/api/sampleTracking/sampleTracking'
+import { getCustomerNo, saveNewCustomer } from '@/api/eam/eamProject.js'
+import { getSiteAndBuByUserName } from '@/api/eam/eam.js'
+import {
+  searchBusinessInfo,
+  searchBusinessInfo1,
+  searchBusinessInfo2,
+  searchBusinessInfo3,
+  searchBusinessInfo4,
+  searchBusinessInfo5,
+  searchBusinessInfo6,
+  searchBusinessInfo7,
+  searchBusinessInfo8
+} from '@/api/factory/site.js'
+import { queryCustomerList } from '@/api/customer/customer'
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+
+export default {
+  name: 'ProjectPartTracking',
+  components: {
+    Chooselist
+  },
+  data () {
+    return {
+      height: 200,
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
+      dataList: [],
+      dataListLoading: false,
+      modalFlag: false,
+      dialogMode: 'add',
+      userBuList: [],
+      tagNo: '',
+      newCustomerFlag: false,
+      newCustomerData: {
+        customerDesc: ''
+      },
+      projectOptionList: [],
+      roleDialogVisible: false,
+      roleDialogTitle: '',
+      roleDialogField: '',
+      roleDialogApiKey: '0',
+      roleDialogList: [],
+      proofDialogVisible: false,
+      proofSaveLoading: false,
+      proofDialogData: this.getDefaultProofDialogData(),
+      roleSearchData: {
+        site: this.$store.state.user.site,
+        username: '',
+        userDisplay: '',
+        active: '',
+        page: 1,
+        limit: 50
+      },
+      searchRoleOptions: {
+        projectManager: [],
+        projectOwner: [],
+        engineer: []
+      },
+      searchData: {
+        site: this.$store.state.user.site,
+        userName: this.$store.state.user.name,
+        projectId: null,
+        projectNo: '',
+        projectDesc: '',
+        projectPartId: null,
+        testPartNo: '',
+        partDesc: '',
+        customerNo: '',
+        customerDesc: '',
+        buDesc: '',
+        projectCategory: '',
+        status: '',
+        projectManager: '',
+        projectOwner: '',
+        engineer: '',
+        cProjectRegion: '',
+        finalPartNo: '',
+        startDate: '',
+        endDate: '',
+        massProductionStartDate: '',
+        massProductionEndDate: '',
+        page: 1,
+        limit: 20
+      },
+      modalData: this.getDefaultModalData(),
+      roleConfig: {
+        projectManager: { apiKey: '0', title: 'PM/Sales', nameField: 'projectManagerName' },
+        projectOwner: { apiKey: '1', title: 'PjM', nameField: 'projectOwnerName' },
+        cQualityEngineer1: { apiKey: '2', title: 'IPQC-Lam/Pri/Etch/Slit', nameField: 'cQualityEngineer1Name' },
+        cQualityEngineer2: { apiKey: '3', title: 'IPQC-Converting', nameField: 'cQualityEngineer2Name' },
+        cQualityEngineer3: { apiKey: '4', title: 'FQC1', nameField: 'cQualityEngineer3Name' },
+        cManufactureEngineer: { apiKey: '5', title: 'MFG', nameField: 'cManufactureEngineerName' },
+        engineer: { apiKey: '6', title: 'Engineer', nameField: 'engineerName' },
+        cQualityEngineer4: { apiKey: '7', title: 'SQE', nameField: 'cQualityEngineer4Name' },
+        cQualityEngineer5: { apiKey: '7', title: 'FQC2', nameField: 'cQualityEngineer5Name' },
+        cQualityEngineer6: { apiKey: '7', title: 'IQC', nameField: 'cQualityEngineer6Name' },
+        docEngineer: { apiKey: '7', title: '文档工程师', nameField: 'docEngineerName' },
+        ipqcHardTag: { apiKey: '7', title: 'IPQC-Hardtag', nameField: 'ipqcHardTagName' },
+        cQualityEngineer7: { apiKey: '7', title: '前道工程师', nameField: 'cQualityEngineer7Name' },
+        docEngineer2: { apiKey: '8', title: '文档工程师2', nameField: 'docEngineer2Name' }
+      },
+      columnList: [
+        { columnProp: 'buDesc', columnLabel: 'BU', headerAlign: 'center', align: 'center', columnWidth: 100 },
+        { columnProp: 'projectNo', columnLabel: '项目编码', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'projectDesc', columnLabel: '项目名称', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'testPartNo', columnLabel: '项目料号', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'partDesc', columnLabel: '料号描述', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'customerNo', columnLabel: '客户编码', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'customerDesc', columnLabel: '客户名称', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'buildDate', columnLabel: '立项日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'projectCategory', columnLabel: '项目分类', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'priority', columnLabel: '优先级', headerAlign: 'center', align: 'left', columnWidth: 90 },
+        { columnProp: 'cProjectRegion', columnLabel: '区域', headerAlign: 'center', align: 'left', columnWidth: 100 },
+        { columnProp: 'projectManagerName', columnLabel: 'PM/Sales', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'projectOwnerName', columnLabel: 'PjM', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'engineerName', columnLabel: 'Engineer', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer1Name', columnLabel: 'IPQC-Lam/Pri/Etch/Slit', headerAlign: 'center', align: 'left', columnWidth: 170 },
+        { columnProp: 'cQualityEngineer2Name', columnLabel: 'IPQC-Converting', headerAlign: 'center', align: 'left', columnWidth: 150 },
+        { columnProp: 'cQualityEngineer3Name', columnLabel: 'FQC1', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer5Name', columnLabel: 'FQC2', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer6Name', columnLabel: 'IQC', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cManufactureEngineerName', columnLabel: 'MFG', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer4Name', columnLabel: 'SQE', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'docEngineerName', columnLabel: '文档工程师', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'docEngineer2Name', columnLabel: '文档工程师2', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'ipqcHardTagName', columnLabel: 'IPQC-Hardtag', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'cQualityEngineer7Name', columnLabel: '前道工程师', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'status', columnLabel: '项目状态', headerAlign: 'center', align: 'left', columnWidth: 100 },
+        { columnProp: 'partType', columnLabel: '料号状态', headerAlign: 'center', align: 'center', columnWidth: 100 },
+        { columnProp: 'needDate', columnLabel: '预计完成日期', headerAlign: 'center', align: 'center', columnWidth: 120 },
+        { columnProp: 'closeDate', columnLabel: '转量产日期', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'finalPartNo', columnLabel: 'ERP正式料号', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'remark', columnLabel: '备注', headerAlign: 'center', align: 'left', columnWidth: 160 },
+        { columnProp: 'createDate', columnLabel: '创建时间', headerAlign: 'center', align: 'center', columnWidth: 130 },
+        { columnProp: 'createBy', columnLabel: '创建人', headerAlign: 'center', align: 'left', columnWidth: 120 },
+        { columnProp: 'updateDate', columnLabel: '更新时间', headerAlign: 'center', align: 'center', columnWidth: 130 },
+        { columnProp: 'updateBy', columnLabel: '更新人', headerAlign: 'center', align: 'left', columnWidth: 120 }
+      ],
+      projectCategoryList: [
+        { projectCategory: 'Low Risk' },
+        { projectCategory: 'High Risk' },
+        { projectCategory: 'Sustaining' }
+      ],
+      cProjectTypeDbList: [
+        { cProjectTypeDb: 'Sustaining' },
+        { cProjectTypeDb: 'Low Risk' },
+        { cProjectTypeDb: 'High Risk' }
+      ],
+      projectPhaseList: [
+        { projectPhase: 'Prototype' },
+        { projectPhase: 'Alpha' },
+        { projectPhase: 'Beta' },
+        { projectPhase: 'Pre-launch' }
+      ],
+      cProjectRegionList: [
+        { cProjectRegion: 'Global' },
+        { cProjectRegion: 'APAC' },
+        { cProjectRegion: 'CHINA' },
+        { cProjectRegion: 'EU' },
+        { cProjectRegion: 'US' },
+        { cProjectRegion: 'Mexico' },
+        { cProjectRegion: 'Other' }
+      ],
+      priorityList: [
+        { priority: 'Low' },
+        { priority: 'Middle' },
+        { priority: 'High' },
+        { priority: 'Risk' }
+      ],
+      statusList: [
+        { status: '草稿' },
+        { status: '进行中' },
+        { status: '已量产' },
+        { status: '正式量产' }
+      ]
+    }
+  },
+  created () {
+    this.refreshLayoutHeight()
+    this.loadUserBuList()
+    this.loadProjectOptions()
+    this.loadSearchRoleOptions()
+    this.getDataList()
+  },
+  methods: {
+    getDefaultModalData () {
+      return {
+        projectPartId: null,
+        projectId: null,
+        projectNo: '',
+        projectDesc: '',
+        site: this.$store.state.user.site,
+        bu: '',
+        buNo: '',
+        customerNo: '',
+        customerDesc: '',
+        testPartNo: '',
+        partDesc: '',
+        partType: '',
+        status: '草稿',
+        priority: '',
+        projectCategory: '',
+        cProjectRegion: '',
+        buildDate: '',
+        needDate: '',
+        closeDate: '',
+        projectManager: '',
+        projectManagerName: '',
+        projectOwner: '',
+        projectOwnerName: '',
+        engineer: '',
+        engineerName: '',
+        cQualityEngineer1: '',
+        cQualityEngineer1Name: '',
+        cQualityEngineer2: '',
+        cQualityEngineer2Name: '',
+        cQualityEngineer3: '',
+        cQualityEngineer3Name: '',
+        cQualityEngineer4: '',
+        cQualityEngineer4Name: '',
+        cQualityEngineer5: '',
+        cQualityEngineer5Name: '',
+        cQualityEngineer6: '',
+        cQualityEngineer6Name: '',
+        cManufactureEngineer: '',
+        cManufactureEngineerName: '',
+        docEngineer: '',
+        docEngineerName: '',
+        docEngineer2: '',
+        docEngineer2Name: '',
+        ipqcHardTag: '',
+        ipqcHardTagName: '',
+        cQualityEngineer7: '',
+        cQualityEngineer7Name: '',
+        finalPartNo: '',
+        remark: '',
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      }
+    },
+    getDefaultProofDialogData () {
+      return {
+        trackingId: null,
+        site: this.$store.state.user.site,
+        projectId: null,
+        projectNo: '',
+        projectDesc: '',
+        buNo: '',
+        customerNo: '',
+        customerDesc: '',
+        projectPartId: null,
+        testPartNo: '',
+        partDesc: '',
+        projectCategory: '',
+        cProjectTypeDb: '',
+        projectPhase: '',
+        projectManager: '',
+        projectOwner: '',
+        engineer: '',
+        priorityLevel: '',
+        proofingNo: '',
+        proofingNumber: '',
+        planStartDate: '',
+        requiredDeliveryDate: '',
+        actualityDeliveryDate: '',
+        proofingStatus: '草稿',
+        remark: '',
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      }
+    },
+    refreshLayoutHeight () {
+      this.$nextTick(() => {
+        this.height = window.innerHeight - 558
+      })
+    },
+    loadUserBuList () {
+      const params = { username: this.$store.state.user.name }
+      getSiteAndBuByUserName(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.userBuList = data.rows || []
+        }
+      })
+    },
+    getRoleApi (apiKey) {
+      const apiMap = {
+        0: searchBusinessInfo,
+        1: searchBusinessInfo1,
+        2: searchBusinessInfo2,
+        3: searchBusinessInfo3,
+        4: searchBusinessInfo4,
+        5: searchBusinessInfo5,
+        6: searchBusinessInfo6,
+        7: searchBusinessInfo7,
+        8: searchBusinessInfo8
+      }
+      return apiMap[apiKey]
+    },
+    fetchRoleListByApiKey (apiKey, queryData) {
+      const apiFn = this.getRoleApi(apiKey)
+      if (!apiFn) {
+        return Promise.resolve([])
+      }
+      const params = {
+        site: this.$store.state.user.site,
+        username: queryData && queryData.username ? queryData.username : '',
+        userDisplay: queryData && queryData.userDisplay ? queryData.userDisplay : '',
+        roleDesc: '',
+        active: queryData && queryData.active ? queryData.active : '',
+        page: 1,
+        limit: 200
+      }
+      return apiFn(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          return (data.rows || []).map(item => {
+            return {
+              username: item.username,
+              userDisplay: item.userDisplay || item.user_display || '',
+              active: item.active
+            }
+          })
+        }
+        return []
+      })
+    },
+    loadSearchRoleOptions () {
+      Promise.all([
+        this.fetchRoleListByApiKey('0'),
+        this.fetchRoleListByApiKey('1'),
+        this.fetchRoleListByApiKey('6')
+      ]).then(([projectManagerRows, projectOwnerRows, engineerRows]) => {
+        this.searchRoleOptions.projectManager = projectManagerRows.map(item => ({ label: item.userDisplay, value: item.username + '-' + item.userDisplay }))
+        this.searchRoleOptions.projectOwner = projectOwnerRows.map(item => ({ label: item.userDisplay, value: item.username + '-' + item.userDisplay }))
+        this.searchRoleOptions.engineer = engineerRows.map(item => ({ label: item.userDisplay, value: item.username + '-' + item.userDisplay }))
+      })
+    },
+    normalizeDisplayName (value) {
+      if (!value) {
+        return ''
+      }
+      const valueStr = String(value)
+      if (valueStr.indexOf('-') === -1) {
+        return valueStr
+      }
+      const splitList = valueStr.split('-')
+      return splitList.slice(1).join('-')
+    },
+    normalizePartRow (row) {
+      const item = Object.assign({}, row)
+      item.projectManagerName = this.normalizeDisplayName(item.projectManager)
+      item.projectOwnerName = this.normalizeDisplayName(item.projectOwner)
+      item.engineerName = this.normalizeDisplayName(item.engineer)
+      item.cQualityEngineer1Name = this.normalizeDisplayName(item.cQualityEngineer1)
+      item.cQualityEngineer2Name = this.normalizeDisplayName(item.cQualityEngineer2)
+      item.cQualityEngineer3Name = this.normalizeDisplayName(item.cQualityEngineer3)
+      item.cQualityEngineer4Name = this.normalizeDisplayName(item.cQualityEngineer4)
+      item.cQualityEngineer5Name = this.normalizeDisplayName(item.cQualityEngineer5)
+      item.cQualityEngineer6Name = this.normalizeDisplayName(item.cQualityEngineer6)
+      item.cManufactureEngineerName = this.normalizeDisplayName(item.cManufactureEngineer)
+      item.docEngineerName = this.normalizeDisplayName(item.docEngineer)
+      item.docEngineer2Name = this.normalizeDisplayName(item.docEngineer2)
+      item.ipqcHardTagName = this.normalizeDisplayName(item.ipqcHardTag)
+      item.cQualityEngineer7Name = this.normalizeDisplayName(item.cQualityEngineer7)
+      return item
+    },
+    loadProjectOptions () {
+      const params = {
+        site: this.$store.state.user.site,
+        userName: this.$store.state.user.name,
+        page: 1,
+        limit: 1000
+      }
+      searchProjectInfoTracking(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          const list = (data.page && data.page.list) ? data.page.list : []
+          this.projectOptionList = list.map(item => this.normalizePartRow(item))
+        }
+      })
+    },
+    handleProjectChange (projectId) {
+      const project = this.projectOptionList.find(item => item.projectId === projectId)
+      if (!project) {
+        return
+      }
+      this.modalData.projectId = project.projectId
+      this.modalData.projectNo = project.projectNo
+      this.modalData.projectDesc = project.projectDesc
+      this.modalData.site = project.site || this.$store.state.user.site
+      this.modalData.bu = project.buNo || ''
+      this.modalData.customerNo = project.customerNo || ''
+      this.modalData.customerDesc = project.customerDesc || ''
+      this.modalData.cProjectRegion = project.cProjectRegion || ''
+      this.modalData.projectCategory = project.projectCategory || ''
+      if (!this.modalData.buildDate) {
+        this.modalData.buildDate = project.projectCreationDate || ''
+      }
+      if (!this.modalData.needDate) {
+        this.modalData.needDate = project.needDate || ''
+      }
+    },
+    getDataList (flag) {
+      if (flag === 'Y') {
+        this.pageIndex = 1
+      }
+      this.searchData.site = this.$store.state.user.site
+      this.searchData.userName = this.$store.state.user.name
+      this.searchData.page = this.pageIndex
+      this.searchData.limit = this.pageSize
+      this.dataListLoading = true
+      searchProjectPartTracking(this.searchData).then(({ data }) => {
+        this.dataListLoading = false
+        if (data && data.code === 0) {
+          const page = data.page || {}
+          const list = page.list || []
+          this.dataList = list.map(item => this.normalizePartRow(item))
+          this.pageIndex = page.currPage || this.pageIndex
+          this.pageSize = page.pageSize || this.pageSize
+          this.totalPage = page.totalCount || 0
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+          this.$message.error(data && data.msg ? data.msg : '查询失败')
+        }
+      }).catch(() => {
+        this.dataListLoading = false
+        this.$message.error('查询异常')
+      })
+    },
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    openAddDialog () {
+      this.dialogMode = 'add'
+      this.modalData = this.getDefaultModalData()
+      this.modalFlag = true
+      if (!this.projectOptionList.length) {
+        this.loadProjectOptions()
+      }
+    },
+    openEditDialog (row) {
+      this.dialogMode = 'edit'
+      const item = this.normalizePartRow(row)
+      this.modalData = Object.assign(this.getDefaultModalData(), item, {
+        bu: item.buNo || ''
+      })
+      this.modalFlag = true
+    },
+    openProofDialog (row) {
+      const item = this.normalizePartRow(row)
+      this.proofDialogData = Object.assign(this.getDefaultProofDialogData(), {
+        trackingId: item.trackingId || null,
+        site: item.site || this.$store.state.user.site,
+        projectId: item.projectId,
+        projectNo: item.projectNo,
+        projectDesc: item.projectDesc,
+        buNo: item.buNo,
+        customerNo: item.customerNo,
+        customerDesc: item.customerDesc,
+        projectPartId: item.projectPartId,
+        testPartNo: item.testPartNo,
+        partDesc: item.partDesc,
+        projectCategory: item.projectCategory,
+        cProjectTypeDb: item.projectCategory,
+        projectManager: item.projectManager,
+        projectOwner: item.projectOwner,
+        engineer: item.engineer,
+        priorityLevel: item.priority,
+        proofingNo: '',
+        proofingNumber: '',
+        planStartDate: '',
+        requiredDeliveryDate: '',
+        actualityDeliveryDate: '',
+        proofingStatus: '草稿',
+        remark: '',
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      })
+      this.proofDialogVisible = true
+    },
+    resetModal () {
+      this.modalData = this.getDefaultModalData()
+    },
+    newCustomer () {
+      this.newCustomerData.customerDesc = ''
+      this.newCustomerFlag = true
+    },
+    getBaseList (val) {
+      this.tagNo = val
+      this.$nextTick(() => {
+        const strVal = val === 509 ? (this.modalData.customerNo || '') : ''
+        this.$refs.baseList.init(val, strVal, '')
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 509) {
+        this.modalData.customerNo = val.customer_no
+        this.modalData.customerDesc = val.customer_desc
+      }
+    },
+    customerNoBlur () {
+      if (!this.modalData.customerNo) {
+        this.modalData.customerDesc = ''
+        return
+      }
+      const params = {
+        customerNo: this.modalData.customerNo,
+        createBy: this.$store.state.user.name
+      }
+      queryCustomerList(params).then(({ data }) => {
+        if (data && data.code === 0 && data.rows && data.rows.length === 1) {
+          this.modalData.customerDesc = data.rows[0].customerDesc
+        } else {
+          this.modalData.customerDesc = ''
+        }
+      })
+    },
+    saveNewCustomer () {
+      if (!this.newCustomerData.customerDesc) {
+        this.$message.warning('请输入客户名称！')
+        return
+      }
+      this.generateNextCustomerNo().then(customerNo => {
+        if (!customerNo) {
+          this.$alert('该客户已存在，请重新输入客户名称!', '提示', {
+            confirmButtonText: '确定',
+            type: 'warning'
+          })
+          return
+        }
+        const params = {
+          site: this.$store.state.user.site,
+          customerNo: customerNo,
+          customerDesc: this.newCustomerData.customerDesc,
+          createBy: this.$store.state.user.name
+        }
+        saveNewCustomer(params).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.modalData.customerNo = customerNo
+            this.modalData.customerDesc = this.newCustomerData.customerDesc
+            this.newCustomerFlag = false
+            this.$message.success(data.msg || '新增客户成功')
+          } else {
+            this.$alert(data && data.msg ? data.msg : '新增客户失败', '提示', {
+              confirmButtonText: '确定',
+              type: 'warning'
+            })
+          }
+        })
+      })
+    },
+    generateNextCustomerNo () {
+      const params = {
+        site: this.$store.state.user.site,
+        customerDesc: this.newCustomerData.customerDesc,
+        createBy: this.$store.state.user.name
+      }
+      return new Promise(resolve => {
+        getCustomerNo(params).then(({ data }) => {
+          if (!(data && data.code === 0)) {
+            resolve(false)
+            return
+          }
+          if (!data.data || !data.data.customerNo || data.data === '0') {
+            resolve('C0001')
+            return
+          }
+          const lastCustomerNo = parseInt(String(data.data.customerNo).substring(1), 10) || 0
+          const nextCustomerNo = lastCustomerNo + 1
+          if (nextCustomerNo < 10) {
+            resolve('C000' + nextCustomerNo)
+          } else if (nextCustomerNo < 100) {
+            resolve('C00' + nextCustomerNo)
+          } else if (nextCustomerNo < 1000) {
+            resolve('C0' + nextCustomerNo)
+          } else {
+            resolve('C' + nextCustomerNo)
+          }
+        }).catch(() => {
+          resolve(false)
+        })
+      })
+    },
+    closeNewCustomer () {
+      this.newCustomerData.customerDesc = ''
+      this.newCustomerFlag = false
+    },
+    openRoleDialog (field) {
+      const roleCfg = this.roleConfig[field]
+      if (!roleCfg) {
+        return
+      }
+      this.roleDialogField = field
+      this.roleDialogApiKey = roleCfg.apiKey
+      this.roleDialogTitle = roleCfg.title
+      this.roleSearchData = {
+        site: this.$store.state.user.site,
+        username: '',
+        userDisplay: '',
+        active: '',
+        page: 1,
+        limit: 50
+      }
+      this.roleDialogVisible = true
+      this.queryRoleDialogList()
+    },
+    queryRoleDialogList () {
+      this.fetchRoleListByApiKey(this.roleDialogApiKey, this.roleSearchData).then(rows => {
+        this.roleDialogList = rows
+      })
+    },
+    pickRole (row) {
+      const roleCfg = this.roleConfig[this.roleDialogField]
+      if (!roleCfg) {
+        return
+      }
+      const value = row.username + '-' + row.userDisplay
+      this.modalData[this.roleDialogField] = value
+      this.modalData[roleCfg.nameField] = row.userDisplay
+      this.roleDialogVisible = false
+    },
+    validateModalData () {
+      if (!this.modalData.projectId) {
+        this.$message.warning('请选择项目编码！')
+        return false
+      }
+      if (!this.modalData.testPartNo) {
+        this.$message.warning('请输入项目料号！')
+        return false
+      }
+      if (!this.modalData.partDesc) {
+        this.$message.warning('请输入料号描述！')
+        return false
+      }
+      if (!this.modalData.partType) {
+        this.$message.warning('请选择料号状态！')
+        return false
+      }
+      if (!this.modalData.customerNo) {
+        this.modalData.customerNo = 'C0000'
+        this.modalData.customerDesc = '无客户'
+      }
+      if (!this.modalData.customerDesc) {
+        this.$message.warning('请输入有效客户编码！')
+        return false
+      }
+      if (!this.modalData.buildDate) {
+        this.$message.warning('请选择立项日期！')
+        return false
+      }
+      if (!this.modalData.needDate) {
+        this.$message.warning('请选择预计完成日期！')
+        return false
+      }
+      if (!this.modalData.projectCategory) {
+        this.$message.warning('请选择项目分类！')
+        return false
+      }
+      if (!this.modalData.priority) {
+        this.$message.warning('请选择优先级！')
+        return false
+      }
+      if (!this.modalData.projectManager) {
+        this.$message.warning('请输入PM/Sales！')
+        return false
+      }
+      if (!this.modalData.projectOwner) {
+        this.$message.warning('请输入PjM！')
+        return false
+      }
+      if (!this.modalData.engineer) {
+        this.$message.warning('请输入Engineer！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer1) {
+        this.$message.warning('请输入IPQC-Lam/Pri/Etch/Slit！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer2) {
+        this.$message.warning('请输入IPQC-Converting！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer3) {
+        this.$message.warning('请输入FQC1！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer5) {
+        this.$message.warning('请输入FQC2！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer6) {
+        this.$message.warning('请输入IQC！')
+        return false
+      }
+      if (!this.modalData.cQualityEngineer4) {
+        this.$message.warning('请输入SQE！')
+        return false
+      }
+      if (!this.modalData.cManufactureEngineer) {
+        this.$message.warning('请输入MFG！')
+        return false
+      }
+      if (!this.modalData.docEngineer) {
+        this.$message.warning('请输入文档工程师！')
+        return false
+      }
+      return true
+    },
+    buildSavePayload () {
+      const payload = Object.assign({}, this.modalData)
+      payload.site = this.modalData.site || this.$store.state.user.site
+      payload.userName = this.$store.state.user.name
+      payload.buNo = this.modalData.bu
+      payload.updateBy = this.$store.state.user.name
+      payload.createBy = this.dialogMode === 'add' ? this.$store.state.user.name : this.modalData.createBy
+      payload.status = payload.status || '草稿'
+      return payload
+    },
+    saveData () {
+      if (!this.validateModalData()) {
+        return
+      }
+      const payload = this.buildSavePayload()
+      if (this.dialogMode === 'add') {
+        saveProjectPartTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '操作成功')
+            this.modalFlag = false
+            this.getDataList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '保存失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      } else {
+        updateProjectPartTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '操作成功')
+            this.modalFlag = false
+            this.getDataList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '修改失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      }
+    },
+    validateProofDialogData () {
+      if (!this.proofDialogData.projectId || !this.proofDialogData.projectPartId) {
+        this.$message.warning('项目或项目料号信息不完整')
+        return false
+      }
+      if (!this.proofDialogData.cProjectTypeDb) {
+        this.$message.warning('项目分类不能为空')
+        return false
+      }
+      if (!this.proofDialogData.projectPhase) {
+        this.$message.warning('项目阶段不能为空')
+        return false
+      }
+      if (!this.proofDialogData.proofingNo) {
+        this.$message.warning('打样单号不能为空')
+        return false
+      }
+      if (!this.proofDialogData.proofingNumber) {
+        this.$message.warning('数量不能为空')
+        return false
+      }
+      if (!/^[1-9]\d*$/.test(String(this.proofDialogData.proofingNumber))) {
+        this.$alert('数量必需是大于等于0的正整数', '提示', {
+          confirmButtonText: '确定'
+        })
+        return false
+      }
+      if (!this.proofDialogData.planStartDate) {
+        this.$message.warning('打样开始日期不能为空')
+        return false
+      }
+      if (!this.proofDialogData.requiredDeliveryDate) {
+        this.$message.warning('预计完成日期不能为空')
+        return false
+      }
+      return true
+    },
+    buildProofPayload () {
+      return {
+        trackingId: this.proofDialogData.trackingId,
+        site: this.proofDialogData.site,
+        projectId: this.proofDialogData.projectId,
+        projectPartId: this.proofDialogData.projectPartId,
+        projectNo: this.proofDialogData.projectNo,
+        testPartNo: this.proofDialogData.testPartNo,
+        customerNo: this.proofDialogData.customerNo,
+        buNo: this.proofDialogData.buNo,
+        projectCategory: this.proofDialogData.cProjectTypeDb,
+        projectPhase: this.proofDialogData.projectPhase,
+        proofingNo: this.proofDialogData.proofingNo,
+        proofingNumber: Number(this.proofDialogData.proofingNumber),
+        planStartDate: this.proofDialogData.planStartDate,
+        requiredDeliveryDate: this.proofDialogData.requiredDeliveryDate,
+        actualityDeliveryDate: this.proofDialogData.actualityDeliveryDate,
+        proofingStatus: this.proofDialogData.proofingStatus || '草稿',
+        remark: this.proofDialogData.remark,
+        tracker: this.proofDialogData.projectOwner,
+        engineer: this.proofDialogData.engineer,
+        priorityLevel: this.proofDialogData.priorityLevel,
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      }
+    },
+    saveProofRecord () {
+      if (!this.validateProofDialogData()) {
+        return
+      }
+      const payload = this.buildProofPayload()
+      this.proofSaveLoading = true
+      createProofTrackingRecord(payload).then(({ data }) => {
+        this.proofSaveLoading = false
+        if (data && data.code === 0) {
+          this.$message.success(data.msg || '新增打样成功')
+          this.proofDialogVisible = false
+          this.getDataList()
+        } else {
+          this.$alert(data && data.msg ? data.msg : '新增打样失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.proofSaveLoading = false
+        this.$message.error('新增打样异常')
+      })
+    },
+    deleteHandle (row) {
+      this.$confirm('确定删除该笔数据？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const payload = {
+          projectPartId: row.projectPartId,
+          site: row.site || this.$store.state.user.site
+        }
+        deleteProjectPartTracking(payload).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message.success(data.msg || '删除成功')
+            this.getDataList()
+          } else {
+            this.$alert(data && data.msg ? data.msg : '删除失败', '错误', { confirmButtonText: '确定' })
+          }
+        })
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+
+<style scoped>
+.big-label a {
+  color: #35b4b4;
+}
+</style>
diff --git a/src/views/modules/sampleTracking/projectProofTracking.vue b/src/views/modules/sampleTracking/projectProofTracking.vue
new file mode 100644
index 0000000..92882a3
--- /dev/null
+++ b/src/views/modules/sampleTracking/projectProofTracking.vue
@@ -0,0 +1,1731 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" :model="searchData" label-position="top" class="search-form">
+      <el-form-item label="项目编码">
+        <el-input v-model="searchData.projectNo" clearable placeholder="请输入项目编码" style="width: 140px" />
+      </el-form-item>
+      <el-form-item label="项目描述">
+        <el-input v-model="searchData.projectDesc" clearable placeholder="请输入项目描述" style="width: 160px" />
+      </el-form-item>
+      <el-form-item label="项目物料">
+        <el-input v-model="searchData.testPartNo" clearable placeholder="请输入项目物料" style="width: 140px" />
+      </el-form-item>
+      <el-form-item label="料号描述">
+        <el-input v-model="searchData.partDesc" clearable placeholder="请输入料号描述" style="width: 160px" />
+      </el-form-item>
+      <el-form-item label="客户编码">
+        <el-input v-model="searchData.customerNo" clearable placeholder="请输入客户编码" style="width: 120px" />
+      </el-form-item>
+      <el-form-item label="打样单号">
+        <el-input v-model="searchData.proofingNo" clearable placeholder="请输入打样单号" style="width: 150px" />
+      </el-form-item>
+      <el-form-item label="打样状态">
+        <el-select v-model="searchData.proofingStatus" clearable placeholder="全部" style="width: 120px">
+          <el-option label="进行中" value="进行中" />
+          <el-option label="打样完成" value="打样完成" />
+          <el-option label="草稿" value="草稿" />
+        </el-select>
+        <el-button type="primary" @click="getDataList('Y')">查询</el-button>
+        <el-button @click="resetSearch">重置</el-button>
+      </el-form-item>
+      <el-form-item class="button-group-col">
+        <el-row :gutter="8" type="flex" class="button-row" >
+            <el-button type="primary" @click="openOneKeyDialog">一键创建项目/物料</el-button>
+            <el-button type="primary" @click="openCreateProofDialog()">新增打样</el-button>
+            <el-button type="warning" @click="toggleBatchEdit">{{ batchEditMode ? '取消修改' : '批量修改' }}</el-button>
+            <el-button v-if="batchEditMode" type="success" @click="saveBatchPlan">保存修改</el-button>
+        </el-row>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      ref="trackingTable"
+      :data="dataList"
+      border class="data-table"
+      stripe highlight-current-row
+      height="700"
+      v-loading="dataListLoading"
+      @selection-change="selectionChange"
+      @row-click="rowClick"
+      style="width: 100%; margin-top: 8px"
+    >
+<!--      <el-table-column type="selection" width="45" />-->
+      <el-table-column prop="projectNo" label="项目编码" width="100" show-overflow-tooltip />
+      <el-table-column prop="projectDesc" label="项目描述" width="120" show-overflow-tooltip />
+      <el-table-column prop="testPartNo" label="项目物料" width="100" show-overflow-tooltip />
+      <el-table-column prop="partDesc" label="物料描述" :fixed="batchEditMode ? 'left' : false" width="150" show-overflow-tooltip />
+<!--      <el-table-column prop="customerNo" label="客户编码" width="110" show-overflow-tooltip />
+      <el-table-column prop="customerDesc" label="客户名称" width="130" show-overflow-tooltip />-->
+      <el-table-column prop="proofingNo" label="打样单号" width="100" show-overflow-tooltip />
+      <el-table-column prop="proofingStatus" label="打样状态" width="80">
+        <template slot-scope="scope">
+          <a :style="{color: (scope.row.proofingStatus === '打样完成' || scope.row.proofingStatus === '打样结束') ? '#67c23a' : '#e6a23c'}">
+            {{ scope.row.proofingStatus || '进行中' }}</a>
+        </template>
+      </el-table-column>
+
+      <el-table-column
+        v-for="item in processColumns"
+        :key="item.code"
+        :label="item.label"
+        width="130"
+        align="center"
+        header-align="center"
+      >
+        <template slot-scope="scope">
+          <div :class="['process-cell', isProcessComplete(scope.row, item) ? 'is-complete' : '']">
+            <el-date-picker
+              v-if="batchEditMode"
+              v-model="scope.row[item.actualField]"
+              :disabled="isProcessComplete(scope.row, item)"
+              type="date"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              placeholder="实际完成日期"
+              style="width: 120px"
+            />
+            <el-tooltip
+              v-else
+              :content="getProcessTooltip(scope.row, item)"
+              popper-class="process-date-tooltip"
+              effect="dark"
+              placement="top"
+            >
+              <div class="process-content" @mouseenter="loadProcessHistory(scope.row, item)" @click="openProcessDialog(scope.row, item)">
+                <a class="link-date">{{ formatDate(scope.row[item.actualField]) || '-' }}</a>
+              </div>
+            </el-tooltip>
+          </div>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="comments" label="Comments" width="160" show-overflow-tooltip />
+      <el-table-column label="操作" fixed="right" width="150" align="center">
+        <template slot-scope="scope">
+          <a @click="openCreateProofDialog(scope.row)">新增打样</a>
+          <a class="action-link end-link" v-if="scope.row.proofingStatus !== '打样完成'" @click="finishProof(scope.row)">打样完成</a>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"
+      style="margin-top: 12px; text-align: right"
+    />
+
+    <el-dialog title="一键创建项目/物料" :visible.sync="oneKeyDialogVisible" :close-on-click-modal="false" width="1100px">
+      <el-form :model="oneKeyForm" label-position="top" class="one-key-grid-form">
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="BU" required>
+              <el-select v-model="oneKeyForm.buNo" placeholder="请选择" style="width: 100%">
+                <el-option v-for="item in userBuList" :key="item.buNo" :label="item.buDesc" :value="item.buNo"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目编码">
+              <el-input v-model="oneKeyForm.projectNo" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目名称">
+              <el-input v-model="oneKeyForm.projectDesc" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label">
+                <a href="javascript:void(0)" @click="getBaseList(509)">客户编码</a>
+                <a href="javascript:void(0)" @click="newCustomer">（新客户）</a>
+              </span>
+              <el-input v-model="oneKeyForm.customerNo" @blur="customerNoBlur" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="客户名称">
+              <el-input v-model="oneKeyForm.customerDesc" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="最终客户编码">
+              <el-input v-model="oneKeyForm.finalCustomerId" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目来源">
+              <el-input v-model="oneKeyForm.projectSource" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="立项日期">
+              <el-date-picker
+                v-model="oneKeyForm.projectCreationDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计完成日期">
+              <el-date-picker
+                v-model="oneKeyForm.needDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目分类">
+              <el-select v-model="oneKeyForm.projectCategory" placeholder="请选择" clearable style="width: 100%">
+                <el-option v-for="item in projectCategoryList" :key="item" :label="item" :value="item"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="优先级">
+              <el-select v-model="oneKeyForm.priorityLevel" placeholder="请选择" clearable style="width: 100%">
+                <el-option v-for="item in priorityList" :key="item" :label="item" :value="item"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="项目料号">
+              <el-input v-model="oneKeyForm.testPartNo" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="料号描述">
+              <el-input v-model="oneKeyForm.partDesc" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="料号状态">
+              <el-select v-model="oneKeyForm.partType" placeholder="请选择" clearable style="width: 100%">
+                <el-option v-for="item in partTypeList" :key="item" :label="item" :value="item"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectManager')">PM/Sales</a></span>
+              <el-input v-model="oneKeyForm.projectManagerName" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('projectOwner')">PjM</a></span>
+              <el-input v-model="oneKeyForm.projectOwnerName" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('engineer')">Engineer</a></span>
+              <el-input v-model="oneKeyForm.engineerName" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cManufactureEngineer')">MFG</a></span>
+              <el-input v-model="oneKeyForm.cManufactureEngineerName" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer6')">IQC</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer6Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer1')">IPQC-Lam/Pri/Etch/Slit</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer1Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer2')">IPQC-Converting</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer2Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer4')">SQE</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer4Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer3')">FQC1</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer3Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer5')">FQC2</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer5Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('ipqcHardTag')">IPQC-Hardtag</a></span>
+              <el-input v-model="oneKeyForm.ipqcHardTagName" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('cQualityEngineer7')">前道工程师</a></span>
+              <el-input v-model="oneKeyForm.cQualityEngineer7Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer')">文档工程师</a></span>
+              <el-input v-model="oneKeyForm.docEngineerName" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item>
+              <span slot="label" class="big-label"><a href="javascript:void(0)" @click="openRoleDialog('docEngineer2')">文档工程师2</a></span>
+              <el-input v-model="oneKeyForm.docEngineer2Name" disabled style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目状态">
+              <el-select v-model="oneKeyForm.projectStatus" clearable style="width: 100%">
+                <el-option v-for="item in projectStatusList" :key="item" :label="item" :value="item" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目阶段">
+              <el-select v-model="oneKeyForm.projectPhase" clearable style="width: 100%">
+                <el-option v-for="item in projectPhaseList" :key="item" :label="item" :value="item" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="Tracker">
+              <el-input v-model="oneKeyForm.tracker" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="打样单号">
+              <el-input v-model="oneKeyForm.proofingNo" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="打样状态">
+              <el-select v-model="oneKeyForm.proofingStatus" clearable style="width: 100%">
+                <el-option label="草稿" value="草稿" />
+                <el-option label="进行中" value="进行中" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="数量">
+              <el-input v-model.number="oneKeyForm.proofingNumber" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="打样开始日期">
+              <el-date-picker
+                v-model="oneKeyForm.planStartDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计交付日期">
+              <el-date-picker
+                v-model="oneKeyForm.requiredDeliveryDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="24">
+            <el-form-item label="备注">
+              <el-input type="textarea" :rows="2" v-model="oneKeyForm.remark" style="width: 100%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 40px; text-align: center">
+        <el-button @click="oneKeyDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="saveOneKeyLoading" @click="submitOneKey">保存</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="新增打样" :visible.sync="proofDialogVisible" width="768px" :close-on-click-modal="false">
+      <el-form :model="proofDialogData" label-position="top" class="proof-grid-form">
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="项目编码">
+              <el-input v-model="proofDialogData.projectNo" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目名称">
+              <el-input v-model="proofDialogData.projectDesc" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="BU">
+              <el-input v-model="proofDialogData.buNo" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="客户编码">
+              <el-input v-model="proofDialogData.customerNo" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="客户名称">
+              <el-input v-model="proofDialogData.customerDesc" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目料号">
+              <el-input v-model="proofDialogData.testPartNo" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="料号描述">
+              <el-input v-model="proofDialogData.partDesc" disabled style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目分类" required>
+              <el-select v-model="proofDialogData.cProjectTypeDb" placeholder="请选择" clearable style="width: 100%">
+                <el-option
+                  v-for="item in cProjectTypeDbList"
+                  :key="item.cProjectTypeDb"
+                  :label="item.cProjectTypeDb"
+                  :value="item.cProjectTypeDb">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="项目阶段" required>
+              <el-select v-model="proofDialogData.projectPhase" placeholder="请选择" clearable style="width: 100%">
+                <el-option
+                  v-for="item in proofProjectPhaseList"
+                  :key="item.projectPhase"
+                  :label="item.projectPhase"
+                  :value="item.projectPhase">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="打样单号" required>
+              <el-input v-model="proofDialogData.proofingNo" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="数量" required>
+              <el-input v-model="proofDialogData.proofingNumber" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="打样状态">
+              <el-select v-model="proofDialogData.proofingStatus" placeholder="请选择" clearable style="width: 100%">
+                <el-option label="草稿" value="草稿"></el-option>
+                <el-option label="进行中" value="进行中"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="实际完成日期">
+              <el-date-picker
+                v-model="proofDialogData.actualityDeliveryDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="16">
+          <el-col :span="6">
+            <el-form-item label="打样开始日期" required>
+              <el-date-picker
+                v-model="proofDialogData.planStartDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="预计完成日期" required>
+              <el-date-picker
+                v-model="proofDialogData.requiredDeliveryDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期"
+                style="width: 100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="备注">
+              <el-input v-model="proofDialogData.remark" style="width: 100%" type="textarea" :rows="2"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <el-footer style="height: 40px; margin-top: 40px; text-align: center">
+        <el-button @click="proofDialogVisible = false">取 消</el-button>
+        <el-button type="primary" :loading="proofSaveLoading" @click="saveProofRecord">保 存</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="更新工序状态" :visible.sync="processDialogVisible" width="620px" :close-on-click-modal="false">
+      <el-form :model="processForm" label-position="top" label-width="120px" :inline="true">
+        <el-form-item label="工序">
+          <el-input v-model="processForm.processName" disabled style="width: 180px" />
+        </el-form-item>
+        <el-form-item label="状态" required>
+          <el-select v-model="processForm.status" style="width: 180px">
+            <el-option label="未完成" value="未完成" />
+            <el-option label="进行中" value="进行中" />
+            <el-option label="已完成" value="已完成" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="实际完成日期">
+          <el-date-picker v-model="processForm.actualDate" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" style="width: 180px" />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input type="textarea" :rows="2" v-model="processForm.remark" style="width: 570px" />
+        </el-form-item>
+      </el-form>
+
+      <el-table :data="processHistoryRows" border stripe height="220" style="margin-top: 32px">
+        <el-table-column prop="changedDate" label="修改时间" width="120" />
+        <el-table-column prop="changedBy" label="修改人" width="70" />
+        <el-table-column prop="oldStatus" label="原状态" width="60" />
+        <el-table-column prop="newStatus" label="新状态" width="60" />
+        <el-table-column prop="oldActualDate" label="原实际" width="90" />
+        <el-table-column prop="newActualDate" label="新实际" width="90" />
+        <el-table-column prop="remark" label="备注" show-overflow-tooltip />
+      </el-table>
+
+      <div slot="footer">
+        <el-button @click="processDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="saveProcessLoading" @click="submitProcessUpdate">保存</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      title="打样完成"
+      :visible.sync="finishDialogVisible"
+      width="260px"
+      :close-on-click-modal="false"
+      custom-class="finish-proof-dialog">
+      <div class="finish-dialog-tip">
+        <i class="el-icon-info"></i>
+        <span>确认后将直接标记为打样完成</span>
+      </div>
+      <el-form :model="finishForm" label-width="100px" class="finish-form">
+        <el-form-item label="状态">
+          <el-tag type="success" effect="plain">打样完成</el-tag>
+        </el-form-item>
+        <el-form-item label="实际完成日期" required>
+          <el-date-picker
+            v-model="finishForm.actualityDeliveryDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            format="yyyy-MM-dd"
+            placeholder="选择日期"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="finishDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="finishSaveLoading" @click="submitFinishProof">确认完成</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :title="roleDialogTitle" :visible.sync="roleDialogVisible" width="559px" :close-on-click-modal="false">
+      <el-form :inline="true" label-position="top" :model="roleSearchData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="用户账号">
+          <el-input v-model="roleSearchData.username" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label="用户名">
+          <el-input v-model="roleSearchData.userDisplay" clearable style="width: 110px"></el-input>
+        </el-form-item>
+        <el-form-item label="是否在用">
+          <el-select filterable v-model="roleSearchData.active" clearable style="width: 140px">
+            <el-option label="是" value="Y"></el-option>
+            <el-option label="否" value="N"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" style="padding: 3px 12px" @click="queryRoleDialogList">查询</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :data="roleDialogList"
+        stripe
+        border
+        highlight-current-row
+        @row-dblclick="pickRole"
+        style="width: 100%">
+        <el-table-column prop="username" header-align="center" align="center" label="用户账号"></el-table-column>
+        <el-table-column prop="userDisplay" header-align="center" align="center" label="用户名"></el-table-column>
+        <el-table-column prop="active" header-align="center" align="center" label="是否在用"></el-table-column>
+      </el-table>
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button @click="roleDialogVisible = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <el-dialog title="新客户" :visible.sync="newCustomerFlag" width="348px" :close-on-click-modal="false" @close="closeNewCustomer">
+      <el-form :inline="true" label-position="top" :model="newCustomerData" style="margin-left: 7px; margin-top: -5px;">
+        <el-form-item label="客户名称">
+          <el-input v-model="newCustomerData.customerDesc" style="width: 313px"></el-input>
+        </el-form-item>
+      </el-form>
+      <el-footer style="height: 40px; margin-top: 10px; text-align: center">
+        <el-button type="primary" @click="saveNewCustomer">保存</el-button>
+        <el-button @click="newCustomerFlag = false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
+  </div>
+</template>
+
+<script>
+import {
+  batchUpdateProofTrackingPlan,
+  createProofTrackingRecord,
+  finishProofTracking,
+  oneKeyCreateProofTracking,
+  queryProofTrackingProcessHistory,
+  searchProofTracking,
+  updateProofTrackingProcess
+} from '@/api/sampleTracking/sampleTracking'
+import { getCustomerNo, saveNewCustomer } from '@/api/eam/eamProject.js'
+import { getSiteAndBuByUserName } from '@/api/eam/eam.js'
+import {
+  searchBusinessInfo,
+  searchBusinessInfo1,
+  searchBusinessInfo2,
+  searchBusinessInfo3,
+  searchBusinessInfo4,
+  searchBusinessInfo5,
+  searchBusinessInfo6,
+  searchBusinessInfo7,
+  searchBusinessInfo8
+} from '@/api/factory/site.js'
+import { queryCustomerList } from '@/api/customer/customer'
+import Chooselist from '@/views/modules/common/Chooselist_eam'
+
+export default {
+  name: 'ProjectProofTracking',
+  components: {
+    Chooselist
+  },
+  data () {
+    return {
+      searchData: {
+        site: this.$store.state.user.site,
+        userName: this.$store.state.user.name,
+        projectNo: '',
+        projectDesc: '',
+        testPartNo: '',
+        partDesc: '',
+        customerNo: '',
+        proofingNo: '',
+        proofingStatus: ''
+      },
+      processColumns: [
+        { label: 'Raw Material', code: 'rawMaterial', planField: 'rawMaterialPlanDate', actualField: 'rawMaterialActualDate', statusField: 'rawMaterialStatus' },
+        { label: 'Cylinder/Cutter', code: 'cylinderCutter', planField: 'cylinderCutterPlanDate', actualField: 'cylinderCutterActualDate', statusField: 'cylinderCutterStatus' },
+        { label: 'Lamination', code: 'lamination', planField: 'laminationPlanDate', actualField: 'laminationActualDate', statusField: 'laminationStatus' },
+        { label: 'Printing', code: 'printing', planField: 'printingPlanDate', actualField: 'printingActualDate', statusField: 'printingStatus' },
+        { label: 'Etching', code: 'etching', planField: 'etchingPlanDate', actualField: 'etchingActualDate', statusField: 'etchingStatus' },
+        { label: 'Slitting&Packing', code: 'slittingPacking', planField: 'slittingPackingPlanDate', actualField: 'slittingPackingActualDate', statusField: 'slittingPackingStatus' },
+        { label: 'Bonding', code: 'bonding', planField: 'bondingPlanDate', actualField: 'bondingActualDate', statusField: 'bondingStatus' },
+        { label: 'CL60/CL822', code: 'cl60Cl822', planField: 'cl60Cl822PlanDate', actualField: 'cl60Cl822ActualDate', statusField: 'cl60Cl822Status' },
+        { label: 'Spotting', code: 'spotting', planField: 'spottingPlanDate', actualField: 'spottingActualDate', statusField: 'spottingStatus' },
+        { label: 'Encoding', code: 'encoding', planField: 'encodingPlanDate', actualField: 'encodingActualDate', statusField: 'encodingStatus' },
+        { label: 'Die cut', code: 'dieCut', planField: 'dieCutPlanDate', actualField: 'dieCutActualDate', statusField: 'dieCutStatus' },
+        { label: 'Inspection', code: 'inspection', planField: 'inspectionPlanDate', actualField: 'inspectionActualDate', statusField: 'inspectionStatus' },
+        { label: 'Delivery&Package', code: 'deliveryPackage', planField: 'deliveryPackagePlanDate', actualField: 'deliveryPackageActualDate', statusField: 'deliveryPackageStatus' }
+      ],
+      projectCategoryList: ['Low Risk', 'High Risk', 'Sustaining'],
+      cProjectRegionList: ['Global', 'APAC', 'CHINA', 'EU', 'US', 'Mexico', 'Other'],
+      priorityList: ['Low', 'Middle', 'High'],
+      projectStatusList: ['草稿', '进行中', '已关闭'],
+      partTypeList: ['Active', 'On hold', 'Cancel', 'EOL'],
+      partStatusList: ['草稿', '进行中', '已量产', '正式量产'],
+      projectPhaseList: ['Sample', 'MP'],
+      cProjectTypeDbList: [
+        { cProjectTypeDb: 'Sustaining' },
+        { cProjectTypeDb: 'Low Risk' },
+        { cProjectTypeDb: 'High Risk' }
+      ],
+      proofProjectPhaseList: [
+        { projectPhase: 'Prototype' },
+        { projectPhase: 'Alpha' },
+        { projectPhase: 'Beta' },
+        { projectPhase: 'Pre-launch' }
+      ],
+      userBuList: [],
+      tagNo: '',
+      newCustomerFlag: false,
+      newCustomerData: {
+        customerDesc: ''
+      },
+      roleDialogVisible: false,
+      roleDialogTitle: '',
+      roleDialogField: '',
+      roleDialogApiKey: '0',
+      roleDialogList: [],
+      roleSearchData: {
+        site: this.$store.state.user.site,
+        username: '',
+        userDisplay: '',
+        active: '',
+        page: 1,
+        limit: 50
+      },
+      roleConfig: {
+        projectManager: { apiKey: '0', title: 'PM/Sales', nameField: 'projectManagerName' },
+        projectOwner: { apiKey: '1', title: 'PjM', nameField: 'projectOwnerName' },
+        cQualityEngineer1: { apiKey: '2', title: 'IPQC-Lam/Pri/Etch/Slit', nameField: 'cQualityEngineer1Name' },
+        cQualityEngineer2: { apiKey: '3', title: 'IPQC-Converting', nameField: 'cQualityEngineer2Name' },
+        cQualityEngineer3: { apiKey: '4', title: 'FQC1', nameField: 'cQualityEngineer3Name' },
+        cManufactureEngineer: { apiKey: '5', title: 'MFG', nameField: 'cManufactureEngineerName' },
+        engineer: { apiKey: '6', title: 'Engineer', nameField: 'engineerName' },
+        cQualityEngineer4: { apiKey: '7', title: 'SQE', nameField: 'cQualityEngineer4Name' },
+        cQualityEngineer5: { apiKey: '7', title: 'FQC2', nameField: 'cQualityEngineer5Name' },
+        cQualityEngineer6: { apiKey: '7', title: 'IQC', nameField: 'cQualityEngineer6Name' },
+        docEngineer: { apiKey: '7', title: '文档工程师', nameField: 'docEngineerName' },
+        ipqcHardTag: { apiKey: '7', title: 'IPQC-Hardtag', nameField: 'ipqcHardTagName' },
+        cQualityEngineer7: { apiKey: '7', title: '前道工程师', nameField: 'cQualityEngineer7Name' },
+        docEngineer2: { apiKey: '8', title: '文档工程师2', nameField: 'docEngineer2Name' }
+      },
+      dataList: [],
+      dataListLoading: false,
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
+      currentRow: null,
+      selectionRows: [],
+      batchEditMode: false,
+      processHistoryMap: {},
+      processHistoryRows: [],
+
+      oneKeyDialogVisible: false,
+      saveOneKeyLoading: false,
+      oneKeyForm: {},
+
+      proofDialogVisible: false,
+      proofSaveLoading: false,
+      proofDialogData: this.getDefaultProofDialogData(),
+
+      processDialogVisible: false,
+      saveProcessLoading: false,
+      processForm: {},
+
+      finishDialogVisible: false,
+      finishSaveLoading: false,
+      finishForm: {
+        trackingId: null,
+        actualityDeliveryDate: ''
+      }
+    }
+  },
+  activated () {
+    this.loadUserBuList()
+    this.getDataList()
+  },
+  methods: {
+    loadUserBuList () {
+      if (this.userBuList.length > 0) {
+        return
+      }
+      const params = { username: this.$store.state.user.name }
+      getSiteAndBuByUserName(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.userBuList = data.rows || []
+        }
+      })
+    },
+    getRoleApi (apiKey) {
+      const apiMap = {
+        0: searchBusinessInfo,
+        1: searchBusinessInfo1,
+        2: searchBusinessInfo2,
+        3: searchBusinessInfo3,
+        4: searchBusinessInfo4,
+        5: searchBusinessInfo5,
+        6: searchBusinessInfo6,
+        7: searchBusinessInfo7,
+        8: searchBusinessInfo8
+      }
+      return apiMap[apiKey]
+    },
+    fetchRoleListByApiKey (apiKey, queryData) {
+      const apiFn = this.getRoleApi(apiKey)
+      if (!apiFn) {
+        return Promise.resolve([])
+      }
+      const params = {
+        site: this.$store.state.user.site,
+        username: queryData && queryData.username ? queryData.username : '',
+        userDisplay: queryData && queryData.userDisplay ? queryData.userDisplay : '',
+        roleDesc: '',
+        active: queryData && queryData.active ? queryData.active : '',
+        page: 1,
+        limit: 200
+      }
+      return apiFn(params).then(({ data }) => {
+        if (data && data.code === 0) {
+          return (data.rows || []).map(item => {
+            return {
+              username: item.username,
+              userDisplay: item.userDisplay || item.user_display || '',
+              active: item.active
+            }
+          })
+        }
+        return []
+      })
+    },
+    newCustomer () {
+      this.newCustomerData.customerDesc = ''
+      this.newCustomerFlag = true
+    },
+    getBaseList (val) {
+      this.tagNo = val
+      this.$nextTick(() => {
+        const strVal = val === 509 ? (this.oneKeyForm.customerNo || '') : ''
+        this.$refs.baseList.init(val, strVal, '')
+      })
+    },
+    getBaseData (val) {
+      if (this.tagNo === 509) {
+        this.oneKeyForm.customerNo = val.customer_no
+        this.oneKeyForm.customerDesc = val.customer_desc
+      }
+    },
+    customerNoBlur () {
+      if (!this.oneKeyForm.customerNo) {
+        this.oneKeyForm.customerDesc = ''
+        return
+      }
+      const params = {
+        customerNo: this.oneKeyForm.customerNo,
+        createBy: this.$store.state.user.name
+      }
+      queryCustomerList(params).then(({ data }) => {
+        if (data && data.code === 0 && data.rows && data.rows.length === 1) {
+          this.oneKeyForm.customerDesc = data.rows[0].customerDesc
+        } else {
+          this.oneKeyForm.customerDesc = ''
+        }
+      })
+    },
+    saveNewCustomer () {
+      if (!this.newCustomerData.customerDesc) {
+        this.$message.warning('请输入客户名称！')
+        return
+      }
+      this.generateNextCustomerNo().then(customerNo => {
+        if (!customerNo) {
+          this.$alert('该客户已存在，请重新输入客户名称!', '提示', {
+            confirmButtonText: '确定',
+            type: 'warning'
+          })
+          return
+        }
+        const params = {
+          site: this.$store.state.user.site,
+          customerNo: customerNo,
+          customerDesc: this.newCustomerData.customerDesc,
+          createBy: this.$store.state.user.name
+        }
+        saveNewCustomer(params).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.oneKeyForm.customerNo = customerNo
+            this.oneKeyForm.customerDesc = this.newCustomerData.customerDesc
+            this.newCustomerFlag = false
+            this.$message.success(data.msg || '新增客户成功')
+          } else {
+            this.$alert(data && data.msg ? data.msg : '新增客户失败', '提示', {
+              confirmButtonText: '确定',
+              type: 'warning'
+            })
+          }
+        })
+      })
+    },
+    generateNextCustomerNo () {
+      const params = {
+        site: this.$store.state.user.site,
+        customerDesc: this.newCustomerData.customerDesc,
+        createBy: this.$store.state.user.name
+      }
+      return new Promise(resolve => {
+        getCustomerNo(params).then(({ data }) => {
+          if (!(data && data.code === 0)) {
+            resolve(false)
+            return
+          }
+          if (!data.data || !data.data.customerNo || data.data === '0') {
+            resolve('C0001')
+            return
+          }
+          const lastCustomerNo = parseInt(String(data.data.customerNo).substring(1), 10) || 0
+          const nextCustomerNo = lastCustomerNo + 1
+          if (nextCustomerNo < 10) {
+            resolve('C000' + nextCustomerNo)
+          } else if (nextCustomerNo < 100) {
+            resolve('C00' + nextCustomerNo)
+          } else if (nextCustomerNo < 1000) {
+            resolve('C0' + nextCustomerNo)
+          } else {
+            resolve('C' + nextCustomerNo)
+          }
+        }).catch(() => {
+          resolve(false)
+        })
+      })
+    },
+    closeNewCustomer () {
+      this.newCustomerData.customerDesc = ''
+      this.newCustomerFlag = false
+    },
+    openRoleDialog (field) {
+      const roleCfg = this.roleConfig[field]
+      if (!roleCfg) {
+        return
+      }
+      this.roleDialogField = field
+      this.roleDialogApiKey = roleCfg.apiKey
+      this.roleDialogTitle = roleCfg.title
+      this.roleSearchData = {
+        site: this.$store.state.user.site,
+        username: '',
+        userDisplay: '',
+        active: '',
+        page: 1,
+        limit: 50
+      }
+      this.roleDialogVisible = true
+      this.queryRoleDialogList()
+    },
+    queryRoleDialogList () {
+      this.fetchRoleListByApiKey(this.roleDialogApiKey, this.roleSearchData).then(rows => {
+        this.roleDialogList = rows
+      })
+    },
+    pickRole (row) {
+      const roleCfg = this.roleConfig[this.roleDialogField]
+      if (!roleCfg) {
+        return
+      }
+      const value = row.username + '-' + row.userDisplay
+      this.oneKeyForm[this.roleDialogField] = value
+      this.oneKeyForm[roleCfg.nameField] = row.userDisplay
+      this.roleDialogVisible = false
+    },
+    getEmptyOneKeyForm () {
+      return {
+        site: this.$store.state.user.site,
+        buNo: '',
+        projectNo: '',
+        projectName: '',
+        projectDesc: '',
+        projectStatus: '草稿',
+        projectSource: '',
+        testPartNo: '',
+        partDesc: '',
+        partName: '',
+        partSpec: '',
+        materialNumber: '',
+        finalPartDesc: '',
+        finalPartNo: '',
+        baseNo: '',
+        revNo: '',
+        customerNo: '',
+        customerDesc: '',
+        finalCustomerId: '',
+        customerRemark: '',
+        parentProjectNo: '',
+        oriProjectId: '',
+        projectCategory: '',
+        cProjectRegion: '',
+        projectManager: '',
+        projectManagerName: '',
+        projectOwner: '',
+        projectOwnerName: '',
+        cQualityEngineer1: '',
+        cQualityEngineer1Name: '',
+        cQualityEngineer2: '',
+        cQualityEngineer2Name: '',
+        cQualityEngineer3: '',
+        cQualityEngineer3Name: '',
+        cQualityEngineer4: '',
+        cQualityEngineer4Name: '',
+        cQualityEngineer5: '',
+        cQualityEngineer5Name: '',
+        cQualityEngineer6: '',
+        cQualityEngineer6Name: '',
+        cManufactureEngineer: '',
+        cManufactureEngineerName: '',
+        docEngineer: '',
+        docEngineerName: '',
+        docEngineer2: '',
+        docEngineer2Name: '',
+        ipqcHardTag: '',
+        ipqcHardTagName: '',
+        cQualityEngineer7: '',
+        cQualityEngineer7Name: '',
+        partType: '',
+        partStatus: '草稿',
+        projectPhase: 'Sample',
+        tracker: '',
+        engineer: '',
+        engineerName: '',
+        priorityLevel: '',
+        proofingNo: '',
+        proofingStatus: '进行中',
+        proofingNumber: 1,
+        projectCreationDate: '',
+        projectCloseDate: '',
+        buildDate: '',
+        closeDate: '',
+        comments: '',
+        planStartDate: '',
+        requiredDeliveryDate: '',
+        needDate: '',
+        remark: ''
+      }
+    },
+    getDefaultProofDialogData () {
+      return {
+        trackingId: null,
+        site: this.$store.state.user.site,
+        projectId: null,
+        projectNo: '',
+        projectDesc: '',
+        buNo: '',
+        customerNo: '',
+        customerDesc: '',
+        projectPartId: null,
+        testPartNo: '',
+        partDesc: '',
+        projectCategory: '',
+        cProjectTypeDb: '',
+        projectPhase: '',
+        projectManager: '',
+        projectOwner: '',
+        engineer: '',
+        priorityLevel: '',
+        proofingNo: '',
+        proofingNumber: '',
+        planStartDate: '',
+        requiredDeliveryDate: '',
+        actualityDeliveryDate: '',
+        proofingStatus: '草稿',
+        remark: '',
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      }
+    },
+    getDataList (flag) {
+      if (flag === 'Y') {
+        this.pageIndex = 1
+      }
+      this.searchData.site = this.$store.state.user.site
+      this.searchData.userName = this.$store.state.user.name
+      const inData = Object.assign({}, this.searchData, {
+        page: this.pageIndex,
+        limit: this.pageSize
+      })
+      this.dataListLoading = true
+      searchProofTracking(inData).then(({ data }) => {
+        this.dataListLoading = false
+        if (data && data.code === 0) {
+          this.dataList = (data.page && data.page.list) || []
+          this.totalPage = (data.page && data.page.totalCount) || 0
+          if (this.dataList.length > 0) {
+            this.currentRow = this.dataList[0]
+          }
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+          this.$message.error(data.msg || '查询失败')
+        }
+      }).catch(() => {
+        this.dataListLoading = false
+        this.$message.error('查询异常')
+      })
+    },
+    resetSearch () {
+      this.searchData.projectNo = ''
+      this.searchData.projectDesc = ''
+      this.searchData.testPartNo = ''
+      this.searchData.partDesc = ''
+      this.searchData.customerNo = ''
+      this.searchData.proofingNo = ''
+      this.searchData.proofingStatus = ''
+      this.getDataList('Y')
+    },
+    selectionChange (rows) {
+      this.selectionRows = rows || []
+    },
+    rowClick (row) {
+      this.currentRow = row
+    },
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    openOneKeyDialog () {
+      this.oneKeyForm = this.getEmptyOneKeyForm()
+      if (this.userBuList.length > 0) {
+        this.oneKeyForm.buNo = this.userBuList[0].buNo || ''
+      }
+      this.oneKeyDialogVisible = true
+    },
+    submitOneKey () {
+      if (!this.oneKeyForm.site || !this.oneKeyForm.buNo) {
+        this.$message.error('工厂和BU不能为空')
+        return
+      }
+      const inData = Object.assign({}, this.oneKeyForm, {
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      })
+      if (!inData.projectName && inData.projectDesc) {
+        inData.projectName = inData.projectDesc
+      }
+      if (!inData.projectDesc && inData.projectName) {
+        inData.projectDesc = inData.projectName
+      }
+      if (!inData.tracker) {
+        inData.tracker = inData.projectOwner
+      }
+      if (!inData.priorityLevel) {
+        inData.priorityLevel = ''
+      }
+      this.saveOneKeyLoading = true
+      oneKeyCreateProofTracking(inData).then(({ data }) => {
+        this.saveOneKeyLoading = false
+        if (data && data.code === 0) {
+          this.$message.success('一键创建成功')
+          this.oneKeyDialogVisible = false
+          this.searchData.projectNo = ''
+          this.searchData.projectDesc = ''
+          this.searchData.testPartNo = ''
+          this.searchData.partDesc = ''
+          this.searchData.customerNo = ''
+          this.searchData.proofingNo = ''
+          this.searchData.proofingStatus = ''
+          this.getDataList('Y')
+        } else {
+          this.$message.error(data.msg || '一键创建失败')
+        }
+      }).catch(() => {
+        this.saveOneKeyLoading = false
+        this.$message.error('一键创建异常')
+      })
+    },
+    openCreateProofDialog (row) {
+      const current = row || this.currentRow || (this.selectionRows.length > 0 ? this.selectionRows[0] : null)
+      if (!current) {
+        this.$message.warning('请先选择一条记录')
+        return
+      }
+      this.currentRow = current
+      this.proofDialogData = Object.assign(this.getDefaultProofDialogData(), {
+        trackingId: null,
+        site: current.site || this.$store.state.user.site,
+        projectId: current.projectId,
+        projectNo: current.projectNo,
+        projectDesc: current.projectDesc,
+        buNo: current.buNo,
+        customerNo: current.customerNo,
+        customerDesc: current.customerDesc,
+        projectPartId: current.projectPartId || current.id,
+        testPartNo: current.testPartNo,
+        partDesc: current.partDesc,
+        projectCategory: current.projectCategory,
+        cProjectTypeDb: current.projectCategory,
+        projectManager: current.projectManager,
+        projectOwner: current.projectOwner,
+        engineer: current.engineer,
+        priorityLevel: current.priority,
+        proofingNo: '',
+        proofingNumber: '',
+        planStartDate: '',
+        requiredDeliveryDate: '',
+        actualityDeliveryDate: '',
+        proofingStatus: '草稿',
+        remark: '',
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      })
+      this.proofDialogVisible = true
+    },
+    validateProofDialogData () {
+      if (!this.proofDialogData.projectId || !this.proofDialogData.projectPartId) {
+        this.$message.warning('项目或项目料号信息不完整')
+        return false
+      }
+      if (!this.proofDialogData.cProjectTypeDb) {
+        this.$message.warning('项目分类不能为空')
+        return false
+      }
+      if (!this.proofDialogData.projectPhase) {
+        this.$message.warning('项目阶段不能为空')
+        return false
+      }
+      if (!this.proofDialogData.proofingNo) {
+        this.$message.warning('打样单号不能为空')
+        return false
+      }
+      if (!this.proofDialogData.proofingNumber) {
+        this.$message.warning('数量不能为空')
+        return false
+      }
+      if (!/^[1-9]\d*$/.test(String(this.proofDialogData.proofingNumber))) {
+        this.$alert('数量必需是大于等于0的正整数', '提示', {
+          confirmButtonText: '确定'
+        })
+        return false
+      }
+      if (!this.proofDialogData.planStartDate) {
+        this.$message.warning('打样开始日期不能为空')
+        return false
+      }
+      if (!this.proofDialogData.requiredDeliveryDate) {
+        this.$message.warning('预计完成日期不能为空')
+        return false
+      }
+      return true
+    },
+    buildProofPayload () {
+      return {
+        site: this.proofDialogData.site,
+        projectId: this.proofDialogData.projectId,
+        projectPartId: this.proofDialogData.projectPartId,
+        projectNo: this.proofDialogData.projectNo,
+        testPartNo: this.proofDialogData.testPartNo,
+        customerNo: this.proofDialogData.customerNo,
+        buNo: this.proofDialogData.buNo,
+        projectCategory: this.proofDialogData.cProjectTypeDb,
+        projectPhase: this.proofDialogData.projectPhase,
+        proofingNo: this.proofDialogData.proofingNo,
+        proofingNumber: Number(this.proofDialogData.proofingNumber),
+        planStartDate: this.proofDialogData.planStartDate,
+        requiredDeliveryDate: this.proofDialogData.requiredDeliveryDate,
+        actualityDeliveryDate: this.proofDialogData.actualityDeliveryDate,
+        proofingStatus: this.proofDialogData.proofingStatus || '草稿',
+        remark: this.proofDialogData.remark,
+        tracker: this.proofDialogData.projectOwner,
+        engineer: this.proofDialogData.engineer,
+        priorityLevel: this.proofDialogData.priorityLevel,
+        createBy: this.$store.state.user.name,
+        updateBy: this.$store.state.user.name
+      }
+    },
+    saveProofRecord () {
+      if (!this.validateProofDialogData()) {
+        return
+      }
+      const payload = this.buildProofPayload()
+      this.proofSaveLoading = true
+      createProofTrackingRecord(payload).then(({ data }) => {
+        this.proofSaveLoading = false
+        if (data && data.code === 0) {
+          this.$message.success(data.msg || '新增打样成功')
+          this.proofDialogVisible = false
+          this.getDataList()
+        } else {
+          this.$alert(data && data.msg ? data.msg : '新增打样失败', '错误', { confirmButtonText: '确定' })
+        }
+      }).catch(() => {
+        this.proofSaveLoading = false
+        this.$message.error('新增打样异常')
+      })
+    },
+    toggleBatchEdit () {
+      this.batchEditMode = !this.batchEditMode
+      this.$nextTick(() => {
+        const tableRef = this.$refs.trackingTable
+        if (tableRef && tableRef.doLayout) {
+          tableRef.doLayout()
+        }
+        if (this.batchEditMode) {
+          setTimeout(() => {
+            this.scrollToRawMaterialColumn()
+          }, 0)
+        }
+      })
+    },
+    scrollToRawMaterialColumn () {
+      const tableRef = this.$refs.trackingTable
+      if (!tableRef || !tableRef.$el) {
+        return
+      }
+      const headerWrapper = tableRef.headerWrapper || tableRef.$el.querySelector('.el-table__header-wrapper')
+      const bodyWrapper = tableRef.bodyWrapper || tableRef.$el.querySelector('.el-table__body-wrapper')
+      if (!headerWrapper || !bodyWrapper) {
+        return
+      }
+      const headerCells = headerWrapper.querySelectorAll('th')
+      let targetCell = null
+      for (let i = 0; i < headerCells.length; i++) {
+        const text = (headerCells[i].innerText || '').replace(/\s+/g, ' ').trim()
+        if (text === 'Raw Material') {
+          targetCell = headerCells[i]
+          break
+        }
+      }
+      if (!targetCell) {
+        return
+      }
+      const fixedLeftWrapper = tableRef.$el.querySelector('.el-table__fixed')
+      const fixedLeftWidth = fixedLeftWrapper ? fixedLeftWrapper.offsetWidth : 0
+      const nextScrollLeft = Math.max(targetCell.offsetLeft - fixedLeftWidth - 8, 0)
+      bodyWrapper.scrollLeft = nextScrollLeft
+      headerWrapper.scrollLeft = nextScrollLeft
+    },
+    saveBatchPlan () {
+      const rows = this.selectionRows && this.selectionRows.length > 0 ? this.selectionRows : this.dataList
+      if (!rows || rows.length === 0) {
+        this.$message.warning('没有可保存的数据')
+        return
+      }
+      const payloadRows = rows.map(row => ({
+        trackingId: row.trackingId,
+        rawMaterialActualDate: row.rawMaterialActualDate,
+        cylinderCutterActualDate: row.cylinderCutterActualDate,
+        laminationActualDate: row.laminationActualDate,
+        printingActualDate: row.printingActualDate,
+        etchingActualDate: row.etchingActualDate,
+        slittingPackingActualDate: row.slittingPackingActualDate,
+        bondingActualDate: row.bondingActualDate,
+        cl60Cl822ActualDate: row.cl60Cl822ActualDate,
+        spottingActualDate: row.spottingActualDate,
+        encodingActualDate: row.encodingActualDate,
+        dieCutActualDate: row.dieCutActualDate,
+        inspectionActualDate: row.inspectionActualDate,
+        deliveryPackageActualDate: row.deliveryPackageActualDate,
+        updateBy: this.$store.state.user.name
+      }))
+      batchUpdateProofTrackingPlan({
+        updateBy: this.$store.state.user.name,
+        rows: payloadRows
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.$message.success('批量修改成功')
+          this.batchEditMode = false
+          this.getDataList()
+        } else {
+          this.$message.error(data.msg || '批量修改失败')
+        }
+      }).catch(() => {
+        this.$message.error('批量修改异常')
+      })
+    },
+    openProcessDialog (row, processCol) {
+      if (!row || !processCol) {
+        return
+      }
+      this.currentRow = row
+      this.processForm = {
+        trackingId: row.trackingId,
+        processCode: processCol.code,
+        processName: processCol.label,
+        status: row[processCol.statusField] || '未完成',
+        actualDate: row[processCol.actualField] || '',
+        remark: ''
+      }
+      this.processHistoryRows = []
+      this.processDialogVisible = true
+      this.loadProcessHistory(row, processCol, true)
+    },
+    submitProcessUpdate () {
+      if (!this.processForm.trackingId || !this.processForm.processCode) {
+        this.$message.error('参数缺失')
+        return
+      }
+      if (!this.processForm.status) {
+        this.$message.error('请选择状态')
+        return
+      }
+      const inData = Object.assign({}, this.processForm, {
+        updateBy: this.$store.state.user.name
+      })
+      this.saveProcessLoading = true
+      updateProofTrackingProcess(inData).then(({ data }) => {
+        this.saveProcessLoading = false
+        if (data && data.code === 0) {
+          this.$message.success('工序更新成功')
+          this.processDialogVisible = false
+          this.processHistoryMap = {}
+          this.getDataList()
+        } else {
+          this.$message.error(data.msg || '工序更新失败')
+        }
+      }).catch(() => {
+        this.saveProcessLoading = false
+        this.$message.error('工序更新异常')
+      })
+    },
+    finishProof (row) {
+      const current = row || this.currentRow
+      if (!current || !current.trackingId) {
+        this.$message.warning('请先选择记录')
+        return
+      }
+      this.finishForm = {
+        trackingId: current.trackingId,
+        actualityDeliveryDate: current.actualityDeliveryDate || this.formatDate(new Date())
+      }
+      this.finishDialogVisible = true
+    },
+    submitFinishProof () {
+      if (!this.finishForm.trackingId) {
+        this.$message.warning('跟踪记录ID不能为空')
+        return
+      }
+      if (!this.finishForm.actualityDeliveryDate) {
+        this.$message.warning('请选择实际完成日期')
+        return
+      }
+      this.finishSaveLoading = true
+      finishProofTracking({
+        trackingId: this.finishForm.trackingId,
+        actualityDeliveryDate: this.finishForm.actualityDeliveryDate,
+        updateBy: this.$store.state.user.name
+      }).then(({ data }) => {
+        this.finishSaveLoading = false
+        if (data && data.code === 0) {
+          this.$message.success('打样完成成功')
+          this.finishDialogVisible = false
+          this.getDataList()
+        } else {
+          this.$message.error(data.msg || '打样完成失败')
+        }
+      }).catch(() => {
+        this.finishSaveLoading = false
+        this.$message.error('打样完成异常')
+      })
+    },
+    loadProcessHistory (row, processCol, refreshDialog) {
+      if (!row || !row.trackingId) {
+        return
+      }
+      const cacheKey = `${row.trackingId}_${processCol.code}`
+      if (this.processHistoryMap[cacheKey] && this.processHistoryMap[cacheKey].length > 0) {
+        if (refreshDialog) {
+          this.processHistoryRows = this.processHistoryMap[cacheKey]
+        }
+        return
+      }
+      queryProofTrackingProcessHistory({
+        trackingId: row.trackingId,
+        processCode: processCol.code
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          const rows = data.rows || []
+          // Vue2 对对象新增 key 需要使用 $set 才能触发视图更新（tooltip 才会刷新历史列表）
+          this.$set(this.processHistoryMap, cacheKey, rows)
+          if (refreshDialog) {
+            this.processHistoryRows = rows
+          }
+        }
+      })
+    },
+    getProcessTooltip (row, processCol) {
+      if (!row || !processCol) {
+        return '-'
+      }
+      const cacheKey = row.trackingId ? `${row.trackingId}_${processCol.code}` : ''
+      const rows = this.processHistoryMap[cacheKey] || []
+
+      const dateList = []
+      const pushDate = (dateVal) => {
+        const formatted = this.formatDate(dateVal)
+        if (!formatted) {
+          return
+        }
+        if (dateList.indexOf(formatted) === -1) {
+          dateList.push(formatted)
+        }
+      }
+
+      // 先放当前实际完成日期，再放历史变更日期（实际）
+      pushDate(row[processCol.actualField])
+      rows.forEach(item => {
+        pushDate(item.newActualDate)
+        pushDate(item.oldActualDate)
+      })
+
+      if (dateList.length === 0) {
+        return '-'
+      }
+      return dateList.join('\n')
+    },
+    isProcessComplete (row, processCol) {
+      if (!row || !processCol) {
+        return false
+      }
+      const statusVal = row[processCol.statusField]
+      const status = statusVal ? String(statusVal).trim() : ''
+
+      if (!status) {
+        // 兼容历史数据：若没有状态但有实际完成日期，也按完成处理
+        return !!this.formatDate(row[processCol.actualField])
+      }
+      if (status === '未完成' || status === '进行中') {
+        return false
+      }
+      if (status === '已完成' || status === '打样完成') {
+        return true
+      }
+      return status.indexOf('完成') > -1 && status.indexOf('未') === -1
+    },
+    formatDate (val) {
+      if (!val) {
+        return ''
+      }
+      if (typeof val === 'string') {
+        return val.length > 10 ? val.substring(0, 10) : val
+      }
+      const date = new Date(val)
+      if (isNaN(date.getTime())) {
+        return ''
+      }
+      const y = date.getFullYear()
+      const m = `${date.getMonth() + 1}`.padStart(2, '0')
+      const d = `${date.getDate()}`.padStart(2, '0')
+      return `${y}-${m}-${d}`
+    },
+    formatDateTime (val) {
+      if (!val) {
+        return ''
+      }
+      if (typeof val === 'string') {
+        return val.length > 19 ? val.substring(0, 19) : val
+      }
+      const date = new Date(val)
+      if (isNaN(date.getTime())) {
+        return ''
+      }
+      const y = date.getFullYear()
+      const m = `${date.getMonth() + 1}`.padStart(2, '0')
+      const d = `${date.getDate()}`.padStart(2, '0')
+      const hh = `${date.getHours()}`.padStart(2, '0')
+      const mm = `${date.getMinutes()}`.padStart(2, '0')
+      const ss = `${date.getSeconds()}`.padStart(2, '0')
+      return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
+    }
+  }
+}
+</script>
+
+<style >
+.data-table .cell {
+  line-height: 26px;
+  font-size: 12px;
+  height: 26px;
+}
+
+.search-form {
+  margin-bottom: 0;
+}
+
+.button-group-col {
+  width: 100%;
+  margin-top: 16px;
+}
+
+.button-row {
+  width: 100%;
+  flex-wrap: wrap;
+}
+
+.button-col {
+  margin-bottom: 8px;
+}
+
+.button-col .el-button {
+  width: 100%;
+}
+
+.one-key-grid-form {
+  padding: 0 8px;
+}
+
+.one-key-grid-form .el-form-item {
+  margin-bottom: 10px;
+}
+
+.proof-grid-form {
+  padding: 0 8px;
+}
+
+.proof-grid-form .el-form-item {
+  margin-bottom: 10px;
+}
+
+.big-label a {
+  color: #35b4b4;
+}
+
+.process-cell {
+  background: #fff;
+  min-height: 44px;
+  padding: 4px 2px;
+}
+
+.process-cell.is-complete {
+  background: #ececec;
+}
+
+.process-cell.is-complete .link-date {
+  color: #8c8c8c;
+}
+
+.process-cell.is-complete .link-date:hover,
+.process-cell.is-complete .link-date:focus {
+  color: #8c8c8c;
+}
+
+.process-content {
+  cursor: pointer;
+  text-align: center;
+  line-height: 18px;
+}
+
+.process-date-tooltip {
+  white-space: pre-line;
+}
+
+.link-date {
+  color: #0c4dbb;
+  text-decoration: none;
+}
+
+.link-date:hover,
+.link-date:focus {
+  text-decoration: none;
+}
+
+.actual-date {
+  margin-top: 2px;
+  color: #666;
+}
+
+.finish-dialog-tip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+  padding: 8px 10px;
+  border-radius: 4px;
+  background: #f4f8ff;
+  color: #3a4b5f;
+  font-size: 12px;
+}
+
+.finish-dialog-tip i {
+  color: #409eff;
+}
+
+.finish-proof-dialog .el-dialog__body {
+  padding-bottom: 8px;
+}
+
+.finish-form .el-form-item {
+  margin-bottom: 14px;
+}
+
+.action-link {
+  color: #0c4dbb;
+  margin: 0 6px;
+  cursor: pointer;
+}
+
+.end-link {
+  color: #d9001b;
+}
+</style>
+