From 0f0a26124c7cb8e820175b302c49da7ca6b28400 Mon Sep 17 00:00:00 2001
From: zhangdi <1104545947@qq.com>
Date: Sat, 11 Apr 2026 12:40:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E8=BF=BD=E6=BA=AF=E7=BB=B4?=
 =?UTF-8?q?=E6=8A=A4=E5=92=8C=E7=94=B5=E5=AD=90=E6=A1=A3=E6=A1=88=E7=BB=B4?=
 =?UTF-8?q?=E6=8A=A4=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/zhgd-work/eleFilesEdit.js             |  80 +++
 src/api/zhgd-work/retrospectDefend.js         |  37 ++
 .../eleFilesEdit/components/selectPlan.vue    |  56 ++
 .../eleFilesEdit/components/selectRec.vue     |  56 ++
 .../zhgd-work/eleFilesEdit/sintering.vue      | 531 +++++++++++++++++-
 .../eleFilesEdit/tableProcessing.vue          | 252 +++++++--
 .../components/oneRetrospectDefend.vue        | 375 +++++++++++--
 .../components/twoRetrospectDefend.vue        | 299 +++++++++-
 .../zhgd-work/retrospectDefend/index.vue      |  26 +-
 9 files changed, 1606 insertions(+), 106 deletions(-)
 create mode 100644 src/api/zhgd-work/eleFilesEdit.js
 create mode 100644 src/api/zhgd-work/retrospectDefend.js
 create mode 100644 src/views/zhgd-work/eleFilesEdit/components/selectPlan.vue
 create mode 100644 src/views/zhgd-work/eleFilesEdit/components/selectRec.vue

