diff --git a/src/api/aftersales/aftersalesWorkOrder.js b/src/api/aftersales/aftersalesWorkOrder.js
index baed09b7..5e1610ec 100644
--- a/src/api/aftersales/aftersalesWorkOrder.js
+++ b/src/api/aftersales/aftersalesWorkOrder.js
@@ -283,3 +283,25 @@ export const $_listAppeal = (params) => {
     params
   })
 }
+
+
+  
+// 查询超时记录
+export const $_listOwn = (params) => {
+  return request({
+    url: '/api/logpm-aftersales/aftersalesOvertimeFine/listOwn',
+    method: 'get',
+    params
+  })
+}
+
+
+
+// 修改超时记录金额
+export const $_moneyUpdate = (data) => {
+  return request({
+    url: '/api/logpm-aftersales/aftersalesOvertimeFine/update',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/option/aftersales/vueTvemp.js b/src/option/aftersales/vueTvemp.js
index d36cd424..74d915c5 100644
--- a/src/option/aftersales/vueTvemp.js
+++ b/src/option/aftersales/vueTvemp.js
@@ -656,3 +656,247 @@ export const Claimsfield = [
   },
 ]
 
+
+// 申诉列表
+
+export const AppealList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '', 
+    width: 55,
+    fixed: true,
+  },
+
+
+  {
+    prop: 'workOrderNumber',
+    label: '工单号',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'waybillNumber',
+    label: '运单号',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'workOrderTypeName',
+    label: '异常类型',
+    type: 3,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'discoveryNodeName',
+    label: '发现节点',
+    type: 3,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'typesOfName',
+    label: '状态名称',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+]
+
+
+// 超时
+export const timeoutList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '', 
+    width: 55,
+    fixed: true,
+  },
+
+
+  {
+    prop: 'workOrderNumber',
+    label: '工单号',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'workOrderTypeName',
+    label: '异常类型',
+    type: 3,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'discoveryNodeName',
+    label: '发现节点名称',
+    type: 3,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+
+  {
+    prop: 'workOrderId',
+    label: '异常工单ID',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'money',
+    label: '金额',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+
+  {
+    prop: 'timeout',
+    label: '超时时间',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+
+
+  // {
+  //   prop: 'warehouseId',
+  //   label: '仓库ID',
+  //   type: 2,
+  //   values: '',
+  //   width: '130',
+  //   checkarr: [],
+  //   fixed: false,
+  //   sortable: true,
+  //   head: false,
+  // },
+
+
+  {
+    prop: 'businessName',
+    label: '处理方名称',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+
+  // {
+  //   prop: 'businessId',
+  //   label: '处理方ID',
+  //   type: 2,
+  //   values: '',
+  //   width: '130',
+  //   checkarr: [],
+  //   fixed: false,
+  //   sortable: true,
+  //   head: false,
+  // },
+
+
+  {
+    prop: 'remarks',
+    label: '备注',
+    type: 2,
+    values: '',
+    width: '130',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: '',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '220',
+    checkarr: [],
+    fixed: 'right',
+    sortable: false,
+  },
+]
diff --git a/src/views/aftersales/aftersalesWorkOrder.vue b/src/views/aftersales/aftersalesWorkOrder.vue
index 77e05ba8..a05de50f 100644
--- a/src/views/aftersales/aftersalesWorkOrder.vue
+++ b/src/views/aftersales/aftersalesWorkOrder.vue
@@ -2,7 +2,7 @@
   <div class="content_max">
     <!-- 菜单  -->
     <el-tabs type="border-card" v-model="tabValue" @tab-change="tabChenge" class="el_tabs">
-      <div>  </div>
+      <div></div>
       <el-tab-pane :name="item.name" :label="item.label" v-for="item in TabList" :key="item.name">
       </el-tab-pane>
       <div class="content_right">
@@ -90,7 +90,12 @@
                   <el-button type="primary" @click="assign">工单指派</el-button>
                   <el-button type="primary" @click="arbitrate">申请仲裁</el-button>
                   <el-button type="primary" @click="Batchcompletion">批量完结</el-button>
-                  <el-button type="primary" @click="appeal" v-if="details.query.workOrderStatus == 30">申诉</el-button>
+                  <el-button
+                    type="primary"
+                    @click="appeal"
+                    v-if="details.query.workOrderStatus == 30"
+                    >申诉</el-button
+                  >
                   <!-- <el-button type="primary" @click="ProcessingParty"> 处理方信息</el-button> -->
                 </div>
                 <!-- 头部右侧按钮模块 -->
@@ -126,14 +131,21 @@
                 <template #default="slotProps">
                   <template v-if="slotProps.scope.column.label === '操作'">
                     <div class="ElBtnClass">
-                      <el-button @click="addingRecord(slotProps.scope)">新增记录</el-button>
-                      <el-button v-if="!ClaimStatus" @click="view(slotProps.scope)">查看</el-button>
-                      <!-- <el-button @click="ViewEvent(slotProps.scope)">编辑</el-button> -->
-                      <el-button @click="reply(slotProps.scope)">回复</el-button>
-                      <!-- <el-button @click="ViewDelete(slotProps.scope)">删除</el-button> -->
-                      <el-button @click="CompletionButton(slotProps.scope)">完结</el-button>
-                      <el-button v-if="ClaimStatus" @click="appeal(slotProps.scope)"
-                        >申诉</el-button
+                      <div v-if="!TimeoutStatus">
+                        <el-button @click="addingRecord(slotProps.scope)">新增记录</el-button>
+                        <el-button v-if="!ClaimStatus" @click="view(slotProps.scope)"
+                          >查看</el-button
+                        >
+                        <!-- <el-button @click="ViewEvent(slotProps.scope)">编辑</el-button> -->
+                        <el-button @click="reply(slotProps.scope)">回复</el-button>
+                        <!-- <el-button @click="ViewDelete(slotProps.scope)">删除</el-button> -->
+                        <el-button @click="CompletionButton(slotProps.scope)">完结</el-button>
+                        <el-button v-if="ClaimStatus" @click="appeal(slotProps.scope)"
+                          >申诉</el-button
+                        >
+                      </div>
+                      <el-button v-if="TimeoutStatus" @click="BtnModifyAmount(slotProps.scope)"
+                        >修改金额</el-button
                       >
                     </div>
                   </template>
@@ -984,6 +996,29 @@
               </span>
             </div>
           </el-dialog>
+
+          <el-dialog
+            v-model="dialogModifyAmount"
+            :title="fromamount.title + '超时金额修改'"
+            width="30%"
+          >
+            <el-form label-position="left" label-width="70px" :model="fromamount">
+              <div class="el_amount">
+                <el-form-item label="原金额">
+                  <el-input v-model="fromamount.ytimeout" disabled />
+                </el-form-item>
+                <el-form-item label="修改金额">
+                  <el-input v-model="fromamount.Amount" placeholder="请输入要修改的金额" />
+                </el-form-item>
+              </div>
+            </el-form>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogModifyAmount = false">取消</el-button>
+                <el-button type="primary" @click="ModifyAmountFn">确定修改</el-button>
+              </span>
+            </template>
+          </el-dialog>
         </basic-container>
       </div>
     </el-tabs>
@@ -1018,13 +1053,21 @@ import {
   $_appealSubmit,
   $_listSettlement,
   $_listAppeal,
+  $_listOwn,
+  $_moneyUpdate,
 } from '@/api/aftersales/aftersalesWorkOrder';
 import { getToken } from '@/utils/auth';
 import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import functions from '@/utils/functions.js';
 import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
-import { columnList, recordList, Claimsfield } from '@/option/aftersales/vueTvemp.js';
+import {
+  columnList,
+  recordList,
+  Claimsfield,
+  AppealList,
+  timeoutList,
+} from '@/option/aftersales/vueTvemp.js';
 import { processRowProperty, isNumer, computeNumber } from '@/utils/util';
 import { useRouter } from 'vue-router';
 import dayjs from 'dayjs';
@@ -1043,6 +1086,8 @@ const KFfeel = ref(''); //文件附件地址
 const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条
 const background = ref(true); // 是否开启背景颜色
 const disabled = ref(false); // 是否禁止使用页码功能
+const fromamount = ref({}); //修改金额表单
+const TimeoutStatus = ref(false); //超时列表状态
 const loading = ref(false); //首页表格加载效果
 const dialogReturn = ref(false); //批量打回弹窗状态
 const dialogappeal = ref(false); //申诉弹窗状态
@@ -1089,6 +1134,8 @@ const Reasonarbitration = ref(null); //仲裁原因
 const BatchcompletionHeight = ref(0); //批量完结弹窗
 const userInfo = ref(); //当前登录人信息
 const ClaimStatus = ref(false); //理赔状态
+const AppealStatus = ref(false); //申诉列表状态
+const dialogModifyAmount = ref(false); //超时金额修改弹出状态
 const TabList = ref([
   { name: 0, label: '全部' },
   { name: 1, label: '处理中' },
@@ -1273,6 +1320,8 @@ const TransportLossNode = ref([
 // 页面初始化数据
 const IndexTable = val => {
   ClaimStatus.value = false;
+  AppealStatus.value = false; //关闭申诉状态
+  TimeoutStatus.value = false; //关闭超时
   // ProcessingPartyState.value = false; //关闭处理方
   details.loadingObj.list = true; //开启动画加载
   let data = {
@@ -1589,7 +1638,7 @@ const appeal = val => {
     });
     return;
   }
-  if (details.selectionList.length>1) {
+  if (details.selectionList.length > 1) {
     ElMessage({
       message: '只能单条申诉',
       type: 'warning',
@@ -1606,29 +1655,28 @@ const Appealbutton = () => {
   let data = {
     peopleEntityList: [], //参数一
   };
-  data.workOrderId=details.selectionList[0].id
-  data.reason=Reasonforappeal.value
-
-   data.appealPeopleName= warehouseData.value
-        .filter(item => Appealselection.value.includes(item.value))
-        .map(item => item.label)
-        .join(','), //实际责任人名称
-
-  details.selectionList.forEach(item => {
-    console.log(item.id);
-    console.log(item, '已经选择的列表');
-    data['peopleEntityList'].push({
-      workOrderId: item.id, //异常工单ID
-      warehouseId: item.warehouseId == '/' ? '' : item.warehouseId,
-      reason: Reasonforappeal.value, //申诉理由
-      claimant: userInfo.value.content.user_name, //申诉人
-      claimantUserId: userInfo.value.content.user_id, //申诉人ID
-      actualPersonName: warehouseData.value
-        .filter(item => Appealselection.value.includes(item.value))
-        .map(item => item.label)
-        .join(','), //实际责任人名称
+  data.workOrderId = details.selectionList[0].id;
+  data.reason = Reasonforappeal.value;
+
+  (data.appealPeopleName = warehouseData.value
+    .filter(item => Appealselection.value.includes(item.value))
+    .map(item => item.label)
+    .join(',')), //实际责任人名称
+    details.selectionList.forEach(item => {
+      console.log(item.id);
+      console.log(item, '已经选择的列表');
+      data['peopleEntityList'].push({
+        workOrderId: item.id, //异常工单ID
+        warehouseId: item.warehouseId == '/' ? '' : item.warehouseId,
+        reason: Reasonforappeal.value, //申诉理由
+        claimant: userInfo.value.content.user_name, //申诉人
+        claimantUserId: userInfo.value.content.user_id, //申诉人ID
+        actualPersonName: warehouseData.value
+          .filter(item => Appealselection.value.includes(item.value))
+          .map(item => item.label)
+          .join(','), //实际责任人名称
+      });
     });
-  });
   console.log(data, '处理好的值');
   $_appealSubmit(data).then(res => {
     dialogappeal.value = false; //关闭申诉弹窗
@@ -1649,25 +1697,6 @@ const Appealbutton = () => {
     }
   });
 };
-// 申诉列表
-const AppealTab = val => {
-  if (val == 0) {
-    console.log('处理完毕');
-    ProcessingPartyState.value = false; //关闭处理方
-    data.workOrderStatus = 30;
-    details.query.workOrderStatus = 30;
-    ArbitrationStatus.value = false; //不可以申请仲裁
-    empty(); //清空搜索数据
-    IndexTable({ workOrderStatus: 30 });
-  } else {
-    console.log('当前是申诉列表');
-    let data={}
-    $_listAppeal(data).then(res=>{
-      console.log(res,'申诉列表返回值')
-
-    })
-  }
-};
 
 // 异常类型事件
 const abnormalChange = val => {
@@ -1743,6 +1772,19 @@ const handlePictureCardPreview = uploadFile => {
 const inputsc = (index, row) => {
   processRowProperty(index, row, details);
   details.query[row.prop] = index;
+
+  if (TimeoutStatus.value) {
+    // 超时列表
+    TimeoutHandling(details.query);
+    return;
+  }
+
+  if (AppealStatus.value) {
+    // 申诉列表
+    appealFn(details.query);
+    return;
+  }
+
   if (ClaimStatus.value) {
     // 这是理赔搜索
     settlementclaim(details.query);
@@ -1814,6 +1856,16 @@ const btnsc = val => {
 /** 表格表头下拉框选择 */
 const selectsc = (index, row) => {
   processRowProperty(index, row, details);
+  if (TimeoutStatus.value) {
+    // 超时列表
+    TimeoutHandling(details.query);
+    return;
+  }
+  if (AppealStatus.value) {
+    // 申诉列表
+    appealFn(details.query);
+    return;
+  }
 
   if (ClaimStatus.value) {
     // 这是理赔搜索
@@ -1828,6 +1880,18 @@ const selectsc = (index, row) => {
   }
 };
 
+// 反字典公共请求
+const Antidictionary = (val, data) => {
+  getDictionaryBiz(val).then(res => {
+    res.data.data.forEach(item => {
+      data.checkarr.push({
+        value: item.dictValue,
+        label: item.dictValue,
+      });
+    });
+  });
+};
+
 function onLoad() {}
 
 /** 表格表头复选框选择 */
@@ -1840,6 +1904,18 @@ const selectionChange = list => {
 const currentChange = val => {
   page.value.currentPage = val;
 
+  // 超时
+  if (TimeoutStatus.value) {
+    TimeoutHandling(details.query);
+    return;
+  }
+
+  if (AppealStatus.value) {
+    // 申诉列表
+    appealFn(details.query);
+    return;
+  }
+
   if (ClaimStatus.value) {
     // 这是理赔
     settlementclaim(details.query);
@@ -1856,6 +1932,16 @@ const currentChange = val => {
 // 每页多少条
 const sizeChange = val => {
   page.value.pageSize = val;
+  // 超时
+  if (TimeoutStatus.value) {
+    TimeoutHandling(details.query);
+    return;
+  }
+  if (AppealStatus.value) {
+    // 申诉列表
+    appealFn(details.query);
+    return;
+  }
 
   if (ClaimStatus.value) {
     // 这是理赔
@@ -1914,12 +2000,16 @@ const changeProcessingResults = val => {
 };
 // 查询理赔数据
 const settlementclaim = val => {
+  
+  details.loadingObj.list = true; //开启动画加载
   console.log(Claimsfield, '理赔数据');
   ClaimStatus.value = true; //开启理赔查询状态
+  AppealStatus.value = false; //关闭申诉状态
+  TimeoutStatus.value = false; //关闭 超时状态
   details.columnList = Claimsfield;
   Claimsfield[3].checkarr = []; //营业部
   Claimsfield[7].checkarr = []; //异常类型名称
-  Claimsfield[9].checkarr = []; //异常类型名称
+  Claimsfield[9].checkarr = []; //发现环节
   getDeptWarehouse({}).then(res => {
     res.data.data.forEach(item => {
       Claimsfield[3].checkarr.push({
@@ -1947,7 +2037,7 @@ const settlementclaim = val => {
   });
 
   // details.columnList    warehouseData.value
-  details.loadingObj.list = true; //开启动画加载
+ 
   console.log(details, 'details');
   let data = {
     current: details.page.currentPage,
@@ -1962,6 +2052,103 @@ const settlementclaim = val => {
     page.value.total = res.data.data.total;
   });
 };
+// 获取申诉列表
+const appealFn = val => {
+  details.loadingObj.list = true; //开启动画加载
+  AppealStatus.value = true; //开启申诉列表状态
+  TimeoutStatus.value = false; //关闭 超时状态
+  ClaimStatus.value = false; //关闭理赔查询状态
+  AppealList[5].checkarr = []; //异常类型名称
+  AppealList[6].checkarr = []; //发现环节
+
+  Antidictionary('pc_work_order', AppealList[5]);
+
+  Antidictionary('pc_discovery_node', AppealList[6]);
+  console.log('当前是申诉列表');
+  let data = {
+    current: details.page.currentPage,
+    size: details.page.pageSize,
+    ...val,
+  };
+  $_listAppeal(data).then(res => {
+    details.loadingObj.list = false; //开启动画加载
+    console.log(res, '申诉列表返回值');
+    details.data = res.data.data.records;
+    page.value.total = res.data.data.total;
+  });
+};
+
+// 申诉列表
+const AppealTab = val => {
+  if (val == 0) {
+    Tableheaderswitching(columnList); //切换表头
+    console.log('处理完毕');
+    ProcessingPartyState.value = false; //关闭处理方
+    details.query.workOrderStatus = 30;
+    ArbitrationStatus.value = false; //不可以申请仲裁
+    empty(); //清空搜索数据
+    let data = {
+      workOrderStatus: 30,
+      ...details.query,
+    };
+    IndexTable(data);
+  } else {
+    Tableheaderswitching(AppealList); //切换表头
+    AppealList.forEach(item => {
+      //清空搜索记录
+      item.values = '';
+    });
+    appealFn(); // 获取申诉列表
+  }
+};
+// 超时金额修改
+const BtnModifyAmount = val => {
+  dialogModifyAmount.value = true; //开启超时金额弹窗修改
+  fromamount.value.title = val.row.workOrderNumber; //工单号
+  fromamount.value.ytimeout = val.row.money; //原本金额
+  fromamount.value.id = val.row.id; //id
+};
+// 修改金额确定
+const ModifyAmountFn = () => {
+  let data = {
+    id: fromamount.value.id,
+    money: fromamount.value.Amount,
+  };
+  console.log(data, '准备提交的金额参数');
+  $_moneyUpdate(data).then(res => {
+    TimeoutHandling()
+    console.log(res, '修改成功返回值');
+    if (res.data.code == 200) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+    }
+    dialogModifyAmount.value = false; //关闭超时金额弹窗修改
+  });
+};
+// 查询超时记录
+const TimeoutHandling = val => {
+  timeoutList[3].checkarr = []; //异常类型名称
+  timeoutList[4].checkarr = []; //发现环节
+  ClaimStatus.value = false; //关闭理赔查询状态
+  AppealStatus.value = false; //关闭申诉状态
+  TimeoutStatus.value = true; //开启超时记录查询
+  details.loadingObj.list = true; //开启动画加载
+  Antidictionary('pc_work_order', timeoutList[3]);
+  Antidictionary('pc_discovery_node', timeoutList[4]);
+  let data = {
+    current: details.page.currentPage,
+    size: details.page.pageSize,
+    ...val,
+  };
+  $_listOwn(data).then(res => {
+    details.loadingObj.list = false; //开启动画加载
+    console.log(res, '超时记录');
+    details.data = res.data.data.records;
+    page.value.total = res.data.data.total;
+  });
+};
 
 // 标签栏触发
 const tabChenge = val => {
@@ -2015,7 +2202,7 @@ const tabChenge = val => {
     data.workOrderStatus = 70;
     details.query.workOrderStatus = 70;
     ArbitrationStatus.value = false; //不可以申请仲裁
-    Tableheaderswitching(columnList);
+    Tableheaderswitching(columnList); //表头切换
     empty();
     IndexTable(data);
   } else if (val == 6) {
@@ -2024,18 +2211,18 @@ const tabChenge = val => {
     data.workOrderStatus = 80;
     details.query.workOrderStatus = 80;
     ArbitrationStatus.value = false; //不可以申请仲裁
-    Tableheaderswitching(columnList);
+    Tableheaderswitching(columnList); //表头切换
     empty();
     IndexTable(data);
   } else if (val == 7) {
     // 超时未处理
     ProcessingPartyState.value = false; //关闭处理方
-    data.workOrderStatus = 60;
-    details.query.workOrderStatus = 60;
+    data.workOrderStatus = null;
+    details.query.workOrderStatus = '';
     ArbitrationStatus.value = false; //不可以申请仲裁
-    Tableheaderswitching(columnList);
+    Tableheaderswitching(timeoutList); //表头切换
     empty();
-    IndexTable(data);
+    TimeoutHandling(); //调用超时未出理
   }
 };
 /**
@@ -2063,6 +2250,8 @@ const showdrawer = _flag => {
 // 处理方数据公共函数
 const ProcessingPartyFun = val => {
   ClaimStatus.value = false; //关闭理赔状态
+  TimeoutStatus.value = false; //关闭超时
+  AppealStatus.value = false; //关闭申诉状态
   details.query.workOrderStatus = null;
   details.loadingObj.list = true; //开启动画加载
   let data = {
@@ -2784,7 +2973,6 @@ const CompletedSubmission = () => {
   display: flex;
   align-items: flex-end;
   margin-bottom: 10px;
-
 }
 .el-times {
   :deep(.el-input__wrapper) {
@@ -3022,12 +3210,13 @@ const CompletedSubmission = () => {
 :deep(.el_tabs) {
   width: 100%;
   display: flex;
-  // flex-direction: column;
-  flex-wrap: wrap;
+  flex-direction: column;
+  justify-content: space-between;
   .el-tabs__content {
     padding: 0;
+    flex: 1;
   }
-  .el-tabs__header{
+  .el-tabs__header {
     height: 37px;
     width: 100%;
   }
@@ -3042,6 +3231,7 @@ const CompletedSubmission = () => {
   }
   :deep(.el-tabs__content) {
     padding: 0 !important;
+    flex: 1;
   }
 }
 .el_appeal {
@@ -3055,7 +3245,11 @@ const CompletedSubmission = () => {
   justify-content: flex-end;
   margin-top: 10px;
 }
-:deep(.avue-crud__header){
+:deep(.avue-crud__header) {
   align-items: center;
 }
+.el_amount {
+  display: flex;
+  justify-content: space-between;
+}
 </style>
diff --git a/src/views/aftersales/aftersalesWorkOrderAdd.vue b/src/views/aftersales/aftersalesWorkOrderAdd.vue
index c1356494..5b3c16fe 100644
--- a/src/views/aftersales/aftersalesWorkOrderAdd.vue
+++ b/src/views/aftersales/aftersalesWorkOrderAdd.vue
@@ -375,7 +375,6 @@
                   :rows="2"
                 />
               </div>
-
             </div>
             <div class="el-btn">
               <el-button type="primary" @click="ResponsibilityRemoval(index)"> 移除 </el-button>
@@ -474,7 +473,7 @@
     <el-form-item label="历史包件选择">
       <el-select v-model="HistoricalPackageinput" clearable filterable placeholder="请选择包件">
         <el-option
-          v-for="item in HistoricalPackageList"
+          v-for="item in HistoricalPackageList"       
           :key="item.value"
           :label="item.workOrderNumber"
           :value="item.workOrderId"
@@ -991,16 +990,17 @@ const ChangePackageInfo = (val, index) => {
   $_getAbnormalPackage(data).then(res => {
     console.log(res, '包件信息');
     console.log(res.data.data, '包件信息');
-
-    const packageData = res.data.data[0];
-    PackageInfo.value[index].orderCode = packageData.orderCode; //订单自编码
-    PackageInfo.value[index].waybillNumber = packageData.waybillNumber; //运单号
-    PackageInfo.value[index].orderId = packageData.orderId; //运单号
-    PackageInfo.value[index].state = false; //状态
-
-    if (res.data.data.length > 1) {
-      HistoricalPackageList.value = res.data.data;
-      PackageInfo.value[index].state = true; //状态
+    if (res.data.data.length) {
+      const packageData = res.data.data[0];
+      PackageInfo.value[index].orderCode = packageData.orderCode; //订单自编码
+      PackageInfo.value[index].waybillNumber = packageData.waybillNumber; //运单号
+      PackageInfo.value[index].orderId = packageData.orderId; //运单号
+      PackageInfo.value[index].state = false; //状态
+
+      if (res.data.data.length > 1) {
+        HistoricalPackageList.value = res.data.data;
+        PackageInfo.value[index].state = true; //状态
+      }
     }
     // packageCode; //包件码
     // //订单自编码
@@ -1024,19 +1024,24 @@ const HistoricalPackage = val => {
   PackageInfo.value[HistorIndex.value].waybillNumber = info.waybillNumber; //运单号
   PackageInfo.value[HistorIndex.value].orderId = info.orderId; //运单号
   dialogHistoricalPackage.value = false; //关闭历史包件弹窗
+
+
+  PackageInfo.value[HistorIndex.value].relatedWorkOrdersId =  info.workOrderId
+  console.log(PackageInfo.value, '处理好的参数');
+
 };
 // 历史包件里面的查看
 const ViewPackageDetails = val => {
-  if(!val){
+  if (!val) {
     ElMessage({
-    message: '请选择要查看的数据',
-    type: 'warning',
-  })
-  return
+      message: '请选择要查看的数据',
+      type: 'warning',
+    });
+    return;
   }
   console.log(val);
   let info = HistoricalPackageList.value.find(obj => obj.workOrderId == val);
-  console.log(info,'筛选的值');
+  console.log(info, '筛选的值');
   $router.push({
     path: '/aftersales/aftersalesWorkOrderInfo',
     query: {
@@ -1195,7 +1200,7 @@ const ViewPackageDetails = val => {
     width: 30%;
     margin-right: 16px;
     .title {
-      width:  80px;
+      width: 80px;
       font-size: 14px;
       color: #606266;
     }
diff --git a/src/views/aftersales/aftersalesWorkOrderInfo.vue b/src/views/aftersales/aftersalesWorkOrderInfo.vue
index d31f3036..c24594e7 100644
--- a/src/views/aftersales/aftersalesWorkOrderInfo.vue
+++ b/src/views/aftersales/aftersalesWorkOrderInfo.vue
@@ -15,7 +15,8 @@
                   <span class="title">包条码:</span>
                   <el-input
                     v-model="item.packageCode"
-                    placeholder="请输入包条码"
+                    disabled
+                    placeholder="包条码"
                     clearable
                     :rows="2"
                     @change="ChangePackageInfo(item.packageCode, index)"
@@ -24,12 +25,12 @@
   
                 <div class="maxBox">
                   <span class="title">订单自编码:</span>
-                  <el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable />
+                  <el-input v-model="item.orderCode" placeholder="订单自编号" clearable   disabled/>
                 </div>
   
                 <div class="maxBox">
                   <span class="title">运单号:</span>
-                  <el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable />
+                  <el-input v-model="item.waybillNumber" placeholder="运单号" clearable   disabled />
                 </div>
               </div>
   
@@ -46,7 +47,7 @@
           </div>
         </el-tab-pane>
       </el-tabs>
-      <el-form :model="Indexform" label-width="100px" class="IndexFrom" ref="IndexForm">
+      <el-form :model="Indexform" label-width="100px"   disabled class="IndexFrom" ref="IndexForm">
         <el-form-item label="异常类型">
           <el-select
             v-model="Indexform.workOrderType"
@@ -271,10 +272,11 @@
         <el-form-item class="investigate" label="调查经过">
           <el-input
             v-model="Indexform.investigationPocess"
-            placeholder="请输入调查经过"
+            placeholder="调查经过"
             clearable
             :rows="2"
             type="textarea"
+            disabled
           />
         </el-form-item>
   
@@ -284,7 +286,8 @@
             clearable
             filterable
             multiple
-            placeholder="请选择处理方"
+            disabled
+            placeholder="处理方"
           >
             <el-option
               v-for="item in warehouseData"
@@ -311,9 +314,11 @@
                     v-model="item.businessName"
                     clearable
                     placeholder="请选提货择责任方"
+                    disabled
                     v-if="groundlineType == 1"
                   >
                     <el-option
+                    
                       v-for="item in responsible"
                       :key="item.value"
                       :label="item.label"
@@ -325,7 +330,8 @@
                     v-else
                     v-model="item.businessName"
                     filterable
-                    placeholder="责任方"
+                    placeholder="责任方" 
+                     disabled
                     @change="ResponsiblePartychange(item.businessName, index)"
                   >
                     <el-option
@@ -343,6 +349,7 @@
                     v-model="item.personResponsibleName"
                     clearable
                     filterable
+                    disabled
                     placeholder="责任人"
                   >
                     <el-option
@@ -356,6 +363,7 @@
                 <div class="maxBox">
                   <span class="title">占比:</span>
                   <el-input
+                  disabled
                     v-model="item.responsibilityRatio"
                     placeholder="占比 "
                     clearable
@@ -369,6 +377,7 @@
                     v-model="item.responsibilityRatio"
                     placeholder="说明 "
                     clearable
+                    disabled
                     :rows="2"
                   />
                 </div>
@@ -470,7 +479,7 @@
       <el-form-item label="历史包件选择">
         <el-select v-model="HistoricalPackageinput" clearable filterable placeholder="请选择包件">
           <el-option
-            v-for="item in HistoricalPackageList"
+            v-for="item in HistoricalPackageList"   
             :key="item.value"
             :label="item.workOrderNumber"
             :value="item.workOrderId"