diff --git a/src/router/views/index.js b/src/router/views/index.js
index d72adef9..24b468a8 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1391,18 +1391,34 @@ export default [
   },
 
   {
-    path: '/aftersales/aftersalesWorkOrderInfoTemp',
+    path: '/aftersales/aftersalesWorkOrdermodifyTemp',
     component: Layout,
-    redirect: '/aftersales/aftersalesWorkOrderInfoTemp',
+    redirect: '/aftersales/aftersalesWorkOrdermodifyTemp',
     children: [
       {
         meta: {
           i18n: 'dict',
           keepAlive: false,
         },
-        path: '/aftersales/aftersalesWorkOrderInfoTemp',
+        path: '/aftersales/aftersalesWorkOrdermodifyTemp',
         name: '重构详情',
-        component: () => import('@/views/aftersales/aftersalesWorkOrderInfoTemp.vue'),
+        component: () => import('@/views/aftersales/aftersalesWorkOrdermodifyTemp.vue'),
+      },
+    ],
+  },
+  {
+    path: '/aftersales/aftersalesWorkOrdermodifyTemp',
+    component: Layout,
+    redirect: '/aftersales/aftersalesWorkOrdermodifyTemp',
+    children: [
+      {
+        meta: {
+          i18n: 'dict',
+          keepAlive: false,
+        },
+        path: '/aftersales/aftersalesWorkOrdermodifyTemp',
+        name: '编辑重构',
+        component: () => import('@/views/aftersales/aftersalesWorkOrdermodifyTemp.vue'),
       },
     ],
   },
@@ -1634,22 +1650,22 @@ export default [
 
   // 工单新增重构页面
 
-  {
-    path: '/aftersales/aftersalesWorkOrderAddTemp',
-    component: Layout,
-    redirect: '/aftersales/aftersalesWorkOrderAddTemp',
-    children: [
-      {
-        meta: {
-          i18n: 'dict',
-          keepAlive: true,
-        },
-        path: '/aftersales/aftersalesWorkOrderAddTemp',
-        name: '工单新增重构页面',
-        component: () => import('@/views/aftersales/aftersalesWorkOrderAddTemp.vue'),
-      },
-    ],
-  },
+  // {
+  //   path: '/aftersales/aftersalesWorkOrderAddTemp',
+  //   component: Layout,
+  //   redirect: '/aftersales/aftersalesWorkOrderAddTemp',
+  //   children: [
+  //     {
+  //       meta: {
+  //         i18n: 'dict',
+  //         keepAlive: true,
+  //       },
+  //       path: '/aftersales/aftersalesWorkOrderAddTemp',
+  //       name: '工单新增重构页面',
+  //       component: () => import('@/views/aftersales/aftersalesWorkOrderAddTemp.vue'),
+  //     },
+  //   ],
+  // },
   // {
   //   // 这是父路由，财务主页面
   //   path: '/financialsector/FinanceHome',
diff --git a/src/views/aftersales/aftersalesWorkOrder.vue b/src/views/aftersales/aftersalesWorkOrder.vue
index 71657056..9ac15e99 100644
--- a/src/views/aftersales/aftersalesWorkOrder.vue
+++ b/src/views/aftersales/aftersalesWorkOrder.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content_max">
+  <div class="content_max" v-loading="pageLoad">
     <!-- 菜单  -->
     <el-tabs type="border-card" v-model="tabValue" @tab-change="tabChenge" class="el_tabs">
       <div></div>
@@ -368,7 +368,7 @@
                         <!-- <el-button v-if="AppealStatusT" @click="Appealeditor">编辑</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="ViewDelete(slotProps.scope)">删除</el-button>
                         <!-- <el-button @click="CompletionButton(slotProps.scope)">完结</el-button> -->
                         <!-- <el-button v-if="ClaimStatus" @click="appeal(slotProps.scope)"
                           >申诉</el-button
@@ -1088,6 +1088,7 @@ const $useStore = useStore();
 const $route = useRoute();
 /** vuex */
 const customerData = ref([]); //查询已绑定的客服
+const pageLoad=ref(false)
 const accessControl = $useStore.getters.permission;
 console.log(accessControl, '权限按钮');
 const loadingFinancial = ref(false);
@@ -1770,6 +1771,7 @@ const IndexTable = (val, Refresh) => {
   TimeoutStatus.value = false; //关闭超时
   // ProcessingPartyState.value = false; //关闭处理方
   details.loadingObj.list = true; //开启动画加载
+  pageLoad.value=true
   columnList[2].checkarr = []; //重置下拉搜索框
   columnList[3].checkarr = [];
   columnList[10].checkarr = [];
@@ -1816,6 +1818,7 @@ const IndexTable = (val, Refresh) => {
       Tableheaderswitching(columnList);
       console.log(res, '初始化返回值');
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
       if (res.data.data) {
         console.log(res.data.data, '初始化返回值===>');
         // page.value.total = res.data.data.total; //总页数
@@ -2348,6 +2351,7 @@ const DetermineClaims = val => {
     workOrderStatus: 30,
   };
   details.loadingObj.list = true; //开启动画加载
+  pageLoad.value=true
   console.log(data, '处理好的值');
   $_settlementUpdate(data)
     .then(res => {
@@ -2358,6 +2362,7 @@ const DetermineClaims = val => {
     })
     .catch(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
     });
 };
 // 理赔金额未出编辑操作
@@ -2713,6 +2718,7 @@ const settlementclaim = (val, Refresh) => {
     return;
   }
   details.loadingObj.list = true; //开启动画加载
+  pageLoad.value=true
   console.log(Claimsfield, '理赔数据');
   ClaimStatus.value = true; //开启理赔查询状态
   AppealStatus.value = false; //关闭申诉状态
@@ -2759,6 +2765,7 @@ const settlementclaim = (val, Refresh) => {
   $_listSettlement(data)
     .then(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
       console.log(res, '查询理赔数据');
       if (res.data.data) {
         if (res.data.data.records.length) {
@@ -2779,11 +2786,13 @@ const settlementclaim = (val, Refresh) => {
     })
     .catch(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
     });
 };
 // 获取申诉列表
 const appealFn = val => {
   details.loadingObj.list = true; //开启动画加载
+  pageLoad.value=true
   AppealStatus.value = true; //开启申诉列表状态
   TimeoutStatus.value = false; //关闭 超时状态
   ClaimStatus.value = false; //关闭理赔查询状态
@@ -2801,6 +2810,7 @@ const appealFn = val => {
   $_listAppeal(data)
     .then(res => {
       details.loadingObj.list = false; //开启动画加载
+      pageLoad.value=false
       console.log(res, '申诉列表返回值');
 
       if (res.data.data.records.length) {
@@ -2820,6 +2830,7 @@ const appealFn = val => {
     })
     .catch(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
     });
 };
 
@@ -2933,6 +2944,7 @@ const TimeoutHandling = (val, Refresh) => {
   AppealStatus.value = false; //关闭申诉状态
   TimeoutStatus.value = true; //开启超时记录查询
   details.loadingObj.list = true; //开启动画加载
+  pageLoad.value=true
   updateDictionary(timeoutList[3].checkarr, 'pc_work_order'); //异常类型
   updateDictionary(timeoutList[4].checkarr, 'pc_discovery_node'); //发现环节
   let data = {
@@ -2943,6 +2955,7 @@ const TimeoutHandling = (val, Refresh) => {
   $_listOwn(data)
     .then(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
       console.log(res, '超时记录');
 
       if (res.data.data.records.length) {
@@ -2963,6 +2976,7 @@ const TimeoutHandling = (val, Refresh) => {
     })
     .catch(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
     });
 };
 
@@ -3158,6 +3172,7 @@ const ProcessingPartyFun = (val, Refresh) => {
   AppealStatus.value = false; //关闭申诉状态
   // details.query.workOrderStatus = null;
   details.loadingObj.list = true; //开启动画加载
+  pageLoad.value=true
   let data = {
     ...val,
   };
@@ -3171,6 +3186,7 @@ const ProcessingPartyFun = (val, Refresh) => {
   $_getProcessor(data)
     .then(res => {
       details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value=false
       // page.value.total = res.data.data.total; //总页数
       if (res.data.data.records.length) {
         Statusprocessing(res.data.data.records);
@@ -3322,6 +3338,7 @@ const DetermineStorage = val => {
   data['assignList'] = details.selectionList.map(item => item.id);
 
   details.loadingObj.list = true; //开启加载效果
+  pageLoad.value=true
   // 完结结果确定
   $_updateManagerConfirmed(data)
     .then(res => {
@@ -3339,6 +3356,7 @@ const DetermineStorage = val => {
     })
     .finally(res => {
       details.loadingObj.list = false; //关闭加载效果
+      pageLoad.value=false
     });
   // 赔款方
   console.log(data, '处理好的值');
@@ -3351,6 +3369,7 @@ const EndArbitration = val => {
     assignList: [val.row.id],
   };
   details.loadingObj.list = true; //开启加载效果
+  pageLoad.value=true
   $_updateArbitrateStatu(data)
     .then(res => {
       console.log(res, '处理成功');
@@ -3367,6 +3386,7 @@ const EndArbitration = val => {
     })
     .finally(() => {
       details.loadingObj.list = false; //开启加载效果
+      pageLoad.value=false
     });
 };
 // 批量仲裁确定
@@ -3401,6 +3421,7 @@ const AllEndArbitration = () => {
     .finally(() => {
       details.selectionList = []; //清空勾选数据
       details.loadingObj.list = false; //开启加载效果
+      pageLoad.value=false
     });
 };
 // 处理完毕里面确定（仓库客服用的）
@@ -3460,6 +3481,7 @@ const ResultConfirmation = val => {
     })
       .then(() => {
         details.loadingObj.list = true; //开启加载效果
+        pageLoad.value=true
         console.log(data, '处理好的数据');
         $_updateWorkOrderStatus(data)
           .then(res => {
@@ -3477,6 +3499,7 @@ const ResultConfirmation = val => {
           })
           .finally(() => {
             details.loadingObj.list = false; //关闭加载效果
+            pageLoad.value=false
           });
       })
       .catch(() => {
@@ -3536,6 +3559,7 @@ const ResultConfirmation = val => {
     })
       .then(() => {
         details.loadingObj.list = true; //开启加载效果
+        pageLoad.value=true
         // 完结结果确定
         $_updateManagerConfirmed(data)
           .then(res => {
@@ -3553,6 +3577,7 @@ const ResultConfirmation = val => {
           })
           .finally(res => {
             details.loadingObj.list = false; //关闭加载效果
+            pageLoad.value=false
           });
         // 赔款方
         console.log(data, '处理好的值');
diff --git a/src/views/aftersales/aftersalesWorkOrderAdd.vue b/src/views/aftersales/aftersalesWorkOrderAdd.vue
index 0b09108f..36f935a1 100644
--- a/src/views/aftersales/aftersalesWorkOrderAdd.vue
+++ b/src/views/aftersales/aftersalesWorkOrderAdd.vue
@@ -1,662 +1,697 @@
 <template>
-  <div v-loading="Addloading" class="page_loading" element-loading-text="Loading...">
-    <el-card class="box-card">
-      <el-tabs type="border-card" class="topClass" @tab-change="TopChange">
-        <el-tab-pane label="订单填写"></el-tab-pane>
-        <el-tab-pane label="零担填写"></el-tab-pane>
+  <div class="pageContent" v-loading="form.Pageloading" element-loading-text="正在加载中...">
+    <!-- 菜单 -->
+    <div class="placeholder">
+      <el-tabs
+        class="tablemun"
+        v-model="form.basis.TabactiveName"
+        type="border-card"
+        @tab-click="TabactiveClick"
+      >
+        <el-tab-pane label="订单填写" :name="1"></el-tab-pane>
+        <el-tab-pane label="零担填写" :name="2"> </el-tab-pane>
       </el-tabs>
-
+    </div>
+    <!-- 主体内容 -->
+    <div class="content">
       <el-form
-        :model="Indexform"
-        label-width="100px"
-        class="IndexFrom"
-        ref="IndexForm"
-        :rules="rules"
+        ref="ruleFormRef"
+        :rules="ruleForm"
+        :model="form"
+        label-width="30%"
+        style="width: 100%"
+        label-position="top"
       >
-        <el-form-item label="异常类型" prop="workOrderType" class="el_inputTop el_Exception">
-          <el-select
-            v-model="Indexform.workOrderType"
-            clearable
-            placeholder="选择工单异常类型"
-            @change="abnormalChange"
-          >
-            <el-option
-              v-for="item in IndexException"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
+        <!-- 头部类型选择 -->
+        <div class="tablemunTop">
+          <!-- 异常类型 -->
+          <el-form-item label="异常类型" prop="basis.workOrderType">
+            <el-select
+              v-model="form.basis.workOrderType"
+              placeholder="请选择异常类型"
+              style="width: 100%"
+              clearable
+            >
+              <el-option
+                v-for="item in Exceptionoptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
 
-        <el-form-item label="发现节点" prop="discoveryNode" class="el_inputTop">
-          <el-select
-            v-model="Indexform.discoveryNode"
-            clearable
-            placeholder="选择发现节点"
-            @change="DiscoveringNodesChange"
-          >
-            <el-option
-              v-for="item in DiscoveringNodes"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
+          <!-- 发现节点 -->
+          <el-form-item label="发现节点" prop="basis.discoveryNode">
+            <el-select
+              v-model="form.basis.discoveryNode"
+              placeholder="请选择发现节点"
+              style="width: 100%"
+              @change="DiscoveringNodesChange"
+              clearable
+            >
+              <el-option
+                v-for="item in Discoveringoptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                clearable
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="异常工单号">
+            <el-input v-model="form.basis.name" disabled placeholder="异常工单号(自动生成)" />
+          </el-form-item>
+        </div>
+
+        <!-- 包件信息  -->
+        <el-tabs
+          v-model="form.activPackage"
+          class="demo-tabs Packagebox"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+        >
+          <el-tab-pane label="包件信息" name="0">
+            <template v-for="(item, index) in form.PackageList" :key="index">
+              <div class="el_Package">
+                <div class="Package">
+                  <span class="Number"> {{ index + 1 }}</span>
+                  <el-form-item
+                    v-if="form.basis.TabactiveName == 1"
+                    :prop="`PackageList[${index}.packageCode]`"
+                    :rules="ruleForm.packageCode"
+                    label="包条码"
+                  >
+                    <el-input
+                      @change="ChangePackageInfo(item)"
+                      v-model="item.packageCode"
+                      placeholder="请输入包条码"
+                      clearable
+                    />
+                  </el-form-item>
+
+                  <el-form-item
+                    label="运单号"
+                    :prop="`PackageList[${index}.waybillNumber]`"
+                    :rules="ruleForm.waybillNumber"
+                  >
+                    <el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable />
+                  </el-form-item>
 
-        <el-form-item label="异常工单号" class="el_inputTop">
-          <el-input
-            v-model="Indexform.workOrderNumber"
-            disabled
-            placeholder="异常工单号(自动生成)"
-            clearable
-          />
-        </el-form-item>
+                  <el-form-item
+                    label="订单自编号"
+                    :prop="`PackageList[${index}.orderCode]`"
+                    :rules="ruleForm.orderCode"
+                  >
+                    <el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable />
+                  </el-form-item>
 
-        <el-tabs type="border-card" class="PackageInformation">
-          <el-tab-pane label="包件信息">
-            <div class="ResponsibilityBoxS">
-              <div
-                class="el_packBtn"
-                v-if="groundlineType == 3 || groundlineType == 5 || groundlineType == 6"
-              >
-                <el-button type="primary" @click="AddPackage"> 添加信息 </el-button>
-              </div>
-              <div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index">
-                <div class="leftbox">
-                  <div class="maxBox" v-if="identifying != '2'">
-                    <el-form-item label="包条码">
-                      <el-tooltip
-                        :content="item.packageCode ? item.packageCode : '包条码'"
-                        placement="top"
-                      >
-                        <el-input
-                          v-model="item.packageCode"
-                          placeholder="请输入包条码"
-                          clearable
-                          @change="ChangePackageInfo(item.packageCode, index)"
-                        />
-                      </el-tooltip>
-                    </el-form-item>
-                  </div>
+                  <el-form-item
+                    label="一级品"
+                    :prop="`PackageList[${index}.first]`"
+                    :rules="ruleForm.first"
+                  >
+                    <el-input v-model="item.first" placeholder="请输入一级品" clearable />
+                  </el-form-item>
 
-                  <div class="maxBox">
-                    <el-form-item label="运单号">
-                      <el-tooltip
-                        :content="item.waybillNumber ? item.waybillNumber : '运单号'"
-                        placement="top"
-                      >
-                        <el-input v-model="item.waybillNumber" placeholder="请输入运单号" />
-                      </el-tooltip>
-                    </el-form-item>
-                  </div>
+                  <el-form-item
+                    label="二级品"
+                    :prop="`PackageList[${index}.secondary]`"
+                    :rules="ruleForm.secondary"
+                  >
+                    <el-input v-model="item.secondary" placeholder="请输入二级品" clearable />
+                  </el-form-item>
 
-                  <div class="maxBox">
-                    <el-form-item label="订单自编号">
-                      <el-tooltip
-                        :content="item.orderCode ? item.orderCode : '订单自编号'"
-                        placement="top"
-                      >
-                        <el-input
-                          v-model="item.orderCode"
-                          :placeholder="identifying != '2' ? '订单自编号' : '请输入订单自编号'"
-                        />
-                      </el-tooltip>
-                    </el-form-item>
+                  <el-form-item
+                    label="品牌"
+                    :prop="`PackageList[${index}.brandName]`"
+                    :rules="ruleForm.brandName"
+                  >
+                    <el-input
+                      v-model="item.brandName"
+                      placeholder="品牌(有则自动带出)"
+                      disabled
+                      clearable
+                    />
+                  </el-form-item>
+                  <div
+                    v-if="['3', '5', '6'].includes(form.basis.discoveryNode)"
+                    style="width: 20%; display: flex"
+                  >
+                    <el-button
+                      v-if="!index"
+                      type="primary"
+                      class="el_addPackage"
+                      @click="Addpackages"
+                      style="margin-top: 2px"
+                    >
+                      <el-icon><Plus /></el-icon>新增包件</el-button
+                    >
+                    <el-button
+                      v-if="index"
+                      type="primary"
+                      class="el_addPackage"
+                      style="margin-top: 2px"
+                      @click="Removepackage(index)"
+                    >
+                      <el-icon><DeleteFilled /></el-icon>移除包件</el-button
+                    >
+                    <div class="el_activPackage_btton" v-if="item.history">
+                      <el-button @click="ViewhistoricalPackages(item)">查看历史包件</el-button>
+                    </div>
                   </div>
+                </div>
+                <!-- 按钮  -->
+              </div>
+            </template>
+            <!-- <div class="el_top">
+              <div class="el_Package_num">
+                <span>共计包件:{{ form.PackageList.length }}</span>
+              </div>
+            </div> -->
+          </el-tab-pane>
+        </el-tabs>
 
-                  <div class="maxBox">
-                    <el-form-item label="一级品">
-                      <el-input
-                        v-model="item.first"
-                        style="width: 240px"
-                        placeholder="请输入一级品"
+        <!-- 基础信息  -->
+        <el-tabs
+          v-model="form.activPackage"
+          class="demo-tabs Packagebox"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+        >
+          <el-tab-pane label="基础信息" name="0">
+            <div class="Basicinformation" style="padding-left: 26px; box-sizing: border-box">
+              <el-form-item
+                label="车次号"
+                prop="basis.trainNumber"
+                v-if="displaySettings.trainNumber"
+              >
+                <el-select
+                  v-model="form.basis.trainNumber"
+                  filterable
+                  allow-create
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="请选择车次号"
+                  style="width: 100%"
+                  clearable
+                  @change="DeliveryTrainnumber"
+                >
+                  <template v-if="form.basis.discoveryNode == 3">
+                    <el-option
+                      v-for="(item, index) in form.Trainoptions"
+                      :key="index"
+                      :label="item.trainNumber"
+                      :value="item.trainNumber"
+                    />
+                  </template>
+
+                  <!-- driverName: itemChid.driverName, // 主司机
+                    taskTime: itemChid.taskTime, // 配送时间
+                    trainNumber: itemChid.trainNumber, //车次号 -->
+
+                  <template v-else>
+                    <el-option
+                      v-for="(item, index) in form.deliver"
+                      :key="index"
+                      :label="item.trainNumber"
+                      :value="item.trainNumber"
+                    />
+                  </template>
+                </el-select>
+              </el-form-item>
+
+              <el-form-item
+                label="配送时间"
+                prop="basis.deliveryTime"
+                v-if="displaySettings.deliveryTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.deliveryTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择配送时间"
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="配送司机"
+                prop="basis.deliveryDriver"
+                v-if="displaySettings.deliveryDriver"
+              >
+                <el-input
+                  v-model="form.basis.deliveryDriver"
+                  placeholder="请输配送司机"
+                  clearable
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="车辆线路"
+                prop="basis.vehicleRoute"
+                v-if="displaySettings.vehicleRoute"
+              >
+                <el-input
+                  v-model="form.basis.vehicleRoute"
+                  placeholder="请输入车辆线路"
+                  clearable
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="发货时间"
+                prop="basis.deliverGoodsTime"
+                v-if="displaySettings.deliverGoodsTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.deliverGoodsTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择发货时间"
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="入库时间"
+                prop="basis.warehousingTime"
+                v-if="displaySettings.warehousingTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.warehousingTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择入库时间"
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="发现时间"
+                prop="basis.discoveryTime"
+                v-if="displaySettings.discoveryTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.discoveryTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择发现时间"
+                />
+              </el-form-item>
+              <!-- 初始必填 -->
+              <el-form-item
+                label="运单商场"
+                prop="basis.waybillMall"
+                v-if="displaySettings.waybillMall"
+              >
+                <el-input v-model="form.basis.waybillMall" placeholder="请输入运单商场" clearable />
+              </el-form-item>
+              <!-- 初始必填 -->
+              <el-form-item
+                label="合作模式"
+                prop="basis.typeServiceName"
+                v-if="displaySettings.typeServiceName"
+              >
+                <el-input
+                  v-model="form.basis.typeServiceName"
+                  placeholder="合作模式(有则自动带出)"
+                  disabled
+                  clearable
+                />
+              </el-form-item>
+              <!-- 初始必填 -->
+              <div class="el_Basic">
+                <el-form-item
+                  label="处理方"
+                  prop="basis.processor"
+                  class="el_Processing"
+                  v-if="displaySettings.processor"
+                >
+                  <el-select
+                    v-model="form.basis.processor"
+                    placeholder="请选择处理方"
+                    style="width: 100%"
+                    multiple
+                    filterable
+                    clearable
+                  >
+                    <el-option
+                      v-for="item in Processingoptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </el-form-item>
+                <!-- 初始必填 -->
+                <el-form-item
+                  label="调查经过"
+                  prop="basis.investigationProcess"
+                  class="el_Investigation"
+                  clearable
+                  v-if="displaySettings.investigationProcess"
+                >
+                  <el-input
+                    v-model="form.basis.investigationProcess"
+                    placeholder="请输调查经过"
+                    type="textarea"
+                    :autosize="{ minRows: 1, maxRows: 10 }"
+                    clearable
+                  />
+                </el-form-item>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+        <!-- 内部责任划分  -->
+        <el-tabs
+          v-model="form.responsibilities"
+          class="demo-tabs responsibilities"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+          v-if="form.basis.discoveryNode != 3"
+        >
+          <el-tab-pane label="内部责任划分" name="0">
+            <div class="el_responsibilities">
+              <template v-for="(item, index) in form.responsibilitiesList" :key="index">
+                <div class="el_responsibilities_box">
+                  <span class="Number"> {{ index + 1 }}</span>
+                  <el-form-item
+                    label="责任方"
+                    class="el_Processing"
+                    :prop="`responsibilitiesList[${index}.businessId]`"
+                    :rules="ruleForm.businessId"
+                  >
+                    <el-select
+                      v-if="form.groundlineType == '1'"
+                      v-model="item.businessId"
+                      placeholder="请选择提货责任方"
+                      style="width: 100%"
+                      clearable
+                      filterable
+                    >
+                      <el-option
+                        v-for="items in item.Processingoptions"
+                        :key="items.value"
+                        :label="items.label"
+                        :value="items.value"
                       />
-                    </el-form-item>
-                  </div>
-
-                  <div class="maxBox">
-                    <el-form-item label="二级品">
-                      <el-input
-                        v-model="item.secondary"
-                        style="width: 240px"
-                        placeholder="请输入二级品"
+                    </el-select>
+                    <el-select
+                      v-else
+                      v-model="item.businessId"
+                      placeholder="请选择责任方"
+                      style="width: 100%"
+                      clearable
+                      filterable
+                      @change="ResponsiblePartychange(item)"
+                    >
+                      <el-option
+                        v-for="items in item.Responsibleoptions"
+                        :key="items.value"
+                        :label="items.label"
+                        :value="items.value"
                       />
-                    </el-form-item>
-                  </div>
-
-                  <div class="maxBox">
-                    <el-form-item label="品牌">
-                      <el-tooltip
-                        :content="item.brandName ? item.brandName : '品牌'"
-                        placement="top"
-                      >
-                        <el-input
-                          v-model="item.brandName"
-                          :disabled="identifying != '2'"
-                          :placeholder="identifying != '2' ? '品牌(自动带出)' : '请输入品牌'"
-                        />
-                      </el-tooltip>
-                    </el-form-item>
-                  </div>
-
-                  <div class="maxBox" v-if="identifying != '1'">
-                    <el-form-item> </el-form-item>
-                  </div>
-                </div>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item
+                    label="责任人"
+                    class="el_Processing"
+                    :prop="`responsibilitiesList[${index}.personResponsibleId]`"
+                    :rules="ruleForm.personResponsibleId"
+                  >
+                    <el-input
+                      v-if="form.groundlineType == '1'"
+                      v-model="item.personResponsibleId"
+                      placeholder="请输入责任人"
+                      clearable
+                    />
+                    <el-select
+                      v-else
+                      v-model="item.personResponsibleId"
+                      style="width: 100%"
+                      filterable
+                      clearable
+                    >
+                      <el-option
+                        v-for="items in item.ResponsibleoNameptions"
+                        :key="items.value"
+                        :label="items.name"
+                        :value="items.id"
+                      />
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item
+                    label="占比(%)"
+                    :prop="`responsibilitiesList[${index}.responsibilityRatio]`"
+                    :rules="ruleForm.responsibilityRatio"
+                    @change="CompanyProportionInput"
+                  >
+                    <el-input-number
+                      v-model="item.responsibilityRatio"
+                      :min="0"
+                      :max="item.ProportionMax"
+                      :controls="false"
+                      :value-on-clear="0"
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    label="三方责任人"
+                    :prop="`responsibilitiesList[${index}.tripartite]`"
+                    :rules="ruleForm.tripartite"
+                  >
+                    <el-input v-model="item.tripartite" placeholder="请输入三方责任人" clearable />
+                  </el-form-item>
+                  <el-form-item
+                    label="说明"
+                    class="el_Investigation"
+                    clearable
+                    :prop="`responsibilitiesList[${index}.description]`"
+                    :rules="ruleForm.description"
+                  >
+                    <el-input
+                      v-model="item.description"
+                      placeholder="请输入说明"
+                      type="textarea"
+                      :autosize="{ minRows: 1, maxRows: 4 }"
+                      clearable
+                    />
+                  </el-form-item>
 
-                <div class="el-btn">
-                  <el-button v-if="item.state" type="primary" @click="historicalPackages(index)">
-                    查看历史包件
-                  </el-button>
                   <el-button
-                    v-if="groundlineType == 3 || groundlineType == 5 || groundlineType == 6"
+                    v-if="!index"
+                    type="primary"
+                    class="el_addPackage"
+                    @click="AddResponsible"
+                    style="margin-top: 2px"
+                  >
+                    <el-icon><Plus /></el-icon>新增责任</el-button
+                  >
+                  <el-button
+                    style="margin-top: 2px"
+                    v-if="index"
                     type="primary"
-                    @click="PackagRemoval(index)"
+                    @click="Responsemoval(index)"
+                  >
+                    <el-icon><DeleteFilled /></el-icon>移除责任</el-button
                   >
-                    移除
-                  </el-button>
                 </div>
-              </div>
-              <div class="NumTotal">
-                <span>总件数:{{ NumberPackages }}</span>
+                <div></div>
+              </template>
+            </div>
+            <div class="el_top">
+              <div class="el_Package_num">
+                <span>公司占比:{{ form.Proportion }}(%)</span>
               </div>
             </div>
           </el-tab-pane>
         </el-tabs>
 
-        <!-- 必填(提货环节可以不填写运单号) -->
-        <!-- 必填 -->
-
-        <el-form-item
-          label="车次号"
-          prop="trainNumber"
-          v-if="
-            groundlineType == 3 || groundlineType == 5 || groundlineType == 7 || groundlineType == 6
-          "
-        >
-          <!-- <el-input
-          v-model="Indexform.trainNumber"
-          placeholder="请输入车次号"
-          clearable
-    
-        /> -->
-
-          <el-select
-            v-model="Indexform.trainNumber"
-            filterable
-            allow-create
-            default-first-option
-            :reserve-keyword="false"
-            placeholder="请选择车次号"
-            @change="DeliveryTrainnumber"
-          >
-            <el-option
-              v-for="item in TrainnumberList"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item
-          label="配送时间"
-          prop="deliveryTime"
-          v-if="groundlineType == 5 || groundlineType == 7 || groundlineType == 6"
-        >
-          <el-date-picker
-            v-model="Indexform.deliveryTime"
-            type="datetime"
-            format="YYYY-MM-DD"
-            value-format="YYYY-MM-DD"
-            placeholder="请选择配送时间"
-          />
-        </el-form-item>
-
-        <!-- 必填 -->
-
-        <el-form-item
-          label="配送司机"
-          prop="deliveryDriver"
-          v-if="groundlineType == 5 || groundlineType == 7 || groundlineType == 6"
-        >
-          <el-input v-model="Indexform.deliveryDriver" placeholder="请输入配送司机" clearable />
-          <!-- <el-select
-          v-model="Indexform.deliveryDriver"
-          filterable
-          default-first-option
-          :reserve-keyword="false"
-          placeholder="请输入配送司机"
-          @change="changeDeliveryDriver"
-        >
-          <el-option
-            v-for="item in DeliveryDriver"
-            :key="item.value"
-            :label="item.driverName + '-' + item.trainNumber"
-            :value="item.id"
-          />
-        </el-select> -->
-        </el-form-item>
-
-        <el-form-item prop="vehicleRoute" label="车辆路线" v-if="groundlineType == 3">
-          <el-input v-model="Indexform.vehicleRoute" placeholder="请输入车辆路线" clearable />
-        </el-form-item>
-
-        <el-form-item label="发货时间" prop="deliverGoodsTime" v-if="groundlineType == 2">
-          <el-date-picker
-            v-model="Indexform.deliverGoodsTime"
-            type="datetime"
-            format="YYYY-MM-DD"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="请选择发货时间"
-          />
-        </el-form-item>
-
-        <el-form-item label="入库时间" prop="warehousingTime" v-if="groundlineType == 4">
-          <el-date-picker
-            v-model="Indexform.warehousingTime"
-            type="datetime"
-            format="YYYY-MM-DD HH:mm:ss"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="请选择入库"
-          />
-        </el-form-item>
-
-        <el-form-item
-          label="发现时间"
-          prop="discoveryTime"
-          v-if="
-            groundlineType == 4 || groundlineType == 5 || groundlineType == 6 || groundlineType == 7
-          "
+        <!-- 处理结果-理赔金额  -->
+        <el-tabs
+          v-model="form.ProcessingTab"
+          class="demo-tabs Processingresults"
+          v-loading="form.Packageloading"
+          v-if="ProcessingState"
         >
-          <el-date-picker
-            v-model="Indexform.discoveryTime"
-            type="datetime"
-            format="YYYY-MM-DD HH:mm:ss"
-            value-format="YYYY-MM-DD HH:mm:ss"
-            placeholder="请选择发现时间"
-          />
-        </el-form-item>
-
-        <!-- <el-form-item label="一级品" prop="first">
-        <el-input v-model="Indexform.first" placeholder="请输入一级品类" />
-      </el-form-item> -->
-
-        <!-- <el-form-item label="二级品" prop="secondary">
-        <el-input v-model="Indexform.secondary" placeholder="请输入二级品类" />
-      </el-form-item> -->
-
-        <!-- 必填 -->
-        <el-form-item label="运单商场" prop="waybillMall">
-          <el-input v-model="Indexform.waybillMall" placeholder="请输入运单商场" />
-        </el-form-item>
-
-        <el-form-item label="合作模式">
-          <el-input
-            v-model="Indexform.typeServiceName"
-            disabled
-            placeholder="合作模式(存在则自动带出)"
-            clearable
-          />
-        </el-form-item>
-
-        <!-- <el-form-item label="钉钉流程号">
-        <el-input v-model="Indexform.processNumber" placeholder="请输入钉钉流程号" />
-      </el-form-item> -->
-
-        <!-- 必填 -->
-        <!-- <el-form-item label="异常问题描述">
-        <el-input v-model="Indexform.problemDescription" placeholder="请输入异常问题" clearable />
-      </el-form-item> -->
-
-        <el-form-item label="处理方" prop="processor">
-          <el-select
-            v-model="Indexform.processor"
-            clearable
-            filterable
-            multiple
-            placeholder="请选择处理方"
-            @change="Processingrelease"
-          >
-            <el-option
-              v-for="item in warehouseData"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item v-if="isShowFormItem1"></el-form-item>
-        <el-form-item v-if="isShowFormItem2"> </el-form-item>
-        <el-form-item v-if="isShowFormItem3"> </el-form-item>
-        <el-form-item v-if="isShowFormItem4"> </el-form-item>
-
-        <el-form-item label="调查经过" prop="investigationPocess" class="Investigationprocess">
-          <el-input
-            v-model="Indexform.investigationPocess"
-            placeholder="请输入调查经过"
-            clearable
-            :rows="1"
-            type="textarea"
-          />
-        </el-form-item>
-
-        <el-tabs type="border-card" class="el_nint">
-          <el-tab-pane label="内部责任划分">
-            <div class="ResponsibilityBox">
-              <div><el-button type="primary" @click="responsibleParty"> 添加信息 </el-button></div>
-              <div class="el_btbox" v-for="(item, index) in FangAddList" :key="index">
-                <div class="leftbox">
-                  <div class="maxBox">
-                    <!-- <span class="title"></span> -->
-
-                    <!-- 提货环节  -->
-                    <el-form-item label="责任方" prop="processor">
-                      <el-select
-                        v-model="item.businessName"
-                        clearable
-                        placeholder="请选提货择责任方"
-                        v-if="groundlineType == 1"
-                      >
-                        <el-option
-                          v-for="item in responsible"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        />
-                      </el-select>
-
-                      <el-select
-                        v-else
-                        v-model="item.businessName"
-                        filterable
-                        clearable
-                        placeholder="请选择责任方"
-                        @change="ResponsiblePartychange(item.businessName, index)"
-                      >
-                        <el-option
-                          v-for="item in warehouseData"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        />
-                      </el-select>
+          <el-tab-pane label="处理结果-理赔金额" name="0">
+            <el-form-item label="" prop="basis.result">
+              <el-select
+                v-model="form.basis.result"
+                placeholder="请选择处理结果类型"
+                style="width: 100%"
+                clearable
+                multiple
+                @change="Claimssettlement"
+              >
+                <el-option
+                  v-for="item in Processingresultsoptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <!-- 处理结果循环列表 -->
+            <div class="el_Processingresults">
+              <template v-for="(item, index) in form.Claimamount" :key="index + item.title">
+                <div class="el_Processingresults_box">
+                  <span class="el_title">{{ item.title }}</span>
+                  <div class="el_Processingresults_box_list">
+                    <el-form-item
+                      label="金额"
+                      :prop="`Claimamount[${index}.money]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-input-number
+                        v-model="item.money"
+                        :min="0"
+                        :max="9999999"
+                        :controls="false"
+                        :value-on-clear="0"
+                        @change="Totalamount"
+                      />
                     </el-form-item>
-                  </div>
 
-                  <div class="maxBox">
-                    <el-form-item label="责任人">
+                    <el-form-item
+                      label="支付单位"
+                      :prop="`Claimamount[${index}.paymentUnit]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" clearable />
+                    </el-form-item>
+                    <el-form-item
+                      label="理赔支付时间"
+                      :prop="`Claimamount[${index}.compensationTime]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-date-picker
+                        v-model="item.compensationTime"
+                        type="datetime"
+                        format="YYYY-MM-DD"
+                        value-format="YYYY-MM-DD HH:mm:ss"
+                        placeholder="理赔支付时间"
+                        size="default"
+                      />
+                    </el-form-item>
+                    <el-form-item
+                      label="支付方式"
+                      :prop="`Claimamount[${index}.compensationMethod]`"
+                      :rules="ruleForm.packageCode"
+                    >
                       <el-select
-                        v-if="groundlineType != 1"
-                        v-model="item.personResponsibleName"
+                        v-model="item.compensationMethod"
+                        placeholder="请选择支付方式"
+                        style="width: 100%"
                         clearable
-                        filterable
-                        placeholder="请选责任人"
-                        allow-create
-                        default-first-option
                       >
                         <el-option
-                          v-for="item in item.personResponsibleList"
-                          :key="item.id"
-                          :label="item.name"
-                          :value="item.id"
+                          v-for="items in item.Paymentmethod"
+                          :key="items.value"
+                          :label="items.label"
+                          :value="items.value"
                         />
                       </el-select>
-
-                      <el-input
-                        v-else
-                        v-model="item.personResponsibleName"
-                        placeholder="请输入责任人"
-                      />
-                    </el-form-item>
-                  </div>
-                  <div class="maxBox el_zb">
-                    <el-form-item label="占比" class="title">
-                      <el-input-number
-                        :controls="false"
-                        v-model="item.responsibilityRatio"
-                        placeholder="占比 "
-                        :min="0"
-                        :max="item.ProportionMax"
-                        :value-on-clear="0"
-                        v-percentage
-                        @input="CompanyProportionInput(item)"
-                      />
-
-                      <span class="percentage">%</span>
-                    </el-form-item>
-                  </div>
-                  <div class="maxBox">
-                    <el-form-item label="三方责任人">
-                      <el-input v-model="item.tripartite" placeholder="请输入三方责任人" />
-                    </el-form-item>
-                  </div>
-
-                  <div class="maxBox illustrate">
-                    <el-form-item label="说明">
-                      <el-input
-                        v-model="item.description"
-                        type="textarea"
-                        placeholder="请输入说明 "
-                        :rows="1"
-                      />
                     </el-form-item>
                   </div>
                 </div>
-                <div class="el-btn el_btn_remove">
-                  <el-button type="primary" @click="ResponsibilityRemoval(index)"> 移除 </el-button>
-                </div>
-              </div>
-              <div class="Proportion">
-                <span class="title">公司占比:{{ companyProportion }}%</span>
-              </div>
+              </template>
+
+              <!-- resultDescription -->
             </div>
-          </el-tab-pane>
-        </el-tabs>
-      </el-form>
-      <el-tabs type="border-card" class="el_Processingresults" v-if="ProcessingreleaseState">
-        <el-tab-pane label="处理结果">
-          <div class="selector">
-            <el-select
-              v-model="Indexform.result"
-              multiple
-              filterable
-              default-first-option
-              :reserve-keyword="false"
-              placeholder="请选择处理结果"
-              @change="changeProcessingResults"
-            >
-              <el-option
-                v-for="item in ProcessingResults"
-                :key="item.dictKey"
-                :label="item.dictValue"
-                :value="item.dictKey"
+            <el-form-item label="处理结果说明">
+              <el-input
+                v-model="form.basis.resultDescription"
+                placeholder="请输入处理结果说明"
+                type="textarea"
+                :autosize="{ minRows: 1, maxRows: 4 }"
+                clearable
               />
-            </el-select>
-          </div>
-
-          <div class="ProcessingResults" v-if="ProcessingList.length">
-            <div class="title">处理结果-理赔金额</div>
-            <div class="Listadmiration">
-              <div class="name" v-for="(item, index) in ProcessingList" :key="index">
-                <span style="width: 120px">{{ item.name }}:</span>
-                <div class="payment_right">
-                  <el-input-number
-                    v-model="item.input"
-                    :min="item.min"
-                    :max="item.max"
-                    @change="TotalChange"
-                  />
-                  <div class="Paymentname" @click="PaymentSelection(item)">
-                    {{ item.payment ? item.text : '支付方式' }}
-                  </div>
-                  <div class="el_PaymentUnit">
-                    <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" />
-                  </div>
-                  <el-date-picker
-                    v-model="item.compensationTime"
-                    type="datetime"
-                    format="YYYY-MM-DD"
-                    value-format="YYYY-MM-DD HH:mm:ss"
-                    placeholder="理赔支付时间"
-                  />
-                </div>
+            </el-form-item>
+            <div class="el_top">
+              <div class="el_Package_num">
+                <span>总计金额:{{ form.Totalamount }}(元)</span>
               </div>
             </div>
+          </el-tab-pane>
+        </el-tabs>
 
-            <div class="el_tool">
-              <span>总金额:{{ TotalClaimAmount }}</span>
-            </div>
-          </div>
-        </el-tab-pane>
-      </el-tabs>
-
-      <div class="Transport_damage_photos" v-if="SelectType == 1 || SelectType == 3">
-        <span class="title">{{
-          SelectType == 1 ? '运损照片' : SelectType == 3 ? '窜货照片' : '照片'
-        }}</span>
-        <el-upload
-          v-model:file-list="Indexform.packList"
-          list-type="picture-card"
-          :on-preview="pictureList"
-          :on-remove="ImgListRemove"
-          :action="doubledCount"
-          :on-success="ImgSuccess"
-          :before-upload="beforeAvatarUpload"
-          :headers="headers"
-          multiple
-          drag
+        <!-- 照片上传 -->
+        <el-tabs
+          v-model="form.responsibilities"
+          class="demo-tabs responsibilities"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+          v-if="['1', '3'].includes(form.basis.discoveryNode)"
         >
-          <el-icon><Plus /></el-icon>
-        </el-upload>
-
-        <el-dialog v-model="dialogImgList" width="30%">
-          <el-image
-            :src="amplifyurl"
-            :zoom-rate="1.2"
-            :max-scale="7"
-            :min-scale="0.2"
-            :preview-src-list="amplifysrcList"
-            :initial-index="4"
-            fit="cover"
-          />
-        </el-dialog>
-      </div>
-
-      <div class="dialog-footer footer_el">
-        <!-- <el-button @click="Indexdialog = false">取消</el-button> -->
-        <el-button type="primary" @click="ConfirmForm"> 提交 </el-button>
-      </div>
-    </el-card>
-
-    <!-- <div v-if="routerState" class="foot_btn">
-    <el-button type="primary" @click="ConfirmForm">新增记录</el-button>
-    <el-button type="primary" @click="ConfirmForm">完结 </el-button>
-    <el-button type="primary" @click="ConfirmForm">打回 </el-button>
-  </div> -->
-
-    <!-- 少货件数大于3 -->
-    <el-dialog
-      :show-close="false"
-      v-model="ShortageState"
-      title="少货件数"
-      width="40%"
-      @close="ShortageStateFun"
-      lock-scroll
-      draggable
-    >
-      <div class="ShortageStatenum" v-for="item in ShortageList">
-        <span class="title">件数{{ item.number }}</span
-        ><el-input v-model="item.packageCode" placeholder="请输入包条码" />
-      </div>
-
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="ShortageCancellation">取消</el-button>
-          <el-button type="primary" @click="ShortageState = false"> 确认信息 </el-button>
-        </span>
-      </template>
-    </el-dialog>
-
-    <!-- 窜货件数大于3 -->
-    <el-dialog
-      :show-close="false"
-      v-model="fleeingState"
-      title="窜货件数"
-      width="40%"
-      @close="fleeingFun"
-      lock-scroll
-      draggable
-    >
-      <div class="ShortageStatenum" v-for="item in fleeingList">
-        <span class="title">件数{{ item.number }}</span
-        ><el-input v-model="item.packageCode" placeholder="请输入包条码" />
-      </div>
-
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="fleeingCancellation">取消</el-button>
-          <el-button type="primary" @click="ShortageState = false"> 确认信息 </el-button>
-        </span>
-      </template>
-    </el-dialog>
-
-    <el-dialog v-model="dialogHistoricalPackage" title="查看历史包件" width="30%">
-      <el-form-item label="历史包件选择">
-        <el-select v-model="HistoricalPackageinput" clearable filterable placeholder="请选择包件">
+          <el-form-item label="">
+            <el-tab-pane label="照片" name="0">
+              <el-upload
+                v-model:file-list="form.fileList"
+                :action="action"
+                :headers="headers"
+                :on-success="ImgSuccess"
+                :before-upload="beforeAvatarUpload"
+                drag
+                multiple
+                list-type="picture-card"
+              >
+                <el-icon><Plus /></el-icon>
+              </el-upload>
+            </el-tab-pane>
+          </el-form-item>
+        </el-tabs>
+        <!-- 操作按钮 -->
+        <div class="flex-c-c">
+          <el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button>
+          <el-button type="primary" icon="Position" @click="onSubmit">提交</el-button>
+          <el-button v-if="allFieldsFilled" type="primary" icon="Position" @click="onSubmit"
+            >处理完毕</el-button
+          >
+        </div>
+      </el-form>
+    </div>
+  </div>
+  <!-- 历史包件弹窗  -->
+  <el-dialog v-model="form.historydialog" title="查看历史包件" width="500">
+    <div class="el_details">
+      <el-form-item label="历史包件">
+        <el-select v-model="form.discoveryNode" placeholder="历史包件选择" style="width: 100%">
           <el-option
-            v-for="item in HistoricalPackageList"
-            :key="item.value"
+            v-for="item in form.Historicalpackage"
+            :key="item.workOrderId"
             :label="item.workOrderNumber"
             :value="item.workOrderId"
           />
         </el-select>
-        <el-button @click="ViewPackageDetails(HistoricalPackageinput)">查看详情</el-button>
       </el-form-item>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="dialogHistoricalPackage = false">取消</el-button>
-          <el-button type="primary" @click="HistoricalPackage(HistoricalPackageinput)">
-            确定选择
-          </el-button>
-        </span>
-      </template>
-    </el-dialog>
+      <el-button @click="Viewdetails(form.discoveryNode)">查看详情</el-button>
+    </div>
 
-    <!-- 支付方式选择 -->
-    <el-dialog v-model="ZFdialog" title="支付方式选择" width="45%" class="ZFfsLoad">
-      <el-radio-group v-model="Indexform.compensationMethod">
-        <el-radio
-          :label="item.dictKey"
-          v-for="item in Paymentmethod"
-          :key="item.dictKey"
-          size="large"
-          border
-          >{{ item.dictValue }}</el-radio
-        >
-      </el-radio-group>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="ZFdialog = false">取消</el-button>
-          <el-button type="primary" @click="PaymentConfirmation(Indexform.compensationMethod)">
-            确定
-          </el-button>
-        </span>
-      </template>
-    </el-dialog>
-  </div>
+    <!-- <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="form.historydialog = false"> 取消</el-button>
+        <el-button type="primary" @click="historyPush">查看</el-button>
+      </div>
+    </template> -->
+  </el-dialog>
 </template>
 
 <script setup>
+import { ref, reactive, computed } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import { useRouter, useRoute } from 'vue-router';
+import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import { useStore } from 'vuex';
 const $store = useStore();
-import { getDictionaryBiz } from '@/api/system/dict'; //字典
-import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import {
   $_getList,
   $_submit,
@@ -666,104 +701,122 @@ import {
   $_getAbnormalPackage,
   $_shippingInformation,
 } from '@/api/aftersales/aftersalesWorkOrder';
-import { computeNumber } from '@/utils/util';
-import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
+import { deepClone } from '@/utils/util';
 import { getToken } from '@/utils/auth';
+import error from '@/error';
 const $router = useRouter();
-const $route = useRoute();
-const Indexform = ref({
-  packList: [],
-  decreaseImageEntityList: [], //处理好的图片数据
-  discoveryNode: '1',
-}); //首页新增表单
-const ProcessingResults = ref([]); //处理结果列表选项
-const Addloading = ref(false);
-const IndexException = ref([]); //异常类型下拉选择
-const ZFname = ref(''); //支付名字预留状态
-const IndexForm = ref(null); //表格ref实力
-const DiscoveringNodes = ref([]); //发现节点下拉选择
-const warehouseData = ref([]); //处理方
-const SelectType = ref(null); //类型
-const HistoricalPackageinput = ref(''); //历史包件选择
-const dialogImageUrl = ref(null); //图片
-const dialogVisible = ref(null); //图片
-const groundlineSet = ref(true); //干线条件都满足
-const TotalClaimAmount = ref(0); //总金额
-const TrainnumberList = ref([]); //车次号列表
-const TrainnumberMax = ref([]); //所有车次号
-const groundlineType = ref(null); //干线状态
-const Inputbox = ref(true); //调查经过输入框状态
-const ShortageState = ref(false); //少货件数弹窗状态
-const fleeingState = ref(false); //窜货件数弹窗
-const DeliveryprocessData = ref([]); //配送环节数据
-const ShortageList = ref([]); //少货件数
-const fleeingList = ref([]); //窜货件数
-const valueStrictly = ref();
-const ProcessingreleaseState = ref(false); //是否可以填写处理结果
-const routerID = ref(null); //路由参数ID
-const routerState = ref(''); //路由状态
-const personResponsibleList = ref([]); //责任人列表
-const ZFdialog = ref(false); //支付方式弹出
-const companyProportion = ref(100); //公司占比
-const identifying = ref(1); //订单，零担状态
-const MainlineUnloadingData = ref([]); //干线卸货数据
-const dialogHistoricalPackage = ref(false); //历史包件弹窗
-const HistoricalPackageList = ref([]); //历史包件数组
-const DeliveryprocessTime = ref([]); //配送环节时间
-const HistorIndex = ref(0); //历史包件索引
-const NumberPackages = ref(0); //包件个数
-const dialogImgList = ref(false); //图片预览弹窗
-const amplifyurl = ref(''); //当前点击的图片
-const amplifysrcList = ref([]); //图片循环列表
-const ProcessingList = ref([]); //处理结果已经选择的列表
-const Paymentmethod = ref([]); //支付方式
-const Mydata = ref(); //当前登录人信息
-const PackageInfo = ref([
-  //包件信息
-  {
-    packageCode: '',
-    orderCode: '',
-    first: '',
-    secondary: '',
-    waybillNumber: '',
-    brandName: '',
-    state: false,
-  },
-]);
-// 责任方列表
-const FangAddList = ref([
-  {
-    businessName: '',
-    personResponsibleName: '',
-    responsibilityRatio: '',
-    description: '',
-    tripartite: '',
-    ProportionMax: 100,
-  },
-]);
-// 提货责任方
-const responsible = ref([
-  {
-    value: '1',
-    label: '工厂',
-  },
-  {
-    value: '2',
-    label: '外包搬运',
-  },
-  {
-    value: '3',
-    label: '物流',
+const formCopy = ref({}); //用于重置表单
+const form = ref({
+  basis: {
+    TabactiveName: 1, //工单类型菜单
+  }, //基础信息
+  Totalamount: 0, //总金额
+  activPackage: '0', //包件信息菜单
+  responsibilities: '0', //内部责任菜单
+  ProcessingTab: '0', //处理结果菜单
+  Pageloading: false, //页面加载
+  Packageloading: false, //包件加载
+  historydialog: false, //历史包件弹窗
+  groundlineType: 0, //发现节点
+  Proportion: 100, //公司占比
+  totalMax: 100, //公司占比最大值
+  Processed: false, //是可以填写处理结果
+  //   包件列表
+  PackageList: [
+    {
+      packageCode: '', //包条码
+      waybillNumber: '', //运单号
+      orderCode: '', //订单自编号
+      first: '', //一级品
+      secondary: '', //二级品
+      brandName: '', //品牌
+      history: true, //是否有历史包间
+    },
+  ], //历史包件列表
+  Historicalpackage: [],
+  //   内部责任划分
+  responsibilitiesList: [
+    {
+      businessId: '', //责任方
+      personResponsibleId: '', //责任人
+      responsibilityRatio: 0, //占比
+      description: '', //三方责任人
+      tripartite: '', //说明
+      ProportionMax: 100, //最大值校验
+      Processingoptions: [
+        //提货责任方列表
+      ],
+      Responsibleoptions: [
+        // 责任方
+      ],
+      ResponsibleoNameptions: [
+        // 责任人列表
+      ],
+    },
+  ],
+  Trainoptions: [], //干线车次号
+  deliver: [], //配送车次号
+  //   理赔金额
+  Claimamount: [],
+  fileList: [], //照片
+});
+const myData = ref({}); //用户信息记录
+const ruleForm = reactive({
+  basis: {
+    workOrderType: [{ required: true, message: '请选择异常类型', trigger: ['bulr', 'change'] }],
+    discoveryNode: [{ required: true, message: '请选择发现节点', trigger: ['bulr', 'change'] }],
+    trainNumber: [{ required: true, message: '请选择车次号', trigger: ['bulr', 'change'] }],
+    deliveryTime: [{ required: true, message: '请输入配送时间', trigger: ['bulr', 'change'] }],
+    deliveryDriver: [{ required: true, message: '请输入配送司机', trigger: ['bulr', 'change'] }],
+    vehicleRoute: [{ required: true, message: '请输入车辆线路', trigger: ['bulr', 'change'] }],
+    deliverGoodsTime: [{ required: true, message: '请输入发货时间', trigger: ['bulr', 'change'] }],
+    warehousingTime: [{ required: true, message: '请选择入库时间', trigger: ['bulr', 'change'] }],
+    discoveryTime: [{ required: true, message: '请选择发现时间', trigger: ['bulr', 'change'] }],
+    waybillMall: [{ required: true, message: '请输入运单商场', trigger: ['bulr'] }],
+    typeServiceName: [{ required: false, message: '请输入合作模式', trigger: ['bulr', 'change'] }],
+    investigationProcess: [
+      { required: true, message: '请输入调查经过', trigger: ['bulr', 'change'] },
+    ],
+    result: [{ required: true, message: '请输选择处理结果', trigger: ['bulr'] }],
+    processor: [{ required: true, message: '请输入处理方', trigger: ['bulr'] }],
   },
-]);
 
-const DeliveryDriver = ref([]);
-// 图片列表
-const fileList = ref([]);
+  packageCode: [{ required: true, message: '请输入包条码', trigger: ['bulr', 'change'] }],
+  waybillNumber: [{ required: true, message: '请输入运单号', trigger: ['bulr', 'change'] }],
+  orderCode: [{ required: true, message: '请输入订单自编号', trigger: ['bulr', 'change'] }],
+  first: [{ required: true, message: '请输入一级品', trigger: ['bulr', 'change'] }],
+  secondary: [{ required: true, message: '请输入二级品', trigger: ['bulr', 'change'] }],
+  brandName: [{ required: false, message: '请输入品牌', trigger: ['bulr', 'change'] }],
+
+  businessId: [{ required: true, message: '请选择责任方', trigger: ['bulr', 'change'] }],
+  personResponsibleId: [{ required: true, message: '请输入责任人', trigger: ['bulr', 'change'] }],
+  responsibilityRatio: [{ required: true, message: '请输入占比', trigger: ['bulr', 'change'] }],
+  tripartite: [{ required: true, message: '请输入三方责任人', trigger: ['bulr', 'change'] }],
+  description: [{ required: true, message: '请输入说明', trigger: ['bulr', 'change'] }],
+  money: [{ required: true, message: '请输入金额', trigger: ['bulr', 'change'] }],
+  paymentUnit: [{ required: true, message: '请输入支付单位', trigger: ['bulr', 'change'] }],
+  compensationTime: [{ required: true, message: '请输选择支付时间', trigger: ['bulr', 'change'] }],
+  compensationMethod: [
+    { required: true, message: '请输选择支付方式', trigger: ['bulr', 'change'] },
+  ],
+});
+const ResponsibleParty = ref([]); //提货责任方
+const ruleFormRef = ref(); //表单示例
+// 异常类型
+const Exceptionoptions = ref([]);
+// 发现节点
+const Discoveringoptions = ref([]);
+// 处理方/责任方
+const Processingoptions = ref([]);
+// 支付方式
+const Paymentmethodoptions = ref([]);
+// 处理结果
+const Processingresultsoptions = ref([]);
 // 字典公共函数
-function updateDictionary(targetArray, dictionaryType) {
-  getDictionaryBiz(dictionaryType).then(res => {
-    console.log(res, '字典');
+async function updateDictionary(targetArray, dictionaryType) {
+  await getDictionaryBiz(dictionaryType).then(res => {
     res.data.data.forEach(item => {
       targetArray.push({
         value: item.dictKey,
@@ -772,1580 +825,1090 @@ function updateDictionary(targetArray, dictionaryType) {
     });
   });
 }
-// 图片上传必须携带TOKEN
-const headers = computed(() => {
-  return { 'Blade-Auth': 'Bearer ' + getToken() };
-});
-// 图片上传接口
-const doubledCount = computed(() => {
-  return '/api/blade-resource/oss/endpoint/put-file';
-});
-// 图片上传接口
-
-// 图片上传成功回调函数
-const ImgSuccess = (response, uploadFile) => {
-  if (response.success === true) {
-    console.log(response);
-    console.log(Indexform.value['packList'], '图片列表');
-    amplifysrcList.value.push(response.data.link);
-  }
+// 获取处理方和责任方
+const Handling = async () => {
+  await getDeptWarehouse().then(res => {
+    let data = [];
+    if (res.data.code == 200) {
+      if (res.data && res.data.data.length) {
+        res.data.data.forEach(item => {
+          data.push({
+            value: item.id,
+            label: item.name,
+          });
+        });
+      }
+      Processingoptions.value = deepClone(data);
+    }
+  });
 };
-
-// 上传图片规则
-const beforeAvatarUpload = rawFile => {
-  console.log(rawFile);
-  if (rawFile.type !== 'image/png' && rawFile.type !== 'image/jpeg') {
-    ElMessage.error('图片格式只能为 png/jpg!');
-    return false;
-  } else if (rawFile.size / 1024 / 1024 > 10) {
-    ElMessage.error('图片大小不能大于10MB!');
-    return false;
-  }
-  return true;
+// 内部责任划分初始化
+const responsibilities = async () => {
+  // 内部责任划分处理
+  form.value.responsibilitiesList = await [
+    {
+      businessId: '', //责任方
+      personResponsibleId: '', //责任人
+      responsibilityRatio: 0, //占比
+      description: '', //三方责任人
+      tripartite: '', //说明
+      ProportionMax: 100, //最大值校验
+      Processingoptions: [
+        //提货责任方列表
+        ...ResponsibleParty.value,
+      ],
+      Responsibleoptions: [
+        // 责任方
+        ...Processingoptions.value,
+      ],
+      ResponsibleoNameptions: [
+        // 责任人列表
+      ],
+      id: 1,
+    },
+  ];
 };
-// 点击图片列表回调
-const pictureList = val => {
-  console.log(val, '图片列表');
-  dialogImgList.value = true;
-  console.log(val, '图片列表');
-  amplifyurl.value = val.url;
+// 包件列表重置
+const PackageListReset = async () => {
+  //包件列表
+  form.value.PackageList = await [
+    {
+      packageCode: '', //包条码
+      waybillNumber: '', //运单号
+      orderCode: '', //订单自编号
+      first: '', //一级品
+      secondary: '', //二级品
+      brandName: '', //品牌
+      history: false, //是否有历史包间
+      id: 1,
+    },
+  ];
 };
-// 点击图片移除
-const ImgListRemove = val => {
-  console.log(val, '移除图片');
-  amplifysrcList.value = amplifysrcList.value.filter(item => item !== val.response.data.link);
+// 页面初始化数据处理
+const PageState = () => {
+  if (localStorage.getItem('my_data')) {
+    myData.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
+  }
+  // 内部责任划分初始化
+  responsibilities();
+  //包件列表初始化
+  PackageListReset();
+  formCopy.value = deepClone(form.value); //用于拷贝一份重置数据
 };
-// 处理方和责任方获取数据
-const handle = () => {
-  getDeptWarehouse().then(res => {
-    res.data.data.forEach(item => {
-      warehouseData.value.push({
-        value: item.id,
-        label: item.name,
-      });
-    });
-  });
+// 页面必要初始化请求
+const onLoad = async () => {
+  form.value.Pageloading = true; //开启页面加载
+  await updateDictionary(Exceptionoptions.value, 'pc_work_order'); //异常类型
+  await updateDictionary(Discoveringoptions.value, 'pc_discovery_node'); //发现环节
+  await updateDictionary(ResponsibleParty.value, 'Responsible_party'); //责任方
+  await updateDictionary(Paymentmethodoptions.value, 'payment_method'); //支付方式
+  await updateDictionary(Processingresultsoptions.value, 'result_handling'); //理赔选择
+  await Handling(); //获取处理方和责任方
+  await PageState(); //页面基础数据处理
+  form.value.Pageloading = false; //关闭页面加载
 };
-
-// 获取当前责任方的责任人
-const ResponsiblePartychange = (val, index) => {
-  if (!val) {
-    return;
+onLoad();
+const ProcessingState = computed(() => {
+  if (form.value.basis.processor && form.value.basis.processor.length) {
+    let data = form.value.basis.processor.find(res => res == myData.value.id);
+    if (data) {
+      return true;
+    } else {
+      // 如果选择的没有自己就重置数据
+      form.value.Claimamount = [];
+      form.value.basis.result = [];
+      return false;
+    }
   }
-  FangAddList.value[index].personResponsibleName = null; //清空当前选择的责任人
-  $_getBusinessDepartmentUser({
-    warehouseId: val,
-  }).then(res => {
-    console.log(res, '获取责任人列表');
-    FangAddList.value[index].personResponsibleList = res.data.data;
-  });
+});
+// 菜单切换
+const handleClick = (tab, event) => {
+  console.log(tab, event);
 };
-const onLoad = () => {
-  // DeliveryTrainnumber(); //获取司机
-  console.log($route.query.id, '页面初始化');
-  routerState.value = $route.query.routerState;
-  if (localStorage.getItem('my_data')) {
-    Mydata.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
-    console.log(Mydata.value, '记录本地登录');
-  }
-
-  updateDictionary(IndexException.value, 'pc_work_order'); //异常类型
-  updateDictionary(DiscoveringNodes.value, 'pc_discovery_node'); //发现环节
-  handle(); //处理方和责任方信息
-  getDictionaryBiz('result_handling').then(res => {
-    console.log(res, '发现环节');
-    ProcessingResults.value = res.data.data;
-  });
-  // 支付方式字典
-  getDictionaryBiz('payment_method').then(res => {
-    //处理结果字典
-    console.log(res);
-    Paymentmethod.value = res.data.data;
-  });
-
-  Indexform.value.discoveryNode = '1'; //默认发现节点
-  groundlineType.value = Indexform.value.discoveryNode;
-  Indexform.value.workOrderType = '1'; //默认一个异常类型
-  SelectType.value = Indexform.value.workOrderType;
+// 发现节点事件
+const DiscoveringNodesChange = async value => {
+  console.log(value, 'value');
+  form.value.groundlineType = value;
+  form.value.basis = {
+    workOrderType: form.value.basis.workOrderType, //异常类型
+    discoveryNode: form.value.basis.discoveryNode, //发现节点
+    typeServiceName: form.value.basis.typeServiceName, //合作模式
+    TabactiveName: 1, //订单类型
+  };
+  console.log(form.value.basis, 'form.value.basis');
+  // 公司占比重置
+  form.value.Proportion = 0;
+  // 内部责任化初始值
+  await responsibilities();
+  // 包件重置
+  await PackageListReset();
+  ruleFormRef.value.clearValidate();
 };
-onLoad(); //初始化程序
-
-// 处理结果
-const changeProcessingResults = val => {
-  // 首先删除取消的项目
-  ProcessingList.value = ProcessingList.value.filter(item => val.includes(item.state - 1));
-
-  // 然后添加或保持新的项目
-  val.forEach(num => {
-    let newItem = {
-      input: 0,
-      min: 0,
-      max: 9999999999999,
-      state: num + 1,
-      payment: '',
-      text: '',
-      compensationTime: '',
-      paymentUnit: '',
-    };
-    // 根据num为newItem的name字段赋值
-    switch (num) {
-      case '1':
-        newItem.name = '下补单';
-        break;
-      case '2':
-        newItem.name = '维修/补漆';
-        break;
-      case '3':
-        newItem.name = '客户未要求理赔';
-        break;
-      case '4':
-        newItem.name = '用库存';
-        break;
-      case '5':
-        newItem.name = '赔商家';
-        break;
-      case '6':
-        newItem.name = '赔付运费';
-        break;
-      case '7':
-        newItem.name = '工厂考核';
-        break;
-      default:
-        return;
-    }
-
-    // 如果列表中不存在则加入新项目
-    if (!ProcessingList.value.some(item => item.state === newItem.state)) {
-      ProcessingList.value.push(newItem);
-      console.log(`添加：${newItem.name}`);
-    }
-  });
+// 菜单切换显示输入框
+const displaySettings = computed(() => {
+  return {
+    trainNumber: ['3', '5', '6', '7'].includes(form.value.groundlineType), //车次号
+    deliveryTime: ['5', '6', '7'].includes(form.value.groundlineType), //配送时间
+    deliveryDriver: ['5', '6', '7'].includes(form.value.groundlineType), //配送司机
+    vehicleRoute: ['3'].includes(form.value.groundlineType), //车辆线路
+    deliverGoodsTime: ['2'].includes(form.value.groundlineType), //发货时间
+    warehousingTime: ['4'].includes(form.value.groundlineType), //入库时间
+    discoveryTime: ['4', '5', '6', '7'].includes(form.value.groundlineType), //发现时间
+    waybillMall: true, //运单商场
+    typeServiceName: true, //合作模式
+    processor: true, //处理方
+    investigationProcess: true, //调查经过
+  };
+});
+// 新增包件
+const Addpackages = () => {
+  let data = {
+    packageCode: '', //包条码
+    waybillNumber: '', //运单号
+    orderCode: '', //订单自编号
+    first: '', //一级品
+    secondary: '', //二级品
+    brandName: '', //品牌
+    history: false, //是否有历史包件
+    HistoricalPackageList: [], //历史包件存储
+    id: form.value.PackageList.length + 1,
+  };
+  form.value.PackageList.push(data);
 };
 
-// 异常类型事件
-const abnormalChange = val => {
-  console.log(val, '异常事件类型');
-  SelectType.value = false;
-  if (val == 1 || val == 2 || val == 3) {
-    SelectType.value = val;
-  } else {
-    SelectType.value = null;
-  }
-  // 运损无数据默认0
-  // if (val == 1) {
-  //   Indexform.value.packageCode = 0;
-  // } else {
-  //   Indexform.value.packageCode = null;
-  // }
-  // 切换类型重置图片
-  Indexform.value['packList'] = [];
-  console.log(Indexform.value);
+// 移除包件
+const Removepackage = index => {
+  console.log(index, 'index');
+  ElMessageBox.confirm('是否移除当前包件信息?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await form.value.PackageList.splice(index, 1); //移除当前点击的按钮
+    form.value.PackageList.forEach((item, index) => {
+      item.id = index + 1;
+    });
+    console.log(form.value.PackageList, 'form.value.PackageList');
+    ElMessage({
+      message: '移除成功.',
+      type: 'success',
+      plain: true,
+    });
+  });
 };
 
-// 发现节点事件
-const DiscoveringNodesChange = val => {
-  groundlineSet.value = false; //干线条件都不满足
-  if (
-    val == 1 ||
-    val == 2 ||
-    val == 3 ||
-    val == 4 ||
-    val == 5 ||
-    val == 6 ||
-    val == 8 ||
-    val == 7
-  ) {
-    groundlineType.value = val; //干线状态
-    console.log(val);
-  } else {
-    groundlineType.value = null; //干线状态
-  }
+// 历史包件查看
+const ViewhistoricalPackages = item => {
+  form.value.Historicalpackage = item.HistoricalPackageList;
+  form.value.historydialog = true; //打开弹窗
 };
-
-// 车次号自动带出时间司机
-function DeliveryTrainnumber() {
-  if (groundlineType.value == 5 || groundlineType.value == 6) {
-    let dataInfo = DeliveryprocessData.value.find(
-      res => res.trainNumber == Indexform.value.trainNumber
-    );
-    if (dataInfo) {
-      console.log(dataInfo, '车次号筛选出来的数据');
-      Indexform.value.deliveryTime = dataInfo.taskTime; //配送时间
-      Indexform.value.deliveryDriver = dataInfo.driverName; //配送人
-    }
-  }
-
-  if (groundlineType.value == 3) {
-    let dataMain = MainlineUnloadingData.value.find(
-      res => res.trainNumber == Indexform.value.trainNumber
-    );
-    if (dataMain) {
-      Indexform.value.vehicleRoute = dataMain.vehicleRoute; //配送路线
-    }
-  }
-
-  return;
-  console.log(Indexform.value.trainNumber, '车次号');
-
-  if (!Indexform.value.trainNumber && !Indexform.value.deliveryTime) {
-    Indexform.value.deliveryTime = null;
-    Indexform.value.deliveryDriver = '';
-    DeliveryDriver.value = [];
-  }
-  if (!Indexform.value.trainNumber && !Indexform.value.deliveryTime) {
-    return;
-  }
+// 新增责任方
+const AddResponsible = () => {
   let data = {
-    trainNumber: Indexform.value.trainNumber,
-    taskTime: Indexform.value.deliveryTime,
+    businessId: '', //责任方
+    personResponsibleId: '', //责任人
+    responsibilityRatio: 0, //占比
+    description: '', //三方责任人
+    tripartite: '', //说明
+    ProportionMax: 100, //最大值校验
+    Processingoptions: [
+      //提货责任方列表
+      ...ResponsibleParty.value,
+    ],
+    Responsibleoptions: [
+      // 责任方
+      ...Processingoptions.value,
+    ],
+    ResponsibleoNameptions: [
+      // 责任人列表
+    ],
+    id: form.value.responsibilitiesList.length + 1,
   };
-  data.current = 1; //页码
-  data.size = 200; //条数
-  $_shippingInformation(data).then(res => {
-    console.log(res, '查询返回值');
-    DeliveryDriver.value = res.data.data.records; //获取到的信息
-    // 如果是精确搜索自动带入日期
-    if (res.data.data.records.length == 1 && groundlineType.value != 3) {
-      Indexform.value.deliveryTime = res.data.data.records[0].taskTime; //配送时间
-      Indexform.value.deliveryDriver = res.data.data.records[0].id; //配送人
-      // Indexform.value.trainNumber = res.data.data.records[0].trainNumber; //车次号
-    }
-  });
-}
-// 理赔总金额计算
-const TotalChange = () => {
-  TotalClaimAmount.value = 0;
-  ProcessingList.value.forEach(item => {
-    console.log(item);
-    TotalClaimAmount.value += item.input;
-  });
+  form.value.responsibilitiesList.push(data);
+  calculateMaxValues();
 };
-// 支付方式选择
-const PaymentSelection = val => {
-  console.log(val, '支付');
-  console.log(Paymentmethod.value);
-  if (val.payment) {
-    //支付方式回显
-    let data = Paymentmethod.value.find(item => item.dictKey == val.payment);
-    Indexform.value.compensationMethod = data.dictKey;
-  } else {
-    Indexform.value.compensationMethod = null; //清空上一次选择
-  }
-  ZFdialog.value = true; //展开支付方式选择弹窗
-  ZFname.value = val.name; //存放的当前点击的名字
+// 责任方移除
+const Responsemoval = index => {
+  console.log(index, 'index===>');
+  ElMessageBox.confirm('是否移除当前责任信息?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await form.value.responsibilitiesList.splice(index, 1); //移除当前点击的按钮
+    form.value.responsibilitiesList.forEach((item, index) => {
+      item.id = index + 1;
+    });
+    calculateMaxValues(); //调用占比计算
+    ElMessage({
+      message: '移除成功.',
+      type: 'success',
+      plain: true,
+    });
+  });
 };
 
-// 支付方式选择确定
-const PaymentConfirmation = val => {
-  console.log(val, '支付方式选择确定');
-  let data = ProcessingList.value.find(item => item.name == ZFname.value);
-  console.log(data, '处理好的');
-  data.text = Paymentmethod.value.find(item => item.dictKey == val).dictValue;
-  data.payment = val;
-  ZFdialog.value = false; //关闭支付方式选择弹窗
-  ElMessage({
-    message: '支付方式选择成功',
-    type: 'success',
+const calculateMaxValues = () => {
+  // 计算每个输入框剩余最大值
+  let data = form.value.responsibilitiesList;
+  let totalUsed = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
+  data.forEach(item => {
+    item.ProportionMax = Math.min(100, form.value.totalMax - totalUsed + item.responsibilityRatio);
   });
-  console.log(ProcessingList.value, '选择好的支付列表');
-};
 
-// 照片
-const handleRemove = (uploadFile, uploadFiles) => {
-  console.log(uploadFile, uploadFiles);
+  //   计算公司占比
+  let totasum = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
+  form.value.Proportion = form.value.totalMax - totasum;
 };
 
-const handlePictureCardPreview = uploadFile => {
-  dialogImageUrl.value = uploadFile.url;
-  dialogVisible.value = true;
+// 公司占比计算
+const CompanyProportionInput = value => {
+  calculateMaxValues();
 };
 
-// 添加包件
-const AddPackage = () => {
-  PackageInfo.value.push({
-    packageCode: '',
-    orderCode: '',
-    waybillNumber: '',
-    brandName: '',
-    state: false,
-    mallName: '',
-    secondary: '',
-    first: '',
-  });
-};
-// 包件移除
-const PackagRemoval = val => {
-  PackageInfo.value.splice(val, 1); //移除当前点击的按钮
-  Statistics();
+// 理赔总金额计算
+const Totalamount = () => {
+  console.log(form.value.Claimamount);
+
+  form.value.Totalamount = form.value.Claimamount.map(res => res.money).reduce(
+    (accumulator, currentValue) => accumulator + currentValue,
+    0
+  );
 };
 
-// 责任方添加
-const responsibleParty = () => {
-  let sum = 0;
-  FangAddList.value.forEach(item => {
-    console.log(item.responsibilityRatio, '当前比例');
-    sum += item.responsibilityRatio;
-  });
-  console.log(sum, '当前总和');
-  let max = 100 - sum;
-  console.log('添加了责任方');
-  FangAddList.value.push({
-    businessName: '',
-    personResponsibleName: '',
-    tripartite: '',
-    responsibilityRatio: '',
-    description: '',
-    ProportionMax: max,
+const Claimssettlement = value => {
+  console.log(value, '理赔金额');
+  console.log(Processingresultsoptions.value, '参数列表');
+  let data = [];
+  value.forEach(item => {
+    let _data = Processingresultsoptions.value.find(res => res.value == item);
+    if (_data) {
+      data.push(_data);
+    }
   });
-  console.log(max, '当前最大值');
-};
-// 责任移除
-const ResponsibilityRemoval = val => {
-  FangAddList.value.splice(val, 1); //移除当前点击的按钮
-  CompanyProportion(val);
+  console.log(data, '筛选出来的值');
+  form.value.Claimamount = [];
+  if (data && data.length) {
+    data.forEach(item => {
+      form.value.Claimamount.push({
+        title: item.label, //标题
+        money: 0, //金额
+        paymentUnit: '', //支付单位
+        compensationTime: '', //理赔支付时间
+        compensationMethod: '', //支付方式
+        Paymentmethod: [...JSON.parse(JSON.stringify(Paymentmethodoptions.value))],
+      });
+    });
+  }
 };
-// 顶部标签切换
-const TopChange = val => {
-  SelectType.value = null; //重置照片类型
-  PackageInfo.value = [
-    {
-      packageCode: '',
-      orderCode: '',
-      waybillNumber: '',
-      brandName: '',
-      state: false,
-      mallName: '',
-      secondary: '',
-      first: '',
-    },
-  ]; //重置包件信息
-  Indexform.value = {}; //重置表单
-
-  if (val == 0) {
-    identifying.value = 1;
-  } else {
-    identifying.value = 2;
+// 图片上传必须携带TOKEN
+const headers = computed(() => {
+  return { 'Blade-Auth': 'Bearer ' + getToken() };
+});
+// 图片上传接口
+const action = computed(() => {
+  return '/api/blade-resource/oss/endpoint/put-file';
+});
+// 上传图片规则
+const beforeAvatarUpload = rawFile => {
+  console.log(rawFile, '图片上传前回调');
+  if (rawFile.type !== 'image/png' && rawFile.type !== 'image/jpeg') {
+    ElMessage.error('只能上传格式为PNG/JPG的图片!');
+    return false;
+  } else if (rawFile.size / 1024 / 1024 > 3) {
+    ElMessage.error('图片大小不能大于3MB!');
+    return false;
   }
-  console.log(identifying.value, '当前菜单id');
-  // 重置责任方列表
-  FangAddList.value = [
-    {
-      businessName: '',
-      personResponsibleName: '',
-      responsibilityRatio: '',
-      description: '',
-      tripartite: '',
-      ProportionMax: 100,
-    },
-  ];
-  // 重置公司占比
-  companyProportion.value = 100;
-  Processingrelease();
+  return true;
 };
-
-// 公司占比计算
-const CompanyProportion = val => {
-  setTimeout(() => {
-    console.log(FangAddList.value, ' FangAddList.value');
-    let proportion = 0; //责任比例之和
-    FangAddList.value.forEach(item => {
-      proportion += Number(item.responsibilityRatio);
-    });
-    // companyProportion.value公司占比
-    companyProportion.value = 100 - proportion;
-
-    let sum = 0;
-    FangAddList.value.forEach(item => {
-      console.log(item.responsibilityRatio, '当前比例');
-      sum += item.responsibilityRatio;
-    });
-    let max = 100 - sum + Number(val.responsibilityRatio);
-    console.log('MAX当前最大值', max);
-    if (val.ProportionMax) {
-      val.ProportionMax = max;
-    }
-  }, 0);
+// 图片上传成功回调函数
+const ImgSuccess = (response, uploadFile) => {
+  if (response.success === true) {
+    console.log(response);
+    console.log(form.value);
+  }
 };
-// 公司占比事件
-const CompanyProportionInput = item => {
-  console.log(item, '接收的值');
-  CompanyProportion(item);
+const historyPush = () => {};
+// 重置
+const resetFormData = () => {
+  // 尝试使用 HTML 字符串
+  const message = `重置表单会造成<span style="color: red;">数据丢失!</span>是否继续?`;
+  ElMessageBox.confirm(message, '警告', {
+    dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    form.value.Pageloading = true; //开启页面加载
+    form.value = await deepClone(formCopy.value); //重置数据
+    ruleFormRef.value.resetFields();
+    let _time = setTimeout(() => {
+      form.value.Pageloading = false; //开启页面加载
+      clearTimeout(_time);
+    }, 300);
+  });
 };
 
-// 表单校验规则
-const rules = reactive({
-  trainNumber: [{ required: true, message: '请填写车次号', trigger: 'blur' }],
-  deliveryTime: [{ required: true, message: '请填写配送时间', trigger: 'blur' }],
-  deliveryDriver: [{ required: true, message: '请填写配送司机', trigger: 'blur' }],
-  vehicleRoute: [{ required: true, message: '请填写车辆线路', trigger: 'blur' }],
-  deliverGoodsTime: [{ required: true, message: '请填写发货时间', trigger: 'blur' }],
-  discoveryTime: [{ required: true, message: '请填写发现时间', trigger: 'blur' }],
-  // first: [{ required: true, message: '请填写一级品', trigger: 'blur' }],
-  // secondary: [{ required: true, message: '请填写二级品', trigger: 'blur' }],
-  warehousingTime: [{ required: true, message: '请填写入库时间', trigger: 'blur' }],
-  processor: [{ required: true, message: '请填选择处理方', trigger: 'blur' }],
-  waybillMall: [{ required: true, message: '请填写运单商场', trigger: 'blur' }],
-  workOrderType: [{ required: true, message: '请选择异常类型', trigger: 'blur' }],
-  discoveryNode: [{ required: true, message: '请选择发现节点', trigger: 'blur' }],
-  investigationPocess: [{ required: true, message: '请填写调查经过', trigger: 'blur' }],
-});
-function validateDataItem(item) {
-  const fields = [
-    { key: 'businessName', message: '责任方不能为空' },
-    { key: 'personResponsibleName', message: '责任人不能为空' },
-    { key: 'tripartite', message: '三方责任人不能为空' },
-    { key: 'description', message: '说明不能为空', emptyCheck: true },
-  ];
+// 包条码查询信息
+const ChangePackageInfo = async item => {
+  console.log(item, 'item');
+  if (!item.packageCode) {
+    item.waybillNumber = ''; //运单号
+    item.orderCode = ''; //订单自编码
+    item.first = ''; //一级品
+    item.secondary = ''; //二级品
+    item.brandName = ''; //品牌
+    let data = form.value.PackageList.find(res => res.packageCode); //判断是否已经查询了运单商场
+    if (!data) {
+      form.value.basis.waybillMall = ''; //运单商场
+      form.value.basis.typeServiceName = ''; //合作模式
+    }
+    return;
+  } else if (item.packageCode) {
+    item.waybillNumber = ''; //运单号
+    item.orderCode = ''; //订单自编码
+    item.first = ''; //一级品
+    item.secondary = ''; //二级品
+    item.brandName = ''; //品牌
+    if (form.value.PackageList == 1) {
+      form.value.basis.waybillMall = ''; //运单商场
+      form.value.basis.typeServiceName = ''; //合作模式
+    }
+  }
+  // 判断输入的包条码是否一样
+  if (form.value.PackageList.length > 1) {
+    let packageCodeState = await form.value.PackageList.find(res => {
+      // 排除当前项，只匹配其他项的包条码
+      return res.packageCode === item.packageCode && res !== item;
+    });
 
-  for (const field of fields) {
-    const value = item[field.key];
-    const isInvalid = field.emptyCheck ? value === '' : !value;
-    if (isInvalid) {
+    // 查找是否已经存在相同包条码
+    if (packageCodeState) {
+      item.packageCode = '';
       ElMessage({
-        message: field.message,
+        message: '已经存在相同包条码，请勿重复添加！',
         type: 'warning',
       });
-      return false;
+      return;
     }
   }
-  return true;
-}
 
-//表单提交
-const ConfirmForm = () => {
-  IndexForm.value.validate(valid => {
-    if (valid) {
-      // 表单验证通过，处理表单提交
-      //  提货责任方
-      // 支付方式校验
-      if (ProcessingList.value.length) {
-        for (let item of ProcessingList.value) {
-          if (!item.payment) {
-            ElMessage({
-              message: `请选择${item.name}的支付方式`,
-              type: 'warning',
-            });
-            return;
-          }
-        }
-      }
-      // 内部责任划分校验
-      if (!FangAddList.value.length) {
-        ElMessage({
-          message: `请填写内部责任划分`,
-          type: 'warning',
-        });
-        return;
-      }
-      for (const item of FangAddList.value) {
-        if (!validateDataItem(item)) {
-          return;
-        }
-      }
-
-      // 判断干线，配送环节是否是同一个运单号和订单号
-      if (['3', '5', '6'].includes(groundlineType.value)) {
-        if (PackageInfo.value.length) {
-          // 判断是否同一个运单号
-          const allSameA = PackageInfo.value.every(
-            (item, _, self) => item.waybillNumber === self[0].waybillNumber
-          );
-
-          if (!allSameA) {
-            ElMessage({
-              message: '请输入同一个运单号',
-              type: 'warning',
-            });
-            return;
-          }
-          // 判断是否同一个订单自编号
-          const allSameB = PackageInfo.value.every(
-            (item, _, self) => item.orderCode === self[0].orderCode
-          );
-          if (!allSameB) {
+  let data = {
+    packageCode: item.packageCode, //输入框参数
+  };
+  form.value.Pageloading = true; //开启页面加载
+  $_getAbnormalPackage(data)
+    .then(async res => {
+      console.log(res, '查询包条');
+      let packageData = {};
+      if (res.data.code == 200 && res.data && res.data.data.length) {
+        form.value.Pageloading = false; //关闭页面加载
+        packageData = res.data.data[0]; //取第一个值,内容相同
+        // 判断输入的是否为同一批货
+        let state = await form.value.PackageList.find(res => res.orderCode || res.brandName);
+        if (state) {
+          if (
+            state.orderCode != packageData.orderCode ||
+            state.waybillNumber != packageData.waybillNumber
+          ) {
             ElMessage({
-              message: '请输入同一个订单自编号',
+              message: '请选择相同订单自编和运单号的包条码',
               type: 'warning',
             });
             return;
           }
         }
-      }
-      console.log(Indexform.value.businessMame, '提货责任方');
-
-      let DataSubmit = {
-        personResponsibleDTO: [],
-        packageEntityList: [], ////包件信息
-        decreaseImageEntityList: [], //图片信息
-        processingMoneyEntityList: [], //赔付方式
-        aftersalesProcessingResultsDTO: {}, //处理结果
-        ...Indexform.value,
-      }; //解构表单参数
-
-      // 图片类型:10运损,20窜货
-      // decreaseImageEntityList:[
-      //   {imageType:10,imageName:'图片名称',imagePath:'图片路径'},
-      //   {imageType:10,imageName:'图片名称',imagePath:'图片路径'},
-      // ]
-      console.log(Indexform.value['packList'], '图片列表');
-      // 处理图片(当类型为货损或为窜货才执行下面的东西)
-      if (SelectType.value == 1 || SelectType.value == 3) {
-        if (Indexform.value['packList']) {
-          Indexform.value['packList'].forEach(item => {
-            DataSubmit['decreaseImageEntityList'].push({
-              imageType: SelectType.value == 1 ? 10 : SelectType.value == 3 ? 20 : '',
-              imageName: item.response.data ? item.response.data.originalName : '',
-              imagePath: item.response.data ? item.response.data.link : '',
-            });
-          });
-        }
-      }
-
-      if (SelectType.value == 1 && DataSubmit['decreaseImageEntityList'].length < 2) {
         ElMessage({
-          message: '货损至少提供2张图片附件',
-          type: 'warning',
+          message: '查询成功',
+          type: 'success',
         });
-        return;
-      }
-
-      if (SelectType.value == 3 && !DataSubmit['decreaseImageEntityList'].length) {
-        ElMessage({
-          message: '窜货必须提供图片附件',
-          type: 'warning',
-        });
-        return;
-      }
-
-      console.log(DataSubmit['decreaseImageEntityList'], '处理好的图片');
-      //司机信息处理
-      // if (Indexform.value.deliveryDriver) {
-      //   console.log(DeliveryDriver.value, '当前全部司机');
-      //   console.log(Indexform.value.deliveryDriver, '选择的司机信息');
-      //   Indexform.value.deliveryDriver = DeliveryDriver.value.find(
-      //     item => item.id == Indexform.value.deliveryDriver
-      //   ).driverName;
-      // }
-
-      console.log(Indexform.value.deliveryDriver, '筛选出来的司机');
-
-      let processorEntityList = [];
-
-      DataSubmit.processorEntityList = processorEntityList;
-      DataSubmit.decreaseImageEntityList = JSON.parse(
-        JSON.stringify(Indexform.value['decreaseImageEntityList'])
-      );
-      console.log(Indexform.value.workOrderNumber, 'Indexform.workOrderNumber12312312');
-      // 包件信息
-      // packageEntityList
-      // 如果存在包件信息进行处理
-      if (PackageInfo.value.length) {
-        PackageInfo.value.forEach(item => {
-          if (item.packageCode) {
-            DataSubmit['packageEntityList'].push({
-              number: PackageInfo.value.length, //数量
-              packageCode: item.packageCode ? item.packageCode : null, //包件码
-              waybillNumber: item.waybillNumber ? item.waybillNumber : null, //运单号
-              orderCode: item.orderCode ? item.orderCode : null, //订单自编码
-              brandName: item.brandName ? item.brandName : null, //品牌
-              first: item.first ? item.first : null, //一级品类
-              secondary: item.secondary ? item.secondary : null, //二级品类
-            });
-          }
+        item.waybillNumber = packageData.waybillNumber || ''; //运单号
+        item.orderCode = packageData.orderCode || ''; //订单自编码
+        item.first = packageData.firsts || ''; //一级品
+        item.secondary = packageData.second || ''; //二级品
+        item.brandName = packageData.brandName || ''; //品牌
+        form.value.basis.waybillMall = packageData.mallName || ''; //运单商场
+        form.value.basis.typeServiceName = packageData.typeServiceName || ''; //合作模式
+        // 是否显示历史包件按钮,存在多个包件则展示
+        const results = res.data.data.filter(item => {
+          return item.workOrderId && item.workOrderNumber;
         });
-        DataSubmit.packageCode = [...new Set(PackageInfo.value.map(item => item.packageCode))].join(
-          ','
-        ); //包条码
-        DataSubmit.waybillNumber = [
-          ...new Set(PackageInfo.value.map(item => item.waybillNumber)),
-        ].join(','); //运单号
-        DataSubmit.brandName = [...new Set(PackageInfo.value.map(item => item.brandName))].join(
-          ','
-        ); //品牌
-        DataSubmit.orderCode = [...new Set(PackageInfo.value.map(item => item.orderCode))].join(
-          ','
-        ); //包件信息订单自编码
-      }
-
-      // DataSubmit['packageEntityList'].push({
-      //   workOrderId: Indexform.workOrderNumber, //异常ID
-      //   number: PackageInfo.value.length, //数量
-      //   packageCode: PackageInfo.value.map(item => item.packageCode).join(','), //包件码
-      //   warehouseId: '', //仓库ID
-      //   packageImage: Indexform.value['packList'].map(item => item.url).join(','), //包件图片路径
-      //   waybillNumber: PackageInfo.value.map(item => item.waybillNumber).join(','), //运单号
-      //   orderCode: PackageInfo.value.map(item => item.orderCode).join(','), //订单自编码
-      // });
-
-      // 总件数
-      Indexform.value.number = PackageInfo.value.length;
-      console.log(DataSubmit['packageEntityList'], '包件信息');
-      // 调查经过
-      DataSubmit.surveyRecordDTO = {
-        content: Indexform.value.investigationPocess,
-        // workOrderId: Indexform.value.workOrderNumber ? Indexform.value.workOrderNumber : null,
-      };
-      console.log(DataSubmit.surveyRecordDTO, '调查经过');
-      // 环节责任方填写校验
-      // 对在库环节,配送环节,安装环节进行责任人填写校验
-      if (groundlineType.value == 5 || groundlineType.value == 4 || groundlineType.value == 7) {
-        const Humanverification = FangAddList.value.every(item => item.businessName !== '');
-        if (!Humanverification) {
-          ElMessage({
-            message: '请填写责任人',
-            type: 'warning',
+        // 存储历史订单
+        if (results.length) {
+          item.history = true;
+          item.HistoricalPackageList = results;
+        } else {
+          item.history = false;
+        }
+        console.log(form.value.basis.discoveryNode, 'form.value.discoveryNode');
+        // 判断发现节点(干线车次号、车辆线路处理)
+        if (['3'].includes(form.value.basis.discoveryNode)) {
+          let addedTrainNumbers = []; // 临时变量存储已经添加过的车次号
+          res.data.data.forEach(item => {
+            if (item.trunklines && item.trunklines.length) {
+              item.trunklines.forEach(itemChid => {
+                if (!addedTrainNumbers.includes(itemChid.trainNumber)) {
+                  form.value.Trainoptions.push({
+                    trainNumber: itemChid.trainNumber, // 车次号
+                    vehicleRoute: itemChid.vehicleRoute, // 车辆线路
+                  });
+                  addedTrainNumbers.push(itemChid.trainNumber);
+                }
+              });
+            }
           });
-          return;
+          console.log(form.value.Trainoptions, 'form.value.Trainoptions');
         }
-      }
-      // 新责任方处理
-      // FangAddList.value
-      // 不是提货环节
-
-      if (groundlineType.value != 1) {
-        if (FangAddList.value.length) {
-          // 如果存在责任方
-          FangAddList.value.forEach(item => {
-            DataSubmit['personResponsibleDTO'].push({
-              businessName:
-                warehouseData.value.find(obj => obj.value == item.businessName)?.label || null, //责任方名称
-              businessId:
-                warehouseData.value.find(obj => obj.value == item.businessName)?.value || null,
-              wordOrderId: Indexform.value.workOrderNumber, //异常工单ID
-              description: item.description ? item.description : null, //说明
-              personResponsibleId:
-                item.personResponsibleList.find(obj => obj.id == item.personResponsibleName)?.id ||
-                null, //责任人ID
-              personResponsibleName:
-                item.personResponsibleList.find(obj => obj.id == item.personResponsibleName)
-                  ?.name || item.personResponsibleName, //责任人名称
-              responsibilityRatio: item.responsibilityRatio ? item.responsibilityRatio : null, //责任比例
-              tripartite: item.tripartite ? item.tripartite : null, //三方责任人
-            });
+        // 配送环节车次号处理
+        if (['5'].includes(form.value.basis.discoveryNode)) {
+          let addedTrainNumbers = []; // 临时变量存储已经添加过的车次号
+          res.data.data.forEach(item => {
+            if (item.deliver && item.deliver.length) {
+              item.deliver.forEach(itemChid => {
+                if (!addedTrainNumbers.includes(itemChid.trainNumber)) {
+                  form.value.deliver.push({
+                    driverName: itemChid.driverName, // 主司机
+                    taskTime: itemChid.taskTime, // 配送时间
+                    trainNumber: itemChid.trainNumber, //车次号
+                  });
+                  addedTrainNumbers.push(itemChid.trainNumber);
+                }
+              });
+            }
           });
+          console.log(form.value.Trainoptions, 'form.value.Trainoptions');
         }
       } else {
-        // 提货环节责任人处理
-        FangAddList.value.forEach(item => {
-          DataSubmit['personResponsibleDTO'].push({
-            businessName:
-              responsible.value.find(obj => obj.value == item.businessName)?.label || null, //责任方名称
-            businessId:
-              responsible.value.find(obj => obj.value == item.businessName)?.value || null,
-            wordOrderId: Indexform.value.workOrderNumber ? Indexform.value.workOrderNumber : null, //异常工单ID
-            description: item.description ? item.description : null, //说明
-            personResponsibleName: item.personResponsibleName ? item.personResponsibleName : null, //责任人名称
-            responsibilityRatio: item.responsibilityRatio ? item.responsibilityRatio : null, //责任比例
-            tripartite: item.tripartite ? item.tripartite : null, //三方责任人
-          });
-        });
-      }
-
-      //公司占比
-      if (companyProportion.value) {
-        DataSubmit.companyProportion = companyProportion.value;
-      }
-      console.log(DataSubmit['personResponsibleDTO'], '新责任方处理的数据');
-      //console.log(Indexform.value.duty.length);
-      //责任方信息处理
-      //责任方信息处理
-      if (Indexform.value.processor.length) {
-        Indexform.value.processor.forEach(item => {
-          let found = warehouseData.value.find(element => element.value == item.toString());
-          processorEntityList.push({
-            businessName: found ? found.label : '',
-            businessId: item,
-            conditions: 1,
-            typesOf: 2,
-          });
-        });
-      }
-
-      if (FangAddList.value.length) {
-        FangAddList.value.forEach(item => {
-          console.log(item, 'item');
-          processorEntityList.push({
-            businessName:
-              groundlineType.value != 1
-                ? warehouseData.value.find(obj => obj.value == item.businessName)?.label || null
-                : responsible.value.find(obj => obj.value == item.businessName)?.label || null,
-            businessId: item.businessName,
-            conditions: 1,
-            typesOf: 1,
-          });
+        form.value.Pageloading = false; //关闭页面加载
+        ElMessage({
+          message: '暂无查询内容,请检查参数是否正确!',
+          type: 'warning',
         });
       }
-      DataSubmit.identifying = identifying.value; //1订单2零担3库存品
-
-      console.log(processorEntityList, '老责任方处理好的数据');
-
-      // 处理结果填写
-
-      if (ProcessingList.value.length) {
-        let sum = 0; //金额总计
-        for (let i = 0; i < ProcessingList.value.length; i++) {
-          console.log(ProcessingList.value[i].input);
-          sum = computeNumber(sum, '+', ProcessingList.value[i].input).result;
-        }
-        DataSubmit.aftersalesProcessingResultsDTO.money = sum; //金额汇总
-        DataSubmit.aftersalesProcessingResultsDTO.processingMoneyEntityList = ProcessingList.value
-          .map(item => {
-            let match = ProcessingResults.value.find(element => element.dictValue == item.name);
-            if (match) {
-              let paymentMethodMatch = Paymentmethod.value.find(
-                paymentMethod => paymentMethod.dictKey == item.payment
-              );
-              return {
-                resultType: match.dictKey, //赔方式的key
-                money: item.input, //金额
-                typesOf: 1, //固定参数
-                compensationMethod: paymentMethodMatch ? paymentMethodMatch.dictKey : null, //支付方式ID
-                compensationMethodName: paymentMethodMatch ? paymentMethodMatch.dictValue : null, //支付方式名字
-                resultName: item.name, //处理结果名字
-                compensationTime: item.compensationTime, //支付时间
-                paymentUnit: item.paymentUnit, //支付单位
-              };
-            } else {
-              return null;
-            }
-          })
-          .filter(item => item !== null);
-
-        DataSubmit.aftersalesProcessingResultsDTO['compensationMethod'] = ProcessingList.value
-          .map(item => item.text)
-          .join(','); //支付方式拼接
-
-        DataSubmit.aftersalesProcessingResultsDTO['resultType'] = ProcessingList.value
-          .map(item => item.name)
-          .join(','); //处理结果说明文字拼接
-      }
-
-      delete DataSubmit.duty; //移除多余字段
-      delete DataSubmit.packList; //移除图片原始字段
-      delete DataSubmit.processor; //移除多余字段
-      console.log(DataSubmit, '处理好的数据');
-      // 提交表单信息stringify
-  
-      Addloading.value = true; //开启页面加载
-      $_submit(DataSubmit)
-        .then(res => {
-          if (res.data.code == 200) {
-            ElMessage({
-              message: res.data.msg,
-              type: 'success',
-            });
-            Indexform.value = {}; //重置表单
-            $store.commit('DEL_TAG_CURRENT'); //关闭当前页面
-            $router.push('/aftersales/aftersalesWorkOrder'); //添加成功跳转到列表
-          }
-        })
-        .catch(res => {
-          console.log(res, '错误信息');
-          ElMessage.error('提交失败,请刷新页面重新尝试');
-        })
-        .finally(() => {
-          Addloading.value = false; //闭页面加载
-        });
-    } else {
-      console.log('表单验证失败');
-      ElMessage({
-        message: '请填完整信息',
-        type: 'warning',
-      });
-    }
-  });
-};
-// 选择司机带出车次号日期
-const changeDeliveryDriver = val => {
-  console.log(val);
-  console.log(DeliveryDriver.value, '司机信息');
-  Indexform.value.trainNumber = DeliveryDriver.value.find(res => res.id == val).trainNumber; //车次号
-  Indexform.value.deliveryTime = DeliveryDriver.value.find(res => res.id == val).taskTime; //日期
-};
-// 少货件数对应事件
-const ShortageTtems = val => {
-  ShortageList.value = []; //进入之前重置参数
-  const pattern = /\s+/g;
-  const result = val.replace(pattern, '');
-  console.log(result); // 输出 "33"
-  Indexform.value.number = result;
-  if (Indexform.value.number > 1) {
-    ShortageState.value = true; //数量大于1，开启弹窗输入
-  }
-  for (let i = 0; i < val; i++) {
-    ShortageList.value.push({
-      number: i + 1, //件数
-      packageCode: null, //输入框
-    });
-  }
-};
-// 少货关闭回调
-const ShortageStateFun = () => {
-  ShortageList.value.forEach(item => {
-    if (item.packageCode == null) {
-      Indexform.value.number = null;
-    }
-  });
-};
-// 少货按钮取消
-const ShortageCancellation = () => {
-  Indexform.value.number = null; //少货件数
-  ShortageList.value = []; //进入之前重置参数
-  ShortageState.value = false; //关闭弹窗
-};
-// 窜货关闭回调
-const fleeingFun = () => {
-  fleeingList.value.forEach(item => {
-    if (item.packageCode == null) {
-      Indexform.value.number = null;
-    }
-  });
-};
-// 窜货取消事件
-const fleeingCancellation = () => {
-  Indexform.value.number = null; //少货件数
-  fleeingList.value = []; //进入之前重置参数
-  fleeingState.value = false; //关闭弹窗
-};
-// 窜货输入框
-const fleeingTtems = val => {
-  fleeingList.value = []; //进入之前重置参数
-  const pattern = /\s+/g;
-  const result = val.replace(pattern, '');
-  console.log(result); // 输出 "33"
-  Indexform.value.number = result;
-  if (Indexform.value.number > 1) {
-    fleeingState.value = true; //数量大于1，开启弹窗输入
-  }
-  for (let i = 0; i < val; i++) {
-    fleeingList.value.push({
-      number: i + 1, //件数
-      packageCode: null, //输入框
+    })
+    .catch(error => {
+      console.log(error, 'error');
+      form.value.Pageloading = false; //关闭页面加载
     });
-  }
 };
-// 少货编辑
-const moneyBtnA = () => {
-  if (!Indexform.value.number) {
+// 查看历史包件详情
+const Viewdetails = value => {
+  if (!value) {
     ElMessage({
-      message: '请输入少货数量',
+      message: '请选择要查看的数据',
       type: 'warning',
     });
     return;
   }
-  ShortageState.value = true; //开启弹窗输入
+  // 筛选出来输入框值
+  let data = form.value.Historicalpackage.find(res => res.workOrderId == value);
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderInfo',
+    query: {
+      id: data.workOrderId,
+      name: data.workOrderId + '-信息查看',
+      routerState: 'view',
+    },
+  });
 };
-// 窜货编辑
-const moneyBtnB = () => {
-  if (!Indexform.value.number) {
-    ElMessage({
-      message: '请输入窜货数量',
-      type: 'warning',
-    });
+// 责任人查询>获取当前责任方的责任人
+const ResponsiblePartychange = item => {
+  item.personResponsibleId = '';
+  if (!item.businessId) {
     return;
   }
-  fleeingState.value = true; //开启弹窗输入
-};
+  let data = {
+    warehouseId: item.businessId,
+  };
+  // 清空责任人
 
-// 是否显示处理结果
-const Processingrelease = () => {
-  Indexform.value.result = ''; //每次切换处理方先重置
-  ProcessingList.value = []; //重置填写好的处理结果
-  console.log(Indexform.value.processor, 'Indexform.value.processor');
-  if (Indexform.value.processor) {
-    if (Indexform.value.processor.length == 1 && Mydata.value.id == Indexform.value.processor[0]) {
-      ProcessingreleaseState.value = true; //显示处理放
+  $_getBusinessDepartmentUser(data).then(res => {
+    console.log(res, '获取责任人列表');
+    if (res.data.code == 200 && res.data.data && res.data.data.length) {
+      ElMessage({
+        message: '查询成功',
+        type: 'success',
+      });
+      item.ResponsibleoNameptions = res.data.data;
     } else {
-      ProcessingreleaseState.value = false; //关闭处理方
+      ElMessage({
+        message: '暂未查询到责任人',
+        type: 'warning',
+      });
+      item.ResponsibleoNameptions = [];
     }
-  }
+  });
 };
 
-// 统计包件个数
-const Statistics = () => {
-  // 订单统计包件个数
-  if (identifying.value == 1) {
-    NumberPackages.value = 0;
-    PackageInfo.value.map(res => {
-      if (res.packageCode) {
-        NumberPackages.value++;
+// 车次号带出车辆线路
+const DeliveryTrainnumber = value => {
+  console.log(value, '接收的参数值');
+  if (value) {
+    if (form.value.basis.discoveryNode == '3') {
+      if (form.value.Trainoptions && form.value.Trainoptions.length) {
+        let data = form.value.Trainoptions.find(res => res.trainNumber == value);
+        if (data) {
+          form.value.basis.vehicleRoute = data.vehicleRoute; //车辆线路
+        }
       }
-    });
-  } else {
-    // 零担统计包件个数
-    NumberPackages.value = 0;
-    PackageInfo.value.map(res => {
-      console.log(res);
-      if (res.waybillNumber) {
-        NumberPackages.value++;
+    } else if (['5', '6', '7'].includes(form.value.basis.discoveryNode)) {
+      if (form.value.deliver && form.value.deliver.length) {
+        let data = form.value.deliver.find(res => res.trainNumber == value);
+        if (data) {
+          form.value.basis.deliveryDriver = data.driverName; //司机
+          form.value.basis.deliveryTime = data.taskTime; //配送时间
+        }
       }
-    });
+    }
   }
 };
 
-// 查询包件信息自动回显
-const ChangePackageInfo = (val, index) => {
-  // 判断是否有一样的包件
+// 是否显示处理完毕按钮
+const allFieldsFilled = computed(() => {
+  const claimAmount = form.value.Claimamount;
+  if (!claimAmount.length) {
+    form.value.Processed = false;
+    return false;
+  }
+  const allFilled = claimAmount.every(
+    item => item.compensationMethod && item.compensationTime && item.paymentUnit
+  );
 
-  if (identifying.value == '2') {
-    Statistics(); //调用统计包件信息
-    return;
-  } else {
-    if (!val) {
+  form.value.Processed = allFilled;
+  return allFilled;
+});
+// 提交
+const onSubmit = () => {
+  console.log(form.value);
+  ruleFormRef.value.validate(valid => {
+    if (!valid) {
+      ElMessage({
+        message: '息未填写完整，请根据提示填写完整!',
+        type: 'warning',
+      });
       return;
     }
-    Statistics(); //调用统计包件信息
-    if (!NumberPackages.value) {
-      if (!val) {
-        PackageInfo.value[index].orderCode = ''; //订单自编码
-        PackageInfo.value[index].waybillNumber = ''; //运单号
-        PackageInfo.value[index].orderId = ''; //运单号
-        PackageInfo.value[index].brandName = ''; //品牌
-        Indexform.value.first = ''; //一级品
-        Indexform.value.secondary = ''; //二级品
-        Indexform.value.waybillMall = ''; //客户名称（运单商场）
-        Indexform.value.typeServiceName = ''; //合作模式
+    // 货损照片上传判断
+    if (form.value.groundlineType == '1') {
+      if (form.value.fileList.length < 2) {
+        ElMessage({
+          message: '请上传最低2张图片附件',
+          type: 'warning',
+        });
+        return;
+      }
+    }
+    // 串货图片附件
+    if (form.value.groundlineType == '3') {
+      if (!form.value.fileList.length) {
+        ElMessage({
+          message: '请上传图片附件',
+          type: 'warning',
+        });
         return;
-        // 如果输入框里面没有值就不请求
       }
     }
 
-    // if (NumberPackages.value > 1) {
-    //   const found = PackageInfo.value
-    //     .filter(item => item.packageCode !== val)
-    //     .some(item => item.packageCode === val);
-
-    //   if (found) {
-    //     console.log('false');
-    //     ElMessage({
-    //       message: '存在重复包条码',
-    //       type: 'warning',
-    //     });
-    //     return;
-    //   }
-    // }
+    const message = `注意信息填写正确!点击确定将<span style="color: red;">提交工单</span>是否继续?`;
+    ElMessageBox.confirm(message, '提示', {
+      dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(async () => {
+      form.value.Pageloading = true; //开启页面加载
 
-    Statistics(); //调用统计包件信息
-    let data = {
-      packageCode: val,
-    };
-    $_getAbnormalPackage(data).then(res => {
-      console.log(res, '包件信息');
-      console.log(res.data.data, '包件信息');
-      if (res.data.data.length) {
-        TrainnumberList.value = [];
-        if (groundlineType.value == 5 || groundlineType.value == 6) {
-          //当发现节点为配送装车和配送签收的时候进行数据处理
-          //筛选出车次号
-          //driverName配送司机
-          //taskTime配送时间
-          //trainNumber车次号
-          //vehicleName车牌
-          res.data.data.forEach(item => {
-            item.deliver.forEach(itemChid => {
-              TrainnumberList.value.push({
-                label: itemChid.trainNumber,
-                value: itemChid.trainNumber,
-              }); //车次号
-              DeliveryprocessData.value.push(itemChid);
-            });
+      let submitData = {
+        ...form.value.basis,
+        identifying: form.value.basis.TabactiveName, //1订单2零担3库存品
+      };
+      // 包件处理
+      if (form.value.PackageList.length) {
+        submitData.packageEntityList = [];
+        form.value.PackageList.forEach(item => {
+          submitData['packageEntityList'].push({
+            packageCode: item.packageCode, //包条码
+            waybillNumber: item.waybillNumber, //运单号
+            orderCode: item.orderCode, //订单自编号
+            first: item.first, //一级品
+            secondary: item.secondary, //二级品
+            brandName: item.brandName, //品牌
+          });
+        });
+        // 订单自编号
+        submitData.orderCode = form.value.PackageList[0].orderCode;
+      }
+      // 责任方处理
+      if (form.groundlineType == '1') {
+        submitData.processorEntityList = [];
+        form.value.responsibilitiesList.forEach(item => {
+          submitData['processorEntityList'].push({
+            businessName: item.Responsibleoptions.find(res => res.value == item.businessId).label, //仓库名称
+            businessId: item.businessId, //仓库ID
+            conditions: 1, //固定参数
+            typesOf: 1, //1责任方 ，2处理方
+          });
+        });
+      }
+      // 处理方处理
+      if (form.value.basis.processor.length) {
+        submitData.processorEntityList = [];
+        form.value.basis.processor.forEach(item => {
+          submitData['processorEntityList'].push({
+            businessName: Processingoptions.value.find(res => res.value == item).label, //仓库名称
+            businessId: item, //仓库ID
+            conditions: 1, //固定参数
+            typesOf: 2, //1责任方 ，2处理方
+          });
+        });
+      }
+      // 内部责任划分
+      if (form.value.basis.discoveryNode != 3) {
+        // 干线卸车环节不需要内部责任划分
+        if (form.value.responsibilitiesList.length) {
+          submitData.personResponsibleDTO = [];
+          form.value.responsibilitiesList.forEach(item => {
+            console.log(item);
+            let data = {
+              responsibilityRatio: item.responsibilityRatio, //责任占比
+              tripartite: item.tripartite, //三方责任人
+              description: item.description, //说明
+            };
+            if (form.value.groundlineType == '1') {
+              data.personResponsibleName = item.personResponsibleId; //责任人名称
+              data.businessName = item.Processingoptions.find(
+                res => res.value == item.businessId
+              ).label; //责任方
+              data.businessId = item.businessId; //责任方id
+            } else {
+              data.personResponsibleId = item.personResponsibleId; //责任人id
+              (data.personResponsibleName = item.ResponsibleoNameptions.find(
+                res => res.id == item.personResponsibleId
+              ).name), //责任人名称
+                (data.businessName = item.Responsibleoptions.find(
+                  res => res.value == item.businessId
+                ).label); //责任方
+              data.businessId = item.businessId; //责任方id
+            }
+            submitData['personResponsibleDTO'].push(data);
           });
-          // 存储时间
-          console.log(TrainnumberList.value, '车次号');
         }
-        // 车次号处理
-        if (groundlineType.value == 3) {
-          res.data.data.forEach(item => {
-            console.log(item, 'item');
-            item.trunklines.forEach(itemChid => {
-              console.log(itemChid, 'itemChid');
-              TrainnumberList.value.push({
-                label: itemChid.trainNumber,
-                value: itemChid.trainNumber,
-              }); //车次号
-              MainlineUnloadingData.value.push(itemChid);
+      }
+
+      // 图片处理
+      if (
+        form.value.fileList.length &&
+        (form.value.groundlineType == '1' || form.value.groundlineType == '3')
+      ) {
+        submitData.decreaseImageEntityList = [];
+        form.value.fileList.forEach(item => {
+          if (item.response) {
+            submitData['decreaseImageEntityList'].push({
+              imageName: item.response.data.originalName, //图片名称
+              imagePath: item.response.data.link, //图片地址
+              imageType: form.value.groundlineType == 1 ? 10 : 20, //图片类型
             });
+          }
+        });
+      }
+
+      // 处理结果
+      if (form.value.basis.result.length) {
+        submitData.aftersalesProcessingResultsDTO = {
+          money: 0, //金额总和
+          resultType: [], //处理结果名称
+          processingMoneyEntityList: [],
+        };
+        let PlayName = []; //赔付方式名称
+        form.value.Claimamount.forEach(item => {
+          PlayName.push(item.Paymentmethod.find(res => res.value == item.compensationMethod).label);
+          submitData.aftersalesProcessingResultsDTO['processingMoneyEntityList'].push({
+            compensationMethodName: item.Paymentmethod.find(
+              res => res.value == item.compensationMethod
+            ).label, //支付方式名称
+            compensationMethod: item.compensationMethod, //支付方式value
+            compensationTime: item.compensationTime, //支付时间
+            money: item.money, //支付金额
+            paymentUnit: item.paymentUnit, //支付单位
+            resultName: item.title, //处理结果方式  下补单
+            resultType: Processingresultsoptions.value.find(res => res.label == item.title).value, //处理结果方式 value
+            typesOf: 1, //固定参数
           });
-          console.log(TrainnumberList.value, '车次号');
-        }
+        });
+        submitData.aftersalesProcessingResultsDTO.resultType = form.value.Claimamount.map(
+          res => res.title
+        ).join(','); //处理结果名称
+
+        let filteredArray = form.value.Claimamount.map(res => res.money); //金额总和
+
+        submitData.aftersalesProcessingResultsDTO.money = filteredArray.reduce(
+          (accumulator, currentValue) => accumulator + currentValue,
+          0
+        );
+        // 支付方式名称
+        submitData.aftersalesProcessingResultsDTO.compensationMethod = PlayName.join(',');
+        submitData.aftersalesProcessingResultsDTO.resultDescription =
+          form.value.basis.resultDescription; //处理结果说明
+        delete form.value.basis.resultDescription; //删除无用信息
+      }
+
+      console.log(submitData, '处理好的参数');
+      form.value.Pageloading = true; //关闭页面加载
 
-        console.log(NumberPackages.value, 'NumberPackages.value ');
-        console.log(PackageInfo.value, 'PackageInfo.value');
-        const packageData = res.data.data[0];
-        if (NumberPackages.value > 1) {
-          let mallName = PackageInfo.value.find(item => item.mallName).mallName;
-          console.log(mallName, '筛选出来的值');
-          if (mallName != packageData.mallName) {
-            ElMessageBox.confirm('请选择运单商场一致的包条码!', 'Warning', {
+      //是否直接提交到处理结果
+      if (form.value.Processed) {
+        submitData.workOrderStatus = 30;
+      }
+      $_submit(submitData)
+        .then(res => {
+          ElMessage({
+            message: res.data.msg || '创建成功',
+            type: 'success',
+          });
+          if (res.data.code == 200) {
+            form.value.Pageloading = false; //关闭页面加载
+            ElMessageBox.confirm('当前工单创建成功,是否继续创建?', '提示', {
               confirmButtonText: '确定',
+              cancelButtonText: '返回',
               type: 'warning',
             })
-              .then(() => {
-                return;
+              .then(async () => {
+                form.value = await deepClone(formCopy.value); //用于拷贝一份重置数据
+                await PageState();
+                await ruleFormRef.value.resetFields();
+                form.value.Pageloading = false; //关闭页面加载
               })
               .catch(() => {
-                ElMessage({
-                  type: 'info',
-                  message: '请重新输入新包条码',
+                $store.commit('DEL_TAG_CURRENT'); //关闭当前页面
+                $router.push({
+                  path: '/aftersales/aftersalesWorkOrder',
                 });
               });
-            return;
           }
-        }
-        console.log('跑到这里来了');
-        // 如果已经有一条数据了，后面运单商场必须和后面的一样
-        console.log(packageData, '获取的第一个参数');
-        PackageInfo.value[index].orderCode = packageData.orderCode; //订单自编码
-        PackageInfo.value[index].waybillNumber = packageData.waybillNumber; //运单号
-        PackageInfo.value[index].orderId = packageData.orderId; //运单号
-        PackageInfo.value[index].brandName = packageData.brandName; //品牌
-        PackageInfo.value[index].mallName = packageData.mallName; //运单商场
-        PackageInfo.value[index].state = false; //状态
-        const results = res.data.data.filter(item => {
-          return item.workOrderId && item.workOrderNumber;
+        })
+        .catch(error => {
+          console.log(error, 'error');
+          form.value.Pageloading = false; //关闭页面加载
         });
-        console.log(results, '筛选后的结果');
-        if (results.length > 0) {
-          HistoricalPackageList.value = results;
-          PackageInfo.value[index].state = true; //状态
-        } else {
-          PackageInfo.value[index].state = false; //状态
-        }
-        // 确保在没有满足条件的元素时，不执行 HistoricalPackageList 和 PackageInfo 的赋值操作
-        Indexform.value.first = packageData.firsts; //一级品
-        Indexform.value.secondary = packageData.second; //二级品
-        Indexform.value.waybillMall = packageData.mallName; //客户名称（运单商场）
-        Indexform.value.typeServiceName = packageData.typeServiceName
-          ? packageData.typeServiceName
-          : ''; //合作模式
-      }
-      // packageCode; //包件码
-      // //订单自编码
-      // orderCode: orderId; //运单号
-      // workOrderId; //工单id
-      // workOrderNumber; //工单名称
-
-      console.log(PackageInfo.value, '处理好的参数');
-    });
-  }
-};
-
-// 查看历史包件
-const historicalPackages = val => {
-  dialogHistoricalPackage.value = true; //打开历史包件弹窗
-  HistorIndex.value = val;
-  console.log(val);
-};
-// 历史包件确定选择
-const HistoricalPackage = val => {
-  let info = HistoricalPackageList.value.find(obj => obj.workOrderId == val);
-  console.log(info);
-  PackageInfo.value[HistorIndex.value].orderCode = info.orderCode; //订单自编码
-  PackageInfo.value[HistorIndex.value].waybillNumber = info.waybillNumber; //运单号
-  PackageInfo.value[HistorIndex.value].orderId = info.orderId; //运单号
-  PackageInfo.value[HistorIndex.value].brandName = info.brandName; //品牌
-  dialogHistoricalPackage.value = false; //关闭历史包件弹窗
-
-  PackageInfo.value[HistorIndex.value].relatedWorkOrdersId = info.workOrderId;
-  console.log(PackageInfo.value, '处理好的参数');
-};
-// 历史包件里面的查看
-const ViewPackageDetails = val => {
-  if (!val) {
-    ElMessage({
-      message: '请选择要查看的数据',
-      type: 'warning',
     });
-    return;
-  }
-  console.log(val);
-  let info = HistoricalPackageList.value.find(obj => obj.workOrderId == val);
-  console.log(info, '筛选的值');
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrderInfo',
-    query: {
-      id: info.workOrderId,
-      name: info.workOrderId + '-信息查看',
-      routerState: 'view',
-    },
   });
-  dialogHistoricalPackage.value = false; //打开历史包件弹窗
 };
-
-// 对调查经过输入框进行处理
-const isShowFormItem1 = computed(() => {
-  return ['2'].includes(groundlineType.value);
-});
-// 对调查经过输入框进行处理
-const isShowFormItem2 = computed(() => {
-  return ['2'].includes(groundlineType.value);
-});
-const isShowFormItem3 = computed(() => {
-  return ['3', '4', '5', '6', '7'].includes(groundlineType.value);
-});
-const isShowFormItem4 = computed(() => {
-  return ['5', '6', '7'].includes(groundlineType.value);
-});
+const TabactiveClick = (a, b) => {
+  console.log(a, b);
+};
 </script>
 
 <style scoped lang="scss">
-.IndexFrom {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  border: 1px solid #ccc;
-  .el-form-item {
-    display: flex;
-    align-items: flex-start;
-    margin: 0;
-    margin-bottom: 18px;
-    flex: 1 0 30%;
-    :deep(.el-form-item__label) {
-      width: 100px !important;
-      justify-content: flex-start;
-    }
-  }
-  :deep(.el-form-item__content) {
-    height: 100%;
-    width: 70% !important;
-    flex: none;
-    .el-input {
-      height: 100% !important;
-      display: flex;
-      align-items: center;
-    }
-  }
-  .el-input__wrapper {
-    height: 32px !important;
-  }
-  :deep(.el-input) {
-    width: 100% !important;
-  }
-  :deep(.el-input__wrapper) {
-    height: 30px !important;
-  }
-  :deep(.el-select) {
-    width: 100%;
-  }
-  :deep(.el-form-item__label) {
-    margin-left: 20px;
-  }
-}
-.el_clzr {
-  margin-top: 40px;
-
-  :deep(.el-select) {
-    width: 100%;
-  }
-  :deep(.el-input) {
-    height: 38px;
-  }
-  :deep(.el-form-item__label) {
-    margin-left: 20px;
-    font-size: 14px;
-    width: 100px !important;
-    justify-content: flex-start;
-  }
-  .el-form-item {
-    margin: 0;
-    margin-bottom: 34px;
-  }
-  :deep(.el-input__wrapper) {
-    height: 35px !important;
-  }
-  :deep(.el-form-item__content) {
-    height: 100%;
-    width: 90% !important;
-    flex: none;
-    .el-input {
-      height: 100% !important;
-      display: flex;
-      align-items: center;
-    }
-  }
-}
-.Transport_damage_photos {
-  flex-direction: column;
-  display: flex;
-  margin-top: 20px;
-  .title {
-    font-weight: 500;
-    width: 100px;
-    display: block;
-    margin-bottom: 10px;
-    font-size: 14px;
-  }
-}
-.dialog-footer {
-  margin-top: 10px;
+.pageContent {
+  padding: 10px;
   width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  padding: 0 10px;
+  height: 100%;
   box-sizing: border-box;
-  padding-right: 36px;
 }
-.investigate {
-  :deep(.el-form-item__content) {
-    width: 90% !important;
-    box-sizing: border-box;
-  }
-}
-.ShortageStatenum {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-  .title {
-    width: 80px;
-  }
-  .remove {
-    width: 47px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    color: #ff0000;
+:deep(.tablemun) {
+  height: 0;
+  padding: 0;
+  .el-tabs__nav-scroll {
+    // border-left: 1px solid #dcdfe6;
+    // border-right: 1px solid #dcdfe6;
   }
 }
-.moneyNum {
-  display: flex;
-  flex: 1;
-  .el_btn {
-    width: 50px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid #ccc;
-    margin-left: 3px;
-    border-radius: 4px;
-    cursor: pointer;
-  }
+.placeholder {
+  width: 100%;
+  height: 40px;
+  box-sizing: border-box;
+  border-left: 1px solid #dcdfe6;
+  border-right: 1px solid #dcdfe6;
 }
-.ResponsibilityBox {
-  :deep(.asterisk-left) {
-    .el-form-item__label {
-      width: auto !important;
-    }
-  }
 
+// 主体内容
+.content {
+  padding: 10px;
   width: 100%;
-  display: flex;
-  flex-direction: column;
-  .leftbox {
+  border: 1px solid #dcdfe6;
+  box-sizing: border-box;
+  border-radius: 2px;
+  .tablemunTop {
     display: flex;
     justify-content: space-between;
-    width: 100%;
-    .el_zb {
-      width: 140px;
-      margin-right: 50px;
-      text-align: right;
 
+    .el-form-item {
+      width: 26%;
+      display: flex;
+      align-items: center;
       :deep(.el-form-item__label) {
-        width: auto !important;
-      }
-      :deep(.el-input) {
-        margin-left: 10px;
-        text-align: right;
-      }
-      :deep(.el-form-item__content) {
-        flex-wrap: nowrap;
-        position: relative;
-        .percentage {
-          position: absolute;
-          right: 11px;
-        }
+        margin-bottom: 0 !important;
       }
     }
-    .illustrate {
-      width: 50%;
-    }
   }
-  .maxBox {
+}
+// 包件列表
+.Packagebox {
+  .el_Package {
     display: flex;
-    align-items: flex-start;
-    width: 30%;
-    margin-right: 16px;
-    font-size: 14px;
-    .title {
-      width: 120px;
-      font-size: 14px;
-      color: #606266;
-    }
-    .el-select {
-      width: 100%;
+    align-items: center;
+    border-bottom: 1px solid #afbdc3;
+    margin-bottom: 10px;
+    .el_activPackage_btton {
+      flex: 1;
+      display: flex;
+      justify-content: space-between;
+      margin: 0px 2px;
     }
   }
-  .el-btn {
-    margin-left: 5%;
-    border: none;
-  }
-  .el_btbox {
-    display: flex;
-    margin-top: 10px;
-  }
-}
-.ResponsibilityBoxS {
-  .el_packBtn {
-    margin-top: 10px;
-  }
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-  .leftbox {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    margin-top: 10px;
+  :deep(.is-active) {
+    font-weight: bold;
   }
-  .maxBox {
+  :deep(.Package) {
+    width: 83%;
     display: flex;
     align-items: center;
-    width: 30%;
-    margin-right: 20px;
-
-    :deep(.el-form-item) {
-      margin: 0;
-      margin-right: 10px;
-
-      font-size: 12px;
+    .el-form-item {
+      width: 14%;
+      margin-right: 6px;
       .el-form-item__label {
-        margin: 0;
-        width: auto !important;
+        margin-bottom: 0;
       }
     }
-    .title {
-      width: 140px;
-      color: #606266;
-      font-size: 14px;
-    }
-    .el-select {
-      width: 100%;
+    .Number {
+      width: 20px;
+      height: 20px;
+      // background-color: #409eff;
+      color: #409eff;
+      text-align: center;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      margin-right: 10px;
     }
   }
-  .el-btn {
-    margin-left: 5%;
+  .el_addPackage {
     border: none;
-    display: flex;
+    color: #ffffff;
   }
-  .el_btbox {
+  .el_top {
     display: flex;
     align-items: center;
+    margin-bottom: 10px;
+    height: 40px;
+    .el_Package_num {
+      font-size: 14px;
+      height: 80%;
+      border-bottom: 1px solid #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      span {
+        color: #666;
+        font-weight: 500;
+      }
+    }
   }
 }
-:deep(.PackageInformation) {
-  margin-bottom: 10px;
-  width: 100%;
-  border-left: none;
-  .el-tabs__header {
-  }
-  .el-tabs__content {
-    padding-top: 0;
-  }
-}
-.NumTotal {
-  width: 30%;
-  margin-top: 10px;
+.el_details {
   display: flex;
-  align-items: center;
-  span {
-    width: 120px;
-    font-size: 14px;
-    border: 1px solid #ccc;
-    display: flex;
-    width: auto;
-    padding: 4px 12px;
-  }
-}
-.Proportion {
-  margin-top: 16px;
-  .title {
-    font-size: 14px;
-    border: 1px solid #ccc;
-    width: auto;
-    padding: 4px 12px;
-  }
-}
-
-:deep(.is-active) {
-  border-bottom: 1px solid #e4e7ed !important;
-}
-:deep(.topClass) {
-  border-bottom: none;
-  .el-tabs__content {
-    padding: 0;
+  align-items: flex-start;
+  justify-content: space-between;
+  .el-form-item {
+    width: 78%;
   }
 }
-.foot_btn {
-  position: fixed;
-  bottom: 0;
-  left: 50%;
-  transform: translate(0, -50%);
+.Basicinformation {
   width: 100%;
-  height: 40px;
-  background-color: #ffffff;
-  border-top: 1px solid #fff;
-  box-shadow: 3px -1px 1px #ccc;
-  display: flex;
-  align-items: center;
-  padding-left: 10px;
-}
-:deep(.el-card__body) {
-  // margin-bottom: 50px;
-}
-:deep(.el-upload-dragger) {
   display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.box-card {
-  height: 100% !important;
-  overflow-y: scroll;
-}
-:deep(.selector) {
-  .el-select {
-    width: 100%;
+  flex-wrap: wrap;
+  :deep(.el-form-item) {
+    width: 10.5%;
+    margin-right: 6px;
+    .el-form-item__content {
+      .el-input {
+        height: 100% !important;
+        .el-input__wrapper {
+          height: 100%;
+        }
+      }
+    }
+    .el-form-item__label {
+      margin-bottom: 0;
+    }
+  }
+  .el_Basic {
+    flex: 1;
+    display: flex;
+    min-width: 32%;
+    .el_Processing {
+      min-width: 50%;
+    }
+    :deep(.el_Investigation) {
+      flex: 1;
+    }
+    // :deep(.is-error) {
+    //   .el-input--suffix {
+    //     .el-textarea__inner:focus {
+    //       box-shadow: 0 0 0 1px #ff0000 inset !important;
+    //     }
+    //   }
+    // }
   }
 }
-
-.ProcessingResults {
-  width: 100%;
-  min-height: 260px;
-  border: 1px solid #ccc;
-  position: relative;
-  padding: 26px;
-  box-sizing: border-box;
-  margin-top: 20px;
-  color: #606266;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  margin-bottom: 16px;
-  .title {
-    position: absolute;
-    top: -20px;
-    left: 20px;
-    font-size: 26px;
-    background-color: #fff;
+.responsibilities {
+  :deep(.el-upload-dragger) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
-  .Listadmiration {
+  .el_responsibilities {
     display: flex;
     flex-wrap: wrap;
-    margin-top: 26px;
-    justify-content: space-between;
-    .name {
+    align-items: center;
+    .el-form-item {
+      width: 14%;
+      margin-right: 6px;
+      .el-input-number {
+        width: 100%;
+      }
+    }
+    :deep(.el_responsibilities_box) {
+      width: 80%;
       display: flex;
-      margin-bottom: 20px;
-      height: 30px;
-      width: 48%;
-      justify-content: space-between;
-      .payment_right {
-        display: flex;
-        :deep(.el-input) {
-          height: 100% !important;
+      align-items: center;
+      border-bottom: 1px solid #afbdc3;
+      margin-bottom: 10px;
+      .el-form-item {
+        .el-form-item__label {
+          margin-bottom: 0;
         }
       }
-      span {
-        display: block;
-        color: #606266;
-        font-size: 16px;
-        margin-right: 8px;
+      .el_Investigation {
+        flex: 1;
+      }
+      .Number {
+        width: 20px;
+        height: 20px;
+        // background-color: #409eff;
+        color: #409eff;
+        text-align: center;
         display: flex;
         align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        margin-right: 10px;
       }
     }
   }
-
-  .lptime,
-  .ZFlptime {
+  .el_top {
     display: flex;
-    .name {
-      width: 10%;
-      color: #606266;
-    }
-    .el-input {
-      width: auto;
+    align-items: center;
+    margin-bottom: 10px;
+    height: 40px;
+    .el_addPackage {
+      border: none;
     }
-    :deep(.el-input--prefix) {
-      width: 200px;
+    .el_Package_num {
+      font-size: 14px;
+      height: 80%;
+      border-bottom: 1px solid #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      span {
+        color: #666;
+        font-weight: 500;
+      }
     }
   }
-  .ZFlptime {
-    margin: 10px 0;
+  :deep(.is-active) {
+    font-weight: bold;
   }
 }
-.Paymentname {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid #bfbfbf;
-  margin-left: 2px;
-  border-radius: 4px;
-  font-size: 14px;
-  padding: 10px;
-  cursor: pointer;
-  width: 140px;
-  margin: 0 10px;
-  overflow: hidden;
-}
-.Paymentname:hover {
-  border: 1px solid #172e60;
-}
-.el_Processingresults {
-  margin-top: 12px;
-}
-.el_PaymentUnit {
-  margin: 0 4px;
-}
-:deep(.el-input-number) {
-  width: 180px !important;
-}
-.Investigationprocess {
-  height: auto !important;
-  align-items: flex-start !important;
-  :deep(.el-form-item__content) {
-    width: 90% !important;
+// 处理结果
+:deep(.Processingresults) {
+  .is-active {
+    font-weight: bold;
   }
-}
-.el_tool {
-  display: flex;
-  align-items: center;
-  font-size: 16px;
-  font-weight: bold;
-  span {
-    font-size: 14px;
-    border: 1px solid #ccc;
-    padding: 4px 20px;
-    color: #30316e;
-    font-weight: normal;
+  .el_top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    height: 40px;
+    .el_addPackage {
+      border: none;
+    }
+    .el_Package_num {
+      font-size: 14px;
+      height: 80%;
+      border-bottom: 1px solid #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      span {
+        color: #666;
+        font-weight: 500;
+      }
+    }
   }
-}
-.el_nint {
-  width: 100%;
-}
-:deep(.el_inputTop) {
-  margin-bottom: 0 !important;
-  margin: 5px 0 !important;
-}
-:deep(.el_Exception) {
-  .el-form-item__content {
-    // width: 120px !important;
+  .el_Processingresults {
+    display: flex;
+    flex-wrap: wrap;
+    .el_Processingresults_box {
+      display: flex;
+      flex-direction: column;
+      width: 48%;
+      .el_title {
+        display: flex;
+        width: fit-content;
+        padding: 0 10px;
+        margin-bottom: 4px;
+        // border-left: 3px solid #172e60;
+        position: relative;
+      }
+      .el_title::after {
+        position: absolute;
+        content: '';
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        left: 0;
+        top: 50%;
+        transform: translate(0, -50%);
+        background-color: #172e60;
+      }
+      .el_Processingresults_box_list {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-right: 11px;
+        .el-form-item {
+          width: 24%;
+          .el-input-number {
+            width: 100% !important;
+          }
+          .el-form-item__label {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
   }
 }
-:deep(.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before) {
-  color: #ff0000;
-}
-.footer_el {
-  padding-right: 0;
-  padding: 0;
-}
-:deep(#avue-view) {
-  background-color: #fff !important;
+.pageContent {
+  height: 100vh;
 }
-.page_loading {
-  height: 100%;
+.flex-c-c {
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
 }
-.el_btn_remove {
-  // padding-top: 6px;
+:deep(.el-loading-mask) {
+  position: fixed;
+  left: 12%;
+  top: 10%;
 }
 </style>
diff --git a/src/views/aftersales/aftersalesWorkOrderAddTemp.vue b/src/views/aftersales/aftersalesWorkOrderAddTemp.vue
index ae8dba40..0b09108f 100644
--- a/src/views/aftersales/aftersalesWorkOrderAddTemp.vue
+++ b/src/views/aftersales/aftersalesWorkOrderAddTemp.vue
@@ -1,697 +1,662 @@
 <template>
-  <div class="pageContent" v-loading="form.Pageloading" element-loading-text="正在加载中...">
-    <!-- 菜单 -->
-    <div class="placeholder">
-      <el-tabs
-        class="tablemun"
-        v-model="form.basis.TabactiveName"
-        type="border-card"
-        @tab-click="TabactiveClick"
-      >
-        <el-tab-pane label="订单填写" :name="1"></el-tab-pane>
-        <el-tab-pane label="零担填写" :name="2"> </el-tab-pane>
+  <div v-loading="Addloading" class="page_loading" element-loading-text="Loading...">
+    <el-card class="box-card">
+      <el-tabs type="border-card" class="topClass" @tab-change="TopChange">
+        <el-tab-pane label="订单填写"></el-tab-pane>
+        <el-tab-pane label="零担填写"></el-tab-pane>
       </el-tabs>
-    </div>
-    <!-- 主体内容 -->
-    <div class="content">
+
       <el-form
-        ref="ruleFormRef"
-        :rules="ruleForm"
-        :model="form"
-        label-width="30%"
-        style="width: 100%"
-        label-position="top"
+        :model="Indexform"
+        label-width="100px"
+        class="IndexFrom"
+        ref="IndexForm"
+        :rules="rules"
       >
-        <!-- 头部类型选择 -->
-        <div class="tablemunTop">
-          <!-- 异常类型 -->
-          <el-form-item label="异常类型" prop="basis.workOrderType">
-            <el-select
-              v-model="form.basis.workOrderType"
-              placeholder="请选择异常类型"
-              style="width: 100%"
-              clearable
-            >
-              <el-option
-                v-for="item in Exceptionoptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
+        <el-form-item label="异常类型" prop="workOrderType" class="el_inputTop el_Exception">
+          <el-select
+            v-model="Indexform.workOrderType"
+            clearable
+            placeholder="选择工单异常类型"
+            @change="abnormalChange"
+          >
+            <el-option
+              v-for="item in IndexException"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
 
-          <!-- 发现节点 -->
-          <el-form-item label="发现节点" prop="basis.discoveryNode">
-            <el-select
-              v-model="form.basis.discoveryNode"
-              placeholder="请选择发现节点"
-              style="width: 100%"
-              @change="DiscoveringNodesChange"
-              clearable
-            >
-              <el-option
-                v-for="item in Discoveringoptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-                clearable
-              />
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="异常工单号">
-            <el-input v-model="form.basis.name" disabled placeholder="异常工单号(自动生成)" />
-          </el-form-item>
-        </div>
-
-        <!-- 包件信息  -->
-        <el-tabs
-          v-model="form.activPackage"
-          class="demo-tabs Packagebox"
-          @tab-click="handleClick"
-          v-loading="form.Packageloading"
-        >
-          <el-tab-pane label="包件信息" name="0">
-            <template v-for="(item, index) in form.PackageList" :key="index">
-              <div class="el_Package">
-                <div class="Package">
-                  <span class="Number"> {{ index + 1 }}</span>
-                  <el-form-item
-                    v-if="form.basis.TabactiveName == 1"
-                    :prop="`PackageList[${index}.packageCode]`"
-                    :rules="ruleForm.packageCode"
-                    label="包条码"
-                  >
-                    <el-input
-                      @change="ChangePackageInfo(item)"
-                      v-model="item.packageCode"
-                      placeholder="请输入包条码"
-                      clearable
-                    />
-                  </el-form-item>
-
-                  <el-form-item
-                    label="运单号"
-                    :prop="`PackageList[${index}.waybillNumber]`"
-                    :rules="ruleForm.waybillNumber"
-                  >
-                    <el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable />
-                  </el-form-item>
+        <el-form-item label="发现节点" prop="discoveryNode" class="el_inputTop">
+          <el-select
+            v-model="Indexform.discoveryNode"
+            clearable
+            placeholder="选择发现节点"
+            @change="DiscoveringNodesChange"
+          >
+            <el-option
+              v-for="item in DiscoveringNodes"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
 
-                  <el-form-item
-                    label="订单自编号"
-                    :prop="`PackageList[${index}.orderCode]`"
-                    :rules="ruleForm.orderCode"
-                  >
-                    <el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable />
-                  </el-form-item>
+        <el-form-item label="异常工单号" class="el_inputTop">
+          <el-input
+            v-model="Indexform.workOrderNumber"
+            disabled
+            placeholder="异常工单号(自动生成)"
+            clearable
+          />
+        </el-form-item>
 
-                  <el-form-item
-                    label="一级品"
-                    :prop="`PackageList[${index}.first]`"
-                    :rules="ruleForm.first"
-                  >
-                    <el-input v-model="item.first" placeholder="请输入一级品" clearable />
-                  </el-form-item>
+        <el-tabs type="border-card" class="PackageInformation">
+          <el-tab-pane label="包件信息">
+            <div class="ResponsibilityBoxS">
+              <div
+                class="el_packBtn"
+                v-if="groundlineType == 3 || groundlineType == 5 || groundlineType == 6"
+              >
+                <el-button type="primary" @click="AddPackage"> 添加信息 </el-button>
+              </div>
+              <div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index">
+                <div class="leftbox">
+                  <div class="maxBox" v-if="identifying != '2'">
+                    <el-form-item label="包条码">
+                      <el-tooltip
+                        :content="item.packageCode ? item.packageCode : '包条码'"
+                        placement="top"
+                      >
+                        <el-input
+                          v-model="item.packageCode"
+                          placeholder="请输入包条码"
+                          clearable
+                          @change="ChangePackageInfo(item.packageCode, index)"
+                        />
+                      </el-tooltip>
+                    </el-form-item>
+                  </div>
 
-                  <el-form-item
-                    label="二级品"
-                    :prop="`PackageList[${index}.secondary]`"
-                    :rules="ruleForm.secondary"
-                  >
-                    <el-input v-model="item.secondary" placeholder="请输入二级品" clearable />
-                  </el-form-item>
+                  <div class="maxBox">
+                    <el-form-item label="运单号">
+                      <el-tooltip
+                        :content="item.waybillNumber ? item.waybillNumber : '运单号'"
+                        placement="top"
+                      >
+                        <el-input v-model="item.waybillNumber" placeholder="请输入运单号" />
+                      </el-tooltip>
+                    </el-form-item>
+                  </div>
 
-                  <el-form-item
-                    label="品牌"
-                    :prop="`PackageList[${index}.brandName]`"
-                    :rules="ruleForm.brandName"
-                  >
-                    <el-input
-                      v-model="item.brandName"
-                      placeholder="品牌(有则自动带出)"
-                      disabled
-                      clearable
-                    />
-                  </el-form-item>
-                  <div
-                    v-if="['3', '5', '6'].includes(form.basis.discoveryNode)"
-                    style="width: 20%; display: flex"
-                  >
-                    <el-button
-                      v-if="!index"
-                      type="primary"
-                      class="el_addPackage"
-                      @click="Addpackages"
-                      style="margin-top: 2px"
-                    >
-                      <el-icon><Plus /></el-icon>新增包件</el-button
-                    >
-                    <el-button
-                      v-if="index"
-                      type="primary"
-                      class="el_addPackage"
-                      style="margin-top: 2px"
-                      @click="Removepackage(index)"
-                    >
-                      <el-icon><DeleteFilled /></el-icon>移除包件</el-button
-                    >
-                    <div class="el_activPackage_btton" v-if="item.history">
-                      <el-button @click="ViewhistoricalPackages(item)">查看历史包件</el-button>
-                    </div>
+                  <div class="maxBox">
+                    <el-form-item label="订单自编号">
+                      <el-tooltip
+                        :content="item.orderCode ? item.orderCode : '订单自编号'"
+                        placement="top"
+                      >
+                        <el-input
+                          v-model="item.orderCode"
+                          :placeholder="identifying != '2' ? '订单自编号' : '请输入订单自编号'"
+                        />
+                      </el-tooltip>
+                    </el-form-item>
                   </div>
-                </div>
-                <!-- 按钮  -->
-              </div>
-            </template>
-            <!-- <div class="el_top">
-              <div class="el_Package_num">
-                <span>共计包件:{{ form.PackageList.length }}</span>
-              </div>
-            </div> -->
-          </el-tab-pane>
-        </el-tabs>
 
-        <!-- 基础信息  -->
-        <el-tabs
-          v-model="form.activPackage"
-          class="demo-tabs Packagebox"
-          @tab-click="handleClick"
-          v-loading="form.Packageloading"
-        >
-          <el-tab-pane label="基础信息" name="0">
-            <div class="Basicinformation" style="padding-left: 26px; box-sizing: border-box">
-              <el-form-item
-                label="车次号"
-                prop="basis.trainNumber"
-                v-if="displaySettings.trainNumber"
-              >
-                <el-select
-                  v-model="form.basis.trainNumber"
-                  filterable
-                  allow-create
-                  default-first-option
-                  :reserve-keyword="false"
-                  placeholder="请选择车次号"
-                  style="width: 100%"
-                  clearable
-                  @change="DeliveryTrainnumber"
-                >
-                  <template v-if="form.basis.discoveryNode == 3">
-                    <el-option
-                      v-for="(item, index) in form.Trainoptions"
-                      :key="index"
-                      :label="item.trainNumber"
-                      :value="item.trainNumber"
-                    />
-                  </template>
-
-                  <!-- driverName: itemChid.driverName, // 主司机
-                    taskTime: itemChid.taskTime, // 配送时间
-                    trainNumber: itemChid.trainNumber, //车次号 -->
-
-                  <template v-else>
-                    <el-option
-                      v-for="(item, index) in form.deliver"
-                      :key="index"
-                      :label="item.trainNumber"
-                      :value="item.trainNumber"
-                    />
-                  </template>
-                </el-select>
-              </el-form-item>
-
-              <el-form-item
-                label="配送时间"
-                prop="basis.deliveryTime"
-                v-if="displaySettings.deliveryTime"
-              >
-                <el-date-picker
-                  v-model="form.basis.deliveryTime"
-                  style="width: 100%"
-                  type="datetime"
-                  format="YYYY-MM-DD"
-                  value-format="YYYY-MM-DD HH:mm:ss"
-                  placeholder="请选择配送时间"
-                />
-              </el-form-item>
-
-              <el-form-item
-                label="配送司机"
-                prop="basis.deliveryDriver"
-                v-if="displaySettings.deliveryDriver"
-              >
-                <el-input
-                  v-model="form.basis.deliveryDriver"
-                  placeholder="请输配送司机"
-                  clearable
-                />
-              </el-form-item>
-
-              <el-form-item
-                label="车辆线路"
-                prop="basis.vehicleRoute"
-                v-if="displaySettings.vehicleRoute"
-              >
-                <el-input
-                  v-model="form.basis.vehicleRoute"
-                  placeholder="请输入车辆线路"
-                  clearable
-                />
-              </el-form-item>
-
-              <el-form-item
-                label="发货时间"
-                prop="basis.deliverGoodsTime"
-                v-if="displaySettings.deliverGoodsTime"
-              >
-                <el-date-picker
-                  v-model="form.basis.deliverGoodsTime"
-                  style="width: 100%"
-                  type="datetime"
-                  format="YYYY-MM-DD"
-                  value-format="YYYY-MM-DD HH:mm:ss"
-                  placeholder="请选择发货时间"
-                />
-              </el-form-item>
-
-              <el-form-item
-                label="入库时间"
-                prop="basis.warehousingTime"
-                v-if="displaySettings.warehousingTime"
-              >
-                <el-date-picker
-                  v-model="form.basis.warehousingTime"
-                  style="width: 100%"
-                  type="datetime"
-                  format="YYYY-MM-DD"
-                  value-format="YYYY-MM-DD HH:mm:ss"
-                  placeholder="请选择入库时间"
-                />
-              </el-form-item>
-
-              <el-form-item
-                label="发现时间"
-                prop="basis.discoveryTime"
-                v-if="displaySettings.discoveryTime"
-              >
-                <el-date-picker
-                  v-model="form.basis.discoveryTime"
-                  style="width: 100%"
-                  type="datetime"
-                  format="YYYY-MM-DD"
-                  value-format="YYYY-MM-DD HH:mm:ss"
-                  placeholder="请选择发现时间"
-                />
-              </el-form-item>
-              <!-- 初始必填 -->
-              <el-form-item
-                label="运单商场"
-                prop="basis.waybillMall"
-                v-if="displaySettings.waybillMall"
-              >
-                <el-input v-model="form.basis.waybillMall" placeholder="请输入运单商场" clearable />
-              </el-form-item>
-              <!-- 初始必填 -->
-              <el-form-item
-                label="合作模式"
-                prop="basis.typeServiceName"
-                v-if="displaySettings.typeServiceName"
-              >
-                <el-input
-                  v-model="form.basis.typeServiceName"
-                  placeholder="合作模式(有则自动带出)"
-                  disabled
-                  clearable
-                />
-              </el-form-item>
-              <!-- 初始必填 -->
-              <div class="el_Basic">
-                <el-form-item
-                  label="处理方"
-                  prop="basis.processor"
-                  class="el_Processing"
-                  v-if="displaySettings.processor"
-                >
-                  <el-select
-                    v-model="form.basis.processor"
-                    placeholder="请选择处理方"
-                    style="width: 100%"
-                    multiple
-                    filterable
-                    clearable
-                  >
-                    <el-option
-                      v-for="item in Processingoptions"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    />
-                  </el-select>
-                </el-form-item>
-                <!-- 初始必填 -->
-                <el-form-item
-                  label="调查经过"
-                  prop="basis.investigationPocess"
-                  class="el_Investigation"
-                  clearable
-                  v-if="displaySettings.investigationPocess"
-                >
-                  <el-input
-                    v-model="form.basis.investigationPocess"
-                    placeholder="请输调查经过"
-                    type="textarea"
-                    :autosize="{ minRows: 1, maxRows: 10 }"
-                    clearable
-                  />
-                </el-form-item>
-              </div>
-            </div>
-          </el-tab-pane>
-        </el-tabs>
-        <!-- 内部责任划分  -->
-        <el-tabs
-          v-model="form.responsibilities"
-          class="demo-tabs responsibilities"
-          @tab-click="handleClick"
-          v-loading="form.Packageloading"
-          v-if="form.basis.discoveryNode != 3"
-        >
-          <el-tab-pane label="内部责任划分" name="0">
-            <div class="el_responsibilities">
-              <template v-for="(item, index) in form.responsibilitiesList" :key="index">
-                <div class="el_responsibilities_box">
-                  <span class="Number"> {{ index + 1 }}</span>
-                  <el-form-item
-                    label="责任方"
-                    class="el_Processing"
-                    :prop="`responsibilitiesList[${index}.businessId]`"
-                    :rules="ruleForm.businessId"
-                  >
-                    <el-select
-                      v-if="form.groundlineType == '1'"
-                      v-model="item.businessId"
-                      placeholder="请选择提货责任方"
-                      style="width: 100%"
-                      clearable
-                      filterable
-                    >
-                      <el-option
-                        v-for="items in item.Processingoptions"
-                        :key="items.value"
-                        :label="items.label"
-                        :value="items.value"
+                  <div class="maxBox">
+                    <el-form-item label="一级品">
+                      <el-input
+                        v-model="item.first"
+                        style="width: 240px"
+                        placeholder="请输入一级品"
                       />
-                    </el-select>
-                    <el-select
-                      v-else
-                      v-model="item.businessId"
-                      placeholder="请选择责任方"
-                      style="width: 100%"
-                      clearable
-                      filterable
-                      @change="ResponsiblePartychange(item)"
-                    >
-                      <el-option
-                        v-for="items in item.Responsibleoptions"
-                        :key="items.value"
-                        :label="items.label"
-                        :value="items.value"
-                      />
-                    </el-select>
-                  </el-form-item>
-
-                  <el-form-item
-                    label="责任人"
-                    class="el_Processing"
-                    :prop="`responsibilitiesList[${index}.personResponsibleId]`"
-                    :rules="ruleForm.personResponsibleId"
-                  >
-                    <el-input
-                      v-if="form.groundlineType == '1'"
-                      v-model="item.personResponsibleId"
-                      placeholder="请输入责任人"
-                      clearable
-                    />
-                    <el-select
-                      v-else
-                      v-model="item.personResponsibleId"
-                      style="width: 100%"
-                      filterable
-                      clearable
-                    >
-                      <el-option
-                        v-for="items in item.ResponsibleoNameptions"
-                        :key="items.value"
-                        :label="items.name"
-                        :value="items.id"
+                    </el-form-item>
+                  </div>
+
+                  <div class="maxBox">
+                    <el-form-item label="二级品">
+                      <el-input
+                        v-model="item.secondary"
+                        style="width: 240px"
+                        placeholder="请输入二级品"
                       />
-                    </el-select>
-                  </el-form-item>
-
-                  <el-form-item
-                    label="占比(%)"
-                    :prop="`responsibilitiesList[${index}.responsibilityRatio]`"
-                    :rules="ruleForm.responsibilityRatio"
-                    @change="CompanyProportionInput"
-                  >
-                    <el-input-number
-                      v-model="item.responsibilityRatio"
-                      :min="0"
-                      :max="item.ProportionMax"
-                      :controls="false"
-                      :value-on-clear="0"
-                    />
-                  </el-form-item>
-                  <el-form-item
-                    label="三方责任人"
-                    :prop="`responsibilitiesList[${index}.tripartite]`"
-                    :rules="ruleForm.tripartite"
-                  >
-                    <el-input v-model="item.tripartite" placeholder="请输入三方责任人" clearable />
-                  </el-form-item>
-                  <el-form-item
-                    label="说明"
-                    class="el_Investigation"
-                    clearable
-                    :prop="`responsibilitiesList[${index}.description]`"
-                    :rules="ruleForm.description"
-                  >
-                    <el-input
-                      v-model="item.description"
-                      placeholder="请输入说明"
-                      type="textarea"
-                      :autosize="{ minRows: 1, maxRows: 4 }"
-                      clearable
-                    />
-                  </el-form-item>
+                    </el-form-item>
+                  </div>
 
+                  <div class="maxBox">
+                    <el-form-item label="品牌">
+                      <el-tooltip
+                        :content="item.brandName ? item.brandName : '品牌'"
+                        placement="top"
+                      >
+                        <el-input
+                          v-model="item.brandName"
+                          :disabled="identifying != '2'"
+                          :placeholder="identifying != '2' ? '品牌(自动带出)' : '请输入品牌'"
+                        />
+                      </el-tooltip>
+                    </el-form-item>
+                  </div>
+
+                  <div class="maxBox" v-if="identifying != '1'">
+                    <el-form-item> </el-form-item>
+                  </div>
+                </div>
+
+                <div class="el-btn">
+                  <el-button v-if="item.state" type="primary" @click="historicalPackages(index)">
+                    查看历史包件
+                  </el-button>
                   <el-button
-                    v-if="!index"
-                    type="primary"
-                    class="el_addPackage"
-                    @click="AddResponsible"
-                    style="margin-top: 2px"
-                  >
-                    <el-icon><Plus /></el-icon>新增责任</el-button
-                  >
-                  <el-button
-                    style="margin-top: 2px"
-                    v-if="index"
+                    v-if="groundlineType == 3 || groundlineType == 5 || groundlineType == 6"
                     type="primary"
-                    @click="Responsemoval(index)"
-                  >
-                    <el-icon><DeleteFilled /></el-icon>移除责任</el-button
+                    @click="PackagRemoval(index)"
                   >
+                    移除
+                  </el-button>
                 </div>
-                <div></div>
-              </template>
-            </div>
-            <div class="el_top">
-              <div class="el_Package_num">
-                <span>公司占比:{{ form.Proportion }}(%)</span>
+              </div>
+              <div class="NumTotal">
+                <span>总件数:{{ NumberPackages }}</span>
               </div>
             </div>
           </el-tab-pane>
         </el-tabs>
 
-        <!-- 处理结果-理赔金额  -->
-        <el-tabs
-          v-model="form.ProcessingTab"
-          class="demo-tabs Processingresults"
-          v-loading="form.Packageloading"
-          v-if="ProcessingState"
+        <!-- 必填(提货环节可以不填写运单号) -->
+        <!-- 必填 -->
+
+        <el-form-item
+          label="车次号"
+          prop="trainNumber"
+          v-if="
+            groundlineType == 3 || groundlineType == 5 || groundlineType == 7 || groundlineType == 6
+          "
         >
-          <el-tab-pane label="处理结果-理赔金额" name="0">
-            <el-form-item label="" prop="basis.result">
-              <el-select
-                v-model="form.basis.result"
-                placeholder="请选择处理结果类型"
-                style="width: 100%"
-                clearable
-                multiple
-                @change="Claimssettlement"
-              >
-                <el-option
-                  v-for="item in Processingresultsoptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-            <!-- 处理结果循环列表 -->
-            <div class="el_Processingresults">
-              <template v-for="(item, index) in form.Claimamount" :key="index + item.title">
-                <div class="el_Processingresults_box">
-                  <span class="el_title">{{ item.title }}</span>
-                  <div class="el_Processingresults_box_list">
-                    <el-form-item
-                      label="金额"
-                      :prop="`Claimamount[${index}.money]`"
-                      :rules="ruleForm.packageCode"
-                    >
-                      <el-input-number
-                        v-model="item.money"
-                        :min="0"
-                        :max="9999999"
-                        :controls="false"
-                        :value-on-clear="0"
-                        @change="Totalamount"
-                      />
-                    </el-form-item>
+          <!-- <el-input
+          v-model="Indexform.trainNumber"
+          placeholder="请输入车次号"
+          clearable
+    
+        /> -->
 
-                    <el-form-item
-                      label="支付单位"
-                      :prop="`Claimamount[${index}.paymentUnit]`"
-                      :rules="ruleForm.packageCode"
-                    >
-                      <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" clearable />
-                    </el-form-item>
-                    <el-form-item
-                      label="理赔支付时间"
-                      :prop="`Claimamount[${index}.compensationTime]`"
-                      :rules="ruleForm.packageCode"
-                    >
-                      <el-date-picker
-                        v-model="item.compensationTime"
-                        type="datetime"
-                        format="YYYY-MM-DD"
-                        value-format="YYYY-MM-DD HH:mm:ss"
-                        placeholder="理赔支付时间"
-                        size="default"
-                      />
+          <el-select
+            v-model="Indexform.trainNumber"
+            filterable
+            allow-create
+            default-first-option
+            :reserve-keyword="false"
+            placeholder="请选择车次号"
+            @change="DeliveryTrainnumber"
+          >
+            <el-option
+              v-for="item in TrainnumberList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item
+          label="配送时间"
+          prop="deliveryTime"
+          v-if="groundlineType == 5 || groundlineType == 7 || groundlineType == 6"
+        >
+          <el-date-picker
+            v-model="Indexform.deliveryTime"
+            type="datetime"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            placeholder="请选择配送时间"
+          />
+        </el-form-item>
+
+        <!-- 必填 -->
+
+        <el-form-item
+          label="配送司机"
+          prop="deliveryDriver"
+          v-if="groundlineType == 5 || groundlineType == 7 || groundlineType == 6"
+        >
+          <el-input v-model="Indexform.deliveryDriver" placeholder="请输入配送司机" clearable />
+          <!-- <el-select
+          v-model="Indexform.deliveryDriver"
+          filterable
+          default-first-option
+          :reserve-keyword="false"
+          placeholder="请输入配送司机"
+          @change="changeDeliveryDriver"
+        >
+          <el-option
+            v-for="item in DeliveryDriver"
+            :key="item.value"
+            :label="item.driverName + '-' + item.trainNumber"
+            :value="item.id"
+          />
+        </el-select> -->
+        </el-form-item>
+
+        <el-form-item prop="vehicleRoute" label="车辆路线" v-if="groundlineType == 3">
+          <el-input v-model="Indexform.vehicleRoute" placeholder="请输入车辆路线" clearable />
+        </el-form-item>
+
+        <el-form-item label="发货时间" prop="deliverGoodsTime" v-if="groundlineType == 2">
+          <el-date-picker
+            v-model="Indexform.deliverGoodsTime"
+            type="datetime"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            placeholder="请选择发货时间"
+          />
+        </el-form-item>
+
+        <el-form-item label="入库时间" prop="warehousingTime" v-if="groundlineType == 4">
+          <el-date-picker
+            v-model="Indexform.warehousingTime"
+            type="datetime"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            placeholder="请选择入库"
+          />
+        </el-form-item>
+
+        <el-form-item
+          label="发现时间"
+          prop="discoveryTime"
+          v-if="
+            groundlineType == 4 || groundlineType == 5 || groundlineType == 6 || groundlineType == 7
+          "
+        >
+          <el-date-picker
+            v-model="Indexform.discoveryTime"
+            type="datetime"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            placeholder="请选择发现时间"
+          />
+        </el-form-item>
+
+        <!-- <el-form-item label="一级品" prop="first">
+        <el-input v-model="Indexform.first" placeholder="请输入一级品类" />
+      </el-form-item> -->
+
+        <!-- <el-form-item label="二级品" prop="secondary">
+        <el-input v-model="Indexform.secondary" placeholder="请输入二级品类" />
+      </el-form-item> -->
+
+        <!-- 必填 -->
+        <el-form-item label="运单商场" prop="waybillMall">
+          <el-input v-model="Indexform.waybillMall" placeholder="请输入运单商场" />
+        </el-form-item>
+
+        <el-form-item label="合作模式">
+          <el-input
+            v-model="Indexform.typeServiceName"
+            disabled
+            placeholder="合作模式(存在则自动带出)"
+            clearable
+          />
+        </el-form-item>
+
+        <!-- <el-form-item label="钉钉流程号">
+        <el-input v-model="Indexform.processNumber" placeholder="请输入钉钉流程号" />
+      </el-form-item> -->
+
+        <!-- 必填 -->
+        <!-- <el-form-item label="异常问题描述">
+        <el-input v-model="Indexform.problemDescription" placeholder="请输入异常问题" clearable />
+      </el-form-item> -->
+
+        <el-form-item label="处理方" prop="processor">
+          <el-select
+            v-model="Indexform.processor"
+            clearable
+            filterable
+            multiple
+            placeholder="请选择处理方"
+            @change="Processingrelease"
+          >
+            <el-option
+              v-for="item in warehouseData"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item v-if="isShowFormItem1"></el-form-item>
+        <el-form-item v-if="isShowFormItem2"> </el-form-item>
+        <el-form-item v-if="isShowFormItem3"> </el-form-item>
+        <el-form-item v-if="isShowFormItem4"> </el-form-item>
+
+        <el-form-item label="调查经过" prop="investigationPocess" class="Investigationprocess">
+          <el-input
+            v-model="Indexform.investigationPocess"
+            placeholder="请输入调查经过"
+            clearable
+            :rows="1"
+            type="textarea"
+          />
+        </el-form-item>
+
+        <el-tabs type="border-card" class="el_nint">
+          <el-tab-pane label="内部责任划分">
+            <div class="ResponsibilityBox">
+              <div><el-button type="primary" @click="responsibleParty"> 添加信息 </el-button></div>
+              <div class="el_btbox" v-for="(item, index) in FangAddList" :key="index">
+                <div class="leftbox">
+                  <div class="maxBox">
+                    <!-- <span class="title"></span> -->
+
+                    <!-- 提货环节  -->
+                    <el-form-item label="责任方" prop="processor">
+                      <el-select
+                        v-model="item.businessName"
+                        clearable
+                        placeholder="请选提货择责任方"
+                        v-if="groundlineType == 1"
+                      >
+                        <el-option
+                          v-for="item in responsible"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
+
+                      <el-select
+                        v-else
+                        v-model="item.businessName"
+                        filterable
+                        clearable
+                        placeholder="请选择责任方"
+                        @change="ResponsiblePartychange(item.businessName, index)"
+                      >
+                        <el-option
+                          v-for="item in warehouseData"
+                          :key="item.value"
+                          :label="item.label"
+                          :value="item.value"
+                        />
+                      </el-select>
                     </el-form-item>
-                    <el-form-item
-                      label="支付方式"
-                      :prop="`Claimamount[${index}.compensationMethod]`"
-                      :rules="ruleForm.packageCode"
-                    >
+                  </div>
+
+                  <div class="maxBox">
+                    <el-form-item label="责任人">
                       <el-select
-                        v-model="item.compensationMethod"
-                        placeholder="请选择支付方式"
-                        style="width: 100%"
+                        v-if="groundlineType != 1"
+                        v-model="item.personResponsibleName"
                         clearable
+                        filterable
+                        placeholder="请选责任人"
+                        allow-create
+                        default-first-option
                       >
                         <el-option
-                          v-for="items in item.Paymentmethod"
-                          :key="items.value"
-                          :label="items.label"
-                          :value="items.value"
+                          v-for="item in item.personResponsibleList"
+                          :key="item.id"
+                          :label="item.name"
+                          :value="item.id"
                         />
                       </el-select>
+
+                      <el-input
+                        v-else
+                        v-model="item.personResponsibleName"
+                        placeholder="请输入责任人"
+                      />
                     </el-form-item>
                   </div>
-                </div>
-              </template>
+                  <div class="maxBox el_zb">
+                    <el-form-item label="占比" class="title">
+                      <el-input-number
+                        :controls="false"
+                        v-model="item.responsibilityRatio"
+                        placeholder="占比 "
+                        :min="0"
+                        :max="item.ProportionMax"
+                        :value-on-clear="0"
+                        v-percentage
+                        @input="CompanyProportionInput(item)"
+                      />
 
-              <!-- resultDescription -->
-            </div>
-            <el-form-item label="处理结果说明">
-              <el-input
-                v-model="form.basis.resultDescription"
-                placeholder="请输入处理结果说明"
-                type="textarea"
-                :autosize="{ minRows: 1, maxRows: 4 }"
-                clearable
-              />
-            </el-form-item>
-            <div class="el_top">
-              <div class="el_Package_num">
-                <span>总计金额:{{ form.Totalamount }}(元)</span>
+                      <span class="percentage">%</span>
+                    </el-form-item>
+                  </div>
+                  <div class="maxBox">
+                    <el-form-item label="三方责任人">
+                      <el-input v-model="item.tripartite" placeholder="请输入三方责任人" />
+                    </el-form-item>
+                  </div>
+
+                  <div class="maxBox illustrate">
+                    <el-form-item label="说明">
+                      <el-input
+                        v-model="item.description"
+                        type="textarea"
+                        placeholder="请输入说明 "
+                        :rows="1"
+                      />
+                    </el-form-item>
+                  </div>
+                </div>
+                <div class="el-btn el_btn_remove">
+                  <el-button type="primary" @click="ResponsibilityRemoval(index)"> 移除 </el-button>
+                </div>
+              </div>
+              <div class="Proportion">
+                <span class="title">公司占比:{{ companyProportion }}%</span>
               </div>
             </div>
           </el-tab-pane>
         </el-tabs>
+      </el-form>
+      <el-tabs type="border-card" class="el_Processingresults" v-if="ProcessingreleaseState">
+        <el-tab-pane label="处理结果">
+          <div class="selector">
+            <el-select
+              v-model="Indexform.result"
+              multiple
+              filterable
+              default-first-option
+              :reserve-keyword="false"
+              placeholder="请选择处理结果"
+              @change="changeProcessingResults"
+            >
+              <el-option
+                v-for="item in ProcessingResults"
+                :key="item.dictKey"
+                :label="item.dictValue"
+                :value="item.dictKey"
+              />
+            </el-select>
+          </div>
+
+          <div class="ProcessingResults" v-if="ProcessingList.length">
+            <div class="title">处理结果-理赔金额</div>
+            <div class="Listadmiration">
+              <div class="name" v-for="(item, index) in ProcessingList" :key="index">
+                <span style="width: 120px">{{ item.name }}:</span>
+                <div class="payment_right">
+                  <el-input-number
+                    v-model="item.input"
+                    :min="item.min"
+                    :max="item.max"
+                    @change="TotalChange"
+                  />
+                  <div class="Paymentname" @click="PaymentSelection(item)">
+                    {{ item.payment ? item.text : '支付方式' }}
+                  </div>
+                  <div class="el_PaymentUnit">
+                    <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" />
+                  </div>
+                  <el-date-picker
+                    v-model="item.compensationTime"
+                    type="datetime"
+                    format="YYYY-MM-DD"
+                    value-format="YYYY-MM-DD HH:mm:ss"
+                    placeholder="理赔支付时间"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <div class="el_tool">
+              <span>总金额:{{ TotalClaimAmount }}</span>
+            </div>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
 
-        <!-- 照片上传 -->
-        <el-tabs
-          v-model="form.responsibilities"
-          class="demo-tabs responsibilities"
-          @tab-click="handleClick"
-          v-loading="form.Packageloading"
-          v-if="['1', '3'].includes(form.basis.discoveryNode)"
+      <div class="Transport_damage_photos" v-if="SelectType == 1 || SelectType == 3">
+        <span class="title">{{
+          SelectType == 1 ? '运损照片' : SelectType == 3 ? '窜货照片' : '照片'
+        }}</span>
+        <el-upload
+          v-model:file-list="Indexform.packList"
+          list-type="picture-card"
+          :on-preview="pictureList"
+          :on-remove="ImgListRemove"
+          :action="doubledCount"
+          :on-success="ImgSuccess"
+          :before-upload="beforeAvatarUpload"
+          :headers="headers"
+          multiple
+          drag
         >
-          <el-form-item label="">
-            <el-tab-pane label="照片" name="0">
-              <el-upload
-                v-model:file-list="form.fileList"
-                :action="action"
-                :headers="headers"
-                :on-success="ImgSuccess"
-                :before-upload="beforeAvatarUpload"
-                drag
-                multiple
-                list-type="picture-card"
-              >
-                <el-icon><Plus /></el-icon>
-              </el-upload>
-            </el-tab-pane>
-          </el-form-item>
-        </el-tabs>
-        <!-- 操作按钮 -->
-        <div class="flex-c-c">
-          <el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button>
-          <el-button type="primary" icon="Position" @click="onSubmit">提交</el-button>
-          <el-button v-if="allFieldsFilled" type="primary" icon="Position" @click="onSubmit"
-            >处理完毕</el-button
-          >
-        </div>
-      </el-form>
-    </div>
-  </div>
-  <!-- 历史包件弹窗  -->
-  <el-dialog v-model="form.historydialog" title="查看历史包件" width="500">
-    <div class="el_details">
-      <el-form-item label="历史包件">
-        <el-select v-model="form.discoveryNode" placeholder="历史包件选择" style="width: 100%">
+          <el-icon><Plus /></el-icon>
+        </el-upload>
+
+        <el-dialog v-model="dialogImgList" width="30%">
+          <el-image
+            :src="amplifyurl"
+            :zoom-rate="1.2"
+            :max-scale="7"
+            :min-scale="0.2"
+            :preview-src-list="amplifysrcList"
+            :initial-index="4"
+            fit="cover"
+          />
+        </el-dialog>
+      </div>
+
+      <div class="dialog-footer footer_el">
+        <!-- <el-button @click="Indexdialog = false">取消</el-button> -->
+        <el-button type="primary" @click="ConfirmForm"> 提交 </el-button>
+      </div>
+    </el-card>
+
+    <!-- <div v-if="routerState" class="foot_btn">
+    <el-button type="primary" @click="ConfirmForm">新增记录</el-button>
+    <el-button type="primary" @click="ConfirmForm">完结 </el-button>
+    <el-button type="primary" @click="ConfirmForm">打回 </el-button>
+  </div> -->
+
+    <!-- 少货件数大于3 -->
+    <el-dialog
+      :show-close="false"
+      v-model="ShortageState"
+      title="少货件数"
+      width="40%"
+      @close="ShortageStateFun"
+      lock-scroll
+      draggable
+    >
+      <div class="ShortageStatenum" v-for="item in ShortageList">
+        <span class="title">件数{{ item.number }}</span
+        ><el-input v-model="item.packageCode" placeholder="请输入包条码" />
+      </div>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="ShortageCancellation">取消</el-button>
+          <el-button type="primary" @click="ShortageState = false"> 确认信息 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+
+    <!-- 窜货件数大于3 -->
+    <el-dialog
+      :show-close="false"
+      v-model="fleeingState"
+      title="窜货件数"
+      width="40%"
+      @close="fleeingFun"
+      lock-scroll
+      draggable
+    >
+      <div class="ShortageStatenum" v-for="item in fleeingList">
+        <span class="title">件数{{ item.number }}</span
+        ><el-input v-model="item.packageCode" placeholder="请输入包条码" />
+      </div>
+
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="fleeingCancellation">取消</el-button>
+          <el-button type="primary" @click="ShortageState = false"> 确认信息 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+
+    <el-dialog v-model="dialogHistoricalPackage" title="查看历史包件" width="30%">
+      <el-form-item label="历史包件选择">
+        <el-select v-model="HistoricalPackageinput" clearable filterable placeholder="请选择包件">
           <el-option
-            v-for="item in form.Historicalpackage"
-            :key="item.workOrderId"
+            v-for="item in HistoricalPackageList"
+            :key="item.value"
             :label="item.workOrderNumber"
             :value="item.workOrderId"
           />
         </el-select>
+        <el-button @click="ViewPackageDetails(HistoricalPackageinput)">查看详情</el-button>
       </el-form-item>
-      <el-button @click="Viewdetails(form.discoveryNode)">查看详情</el-button>
-    </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogHistoricalPackage = false">取消</el-button>
+          <el-button type="primary" @click="HistoricalPackage(HistoricalPackageinput)">
+            确定选择
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
 
-    <!-- <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="form.historydialog = false"> 取消</el-button>
-        <el-button type="primary" @click="historyPush">查看</el-button>
-      </div>
-    </template> -->
-  </el-dialog>
+    <!-- 支付方式选择 -->
+    <el-dialog v-model="ZFdialog" title="支付方式选择" width="45%" class="ZFfsLoad">
+      <el-radio-group v-model="Indexform.compensationMethod">
+        <el-radio
+          :label="item.dictKey"
+          v-for="item in Paymentmethod"
+          :key="item.dictKey"
+          size="large"
+          border
+          >{{ item.dictValue }}</el-radio
+        >
+      </el-radio-group>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="ZFdialog = false">取消</el-button>
+          <el-button type="primary" @click="PaymentConfirmation(Indexform.compensationMethod)">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
 </template>
 
 <script setup>
-import { ref, reactive, computed } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import { getDictionaryBiz } from '@/api/system/dict'; //字典
+import { useRouter, useRoute } from 'vue-router';
 import { useStore } from 'vuex';
 const $store = useStore();
+import { getDictionaryBiz } from '@/api/system/dict'; //字典
+import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import {
   $_getList,
   $_submit,
@@ -701,122 +666,104 @@ import {
   $_getAbnormalPackage,
   $_shippingInformation,
 } from '@/api/aftersales/aftersalesWorkOrder';
-import { useRouter, useRoute } from 'vue-router';
-import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
-import { deepClone } from '@/utils/util';
+import { computeNumber } from '@/utils/util';
+import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
 import { getToken } from '@/utils/auth';
-import error from '@/error';
 const $router = useRouter();
-const formCopy = ref({}); //用于重置表单
-const form = ref({
-  basis: {
-    TabactiveName: 1, //工单类型菜单
-  }, //基础信息
-  Totalamount: 0, //总金额
-  activPackage: '0', //包件信息菜单
-  responsibilities: '0', //内部责任菜单
-  ProcessingTab: '0', //处理结果菜单
-  Pageloading: false, //页面加载
-  Packageloading: false, //包件加载
-  historydialog: false, //历史包件弹窗
-  groundlineType: 0, //发现节点
-  Proportion: 100, //公司占比
-  totalMax: 100, //公司占比最大值
-  Processed: false, //是可以填写处理结果
-  //   包件列表
-  PackageList: [
-    {
-      packageCode: '', //包条码
-      waybillNumber: '', //运单号
-      orderCode: '', //订单自编号
-      first: '', //一级品
-      secondary: '', //二级品
-      brandName: '', //品牌
-      history: true, //是否有历史包间
-    },
-  ], //历史包件列表
-  Historicalpackage: [],
-  //   内部责任划分
-  responsibilitiesList: [
-    {
-      businessId: '', //责任方
-      personResponsibleId: '', //责任人
-      responsibilityRatio: 0, //占比
-      description: '', //三方责任人
-      tripartite: '', //说明
-      ProportionMax: 100, //最大值校验
-      Processingoptions: [
-        //提货责任方列表
-      ],
-      Responsibleoptions: [
-        // 责任方
-      ],
-      ResponsibleoNameptions: [
-        // 责任人列表
-      ],
-    },
-  ],
-  Trainoptions: [], //干线车次号
-  deliver: [], //配送车次号
-  //   理赔金额
-  Claimamount: [],
-  fileList: [], //照片
-});
-const myData = ref({}); //用户信息记录
-const ruleForm = reactive({
-  basis: {
-    workOrderType: [{ required: true, message: '请选择异常类型', trigger: ['bulr', 'change'] }],
-    discoveryNode: [{ required: true, message: '请选择发现节点', trigger: ['bulr', 'change'] }],
-    trainNumber: [{ required: true, message: '请选择车次号', trigger: ['bulr', 'change'] }],
-    deliveryTime: [{ required: true, message: '请输入配送时间', trigger: ['bulr', 'change'] }],
-    deliveryDriver: [{ required: true, message: '请输入配送司机', trigger: ['bulr', 'change'] }],
-    vehicleRoute: [{ required: true, message: '请输入车辆线路', trigger: ['bulr', 'change'] }],
-    deliverGoodsTime: [{ required: true, message: '请输入发货时间', trigger: ['bulr', 'change'] }],
-    warehousingTime: [{ required: true, message: '请选择入库时间', trigger: ['bulr', 'change'] }],
-    discoveryTime: [{ required: true, message: '请选择发现时间', trigger: ['bulr', 'change'] }],
-    waybillMall: [{ required: true, message: '请输入运单商场', trigger: ['bulr'] }],
-    typeServiceName: [{ required: false, message: '请输入合作模式', trigger: ['bulr', 'change'] }],
-    investigationPocess: [
-      { required: true, message: '请输入调查经过', trigger: ['bulr', 'change'] },
-    ],
-    result: [{ required: true, message: '请输选择处理结果', trigger: ['bulr'] }],
-    processor: [{ required: true, message: '请输入处理方', trigger: ['bulr'] }],
+const $route = useRoute();
+const Indexform = ref({
+  packList: [],
+  decreaseImageEntityList: [], //处理好的图片数据
+  discoveryNode: '1',
+}); //首页新增表单
+const ProcessingResults = ref([]); //处理结果列表选项
+const Addloading = ref(false);
+const IndexException = ref([]); //异常类型下拉选择
+const ZFname = ref(''); //支付名字预留状态
+const IndexForm = ref(null); //表格ref实力
+const DiscoveringNodes = ref([]); //发现节点下拉选择
+const warehouseData = ref([]); //处理方
+const SelectType = ref(null); //类型
+const HistoricalPackageinput = ref(''); //历史包件选择
+const dialogImageUrl = ref(null); //图片
+const dialogVisible = ref(null); //图片
+const groundlineSet = ref(true); //干线条件都满足
+const TotalClaimAmount = ref(0); //总金额
+const TrainnumberList = ref([]); //车次号列表
+const TrainnumberMax = ref([]); //所有车次号
+const groundlineType = ref(null); //干线状态
+const Inputbox = ref(true); //调查经过输入框状态
+const ShortageState = ref(false); //少货件数弹窗状态
+const fleeingState = ref(false); //窜货件数弹窗
+const DeliveryprocessData = ref([]); //配送环节数据
+const ShortageList = ref([]); //少货件数
+const fleeingList = ref([]); //窜货件数
+const valueStrictly = ref();
+const ProcessingreleaseState = ref(false); //是否可以填写处理结果
+const routerID = ref(null); //路由参数ID
+const routerState = ref(''); //路由状态
+const personResponsibleList = ref([]); //责任人列表
+const ZFdialog = ref(false); //支付方式弹出
+const companyProportion = ref(100); //公司占比
+const identifying = ref(1); //订单，零担状态
+const MainlineUnloadingData = ref([]); //干线卸货数据
+const dialogHistoricalPackage = ref(false); //历史包件弹窗
+const HistoricalPackageList = ref([]); //历史包件数组
+const DeliveryprocessTime = ref([]); //配送环节时间
+const HistorIndex = ref(0); //历史包件索引
+const NumberPackages = ref(0); //包件个数
+const dialogImgList = ref(false); //图片预览弹窗
+const amplifyurl = ref(''); //当前点击的图片
+const amplifysrcList = ref([]); //图片循环列表
+const ProcessingList = ref([]); //处理结果已经选择的列表
+const Paymentmethod = ref([]); //支付方式
+const Mydata = ref(); //当前登录人信息
+const PackageInfo = ref([
+  //包件信息
+  {
+    packageCode: '',
+    orderCode: '',
+    first: '',
+    secondary: '',
+    waybillNumber: '',
+    brandName: '',
+    state: false,
+  },
+]);
+// 责任方列表
+const FangAddList = ref([
+  {
+    businessName: '',
+    personResponsibleName: '',
+    responsibilityRatio: '',
+    description: '',
+    tripartite: '',
+    ProportionMax: 100,
+  },
+]);
+// 提货责任方
+const responsible = ref([
+  {
+    value: '1',
+    label: '工厂',
   },
+  {
+    value: '2',
+    label: '外包搬运',
+  },
+  {
+    value: '3',
+    label: '物流',
+  },
+]);
 
-  packageCode: [{ required: true, message: '请输入包条码', trigger: ['bulr', 'change'] }],
-  waybillNumber: [{ required: true, message: '请输入运单号', trigger: ['bulr', 'change'] }],
-  orderCode: [{ required: true, message: '请输入订单自编号', trigger: ['bulr', 'change'] }],
-  first: [{ required: true, message: '请输入一级品', trigger: ['bulr', 'change'] }],
-  secondary: [{ required: true, message: '请输入二级品', trigger: ['bulr', 'change'] }],
-  brandName: [{ required: false, message: '请输入品牌', trigger: ['bulr', 'change'] }],
-
-  businessId: [{ required: true, message: '请选择责任方', trigger: ['bulr', 'change'] }],
-  personResponsibleId: [{ required: true, message: '请输入责任人', trigger: ['bulr', 'change'] }],
-  responsibilityRatio: [{ required: true, message: '请输入占比', trigger: ['bulr', 'change'] }],
-  tripartite: [{ required: true, message: '请输入三方责任人', trigger: ['bulr', 'change'] }],
-  description: [{ required: true, message: '请输入说明', trigger: ['bulr', 'change'] }],
-  money: [{ required: true, message: '请输入金额', trigger: ['bulr', 'change'] }],
-  paymentUnit: [{ required: true, message: '请输入支付单位', trigger: ['bulr', 'change'] }],
-  compensationTime: [{ required: true, message: '请输选择支付时间', trigger: ['bulr', 'change'] }],
-  compensationMethod: [
-    { required: true, message: '请输选择支付方式', trigger: ['bulr', 'change'] },
-  ],
-});
-const ResponsibleParty = ref([]); //提货责任方
-const ruleFormRef = ref(); //表单示例
-// 异常类型
-const Exceptionoptions = ref([]);
-// 发现节点
-const Discoveringoptions = ref([]);
-// 处理方/责任方
-const Processingoptions = ref([]);
-// 支付方式
-const Paymentmethodoptions = ref([]);
-// 处理结果
-const Processingresultsoptions = ref([]);
+const DeliveryDriver = ref([]);
+// 图片列表
+const fileList = ref([]);
 // 字典公共函数
-async function updateDictionary(targetArray, dictionaryType) {
-  await getDictionaryBiz(dictionaryType).then(res => {
+function updateDictionary(targetArray, dictionaryType) {
+  getDictionaryBiz(dictionaryType).then(res => {
+    console.log(res, '字典');
     res.data.data.forEach(item => {
       targetArray.push({
         value: item.dictKey,
@@ -825,1090 +772,1580 @@ async function updateDictionary(targetArray, dictionaryType) {
     });
   });
 }
-// 获取处理方和责任方
-const Handling = async () => {
-  await getDeptWarehouse().then(res => {
-    let data = [];
-    if (res.data.code == 200) {
-      if (res.data && res.data.data.length) {
-        res.data.data.forEach(item => {
-          data.push({
-            value: item.id,
-            label: item.name,
-          });
-        });
-      }
-      Processingoptions.value = deepClone(data);
-    }
-  });
-};
-// 内部责任划分初始化
-const responsibilities = async () => {
-  // 内部责任划分处理
-  form.value.responsibilitiesList = await [
-    {
-      businessId: '', //责任方
-      personResponsibleId: '', //责任人
-      responsibilityRatio: 0, //占比
-      description: '', //三方责任人
-      tripartite: '', //说明
-      ProportionMax: 100, //最大值校验
-      Processingoptions: [
-        //提货责任方列表
-        ...ResponsibleParty.value,
-      ],
-      Responsibleoptions: [
-        // 责任方
-        ...Processingoptions.value,
-      ],
-      ResponsibleoNameptions: [
-        // 责任人列表
-      ],
-      id: 1,
-    },
-  ];
-};
-// 包件列表重置
-const PackageListReset = async () => {
-  //包件列表
-  form.value.PackageList = await [
-    {
-      packageCode: '', //包条码
-      waybillNumber: '', //运单号
-      orderCode: '', //订单自编号
-      first: '', //一级品
-      secondary: '', //二级品
-      brandName: '', //品牌
-      history: false, //是否有历史包间
-      id: 1,
-    },
-  ];
+// 图片上传必须携带TOKEN
+const headers = computed(() => {
+  return { 'Blade-Auth': 'Bearer ' + getToken() };
+});
+// 图片上传接口
+const doubledCount = computed(() => {
+  return '/api/blade-resource/oss/endpoint/put-file';
+});
+// 图片上传接口
+
+// 图片上传成功回调函数
+const ImgSuccess = (response, uploadFile) => {
+  if (response.success === true) {
+    console.log(response);
+    console.log(Indexform.value['packList'], '图片列表');
+    amplifysrcList.value.push(response.data.link);
+  }
 };
-// 页面初始化数据处理
-const PageState = () => {
-  if (localStorage.getItem('my_data')) {
-    myData.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
+
+// 上传图片规则
+const beforeAvatarUpload = rawFile => {
+  console.log(rawFile);
+  if (rawFile.type !== 'image/png' && rawFile.type !== 'image/jpeg') {
+    ElMessage.error('图片格式只能为 png/jpg!');
+    return false;
+  } else if (rawFile.size / 1024 / 1024 > 10) {
+    ElMessage.error('图片大小不能大于10MB!');
+    return false;
   }
-  // 内部责任划分初始化
-  responsibilities();
-  //包件列表初始化
-  PackageListReset();
-  formCopy.value = deepClone(form.value); //用于拷贝一份重置数据
+  return true;
 };
-// 页面必要初始化请求
-const onLoad = async () => {
-  form.value.Pageloading = true; //开启页面加载
-  await updateDictionary(Exceptionoptions.value, 'pc_work_order'); //异常类型
-  await updateDictionary(Discoveringoptions.value, 'pc_discovery_node'); //发现环节
-  await updateDictionary(ResponsibleParty.value, 'Responsible_party'); //责任方
-  await updateDictionary(Paymentmethodoptions.value, 'payment_method'); //支付方式
-  await updateDictionary(Processingresultsoptions.value, 'result_handling'); //理赔选择
-  await Handling(); //获取处理方和责任方
-  await PageState(); //页面基础数据处理
-  form.value.Pageloading = false; //关闭页面加载
+// 点击图片列表回调
+const pictureList = val => {
+  console.log(val, '图片列表');
+  dialogImgList.value = true;
+  console.log(val, '图片列表');
+  amplifyurl.value = val.url;
 };
-onLoad();
-const ProcessingState = computed(() => {
-  if (form.value.basis.processor && form.value.basis.processor.length) {
-    let data = form.value.basis.processor.find(res => res == myData.value.id);
-    if (data) {
-      return true;
-    } else {
-      // 如果选择的没有自己就重置数据
-      form.value.Claimamount = [];
-      form.value.basis.result = [];
-      return false;
-    }
-  }
-});
-// 菜单切换
-const handleClick = (tab, event) => {
-  console.log(tab, event);
+// 点击图片移除
+const ImgListRemove = val => {
+  console.log(val, '移除图片');
+  amplifysrcList.value = amplifysrcList.value.filter(item => item !== val.response.data.link);
 };
-// 发现节点事件
-const DiscoveringNodesChange = async value => {
-  console.log(value, 'value');
-  form.value.groundlineType = value;
-  form.value.basis = {
-    workOrderType: form.value.basis.workOrderType, //异常类型
-    discoveryNode: form.value.basis.discoveryNode, //发现节点
-    typeServiceName: form.value.basis.typeServiceName, //合作模式
-    TabactiveName: 1, //订单类型
-  };
-  console.log(form.value.basis, 'form.value.basis');
-  // 公司占比重置
-  form.value.Proportion = 0;
-  // 内部责任化初始值
-  await responsibilities();
-  // 包件重置
-  await PackageListReset();
-  ruleFormRef.value.clearValidate();
-};
-// 菜单切换显示输入框
-const displaySettings = computed(() => {
-  return {
-    trainNumber: ['3', '5', '6', '7'].includes(form.value.groundlineType), //车次号
-    deliveryTime: ['5', '6', '7'].includes(form.value.groundlineType), //配送时间
-    deliveryDriver: ['5', '6', '7'].includes(form.value.groundlineType), //配送司机
-    vehicleRoute: ['3'].includes(form.value.groundlineType), //车辆线路
-    deliverGoodsTime: ['2'].includes(form.value.groundlineType), //发货时间
-    warehousingTime: ['4'].includes(form.value.groundlineType), //入库时间
-    discoveryTime: ['4', '5', '6', '7'].includes(form.value.groundlineType), //发现时间
-    waybillMall: true, //运单商场
-    typeServiceName: true, //合作模式
-    processor: true, //处理方
-    investigationPocess: true, //调查经过
-  };
-});
-// 新增包件
-const Addpackages = () => {
-  let data = {
-    packageCode: '', //包条码
-    waybillNumber: '', //运单号
-    orderCode: '', //订单自编号
-    first: '', //一级品
-    secondary: '', //二级品
-    brandName: '', //品牌
-    history: false, //是否有历史包件
-    HistoricalPackageList: [], //历史包件存储
-    id: form.value.PackageList.length + 1,
-  };
-  form.value.PackageList.push(data);
-};
-
-// 移除包件
-const Removepackage = index => {
-  console.log(index, 'index');
-  ElMessageBox.confirm('是否移除当前包件信息?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(async () => {
-    await form.value.PackageList.splice(index, 1); //移除当前点击的按钮
-    form.value.PackageList.forEach((item, index) => {
-      item.id = index + 1;
-    });
-    console.log(form.value.PackageList, 'form.value.PackageList');
-    ElMessage({
-      message: '移除成功.',
-      type: 'success',
-      plain: true,
+// 处理方和责任方获取数据
+const handle = () => {
+  getDeptWarehouse().then(res => {
+    res.data.data.forEach(item => {
+      warehouseData.value.push({
+        value: item.id,
+        label: item.name,
+      });
     });
   });
 };
 
-// 历史包件查看
-const ViewhistoricalPackages = item => {
-  form.value.Historicalpackage = item.HistoricalPackageList;
-  form.value.historydialog = true; //打开弹窗
-};
-// 新增责任方
-const AddResponsible = () => {
-  let data = {
-    businessId: '', //责任方
-    personResponsibleId: '', //责任人
-    responsibilityRatio: 0, //占比
-    description: '', //三方责任人
-    tripartite: '', //说明
-    ProportionMax: 100, //最大值校验
-    Processingoptions: [
-      //提货责任方列表
-      ...ResponsibleParty.value,
-    ],
-    Responsibleoptions: [
-      // 责任方
-      ...Processingoptions.value,
-    ],
-    ResponsibleoNameptions: [
-      // 责任人列表
-    ],
-    id: form.value.responsibilitiesList.length + 1,
-  };
-  form.value.responsibilitiesList.push(data);
-  calculateMaxValues();
-};
-// 责任方移除
-const Responsemoval = index => {
-  console.log(index, 'index===>');
-  ElMessageBox.confirm('是否移除当前责任信息?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(async () => {
-    await form.value.responsibilitiesList.splice(index, 1); //移除当前点击的按钮
-    form.value.responsibilitiesList.forEach((item, index) => {
-      item.id = index + 1;
-    });
-    calculateMaxValues(); //调用占比计算
-    ElMessage({
-      message: '移除成功.',
-      type: 'success',
-      plain: true,
-    });
+// 获取当前责任方的责任人
+const ResponsiblePartychange = (val, index) => {
+  if (!val) {
+    return;
+  }
+  FangAddList.value[index].personResponsibleName = null; //清空当前选择的责任人
+  $_getBusinessDepartmentUser({
+    warehouseId: val,
+  }).then(res => {
+    console.log(res, '获取责任人列表');
+    FangAddList.value[index].personResponsibleList = res.data.data;
   });
 };
+const onLoad = () => {
+  // DeliveryTrainnumber(); //获取司机
+  console.log($route.query.id, '页面初始化');
+  routerState.value = $route.query.routerState;
+  if (localStorage.getItem('my_data')) {
+    Mydata.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
+    console.log(Mydata.value, '记录本地登录');
+  }
 
-const calculateMaxValues = () => {
-  // 计算每个输入框剩余最大值
-  let data = form.value.responsibilitiesList;
-  let totalUsed = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
-  data.forEach(item => {
-    item.ProportionMax = Math.min(100, form.value.totalMax - totalUsed + item.responsibilityRatio);
+  updateDictionary(IndexException.value, 'pc_work_order'); //异常类型
+  updateDictionary(DiscoveringNodes.value, 'pc_discovery_node'); //发现环节
+  handle(); //处理方和责任方信息
+  getDictionaryBiz('result_handling').then(res => {
+    console.log(res, '发现环节');
+    ProcessingResults.value = res.data.data;
+  });
+  // 支付方式字典
+  getDictionaryBiz('payment_method').then(res => {
+    //处理结果字典
+    console.log(res);
+    Paymentmethod.value = res.data.data;
   });
 
-  //   计算公司占比
-  let totasum = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
-  form.value.Proportion = form.value.totalMax - totasum;
+  Indexform.value.discoveryNode = '1'; //默认发现节点
+  groundlineType.value = Indexform.value.discoveryNode;
+  Indexform.value.workOrderType = '1'; //默认一个异常类型
+  SelectType.value = Indexform.value.workOrderType;
 };
+onLoad(); //初始化程序
 
-// 公司占比计算
-const CompanyProportionInput = value => {
-  calculateMaxValues();
+// 处理结果
+const changeProcessingResults = val => {
+  // 首先删除取消的项目
+  ProcessingList.value = ProcessingList.value.filter(item => val.includes(item.state - 1));
+
+  // 然后添加或保持新的项目
+  val.forEach(num => {
+    let newItem = {
+      input: 0,
+      min: 0,
+      max: 9999999999999,
+      state: num + 1,
+      payment: '',
+      text: '',
+      compensationTime: '',
+      paymentUnit: '',
+    };
+    // 根据num为newItem的name字段赋值
+    switch (num) {
+      case '1':
+        newItem.name = '下补单';
+        break;
+      case '2':
+        newItem.name = '维修/补漆';
+        break;
+      case '3':
+        newItem.name = '客户未要求理赔';
+        break;
+      case '4':
+        newItem.name = '用库存';
+        break;
+      case '5':
+        newItem.name = '赔商家';
+        break;
+      case '6':
+        newItem.name = '赔付运费';
+        break;
+      case '7':
+        newItem.name = '工厂考核';
+        break;
+      default:
+        return;
+    }
+
+    // 如果列表中不存在则加入新项目
+    if (!ProcessingList.value.some(item => item.state === newItem.state)) {
+      ProcessingList.value.push(newItem);
+      console.log(`添加：${newItem.name}`);
+    }
+  });
 };
 
-// 理赔总金额计算
-const Totalamount = () => {
-  console.log(form.value.Claimamount);
+// 异常类型事件
+const abnormalChange = val => {
+  console.log(val, '异常事件类型');
+  SelectType.value = false;
+  if (val == 1 || val == 2 || val == 3) {
+    SelectType.value = val;
+  } else {
+    SelectType.value = null;
+  }
+  // 运损无数据默认0
+  // if (val == 1) {
+  //   Indexform.value.packageCode = 0;
+  // } else {
+  //   Indexform.value.packageCode = null;
+  // }
+  // 切换类型重置图片
+  Indexform.value['packList'] = [];
+  console.log(Indexform.value);
+};
 
-  form.value.Totalamount = form.value.Claimamount.map(res => res.money).reduce(
-    (accumulator, currentValue) => accumulator + currentValue,
-    0
-  );
+// 发现节点事件
+const DiscoveringNodesChange = val => {
+  groundlineSet.value = false; //干线条件都不满足
+  if (
+    val == 1 ||
+    val == 2 ||
+    val == 3 ||
+    val == 4 ||
+    val == 5 ||
+    val == 6 ||
+    val == 8 ||
+    val == 7
+  ) {
+    groundlineType.value = val; //干线状态
+    console.log(val);
+  } else {
+    groundlineType.value = null; //干线状态
+  }
 };
 
-const Claimssettlement = value => {
-  console.log(value, '理赔金额');
-  console.log(Processingresultsoptions.value, '参数列表');
-  let data = [];
-  value.forEach(item => {
-    let _data = Processingresultsoptions.value.find(res => res.value == item);
-    if (_data) {
-      data.push(_data);
+// 车次号自动带出时间司机
+function DeliveryTrainnumber() {
+  if (groundlineType.value == 5 || groundlineType.value == 6) {
+    let dataInfo = DeliveryprocessData.value.find(
+      res => res.trainNumber == Indexform.value.trainNumber
+    );
+    if (dataInfo) {
+      console.log(dataInfo, '车次号筛选出来的数据');
+      Indexform.value.deliveryTime = dataInfo.taskTime; //配送时间
+      Indexform.value.deliveryDriver = dataInfo.driverName; //配送人
     }
-  });
-  console.log(data, '筛选出来的值');
-  form.value.Claimamount = [];
-  if (data && data.length) {
-    data.forEach(item => {
-      form.value.Claimamount.push({
-        title: item.label, //标题
-        money: 0, //金额
-        paymentUnit: '', //支付单位
-        compensationTime: '', //理赔支付时间
-        compensationMethod: '', //支付方式
-        Paymentmethod: [...JSON.parse(JSON.stringify(Paymentmethodoptions.value))],
-      });
-    });
   }
-};
-// 图片上传必须携带TOKEN
-const headers = computed(() => {
-  return { 'Blade-Auth': 'Bearer ' + getToken() };
-});
-// 图片上传接口
-const action = computed(() => {
-  return '/api/blade-resource/oss/endpoint/put-file';
-});
-// 上传图片规则
-const beforeAvatarUpload = rawFile => {
-  console.log(rawFile, '图片上传前回调');
-  if (rawFile.type !== 'image/png' && rawFile.type !== 'image/jpeg') {
-    ElMessage.error('只能上传格式为PNG/JPG的图片!');
-    return false;
-  } else if (rawFile.size / 1024 / 1024 > 3) {
-    ElMessage.error('图片大小不能大于3MB!');
-    return false;
+
+  if (groundlineType.value == 3) {
+    let dataMain = MainlineUnloadingData.value.find(
+      res => res.trainNumber == Indexform.value.trainNumber
+    );
+    if (dataMain) {
+      Indexform.value.vehicleRoute = dataMain.vehicleRoute; //配送路线
+    }
   }
-  return true;
+
+  return;
+  console.log(Indexform.value.trainNumber, '车次号');
+
+  if (!Indexform.value.trainNumber && !Indexform.value.deliveryTime) {
+    Indexform.value.deliveryTime = null;
+    Indexform.value.deliveryDriver = '';
+    DeliveryDriver.value = [];
+  }
+  if (!Indexform.value.trainNumber && !Indexform.value.deliveryTime) {
+    return;
+  }
+  let data = {
+    trainNumber: Indexform.value.trainNumber,
+    taskTime: Indexform.value.deliveryTime,
+  };
+  data.current = 1; //页码
+  data.size = 200; //条数
+  $_shippingInformation(data).then(res => {
+    console.log(res, '查询返回值');
+    DeliveryDriver.value = res.data.data.records; //获取到的信息
+    // 如果是精确搜索自动带入日期
+    if (res.data.data.records.length == 1 && groundlineType.value != 3) {
+      Indexform.value.deliveryTime = res.data.data.records[0].taskTime; //配送时间
+      Indexform.value.deliveryDriver = res.data.data.records[0].id; //配送人
+      // Indexform.value.trainNumber = res.data.data.records[0].trainNumber; //车次号
+    }
+  });
+}
+// 理赔总金额计算
+const TotalChange = () => {
+  TotalClaimAmount.value = 0;
+  ProcessingList.value.forEach(item => {
+    console.log(item);
+    TotalClaimAmount.value += item.input;
+  });
 };
-// 图片上传成功回调函数
-const ImgSuccess = (response, uploadFile) => {
-  if (response.success === true) {
-    console.log(response);
-    console.log(form.value);
+// 支付方式选择
+const PaymentSelection = val => {
+  console.log(val, '支付');
+  console.log(Paymentmethod.value);
+  if (val.payment) {
+    //支付方式回显
+    let data = Paymentmethod.value.find(item => item.dictKey == val.payment);
+    Indexform.value.compensationMethod = data.dictKey;
+  } else {
+    Indexform.value.compensationMethod = null; //清空上一次选择
   }
+  ZFdialog.value = true; //展开支付方式选择弹窗
+  ZFname.value = val.name; //存放的当前点击的名字
 };
-const historyPush = () => {};
-// 重置
-const resetFormData = () => {
-  // 尝试使用 HTML 字符串
-  const message = `重置表单会造成<span style="color: red;">数据丢失!</span>是否继续?`;
-  ElMessageBox.confirm(message, '警告', {
-    dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
-    confirmButtonText: '确认',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).then(async () => {
-    form.value.Pageloading = true; //开启页面加载
-    form.value = await deepClone(formCopy.value); //重置数据
-    ruleFormRef.value.resetFields();
-    let _time = setTimeout(() => {
-      form.value.Pageloading = false; //开启页面加载
-      clearTimeout(_time);
-    }, 300);
+
+// 支付方式选择确定
+const PaymentConfirmation = val => {
+  console.log(val, '支付方式选择确定');
+  let data = ProcessingList.value.find(item => item.name == ZFname.value);
+  console.log(data, '处理好的');
+  data.text = Paymentmethod.value.find(item => item.dictKey == val).dictValue;
+  data.payment = val;
+  ZFdialog.value = false; //关闭支付方式选择弹窗
+  ElMessage({
+    message: '支付方式选择成功',
+    type: 'success',
   });
+  console.log(ProcessingList.value, '选择好的支付列表');
 };
 
-// 包条码查询信息
-const ChangePackageInfo = async item => {
-  console.log(item, 'item');
-  if (!item.packageCode) {
-    item.waybillNumber = ''; //运单号
-    item.orderCode = ''; //订单自编码
-    item.first = ''; //一级品
-    item.secondary = ''; //二级品
-    item.brandName = ''; //品牌
-    let data = form.value.PackageList.find(res => res.packageCode); //判断是否已经查询了运单商场
-    if (!data) {
-      form.value.basis.waybillMall = ''; //运单商场
-      form.value.basis.typeServiceName = ''; //合作模式
-    }
-    return;
-  } else if (item.packageCode) {
-    item.waybillNumber = ''; //运单号
-    item.orderCode = ''; //订单自编码
-    item.first = ''; //一级品
-    item.secondary = ''; //二级品
-    item.brandName = ''; //品牌
-    if (form.value.PackageList == 1) {
-      form.value.basis.waybillMall = ''; //运单商场
-      form.value.basis.typeServiceName = ''; //合作模式
-    }
+// 照片
+const handleRemove = (uploadFile, uploadFiles) => {
+  console.log(uploadFile, uploadFiles);
+};
+
+const handlePictureCardPreview = uploadFile => {
+  dialogImageUrl.value = uploadFile.url;
+  dialogVisible.value = true;
+};
+
+// 添加包件
+const AddPackage = () => {
+  PackageInfo.value.push({
+    packageCode: '',
+    orderCode: '',
+    waybillNumber: '',
+    brandName: '',
+    state: false,
+    mallName: '',
+    secondary: '',
+    first: '',
+  });
+};
+// 包件移除
+const PackagRemoval = val => {
+  PackageInfo.value.splice(val, 1); //移除当前点击的按钮
+  Statistics();
+};
+
+// 责任方添加
+const responsibleParty = () => {
+  let sum = 0;
+  FangAddList.value.forEach(item => {
+    console.log(item.responsibilityRatio, '当前比例');
+    sum += item.responsibilityRatio;
+  });
+  console.log(sum, '当前总和');
+  let max = 100 - sum;
+  console.log('添加了责任方');
+  FangAddList.value.push({
+    businessName: '',
+    personResponsibleName: '',
+    tripartite: '',
+    responsibilityRatio: '',
+    description: '',
+    ProportionMax: max,
+  });
+  console.log(max, '当前最大值');
+};
+// 责任移除
+const ResponsibilityRemoval = val => {
+  FangAddList.value.splice(val, 1); //移除当前点击的按钮
+  CompanyProportion(val);
+};
+// 顶部标签切换
+const TopChange = val => {
+  SelectType.value = null; //重置照片类型
+  PackageInfo.value = [
+    {
+      packageCode: '',
+      orderCode: '',
+      waybillNumber: '',
+      brandName: '',
+      state: false,
+      mallName: '',
+      secondary: '',
+      first: '',
+    },
+  ]; //重置包件信息
+  Indexform.value = {}; //重置表单
+
+  if (val == 0) {
+    identifying.value = 1;
+  } else {
+    identifying.value = 2;
   }
-  // 判断输入的包条码是否一样
-  if (form.value.PackageList.length > 1) {
-    let packageCodeState = await form.value.PackageList.find(res => {
-      // 排除当前项，只匹配其他项的包条码
-      return res.packageCode === item.packageCode && res !== item;
+  console.log(identifying.value, '当前菜单id');
+  // 重置责任方列表
+  FangAddList.value = [
+    {
+      businessName: '',
+      personResponsibleName: '',
+      responsibilityRatio: '',
+      description: '',
+      tripartite: '',
+      ProportionMax: 100,
+    },
+  ];
+  // 重置公司占比
+  companyProportion.value = 100;
+  Processingrelease();
+};
+
+// 公司占比计算
+const CompanyProportion = val => {
+  setTimeout(() => {
+    console.log(FangAddList.value, ' FangAddList.value');
+    let proportion = 0; //责任比例之和
+    FangAddList.value.forEach(item => {
+      proportion += Number(item.responsibilityRatio);
+    });
+    // companyProportion.value公司占比
+    companyProportion.value = 100 - proportion;
+
+    let sum = 0;
+    FangAddList.value.forEach(item => {
+      console.log(item.responsibilityRatio, '当前比例');
+      sum += item.responsibilityRatio;
     });
+    let max = 100 - sum + Number(val.responsibilityRatio);
+    console.log('MAX当前最大值', max);
+    if (val.ProportionMax) {
+      val.ProportionMax = max;
+    }
+  }, 0);
+};
+// 公司占比事件
+const CompanyProportionInput = item => {
+  console.log(item, '接收的值');
+  CompanyProportion(item);
+};
 
-    // 查找是否已经存在相同包条码
-    if (packageCodeState) {
-      item.packageCode = '';
+// 表单校验规则
+const rules = reactive({
+  trainNumber: [{ required: true, message: '请填写车次号', trigger: 'blur' }],
+  deliveryTime: [{ required: true, message: '请填写配送时间', trigger: 'blur' }],
+  deliveryDriver: [{ required: true, message: '请填写配送司机', trigger: 'blur' }],
+  vehicleRoute: [{ required: true, message: '请填写车辆线路', trigger: 'blur' }],
+  deliverGoodsTime: [{ required: true, message: '请填写发货时间', trigger: 'blur' }],
+  discoveryTime: [{ required: true, message: '请填写发现时间', trigger: 'blur' }],
+  // first: [{ required: true, message: '请填写一级品', trigger: 'blur' }],
+  // secondary: [{ required: true, message: '请填写二级品', trigger: 'blur' }],
+  warehousingTime: [{ required: true, message: '请填写入库时间', trigger: 'blur' }],
+  processor: [{ required: true, message: '请填选择处理方', trigger: 'blur' }],
+  waybillMall: [{ required: true, message: '请填写运单商场', trigger: 'blur' }],
+  workOrderType: [{ required: true, message: '请选择异常类型', trigger: 'blur' }],
+  discoveryNode: [{ required: true, message: '请选择发现节点', trigger: 'blur' }],
+  investigationPocess: [{ required: true, message: '请填写调查经过', trigger: 'blur' }],
+});
+function validateDataItem(item) {
+  const fields = [
+    { key: 'businessName', message: '责任方不能为空' },
+    { key: 'personResponsibleName', message: '责任人不能为空' },
+    { key: 'tripartite', message: '三方责任人不能为空' },
+    { key: 'description', message: '说明不能为空', emptyCheck: true },
+  ];
+
+  for (const field of fields) {
+    const value = item[field.key];
+    const isInvalid = field.emptyCheck ? value === '' : !value;
+    if (isInvalid) {
       ElMessage({
-        message: '已经存在相同包条码，请勿重复添加！',
+        message: field.message,
         type: 'warning',
       });
-      return;
+      return false;
     }
   }
+  return true;
+}
 
-  let data = {
-    packageCode: item.packageCode, //输入框参数
-  };
-  form.value.Pageloading = true; //开启页面加载
-  $_getAbnormalPackage(data)
-    .then(async res => {
-      console.log(res, '查询包条');
-      let packageData = {};
-      if (res.data.code == 200 && res.data && res.data.data.length) {
-        form.value.Pageloading = false; //关闭页面加载
-        packageData = res.data.data[0]; //取第一个值,内容相同
-        // 判断输入的是否为同一批货
-        let state = await form.value.PackageList.find(res => res.orderCode || res.brandName);
-        if (state) {
-          if (
-            state.orderCode != packageData.orderCode ||
-            state.waybillNumber != packageData.waybillNumber
-          ) {
+//表单提交
+const ConfirmForm = () => {
+  IndexForm.value.validate(valid => {
+    if (valid) {
+      // 表单验证通过，处理表单提交
+      //  提货责任方
+      // 支付方式校验
+      if (ProcessingList.value.length) {
+        for (let item of ProcessingList.value) {
+          if (!item.payment) {
             ElMessage({
-              message: '请选择相同订单自编和运单号的包条码',
+              message: `请选择${item.name}的支付方式`,
               type: 'warning',
             });
             return;
           }
         }
+      }
+      // 内部责任划分校验
+      if (!FangAddList.value.length) {
         ElMessage({
-          message: '查询成功',
-          type: 'success',
-        });
-        item.waybillNumber = packageData.waybillNumber || ''; //运单号
-        item.orderCode = packageData.orderCode || ''; //订单自编码
-        item.first = packageData.firsts || ''; //一级品
-        item.secondary = packageData.second || ''; //二级品
-        item.brandName = packageData.brandName || ''; //品牌
-        form.value.basis.waybillMall = packageData.mallName || ''; //运单商场
-        form.value.basis.typeServiceName = packageData.typeServiceName || ''; //合作模式
-        // 是否显示历史包件按钮,存在多个包件则展示
-        const results = res.data.data.filter(item => {
-          return item.workOrderId && item.workOrderNumber;
-        });
-        // 存储历史订单
-        if (results.length) {
-          item.history = true;
-          item.HistoricalPackageList = results;
-        } else {
-          item.history = false;
-        }
-        console.log(form.value.basis.discoveryNode, 'form.value.discoveryNode');
-        // 判断发现节点(干线车次号、车辆线路处理)
-        if (['3'].includes(form.value.basis.discoveryNode)) {
-          let addedTrainNumbers = []; // 临时变量存储已经添加过的车次号
-          res.data.data.forEach(item => {
-            if (item.trunklines && item.trunklines.length) {
-              item.trunklines.forEach(itemChid => {
-                if (!addedTrainNumbers.includes(itemChid.trainNumber)) {
-                  form.value.Trainoptions.push({
-                    trainNumber: itemChid.trainNumber, // 车次号
-                    vehicleRoute: itemChid.vehicleRoute, // 车辆线路
-                  });
-                  addedTrainNumbers.push(itemChid.trainNumber);
-                }
-              });
-            }
-          });
-          console.log(form.value.Trainoptions, 'form.value.Trainoptions');
-        }
-        // 配送环节车次号处理
-        if (['5'].includes(form.value.basis.discoveryNode)) {
-          let addedTrainNumbers = []; // 临时变量存储已经添加过的车次号
-          res.data.data.forEach(item => {
-            if (item.deliver && item.deliver.length) {
-              item.deliver.forEach(itemChid => {
-                if (!addedTrainNumbers.includes(itemChid.trainNumber)) {
-                  form.value.deliver.push({
-                    driverName: itemChid.driverName, // 主司机
-                    taskTime: itemChid.taskTime, // 配送时间
-                    trainNumber: itemChid.trainNumber, //车次号
-                  });
-                  addedTrainNumbers.push(itemChid.trainNumber);
-                }
-              });
-            }
-          });
-          console.log(form.value.Trainoptions, 'form.value.Trainoptions');
-        }
-      } else {
-        form.value.Pageloading = false; //关闭页面加载
-        ElMessage({
-          message: '暂无查询内容,请检查参数是否正确!',
+          message: `请填写内部责任划分`,
           type: 'warning',
         });
+        return;
+      }
+      for (const item of FangAddList.value) {
+        if (!validateDataItem(item)) {
+          return;
+        }
       }
-    })
-    .catch(error => {
-      console.log(error, 'error');
-      form.value.Pageloading = false; //关闭页面加载
-    });
-};
-// 查看历史包件详情
-const Viewdetails = value => {
-  if (!value) {
-    ElMessage({
-      message: '请选择要查看的数据',
-      type: 'warning',
-    });
-    return;
-  }
-  // 筛选出来输入框值
-  let data = form.value.Historicalpackage.find(res => res.workOrderId == value);
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrderInfo',
-    query: {
-      id: data.workOrderId,
-      name: data.workOrderId + '-信息查看',
-      routerState: 'view',
-    },
-  });
-};
-// 责任人查询>获取当前责任方的责任人
-const ResponsiblePartychange = item => {
-  item.personResponsibleId = '';
-  if (!item.businessId) {
-    return;
-  }
-  let data = {
-    warehouseId: item.businessId,
-  };
-  // 清空责任人
 
-  $_getBusinessDepartmentUser(data).then(res => {
-    console.log(res, '获取责任人列表');
-    if (res.data.code == 200 && res.data.data && res.data.data.length) {
-      ElMessage({
-        message: '查询成功',
-        type: 'success',
-      });
-      item.ResponsibleoNameptions = res.data.data;
-    } else {
-      ElMessage({
-        message: '暂未查询到责任人',
-        type: 'warning',
-      });
-      item.ResponsibleoNameptions = [];
-    }
-  });
-};
+      // 判断干线，配送环节是否是同一个运单号和订单号
+      if (['3', '5', '6'].includes(groundlineType.value)) {
+        if (PackageInfo.value.length) {
+          // 判断是否同一个运单号
+          const allSameA = PackageInfo.value.every(
+            (item, _, self) => item.waybillNumber === self[0].waybillNumber
+          );
 
-// 车次号带出车辆线路
-const DeliveryTrainnumber = value => {
-  console.log(value, '接收的参数值');
-  if (value) {
-    if (form.value.basis.discoveryNode == '3') {
-      if (form.value.Trainoptions && form.value.Trainoptions.length) {
-        let data = form.value.Trainoptions.find(res => res.trainNumber == value);
-        if (data) {
-          form.value.basis.vehicleRoute = data.vehicleRoute; //车辆线路
+          if (!allSameA) {
+            ElMessage({
+              message: '请输入同一个运单号',
+              type: 'warning',
+            });
+            return;
+          }
+          // 判断是否同一个订单自编号
+          const allSameB = PackageInfo.value.every(
+            (item, _, self) => item.orderCode === self[0].orderCode
+          );
+          if (!allSameB) {
+            ElMessage({
+              message: '请输入同一个订单自编号',
+              type: 'warning',
+            });
+            return;
+          }
         }
       }
-    } else if (['5', '6', '7'].includes(form.value.basis.discoveryNode)) {
-      if (form.value.deliver && form.value.deliver.length) {
-        let data = form.value.deliver.find(res => res.trainNumber == value);
-        if (data) {
-          form.value.basis.deliveryDriver = data.driverName; //司机
-          form.value.basis.deliveryTime = data.taskTime; //配送时间
+      console.log(Indexform.value.businessMame, '提货责任方');
+
+      let DataSubmit = {
+        personResponsibleDTO: [],
+        packageEntityList: [], ////包件信息
+        decreaseImageEntityList: [], //图片信息
+        processingMoneyEntityList: [], //赔付方式
+        aftersalesProcessingResultsDTO: {}, //处理结果
+        ...Indexform.value,
+      }; //解构表单参数
+
+      // 图片类型:10运损,20窜货
+      // decreaseImageEntityList:[
+      //   {imageType:10,imageName:'图片名称',imagePath:'图片路径'},
+      //   {imageType:10,imageName:'图片名称',imagePath:'图片路径'},
+      // ]
+      console.log(Indexform.value['packList'], '图片列表');
+      // 处理图片(当类型为货损或为窜货才执行下面的东西)
+      if (SelectType.value == 1 || SelectType.value == 3) {
+        if (Indexform.value['packList']) {
+          Indexform.value['packList'].forEach(item => {
+            DataSubmit['decreaseImageEntityList'].push({
+              imageType: SelectType.value == 1 ? 10 : SelectType.value == 3 ? 20 : '',
+              imageName: item.response.data ? item.response.data.originalName : '',
+              imagePath: item.response.data ? item.response.data.link : '',
+            });
+          });
         }
       }
-    }
-  }
-};
-
-// 是否显示处理完毕按钮
-const allFieldsFilled = computed(() => {
-  const claimAmount = form.value.Claimamount;
-  if (!claimAmount.length) {
-    form.value.Processed = false;
-    return false;
-  }
-  const allFilled = claimAmount.every(
-    item => item.compensationMethod && item.compensationTime && item.paymentUnit
-  );
 
-  form.value.Processed = allFilled;
-  return allFilled;
-});
-// 提交
-const onSubmit = () => {
-  console.log(form.value);
-  ruleFormRef.value.validate(valid => {
-    if (!valid) {
-      ElMessage({
-        message: '息未填写完整，请根据提示填写完整!',
-        type: 'warning',
-      });
-      return;
-    }
-    // 货损照片上传判断
-    if (form.value.groundlineType == '1') {
-      if (form.value.fileList.length < 2) {
+      if (SelectType.value == 1 && DataSubmit['decreaseImageEntityList'].length < 2) {
         ElMessage({
-          message: '请上传最低2张图片附件',
+          message: '货损至少提供2张图片附件',
           type: 'warning',
         });
         return;
       }
-    }
-    // 串货图片附件
-    if (form.value.groundlineType == '3') {
-      if (!form.value.fileList.length) {
+
+      if (SelectType.value == 3 && !DataSubmit['decreaseImageEntityList'].length) {
         ElMessage({
-          message: '请上传图片附件',
+          message: '窜货必须提供图片附件',
           type: 'warning',
         });
         return;
       }
-    }
 
-    const message = `注意信息填写正确!点击确定将<span style="color: red;">提交工单</span>是否继续?`;
-    ElMessageBox.confirm(message, '提示', {
-      dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
-      confirmButtonText: '确认',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }).then(async () => {
-      form.value.Pageloading = true; //开启页面加载
+      console.log(DataSubmit['decreaseImageEntityList'], '处理好的图片');
+      //司机信息处理
+      // if (Indexform.value.deliveryDriver) {
+      //   console.log(DeliveryDriver.value, '当前全部司机');
+      //   console.log(Indexform.value.deliveryDriver, '选择的司机信息');
+      //   Indexform.value.deliveryDriver = DeliveryDriver.value.find(
+      //     item => item.id == Indexform.value.deliveryDriver
+      //   ).driverName;
+      // }
+
+      console.log(Indexform.value.deliveryDriver, '筛选出来的司机');
+
+      let processorEntityList = [];
+
+      DataSubmit.processorEntityList = processorEntityList;
+      DataSubmit.decreaseImageEntityList = JSON.parse(
+        JSON.stringify(Indexform.value['decreaseImageEntityList'])
+      );
+      console.log(Indexform.value.workOrderNumber, 'Indexform.workOrderNumber12312312');
+      // 包件信息
+      // packageEntityList
+      // 如果存在包件信息进行处理
+      if (PackageInfo.value.length) {
+        PackageInfo.value.forEach(item => {
+          if (item.packageCode) {
+            DataSubmit['packageEntityList'].push({
+              number: PackageInfo.value.length, //数量
+              packageCode: item.packageCode ? item.packageCode : null, //包件码
+              waybillNumber: item.waybillNumber ? item.waybillNumber : null, //运单号
+              orderCode: item.orderCode ? item.orderCode : null, //订单自编码
+              brandName: item.brandName ? item.brandName : null, //品牌
+              first: item.first ? item.first : null, //一级品类
+              secondary: item.secondary ? item.secondary : null, //二级品类
+            });
+          }
+        });
+        DataSubmit.packageCode = [...new Set(PackageInfo.value.map(item => item.packageCode))].join(
+          ','
+        ); //包条码
+        DataSubmit.waybillNumber = [
+          ...new Set(PackageInfo.value.map(item => item.waybillNumber)),
+        ].join(','); //运单号
+        DataSubmit.brandName = [...new Set(PackageInfo.value.map(item => item.brandName))].join(
+          ','
+        ); //品牌
+        DataSubmit.orderCode = [...new Set(PackageInfo.value.map(item => item.orderCode))].join(
+          ','
+        ); //包件信息订单自编码
+      }
 
-      let submitData = {
-        ...form.value.basis,
-        identifying: form.value.basis.TabactiveName, //1订单2零担3库存品
+      // DataSubmit['packageEntityList'].push({
+      //   workOrderId: Indexform.workOrderNumber, //异常ID
+      //   number: PackageInfo.value.length, //数量
+      //   packageCode: PackageInfo.value.map(item => item.packageCode).join(','), //包件码
+      //   warehouseId: '', //仓库ID
+      //   packageImage: Indexform.value['packList'].map(item => item.url).join(','), //包件图片路径
+      //   waybillNumber: PackageInfo.value.map(item => item.waybillNumber).join(','), //运单号
+      //   orderCode: PackageInfo.value.map(item => item.orderCode).join(','), //订单自编码
+      // });
+
+      // 总件数
+      Indexform.value.number = PackageInfo.value.length;
+      console.log(DataSubmit['packageEntityList'], '包件信息');
+      // 调查经过
+      DataSubmit.surveyRecordDTO = {
+        content: Indexform.value.investigationPocess,
+        // workOrderId: Indexform.value.workOrderNumber ? Indexform.value.workOrderNumber : null,
       };
-      // 包件处理
-      if (form.value.PackageList.length) {
-        submitData.packageEntityList = [];
-        form.value.PackageList.forEach(item => {
-          submitData['packageEntityList'].push({
-            packageCode: item.packageCode, //包条码
-            waybillNumber: item.waybillNumber, //运单号
-            orderCode: item.orderCode, //订单自编号
-            first: item.first, //一级品
-            secondary: item.secondary, //二级品
-            brandName: item.brandName, //品牌
+      console.log(DataSubmit.surveyRecordDTO, '调查经过');
+      // 环节责任方填写校验
+      // 对在库环节,配送环节,安装环节进行责任人填写校验
+      if (groundlineType.value == 5 || groundlineType.value == 4 || groundlineType.value == 7) {
+        const Humanverification = FangAddList.value.every(item => item.businessName !== '');
+        if (!Humanverification) {
+          ElMessage({
+            message: '请填写责任人',
+            type: 'warning',
+          });
+          return;
+        }
+      }
+      // 新责任方处理
+      // FangAddList.value
+      // 不是提货环节
+
+      if (groundlineType.value != 1) {
+        if (FangAddList.value.length) {
+          // 如果存在责任方
+          FangAddList.value.forEach(item => {
+            DataSubmit['personResponsibleDTO'].push({
+              businessName:
+                warehouseData.value.find(obj => obj.value == item.businessName)?.label || null, //责任方名称
+              businessId:
+                warehouseData.value.find(obj => obj.value == item.businessName)?.value || null,
+              wordOrderId: Indexform.value.workOrderNumber, //异常工单ID
+              description: item.description ? item.description : null, //说明
+              personResponsibleId:
+                item.personResponsibleList.find(obj => obj.id == item.personResponsibleName)?.id ||
+                null, //责任人ID
+              personResponsibleName:
+                item.personResponsibleList.find(obj => obj.id == item.personResponsibleName)
+                  ?.name || item.personResponsibleName, //责任人名称
+              responsibilityRatio: item.responsibilityRatio ? item.responsibilityRatio : null, //责任比例
+              tripartite: item.tripartite ? item.tripartite : null, //三方责任人
+            });
+          });
+        }
+      } else {
+        // 提货环节责任人处理
+        FangAddList.value.forEach(item => {
+          DataSubmit['personResponsibleDTO'].push({
+            businessName:
+              responsible.value.find(obj => obj.value == item.businessName)?.label || null, //责任方名称
+            businessId:
+              responsible.value.find(obj => obj.value == item.businessName)?.value || null,
+            wordOrderId: Indexform.value.workOrderNumber ? Indexform.value.workOrderNumber : null, //异常工单ID
+            description: item.description ? item.description : null, //说明
+            personResponsibleName: item.personResponsibleName ? item.personResponsibleName : null, //责任人名称
+            responsibilityRatio: item.responsibilityRatio ? item.responsibilityRatio : null, //责任比例
+            tripartite: item.tripartite ? item.tripartite : null, //三方责任人
           });
         });
-        // 订单自编号
-        submitData.orderCode = form.value.PackageList[0].orderCode;
       }
-      // 责任方处理
-      if (form.groundlineType == '1') {
-        submitData.processorEntityList = [];
-        form.value.responsibilitiesList.forEach(item => {
-          submitData['processorEntityList'].push({
-            businessName: item.Responsibleoptions.find(res => res.value == item.businessId).label, //仓库名称
-            businessId: item.businessId, //仓库ID
-            conditions: 1, //固定参数
-            typesOf: 1, //1责任方 ，2处理方
+
+      //公司占比
+      if (companyProportion.value) {
+        DataSubmit.companyProportion = companyProportion.value;
+      }
+      console.log(DataSubmit['personResponsibleDTO'], '新责任方处理的数据');
+      //console.log(Indexform.value.duty.length);
+      //责任方信息处理
+      //责任方信息处理
+      if (Indexform.value.processor.length) {
+        Indexform.value.processor.forEach(item => {
+          let found = warehouseData.value.find(element => element.value == item.toString());
+          processorEntityList.push({
+            businessName: found ? found.label : '',
+            businessId: item,
+            conditions: 1,
+            typesOf: 2,
           });
         });
       }
-      // 处理方处理
-      if (form.value.basis.processor.length) {
-        submitData.processorEntityList = [];
-        form.value.basis.processor.forEach(item => {
-          submitData['processorEntityList'].push({
-            businessName: Processingoptions.value.find(res => res.value == item).label, //仓库名称
-            businessId: item, //仓库ID
-            conditions: 1, //固定参数
-            typesOf: 2, //1责任方 ，2处理方
+
+      if (FangAddList.value.length) {
+        FangAddList.value.forEach(item => {
+          console.log(item, 'item');
+          processorEntityList.push({
+            businessName:
+              groundlineType.value != 1
+                ? warehouseData.value.find(obj => obj.value == item.businessName)?.label || null
+                : responsible.value.find(obj => obj.value == item.businessName)?.label || null,
+            businessId: item.businessName,
+            conditions: 1,
+            typesOf: 1,
           });
         });
       }
-      // 内部责任划分
-      if (form.value.basis.discoveryNode != 3) {
-        // 干线卸车环节不需要内部责任划分
-        if (form.value.responsibilitiesList.length) {
-          submitData.personResponsibleDTO = [];
-          form.value.responsibilitiesList.forEach(item => {
-            console.log(item);
-            let data = {
-              responsibilityRatio: item.responsibilityRatio, //责任占比
-              tripartite: item.tripartite, //三方责任人
-              description: item.description, //说明
-            };
-            if (form.value.groundlineType == '1') {
-              data.personResponsibleName = item.personResponsibleId; //责任人名称
-              data.businessName = item.Processingoptions.find(
-                res => res.value == item.businessId
-              ).label; //责任方
-              data.businessId = item.businessId; //责任方id
+      DataSubmit.identifying = identifying.value; //1订单2零担3库存品
+
+      console.log(processorEntityList, '老责任方处理好的数据');
+
+      // 处理结果填写
+
+      if (ProcessingList.value.length) {
+        let sum = 0; //金额总计
+        for (let i = 0; i < ProcessingList.value.length; i++) {
+          console.log(ProcessingList.value[i].input);
+          sum = computeNumber(sum, '+', ProcessingList.value[i].input).result;
+        }
+        DataSubmit.aftersalesProcessingResultsDTO.money = sum; //金额汇总
+        DataSubmit.aftersalesProcessingResultsDTO.processingMoneyEntityList = ProcessingList.value
+          .map(item => {
+            let match = ProcessingResults.value.find(element => element.dictValue == item.name);
+            if (match) {
+              let paymentMethodMatch = Paymentmethod.value.find(
+                paymentMethod => paymentMethod.dictKey == item.payment
+              );
+              return {
+                resultType: match.dictKey, //赔方式的key
+                money: item.input, //金额
+                typesOf: 1, //固定参数
+                compensationMethod: paymentMethodMatch ? paymentMethodMatch.dictKey : null, //支付方式ID
+                compensationMethodName: paymentMethodMatch ? paymentMethodMatch.dictValue : null, //支付方式名字
+                resultName: item.name, //处理结果名字
+                compensationTime: item.compensationTime, //支付时间
+                paymentUnit: item.paymentUnit, //支付单位
+              };
             } else {
-              data.personResponsibleId = item.personResponsibleId; //责任人id
-              (data.personResponsibleName = item.ResponsibleoNameptions.find(
-                res => res.id == item.personResponsibleId
-              ).name), //责任人名称
-                (data.businessName = item.Responsibleoptions.find(
-                  res => res.value == item.businessId
-                ).label); //责任方
-              data.businessId = item.businessId; //责任方id
+              return null;
             }
-            submitData['personResponsibleDTO'].push(data);
-          });
-        }
+          })
+          .filter(item => item !== null);
+
+        DataSubmit.aftersalesProcessingResultsDTO['compensationMethod'] = ProcessingList.value
+          .map(item => item.text)
+          .join(','); //支付方式拼接
+
+        DataSubmit.aftersalesProcessingResultsDTO['resultType'] = ProcessingList.value
+          .map(item => item.name)
+          .join(','); //处理结果说明文字拼接
       }
 
-      // 图片处理
-      if (
-        form.value.fileList.length &&
-        (form.value.groundlineType == '1' || form.value.groundlineType == '3')
-      ) {
-        submitData.decreaseImageEntityList = [];
-        form.value.fileList.forEach(item => {
-          if (item.response) {
-            submitData['decreaseImageEntityList'].push({
-              imageName: item.response.data.originalName, //图片名称
-              imagePath: item.response.data.link, //图片地址
-              imageType: form.value.groundlineType == 1 ? 10 : 20, //图片类型
+      delete DataSubmit.duty; //移除多余字段
+      delete DataSubmit.packList; //移除图片原始字段
+      delete DataSubmit.processor; //移除多余字段
+      console.log(DataSubmit, '处理好的数据');
+      // 提交表单信息stringify
+  
+      Addloading.value = true; //开启页面加载
+      $_submit(DataSubmit)
+        .then(res => {
+          if (res.data.code == 200) {
+            ElMessage({
+              message: res.data.msg,
+              type: 'success',
             });
+            Indexform.value = {}; //重置表单
+            $store.commit('DEL_TAG_CURRENT'); //关闭当前页面
+            $router.push('/aftersales/aftersalesWorkOrder'); //添加成功跳转到列表
           }
+        })
+        .catch(res => {
+          console.log(res, '错误信息');
+          ElMessage.error('提交失败,请刷新页面重新尝试');
+        })
+        .finally(() => {
+          Addloading.value = false; //闭页面加载
         });
+    } else {
+      console.log('表单验证失败');
+      ElMessage({
+        message: '请填完整信息',
+        type: 'warning',
+      });
+    }
+  });
+};
+// 选择司机带出车次号日期
+const changeDeliveryDriver = val => {
+  console.log(val);
+  console.log(DeliveryDriver.value, '司机信息');
+  Indexform.value.trainNumber = DeliveryDriver.value.find(res => res.id == val).trainNumber; //车次号
+  Indexform.value.deliveryTime = DeliveryDriver.value.find(res => res.id == val).taskTime; //日期
+};
+// 少货件数对应事件
+const ShortageTtems = val => {
+  ShortageList.value = []; //进入之前重置参数
+  const pattern = /\s+/g;
+  const result = val.replace(pattern, '');
+  console.log(result); // 输出 "33"
+  Indexform.value.number = result;
+  if (Indexform.value.number > 1) {
+    ShortageState.value = true; //数量大于1，开启弹窗输入
+  }
+  for (let i = 0; i < val; i++) {
+    ShortageList.value.push({
+      number: i + 1, //件数
+      packageCode: null, //输入框
+    });
+  }
+};
+// 少货关闭回调
+const ShortageStateFun = () => {
+  ShortageList.value.forEach(item => {
+    if (item.packageCode == null) {
+      Indexform.value.number = null;
+    }
+  });
+};
+// 少货按钮取消
+const ShortageCancellation = () => {
+  Indexform.value.number = null; //少货件数
+  ShortageList.value = []; //进入之前重置参数
+  ShortageState.value = false; //关闭弹窗
+};
+// 窜货关闭回调
+const fleeingFun = () => {
+  fleeingList.value.forEach(item => {
+    if (item.packageCode == null) {
+      Indexform.value.number = null;
+    }
+  });
+};
+// 窜货取消事件
+const fleeingCancellation = () => {
+  Indexform.value.number = null; //少货件数
+  fleeingList.value = []; //进入之前重置参数
+  fleeingState.value = false; //关闭弹窗
+};
+// 窜货输入框
+const fleeingTtems = val => {
+  fleeingList.value = []; //进入之前重置参数
+  const pattern = /\s+/g;
+  const result = val.replace(pattern, '');
+  console.log(result); // 输出 "33"
+  Indexform.value.number = result;
+  if (Indexform.value.number > 1) {
+    fleeingState.value = true; //数量大于1，开启弹窗输入
+  }
+  for (let i = 0; i < val; i++) {
+    fleeingList.value.push({
+      number: i + 1, //件数
+      packageCode: null, //输入框
+    });
+  }
+};
+// 少货编辑
+const moneyBtnA = () => {
+  if (!Indexform.value.number) {
+    ElMessage({
+      message: '请输入少货数量',
+      type: 'warning',
+    });
+    return;
+  }
+  ShortageState.value = true; //开启弹窗输入
+};
+// 窜货编辑
+const moneyBtnB = () => {
+  if (!Indexform.value.number) {
+    ElMessage({
+      message: '请输入窜货数量',
+      type: 'warning',
+    });
+    return;
+  }
+  fleeingState.value = true; //开启弹窗输入
+};
+
+// 是否显示处理结果
+const Processingrelease = () => {
+  Indexform.value.result = ''; //每次切换处理方先重置
+  ProcessingList.value = []; //重置填写好的处理结果
+  console.log(Indexform.value.processor, 'Indexform.value.processor');
+  if (Indexform.value.processor) {
+    if (Indexform.value.processor.length == 1 && Mydata.value.id == Indexform.value.processor[0]) {
+      ProcessingreleaseState.value = true; //显示处理放
+    } else {
+      ProcessingreleaseState.value = false; //关闭处理方
+    }
+  }
+};
+
+// 统计包件个数
+const Statistics = () => {
+  // 订单统计包件个数
+  if (identifying.value == 1) {
+    NumberPackages.value = 0;
+    PackageInfo.value.map(res => {
+      if (res.packageCode) {
+        NumberPackages.value++;
+      }
+    });
+  } else {
+    // 零担统计包件个数
+    NumberPackages.value = 0;
+    PackageInfo.value.map(res => {
+      console.log(res);
+      if (res.waybillNumber) {
+        NumberPackages.value++;
+      }
+    });
+  }
+};
+
+// 查询包件信息自动回显
+const ChangePackageInfo = (val, index) => {
+  // 判断是否有一样的包件
+
+  if (identifying.value == '2') {
+    Statistics(); //调用统计包件信息
+    return;
+  } else {
+    if (!val) {
+      return;
+    }
+    Statistics(); //调用统计包件信息
+    if (!NumberPackages.value) {
+      if (!val) {
+        PackageInfo.value[index].orderCode = ''; //订单自编码
+        PackageInfo.value[index].waybillNumber = ''; //运单号
+        PackageInfo.value[index].orderId = ''; //运单号
+        PackageInfo.value[index].brandName = ''; //品牌
+        Indexform.value.first = ''; //一级品
+        Indexform.value.secondary = ''; //二级品
+        Indexform.value.waybillMall = ''; //客户名称（运单商场）
+        Indexform.value.typeServiceName = ''; //合作模式
+        return;
+        // 如果输入框里面没有值就不请求
       }
+    }
 
-      // 处理结果
-      if (form.value.basis.result.length) {
-        submitData.aftersalesProcessingResultsDTO = {
-          money: 0, //金额总和
-          resultType: [], //处理结果名称
-          processingMoneyEntityList: [],
-        };
-        let PlayName = []; //赔付方式名称
-        form.value.Claimamount.forEach(item => {
-          PlayName.push(item.Paymentmethod.find(res => res.value == item.compensationMethod).label);
-          submitData.aftersalesProcessingResultsDTO['processingMoneyEntityList'].push({
-            compensationMethodName: item.Paymentmethod.find(
-              res => res.value == item.compensationMethod
-            ).label, //支付方式名称
-            compensationMethod: item.compensationMethod, //支付方式value
-            compensationTime: item.compensationTime, //支付时间
-            money: item.money, //支付金额
-            paymentUnit: item.paymentUnit, //支付单位
-            resultName: item.title, //处理结果方式  下补单
-            resultType: Processingresultsoptions.value.find(res => res.label == item.title).value, //处理结果方式 value
-            typesOf: 1, //固定参数
-          });
-        });
-        submitData.aftersalesProcessingResultsDTO.resultType = form.value.Claimamount.map(
-          res => res.title
-        ).join(','); //处理结果名称
-
-        let filteredArray = form.value.Claimamount.map(res => res.money); //金额总和
-
-        submitData.aftersalesProcessingResultsDTO.money = filteredArray.reduce(
-          (accumulator, currentValue) => accumulator + currentValue,
-          0
-        );
-        // 支付方式名称
-        submitData.aftersalesProcessingResultsDTO.compensationMethod = PlayName.join(',');
-        submitData.aftersalesProcessingResultsDTO.resultDescription =
-          form.value.basis.resultDescription; //处理结果说明
-        delete form.value.basis.resultDescription; //删除无用信息
-      }
+    // if (NumberPackages.value > 1) {
+    //   const found = PackageInfo.value
+    //     .filter(item => item.packageCode !== val)
+    //     .some(item => item.packageCode === val);
 
-      console.log(submitData, '处理好的参数');
-      form.value.Pageloading = true; //关闭页面加载
+    //   if (found) {
+    //     console.log('false');
+    //     ElMessage({
+    //       message: '存在重复包条码',
+    //       type: 'warning',
+    //     });
+    //     return;
+    //   }
+    // }
 
-      //是否直接提交到处理结果
-      if (form.value.Processed) {
-        submitData.workOrderStatus = 30;
-      }
-      $_submit(submitData)
-        .then(res => {
-          ElMessage({
-            message: res.data.msg || '创建成功',
-            type: 'success',
+    Statistics(); //调用统计包件信息
+    let data = {
+      packageCode: val,
+    };
+    $_getAbnormalPackage(data).then(res => {
+      console.log(res, '包件信息');
+      console.log(res.data.data, '包件信息');
+      if (res.data.data.length) {
+        TrainnumberList.value = [];
+        if (groundlineType.value == 5 || groundlineType.value == 6) {
+          //当发现节点为配送装车和配送签收的时候进行数据处理
+          //筛选出车次号
+          //driverName配送司机
+          //taskTime配送时间
+          //trainNumber车次号
+          //vehicleName车牌
+          res.data.data.forEach(item => {
+            item.deliver.forEach(itemChid => {
+              TrainnumberList.value.push({
+                label: itemChid.trainNumber,
+                value: itemChid.trainNumber,
+              }); //车次号
+              DeliveryprocessData.value.push(itemChid);
+            });
           });
-          if (res.data.code == 200) {
-            form.value.Pageloading = false; //关闭页面加载
-            ElMessageBox.confirm('当前工单创建成功,是否继续创建?', '提示', {
+          // 存储时间
+          console.log(TrainnumberList.value, '车次号');
+        }
+        // 车次号处理
+        if (groundlineType.value == 3) {
+          res.data.data.forEach(item => {
+            console.log(item, 'item');
+            item.trunklines.forEach(itemChid => {
+              console.log(itemChid, 'itemChid');
+              TrainnumberList.value.push({
+                label: itemChid.trainNumber,
+                value: itemChid.trainNumber,
+              }); //车次号
+              MainlineUnloadingData.value.push(itemChid);
+            });
+          });
+          console.log(TrainnumberList.value, '车次号');
+        }
+
+        console.log(NumberPackages.value, 'NumberPackages.value ');
+        console.log(PackageInfo.value, 'PackageInfo.value');
+        const packageData = res.data.data[0];
+        if (NumberPackages.value > 1) {
+          let mallName = PackageInfo.value.find(item => item.mallName).mallName;
+          console.log(mallName, '筛选出来的值');
+          if (mallName != packageData.mallName) {
+            ElMessageBox.confirm('请选择运单商场一致的包条码!', 'Warning', {
               confirmButtonText: '确定',
-              cancelButtonText: '返回',
               type: 'warning',
             })
-              .then(async () => {
-                form.value = await deepClone(formCopy.value); //用于拷贝一份重置数据
-                await PageState();
-                await ruleFormRef.value.resetFields();
-                form.value.Pageloading = false; //关闭页面加载
+              .then(() => {
+                return;
               })
               .catch(() => {
-                $store.commit('DEL_TAG_CURRENT'); //关闭当前页面
-                $router.push({
-                  path: '/aftersales/aftersalesWorkOrder',
+                ElMessage({
+                  type: 'info',
+                  message: '请重新输入新包条码',
                 });
               });
+            return;
           }
-        })
-        .catch(error => {
-          console.log(error, 'error');
-          form.value.Pageloading = false; //关闭页面加载
+        }
+        console.log('跑到这里来了');
+        // 如果已经有一条数据了，后面运单商场必须和后面的一样
+        console.log(packageData, '获取的第一个参数');
+        PackageInfo.value[index].orderCode = packageData.orderCode; //订单自编码
+        PackageInfo.value[index].waybillNumber = packageData.waybillNumber; //运单号
+        PackageInfo.value[index].orderId = packageData.orderId; //运单号
+        PackageInfo.value[index].brandName = packageData.brandName; //品牌
+        PackageInfo.value[index].mallName = packageData.mallName; //运单商场
+        PackageInfo.value[index].state = false; //状态
+        const results = res.data.data.filter(item => {
+          return item.workOrderId && item.workOrderNumber;
         });
+        console.log(results, '筛选后的结果');
+        if (results.length > 0) {
+          HistoricalPackageList.value = results;
+          PackageInfo.value[index].state = true; //状态
+        } else {
+          PackageInfo.value[index].state = false; //状态
+        }
+        // 确保在没有满足条件的元素时，不执行 HistoricalPackageList 和 PackageInfo 的赋值操作
+        Indexform.value.first = packageData.firsts; //一级品
+        Indexform.value.secondary = packageData.second; //二级品
+        Indexform.value.waybillMall = packageData.mallName; //客户名称（运单商场）
+        Indexform.value.typeServiceName = packageData.typeServiceName
+          ? packageData.typeServiceName
+          : ''; //合作模式
+      }
+      // packageCode; //包件码
+      // //订单自编码
+      // orderCode: orderId; //运单号
+      // workOrderId; //工单id
+      // workOrderNumber; //工单名称
+
+      console.log(PackageInfo.value, '处理好的参数');
     });
-  });
+  }
 };
-const TabactiveClick = (a, b) => {
-  console.log(a, b);
+
+// 查看历史包件
+const historicalPackages = val => {
+  dialogHistoricalPackage.value = true; //打开历史包件弹窗
+  HistorIndex.value = val;
+  console.log(val);
+};
+// 历史包件确定选择
+const HistoricalPackage = val => {
+  let info = HistoricalPackageList.value.find(obj => obj.workOrderId == val);
+  console.log(info);
+  PackageInfo.value[HistorIndex.value].orderCode = info.orderCode; //订单自编码
+  PackageInfo.value[HistorIndex.value].waybillNumber = info.waybillNumber; //运单号
+  PackageInfo.value[HistorIndex.value].orderId = info.orderId; //运单号
+  PackageInfo.value[HistorIndex.value].brandName = info.brandName; //品牌
+  dialogHistoricalPackage.value = false; //关闭历史包件弹窗
+
+  PackageInfo.value[HistorIndex.value].relatedWorkOrdersId = info.workOrderId;
+  console.log(PackageInfo.value, '处理好的参数');
+};
+// 历史包件里面的查看
+const ViewPackageDetails = val => {
+  if (!val) {
+    ElMessage({
+      message: '请选择要查看的数据',
+      type: 'warning',
+    });
+    return;
+  }
+  console.log(val);
+  let info = HistoricalPackageList.value.find(obj => obj.workOrderId == val);
+  console.log(info, '筛选的值');
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderInfo',
+    query: {
+      id: info.workOrderId,
+      name: info.workOrderId + '-信息查看',
+      routerState: 'view',
+    },
+  });
+  dialogHistoricalPackage.value = false; //打开历史包件弹窗
 };
+
+// 对调查经过输入框进行处理
+const isShowFormItem1 = computed(() => {
+  return ['2'].includes(groundlineType.value);
+});
+// 对调查经过输入框进行处理
+const isShowFormItem2 = computed(() => {
+  return ['2'].includes(groundlineType.value);
+});
+const isShowFormItem3 = computed(() => {
+  return ['3', '4', '5', '6', '7'].includes(groundlineType.value);
+});
+const isShowFormItem4 = computed(() => {
+  return ['5', '6', '7'].includes(groundlineType.value);
+});
 </script>
 
 <style scoped lang="scss">
-.pageContent {
-  padding: 10px;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
+.IndexFrom {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  border: 1px solid #ccc;
+  .el-form-item {
+    display: flex;
+    align-items: flex-start;
+    margin: 0;
+    margin-bottom: 18px;
+    flex: 1 0 30%;
+    :deep(.el-form-item__label) {
+      width: 100px !important;
+      justify-content: flex-start;
+    }
+  }
+  :deep(.el-form-item__content) {
+    height: 100%;
+    width: 70% !important;
+    flex: none;
+    .el-input {
+      height: 100% !important;
+      display: flex;
+      align-items: center;
+    }
+  }
+  .el-input__wrapper {
+    height: 32px !important;
+  }
+  :deep(.el-input) {
+    width: 100% !important;
+  }
+  :deep(.el-input__wrapper) {
+    height: 30px !important;
+  }
+  :deep(.el-select) {
+    width: 100%;
+  }
+  :deep(.el-form-item__label) {
+    margin-left: 20px;
+  }
 }
-:deep(.tablemun) {
-  height: 0;
-  padding: 0;
-  .el-tabs__nav-scroll {
-    // border-left: 1px solid #dcdfe6;
-    // border-right: 1px solid #dcdfe6;
+.el_clzr {
+  margin-top: 40px;
+
+  :deep(.el-select) {
+    width: 100%;
+  }
+  :deep(.el-input) {
+    height: 38px;
+  }
+  :deep(.el-form-item__label) {
+    margin-left: 20px;
+    font-size: 14px;
+    width: 100px !important;
+    justify-content: flex-start;
+  }
+  .el-form-item {
+    margin: 0;
+    margin-bottom: 34px;
+  }
+  :deep(.el-input__wrapper) {
+    height: 35px !important;
+  }
+  :deep(.el-form-item__content) {
+    height: 100%;
+    width: 90% !important;
+    flex: none;
+    .el-input {
+      height: 100% !important;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+.Transport_damage_photos {
+  flex-direction: column;
+  display: flex;
+  margin-top: 20px;
+  .title {
+    font-weight: 500;
+    width: 100px;
+    display: block;
+    margin-bottom: 10px;
+    font-size: 14px;
   }
 }
-.placeholder {
+.dialog-footer {
+  margin-top: 10px;
   width: 100%;
-  height: 40px;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 10px;
   box-sizing: border-box;
-  border-left: 1px solid #dcdfe6;
-  border-right: 1px solid #dcdfe6;
+  padding-right: 36px;
+}
+.investigate {
+  :deep(.el-form-item__content) {
+    width: 90% !important;
+    box-sizing: border-box;
+  }
+}
+.ShortageStatenum {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  .title {
+    width: 80px;
+  }
+  .remove {
+    width: 47px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    color: #ff0000;
+  }
+}
+.moneyNum {
+  display: flex;
+  flex: 1;
+  .el_btn {
+    width: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #ccc;
+    margin-left: 3px;
+    border-radius: 4px;
+    cursor: pointer;
+  }
 }
+.ResponsibilityBox {
+  :deep(.asterisk-left) {
+    .el-form-item__label {
+      width: auto !important;
+    }
+  }
 
-// 主体内容
-.content {
-  padding: 10px;
   width: 100%;
-  border: 1px solid #dcdfe6;
-  box-sizing: border-box;
-  border-radius: 2px;
-  .tablemunTop {
+  display: flex;
+  flex-direction: column;
+  .leftbox {
     display: flex;
     justify-content: space-between;
+    width: 100%;
+    .el_zb {
+      width: 140px;
+      margin-right: 50px;
+      text-align: right;
 
-    .el-form-item {
-      width: 26%;
-      display: flex;
-      align-items: center;
       :deep(.el-form-item__label) {
-        margin-bottom: 0 !important;
+        width: auto !important;
+      }
+      :deep(.el-input) {
+        margin-left: 10px;
+        text-align: right;
+      }
+      :deep(.el-form-item__content) {
+        flex-wrap: nowrap;
+        position: relative;
+        .percentage {
+          position: absolute;
+          right: 11px;
+        }
       }
     }
+    .illustrate {
+      width: 50%;
+    }
   }
-}
-// 包件列表
-.Packagebox {
-  .el_Package {
+  .maxBox {
     display: flex;
-    align-items: center;
-    border-bottom: 1px solid #afbdc3;
-    margin-bottom: 10px;
-    .el_activPackage_btton {
-      flex: 1;
-      display: flex;
-      justify-content: space-between;
-      margin: 0px 2px;
+    align-items: flex-start;
+    width: 30%;
+    margin-right: 16px;
+    font-size: 14px;
+    .title {
+      width: 120px;
+      font-size: 14px;
+      color: #606266;
+    }
+    .el-select {
+      width: 100%;
     }
   }
-  :deep(.is-active) {
-    font-weight: bold;
+  .el-btn {
+    margin-left: 5%;
+    border: none;
+  }
+  .el_btbox {
+    display: flex;
+    margin-top: 10px;
+  }
+}
+.ResponsibilityBoxS {
+  .el_packBtn {
+    margin-top: 10px;
+  }
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+  .leftbox {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    margin-top: 10px;
   }
-  :deep(.Package) {
-    width: 83%;
+  .maxBox {
     display: flex;
     align-items: center;
-    .el-form-item {
-      width: 14%;
-      margin-right: 6px;
+    width: 30%;
+    margin-right: 20px;
+
+    :deep(.el-form-item) {
+      margin: 0;
+      margin-right: 10px;
+
+      font-size: 12px;
       .el-form-item__label {
-        margin-bottom: 0;
+        margin: 0;
+        width: auto !important;
       }
     }
-    .Number {
-      width: 20px;
-      height: 20px;
-      // background-color: #409eff;
-      color: #409eff;
-      text-align: center;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-      margin-right: 10px;
+    .title {
+      width: 140px;
+      color: #606266;
+      font-size: 14px;
+    }
+    .el-select {
+      width: 100%;
     }
   }
-  .el_addPackage {
+  .el-btn {
+    margin-left: 5%;
     border: none;
-    color: #ffffff;
+    display: flex;
   }
-  .el_top {
+  .el_btbox {
     display: flex;
     align-items: center;
-    margin-bottom: 10px;
-    height: 40px;
-    .el_Package_num {
-      font-size: 14px;
-      height: 80%;
-      border-bottom: 1px solid #409eff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 2px;
-      box-sizing: border-box;
-      span {
-        color: #666;
-        font-weight: 500;
-      }
-    }
   }
 }
-.el_details {
+:deep(.PackageInformation) {
+  margin-bottom: 10px;
+  width: 100%;
+  border-left: none;
+  .el-tabs__header {
+  }
+  .el-tabs__content {
+    padding-top: 0;
+  }
+}
+.NumTotal {
+  width: 30%;
+  margin-top: 10px;
   display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  .el-form-item {
-    width: 78%;
+  align-items: center;
+  span {
+    width: 120px;
+    font-size: 14px;
+    border: 1px solid #ccc;
+    display: flex;
+    width: auto;
+    padding: 4px 12px;
+  }
+}
+.Proportion {
+  margin-top: 16px;
+  .title {
+    font-size: 14px;
+    border: 1px solid #ccc;
+    width: auto;
+    padding: 4px 12px;
+  }
+}
+
+:deep(.is-active) {
+  border-bottom: 1px solid #e4e7ed !important;
+}
+:deep(.topClass) {
+  border-bottom: none;
+  .el-tabs__content {
+    padding: 0;
   }
 }
-.Basicinformation {
+.foot_btn {
+  position: fixed;
+  bottom: 0;
+  left: 50%;
+  transform: translate(0, -50%);
   width: 100%;
+  height: 40px;
+  background-color: #ffffff;
+  border-top: 1px solid #fff;
+  box-shadow: 3px -1px 1px #ccc;
   display: flex;
-  flex-wrap: wrap;
-  :deep(.el-form-item) {
-    width: 10.5%;
-    margin-right: 6px;
-    .el-form-item__content {
-      .el-input {
-        height: 100% !important;
-        .el-input__wrapper {
-          height: 100%;
-        }
-      }
-    }
-    .el-form-item__label {
-      margin-bottom: 0;
-    }
-  }
-  .el_Basic {
-    flex: 1;
-    display: flex;
-    min-width: 32%;
-    .el_Processing {
-      min-width: 50%;
-    }
-    :deep(.el_Investigation) {
-      flex: 1;
-    }
-    // :deep(.is-error) {
-    //   .el-input--suffix {
-    //     .el-textarea__inner:focus {
-    //       box-shadow: 0 0 0 1px #ff0000 inset !important;
-    //     }
-    //   }
-    // }
+  align-items: center;
+  padding-left: 10px;
+}
+:deep(.el-card__body) {
+  // margin-bottom: 50px;
+}
+:deep(.el-upload-dragger) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.box-card {
+  height: 100% !important;
+  overflow-y: scroll;
+}
+:deep(.selector) {
+  .el-select {
+    width: 100%;
   }
 }
-.responsibilities {
-  :deep(.el-upload-dragger) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+
+.ProcessingResults {
+  width: 100%;
+  min-height: 260px;
+  border: 1px solid #ccc;
+  position: relative;
+  padding: 26px;
+  box-sizing: border-box;
+  margin-top: 20px;
+  color: #606266;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  .title {
+    position: absolute;
+    top: -20px;
+    left: 20px;
+    font-size: 26px;
+    background-color: #fff;
   }
-  .el_responsibilities {
+  .Listadmiration {
     display: flex;
     flex-wrap: wrap;
-    align-items: center;
-    .el-form-item {
-      width: 14%;
-      margin-right: 6px;
-      .el-input-number {
-        width: 100%;
-      }
-    }
-    :deep(.el_responsibilities_box) {
-      width: 80%;
+    margin-top: 26px;
+    justify-content: space-between;
+    .name {
       display: flex;
-      align-items: center;
-      border-bottom: 1px solid #afbdc3;
-      margin-bottom: 10px;
-      .el-form-item {
-        .el-form-item__label {
-          margin-bottom: 0;
+      margin-bottom: 20px;
+      height: 30px;
+      width: 48%;
+      justify-content: space-between;
+      .payment_right {
+        display: flex;
+        :deep(.el-input) {
+          height: 100% !important;
         }
       }
-      .el_Investigation {
-        flex: 1;
-      }
-      .Number {
-        width: 20px;
-        height: 20px;
-        // background-color: #409eff;
-        color: #409eff;
-        text-align: center;
+      span {
+        display: block;
+        color: #606266;
+        font-size: 16px;
+        margin-right: 8px;
         display: flex;
         align-items: center;
-        justify-content: center;
-        border-radius: 50%;
-        margin-right: 10px;
       }
     }
   }
-  .el_top {
+
+  .lptime,
+  .ZFlptime {
     display: flex;
-    align-items: center;
-    margin-bottom: 10px;
-    height: 40px;
-    .el_addPackage {
-      border: none;
+    .name {
+      width: 10%;
+      color: #606266;
     }
-    .el_Package_num {
-      font-size: 14px;
-      height: 80%;
-      border-bottom: 1px solid #409eff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 2px;
-      box-sizing: border-box;
-      span {
-        color: #666;
-        font-weight: 500;
-      }
+    .el-input {
+      width: auto;
+    }
+    :deep(.el-input--prefix) {
+      width: 200px;
     }
   }
-  :deep(.is-active) {
-    font-weight: bold;
+  .ZFlptime {
+    margin: 10px 0;
   }
 }
-// 处理结果
-:deep(.Processingresults) {
-  .is-active {
-    font-weight: bold;
+.Paymentname {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid #bfbfbf;
+  margin-left: 2px;
+  border-radius: 4px;
+  font-size: 14px;
+  padding: 10px;
+  cursor: pointer;
+  width: 140px;
+  margin: 0 10px;
+  overflow: hidden;
+}
+.Paymentname:hover {
+  border: 1px solid #172e60;
+}
+.el_Processingresults {
+  margin-top: 12px;
+}
+.el_PaymentUnit {
+  margin: 0 4px;
+}
+:deep(.el-input-number) {
+  width: 180px !important;
+}
+.Investigationprocess {
+  height: auto !important;
+  align-items: flex-start !important;
+  :deep(.el-form-item__content) {
+    width: 90% !important;
   }
-  .el_top {
-    display: flex;
-    align-items: center;
-    margin-bottom: 10px;
-    height: 40px;
-    .el_addPackage {
-      border: none;
-    }
-    .el_Package_num {
-      font-size: 14px;
-      height: 80%;
-      border-bottom: 1px solid #409eff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 2px;
-      box-sizing: border-box;
-      span {
-        color: #666;
-        font-weight: 500;
-      }
-    }
+}
+.el_tool {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  span {
+    font-size: 14px;
+    border: 1px solid #ccc;
+    padding: 4px 20px;
+    color: #30316e;
+    font-weight: normal;
   }
-  .el_Processingresults {
-    display: flex;
-    flex-wrap: wrap;
-    .el_Processingresults_box {
-      display: flex;
-      flex-direction: column;
-      width: 48%;
-      .el_title {
-        display: flex;
-        width: fit-content;
-        padding: 0 10px;
-        margin-bottom: 4px;
-        // border-left: 3px solid #172e60;
-        position: relative;
-      }
-      .el_title::after {
-        position: absolute;
-        content: '';
-        width: 6px;
-        height: 6px;
-        border-radius: 50%;
-        left: 0;
-        top: 50%;
-        transform: translate(0, -50%);
-        background-color: #172e60;
-      }
-      .el_Processingresults_box_list {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-right: 11px;
-        .el-form-item {
-          width: 24%;
-          .el-input-number {
-            width: 100% !important;
-          }
-          .el-form-item__label {
-            margin-bottom: 0;
-          }
-        }
-      }
-    }
+}
+.el_nint {
+  width: 100%;
+}
+:deep(.el_inputTop) {
+  margin-bottom: 0 !important;
+  margin: 5px 0 !important;
+}
+:deep(.el_Exception) {
+  .el-form-item__content {
+    // width: 120px !important;
   }
 }
-.pageContent {
-  height: 100vh;
+:deep(.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before) {
+  color: #ff0000;
 }
-.flex-c-c {
-  position: fixed;
-  bottom: 20px;
-  left: 50%;
+.footer_el {
+  padding-right: 0;
+  padding: 0;
 }
-:deep(.el-loading-mask) {
-  position: fixed;
-  left: 12%;
-  top: 10%;
+:deep(#avue-view) {
+  background-color: #fff !important;
+}
+.page_loading {
+  height: 100%;
+}
+.el_btn_remove {
+  // padding-top: 6px;
 }
 </style>
diff --git a/src/views/aftersales/aftersalesWorkOrderInfo.vue b/src/views/aftersales/aftersalesWorkOrderInfo.vue
index 73975941..597d4e22 100644
--- a/src/views/aftersales/aftersalesWorkOrderInfo.vue
+++ b/src/views/aftersales/aftersalesWorkOrderInfo.vue
@@ -499,7 +499,7 @@
         <el-tabs
           type="border-card"
           class="demo-tabs el-photo"
-          v-if="['1', '3'].includes(Indexform.workOrderType)"
+          v-if="Indexform.packList.length"
         >
           <el-tab-pane>
             <template #label>
diff --git a/src/views/aftersales/aftersalesWorkOrderend.vue b/src/views/aftersales/aftersalesWorkOrderend.vue
index 411ac27b..5b20ea6b 100644
--- a/src/views/aftersales/aftersalesWorkOrderend.vue
+++ b/src/views/aftersales/aftersalesWorkOrderend.vue
@@ -137,7 +137,7 @@
                 </div>
                 <div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index">
                   <div class="leftbox">
-                    <div class="maxBox">
+                    <!-- <div class="maxBox">
                       <span class="title">包条码:</span>
                       <el-input
                         disabled
@@ -147,37 +147,38 @@
                         :rows="2"
                         @change="ChangePackageInfo(item.packageCode, index)"
                       />
-                    </div>
+                    </div> -->
 
-                    <div class="maxBox">
-                      <span class="title">订单自编码:</span>
+                    <el-form-item label="包条码">
                       <el-input
-                        v-model="item.orderCode"
-                        placeholder="请输入订单自编号"
-                        clearable
+                        v-model="item.packageCode"
+                        @change="ChangePackageInfo(item.packageCode, index)"
                         disabled
                       />
-                    </div>
+                    </el-form-item>
 
-                    <div class="maxBox">
-                      <span class="title">运单号:</span>
-                      <el-input
-                        v-model="item.waybillNumber"
-                        placeholder="请输入运单号"
-                        clearable
-                        disabled
-                      />
-                    </div>
-                  </div>
+                    <el-form-item label="运单号">
+                      <el-input v-model="item.waybillNumber" disabled />
+                    </el-form-item>
 
-                  <div class="el-btn">
-                    <el-button v-if="item.state" type="primary" @click="historicalPackages(index)">
-                      查看历史包件
-                    </el-button>
-                    <!-- <el-button type="primary" @click="PackagRemoval(index)" disabled>
-                      移除
-                    </el-button> -->
+                    <el-form-item label="订单自编码">
+                      <el-input v-model="item.orderCode" disabled />
+                    </el-form-item>
+
+                    <el-form-item label="一级品">
+                      <el-input v-model="item.first" disabled />
+                    </el-form-item>
+
+                    <el-form-item label="二级品">
+                      <el-input v-model="item.secondary" disabled />
+                    </el-form-item>
+
+                    <el-form-item label="品牌">
+                      <el-input v-model="item.brandName" disabled />
+                    </el-form-item>
                   </div>
+
+
                 </div>
                 <div class="NumTotal">
                   <span>总件数:{{ PackageInfo.length }}</span>
@@ -273,11 +274,6 @@
                       />
                     </div>
                   </div>
-                  <div class="el-btn">
-                    <!-- <el-button type="primary" disabled @click="ResponsibilityRemoval(index)">
-                      移除
-                    </el-button> -->
-                  </div>
                 </div>
                 <div class="Proportion">
                   <span class="title">公司占比:{{ companyProportion }}%</span>
@@ -508,8 +504,8 @@
             </div> -->
 
             <!-- 图片  -->
-            <div class="Transport_damage_photos">
-              <span class="title">图片</span>
+            <div class="Transport_damage_photos" v-if="endFrom.packageImage.length">
+              <span class="title">照片</span>
               <el-upload
                 disabled
                 v-model:file-list="endFrom.packageImage"
@@ -1749,12 +1745,12 @@ const AddPackage = () => {
 const PackagRemoval = val => {
   PackageInfo.value.splice(val, 1); //移除当前点击的按钮
 };
-// 查看历史包件
-const historicalPackages = val => {
-  dialogHistoricalPackage.value = true; //打开历史包件弹窗
-  HistorIndex.value = val;
-  console.log(val);
-};
+// // 查看历史包件
+// const historicalPackages = val => {
+//   dialogHistoricalPackage.value = true; //打开历史包件弹窗
+//   HistorIndex.value = val;
+//   console.log(val);
+// };
 // 查询包件信息自动回显
 const ChangePackageInfo = (val, index) => {
   let data = {
@@ -2844,11 +2840,21 @@ const CustomerServiceCompleted = () => {
   display: flex;
   flex-direction: column;
   margin-bottom: 10px;
+  justify-content: flex-start;
   .leftbox {
     width: 100%;
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    .el-form-item{
+      margin-right:24px;
+      flex-direction: column;
+      align-items: flex-start;
+      flex: none;
+      width: 12%;
+    }
   }
+
   .maxBox {
     display: flex;
     align-items: center;
diff --git a/src/views/aftersales/aftersalesWorkOrdermodifyTemp.vue b/src/views/aftersales/aftersalesWorkOrdermodifyTemp.vue
new file mode 100644
index 00000000..fd13a233
--- /dev/null
+++ b/src/views/aftersales/aftersalesWorkOrdermodifyTemp.vue
@@ -0,0 +1,1990 @@
+<template>
+  <div class="pageContent" v-loading="form.Pageloading" element-loading-text="正在加载中...">
+    <!-- 菜单 -->
+    <div class="placeholder">
+      <el-tabs
+        class="tablemun"
+        v-model="form.basis.TabactiveName"
+        type="border-card"
+        @tab-click="TabactiveClick"
+      >
+        <el-tab-pane label="订单填写" :name="1"></el-tab-pane>
+        <el-tab-pane label="零担填写" :name="2"> </el-tab-pane>
+      </el-tabs>
+    </div>
+    <!-- 主体内容 -->
+    <div class="content">
+      <el-form
+        ref="ruleFormRef"
+        :rules="ruleForm"
+        :model="form"
+        label-width="30%"
+        style="width: 100%"
+        label-position="top"
+      >
+        <!-- 头部类型选择 -->
+        <div class="tablemunTop">
+          <!-- 异常类型 -->
+          <el-form-item label="异常类型" prop="basis.workOrderType">
+            <el-select
+              v-model="form.basis.workOrderType"
+              placeholder="请选择异常类型"
+              style="width: 100%"
+              clearable
+            >
+              <el-option
+                v-for="item in Exceptionoptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <!-- 发现节点 -->
+          <el-form-item label="发现节点" prop="basis.discoveryNode">
+            <el-select
+              v-model="form.basis.discoveryNode"
+              placeholder="请选择发现节点"
+              style="width: 100%"
+              @change="DiscoveringNodesChange"
+              clearable
+            >
+              <el-option
+                v-for="item in Discoveringoptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+                clearable
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="异常工单号">
+            <el-input v-model="form.basis.name" disabled placeholder="异常工单号(自动生成)" />
+          </el-form-item>
+        </div>
+
+        <!-- 包件信息  -->
+        <el-tabs
+          v-model="form.activPackage"
+          class="demo-tabs Packagebox"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+        >
+          <el-tab-pane label="包件信息" name="0">
+            <template v-for="(item, index) in form.PackageList" :key="index">
+              <div class="el_Package">
+                <div class="Package">
+                  <span class="Number"> {{ index + 1 }}</span>
+                  <el-form-item
+                    v-if="form.basis.TabactiveName == 1"
+                    :prop="`PackageList[${index}.packageCode]`"
+                    :rules="ruleForm.packageCode"
+                    label="包条码"
+                  >
+                    <el-input
+                      @change="ChangePackageInfo(item)"
+                      v-model="item.packageCode"
+                      placeholder="请输入包条码"
+                      clearable
+                    />
+                  </el-form-item>
+
+                  <el-form-item
+                    label="运单号"
+                    :prop="`PackageList[${index}.waybillNumber]`"
+                    :rules="ruleForm.waybillNumber"
+                  >
+                    <el-input v-model="item.waybillNumber" placeholder="请输入运单号" clearable />
+                  </el-form-item>
+
+                  <el-form-item
+                    label="订单自编号"
+                    :prop="`PackageList[${index}.orderCode]`"
+                    :rules="ruleForm.orderCode"
+                  >
+                    <el-input v-model="item.orderCode" placeholder="请输入订单自编号" clearable />
+                  </el-form-item>
+
+                  <el-form-item
+                    label="一级品"
+                    :prop="`PackageList[${index}.first]`"
+                    :rules="ruleForm.first"
+                  >
+                    <el-input v-model="item.first" placeholder="请输入一级品" clearable />
+                  </el-form-item>
+
+                  <el-form-item
+                    label="二级品"
+                    :prop="`PackageList[${index}.secondary]`"
+                    :rules="ruleForm.secondary"
+                  >
+                    <el-input v-model="item.secondary" placeholder="请输入二级品" clearable />
+                  </el-form-item>
+
+                  <el-form-item
+                    label="品牌"
+                    :prop="`PackageList[${index}.brandName]`"
+                    :rules="ruleForm.brandName"
+                  >
+                    <el-input
+                      v-model="item.brandName"
+                      placeholder="品牌(有则自动带出)"
+                      disabled
+                      clearable
+                    />
+                  </el-form-item>
+                  <div
+                    v-if="['3', '5', '6'].includes(form.basis.discoveryNode)"
+                    style="width: 20%; display: flex"
+                  >
+                    <el-button
+                      v-if="!index"
+                      type="primary"
+                      class="el_addPackage"
+                      @click="Addpackages"
+                      style="margin-top: 2px"
+                    >
+                      <el-icon><Plus /></el-icon>新增包件</el-button
+                    >
+                    <el-button
+                      v-if="index"
+                      type="primary"
+                      class="el_addPackage"
+                      style="margin-top: 2px"
+                      @click="Removepackage(index)"
+                    >
+                      <el-icon><DeleteFilled /></el-icon>移除包件</el-button
+                    >
+                    <div class="el_activPackage_btton" v-if="item.history">
+                      <el-button @click="ViewhistoricalPackages(item)">查看历史包件</el-button>
+                    </div>
+                  </div>
+                </div>
+                <!-- 按钮  -->
+              </div>
+            </template>
+            <!-- <div class="el_top">
+                <div class="el_Package_num">
+                  <span>共计包件:{{ form.PackageList.length }}</span>
+                </div>
+              </div> -->
+          </el-tab-pane>
+        </el-tabs>
+
+        <!-- 基础信息  -->
+        <el-tabs
+          v-model="form.activPackage"
+          class="demo-tabs Packagebox"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+        >
+          <el-tab-pane label="基础信息" name="0">
+            <div class="Basicinformation" style="padding-left: 26px; box-sizing: border-box">
+              <el-form-item
+                label="车次号"
+                prop="basis.trainNumber"
+                v-if="displaySettings.trainNumber"
+              >
+                <el-select
+                  v-model="form.basis.trainNumber"
+                  filterable
+                  allow-create
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="请选择车次号"
+                  style="width: 100%"
+                  clearable
+                  @change="DeliveryTrainnumber"
+                >
+                  <template v-if="form.basis.discoveryNode == 3">
+                    <el-option
+                      v-for="(item, index) in form.Trainoptions"
+                      :key="index"
+                      :label="item.trainNumber"
+                      :value="item.trainNumber"
+                    />
+                  </template>
+
+                  <!-- driverName: itemChid.driverName, // 主司机
+                      taskTime: itemChid.taskTime, // 配送时间
+                      trainNumber: itemChid.trainNumber, //车次号 -->
+
+                  <template v-else>
+                    <el-option
+                      v-for="(item, index) in form.deliver"
+                      :key="index"
+                      :label="item.trainNumber"
+                      :value="item.trainNumber"
+                    />
+                  </template>
+                </el-select>
+              </el-form-item>
+
+              <el-form-item
+                label="配送时间"
+                prop="basis.deliveryTime"
+                v-if="displaySettings.deliveryTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.deliveryTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择配送时间"
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="配送司机"
+                prop="basis.deliveryDriver"
+                v-if="displaySettings.deliveryDriver"
+              >
+                <el-input
+                  v-model="form.basis.deliveryDriver"
+                  placeholder="请输配送司机"
+                  clearable
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="车辆线路"
+                prop="basis.vehicleRoute"
+                v-if="displaySettings.vehicleRoute"
+              >
+                <el-input
+                  v-model="form.basis.vehicleRoute"
+                  placeholder="请输入车辆线路"
+                  clearable
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="发货时间"
+                prop="basis.deliverGoodsTime"
+                v-if="displaySettings.deliverGoodsTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.deliverGoodsTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择发货时间"
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="入库时间"
+                prop="basis.warehousingTime"
+                v-if="displaySettings.warehousingTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.warehousingTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择入库时间"
+                />
+              </el-form-item>
+
+              <el-form-item
+                label="发现时间"
+                prop="basis.discoveryTime"
+                v-if="displaySettings.discoveryTime"
+              >
+                <el-date-picker
+                  v-model="form.basis.discoveryTime"
+                  style="width: 100%"
+                  type="datetime"
+                  format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss"
+                  placeholder="请选择发现时间"
+                />
+              </el-form-item>
+              <!-- 初始必填 -->
+              <el-form-item
+                label="运单商场"
+                prop="basis.waybillMall"
+                v-if="displaySettings.waybillMall"
+              >
+                <el-input v-model="form.basis.waybillMall" placeholder="请输入运单商场" clearable />
+              </el-form-item>
+              <!-- 初始必填 -->
+              <el-form-item
+                label="合作模式"
+                prop="basis.typeServiceName"
+                v-if="displaySettings.typeServiceName"
+              >
+                <el-input
+                  v-model="form.basis.typeServiceName"
+                  placeholder="合作模式(有则自动带出)"
+                  disabled
+                  clearable
+                />
+              </el-form-item>
+              <!-- 初始必填 -->
+              <div class="el_Basic">
+                <el-form-item
+                  label="处理方"
+                  prop="basis.processor"
+                  class="el_Processing"
+                  v-if="displaySettings.processor"
+                >
+                  <el-select
+                    v-model="form.basis.processor"
+                    placeholder="请选择处理方"
+                    style="width: 100%"
+                    multiple
+                    filterable
+                    clearable
+                  >
+                    <el-option
+                      v-for="item in Processingoptions"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </el-form-item>
+                <!-- 初始必填 -->
+                <el-form-item
+                  label="调查经过"
+                  prop="basis.investigationPocess"
+                  class="el_Investigation"
+                  clearable
+                  v-if="displaySettings.investigationPocess"
+                >
+                  <el-input
+                    v-model="form.basis.investigationPocess"
+                    placeholder="请输调查经过"
+                    type="textarea"
+                    :autosize="{ minRows: 1, maxRows: 10 }"
+                    clearable
+                  />
+                </el-form-item>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+        <!-- 内部责任划分  -->
+        <el-tabs
+          v-model="form.responsibilities"
+          class="demo-tabs responsibilities"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+          v-if="form.basis.discoveryNode != 3"
+        >
+          <el-tab-pane label="内部责任划分" name="0">
+            <div class="el_responsibilities">
+              <template v-for="(item, index) in form.responsibilitiesList" :key="index">
+                <div class="el_responsibilities_box">
+                  <span class="Number"> {{ index + 1 }}</span>
+                  <el-form-item
+                    label="责任方"
+                    class="el_Processing"
+                    :prop="`responsibilitiesList[${index}.businessId]`"
+                    :rules="ruleForm.businessId"
+                  >
+                    <el-select
+                      v-if="form.groundlineType == '1'"
+                      v-model="item.businessId"
+                      placeholder="请选择提货责任方"
+                      style="width: 100%"
+                      clearable
+                      filterable
+                    >
+                      <el-option
+                        v-for="items in item.Processingoptions"
+                        :key="items.value"
+                        :label="items.label"
+                        :value="items.value"
+                      />
+                    </el-select>
+                    <el-select
+                      v-else
+                      v-model="item.businessId"
+                      placeholder="请选择责任方"
+                      style="width: 100%"
+                      clearable
+                      filterable
+                      @change="ResponsiblePartychange(item)"
+                    >
+                      <el-option
+                        v-for="items in item.Responsibleoptions"
+                        :key="items.value"
+                        :label="items.label"
+                        :value="items.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item
+                    label="责任人"
+                    class="el_Processing"
+                    :prop="`responsibilitiesList[${index}.personResponsibleId]`"
+                    :rules="ruleForm.personResponsibleId"
+                  >
+                    <el-input
+                      v-if="form.groundlineType == '1'"
+                      v-model="item.personResponsibleId"
+                      placeholder="请输入责任人"
+                      clearable
+                    />
+                    <el-select
+                      v-else
+                      v-model="item.personResponsibleId"
+                      style="width: 100%"
+                      filterable
+                      clearable
+                    >
+                      <el-option
+                        v-for="items in item.ResponsibleoNameptions"
+                        :key="items.value"
+                        :label="items.name"
+                        :value="items.id"
+                      />
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item
+                    label="占比(%)"
+                    :prop="`responsibilitiesList[${index}.responsibilityRatio]`"
+                    :rules="ruleForm.responsibilityRatio"
+                    @change="CompanyProportionInput"
+                  >
+                    <el-input-number
+                      v-model="item.responsibilityRatio"
+                      :min="0"
+                      :max="item.ProportionMax"
+                      :controls="false"
+                      :value-on-clear="0"
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    label="三方责任人"
+                    :prop="`responsibilitiesList[${index}.tripartite]`"
+                    :rules="ruleForm.tripartite"
+                  >
+                    <el-input v-model="item.tripartite" placeholder="请输入三方责任人" clearable />
+                  </el-form-item>
+                  <el-form-item
+                    label="说明"
+                    class="el_Investigation"
+                    clearable
+                    :prop="`responsibilitiesList[${index}.description]`"
+                    :rules="ruleForm.description"
+                  >
+                    <el-input
+                      v-model="item.description"
+                      placeholder="请输入说明"
+                      type="textarea"
+                      :autosize="{ minRows: 1, maxRows: 4 }"
+                      clearable
+                    />
+                  </el-form-item>
+
+                  <el-button
+                    v-if="!index"
+                    type="primary"
+                    class="el_addPackage"
+                    @click="AddResponsible"
+                    style="margin-top: 2px"
+                  >
+                    <el-icon><Plus /></el-icon>新增责任</el-button
+                  >
+                  <el-button
+                    style="margin-top: 2px"
+                    v-if="index"
+                    type="primary"
+                    @click="Responsemoval(index)"
+                  >
+                    <el-icon><DeleteFilled /></el-icon>移除责任</el-button
+                  >
+                </div>
+                <div></div>
+              </template>
+            </div>
+            <div class="el_top">
+              <div class="el_Package_num">
+                <span>公司占比:{{ form.Proportion }}(%)</span>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+
+        <!-- 处理结果-理赔金额  -->
+        <el-tabs
+          v-model="form.ProcessingTab"
+          class="demo-tabs Processingresults"
+          v-loading="form.Packageloading"
+          v-if="ProcessingState"
+        >
+          <el-tab-pane label="处理结果-理赔金额" name="0">
+            <el-form-item label="" prop="basis.result">
+              <el-select
+                v-model="form.basis.result"
+                placeholder="请选择处理结果类型"
+                style="width: 100%"
+                clearable
+                multiple
+                @change="Claimssettlement"
+              >
+                <el-option
+                  v-for="item in Processingresultsoptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <!-- 处理结果循环列表 -->
+            <div class="el_Processingresults">
+              <template v-for="(item, index) in form.Claimamount" :key="index + item.title">
+                <div class="el_Processingresults_box">
+                  <span class="el_title">{{ item.title }}</span>
+                  <div class="el_Processingresults_box_list">
+                    <el-form-item
+                      label="金额"
+                      :prop="`Claimamount[${index}.money]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-input-number
+                        v-model="item.money"
+                        :min="0"
+                        :max="9999999"
+                        :controls="false"
+                        :value-on-clear="0"
+                        @change="Totalamount"
+                      />
+                    </el-form-item>
+
+                    <el-form-item
+                      label="支付单位"
+                      :prop="`Claimamount[${index}.paymentUnit]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-input v-model="item.paymentUnit" placeholder="请输入支付单位" clearable />
+                    </el-form-item>
+                    <el-form-item
+                      label="理赔支付时间"
+                      :prop="`Claimamount[${index}.compensationTime]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-date-picker
+                        v-model="item.compensationTime"
+                        type="datetime"
+                        format="YYYY-MM-DD"
+                        value-format="YYYY-MM-DD HH:mm:ss"
+                        placeholder="理赔支付时间"
+                        size="default"
+                      />
+                    </el-form-item>
+                    <el-form-item
+                      label="支付方式"
+                      :prop="`Claimamount[${index}.compensationMethod]`"
+                      :rules="ruleForm.packageCode"
+                    >
+                      <el-select
+                        v-model="item.compensationMethod"
+                        placeholder="请选择支付方式"
+                        style="width: 100%"
+                        clearable
+                      >
+                        <el-option
+                          v-for="items in item.Paymentmethod"
+                          :key="items.value"
+                          :label="items.label"
+                          :value="items.value"
+                        />
+                      </el-select>
+                    </el-form-item>
+                  </div>
+                </div>
+              </template>
+
+              <!-- resultDescription -->
+            </div>
+            <el-form-item label="处理结果说明">
+              <el-input
+                v-model="form.basis.resultDescription"
+                placeholder="请输入处理结果说明"
+                type="textarea"
+                :autosize="{ minRows: 1, maxRows: 4 }"
+                clearable
+              />
+            </el-form-item>
+            <div class="el_top">
+              <div class="el_Package_num">
+                <span>总计金额:{{ form.Totalamount }}(元)</span>
+              </div>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+
+        <!-- 照片上传 -->
+        <el-tabs
+          v-model="form.responsibilities"
+          class="demo-tabs responsibilities"
+          @tab-click="handleClick"
+          v-loading="form.Packageloading"
+          v-if="['1', '3'].includes(form.basis.discoveryNode)"
+        >
+          <el-form-item label="">
+            <el-tab-pane label="照片" name="0">
+              <el-upload
+                v-model:file-list="form.fileList"
+                :action="action"
+                :headers="headers"
+                :on-success="ImgSuccess"
+                :before-upload="beforeAvatarUpload"
+                drag
+                multiple
+                list-type="picture-card"
+              >
+                <el-icon><Plus /></el-icon>
+              </el-upload>
+            </el-tab-pane>
+          </el-form-item>
+        </el-tabs>
+        <!-- 操作按钮 -->
+        <div class="flex-c-c">
+          <el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button>
+          <el-button type="primary" icon="Position" @click="onSubmit">提交</el-button>
+          <el-button v-if="allFieldsFilled" type="primary" icon="Position" @click="onSubmit"
+            >处理完毕</el-button
+          >
+        </div>
+      </el-form>
+    </div>
+  </div>
+  <!-- 历史包件弹窗  -->
+  <el-dialog v-model="form.historydialog" title="查看历史包件" width="500">
+    <div class="el_details">
+      <el-form-item label="历史包件">
+        <el-select v-model="form.discoveryNode" placeholder="历史包件选择" style="width: 100%">
+          <el-option
+            v-for="item in form.Historicalpackage"
+            :key="item.workOrderId"
+            :label="item.workOrderNumber"
+            :value="item.workOrderId"
+          />
+        </el-select>
+      </el-form-item>
+      <el-button @click="Viewdetails(form.discoveryNode)">查看详情</el-button>
+    </div>
+
+    <!-- <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="form.historydialog = false"> 取消</el-button>
+          <el-button type="primary" @click="historyPush">查看</el-button>
+        </div>
+      </template> -->
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { getDictionaryBiz } from '@/api/system/dict'; //字典
+import { useStore } from 'vuex';
+const $store = useStore();
+import {
+  $_getList,
+  $_submit,
+  $_getDetail,
+  $_remove,
+  $_getBusinessDepartmentUser,
+  $_getAbnormalPackage,
+  $_shippingInformation,
+  $_getInfo,
+} from '@/api/aftersales/aftersalesWorkOrder';
+
+import { useRouter, useRoute } from 'vue-router';
+import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
+import { deepClone } from '@/utils/util';
+import { getToken } from '@/utils/auth';
+import error from '@/error';
+const $router = useRouter();
+const $route = useRoute();
+const formCopy = ref({}); //用于重置表单
+const form = ref({
+  basis: {
+    TabactiveName: 1, //工单类型菜单
+  }, //基础信息
+  Totalamount: 0, //总金额
+  activPackage: '0', //包件信息菜单
+  responsibilities: '0', //内部责任菜单
+  ProcessingTab: '0', //处理结果菜单
+  Pageloading: false, //页面加载
+  Packageloading: false, //包件加载
+  historydialog: false, //历史包件弹窗
+  groundlineType: 0, //发现节点
+  Proportion: 100, //公司占比
+  totalMax: 100, //公司占比最大值
+  Processed: false, //是可以填写处理结果
+  //   包件列表
+  PackageList: [
+    {
+      packageCode: '', //包条码
+      waybillNumber: '', //运单号
+      orderCode: '', //订单自编号
+      first: '', //一级品
+      secondary: '', //二级品
+      brandName: '', //品牌
+      history: true, //是否有历史包间
+    },
+  ], //历史包件列表
+  Historicalpackage: [],
+  //   内部责任划分
+  responsibilitiesList: [
+    {
+      businessId: '', //责任方
+      personResponsibleId: '', //责任人
+      responsibilityRatio: 0, //占比
+      description: '', //三方责任人
+      tripartite: '', //说明
+      ProportionMax: 100, //最大值校验
+      Processingoptions: [
+        //提货责任方列表
+      ],
+      Responsibleoptions: [
+        // 责任方
+      ],
+      ResponsibleoNameptions: [
+        // 责任人列表
+      ],
+    },
+  ],
+  Trainoptions: [], //干线车次号
+  deliver: [], //配送车次号
+  //   理赔金额
+  Claimamount: [],
+  fileList: [], //照片
+});
+const myData = ref({}); //用户信息记录
+const ruleForm = reactive({
+  basis: {
+    workOrderType: [{ required: true, message: '请选择异常类型', trigger: ['bulr', 'change'] }],
+    discoveryNode: [{ required: true, message: '请选择发现节点', trigger: ['bulr', 'change'] }],
+    trainNumber: [{ required: true, message: '请选择车次号', trigger: ['bulr', 'change'] }],
+    deliveryTime: [{ required: true, message: '请输入配送时间', trigger: ['bulr', 'change'] }],
+    deliveryDriver: [{ required: true, message: '请输入配送司机', trigger: ['bulr', 'change'] }],
+    vehicleRoute: [{ required: true, message: '请输入车辆线路', trigger: ['bulr', 'change'] }],
+    deliverGoodsTime: [{ required: true, message: '请输入发货时间', trigger: ['bulr', 'change'] }],
+    warehousingTime: [{ required: true, message: '请选择入库时间', trigger: ['bulr', 'change'] }],
+    discoveryTime: [{ required: true, message: '请选择发现时间', trigger: ['bulr', 'change'] }],
+    waybillMall: [{ required: true, message: '请输入运单商场', trigger: ['bulr'] }],
+    typeServiceName: [{ required: false, message: '请输入合作模式', trigger: ['bulr', 'change'] }],
+    investigationPocess: [
+      { required: true, message: '请输入调查经过', trigger: ['bulr', 'change'] },
+    ],
+    result: [{ required: true, message: '请输选择处理结果', trigger: ['bulr'] }],
+    processor: [{ required: true, message: '请输入处理方', trigger: ['bulr'] }],
+  },
+
+  packageCode: [{ required: true, message: '请输入包条码', trigger: ['bulr', 'change'] }],
+  waybillNumber: [{ required: true, message: '请输入运单号', trigger: ['bulr', 'change'] }],
+  orderCode: [{ required: true, message: '请输入订单自编号', trigger: ['bulr', 'change'] }],
+  first: [{ required: true, message: '请输入一级品', trigger: ['bulr', 'change'] }],
+  secondary: [{ required: true, message: '请输入二级品', trigger: ['bulr', 'change'] }],
+  brandName: [{ required: false, message: '请输入品牌', trigger: ['bulr', 'change'] }],
+
+  businessId: [{ required: true, message: '请选择责任方', trigger: ['bulr', 'change'] }],
+  personResponsibleId: [{ required: true, message: '请输入责任人', trigger: ['bulr', 'change'] }],
+  responsibilityRatio: [{ required: true, message: '请输入占比', trigger: ['bulr', 'change'] }],
+  tripartite: [{ required: true, message: '请输入三方责任人', trigger: ['bulr', 'change'] }],
+  description: [{ required: true, message: '请输入说明', trigger: ['bulr', 'change'] }],
+  money: [{ required: true, message: '请输入金额', trigger: ['bulr', 'change'] }],
+  paymentUnit: [{ required: true, message: '请输入支付单位', trigger: ['bulr', 'change'] }],
+  compensationTime: [{ required: true, message: '请输选择支付时间', trigger: ['bulr', 'change'] }],
+  compensationMethod: [
+    { required: true, message: '请输选择支付方式', trigger: ['bulr', 'change'] },
+  ],
+});
+const ResponsibleParty = ref([]); //提货责任方
+const ruleFormRef = ref(); //表单示例
+// 异常类型
+const Exceptionoptions = ref([]);
+// 发现节点
+const Discoveringoptions = ref([]);
+// 处理方/责任方
+const Processingoptions = ref([]);
+// 支付方式
+const Paymentmethodoptions = ref([]);
+// 处理结果
+const Processingresultsoptions = ref([]);
+// 字典公共函数
+async function updateDictionary(targetArray, dictionaryType) {
+  await getDictionaryBiz(dictionaryType).then(res => {
+    res.data.data.forEach(item => {
+      targetArray.push({
+        value: item.dictKey,
+        label: item.dictValue,
+      });
+    });
+  });
+}
+// 获取处理方和责任方
+const Handling = async () => {
+  await getDeptWarehouse().then(res => {
+    let data = [];
+    if (res.data.code == 200) {
+      if (res.data && res.data.data.length) {
+        res.data.data.forEach(item => {
+          data.push({
+            value: item.id,
+            label: item.name,
+          });
+        });
+      }
+      Processingoptions.value = deepClone(data);
+    }
+  });
+};
+// 内部责任划分初始化
+const responsibilities = async () => {
+  // 内部责任划分处理
+  form.value.responsibilitiesList = await [
+    {
+      businessId: '', //责任方
+      personResponsibleId: '', //责任人
+      responsibilityRatio: 0, //占比
+      description: '', //三方责任人
+      tripartite: '', //说明
+      ProportionMax: 100, //最大值校验
+      Processingoptions: [
+        //提货责任方列表
+        ...ResponsibleParty.value,
+      ],
+      Responsibleoptions: [
+        // 责任方
+        ...Processingoptions.value,
+      ],
+      ResponsibleoNameptions: [
+        // 责任人列表
+      ],
+      id: 1,
+    },
+  ];
+};
+// 包件列表重置
+const PackageListReset = async () => {
+  //包件列表
+  form.value.PackageList = await [
+    {
+      packageCode: '', //包条码
+      waybillNumber: '', //运单号
+      orderCode: '', //订单自编号
+      first: '', //一级品
+      secondary: '', //二级品
+      brandName: '', //品牌
+      history: false, //是否有历史包间
+      id: 1,
+    },
+  ];
+};
+// 页面初始化数据处理
+const PageState = () => {
+  if (localStorage.getItem('my_data')) {
+    myData.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
+  }
+  // 内部责任划分初始化
+  responsibilities();
+};
+
+//   获取页面数据回显
+const getPageData = async () => {
+  let data = {
+    id: $route.query.id,
+  };
+  $_getInfo(data)
+    .then(res => {
+      console.log(res, '回显的数据');
+      // 获取数据失败
+      if (res.data.code != 200 || !res.data || !res.data.data) {
+        console.log('获取数据失败');
+        return;
+      }
+      // 获取数据成功
+      let pageData = res.data.data;
+      console.log(pageData, '获取的数据');
+      //异常类型
+      let basic = form.value.basis;
+      basic.workOrderType = pageData.workOrderType; //异常类型
+      basic.discoveryNode = pageData.discoveryNode; //发现节点
+
+      // 包件回显
+      if (pageData.abnormalPackageVOList && pageData.abnormalPackageVOList.length) {
+        form.value.PackageList = [];
+        pageData.abnormalPackageVOList.forEach(item => {
+          console.log(item);
+          form.value.PackageList.push({
+            packageCode: item.packageCode, //包条码
+            waybillNumber: item.waybillNumber, //运单号
+            orderCode: item.orderCode, //订单自编号
+            first: item.first, //一级品
+            secondary: item.secondary, //二级品
+            brandName: item.brandName, //品牌
+            history: false, //是否有历史包间
+            id: 1,
+          });
+        });
+      }
+      //   基础信息
+      // trainNumber: ['3', '5', '6', '7'].includes(form.value.groundlineType), //车次号
+      // deliveryTime: ['5', '6', '7'].includes(form.value.groundlineType), //配送时间
+      // deliveryDriver: ['5', '6', '7'].includes(form.value.groundlineType), //配送司机
+      // vehicleRoute: ['3'].includes(form.value.groundlineType), //车辆线路
+      // deliverGoodsTime: ['2'].includes(form.value.groundlineType), //发货时间
+      // warehousingTime: ['4'].includes(form.value.groundlineType), //入库时间
+      // discoveryTime: ['4', '5', '6', '7'].includes(form.value.groundlineType), //发现时间
+      // waybillMall: true, //运单商场
+      // typeServiceName: true, //合作模式
+      // processor: true, //处理方
+      // investigationPocess: true, //调查经过
+      basic.trainNumber = pageData.trainNumber; //车次号
+      basic.deliveryTime = pageData.deliveryTime; //配送时间
+      basic.deliveryDriver = pageData.deliveryDriver; //配送司机
+      basic.vehicleRoute = pageData.vehicleRoute; //车辆线路
+      basic.deliverGoodsTime = pageData.deliverGoodsTime; //发货时间
+      basic.warehousingTime = pageData.warehousingTime; //入库时间
+      basic.discoveryTime = pageData.discoveryTime; //发现时间
+      basic.waybillMall = pageData.waybillMall; //运单商场
+      basic.typeServiceName = pageData.typeServiceName; //合作模式
+    //处理方
+      if (pageData.processorVOList && pageData.processorVOList.length) {
+        basic.processor = pageData.processorVOList
+          .filter(res => res.typesOf == '2')
+          .map(item => item.businessId);
+      }
+      
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      form.value.Pageloading = false; //关闭页面加载
+    });
+};
+
+// 页面必要初始化请求
+const onLoad = async () => {
+  form.value.Pageloading = true; //开启页面加载
+  await updateDictionary(Exceptionoptions.value, 'pc_work_order'); //异常类型
+  await updateDictionary(Discoveringoptions.value, 'pc_discovery_node'); //发现环节
+  await updateDictionary(ResponsibleParty.value, 'Responsible_party'); //责任方
+  await updateDictionary(Paymentmethodoptions.value, 'payment_method'); //支付方式
+  await updateDictionary(Processingresultsoptions.value, 'result_handling'); //理赔选择
+  await Handling(); //获取处理方和责任方
+  await PageState(); //页面基础数据处理
+  await getPageData();
+};
+onLoad();
+const ProcessingState = computed(() => {
+  if (form.value.basis.processor && form.value.basis.processor.length) {
+    let data = form.value.basis.processor.find(res => res == myData.value.id);
+    if (data) {
+      return true;
+    } else {
+      // 如果选择的没有自己就重置数据
+      form.value.Claimamount = [];
+      form.value.basis.result = [];
+      return false;
+    }
+  }
+});
+// 菜单切换
+const handleClick = (tab, event) => {
+  console.log(tab, event);
+};
+// 发现节点事件
+const DiscoveringNodesChange = async value => {
+  console.log(value, 'value');
+  form.value.groundlineType = value;
+  form.value.basis = {
+    workOrderType: form.value.basis.workOrderType, //异常类型
+    discoveryNode: form.value.basis.discoveryNode, //发现节点
+    typeServiceName: form.value.basis.typeServiceName, //合作模式
+    TabactiveName: 1, //订单类型
+  };
+  console.log(form.value.basis, 'form.value.basis');
+  // 公司占比重置
+  form.value.Proportion = 0;
+  // 内部责任化初始值
+  await responsibilities();
+  // 包件重置
+  await PackageListReset();
+  ruleFormRef.value.clearValidate();
+};
+// 菜单切换显示输入框
+const displaySettings = computed(() => {
+  return {
+    trainNumber: ['3', '5', '6', '7'].includes(form.value.groundlineType), //车次号
+    deliveryTime: ['5', '6', '7'].includes(form.value.groundlineType), //配送时间
+    deliveryDriver: ['5', '6', '7'].includes(form.value.groundlineType), //配送司机
+    vehicleRoute: ['3'].includes(form.value.groundlineType), //车辆线路
+    deliverGoodsTime: ['2'].includes(form.value.groundlineType), //发货时间
+    warehousingTime: ['4'].includes(form.value.groundlineType), //入库时间
+    discoveryTime: ['4', '5', '6', '7'].includes(form.value.groundlineType), //发现时间
+    waybillMall: true, //运单商场
+    typeServiceName: true, //合作模式
+    processor: true, //处理方
+    investigationPocess: true, //调查经过
+  };
+});
+// 新增包件
+const Addpackages = () => {
+  let data = {
+    packageCode: '', //包条码
+    waybillNumber: '', //运单号
+    orderCode: '', //订单自编号
+    first: '', //一级品
+    secondary: '', //二级品
+    brandName: '', //品牌
+    history: false, //是否有历史包件
+    HistoricalPackageList: [], //历史包件存储
+    id: form.value.PackageList.length + 1,
+  };
+  form.value.PackageList.push(data);
+};
+
+// 移除包件
+const Removepackage = index => {
+  console.log(index, 'index');
+  ElMessageBox.confirm('是否移除当前包件信息?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await form.value.PackageList.splice(index, 1); //移除当前点击的按钮
+    form.value.PackageList.forEach((item, index) => {
+      item.id = index + 1;
+    });
+    console.log(form.value.PackageList, 'form.value.PackageList');
+    ElMessage({
+      message: '移除成功.',
+      type: 'success',
+      plain: true,
+    });
+  });
+};
+
+// 历史包件查看
+const ViewhistoricalPackages = item => {
+  form.value.Historicalpackage = item.HistoricalPackageList;
+  form.value.historydialog = true; //打开弹窗
+};
+// 新增责任方
+const AddResponsible = () => {
+  let data = {
+    businessId: '', //责任方
+    personResponsibleId: '', //责任人
+    responsibilityRatio: 0, //占比
+    description: '', //三方责任人
+    tripartite: '', //说明
+    ProportionMax: 100, //最大值校验
+    Processingoptions: [
+      //提货责任方列表
+      ...ResponsibleParty.value,
+    ],
+    Responsibleoptions: [
+      // 责任方
+      ...Processingoptions.value,
+    ],
+    ResponsibleoNameptions: [
+      // 责任人列表
+    ],
+    id: form.value.responsibilitiesList.length + 1,
+  };
+  form.value.responsibilitiesList.push(data);
+  calculateMaxValues();
+};
+// 责任方移除
+const Responsemoval = index => {
+  console.log(index, 'index===>');
+  ElMessageBox.confirm('是否移除当前责任信息?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await form.value.responsibilitiesList.splice(index, 1); //移除当前点击的按钮
+    form.value.responsibilitiesList.forEach((item, index) => {
+      item.id = index + 1;
+    });
+    calculateMaxValues(); //调用占比计算
+    ElMessage({
+      message: '移除成功.',
+      type: 'success',
+      plain: true,
+    });
+  });
+};
+
+const calculateMaxValues = () => {
+  // 计算每个输入框剩余最大值
+  let data = form.value.responsibilitiesList;
+  let totalUsed = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
+  data.forEach(item => {
+    item.ProportionMax = Math.min(100, form.value.totalMax - totalUsed + item.responsibilityRatio);
+  });
+
+  //   计算公司占比
+  let totasum = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
+  form.value.Proportion = form.value.totalMax - totasum;
+};
+
+// 公司占比计算
+const CompanyProportionInput = value => {
+  calculateMaxValues();
+};
+
+// 理赔总金额计算
+const Totalamount = () => {
+  console.log(form.value.Claimamount);
+
+  form.value.Totalamount = form.value.Claimamount.map(res => res.money).reduce(
+    (accumulator, currentValue) => accumulator + currentValue,
+    0
+  );
+};
+
+const Claimssettlement = value => {
+  console.log(value, '理赔金额');
+  console.log(Processingresultsoptions.value, '参数列表');
+  let data = [];
+  value.forEach(item => {
+    let _data = Processingresultsoptions.value.find(res => res.value == item);
+    if (_data) {
+      data.push(_data);
+    }
+  });
+  console.log(data, '筛选出来的值');
+  form.value.Claimamount = [];
+  if (data && data.length) {
+    data.forEach(item => {
+      form.value.Claimamount.push({
+        title: item.label, //标题
+        money: 0, //金额
+        paymentUnit: '', //支付单位
+        compensationTime: '', //理赔支付时间
+        compensationMethod: '', //支付方式
+        Paymentmethod: [...JSON.parse(JSON.stringify(Paymentmethodoptions.value))],
+      });
+    });
+  }
+};
+// 图片上传必须携带TOKEN
+const headers = computed(() => {
+  return { 'Blade-Auth': 'Bearer ' + getToken() };
+});
+// 图片上传接口
+const action = computed(() => {
+  return '/api/blade-resource/oss/endpoint/put-file';
+});
+// 上传图片规则
+const beforeAvatarUpload = rawFile => {
+  console.log(rawFile, '图片上传前回调');
+  if (rawFile.type !== 'image/png' && rawFile.type !== 'image/jpeg') {
+    ElMessage.error('只能上传格式为PNG/JPG的图片!');
+    return false;
+  } else if (rawFile.size / 1024 / 1024 > 3) {
+    ElMessage.error('图片大小不能大于3MB!');
+    return false;
+  }
+  return true;
+};
+// 图片上传成功回调函数
+const ImgSuccess = (response, uploadFile) => {
+  if (response.success === true) {
+    console.log(response);
+    console.log(form.value);
+  }
+};
+const historyPush = () => {};
+// 重置
+const resetFormData = () => {
+  // 尝试使用 HTML 字符串
+  const message = `重置表单会造成<span style="color: red;">数据丢失!</span>是否继续?`;
+  ElMessageBox.confirm(message, '警告', {
+    dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    form.value.Pageloading = true; //开启页面加载
+    form.value = await deepClone(formCopy.value); //重置数据
+    ruleFormRef.value.resetFields();
+    let _time = setTimeout(() => {
+      form.value.Pageloading = false; //开启页面加载
+      clearTimeout(_time);
+    }, 300);
+  });
+};
+
+// 包条码查询信息
+const ChangePackageInfo = async item => {
+  console.log(item, 'item');
+  if (!item.packageCode) {
+    item.waybillNumber = ''; //运单号
+    item.orderCode = ''; //订单自编码
+    item.first = ''; //一级品
+    item.secondary = ''; //二级品
+    item.brandName = ''; //品牌
+    let data = form.value.PackageList.find(res => res.packageCode); //判断是否已经查询了运单商场
+    if (!data) {
+      form.value.basis.waybillMall = ''; //运单商场
+      form.value.basis.typeServiceName = ''; //合作模式
+    }
+    return;
+  } else if (item.packageCode) {
+    item.waybillNumber = ''; //运单号
+    item.orderCode = ''; //订单自编码
+    item.first = ''; //一级品
+    item.secondary = ''; //二级品
+    item.brandName = ''; //品牌
+    if (form.value.PackageList == 1) {
+      form.value.basis.waybillMall = ''; //运单商场
+      form.value.basis.typeServiceName = ''; //合作模式
+    }
+  }
+  // 判断输入的包条码是否一样
+  if (form.value.PackageList.length > 1) {
+    let packageCodeState = await form.value.PackageList.find(res => {
+      // 排除当前项，只匹配其他项的包条码
+      return res.packageCode === item.packageCode && res !== item;
+    });
+
+    // 查找是否已经存在相同包条码
+    if (packageCodeState) {
+      item.packageCode = '';
+      ElMessage({
+        message: '已经存在相同包条码，请勿重复添加！',
+        type: 'warning',
+      });
+      return;
+    }
+  }
+
+  let data = {
+    packageCode: item.packageCode, //输入框参数
+  };
+  form.value.Pageloading = true; //开启页面加载
+  $_getAbnormalPackage(data)
+    .then(async res => {
+      console.log(res, '查询包条');
+      let packageData = {};
+      if (res.data.code == 200 && res.data && res.data.data.length) {
+        form.value.Pageloading = false; //关闭页面加载
+        packageData = res.data.data[0]; //取第一个值,内容相同
+        // 判断输入的是否为同一批货
+        let state = await form.value.PackageList.find(res => res.orderCode || res.brandName);
+        if (state) {
+          if (
+            state.orderCode != packageData.orderCode ||
+            state.waybillNumber != packageData.waybillNumber
+          ) {
+            ElMessage({
+              message: '请选择相同订单自编和运单号的包条码',
+              type: 'warning',
+            });
+            return;
+          }
+        }
+        ElMessage({
+          message: '查询成功',
+          type: 'success',
+        });
+        item.waybillNumber = packageData.waybillNumber || ''; //运单号
+        item.orderCode = packageData.orderCode || ''; //订单自编码
+        item.first = packageData.firsts || ''; //一级品
+        item.secondary = packageData.second || ''; //二级品
+        item.brandName = packageData.brandName || ''; //品牌
+        form.value.basis.waybillMall = packageData.mallName || ''; //运单商场
+        form.value.basis.typeServiceName = packageData.typeServiceName || ''; //合作模式
+        // 是否显示历史包件按钮,存在多个包件则展示
+        const results = res.data.data.filter(item => {
+          return item.workOrderId && item.workOrderNumber;
+        });
+        // 存储历史订单
+        if (results.length) {
+          item.history = true;
+          item.HistoricalPackageList = results;
+        } else {
+          item.history = false;
+        }
+        console.log(form.value.basis.discoveryNode, 'form.value.discoveryNode');
+        // 判断发现节点(干线车次号、车辆线路处理)
+        if (['3'].includes(form.value.basis.discoveryNode)) {
+          let addedTrainNumbers = []; // 临时变量存储已经添加过的车次号
+          res.data.data.forEach(item => {
+            if (item.trunklines && item.trunklines.length) {
+              item.trunklines.forEach(itemChid => {
+                if (!addedTrainNumbers.includes(itemChid.trainNumber)) {
+                  form.value.Trainoptions.push({
+                    trainNumber: itemChid.trainNumber, // 车次号
+                    vehicleRoute: itemChid.vehicleRoute, // 车辆线路
+                  });
+                  addedTrainNumbers.push(itemChid.trainNumber);
+                }
+              });
+            }
+          });
+          console.log(form.value.Trainoptions, 'form.value.Trainoptions');
+        }
+        // 配送环节车次号处理
+        if (['5'].includes(form.value.basis.discoveryNode)) {
+          let addedTrainNumbers = []; // 临时变量存储已经添加过的车次号
+          res.data.data.forEach(item => {
+            if (item.deliver && item.deliver.length) {
+              item.deliver.forEach(itemChid => {
+                if (!addedTrainNumbers.includes(itemChid.trainNumber)) {
+                  form.value.deliver.push({
+                    driverName: itemChid.driverName, // 主司机
+                    taskTime: itemChid.taskTime, // 配送时间
+                    trainNumber: itemChid.trainNumber, //车次号
+                  });
+                  addedTrainNumbers.push(itemChid.trainNumber);
+                }
+              });
+            }
+          });
+          console.log(form.value.Trainoptions, 'form.value.Trainoptions');
+        }
+      } else {
+        form.value.Pageloading = false; //关闭页面加载
+        ElMessage({
+          message: '暂无查询内容,请检查参数是否正确!',
+          type: 'warning',
+        });
+      }
+    })
+    .catch(error => {
+      console.log(error, 'error');
+      form.value.Pageloading = false; //关闭页面加载
+    });
+};
+// 查看历史包件详情
+const Viewdetails = value => {
+  if (!value) {
+    ElMessage({
+      message: '请选择要查看的数据',
+      type: 'warning',
+    });
+    return;
+  }
+  // 筛选出来输入框值
+  let data = form.value.Historicalpackage.find(res => res.workOrderId == value);
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderInfo',
+    query: {
+      id: data.workOrderId,
+      name: data.workOrderId + '-信息查看',
+      routerState: 'view',
+    },
+  });
+};
+// 责任人查询>获取当前责任方的责任人
+const ResponsiblePartychange = item => {
+  item.personResponsibleId = '';
+  if (!item.businessId) {
+    return;
+  }
+  let data = {
+    warehouseId: item.businessId,
+  };
+  // 清空责任人
+
+  $_getBusinessDepartmentUser(data).then(res => {
+    console.log(res, '获取责任人列表');
+    if (res.data.code == 200 && res.data.data && res.data.data.length) {
+      ElMessage({
+        message: '查询成功',
+        type: 'success',
+      });
+      item.ResponsibleoNameptions = res.data.data;
+    } else {
+      ElMessage({
+        message: '暂未查询到责任人',
+        type: 'warning',
+      });
+      item.ResponsibleoNameptions = [];
+    }
+  });
+};
+
+// 车次号带出车辆线路
+const DeliveryTrainnumber = value => {
+  console.log(value, '接收的参数值');
+  if (value) {
+    if (form.value.basis.discoveryNode == '3') {
+      if (form.value.Trainoptions && form.value.Trainoptions.length) {
+        let data = form.value.Trainoptions.find(res => res.trainNumber == value);
+        if (data) {
+          form.value.basis.vehicleRoute = data.vehicleRoute; //车辆线路
+        }
+      }
+    } else if (['5', '6', '7'].includes(form.value.basis.discoveryNode)) {
+      if (form.value.deliver && form.value.deliver.length) {
+        let data = form.value.deliver.find(res => res.trainNumber == value);
+        if (data) {
+          form.value.basis.deliveryDriver = data.driverName; //司机
+          form.value.basis.deliveryTime = data.taskTime; //配送时间
+        }
+      }
+    }
+  }
+};
+
+// 是否显示处理完毕按钮
+const allFieldsFilled = computed(() => {
+  const claimAmount = form.value.Claimamount;
+  if (!claimAmount.length) {
+    form.value.Processed = false;
+    return false;
+  }
+  const allFilled = claimAmount.every(
+    item => item.compensationMethod && item.compensationTime && item.paymentUnit
+  );
+
+  form.value.Processed = allFilled;
+  return allFilled;
+});
+// 提交
+const onSubmit = () => {
+  console.log(form.value);
+  ruleFormRef.value.validate(valid => {
+    if (!valid) {
+      ElMessage({
+        message: '息未填写完整，请根据提示填写完整!',
+        type: 'warning',
+      });
+      return;
+    }
+    // 货损照片上传判断
+    if (form.value.groundlineType == '1') {
+      if (form.value.fileList.length < 2) {
+        ElMessage({
+          message: '请上传最低2张图片附件',
+          type: 'warning',
+        });
+        return;
+      }
+    }
+    // 串货图片附件
+    if (form.value.groundlineType == '3') {
+      if (!form.value.fileList.length) {
+        ElMessage({
+          message: '请上传图片附件',
+          type: 'warning',
+        });
+        return;
+      }
+    }
+
+    const message = `注意信息填写正确!点击确定将<span style="color: red;">提交工单</span>是否继续?`;
+    ElMessageBox.confirm(message, '提示', {
+      dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }).then(async () => {
+      form.value.Pageloading = true; //开启页面加载
+
+      let submitData = {
+        ...form.value.basis,
+        identifying: form.value.basis.TabactiveName, //1订单2零担3库存品
+      };
+      // 包件处理
+      if (form.value.PackageList.length) {
+        submitData.packageEntityList = [];
+        form.value.PackageList.forEach(item => {
+          submitData['packageEntityList'].push({
+            packageCode: item.packageCode, //包条码
+            waybillNumber: item.waybillNumber, //运单号
+            orderCode: item.orderCode, //订单自编号
+            first: item.first, //一级品
+            secondary: item.secondary, //二级品
+            brandName: item.brandName, //品牌
+          });
+        });
+        // 订单自编号
+        submitData.orderCode = form.value.PackageList[0].orderCode;
+      }
+      // 责任方处理
+      if (form.groundlineType == '1') {
+        submitData.processorEntityList = [];
+        form.value.responsibilitiesList.forEach(item => {
+          submitData['processorEntityList'].push({
+            businessName: item.Responsibleoptions.find(res => res.value == item.businessId).label, //仓库名称
+            businessId: item.businessId, //仓库ID
+            conditions: 1, //固定参数
+            typesOf: 1, //1责任方 ，2处理方
+          });
+        });
+      }
+      // 处理方处理
+      if (form.value.basis.processor.length) {
+        submitData.processorEntityList = [];
+        form.value.basis.processor.forEach(item => {
+          submitData['processorEntityList'].push({
+            businessName: Processingoptions.value.find(res => res.value == item).label, //仓库名称
+            businessId: item, //仓库ID
+            conditions: 1, //固定参数
+            typesOf: 2, //1责任方 ，2处理方
+          });
+        });
+      }
+      // 内部责任划分
+      if (form.value.basis.discoveryNode != 3) {
+        // 干线卸车环节不需要内部责任划分
+        if (form.value.responsibilitiesList.length) {
+          submitData.personResponsibleDTO = [];
+          form.value.responsibilitiesList.forEach(item => {
+            console.log(item);
+            let data = {
+              responsibilityRatio: item.responsibilityRatio, //责任占比
+              tripartite: item.tripartite, //三方责任人
+              description: item.description, //说明
+            };
+            if (form.value.groundlineType == '1') {
+              data.personResponsibleName = item.personResponsibleId; //责任人名称
+              data.businessName = item.Processingoptions.find(
+                res => res.value == item.businessId
+              ).label; //责任方
+              data.businessId = item.businessId; //责任方id
+            } else {
+              data.personResponsibleId = item.personResponsibleId; //责任人id
+              (data.personResponsibleName = item.ResponsibleoNameptions.find(
+                res => res.id == item.personResponsibleId
+              ).name), //责任人名称
+                (data.businessName = item.Responsibleoptions.find(
+                  res => res.value == item.businessId
+                ).label); //责任方
+              data.businessId = item.businessId; //责任方id
+            }
+            submitData['personResponsibleDTO'].push(data);
+          });
+        }
+      }
+
+      // 图片处理
+      if (
+        form.value.fileList.length &&
+        (form.value.groundlineType == '1' || form.value.groundlineType == '3')
+      ) {
+        submitData.decreaseImageEntityList = [];
+        form.value.fileList.forEach(item => {
+          if (item.response) {
+            submitData['decreaseImageEntityList'].push({
+              imageName: item.response.data.originalName, //图片名称
+              imagePath: item.response.data.link, //图片地址
+              imageType: form.value.groundlineType == 1 ? 10 : 20, //图片类型
+            });
+          }
+        });
+      }
+
+      // 处理结果
+      if (form.value.basis.result.length) {
+        submitData.aftersalesProcessingResultsDTO = {
+          money: 0, //金额总和
+          resultType: [], //处理结果名称
+          processingMoneyEntityList: [],
+        };
+        let PlayName = []; //赔付方式名称
+        form.value.Claimamount.forEach(item => {
+          PlayName.push(item.Paymentmethod.find(res => res.value == item.compensationMethod).label);
+          submitData.aftersalesProcessingResultsDTO['processingMoneyEntityList'].push({
+            compensationMethodName: item.Paymentmethod.find(
+              res => res.value == item.compensationMethod
+            ).label, //支付方式名称
+            compensationMethod: item.compensationMethod, //支付方式value
+            compensationTime: item.compensationTime, //支付时间
+            money: item.money, //支付金额
+            paymentUnit: item.paymentUnit, //支付单位
+            resultName: item.title, //处理结果方式  下补单
+            resultType: Processingresultsoptions.value.find(res => res.label == item.title).value, //处理结果方式 value
+            typesOf: 1, //固定参数
+          });
+        });
+        submitData.aftersalesProcessingResultsDTO.resultType = form.value.Claimamount.map(
+          res => res.title
+        ).join(','); //处理结果名称
+
+        let filteredArray = form.value.Claimamount.map(res => res.money); //金额总和
+
+        submitData.aftersalesProcessingResultsDTO.money = filteredArray.reduce(
+          (accumulator, currentValue) => accumulator + currentValue,
+          0
+        );
+        // 支付方式名称
+        submitData.aftersalesProcessingResultsDTO.compensationMethod = PlayName.join(',');
+        submitData.aftersalesProcessingResultsDTO.resultDescription =
+          form.value.basis.resultDescription; //处理结果说明
+        delete form.value.basis.resultDescription; //删除无用信息
+      }
+
+      console.log(submitData, '处理好的参数');
+      form.value.Pageloading = true; //关闭页面加载
+
+      //是否直接提交到处理结果
+      if (form.value.Processed) {
+        submitData.workOrderStatus = 30;
+      }
+      $_submit(submitData)
+        .then(res => {
+          ElMessage({
+            message: res.data.msg || '创建成功',
+            type: 'success',
+          });
+          if (res.data.code == 200) {
+            form.value.Pageloading = false; //关闭页面加载
+            ElMessageBox.confirm('当前工单创建成功,是否继续创建?', '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '返回',
+              type: 'warning',
+            })
+              .then(async () => {
+                form.value = await deepClone(formCopy.value); //用于拷贝一份重置数据
+                await PageState();
+                await ruleFormRef.value.resetFields();
+                form.value.Pageloading = false; //关闭页面加载
+              })
+              .catch(() => {
+                $store.commit('DEL_TAG_CURRENT'); //关闭当前页面
+                $router.push({
+                  path: '/aftersales/aftersalesWorkOrder',
+                });
+              });
+          }
+        })
+        .catch(error => {
+          console.log(error, 'error');
+          form.value.Pageloading = false; //关闭页面加载
+        });
+    });
+  });
+};
+const TabactiveClick = (a, b) => {
+  console.log(a, b);
+};
+</script>
+
+<style scoped lang="scss">
+.pageContent {
+  padding: 10px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+:deep(.tablemun) {
+  height: 0;
+  padding: 0;
+  .el-tabs__nav-scroll {
+    // border-left: 1px solid #dcdfe6;
+    // border-right: 1px solid #dcdfe6;
+  }
+}
+.placeholder {
+  width: 100%;
+  height: 40px;
+  box-sizing: border-box;
+  border-left: 1px solid #dcdfe6;
+  border-right: 1px solid #dcdfe6;
+}
+
+// 主体内容
+.content {
+  padding: 10px;
+  width: 100%;
+  border: 1px solid #dcdfe6;
+  box-sizing: border-box;
+  border-radius: 2px;
+  .tablemunTop {
+    display: flex;
+    justify-content: space-between;
+
+    .el-form-item {
+      width: 26%;
+      display: flex;
+      align-items: center;
+      :deep(.el-form-item__label) {
+        margin-bottom: 0 !important;
+      }
+    }
+  }
+}
+// 包件列表
+.Packagebox {
+  .el_Package {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid #afbdc3;
+    margin-bottom: 10px;
+    .el_activPackage_btton {
+      flex: 1;
+      display: flex;
+      justify-content: space-between;
+      margin: 0px 2px;
+    }
+  }
+  :deep(.is-active) {
+    font-weight: bold;
+  }
+  :deep(.Package) {
+    width: 83%;
+    display: flex;
+    align-items: center;
+    .el-form-item {
+      width: 14%;
+      margin-right: 6px;
+      .el-form-item__label {
+        margin-bottom: 0;
+      }
+    }
+    .Number {
+      width: 20px;
+      height: 20px;
+      // background-color: #409eff;
+      color: #409eff;
+      text-align: center;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      margin-right: 10px;
+    }
+  }
+  .el_addPackage {
+    border: none;
+    color: #ffffff;
+  }
+  .el_top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    height: 40px;
+    .el_Package_num {
+      font-size: 14px;
+      height: 80%;
+      border-bottom: 1px solid #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      span {
+        color: #666;
+        font-weight: 500;
+      }
+    }
+  }
+}
+.el_details {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  .el-form-item {
+    width: 78%;
+  }
+}
+.Basicinformation {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  :deep(.el-form-item) {
+    width: 10.5%;
+    margin-right: 6px;
+    .el-form-item__content {
+      .el-input {
+        height: 100% !important;
+        .el-input__wrapper {
+          height: 100%;
+        }
+      }
+    }
+    .el-form-item__label {
+      margin-bottom: 0;
+    }
+  }
+  .el_Basic {
+    flex: 1;
+    display: flex;
+    min-width: 32%;
+    .el_Processing {
+      min-width: 50%;
+    }
+    :deep(.el_Investigation) {
+      flex: 1;
+    }
+    // :deep(.is-error) {
+    //   .el-input--suffix {
+    //     .el-textarea__inner:focus {
+    //       box-shadow: 0 0 0 1px #ff0000 inset !important;
+    //     }
+    //   }
+    // }
+  }
+}
+.responsibilities {
+  :deep(.el-upload-dragger) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .el_responsibilities {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    .el-form-item {
+      width: 14%;
+      margin-right: 6px;
+      .el-input-number {
+        width: 100%;
+      }
+    }
+    :deep(.el_responsibilities_box) {
+      width: 80%;
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid #afbdc3;
+      margin-bottom: 10px;
+      .el-form-item {
+        .el-form-item__label {
+          margin-bottom: 0;
+        }
+      }
+      .el_Investigation {
+        flex: 1;
+      }
+      .Number {
+        width: 20px;
+        height: 20px;
+        // background-color: #409eff;
+        color: #409eff;
+        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        margin-right: 10px;
+      }
+    }
+  }
+  .el_top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    height: 40px;
+    .el_addPackage {
+      border: none;
+    }
+    .el_Package_num {
+      font-size: 14px;
+      height: 80%;
+      border-bottom: 1px solid #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      span {
+        color: #666;
+        font-weight: 500;
+      }
+    }
+  }
+  :deep(.is-active) {
+    font-weight: bold;
+  }
+}
+// 处理结果
+:deep(.Processingresults) {
+  .is-active {
+    font-weight: bold;
+  }
+  .el_top {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    height: 40px;
+    .el_addPackage {
+      border: none;
+    }
+    .el_Package_num {
+      font-size: 14px;
+      height: 80%;
+      border-bottom: 1px solid #409eff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      span {
+        color: #666;
+        font-weight: 500;
+      }
+    }
+  }
+  .el_Processingresults {
+    display: flex;
+    flex-wrap: wrap;
+    .el_Processingresults_box {
+      display: flex;
+      flex-direction: column;
+      width: 48%;
+      .el_title {
+        display: flex;
+        width: fit-content;
+        padding: 0 10px;
+        margin-bottom: 4px;
+        // border-left: 3px solid #172e60;
+        position: relative;
+      }
+      .el_title::after {
+        position: absolute;
+        content: '';
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        left: 0;
+        top: 50%;
+        transform: translate(0, -50%);
+        background-color: #172e60;
+      }
+      .el_Processingresults_box_list {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-right: 11px;
+        .el-form-item {
+          width: 24%;
+          .el-input-number {
+            width: 100% !important;
+          }
+          .el-form-item__label {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+}
+.pageContent {
+  height: 100vh;
+}
+.flex-c-c {
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
+}
+:deep(.el-loading-mask) {
+  position: fixed;
+  left: 12%;
+  top: 10%;
+}
+</style>
diff --git a/src/views/distribution/deliverylist/distributionDeliveryListedt.vue b/src/views/distribution/deliverylist/distributionDeliveryListedt.vue
index 8026cd32..3753b6f6 100644
--- a/src/views/distribution/deliverylist/distributionDeliveryListedt.vue
+++ b/src/views/distribution/deliverylist/distributionDeliveryListedt.vue
@@ -487,7 +487,7 @@
             <el-button @click="QRcodes" style="margin-bottom: 4px" type="primary"
               >批量查看二维码</el-button
             >
-            <el-button @click="Batchpackages" style="margin-bottom: 4px" type="primary"
+            <el-button v-if="accessControl" @click="Batchpackages" style="margin-bottom: 4px" type="primary"
               >批量签收</el-button
             >
             <el-button @click="PackBatchcancellation" style="margin-bottom: 4px" type="primary"
@@ -548,7 +548,7 @@
             </div>
           </el-tab-pane>
           <el-tab-pane label="库存品包件" name="reservationInventoryPackage">
-            <el-button @click="Batchsigning" style="margin-bottom: 4px" type="primary"
+            <el-button v-if="accessControl" @click="Batchsigning" style="margin-bottom: 4px" type="primary"
               >批量签收</el-button
             >
             <el-button @click="Batchcancellation" style="margin-bottom: 4px" type="primary"
@@ -610,7 +610,7 @@
           <!--          <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>-->
 
           <el-tab-pane label="零担列表" name="LessThantruckloadList">
-            <el-button @click="LdBatchsigning" style="margin-bottom: 4px" type="primary"
+            <el-button v-if="accessControl" @click="LdBatchsigning" style="margin-bottom: 4px" type="primary"
               >批量签收</el-button
             >
             <el-button @click="Ldcancellation" style="margin-bottom: 4px" type="primary"
@@ -950,10 +950,12 @@ import { getToken } from '@/utils/auth';
 import { setNodeHeight } from '@/utils/util.js';
 import { AbnormalReview } from '@/option/distribution/DeliveryExceptionReview.js';
 import print from '@/utils/print';
+import { useStore } from 'vuex';
 
 export default {
   data() {
     return {
+      accessControl:'',
       html: '',
       reservationActiveName: 'reservationPackage',
       checkloading: false, //复核签收加载
@@ -3838,6 +3840,14 @@ export default {
     this.setTableHeight();
   },
   created() {
+const $useStore = useStore();
+if($useStore.getters && $useStore.getters.permission){
+  this.accessControl = $useStore.getters.permission.Batch_signing;//批量签收权限
+  console.log(this.accessControl,'accessControl按钮权限');
+}
+
+
+
     // this.onLoad();
     // //查询字典
     // this.queryDictionary();
@@ -3904,9 +3914,7 @@ export default {
       if (!this.selectionList.length) {
         this.AbnormalReviewloading = true; //开启加载
         this.AbnormalReviewData.forEach(item => {
-          if (item.auditingStatusName == '待审核') {
-            DataSubmit.push(item.id);
-          }
+          DataSubmit.push(item.id);
         });
       } else {
         const allGreaterThanTen = this.selectionList.every(
@@ -3942,7 +3950,7 @@ export default {
           this.AbnormalReviewloading = false; //关闭加载
         });
 
-      this.viewAbnormalLoading(this.toexamineID); //审核完成更新数据
+
     },
     // 关闭异常审核
     Abnormalshutdown() {
diff --git a/src/views/distribution/inventory/distrilbutionBillLading.vue b/src/views/distribution/inventory/distrilbutionBillLading.vue
index 2f088847..ca041fae 100644
--- a/src/views/distribution/inventory/distrilbutionBillLading.vue
+++ b/src/views/distribution/inventory/distrilbutionBillLading.vue
@@ -112,6 +112,7 @@
                 @btnCheck="btnsc"
                 @selectCheck="selectsc"
                 @selection="selectionChange"
+                
               >
                 <template #default="slotProps">
                   <el-button
@@ -580,6 +581,7 @@
           @btnCheck="btnsc"
           @selectCheck="orderSelectSc"
           @selection="orderSelectChange"
+          :isselectfun="ProhibitSelection"
         >
         </tablecmt>
         <div class="avue-crud__pagination" style="width: 100%">
@@ -647,6 +649,7 @@ export default {
       Imgurl: undefined,
       Selfpickuploading: false, //页面加载
       mydata:{},//仓库信息
+      packageRow:{},//当前选择的包件
       OrdercolumnList: [
         {
           prop: 'serviceNumber',
@@ -2161,6 +2164,7 @@ export default {
     },
     //订单选择确定
     callFordeliveryOrder() {
+
       console.log(this.selectionList,'this.selectionList');
      let scID= this.selectionList[0].mallId;//获取第一个商场DI用于匹配后面的是否选择的一样
     let mallIdState=this.selectionList.find(res=>res.mallId !=scID)
@@ -2271,9 +2275,11 @@ export default {
         this.dialogFormVisible = false;
       }
     },
+
     // 选择包件
     async handleChooseOrder(row) {
       console.log('row :>> ', row);
+      this.packageRow=row
       // 页面类型
       const _type = this.$route.query.type;
       this.orderChooseId = row.id;
@@ -2282,6 +2288,7 @@ export default {
         await this.onLoadEditChoose({}, row);
       } else await this.onLoadOrderChoose();
       this.dialogChooseOrderVisible = true;
+
     },
     // 每页数量改变
     sizeChangeOrderChoose(size) {
@@ -2367,6 +2374,10 @@ export default {
       if (this.order.selectList.length === 0) {
         return this.$message({ type: 'warning', message: '最少选择一项数据' });
       }
+      
+      if(this.order.selectList){
+        this.packageRow.reservationNum=this.order.selectList.length
+      }
       // billPackageEntityList
       console.log('this.order.dataList :>> ', this.dataList);
       this.dataList.find(val => val.id === this.orderChooseId).billPackageEntityList =
@@ -2380,6 +2391,14 @@ export default {
         });
       this.dialogChooseOrderVisible = false;
     },
+ProhibitSelection(val, index) {
+if (val.orderPackageStatus == 70) {
+      return false;
+    } else {
+      return true;
+    }
+ 
+},
     // 数量校验
     handleNumberRange(e, row) {
       console.log(e, 'ee=====');
diff --git a/src/views/distribution/signfor/distributionSignfor.vue b/src/views/distribution/signfor/distributionSignfor.vue
index 776abc85..11c71d44 100644
--- a/src/views/distribution/signfor/distributionSignfor.vue
+++ b/src/views/distribution/signfor/distributionSignfor.vue
@@ -860,6 +860,7 @@ export default {
         query: {
           id: row.id,
           reservationId: row.reservationId,
+          row: JSON.stringify(row),
           name: '签收查看',
         },
       });
diff --git a/src/views/distribution/signfor/distributionSignforedt.vue b/src/views/distribution/signfor/distributionSignforedt.vue
index 09ac36bc..27552086 100644
--- a/src/views/distribution/signfor/distributionSignforedt.vue
+++ b/src/views/distribution/signfor/distributionSignforedt.vue
@@ -87,6 +87,13 @@
           <el-input v-model="form.unLoadingTeamName" disabled placeholder="卸车班组" />
         </el-tooltip>
       </div>
+      <div class="el-txt" style="margin-top: 20px">
+        <el-icon><Stopwatch /></el-icon>
+        <span class="title-name"> 实际配送时间:</span>
+   
+          <el-input v-model="pageRow.taskTime" disabled placeholder="卸车班组" />
+      
+      </div>
     </div>
 
     <!-- 收货人信息 -->
@@ -199,6 +206,71 @@
       </div>
     </div>
 
+
+
+
+
+
+
+
+
+
+
+    <div class="Basic-information">
+      <div class="el-txt">
+        <el-icon><User /></el-icon>
+        <span class="title-name">计划件数:</span>
+          <el-input v-model="pageRow.reservationNum" disabled placeholder="收货人姓名" />
+      </div>
+      <div class="el-txt">
+        <el-icon><User /></el-icon>
+        <span class="title-name">装车件数:</span>
+          <el-input v-model="pageRow.loadedNumber" disabled placeholder="收货人号码" />
+      </div>
+      <div class="el-txt">
+        <el-icon><Postcard /></el-icon>
+        <span class="title-name"> 签收件数:</span>
+          <el-input v-model="pageRow.receivedQuantity" disabled placeholder="收货人地址" />
+      </div>
+      <div class="el-txt">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 复核人:</span>
+          <el-input v-model="pageRow.examineUserName" disabled placeholder="是否加急" />
+
+      </div>
+      <div class="el-txt" style=" margin-top: 24px;">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 签收人:</span>
+          <el-input v-model="pageRow.signeeName" disabled placeholder="是否加急" />
+     </div>
+
+     <div class="el-txt" style=" margin-top: 24px;">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 签收完成时间:</span>
+          <el-input v-model="pageRow.sjsigningTime" disabled placeholder="是否加急" />
+     </div>
+
+     <div class="el-txt" style=" margin-top: 24px;">
+        <el-icon><Van /></el-icon>
+        <span class="title-name"> 文员复核时间:</span>
+          <el-input v-model="pageRow.signingTime" disabled placeholder="是否加急" />
+     </div>
+    </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     <div class="FImg">
       <div class="imgName">
         <span
@@ -1748,11 +1820,18 @@ const btnClass = type => {
     ElBtnClass.value = 'el-Btn-btn';
   }
 };
+const pageRow=ref({});//页面参数
 // 页面初始化需要请求的参数
 const onLoad = () => {
   menuData.value = menuData1.value; //页面初始化默认显示第一个表格
   data.value = InitializeTable.value; //默认显示第一个表格数据
 };
+console.log(route.query,'route.query');
+
+const { row } =route.query;
+pageRow.value=JSON.parse(row)
+console.log(pageRow.value,'pageRow.value');
+
 // RouterId.value = '1721707916601487362';
 // RouterReservationId.value = '1721707896171032578';
 // 获取路由必要参数
diff --git a/src/views/distribution/turndelivery/deliveryDiscuss.vue b/src/views/distribution/turndelivery/deliveryDiscuss.vue
index 6f1f4622..e4758bd7 100644
--- a/src/views/distribution/turndelivery/deliveryDiscuss.vue
+++ b/src/views/distribution/turndelivery/deliveryDiscuss.vue
@@ -1210,7 +1210,20 @@ const menuData = ref([
   {
     prop: 'totalNumber',
     label: '订单总件数',
-    type: 2,
+    type: 1,
+    values: '',
+    width: '110',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+    statistics: true, //开启统计
+    isshowSummary: true,
+  },
+  {
+    prop: 'reservationNum',
+    label: '计划数量',
+    type: 1,
     values: '',
     width: '110',
     checkarr: [],
@@ -2062,6 +2075,8 @@ const submit = () => {
       console.log(wrapTemp.value, '包件订单被缓存');
       console.log(dataInfo.value[dataId.value].packageListInfo, '被添加到当前订单下面');
       console.log(dataInfo.value, '所有订单信息');
+      console.log(Packageow.value,'Packageow.value');
+      Packageow.value.reservationNum =dataTmp.value.length
     }
   } else {
     if (!dataTmp.value.length && wrapLoading.value) {
@@ -2094,9 +2109,12 @@ const submit = () => {
       dataInfo.value[dataId.value].packageListInfo = dataTmp.value; //把存在的值给当前订单下面。。修改过
       console.log(wrapTemp.value, '包件订单被缓存222');
       console.log(dataInfo.value, '处理好的订单');
+      console.log(Packageow.value,'Packageow.value');
+      Packageow.value.reservationNum =dataTmp.value.length
       // 包件弹窗
     } else {
       dataInfo.value = dataTmp.value;
+
     }
 
     console.log('提交后的参数', dataInfo.value);
@@ -2397,7 +2415,8 @@ function ViewEvent(val, index) {
   editLoading.value = true; //开启加载效果
   dataId.value = findIndexById(val.id);
   console.log(val.id);
-
+  console.log(Packageow.value,'Packageow.value');
+  
   //接收点击查看当前行数据;
   //   编辑信息弹窗状态
   PackageFn();
diff --git a/src/views/financialsector/Financialse/FinancialDelivery.vue b/src/views/financialsector/Financialse/FinancialDelivery.vue
index 80540945..b31a32cd 100644
--- a/src/views/financialsector/Financialse/FinancialDelivery.vue
+++ b/src/views/financialsector/Financialse/FinancialDelivery.vue
@@ -32,6 +32,7 @@
             style="width: 100%"
             multiple
             @remove-tag="removeTag"
+            @change="DeliveryType"
           >
             <el-option
               style="padding: 0"
@@ -188,27 +189,31 @@
       <div class="el_Commercial_ercial">
         <span class="el_title_span">附加费计费</span>
         <div class="el_fj">
-          <!-- 是否有分货费  -->
           <div class="el_Storage">
-            <span class="el_table_span">是否有分货费</span>
-            <el-radio-group v-model="form.dispatchIsSortFee" class="el_Cselect">
-              <el-radio v-for="item in Distributionfee" :key="item.label" :label="item.value">{{
+            <span class="el_table_span">是否附加费</span>
+            <el-radio-group
+              v-model="form.dispatchIsAddFee"
+              class="el_Cselect"
+              @change="isdispatchIsAddFee"
+            >
+              <el-radio v-for="item in additionalfee" :key="item.label" :label="item.value">{{
                 item.label
               }}</el-radio>
             </el-radio-group>
           </div>
-          <!-- 是否有操作/装卸费  -->
-          <div class="el_Storage">
-            <span class="el_table_span">是否有操作/装卸费</span>
-            <el-radio-group v-model="form.dispatchIsOperateFee" class="el_Cselect">
-              <el-radio v-for="item in Operatingfee" :key="item.label" :label="item.value">{{
+
+          <!-- 是否有分货费  -->
+          <div class="el_Storage" v-if="form.dispatchIsAddFee">
+            <span class="el_table_span">是否有分货费</span>
+            <el-radio-group v-model="form.dispatchIsSortFee" class="el_Cselect">
+              <el-radio v-for="item in Distributionfee" :key="item.label" :label="item.value">{{
                 item.label
               }}</el-radio>
             </el-radio-group>
           </div>
 
           <!-- 是否有上楼费  -->
-          <div class="el_Storage">
+          <div class="el_Storage" v-if="form.dispatchIsAddFee">
             <div class="el_upstairs_a">
               <span class="el_table_span">是否有上楼费</span>
               <el-radio-group
@@ -222,7 +227,7 @@
               </el-radio-group>
             </div>
           </div>
-          <div class="el_Storage">
+          <div class="el_Storage" v-if="form.dispatchIsAddFee">
             <div class="el_upstairs_b" v-if="form.dispatchIsStairsCarryingCharge">
               <span class="el_table_span">是否配置免费层数</span>
               <el-radio-group v-model="form.dispatchIsFeeFloor" class="el_Cselect">
@@ -235,7 +240,7 @@
         </div>
         <div class="el_translation">
           <!-- 是否有平移费  -->
-          <div class="el_Storage">
+          <div class="el_Storage" v-if="form.dispatchIsAddFee">
             <span class="el_table_span">是否有平移费</span>
             <el-radio-group v-model="form.dispatchIsShiftingCharge" class="el_Cselect el_fx">
               <el-radio v-for="item in Translationfee" :key="item.label" :label="item.value">{{
@@ -243,9 +248,18 @@
               }}</el-radio>
             </el-radio-group>
           </div>
+          <!-- 是否有操作/装卸费  -->
+          <div class="el_Storage" v-if="form.dispatchIsAddFee">
+            <span class="el_table_span">是否有操作/装卸费</span>
+            <el-radio-group v-model="form.dispatchIsOperateFee" class="el_Cselect el_fx">
+              <el-radio v-for="item in Operatingfee" :key="item.label" :label="item.value">{{
+                item.label
+              }}</el-radio>
+            </el-radio-group>
+          </div>
 
           <!-- 附加费是否统一计费  -->
-          <div class="el_Storage">
+          <div class="el_Storage" v-if="form.dispatchIsAddFee">
             <span class="el_table_span">附加费是否按品类计费</span>
             <el-radio-group v-model="form.dispatchIsCategorySubjoin" class="el_Cselect el_fx">
               <el-radio
@@ -386,9 +400,9 @@ const SelectData = ref({});
 const formedit = ref({}); //编辑重置
 const formCopy = ref(null); //拷贝的数据
 const form = ref({
-  dispatchPieceCategoryState: true, //按件是否显示
-  dispatchWeightCategoryState: true, //按重量是否显示
-  dispatchCubeCategoryState: true, //按方是否显示
+  dispatchPieceCategoryState: false, //按件是否显示
+  dispatchWeightCategoryState: false, //按重量是否显示
+  dispatchCubeCategoryState: false, //按方是否显示
   dispatchServiceType: '', //仓储计费类型
   dispatchIsByCategory: 0, //是否区分品类
   dispatchIsLeaveBehind: 0, //是否有遗留件
@@ -398,6 +412,7 @@ const form = ref({
   dispatchIsFeeFloor: null, //是否配置免费层数
   dispatchIsShiftingCharge: 0, //是否有平移费
   dispatchIsCategorySubjoin: 0, //附加费
+  dispatchIsAddFee: 0, //是否附加费
   dispatchIsMinCost: 0, //是否最低计费
   dispatchMinCostMode: null, //最低计费方式
   dispatchMinCostType: 1, //最低计费类型
@@ -500,6 +515,8 @@ const upstairs = ref([]);
 const MinimumState = ref(false);
 //是否有分货费
 const Distributionfee = ref([]);
+// 是否附加费
+const additionalfee = ref([]);
 //是否有操作装卸费
 const Operatingfee = ref([]);
 const Deliveryloading = ref(false);
@@ -544,7 +561,43 @@ const UpstairsChange = val => {
   }
 };
 // 是否区分品类
-const categoryChange = val => {};
+const categoryChange = val => {
+  form.value.dispatchPieceCategoryData = [
+    {
+      index: 1,
+      Warehousecategory: '',
+      options: [],
+      plus: true,
+      reduce: false,
+      StateName: 'storage', //仓储标识
+      loading: false,
+    },
+  ];
+
+  form.value.dispatchWeightCategoryData = [
+    {
+      index: 1,
+      Warehousecategory: '',
+      options: [],
+      plus: true,
+      reduce: false,
+      StateName: 'storage', //仓储标识
+      loading: false,
+    },
+  ];
+
+  form.value.dispatchCubeCategoryData = [
+    {
+      index: 1,
+      Warehousecategory: '',
+      options: [],
+      plus: true,
+      reduce: false,
+      StateName: 'storage', //仓储标识
+      loading: false,
+    },
+  ];
+};
 // 是否最低计费展示
 const MinimumChange = val => {
   console.log(val);
@@ -647,6 +700,7 @@ const isChecked = async item => {
     });
   }
 };
+const DeliveryType = async value => {};
 // 点击移除
 const removeTag = value => {
   console.log(value, '点击移除value');
@@ -806,6 +860,7 @@ async function updateDictionary(targetArray, dictionaryType) {
       if (dictionaryType == 'price_yes_no') {
         Leftoverparts.value = { ...Distinguishcategories.value }; //是否有遗留件
         Distributionfee.value = { ...Distinguishcategories.value }; //是否有分货费
+        additionalfee.value = { ...Distinguishcategories.value }; //是否附加费
         Operatingfee.value = { ...Distinguishcategories.value }; //是否有操作/装卸费
         upstairs.value = { ...Distinguishcategories.value }; //是否有上楼费
         Numberlayers.value = { ...Distinguishcategories.value }; //是否配置免费层数
@@ -873,6 +928,16 @@ const search = val => {
   }
 };
 
+// 是否附加费
+
+const isdispatchIsAddFee = value => {
+  (form.value.dispatchIsSortFee = 0), //是否有分货费
+    (form.value.dispatchIsStairsCarryingCharge = 0), //是否有上楼费
+    (form.value.dispatchIsFeeFloor = null), //是否配置免费层数
+    (form.value.dispatchIsShiftingCharge = 0), //是否有平移费
+    (form.value.dispatchIsOperateFee = 0), //是否有操作装卸
+    (form.value.dispatchIsCategorySubjoin = 0); //附加费是否按品类计费
+};
 function updateOptions(allDropdowns) {
   // 拉平所有的下拉框组到一个单一数组中
   let dropdowns = [].concat(...allDropdowns);
diff --git a/src/views/financialsector/Financialse/FinancialWarehousing.vue b/src/views/financialsector/Financialse/FinancialWarehousing.vue
index 217be7c4..fc1e401c 100644
--- a/src/views/financialsector/Financialse/FinancialWarehousing.vue
+++ b/src/views/financialsector/Financialse/FinancialWarehousing.vue
@@ -110,7 +110,25 @@
       <div class="el_Surcharge">
         <!-- 附加费计价单位 -->
         <div class="el_flex_row">
-          <div class="el_Storage">
+          <div style="width: 100%">
+            <div class="el_Storage">
+              <el-form-item label="是否附加费">
+                <el-radio-group
+                  v-model="form.warehouseIsAddFee"
+                  class="el_Cselect"
+                  @change="iswarehouseIsAddFee"
+                >
+                  <el-radio
+                    v-for="item in warehouseIsAddFeeList"
+                    :key="item.label"
+                    :label="item.value"
+                    >{{ item.label }}</el-radio
+                  >
+                </el-radio-group>
+              </el-form-item>
+            </div>
+          </div>
+          <div class="el_Storage" v-if="form.warehouseIsAddFee">
             <el-form-item label="附加费计价单位" prop="warehouseSubjoinFeeUnit">
               <el-select
                 class="el_Cselect"
@@ -131,7 +149,7 @@
           </div>
 
           <!-- 是否有管理费 -->
-          <div class="el_Storage">
+          <div class="el_Storage" v-if="form.warehouseIsAddFee">
             <el-form-item label="是否有管理费">
               <el-radio-group v-model="form.warehouseIsManageFee" class="el_Cselect">
                 <el-radio v-for="item in Managementfees" :key="item.label" :label="item.value">{{
@@ -142,7 +160,7 @@
           </div>
 
           <!-- 是否有操作/装卸费 -->
-          <div class="el_Storage">
+          <div class="el_Storage" v-if="form.warehouseIsAddFee">
             <el-form-item label="是否有操作/装卸费">
               <el-radio-group v-model="form.warehouseIsOperateFee" class="el_Cselect">
                 <el-radio
@@ -157,7 +175,7 @@
 
           <!-- 是否有分拣费用 -->
           <div class="el_Storage">
-            <el-form-item label="是否有分拣费用">
+            <el-form-item label="是否有分拣费用" v-if="form.warehouseIsAddFee">
               <el-radio-group v-model="form.warehouseIsSortFee" class="el_Cselect">
                 <el-radio v-for="item in Sortingfee" :key="item.label" :label="item.value">{{
                   item.label
@@ -166,8 +184,9 @@
             </el-form-item>
           </div>
         </div>
+
         <!-- 附加费用是否统一计费 -->
-        <div class="el_Storage">
+        <div class="el_Storage" v-if="form.warehouseIsAddFee">
           <el-form-item label="附加费是否按品类计费">
             <el-radio-group
               @change="AdditionalDisplayChange"
@@ -246,6 +265,7 @@ const ruleFormRef = ref();
 const SelectData = ref({});
 const formedit = ref({}); //编辑重置
 const form = ref({
+  warehouseIsAddFee: 0, //是否附加费
   warehouseCalculationBasis: 1, // 计算基准
   warehouseIsByCategory: 0, //是否区分品类
   warehouseIsManageFee: 0, //是否有管理费
@@ -497,7 +517,8 @@ const Operatingunloading = ref([]);
 const Sortingfee = ref([]);
 // 附加费用是否统一计费
 const Additionalfeebilling = ref([]);
-
+// 是否附加费
+const warehouseIsAddFeeList = ref([]);
 // 移除对象
 function removeItemById(array, id) {
   const index = array.findIndex(item => item.index === id);
@@ -548,6 +569,15 @@ const categoriesduce = id => {
   goriesloading.value = true;
   removeItemById(form.value.AdditionalcategoriesData, id);
 };
+
+// 附加费重置
+const iswarehouseIsAddFee = () => {
+  form.value.warehouseSubjoinFeeUnit = ''; //附加费计价单位
+  form.value.warehouseIsManageFee = 0; //是否有管理费
+  form.value.warehouseIsOperateFee = 0; //是否有操作/装卸费
+  form.value.warehouseIsSortFee = 0; //是否有分拣费用
+  form.value.warehouseIsCategorySubjoin = 0; //附加费用是否统一计费
+};
 async function updateDictionary(targetArray, dictionaryType) {
   await getDictionaryBiz(dictionaryType)
     .then(res => {
@@ -568,6 +598,7 @@ async function updateDictionary(targetArray, dictionaryType) {
         Operatingunloading.value = { ...Distinguishcategories.value }; //是否有操作/装卸费
         Sortingfee.value = { ...Distinguishcategories.value }; //是否有分拣费用
         Additionalfeebilling.value = { ...Distinguishcategories.value }; //附加费用是否统一计费
+        warehouseIsAddFeeList.value = { ...Distinguishcategories.value };
       }
     })
     .catch(() => {})
@@ -613,7 +644,6 @@ const onLoad = async () => {
     // 执行回显
     form.value = await deepClone(request);
 
-   
     if (request.warehouseIsByCategory == 1) {
       form.value.StoragecategoryData = [];
       request.warehousePieceCategorys.forEach((res, index) => {
@@ -648,12 +678,11 @@ const onLoad = async () => {
               value: res.id,
             },
           ],
-        }); 
+        });
       });
     }
-    console.log(request.warehouseCalculationBasis,'request.warehouseCalculationBasis++++++===>>>');
-  form.value.warehouseCalculationBasis= request.warehouseCalculationBasis|| 0;//计算基准
-  console.log(form.value,'form.value.warehouseCalculationBasis');
+    form.value.warehouseCalculationBasis = request.warehouseCalculationBasis || 1; //计算基准
+    console.log(form.value, 'form.value.warehouseCalculationBasis');
   }
 
   formedit.value = deepClone(form.value);
@@ -733,7 +762,6 @@ const Submit = () => {
     }
 
     console.log(form.value, '要提交的参数');
-
     ElMessageBox.confirm('是否保存?', '提示', {
       confirmButtonText: '确定',
       cancelButtonText: '取消',
@@ -868,6 +896,7 @@ const AdditionalDisplayChange = val => {
   .el_flex_row {
     display: flex;
     justify-content: space-between;
+    flex-wrap: wrap;
     .el-form-item {
       flex-direction: column;
       margin-right: 0;