diff --git a/src/api/zhgd-work/eleFilesEdit.js b/src/api/zhgd-work/eleFilesEdit.js
new file mode 100644
index 0000000..a967cd3
--- /dev/null
+++ b/src/api/zhgd-work/eleFilesEdit.js
@@ -0,0 +1,80 @@
+import request from '@/axios';
+
+// 查询订单的工序信息  /
+export const getWorkOrderProcess = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/getWorkOrderProcess',
+        method: 'get',
+        params: params,
+    });
+};
+// 查询订单工序的绑定记录  
+export const getProcessBingingRec = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/getProcessBingingRec',
+        method: 'get',
+        params: params,
+    });
+};
+
+// 表处理模块  删除  
+export const deletedProduceRun = (data) => {
+    return request({
+        url: '/blade-desk/processMaintenance/deletedProduceRun',
+        method: 'post',
+        data: data,
+    });
+};
+
+// 根据工序查询模板  
+export const getRbFilePreserveByWpId = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/getRbFilePreserveByWpId',
+        method: 'get',
+        params: params,
+    });
+};
+
+// 获取设备卡片  
+export const queryEquipmentCard = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/queryEquipmentCard',
+        method: 'get',
+        params: params,
+    });
+};
+
+// 根据同槽编号查询记录数据-热表
+export const getDataByMtnCodeRb = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/getDataByMtnCodeRb',
+        method: 'get',
+        params: params,
+    });
+};
+// 根据同槽编号查询记录数据-烧结
+export const getDataByMtnCodeSj = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/getDataByMtnCodeSj',
+        method: 'get',
+        params: params,
+    });
+};
+
+// 根据模板获取数据  /
+export const getByRfpId = (params) => {
+    return request({
+        url: '/blade-desk/processMaintenance/getByRfpId',
+        method: 'get',
+        params: params,
+    });
+};
+
+// 电子档案维护  
+export const eleFilesEdit = (data) => {
+    return request({
+        url: '/blade-desk/processMaintenance/eleFilesEdit',
+        method: 'post',
+        data: data,
+    });
+};
\ No newline at end of file
diff --git a/src/api/zhgd-work/retrospectDefend.js b/src/api/zhgd-work/retrospectDefend.js
new file mode 100644
index 0000000..5716fb3
--- /dev/null
+++ b/src/api/zhgd-work/retrospectDefend.js
@@ -0,0 +1,37 @@
+import request from '@/axios';
+
+export const loadCurrentWp = (params) => {
+  return request({
+    url: '/blade-desk/prMakeRec/loadCurrentWp',
+    method: 'get',
+    params:params
+  });
+};
+
+// 首次维护
+export const saveRetrospectDefend = (data) => {
+  return request({
+    url: '/blade-desk/processMaintenance/saveRetrospectDefend',
+    method: 'post',
+    data:data
+  });
+};
+
+// 后续维护保存 
+export const remarryRedeemSaveRetrospectDefend = (data) => {
+  return request({
+    url: '/blade-desk/processMaintenance/remarryRedeemSaveRetrospectDefend',
+    method: 'post',
+    data:data
+  });
+};
+
+// 根据物料查询信息  
+export const getDataByMtnCodeRb = (params) => {
+  return request({
+    url: '/blade-desk/processMaintenance/getMaterialMess',
+    method: 'get',
+    params:params
+  });
+};
+
diff --git a/src/views/zhgd-work/eleFilesEdit/components/selectPlan.vue b/src/views/zhgd-work/eleFilesEdit/components/selectPlan.vue
new file mode 100644
index 0000000..c034445
--- /dev/null
+++ b/src/views/zhgd-work/eleFilesEdit/components/selectPlan.vue
@@ -0,0 +1,56 @@
+
+<template>
+  <el-dialog v-drag v-if="isOpen" :modelValue="isOpen" :before-close="cancel" :def-width="'400px'" :modal="false" title="选择工序" close-on-click-modal append-to-body @opened="open">
+    <el-radio-group v-model="itemObj" @change="radioBoxChange">
+      <el-radio-button v-for="(itemObj, index) in prWorkPlanList" :key="index" :label="itemObj" border>{{ itemObj.orders+" - "+itemObj.ppsName }}</el-radio-button>
+    </el-radio-group>
+  </el-dialog>
+</template>
+<script>
+export default {
+  components: {},
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    prWorkPlanList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      checkedList: [],
+      itemObj: {}
+    };
+  },
+  methods: {
+    open() {
+      this.checkedList = [];
+      this.prWorkPlanList.forEach((item) => {
+        this.checkedList.push(true);
+      });
+    },
+    submitFun() {
+      this.cancel(true);
+    },
+    radioBoxChange(itemObj) {
+      this.$emit('cancel', true, itemObj);
+    },
+    cancel(refresh) {
+      this.$emit('cancel', false, null);
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+:deep(.el-radio-group) {
+  display: flex;
+  flex-direction: column;
+  padding-left: 26px;
+  :deep(.el-radio-button) {
+    padding: 8px;
+  }
+}
+</style>
diff --git a/src/views/zhgd-work/eleFilesEdit/components/selectRec.vue b/src/views/zhgd-work/eleFilesEdit/components/selectRec.vue
new file mode 100644
index 0000000..df8c703
--- /dev/null
+++ b/src/views/zhgd-work/eleFilesEdit/components/selectRec.vue
@@ -0,0 +1,56 @@
+
+<template>
+  <el-dialog v-drag v-if="isOpen" :modelValue="isOpen" :before-close="cancel" :def-width="'620px'" :modal="false" title="选择绑定记录" close-on-click-modal append-to-body @opened="open">
+    <el-radio-group v-model="itemObj" @change="radioBoxChange">
+      <el-radio-button v-for="(itemObj, index) in recList" :key="index" :label="itemObj" border>{{ itemObj.code+' 设备:'+(itemObj.deviceCode ?itemObj.deviceCode:'') +' 飞跋:'+(itemObj.fsCode ? itemObj.bsFeiBaSet.fsCode:'') +' 挂具:'+(itemObj.rsCode ?itemObj.rsCode:'') }}</el-radio-button>
+    </el-radio-group>
+  </el-dialog>
+</template>
+<script>
+export default {
+  components: {},
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    recList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      checkedList: [],
+      itemObj: {}
+    };
+  },
+  methods: {
+    open() {
+      this.checkedList = [];
+      this.recList.forEach((item) => {
+        this.checkedList.push(true);
+      });
+    },
+    submitFun() {
+      this.cancel(true);
+    },
+    radioBoxChange(itemObj) {
+      this.$emit('cancel', true, itemObj.code);
+    },
+    cancel(refresh) {
+      this.$emit('cancel', false, null);
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+:deep(.el-radio-group) {
+  display: flex;
+  flex-direction: column;
+  padding-left: 26px;
+  .el-radio-button {
+    padding: 8px;
+  }
+}
+</style>
diff --git a/src/views/zhgd-work/eleFilesEdit/sintering.vue b/src/views/zhgd-work/eleFilesEdit/sintering.vue
index fe7bc7c..f83ce8c 100644
--- a/src/views/zhgd-work/eleFilesEdit/sintering.vue
+++ b/src/views/zhgd-work/eleFilesEdit/sintering.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content-box">
     <el-form ref="form" inline @submit.native.prevent>
       <el-row>
         <el-col :span="8">
@@ -16,6 +16,22 @@
         <el-col :span="8">
           <el-form-item v-limits="'RB250906'" label="设备编码：" prop="ecId">
             <!-- <equipment-card v-model="ecId" clearable /> -->
+            <jhSelect
+              :value="ecId"
+              @input="val => (ecId = val)"
+              placeholder="请搜索选择"
+              api-url="/blade-desk/processMaintenance/queryEquipmentCard"
+              echo-api="/blade-desk/processMaintenance/queryEquipmentCard"
+              echoParamsKey="ids"
+              echo-method="get"
+              api-method="get"
+              list-key="records"
+              total-key="total"
+              label-key="deviceCode"
+              value-key="id"
+              search-key="deviceCode"
+              :debounce-time="500"
+            />
           </el-form-item>
         </el-col>
         <el-form-item>
@@ -52,18 +68,372 @@
           >新增记录</el-button
         >
       </div>
+      <div class="tableBox">
+        <table id="cus-table" border style="width: 100%">
+          <!-- 玻璃封接（链式炉） 玻璃饼排蜡玻化-->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              (itemObj.ppsName == '玻璃封接（链式炉）' ||
+                itemObj.ppsName == '玻璃饼排蜡玻化')
+            "
+          >
+            <!-- <template> -->
+            <tr>
+              <td>数量</td>
+              <!-- 玻璃封接（链式炉） 封接温度     玻璃饼排蜡玻化 玻化温度-->
+              <td>
+                {{ itemObj.ppsName == '玻璃封接（链式炉）' ? '封接温度' : '玻化温度' }}
+              </td>
+              <td colspan="3">入炉时间</td>
+              <td colspan="3">出炉时间</td>
+              <td>链速</td>
+            </tr>
+            <template>
+              <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+                <td>
+                  <el-input v-model="prLItem.dataThree" placeholder="请输入内容" />
+                </td>
+                <td>
+                  <el-input v-model="prLItem.tempSlot" placeholder="请输入内容" />
+                </td>
+                <td colspan="3">
+                  <el-input v-model="prLItem.inDate" placeholder="请输入日期时间" />
+                </td>
+                <td colspan="3">
+                  <el-input v-model="prLItem.outDate" placeholder="请输入日期时间" />
+                </td>
+                <td>
+                  <el-input v-model="prLItem.vSpeed" placeholder="请输入内容" />
+                </td>
+              </tr>
+            </template>
+          </template>
+
+          <!-- 玻璃封接（真空炉） 玻璃封接退火 玻璃封接预氧化（箱式炉）-->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              (itemObj.ppsName == '玻璃封接（真空炉）' ||
+                itemObj.ppsName == '玻璃封接退火' ||
+                itemObj.ppsName == '玻璃封接预氧化（箱式炉）')
+            "
+          >
+            <!-- <template> -->
+            <tr>
+              <td>数量</td>
+              <td colspan="2">入炉时间</td>
+              <td colspan="2">保温开始时间</td>
+              <!-- 玻璃封接（真空炉）封接温度 -->
+              <!-- 玻璃封接退火  退火温度 -->
+              <!-- 玻璃封接预氧化（箱式炉） 保温温度 -->
+              <td>
+                {{
+                  itemObj.ppsName == '玻璃封接（真空炉）'
+                    ? '封接温度'
+                    : itemObj.ppsName == '玻璃封接退火'
+                    ? '退火温度'
+                    : '保温温度'
+                }}
+              </td>
+              <td colspan="2">保温结束时间</td>
+              <!-- 玻璃封接预氧化（箱式炉）去掉 -->
+              <td v-if="itemObj.ppsName != '玻璃封接预氧化（箱式炉）'">
+                最小真空度(Pa)
+              </td>
+              <td colspan="2">出炉时间</td>
+            </tr>
+            <template>
+              <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+                <td>
+                  <el-input v-model="prLItem.dataThree" placeholder="请输入内容" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.inDate" placeholder="请输入日期时间" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.dataThirteen" placeholder="请输入内容" />
+                </td>
+                <td>
+                  <el-input v-model="prLItem.tempSlot" placeholder="请输入内容" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.dataTwelve" placeholder="请输入日期时间" />
+                </td>
+                <td v-if="itemObj.ppsName != '玻璃封接预氧化（箱式炉）'">
+                  <el-input v-model="prLItem.dataFourteen" placeholder="请输入内容" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.outDate" placeholder="请输入日期时间" />
+                </td>
+              </tr>
+            </template>
+          </template>
+
+          <!-- 玻璃封接灌胶 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '玻璃封接灌胶'
+            "
+          >
+            <!-- <template> -->
+            <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+              <td>烘干</td>
+              <td>开始时间</td>
+              <td colspan="2">
+                <el-input v-model="prLItem.inDate" placeholder="请输入日期时间" />
+              </td>
+              <td>结束时间</td>
+              <td colspan="2">
+                <el-input v-model="prLItem.outDate" placeholder="请输入日期时间" />
+              </td>
+              <td>烘箱温度(℃)</td>
+              <td>
+                <el-input v-model="prLItem.tempSlot" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+
+          <!-- 玻璃封接清洗 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '玻璃封接清洗'
+            "
+          >
+            <!-- <template> -->
+            <tr v-if="qcProduceRunList[0]">
+              <td>清洗</td>
+              <td>开始时间</td>
+              <td colspan="2">
+                <el-input v-model="qcProduceRunList[0].inDate" placeholder="请输入日期时间" />
+              </td>
+              <td>结束时间</td>
+              <td colspan="2">
+                <el-input v-model="qcProduceRunList[0].outDate" placeholder="请输入日期时间" />
+              </td>
+              <td>温度(℃)</td>
+              <td>
+                <el-input v-model="qcProduceRunList[0].tempSlot" placeholder="请输入内容" />
+              </td>
+            </tr>
+            <tr v-if="qcProduceRunList[1]">
+              <td>烘干</td>
+              <td>开始时间</td>
+              <td colspan="2">
+                <el-input v-model="qcProduceRunList[1].inDate" placeholder="请输入日期时间" />
+              </td>
+              <td>结束时间</td>
+              <td colspan="2">
+                <el-input v-model="qcProduceRunList[1].outDate" placeholder="请输入日期时间" />
+              </td>
+              <td>烘箱温度(℃)</td>
+              <td>
+                <el-input v-model="qcProduceRunList[1].tempSlot" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+
+          <!-- 玻璃封接预氧化（链式炉） -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '玻璃封接预氧化（链式炉）'
+            "
+          >
+            <!-- <template> -->
+            <tr>
+              <td>数量</td>
+              <td colspan="2">湿氮预氧化温度(℃)</td>
+              <td>露点</td>
+              <td colspan="2">入炉时间</td>
+              <td colspan="2">出炉时间</td>
+              <td>链速</td>
+            </tr>
+            <template>
+              <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+                <td>
+                  <el-input v-model="prLItem.dataThree" placeholder="请输入内容" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.tempSlot" placeholder="请输入内容" />
+                </td>
+                <td>
+                  <el-input v-model="prLItem.dataEleven" placeholder="请输入内容" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.inDate" placeholder="请输入日期时间" />
+                </td>
+                <td colspan="2">
+                  <el-input v-model="prLItem.outDate" placeholder="请输入日期时间" />
+                </td>
+                <td>
+                  <el-input v-model="prLItem.vSpeed" placeholder="请输入内容" />
+                </td>
+              </tr>
+            </template>
+          </template>
+          <!-- 石墨模焙烧 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '石墨模焙烧'
+            "
+          >
+            <!-- <template> -->
+            <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+              <td>温度(℃)</td>
+              <td colspan="2">
+                <el-input v-model="prLItem.tempSlot" placeholder="请输入内容" />
+              </td>
+              <td>链速(mm/min)</td>
+              <td colspan="2">
+                <el-input v-model="prLItem.vSpeed" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+          <!-- 石墨模烘干 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '石墨模烘干'
+            "
+          >
+            <!-- <template> -->
+            <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+              <td>温度(℃)</td>
+              <td colspan="2">
+                <el-input v-model="prLItem.tempSlot" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+
+          <!-- 玻璃饼压制 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '玻璃饼压制'
+            "
+          >
+            <!-- <template> -->
+            <tr>
+              <td colspan="2">玻璃粉牌号</td>
+              <td colspan="2">玻璃粉检验编号</td>
+              <td colspan="2">制饼粉重(g)</td>
+              <td colspan="2">模具编号</td>
+            </tr>
+            <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+              <td colspan="2">
+                <el-input v-model="prLItem.dataFour" placeholder="请输入内容" />
+              </td>
+              <td colspan="2">
+                <el-input v-model="prLItem.dataFive" placeholder="请输入内容" />
+              </td>
+              <td colspan="2">
+                <el-input v-model="prLItem.dataSix" placeholder="请输入内容" />
+              </td>
+              <td colspan="2">
+                <el-input v-model="prLItem.dataSeven" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+          <!-- 玻璃饼印字 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '玻璃饼印字'
+            "
+          >
+            <!-- <template> -->
+            <tr>
+              <td>油墨物料号</td>
+              <td colspan="3">印字版编号</td>
+            </tr>
+            <tr v-for="(prLItem, prLIndex) in qcProduceRunList" :key="prLIndex">
+              <td>
+                <el-input v-model="prLItem.dataFour" placeholder="请输入内容" />
+              </td>
+              <td colspan="3">
+                <el-input v-model="prLItem.dataFive" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+
+          <!-- 玻璃饼振光 -->
+          <template
+            v-if="
+              qcProduceRunList != null &&
+              qcProduceRunList.length > 0 &&
+              itemObj.ppsName == '玻璃饼振光'
+            "
+          >
+            <!-- <template> -->
+            <tr v-if="qcProduceRunList[0]">
+              <td>振光</td>
+              <td colspan="2">振光针规格</td>
+              <td colspan="6">
+                <el-input v-model="qcProduceRunList[0].dataFour" placeholder="请输入内容" />
+              </td>
+            </tr>
+            <tr v-if="qcProduceRunList[1]">
+              <td>烘干</td>
+              <td>开始时间</td>
+              <td colspan="2">
+                <el-input v-model="qcProduceRunList[0].inDate" placeholder="请输入日期时间" />
+              </td>
+              <td>结束时间</td>
+              <td colspan="2">
+                <el-input v-model="qcProduceRunList[0].outDate" placeholder="请输入日期时间" />
+              </td>
+              <td>烘箱温度(℃)</td>
+              <td>
+                <el-input v-model="qcProduceRunList[0].tempSlot" placeholder="请输入内容" />
+              </td>
+            </tr>
+          </template>
+        </table>
+      </div>
     </el-card>
+
+    <select-plan
+      v-if="isOpen"
+      :is-open="isOpen"
+      :pr-work-plan-list="prWorkPlanList"
+      @cancel="cancel"
+    />
+    <select-rec v-if="recOpen" :is-open="recOpen" :rec-list="recList" @cancel="recCancel" />
   </div>
 </template>
 <script>
+import {
+  getWorkOrderProcess,
+  getProcessBingingRec,
+  getDataByMtnCodeSj,
+  deletedProduceRun,
+  eleFilesEdit,
+} from '@/api/zhgd-work/eleFilesEdit.js';
+import selectPlan from './components/selectPlan.vue';
+import selectRec from './components/selectRec.vue';
+import jhSelect from '@/components/jh-select/index.vue';
 export default {
+  components: { selectPlan, selectRec, jhSelect },
   data() {
     return {
       cardNo: '',
       qcProduceRunList: [],
       prWorkPlanList: [],
       isOpen: false,
-      itemObj: { procedureSet: {} },
+      itemObj: { },
       mtnCode: null,
       wpId: null,
       recOpen: false,
@@ -75,15 +445,160 @@ export default {
     };
   },
   methods: {
+    // 流程卡号
     async codeKeyUp() {
       if (this.cardNo) {
-        // const res = await this.$ajax.get('prWorkPlan/getWorkOrderProcess/' + this.cardNo);
-        // if (this.$ifAjax(res)) {
-        //   this.prWorkPlanList = res.data;
-        //   this.isOpen = true;
-        // }
+        getWorkOrderProcess({ cardNo: this.cardNo }).then(res => {
+          console.log(res, 'res');
+          this.prWorkPlanList = res.data.data;
+          this.isOpen = true;
+        });
       }
     },
+
+    async onSubmit() {
+      let query = {
+        mtnCode: this.mtnCode,
+        wpId: this.wpId,
+        rfpId: this.rfpId,
+        ecId: this.ecId,
+        lineType: this.lineType,
+        mesQcProduceRunEntityList: this.qcProduceRunList,
+        type: 'sintering',
+      };
+      await eleFilesEdit(query).then(res => {
+        this.$message.success('保存成功');
+        this.$refs.form.resetFields();
+        this.cardNo = '';
+        this.qcProduceRunList = [];
+        this.mtnCode = null;
+        this.wpId = null;
+        this.ecId = null;
+      });
+      // const res = await this.$ajax.post('prMakeRec/eleFilesEdit', {
+      // mtnCode: this.mtnCode,
+      // wpId: this.wpId,
+      // rfpId: this.rfpId,
+      // ecId: this.ecId,
+      // lineType: this.lineType,
+      // dataList: this.qcProduceRunList,
+      // type: 'sintering',
+      // });
+      // if (this.$ifAjax(res)) {
+      // this.$refs.form.resetFields();
+      // this.cardNo = '';
+      // this.qcProduceRunList = [];
+      // this.mtnCode = null;
+      // this.wpId = null;
+      // this.ecId = null;
+      //   this.$message.success(this.$t('global.saveOk'));
+      // }
+    },
+    async cancel(refresh, itemObj) {
+      this.mtnCode = null;
+      this.wpId = null;
+      if (!refresh) {
+        this.cardNo = '';
+      }
+      if (itemObj != null && itemObj.wpId != null) {
+        this.itemObj = itemObj;
+        this.wpId = itemObj.wpId;
+        getProcessBingingRec({ wpId: itemObj.wpId }).then(res => {
+          let data = res.data.data;
+          if (data.length > 1) {
+            // 打开弹框选择对应的绑定记录
+            this.recList = data;
+            this.recOpen = true;
+          } else if (data != null && data.length == 1) {
+            this.mtnCode = data[0].mtnCode;
+            this.getQcProduceRunList();
+          } else {
+            this.$message.warning('该工序暂无绑定信息');
+          }
+        });
+      } else {
+        this.itemObj = { procedureSet: {} };
+      }
+      this.isOpen = false;
+    },
+    recCancel(refresh, mtnCode) {
+      this.mtnCode = mtnCode;
+      if (refresh) {
+        this.getQcProduceRunList();
+      }
+      this.recOpen = false;
+    },
+    // 获取维护的电子档案数据
+    async getQcProduceRunList() {
+      getDataByMtnCodeSj({ mtnCode: this.mtnCode, wpId: this.wpId, type: 'sintering' }).then(
+        res => {
+          if (res.data.data != null && res.data.data.length > 0) {
+            this.qcProduceRunList = res.data.data;
+          } else {
+            this.$message.warning('该工序没有对应的数据');
+          }
+        }
+      );
+    },
+    insertEvent() {
+      if (this.itemObj.ppsName == '玻璃封接清洗') {
+        this.qcProduceRunList.push(
+          this.qcProduceRunList.length == 0 ? { workSlot: '清洗' } : { workSlot: '烘干' }
+        );
+      } else if (this.itemObj.ppsName == '玻璃饼振光') {
+        this.qcProduceRunList.push(
+          this.qcProduceRunList.length == 0 ? { workSlot: '振光' } : { workSlot: '烘干' }
+        );
+      } else {
+        this.qcProduceRunList.push({});
+      }
+    },
+    deletedFun() {
+      this.$confirm('是否确认删除?', '确认消息', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        deletedProduceRun({ mtnCode: this.mtnCode }).then(res => {
+          this.preserveSlotList = [];
+          this.mtnCode = null;
+          this.wpId = null;
+          this.$message.success('删除成功');
+        });
+      });
+    },
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+.content-box{
+  height: calc(100vh - 40px - 40px - 20px - 10px - 51px - 60px);
+  overflow-y: auto;
+}
+.tableBox {
+  height: 100%;
+  padding-bottom: 30px;
+  table {
+    tr {
+      page-break-inside: avoid;
+    }
+    td {
+      width: 168px;
+      height: 30px;
+      border: 1px solid #000;
+      background: transparent;
+      color: #000;
+      font-size: 14px;
+      text-align: center;
+      padding: 0;
+      margin: 0;
+      :deep(.el-input__inner) {
+        text-align: center;
+        height: 26px !important;
+        width: 80% !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/zhgd-work/eleFilesEdit/tableProcessing.vue b/src/views/zhgd-work/eleFilesEdit/tableProcessing.vue
index 179e5dd..9225a16 100644
--- a/src/views/zhgd-work/eleFilesEdit/tableProcessing.vue
+++ b/src/views/zhgd-work/eleFilesEdit/tableProcessing.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content-box">
     <el-form ref="form" inline @submit.native.prevent>
       <el-row>
         <el-col :span="8">
@@ -9,7 +9,7 @@
               v-model="cardNo"
               placeholder="请扫描流程卡号"
               @keyup.enter.native="codeKeyUp"
-              style="width: 220px;"
+              style="width: 220px"
             />
           </el-form-item>
         </el-col>
@@ -20,13 +20,13 @@
               clearable
               placeholder="请选择"
               @change="rbFilePreserveChange"
-              style="width: 220px;"
+              style="width: 220px"
             >
               <el-option
                 v-for="item in dsRbFilePreserveList"
-                :key="item.rfpId"
+                :key="item.id"
                 :label="item.name"
-                :value="item.rfpId"
+                :value="item.id"
               />
             </el-select>
           </el-form-item>
@@ -34,6 +34,22 @@
         <el-col :span="8">
           <el-form-item label="设备编码：" prop="ecId">
             <!-- <equipment-card v-model="ecId" clearable /> -->
+            <jhSelect
+              :value="ecId"
+              @input="val => (ecId = val)"
+              placeholder="请搜索选择"
+              api-url="/blade-desk/processMaintenance/queryEquipmentCard"
+              echo-api="/blade-desk/processMaintenance/queryEquipmentCard"
+              echoParamsKey="ids"
+              echo-method="get"
+              api-method="get"
+              list-key="records"
+              total-key="total"
+              label-key="deviceCode"
+              value-key="id"
+              search-key="deviceCode"
+              :debounce-time="500"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -41,37 +57,78 @@
           <el-radio v-model="lineType" :label="1">上线前</el-radio>
           <el-radio v-model="lineType" :label="3">下线后</el-radio>
           <el-button
-            v-limits="'RB251902'"
             :disabled="preserveSlotList.length == 0"
             style="margin-top: 4px"
             type="primary"
             @click="onSubmit"
             >保存</el-button
           >
-          <el-button
-            v-limits="'RB251904'"
-            :disabled="!wpId"
-            style="margin-top: 4px"
-            type="danger"
-            @click="deletedFun"
+          <el-button :disabled="!wpId" style="margin-top: 4px" type="danger" @click="deletedFun"
             >删除</el-button
           >
         </el-col>
-        <el-col :span="8"> </el-col>
       </el-row>
     </el-form>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
         <span style="color: rgb(85, 85, 243)">电子档案</span>
       </div>
-      <div class="tableBox"></div>
+      <div class="tableBox">
+        <table
+          v-if="preserveSlotList.length > 0"
+          id="cus-table"
+          cellspacing="0"
+          style="width: 100%"
+        >
+          <tr>
+            <td colspan="4">槽位/工步</td>
+            <td colspan="4">工艺要求</td>
+            <td colspan="3">实际参数</td>
+          </tr>
+          <template
+            v-for="(itemSlot, indexSlot) in preserveSlotList"
+            :key="itemSlot + indexSlot"
+          >
+            <component
+              :is="getTemplateComponent(itemSlot.rfpsType)"
+              :itemSlot="itemSlot"
+              :indexSlot="indexSlot"
+            />
+          </template>
+        </table>
+      </div>
     </el-card>
+
+    <select-plan
+      v-if="isOpen"
+      :is-open="isOpen"
+      :pr-work-plan-list="prWorkPlanList"
+      @cancel="cancel"
+    />
+    <select-rec v-if="recOpen" :is-open="recOpen" :rec-list="recList" @cancel="recCancel" />
   </div>
 </template>
 <script>
+import {
+  getWorkOrderProcess,
+  getProcessBingingRec,
+  deletedProduceRun,
+  getRbFilePreserveByWpId,
+  queryEquipmentCard,
+  getDataByMtnCodeRb,
+  getByRfpId,
+  eleFilesEdit,
+} from '@/api/zhgd-work/eleFilesEdit.js';
+import selectPlan from './components/selectPlan.vue';
+import selectRec from './components/selectRec.vue';
+import jhSelect from '@/components/jh-select/index.vue';
+import Templates from '../../qualityTemplate/index.js';
+import { getTemplateComponent } from '@/utils/templateMapper.js';
 export default {
+  components: { selectPlan, selectRec, jhSelect, ...Templates },
   data() {
     return {
+      equipmentList: [],
       cardNo: '',
       preserveSlotList: [],
       prWorkPlanList: [],
@@ -88,37 +145,162 @@ export default {
     };
   },
   methods: {
+     getTemplateComponent(type) {
+      const componentName = getTemplateComponent(type);
+      return componentName;
+    },
+    // 获取设备列表
+    queryEquipmentCard() {
+      queryEquipmentCard().then(res => {
+        this.equipmentList = res.data.data;
+      });
+    },
     // 获取电子档案维护模板
     async getRbFilePreserve(wpId) {
-      //   const res = await this.$ajax.post(
-      //     'dsRbFilePreserve/getRbFilePreserveByWpId',
-      //     {
-      //       wpId
-      //     }
-      //   );
-      //   if (this.$ifAjax(res)) {
-      //     this.dsRbFilePreserveList = res.data;
-      //   }
+      getRbFilePreserveByWpId({ wpId: wpId }).then(res => {
+        this.dsRbFilePreserveList = res.data.data;
+      });
     },
     // 流程卡号 扫描
     async codeKeyUp() {
       if (this.cardNo) {
-        // const res = await this.$ajax.get('prWorkPlan/getWorkOrderProcess/' + this.cardNo);
-        // if (this.$ifAjax(res)) {
-        //   this.prWorkPlanList = res.data;
-        //   this.isOpen = true;
-        // }
+        getWorkOrderProcess({ cardNo: this.cardNo }).then(res => {
+          console.log(res, 'res');
+          this.prWorkPlanList = res.data.data;
+          this.isOpen = true;
+        });
       }
     },
+    // 选中工序之后的操作
+    async cancel(refresh, itemObj) {
+      this.mtnCode = null;
+      this.wpId = null;
+      if (!refresh) {
+        this.cardNo = '';
+      }
+      if (itemObj != null && itemObj.wpId != null) {
+        this.itemObj = itemObj;
+        getProcessBingingRec({ wpId: itemObj.wpId }).then(res => {
+          let data = res.data.data;
+          if (data.length > 1) {
+            this.wpId = data[0].wpId;
+            // 打开弹框选择对应的绑定记录
+            this.recList = data;
+            this.recOpen = true;
+          } else if (data != null && data.length == 1) {
+            this.mtnCode = data[0].code;
+            this.wpId = data[0].wpId;
+            this.getPreserveSlotList();
+          } else {
+            this.$message.warning('该工序暂无绑定信息');
+            this.mtnCode = null;
+            this.wpId = itemObj.wpId;
+          }
+          if (refresh) {
+            this.getRbFilePreserve(itemObj.wpId);
+            this.queryEquipmentCard();
+          }
+        });
+      }
+      this.isOpen = false;
+    },
+    // 选中绑定记录
+    recCancel(refresh, mtnCode) {
+      this.mtnCode = mtnCode;
+      if (refresh) {
+        this.getPreserveSlotList();
+      }
+      this.recOpen = false;
+    },
     // 模板选择
     async rbFilePreserveChange() {
-      //   const res = await this.$ajax.get('dsRbFilePreserveSlot/getByRfpId/' + this.rfpId);
-      //   if (this.$ifAjax(res)) {
-      //     this.mtnCode = null;
-      //     const { preserveSlotList } = res.data;
-      //     this.preserveSlotList = preserveSlotList;
-      //   }
+      getByRfpId({ rfpId: this.rfpId }).then(res => {
+        this.mtnCode = null;
+        this.preserveSlotList = res.data.data;
+      });
+    },
+
+    deletedFun() {
+      this.$confirm('是否确认删除?', '确认消息', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        deletedProduceRun({ mtnCode: this.mtnCode }).then(res => {
+          this.preserveSlotList = [];
+          this.mtnCode = null;
+          this.wpId = null;
+          this.$message.success('删除成功');
+        });
+      });
+    },
+    // 获取维护的电子档案数据
+    async getPreserveSlotList() {
+      getDataByMtnCodeRb({ mtnCode: this.mtnCode, wpId: this.wpId }).then(res => {
+        let data = res.data.data;
+        if (data != null && data.length > 0) {
+          this.preserveSlotList = data;
+        } else {
+          this.mtnCode = null;
+          this.$message.warning('该工序暂无绑定信息');
+        }
+      });
+    },
+    async onSubmit() {
+      let query = {
+        mtnCode: this.mtnCode,
+        wpId: this.wpId,
+        rfpId: this.rfpId,
+        ecId: this.ecId,
+        lineType: this.lineType,
+        produceMonitorFileSlotVOList: this.preserveSlotList,
+        type: 'tableProcessing',
+      };
+      await eleFilesEdit(query).then(res => {
+        this.$message.success('保存成功');
+        this.$refs.form.resetFields();
+        this.cardNo = '';
+        this.preserveSlotList = [];
+        this.mtnCode = null;
+        this.wpId = null;
+        this.rfpId = null;
+        this.ecId = null;
+        this.lineType = null;
+      });
     },
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss">
+.content-box{
+  height: calc(100vh - 40px - 40px - 20px - 10px - 51px - 60px);
+  overflow-y: auto;
+}
+.tableBox {
+  height: 100%;
+  overflow: auto;
+  padding-bottom: 30px;
+  table {
+    tr {
+      page-break-inside: avoid;
+    }
+    td {
+      width: 168px;
+      height: 30px;
+      border: 1px solid #000;
+      background: transparent;
+      color: #000;
+      font-size: 14px;
+      text-align: center;
+      padding: 0;
+      margin: 0;
+      :deep(.el-input__inner) {
+        text-align: center;
+        height: 26px !important;
+        width: 80% !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/zhgd-work/retrospectDefend/components/oneRetrospectDefend.vue b/src/views/zhgd-work/retrospectDefend/components/oneRetrospectDefend.vue
index c858e1d..1caedff 100644
--- a/src/views/zhgd-work/retrospectDefend/components/oneRetrospectDefend.vue
+++ b/src/views/zhgd-work/retrospectDefend/components/oneRetrospectDefend.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content-box">
     <el-form ref="form" inline @submit.native.prevent>
       <el-row>
         <el-col :span="5">
@@ -64,6 +64,22 @@
           <el-col :span="6">
             <el-form-item label="设备编码：" prop="ecId">
               <!-- <equipment-card v-model="formData.ecId" clearable /> -->
+              <jhSelect
+                :value="ecId"
+                @input="val => (ecId = val)"
+                placeholder="请搜索选择"
+                api-url="/blade-desk/processMaintenance/queryEquipmentCard"
+                echo-api="/blade-desk/processMaintenance/queryEquipmentCard"
+                echoParamsKey="ids"
+                echo-method="get"
+                api-method="get"
+                list-key="records"
+                total-key="total"
+                label-key="deviceCode"
+                value-key="id"
+                search-key="deviceCode"
+                :debounce-time="500"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -86,11 +102,46 @@
           </el-col>
         </el-row>
       </el-form>
+      <div class="tableBox">
+        <table
+          v-if="preserveSlotList.length > 0"
+          id="cus-table"
+          cellspacing="0"
+          style="width: 100%"
+        >
+          <tr>
+            <td colspan="4">槽位/工步</td>
+            <td colspan="4">工艺要求</td>
+            <td colspan="3">实际参数</td>
+          </tr>
+          <template v-for="(itemSlot, indexSlot) in preserveSlotList" :key="itemSlot + indexSlot">
+            <component
+              :is="getTemplateComponent(itemSlot.rfpsType)"
+              :itemSlot="itemSlot"
+              :indexSlot="indexSlot"
+            />
+          </template>
+        </table>
+      </div>
     </el-card>
   </div>
 </template>
 <script>
+import {
+  loadCurrentWp,
+  saveRetrospectDefend,
+  getDataByMtnCodeRb,
+} from '@/api/zhgd-work/retrospectDefend.js';
+import { getByRfpId, getRbFilePreserveByWpId } from '@/api/zhgd-work/eleFilesEdit.js';
+import Templates from '../../../qualityTemplate/index.js';
+import { getTemplateComponent } from '@/utils/templateMapper.js';
+import jhSelect from '@/components/jh-select/index.vue';
 export default {
+  components: {
+    ...Templates,
+    jhSelect,
+  },
+
   data() {
     return {
       cardNo: '',
@@ -107,6 +158,189 @@ export default {
     };
   },
   methods: {
+    getTemplateComponent(type) {
+      const componentName = getTemplateComponent(type);
+      return componentName;
+    },
+    getMaterialMess(itemChild, itemSlot) {
+      if (itemChild.paramValue) {
+        getDataByMtnCodeRb({ rlsId: itemChild.paramValue }).then(res => {
+          const { coGoods } = res.data.data;
+          if (coGoods) {
+            const { goodsCode, goodsName, checkoutCode, releasenoTime } = coGoods;
+            if (itemSlot.rfpsType == 5) {
+              // 模板六
+              itemSlot.childrenList[1].paramValue = goodsCode;
+              itemSlot.childrenList[2].paramValue = goodsName;
+              itemSlot.childrenList[3].paramValue = checkoutCode;
+              itemSlot.childrenList[4].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 6) {
+              // 模板六
+              itemSlot.childrenList[2].paramValue = goodsCode;
+              itemSlot.childrenList[3].paramValue = goodsName;
+              itemSlot.childrenList[4].paramValue = checkoutCode;
+              itemSlot.childrenList[5].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 13) {
+              // 模板十三
+              itemSlot.childrenList[0].paramValue = goodsCode;
+              itemSlot.childrenList[1].paramValue = goodsName;
+              itemSlot.childrenList[2].paramValue = checkoutCode;
+              itemSlot.childrenList[3].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 14) {
+              // 模板十四
+              if (itemChild.detailIndex == 5) {
+                itemSlot.childrenList[4].paramValue = goodsCode;
+                itemSlot.childrenList[5].paramValue = goodsName;
+                itemSlot.childrenList[6].paramValue = checkoutCode;
+                itemSlot.childrenList[7].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 9) {
+                itemSlot.childrenList[8].paramValue = goodsCode;
+                itemSlot.childrenList[9].paramValue = goodsName;
+                itemSlot.childrenList[10].paramValue = checkoutCode;
+                itemSlot.childrenList[11].paramValue = releasenoTime;
+              }
+            } else if (itemSlot.rfpsType == 15) {
+              // 模板十五
+              if (itemChild.detailIndex == 7) {
+                itemSlot.childrenList[6].paramValue = goodsCode;
+                itemSlot.childrenList[7].paramValue = goodsName;
+                itemSlot.childrenList[8].paramValue = checkoutCode;
+                itemSlot.childrenList[9].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 11) {
+                itemSlot.childrenList[10].paramValue = goodsCode;
+                itemSlot.childrenList[11].paramValue = goodsName;
+                itemSlot.childrenList[12].paramValue = checkoutCode;
+                itemSlot.childrenList[13].paramValue = releasenoTime;
+              }
+            } else if (itemSlot.rfpsType == 16) {
+              // 模板十六
+              if (itemChild.detailIndex == 5) {
+                itemSlot.childrenList[4].paramValue = goodsCode;
+                itemSlot.childrenList[5].paramValue = goodsName;
+                itemSlot.childrenList[6].paramValue = checkoutCode;
+                itemSlot.childrenList[7].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 9) {
+                itemSlot.childrenList[8].paramValue = goodsCode;
+                itemSlot.childrenList[9].paramValue = goodsName;
+                itemSlot.childrenList[10].paramValue = checkoutCode;
+                itemSlot.childrenList[11].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 13) {
+                itemSlot.childrenList[12].paramValue = goodsCode;
+                itemSlot.childrenList[13].paramValue = goodsName;
+                itemSlot.childrenList[14].paramValue = checkoutCode;
+                itemSlot.childrenList[15].paramValue = releasenoTime;
+              }
+            } else if (itemSlot.rfpsType == 17) {
+              // 模板十七
+              itemSlot.childrenList[4].paramValue = goodsCode;
+              itemSlot.childrenList[5].paramValue = goodsName;
+              itemSlot.childrenList[6].paramValue = checkoutCode;
+              itemSlot.childrenList[7].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 19) {
+              // 模板十九
+              itemSlot.childrenList[0].paramValue = goodsCode;
+              itemSlot.childrenList[1].paramValue = goodsName;
+              itemSlot.childrenList[2].paramValue = checkoutCode;
+              itemSlot.childrenList[3].paramValue = releasenoTime;
+            }
+          }
+        });
+        // this.$ajax
+        //   .post('prMakeRec/getMaterialMessById', {
+        //     rlsId: itemChild.paramValue,
+        //   })
+        //   .then(res => {
+        //     if (this.$ifAjax(res)) {
+        //   const { coGoods } = res.data;
+        //   if (coGoods) {
+        //     const { goodsCode, goodsName, checkoutCode, releasenoTime } = coGoods;
+        //     if (itemSlot.rfpsType == 5) {
+        //       // 模板六
+        //       itemSlot.childrenList[1].paramValue = goodsCode;
+        //       itemSlot.childrenList[2].paramValue = goodsName;
+        //       itemSlot.childrenList[3].paramValue = checkoutCode;
+        //       itemSlot.childrenList[4].paramValue = releasenoTime;
+        //     } else if (itemSlot.rfpsType == 6) {
+        //       // 模板六
+        //       itemSlot.childrenList[2].paramValue = goodsCode;
+        //       itemSlot.childrenList[3].paramValue = goodsName;
+        //       itemSlot.childrenList[4].paramValue = checkoutCode;
+        //       itemSlot.childrenList[5].paramValue = releasenoTime;
+        //     } else if (itemSlot.rfpsType == 13) {
+        //       // 模板十三
+        //       itemSlot.childrenList[0].paramValue = goodsCode;
+        //       itemSlot.childrenList[1].paramValue = goodsName;
+        //       itemSlot.childrenList[2].paramValue = checkoutCode;
+        //       itemSlot.childrenList[3].paramValue = releasenoTime;
+        //     } else if (itemSlot.rfpsType == 14) {
+        //       // 模板十四
+        //       if (itemChild.detailIndex == 5) {
+        //         itemSlot.childrenList[4].paramValue = goodsCode;
+        //         itemSlot.childrenList[5].paramValue = goodsName;
+        //         itemSlot.childrenList[6].paramValue = checkoutCode;
+        //         itemSlot.childrenList[7].paramValue = releasenoTime;
+        //       } else if (itemChild.detailIndex == 9) {
+        //         itemSlot.childrenList[8].paramValue = goodsCode;
+        //         itemSlot.childrenList[9].paramValue = goodsName;
+        //         itemSlot.childrenList[10].paramValue = checkoutCode;
+        //         itemSlot.childrenList[11].paramValue = releasenoTime;
+        //       }
+        //     } else if (itemSlot.rfpsType == 15) {
+        //       // 模板十五
+        //       if (itemChild.detailIndex == 7) {
+        //         itemSlot.childrenList[6].paramValue = goodsCode;
+        //         itemSlot.childrenList[7].paramValue = goodsName;
+        //         itemSlot.childrenList[8].paramValue = checkoutCode;
+        //         itemSlot.childrenList[9].paramValue = releasenoTime;
+        //       } else if (itemChild.detailIndex == 11) {
+        //         itemSlot.childrenList[10].paramValue = goodsCode;
+        //         itemSlot.childrenList[11].paramValue = goodsName;
+        //         itemSlot.childrenList[12].paramValue = checkoutCode;
+        //         itemSlot.childrenList[13].paramValue = releasenoTime;
+        //       }
+        //     } else if (itemSlot.rfpsType == 16) {
+        //       // 模板十六
+        //       if (itemChild.detailIndex == 5) {
+        //         itemSlot.childrenList[4].paramValue = goodsCode;
+        //         itemSlot.childrenList[5].paramValue = goodsName;
+        //         itemSlot.childrenList[6].paramValue = checkoutCode;
+        //         itemSlot.childrenList[7].paramValue = releasenoTime;
+        //       } else if (itemChild.detailIndex == 9) {
+        //         itemSlot.childrenList[8].paramValue = goodsCode;
+        //         itemSlot.childrenList[9].paramValue = goodsName;
+        //         itemSlot.childrenList[10].paramValue = checkoutCode;
+        //         itemSlot.childrenList[11].paramValue = releasenoTime;
+        //       } else if (itemChild.detailIndex == 13) {
+        //         itemSlot.childrenList[12].paramValue = goodsCode;
+        //         itemSlot.childrenList[13].paramValue = goodsName;
+        //         itemSlot.childrenList[14].paramValue = checkoutCode;
+        //         itemSlot.childrenList[15].paramValue = releasenoTime;
+        //       }
+        //     } else if (itemSlot.rfpsType == 17) {
+        //       // 模板十七
+        //       itemSlot.childrenList[4].paramValue = goodsCode;
+        //       itemSlot.childrenList[5].paramValue = goodsName;
+        //       itemSlot.childrenList[6].paramValue = checkoutCode;
+        //       itemSlot.childrenList[7].paramValue = releasenoTime;
+        //     } else if (itemSlot.rfpsType == 19) {
+        //       // 模板十九
+        //       itemSlot.childrenList[0].paramValue = goodsCode;
+        //       itemSlot.childrenList[1].paramValue = goodsName;
+        //       itemSlot.childrenList[2].paramValue = checkoutCode;
+        //       itemSlot.childrenList[3].paramValue = releasenoTime;
+        //     }
+        //   }
+        // }
+        //   });
+      }
+    },
+    deleteRow(currentWpId) {
+      this.wpList.forEach((item, index) => {
+        if (item.currentWpId === currentWpId) {
+          this.wpList.splice(index, 1);
+        }
+      });
+    },
     codeKeyUp() {
       if (this.cardNo) {
         this.commonMethod(this.cardNo);
@@ -114,44 +348,75 @@ export default {
     },
     commonMethod(item) {
       if (item) {
+        loadCurrentWp({ cardNo: item }).then(res => {
+          const obj = this.wpList.find(item => {
+            return item.currentWpId == res.data.data.currentWpId;
+          });
+          if (obj != null) {
+            return this.$message.warning('此订单已存在');
+          }
+          this.dsRbFilePreserveList = [];
+          this.wpList.push(res.data);
+          this.getRbFilePreserve(res.data.currentWpId);
+        });
         // this.$ajax.get('prMakeRec/loadCurrentWp/' + item).then(res => {
         //   if (this.$ifAjax(res)) {
-        //     const obj = this.wpList.find(item => {
-        //       return item.currentWpId == res.data.currentWpId;
-        //     });
-        //     if (obj != null) {
-        //       return this.$message.warning('此订单已存在');
-        //     }
-        //     this.dsRbFilePreserveList = [];
-        //     this.wpList.push(res.data);
-        //     this.getRbFilePreserve(res.data.currentWpId);
+        // const obj = this.wpList.find(item => {
+        //   return item.currentWpId == res.data.currentWpId;
+        // });
+        // if (obj != null) {
+        //   return this.$message.warning('此订单已存在');
+        // }
+        // this.dsRbFilePreserveList = [];
+        // this.wpList.push(res.data);
+        // this.getRbFilePreserve(res.data.currentWpId);
         //   }
         // });
       }
     },
     codeKeyUpMtnCode() {
       if (this.mtnCode) {
-        // this.$ajax.get('prMacToolUse/loadPrMacToolUseByMtnCode/' + this.mtnCode).then((res) => {
-        //   if (this.$ifAjax(res)) {
-        //     console.log(res);
-        //     const list = res.data;
-        //     for(var i =0;i < list.length; i++){
-        //     this.commonMethod(list[i]);
-        //     }
-        //   }
-        // });
+        this.$ajax.get('prMacToolUse/loadPrMacToolUseByMtnCode/' + this.mtnCode).then(res => {
+          if (this.$ifAjax(res)) {
+            console.log(res);
+            const list = res.data;
+            for (var i = 0; i < list.length; i++) {
+              this.commonMethod(list[i]);
+            }
+          }
+        });
       }
     },
-    // 表格删除
-    deleteRow(currentWpId) {
-      this.wpList.forEach((item, index) => {
-        if (item.currentWpId === currentWpId) {
-          this.wpList.splice(index, 1);
-        }
+    // 获取电子档案维护模板
+    getRbFilePreserve(wpId) {
+      getRbFilePreserveByWpId({ wpId: wpId }).then(res => {
+        this.dsRbFilePreserveList = res.data.data;
+        this.preserveSlotList = [];
       });
+      // this.$ajax
+      //   .post('dsRbFilePreserve/getRbFilePreserveByWpId', {
+      //     wpId,
+      //   })
+      //   .then(res => {
+      //     if (this.$ifAjax(res)) {
+      //       this.dsRbFilePreserveList = res.data;
+      //       this.preserveSlotList = [];
+      //     }
+      //   });
+    },
+    rbFilePreserveChange() {
+      getByRfpId({ rfpId: this.rfpId }).then(res => {
+        this.mtnCode = null;
+        this.preserveSlotList = res.data.data;
+      });
+      // this.$ajax.get('dsRbFilePreserveSlot/getByRfpId/' + this.formData.rfpId).then(res => {
+      //   if (this.$ifAjax(res)) {
+      //     const { preserveSlotList } = res.data;
+      //     this.preserveSlotList = preserveSlotList;
+      //     console.log(preserveSlotList);
+      //   }
+      // });
     },
-
-    // 保存
     onSubmit() {
       this.$refs.form.validate(valid => {
         if (valid) {
@@ -159,22 +424,37 @@ export default {
           this.wpList.forEach(item => {
             wpIdList.push(item.currentWpId);
           });
+          let query = {
+            wpIdList: wpIdList,
+            ecId: this.formData.ecId,
+            rfpId: this.formData.rfpId,
+            line: this.line,
+            preserveSlotList: this.preserveSlotList,
+          };
+          saveRetrospectDefend(query).then(res => {
+            this.$message.success('保存成功');
+            this.$refs.form.resetFields();
+            this.formData = {};
+            this.cardNo = '';
+            this.wpList = [];
+            this.preserveSlotList = [];
+          });
           // this.$ajax
           //   .post('prMakeRec/saveRetrospectDefend', {
           //     wpIdList,
-          //     ecId: this.formData.ecId,
-          //     rfpId: this.formData.rfpId,
-          //     line: this.line,
-          //     preserveSlotList: this.preserveSlotList,
+          // ecId: this.formData.ecId,
+          // rfpId: this.formData.rfpId,
+          // line: this.line,
+          // preserveSlotList: this.preserveSlotList,
           //   })
           //   .then(res => {
           //     if (this.$ifAjax(res)) {
-          //       this.$message.success(this.$t('global.saveOk'));
-          //       this.$refs.form.resetFields();
-          //       this.formData = {};
-          //       this.cardNo = '';
-          //       this.wpList = [];
-          //       this.preserveSlotList = [];
+          // this.$message.success(this.$t('global.saveOk'));
+          // this.$refs.form.resetFields();
+          // this.formData = {};
+          // this.cardNo = '';
+          // this.wpList = [];
+          // this.preserveSlotList = [];
           //     }
           //   });
         }
@@ -185,9 +465,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.content-box{
+  height: calc(100vh - 40px - 40px - 20px - 10px - 51px - 60px);
+  overflow-y: auto;
+}
 .tableBox {
-  height: 430px;
-  overflow: auto;
+  min-height: 100%;
   padding-bottom: 30px;
   table {
     tr {
@@ -201,13 +484,13 @@ export default {
       color: #000;
       font-size: 14px;
       text-align: center;
-      // padding: 0;
-      // margin: 0;
-      // /deep/ .el-input__inner {
-      //   text-align: center;
-      //   height: 26px !important;
-      //   width: 80% !important;
-      // }
+      padding: 0;
+      margin: 0;
+      :deep(.el-input__inner) {
+        text-align: center;
+        height: 26px !important;
+        width: 80% !important;
+      }
     }
   }
 }
diff --git a/src/views/zhgd-work/retrospectDefend/components/twoRetrospectDefend.vue b/src/views/zhgd-work/retrospectDefend/components/twoRetrospectDefend.vue
index 16658ff..68aed56 100644
--- a/src/views/zhgd-work/retrospectDefend/components/twoRetrospectDefend.vue
+++ b/src/views/zhgd-work/retrospectDefend/components/twoRetrospectDefend.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="content-box">
     <el-form ref="form" inline @submit.native.prevent>
       <el-row>
         <el-col :span="6">
@@ -34,11 +34,43 @@
       <div slot="header" class="clearfix">
         <span style="color: rgb(85, 85, 243)">电子档案</span>
       </div>
+      <div class="tableBox">
+        <table
+          v-if="preserveSlotList.length > 0"
+          id="cus-table"
+          cellspacing="0"
+          style="width: 100%"
+        >
+          <tr>
+            <td colspan="4">槽位/工步</td>
+            <td colspan="4">工艺要求</td>
+            <td colspan="3">实际参数</td>
+          </tr>
+          <template v-for="(itemSlot, indexSlot) in preserveSlotList" :key="itemSlot + indexSlot">
+            <component
+              :is="getTemplateComponent(itemSlot.rfpsType)"
+              :itemSlot="itemSlot"
+              :indexSlot="indexSlot"
+            />
+          </template>
+        </table>
+      </div>
     </el-card>
   </div>
 </template>
 <script>
+import {
+  loadCurrentWp,
+  remarryRedeemSaveRetrospectDefend,
+  getDataByMtnCodeRb,
+} from '@/api/zhgd-work/retrospectDefend.js';
+import { getByRfpId, getRbFilePreserveByWpId } from '@/api/zhgd-work/eleFilesEdit.js';
+import Templates from '../../../qualityTemplate/index.js';
+import { getTemplateComponent } from '@/utils/templateMapper.js';
 export default {
+  components: {
+    ...Templates,
+  },
   data() {
     return {
       cardNo: '',
@@ -48,27 +80,264 @@ export default {
     };
   },
   methods: {
-    codeKeyUp() {
-      if (this.cardNo) {
+    getTemplateComponent(type) {
+      const componentName = getTemplateComponent(type);
+      return componentName;
+    },
+    getMaterialMess(itemChild, itemSlot) {
+      if (itemChild.paramValue) {
+        getDataByMtnCodeRb({ goodsCode: itemChild.paramValue }).then(res => {
+          const { coGoods } = res.data;
+          if (coGoods) {
+            const { goodsName, checkoutCode, releasenoTime } = coGoods;
+            if (itemSlot.rfpsType == 5) {
+              // 模板六
+              itemSlot.childrenList[1].paramValue = itemChild.paramValue;
+              itemSlot.childrenList[2].paramValue = goodsName;
+              itemSlot.childrenList[3].paramValue = checkoutCode;
+              itemSlot.childrenList[4].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 6) {
+              // 模板六
+              itemSlot.childrenList[2].paramValue = itemChild.paramValue;
+              itemSlot.childrenList[3].paramValue = goodsName;
+              itemSlot.childrenList[4].paramValue = checkoutCode;
+              itemSlot.childrenList[5].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 13) {
+              // 模板十三
+              itemSlot.childrenList[0].paramValue = itemChild.paramValue;
+              itemSlot.childrenList[1].paramValue = goodsName;
+              itemSlot.childrenList[2].paramValue = checkoutCode;
+              itemSlot.childrenList[3].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 14) {
+              // 模板十四
+              if (itemChild.detailIndex == 5) {
+                itemSlot.childrenList[4].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[5].paramValue = goodsName;
+                itemSlot.childrenList[6].paramValue = checkoutCode;
+                itemSlot.childrenList[7].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 9) {
+                itemSlot.childrenList[8].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[9].paramValue = goodsName;
+                itemSlot.childrenList[10].paramValue = checkoutCode;
+                itemSlot.childrenList[11].paramValue = releasenoTime;
+              }
+            } else if (itemSlot.rfpsType == 15) {
+              // 模板十五
+              if (itemChild.detailIndex == 7) {
+                itemSlot.childrenList[6].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[7].paramValue = goodsName;
+                itemSlot.childrenList[8].paramValue = checkoutCode;
+                itemSlot.childrenList[9].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 11) {
+                itemSlot.childrenList[10].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[11].paramValue = goodsName;
+                itemSlot.childrenList[12].paramValue = checkoutCode;
+                itemSlot.childrenList[13].paramValue = releasenoTime;
+              }
+            } else if (itemSlot.rfpsType == 16) {
+              // 模板十六
+              if (itemChild.detailIndex == 5) {
+                itemSlot.childrenList[4].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[5].paramValue = goodsName;
+                itemSlot.childrenList[6].paramValue = checkoutCode;
+                itemSlot.childrenList[7].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 9) {
+                itemSlot.childrenList[8].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[9].paramValue = goodsName;
+                itemSlot.childrenList[10].paramValue = checkoutCode;
+                itemSlot.childrenList[11].paramValue = releasenoTime;
+              } else if (itemChild.detailIndex == 13) {
+                itemSlot.childrenList[12].paramValue = itemChild.paramValue;
+                itemSlot.childrenList[13].paramValue = goodsName;
+                itemSlot.childrenList[14].paramValue = checkoutCode;
+                itemSlot.childrenList[15].paramValue = releasenoTime;
+              }
+            } else if (itemSlot.rfpsType == 17) {
+              // 模板十七
+              itemSlot.childrenList[4].paramValue = itemChild.paramValue;
+              itemSlot.childrenList[5].paramValue = goodsName;
+              itemSlot.childrenList[6].paramValue = checkoutCode;
+              itemSlot.childrenList[7].paramValue = releasenoTime;
+            } else if (itemSlot.rfpsType == 19) {
+              // 模板十九
+              itemSlot.childrenList[0].paramValue = goodsCode;
+              itemSlot.childrenList[1].paramValue = goodsName;
+              itemSlot.childrenList[2].paramValue = checkoutCode;
+              itemSlot.childrenList[3].paramValue = releasenoTime;
+            }
+          }
+        });
         // this.$ajax
-        //   .post('prMakeRec/remarryRedeemRetrospectDefend', {
-        //     cardNo: this.cardNo,
-        //     line: this.line
+        //   .post('prMakeRec/getMaterialMess', {
+        //     goodsCode: itemChild.paramValue,
         //   })
-        //   .then((res) => {
+        //   .then(res => {
         //     if (this.$ifAjax(res)) {
-        //       if (
-        //         res.data != null &&
-        //         res.data.dsRbFilePreserveSlotList.length <= 0
-        //       ) {
-        //         return this.$message.warning('暂未查到对应的数据');
+        //       console.log(res.data.coGoods);
+        //       const { coGoods } = res.data;
+        //       if (coGoods) {
+        //         const { goodsName, checkoutCode, releasenoTime } = coGoods;
+        //         if (itemSlot.rfpsType == 5) {
+        //           // 模板六
+        //           itemSlot.childrenList[1].paramValue = itemChild.paramValue;
+        //           itemSlot.childrenList[2].paramValue = goodsName;
+        //           itemSlot.childrenList[3].paramValue = checkoutCode;
+        //           itemSlot.childrenList[4].paramValue = releasenoTime;
+        //         } else if (itemSlot.rfpsType == 6) {
+        //           // 模板六
+        //           itemSlot.childrenList[2].paramValue = itemChild.paramValue;
+        //           itemSlot.childrenList[3].paramValue = goodsName;
+        //           itemSlot.childrenList[4].paramValue = checkoutCode;
+        //           itemSlot.childrenList[5].paramValue = releasenoTime;
+        //         } else if (itemSlot.rfpsType == 13) {
+        //           // 模板十三
+        //           itemSlot.childrenList[0].paramValue = itemChild.paramValue;
+        //           itemSlot.childrenList[1].paramValue = goodsName;
+        //           itemSlot.childrenList[2].paramValue = checkoutCode;
+        //           itemSlot.childrenList[3].paramValue = releasenoTime;
+        //         } else if (itemSlot.rfpsType == 14) {
+        //           // 模板十四
+        //           if (itemChild.detailIndex == 5) {
+        //             itemSlot.childrenList[4].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[5].paramValue = goodsName;
+        //             itemSlot.childrenList[6].paramValue = checkoutCode;
+        //             itemSlot.childrenList[7].paramValue = releasenoTime;
+        //           } else if (itemChild.detailIndex == 9) {
+        //             itemSlot.childrenList[8].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[9].paramValue = goodsName;
+        //             itemSlot.childrenList[10].paramValue = checkoutCode;
+        //             itemSlot.childrenList[11].paramValue = releasenoTime;
+        //           }
+        //         } else if (itemSlot.rfpsType == 15) {
+        //           // 模板十五
+        //           if (itemChild.detailIndex == 7) {
+        //             itemSlot.childrenList[6].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[7].paramValue = goodsName;
+        //             itemSlot.childrenList[8].paramValue = checkoutCode;
+        //             itemSlot.childrenList[9].paramValue = releasenoTime;
+        //           } else if (itemChild.detailIndex == 11) {
+        //             itemSlot.childrenList[10].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[11].paramValue = goodsName;
+        //             itemSlot.childrenList[12].paramValue = checkoutCode;
+        //             itemSlot.childrenList[13].paramValue = releasenoTime;
+        //           }
+        //         } else if (itemSlot.rfpsType == 16) {
+        //           // 模板十六
+        //           if (itemChild.detailIndex == 5) {
+        //             itemSlot.childrenList[4].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[5].paramValue = goodsName;
+        //             itemSlot.childrenList[6].paramValue = checkoutCode;
+        //             itemSlot.childrenList[7].paramValue = releasenoTime;
+        //           } else if (itemChild.detailIndex == 9) {
+        //             itemSlot.childrenList[8].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[9].paramValue = goodsName;
+        //             itemSlot.childrenList[10].paramValue = checkoutCode;
+        //             itemSlot.childrenList[11].paramValue = releasenoTime;
+        //           } else if (itemChild.detailIndex == 13) {
+        //             itemSlot.childrenList[12].paramValue = itemChild.paramValue;
+        //             itemSlot.childrenList[13].paramValue = goodsName;
+        //             itemSlot.childrenList[14].paramValue = checkoutCode;
+        //             itemSlot.childrenList[15].paramValue = releasenoTime;
+        //           }
+        //         } else if (itemSlot.rfpsType == 17) {
+        //           // 模板十七
+        //           itemSlot.childrenList[4].paramValue = itemChild.paramValue;
+        //           itemSlot.childrenList[5].paramValue = goodsName;
+        //           itemSlot.childrenList[6].paramValue = checkoutCode;
+        //           itemSlot.childrenList[7].paramValue = releasenoTime;
+        //         } else if (itemSlot.rfpsType == 19) {
+        //           // 模板十九
+        //           itemSlot.childrenList[0].paramValue = goodsCode;
+        //           itemSlot.childrenList[1].paramValue = goodsName;
+        //           itemSlot.childrenList[2].paramValue = checkoutCode;
+        //           itemSlot.childrenList[3].paramValue = releasenoTime;
+        //         }
         //       }
-        //       this.preserveSlotList = res.data.dsRbFilePreserveSlotList;
-        //       this.obj = res.data;
         //     }
         //   });
       }
     },
+    codeKeyUp() {
+      if (this.cardNo) {
+        this.$ajax
+          .post('prMakeRec/remarryRedeemRetrospectDefend', {
+            cardNo: this.cardNo,
+            line: this.line,
+          })
+          .then(res => {
+            if (this.$ifAjax(res)) {
+              if (res.data != null && res.data.dsRbFilePreserveSlotList.length <= 0) {
+                return this.$message.warning('暂未查到对应的数据');
+              }
+              this.preserveSlotList = res.data.dsRbFilePreserveSlotList;
+              this.obj = res.data;
+            }
+          });
+      }
+    },
+
+    onSubmit() {
+      let query = {
+        mtuId: this.obj.mtuId,
+        line: this.line,
+        preserveSlotList: this.preserveSlotList,
+      };
+      remarryRedeemSaveRetrospectDefend(query).then(res => {
+        this.$message.success('保存成功');
+        this.$refs.form.resetFields();
+        this.cardNo = '';
+        this.obj = {};
+        this.preserveSlotList = [];
+      });
+      // this.$ajax
+      //   .post('prMakeRec/remarryRedeemSaveRetrospectDefend', {
+      // mtuId: this.obj.mtuId,
+      // line: this.line,
+      // preserveSlotList: this.preserveSlotList
+      //   })
+      //   .then((res) => {
+      //     if (this.$ifAjax(res)) {
+      // this.$message.success(this.$t('global.saveOk'));
+      // this.$refs.form.resetFields();
+      // this.cardNo = '';
+      // this.obj = {};
+      // this.preserveSlotList = [];
+      //     }
+      //   });
+    },
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss"  scoped>
+.content-box{
+  height: calc(100vh - 40px - 40px - 20px - 10px - 51px - 60px);
+  overflow-y: auto;
+}
+.tableBox {
+  min-height: 100%;
+  overflow: auto;
+  padding-bottom: 30px;
+  table {
+    tr {
+      page-break-inside: avoid;
+    }
+    td {
+      width: 168px;
+      height: 30px;
+      border: 1px solid #000;
+      background: transparent;
+      color: #000;
+      font-size: 14px;
+      text-align: center;
+      padding: 0;
+      margin: 0;
+      :deep(.el-input__inner) {
+        text-align: center;
+        height: 26px !important;
+        width: 80% !important;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/zhgd-work/retrospectDefend/index.vue b/src/views/zhgd-work/retrospectDefend/index.vue
index 5aa3226..ff17f3a 100644
--- a/src/views/zhgd-work/retrospectDefend/index.vue
+++ b/src/views/zhgd-work/retrospectDefend/index.vue
@@ -24,12 +24,34 @@ export default {
   methods: {
     handleClick() {
       if (this.activeName === 'twoRetrospectDefend') {
-        this.$refs.listRef.loadData();
+        // this.$refs.listRef.loadData();
       }
     },
   },
 };
 </script>
 <style lang="scss" scoped>
-
+:deep(.basic-container .basic-container__card){
+  min-height: 100% !important;
+  display: flex;
+  flex-direction: column;
+}
+:deep(.demo-tabs) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  
+  .el-tabs__content {
+    flex: 1;
+    overflow-y: auto;
+    // 如果希望滚动条更美观，可以添加以下自定义样式
+    &::-webkit-scrollbar {
+      width: 8px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: #c0c4cc;
+      border-radius: 4px;
+    }
+  }
+}
 </style>
\ No newline at end of file