From 04790cbcd1b7edb9b4634f3366816084ef804283 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Wed, 13 Nov 2024 11:42:41 +0800
Subject: [PATCH 1/9] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/distribution/packageNodeSearch.js     |  39 +-
 src/components/edittablehead/index.vue        |   8 +-
 src/components/newTablecmt/newTablecmt.vue    | 665 ------------------
 src/components/tablecmt/tablecmt.vue          |  16 +-
 .../finance/ReconciliationDepositSlip.js      |  98 +--
 .../parcelList/distributionParcelList.vue     |  31 +-
 6 files changed, 108 insertions(+), 749 deletions(-)
 delete mode 100644 src/components/newTablecmt/newTablecmt.vue

diff --git a/src/api/distribution/packageNodeSearch.js b/src/api/distribution/packageNodeSearch.js
index d7e95197..51da6715 100644
--- a/src/api/distribution/packageNodeSearch.js
+++ b/src/api/distribution/packageNodeSearch.js
@@ -1,5 +1,4 @@
-
-  /** 流转节点 */
+/** 流转节点 */
 export const columnList = [
   // {
   //   prop: 'createUserName',
@@ -22,7 +21,7 @@ export const columnList = [
   {
     prop: 'warehouseName',
     label: '仓库',
-    type: 1,
+    type: 30,
     values: '',
     width: '130',
     checkarr: [],
@@ -32,7 +31,7 @@ export const columnList = [
   // {
   //   prop: 'createTime',
   //   label: '订单自编号',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '150',
   //   checkarr: [],
@@ -42,7 +41,7 @@ export const columnList = [
   {
     prop: 'orderPackageCode',
     label: '包条码',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -52,7 +51,7 @@ export const columnList = [
   {
     prop: 'operator',
     label: '操作人',
-    type: 1,
+    type: 30,
     values: '',
     width: '130',
     checkarr: [],
@@ -62,7 +61,7 @@ export const columnList = [
   {
     prop: 'content',
     label: '描述',
-    type: 1,
+    type: 30,
     values: '',
     width: '250',
     checkarr: [],
@@ -72,7 +71,7 @@ export const columnList = [
   {
     prop: 'createTime',
     label: '操作时间',
-    type: 1,
+    type: 30,
     values: '',
     width: '250',
     checkarr: [],
@@ -82,7 +81,7 @@ export const columnList = [
   {
     prop: 'workNodeName',
     label: '节点',
-    type: 1,
+    type: 30,
     values: '',
     width: '130',
     checkarr: [],
@@ -92,7 +91,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '是否干仓配',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -102,7 +101,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '服务类型',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -112,7 +111,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '流转节点',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -122,7 +121,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '库位',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -132,7 +131,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '托盘码',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -142,7 +141,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '一级品名称',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -152,7 +151,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '二级品名称',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -162,7 +161,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '三级品名称',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -172,7 +171,7 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '物料名称',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
@@ -182,11 +181,11 @@ export const columnList = [
   // {
   //   prop: 'createUserName',
   //   label: '物料编码',
-  //   type: 1,
+  //   type: 30,
   //   values: '',
   //   width: '130',
   //   checkarr: [],
   //   fixed: false,
   //   sortable: true,
   // },
-];
\ No newline at end of file
+];
diff --git a/src/components/edittablehead/index.vue b/src/components/edittablehead/index.vue
index e18214f5..d06fdca5 100644
--- a/src/components/edittablehead/index.vue
+++ b/src/components/edittablehead/index.vue
@@ -163,7 +163,13 @@ const initTable = async () => {
 
         if (item.prop + item.label + item.type !== value.prop + value.label + value.type) continue;
         item.checkarr = value.checkarr || [];
-        _setArr.push({ ...value, width: item.width });
+        _setArr.push({
+          ...value,
+          width: item.width,
+          fixed: item.fixed,
+          head: item.head,
+          sortable: item.sortable,
+        });
         _oldArr.splice(i, 1);
         break;
       }
diff --git a/src/components/newTablecmt/newTablecmt.vue b/src/components/newTablecmt/newTablecmt.vue
deleted file mode 100644
index 47c4f2d0..00000000
--- a/src/components/newTablecmt/newTablecmt.vue
+++ /dev/null
@@ -1,665 +0,0 @@
-<template>
-  <div class="maboxhi" id="bodys">
-    <el-table
-      :data="tableData"
-      style="width: 100%"
-      :show-summary="shownm"
-      :summary-method="getSummaries"
-      v-loading="loading"
-      @selection-change="handleSelectionChange"
-      border
-      height="100%"
-      :row-class-name="tableRowClassName"
-      ref="selecttable"
-    >
-      <el-table-column
-        :type="column.type == 0 ? 'selection' : ''"
-        :min-width="column.width"
-        v-for="(column, index) in newcolumnList"
-        :key="column.prop"
-        :prop="column.prop"
-        :label="column.label"
-        :fixed="column.fixed"
-        :sortable="column.sortable"
-        :selectable="isselectfun"
-        v-show="column.head"
-      >
-        <el-table-column
-          :type="column.type == 12 ? 'index' : ''"
-          :min-width="column.width"
-          :prop="column.prop"
-          :label="column.label"
-          v-if="column.type != 0"
-          flexible
-          show-overflow-tooltip
-        >
-          <template #header>
-            <!-- <el-text class="mx-1">{{ column.label }}</el-text> -->
-            <el-input
-              v-if="column.type == 2"
-              v-model="column.values"
-              clearable
-              :placeholder="`请输入${column.label}`"
-              @change="inputchange($event, column)"
-              @blur="inputchange($event, column)"
-              @clear="inputclear($event, column)"
-            />
-            <el-select
-              v-if="column.type == 3"
-              v-model="column.values"
-              class="m-2 selectbr"
-              clearable
-              :placeholder="`请选择${column.label}`"
-              @change="selectchange($event, column)"
-              @clear="selectclear($event, column)"
-            >
-              <el-option
-                v-for="item in column.checkarr"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-            <el-date-picker
-              v-model="column.values"
-              v-if="column.type == 4"
-              type="date"
-              clearable
-              style="width: auto"
-              :placeholder="`请选择${column.label}`"
-              @change="timechange($event, column)"
-              @clear="timeclear($event, column)"
-            />
-            <el-date-picker
-              v-model="column.values"
-              v-if="column.type == 5"
-              type="datetime"
-              clearable
-              style="width: auto"
-              :placeholder="`请选择${column.label}`"
-              format="YYYY/MM/DD HH:mm:ss"
-              @change="timechange($event, column)"
-              @clear="timeclear($event, column)"
-            />
-          </template>
-
-          <template #default="scope">
-            <el-text
-              class="mx-2 tabculconte"
-              v-if="Number(column.type) < 6 && Number(column.type) > 0"
-              >{{ scope.row[column.prop] }}</el-text
-            >
-            <el-switch
-              @change="makeCargo(scope.row, column)"
-              v-if="column.type == 11"
-              v-model="scope.row[column.prop]"
-            />
-            <el-text
-              style=""
-              class="mx-2 tabculconte colors"
-              v-if="column.type == 9"
-              @click="godowns(scope.row[column.downprop])"
-              >{{ scope.row[column.prop] }}</el-text
-            >
-            <el-input
-              @blur="handleNumberRange(column, scope.row)"
-              v-if="column.type == 10"
-              v-model="scope.row[column.prop]"
-              type="number"
-              :min="0"
-              :max="scope.row.residueNumber"
-            ></el-input>
-            <div class="slotbuts" v-if="column.type == 6">
-              <slot v-if="column.type == 6" :scope="scope"> </slot>
-            </div>
-            <el-image
-              preview-teleported
-              v-if="column.type == 7"
-              style="width: 60px; height: 60px; margin-left: 10px"
-              :initial-index="index"
-              :z-index="100"
-              v-for="(item, index) in scope.row[column.prop].split(',')"
-              :src="item"
-              :preview-src-list="scope.row[column.prop].split(',')"
-            />
-          </template>
-        </el-table-column>
-
-        <template #header>
-          <div style="display: inline-block">
-            <div class="tilbox">
-              <el-text class="mx-1 tabtitles" @click.stop @dblclick.stop="copyalls(column)">{{
-                column.label
-              }}</el-text>
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watchEffect, getCurrentInstance, onMounted, defineExpose } from 'vue';
-import type { PropType } from 'vue';
-const { proxy } = getCurrentInstance() as any;
-const selecttable = ref(null);
-/**
- * 对应通知事件
- * inputTxt:输入框输入的确认事件
- * timeCheck:时间选择器选择事件
- * selectCheck:下拉框选中事件
- * selection:勾选框事件
- */
-onMounted(() => {
-  function getWinHight() {
-    var windowHight = 0;
-    if (document.body.clientHeight && document.documentElement.clientHeight) {
-      windowHight =
-        document.body.clientHeight < document.documentElement.clientHeight
-          ? document.body.clientHeight
-          : document.documentElement.clientHeight;
-    } else {
-      // windowHight=(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
-    }
-    // return windowHight;
-    return document.documentElement.clientHeight;
-  }
-
-  var bodyContent = document.querySelectorAll('.maboxhi');
-  const _height = getWinHight();
-  console.log('bodyContent :>> ', bodyContent);
-  // 设置列表的高度
-  bodyContent.forEach(val => {
-    val.style.height = _height - val.getBoundingClientRect().top - 65 + 'px';
-  });
-});
-interface TableColumnType {
-  /** 表格列的key */
-  prop: string;
-  /** 表格列的名字 */
-  label: string;
-  /**
-   * 对应列表头的类型
-   * 0:直接显示为单选，prop，label，全部传空
-   * 1:普通表格，正常显示
-   * 2:带输入框表格
-   * 3:带下拉框表格
-   * 4:带日期选择器列
-   * 5:带日期时间选择器
-   * 6:操作栏，prop，label，全部传空
-   * 7:图片
-   * 8:带背景的文字
-   * 9:下载附件
-   * 10.输入框的表格内容
-   * 11.开关类型
-   */
-  type: number | string;
-  /** 用于接受表头的值 */
-  values: number | string;
-  /** 表头宽度 number string undefined */
-  width: number | string | undefined;
-  /** 下拉框可选项 */
-  checkarr?: {
-    value: string | number;
-    label: string | number;
-  }[];
-  /** 是否固定表头
-   * true false
-   * left right
-   */
-  fixed: boolean | string;
-  /** 是否统计
-   * true false 或者直接不写该参数
-   */
-  isshowSummary?: boolean;
-  /** 是否排序
-   * true false 或者直接不写该参数
-   */
-  sortable?: boolean;
-  /** 是否显示列
-   * true false 或者直接不写该参数
-   */
-  head?: boolean;
-  /** 是否文字超出隐藏
-   * 默认超出隐藏
-   * true是不隐藏
-   * false 隐藏
-   */
-  isextrahide?: boolean;
-  /** 下载文件的url的key
-   */
-  downprop?: string;
-  /** 输入框内容需要小于的对应字段
-   */
-  lessThanNum?: string;
-}
-interface TableDataType {
-  [key: string]: any;
-}
-let props = defineProps({
-  columnList: {
-    type: Array as PropType<TableColumnType[]>,
-    required: true,
-  },
-  tableData: {
-    type: Array as PropType<TableDataType[]>,
-    required: true,
-  },
-  loading: {
-    type: Boolean as PropType<boolean>,
-    required: true,
-  },
-  //回显勾选的数据列表
-  checkselect: {
-    type: Array as PropType<TableDataType[]>,
-    required: false,
-  },
-  //是否可选择的函数
-  isselectfun: {
-    type: Function as PropType<(row: TableDataType) => boolean>,
-    required: false,
-    default: null,
-  },
-});
-let selectarr = ref([]);
-const tableRowClassName = ({ row, rowIndex }: { row: TableDataType; rowIndex: number }) => {
-  let sfcheck = false;
-  selectarr.value.map(item => {
-    if (item == row) {
-      sfcheck = true;
-    }
-  });
-  if (sfcheck) {
-    return 'table-SelectedRow-bgcolor';
-  }
-  return '';
-};
-let emit = defineEmits(['inputTxt', 'timeCheck', 'selectCheck', 'selection', 'makeCargo']);
-let newcolumnList = ref<TableColumnType[]>([]);
-watchEffect(() => {
-  newcolumnList.value = [];
-  props.columnList.map(item => {
-    if (!item.head) {
-      newcolumnList.value.push(item);
-    }
-  });
-});
-onMounted(() => {
-  if (props.checkselect) {
-    props.checkselect.map(item => {
-      if (props.isselectfun) {
-        if (props.isselectfun(item)) {
-          selecttable.value.toggleRowSelection(item, true);
-        }
-      } else {
-        selecttable.value.toggleRowSelection(item, true);
-      }
-    });
-  }
-});
-function godowns(url) {
-  let a = document.createElement('a'); //创建一个a标签用来跳转
-  a.href = url; //myurl 是后端返回的下载地址
-  // a.target = '_blank';
-  a.download = 'xixi.zip'; //设置下载文件的文件名和文件格式
-  document.body.appendChild(a); //将标签DOM，放置页面
-  a.click();
-  window.URL.revokeObjectURL(url); //释放 url 对象内存
-  document.body.removeChild(a);
-}
-let shownm = ref(false);
-
-function copyalls(column: TableColumnType) {
-  const _isReturn = column.type == 1 || column.type == 2 || column.type == 3;
-  if (!_isReturn) return;
-  let text = '';
-  props.tableData.map((item, index) => {
-    if (index < props.tableData.length - 1) {
-      if (item[column.prop]) {
-        text += `${item[column.prop]}\n`;
-      }
-    } else {
-      if (item[column.prop]) {
-        text += `${item[column.prop]}`;
-      } else {
-      }
-    }
-  });
-  copyContent(text);
-}
-function handleNumberRange(column: TableColumnType, row: TableDataType) {
-  row[column.prop] = row[column.prop].replace(/[^\.\d]/g, ''); //替换掉与数字无关的字符（中英文与符号都会被替换掉，只留下数字，此时值类型为字符串）
-  if (row[column.prop]) {
-    //如果替换后还有值
-    row[column.prop] = parseInt(row[column.prop]); //把字符型转成整数型
-  }
-
-  // if (column.lessThanNum) {
-  //   if (row[column.prop] > row[column.lessThanNum]) {
-  //     row[column.prop] = row[column.lessThanNum];
-  //     proxy.$message({
-  //       type: 'error',
-  //       message: '数量不能大于可用数量',
-  //     });
-  //   }
-  // }
-  // 上架数量判断
-  if (row.residueNumber) {
-    if (row.enterNum > row.residueNumber) {
-      proxy.$message({
-        type: 'error',
-        message: '数量不能大于可上架总数,已调整为最大数量！',
-      });
-      row.enterNum = row.residueNumber;
-    }
-  }
-  // 下架数量判断
-  if (row.num) {
-    if (row.enterNum > row.num) {
-      proxy.$message({
-        type: 'error',
-        message: '数量不能大于可下架总数,已调整为最大数量！',
-      });
-      row.enterNum = row.num;
-    }
-  }
-
-  console.log(row, 'row');
-}
-function handleEdit(index: number, row: TableDataType) {
-  console.log(index, row);
-}
-function makeCargo(value, column: TableColumnType) {
-  emit('makeCargo', value, column);
-}
-function inputchange(value, column: TableColumnType) {
-  if (typeof value == 'string') {
-    console.log(value, column);
-    emit('inputTxt', value, column);
-  }
-}
-function selectchange(value, column: TableColumnType) {
-  console.log(value, column);
-  emit('selectCheck', value, column);
-}
-function timechange(value, column: TableColumnType) {
-  console.log(value, column);
-  emit('timeCheck', value, column);
-}
-const handleSelectionChange = (param: TableDataType[]) => {
-  // console.log(param)
-  selectarr.value = param;
-  emit('selection', param);
-};
-function inputclear(value, column: TableColumnType) {
-  console.log('', column);
-  emit('inputTxt', '', column);
-}
-function selectclear(value, column: TableColumnType) {
-  console.log('', column);
-  emit('selectCheck', '', column);
-}
-function timeclear(value, column: TableColumnType) {
-  console.log('', column);
-  emit('timeCheck', '', column);
-}
-function handleDelete(index: number, row: TableDataType) {
-  console.log(index, row);
-}
-const getSummaries = (param: any) => {
-  const { columns, data } = param;
-  let newarr = [];
-  let tji = 0;
-  console.log(columns, data);
-  columns.map((item, index) => {
-    if (index == 0) {
-      newarr[index] = '总计';
-      return;
-    }
-    tji = 0;
-    if (props.columnList[index]?.isshowSummary) {
-      data.map(ite => {
-        tji += Number(ite[props.columnList[index]?.prop] || 0);
-      });
-      newarr[index] = tji;
-      // shownm.value=true
-    } else {
-      newarr[index] = null;
-    }
-  });
-  // console.log(columns)
-  console.log(newarr);
-  return newarr;
-};
-watchEffect(() => {
-  props.columnList.map(item => {
-    if (item.isshowSummary) {
-      shownm.value = true;
-    }
-  });
-});
-// 复制文本内容
-function copyContent(content: string) {
-  // 复制结果
-  let copyResult = true;
-  // 设置想要复制的文本内容
-  const text = content || '让我们一起快乐的敲代码吧~';
-  // 判断是否支持clipboard方式
-  if (!!window.navigator.clipboard) {
-    // 利用clipboard将文本写入剪贴板（这是一个异步promise）
-    window.navigator.clipboard
-      .writeText(text)
-      .then(res => {
-        proxy.$message({
-          type: 'success',
-          message: '复制成功',
-        });
-        // 返回复制操作的最终结果
-        return copyResult;
-      })
-      .catch(err => {
-        copyResult = false;
-        console.log('复制失败', err);
-        proxy.$message({
-          type: 'error',
-          message: '复制失败',
-        });
-        // 返回复制操作的最终结果
-        return copyResult;
-      });
-  } else {
-    // 不支持clipboard方式 则采用document.execCommand()方式
-    // 创建一个input元素
-    let inputDom = document.createElement('textarea');
-    // 设置为只读 防止移动端手机上弹出软键盘
-    inputDom.setAttribute('readonly', 'readonly');
-    // 给input元素赋值
-    inputDom.value = text;
-    // 将创建的input添加到body
-    document.body.appendChild(inputDom);
-    // 选中input元素的内容
-    inputDom.select();
-    // 执行浏览器复制命令
-    // 复制命令会将当前选中的内容复制到剪切板中（这里就是创建的input标签中的内容）
-    // Input要在正常的编辑状态下原生复制方法才会生效
-    const result = document.execCommand('copy');
-    // 判断是否复制成功
-    if (result) {
-      proxy.$message({
-        type: 'success',
-        message: '复制成功',
-      });
-    } else {
-      console.log('复制失败');
-      proxy.$message({
-        type: 'error',
-        message: '复制失败',
-      });
-      copyResult = false;
-    }
-    // 复制操作后再将构造的标签 移除
-    document.body.removeChild(inputDom);
-    // 返回复制操作的最终结果
-    return copyResult;
-  }
-}
-
-defineExpose({});
-</script>
-<style lang="scss" scoped>
-// :root{
-//   --el-checkbox-checked-bg-color:'#D3832A';
-//   --el-checkbox-checked-input-border-color:'#D3832A';
-// }
-
-.el-table {
-  //悬停
-  --el-table-row-hover-bg-color: #d3832a;
-}
-
-// .el-table .warning-row {
-//   --el-table-tr-bg-color: var(--el-color-warning-light-9);
-// }
-// .el-table .success-row {
-//   --el-table-tr-bg-color: var(--el-color-success-light-9);
-// }
-.maboxhi {
-  width: 100%;
-  // min-height: 950px;
-  // height: 841px;
-  // flex:1;
-  // min-height: 100%;
-}
-.on {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-size: 12px !important;
-}
-.selectbr {
-  border: none !important;
-  font-size: 12px !important;
-}
-.tabtitles {
-  color: #092c4d !important;
-  font-size: 12px !important;
-  margin-right: 5px !important;
-}
-.el-table .ascending .sort-caret.ascending {
-  border-bottom-color: #d3832a !important;
-  font-size: 12px !important;
-}
-.el-table .descending .sort-caret.descending {
-  border-top-color: #d3832a !important;
-  font-size: 12px !important;
-}
-.tabculconte {
-  color: #333333 !important;
-  font-size: 12px !important;
-}
-.slotbuts {
-  height: 25px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px !important;
-}
-.slotbuts .el-text {
-  color: #d3832a !important;
-  margin-right: 10px !important;
-  cursor: pointer;
-  font-size: 12px !important;
-  &:nth-last-child(1) {
-    margin-right: 0px !important;
-  }
-}
-.el-popper.is-pure.is-light.el-dropdown__popper .el-text {
-  color: #d3832a !important;
-  margin-right: 10px !important;
-  cursor: pointer;
-  font-size: 12px !important;
-  &:nth-last-child(1) {
-    margin-right: 0px !important;
-  }
-}
-.el-table .el-input__inner {
-  height: 23px !important;
-}
-// .el-checkbox__input.is-checked .el-checkbox__inner{
-//   background-color: #D3832A !important;
-//   border-color: #D3832A !important;
-// }
-// .is .el-checkbox__input.is-checked .el-checkbox__inner{
-//   background-color: #D3832A !important;
-//   border-color: #D3832A !important;
-// }
-// .is-checked .el-checkbox__inner:hover{
-//   border-color: #D3832A !important;
-// }
-// .el-checkbox__input.is-indeterminate .el-checkbox__inner{
-//   background-color: #D3832A !important;
-//   border-color: #D3832A !important;
-// }
-.el-table .el-table__cell {
-  padding: 0px !important;
-}
-.el-checkbox__input.is-checked .el-checkbox__inner,
-.el-checkbox__input.is-indeterminate .el-checkbox__inner {
-  border-color: #d3832a !important;
-  background-color: #d3832a !important;
-}
-.el-checkbox__input.is-focus .el-checkbox__inner {
-  border-color: #d3832a !important;
-}
-//修改选中后文本的颜色
-.el-checkbox__input.is-checked + .el-checkbox__label {
-  color: #d3832a !important;
-}
-.el-checkbox__inner:hover {
-  border-color: #d3832a !important;
-  font-size: 12px !important;
-}
-.table-SelectedRow-bgcolor {
-  > td {
-    background-color: #f7e8d7 !important;
-  }
-}
-.colors {
-  color: #409eff !important;
-  cursor: pointer !important;
-}
-.el-table .cell {
-  line-height: 22px !important;
-}
-.el-table .el-input__inner {
-  font-size: 12px !important;
-}
-.el-table__body tr.hover-row.current-row > td,
-.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
-.el-table__body tr.hover-row.el-table__row--striped > td,
-.el-table__body tr.hover-row > td {
-  background-color: #d3d8e1 !important;
-}
-.el-date-editor.el-input,
-.el-date-editor.el-input__wrapper {
-  // height: 23px !important;
-}
-.copys {
-  display: inline-block;
-  margin-left: 5px;
-  padding-top: 5px;
-  margin-right: 5px;
-}
-.tilbox {
-  display: flex;
-  align-items: center;
-}
-
-.el-table .el-popper {
-  max-width: 20% !important;
-}
-.el-input {
-  // width: 200px !important;
-}
-</style>
diff --git a/src/components/tablecmt/tablecmt.vue b/src/components/tablecmt/tablecmt.vue
index 46d1a907..f872d8cb 100644
--- a/src/components/tablecmt/tablecmt.vue
+++ b/src/components/tablecmt/tablecmt.vue
@@ -375,6 +375,12 @@ let props = defineProps({
     required: false,
     default: true,
   },
+  /** 是否保存表头宽度设置 */
+  isSave: {
+    type: Boolean as PropType<Boolean>,
+    required: false,
+    default: false,
+  },
 });
 /** 勾选数据统计 */
 const selectCount = ref([]);
@@ -736,10 +742,12 @@ const handleWidthChange = (newWidth, oldWidth, column, event) => {
 
   console.log('props.columnListName :>> ', props.columnListName);
 
-  // postSaveTableSeting({
-  //   tableKey: $route.path + props.columnListName,
-  //   tableSetCongig: JSON.stringify(props.columnList),
-  // });
+  if (props.isSave) return;
+
+  postSaveTableSeting({
+    tableKey: $route.path + props.columnListName,
+    tableSetCongig: JSON.stringify(props.columnList),
+  });
 };
 
 defineExpose({ handleCheckSelect, handleClearSelect });
diff --git a/src/option/finance/ReconciliationDepositSlip.js b/src/option/finance/ReconciliationDepositSlip.js
index 3ae52fbb..0bf2596b 100644
--- a/src/option/finance/ReconciliationDepositSlip.js
+++ b/src/option/finance/ReconciliationDepositSlip.js
@@ -157,7 +157,7 @@ export const columnList = [
     label: '品类件数',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -168,7 +168,7 @@ export const columnList = [
     label: '品类单价',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -179,7 +179,7 @@ export const columnList = [
     label: '总件数',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -191,7 +191,7 @@ export const columnList = [
     label: '总重量',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -203,7 +203,7 @@ export const columnList = [
     label: '总体积',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -215,7 +215,7 @@ export const columnList = [
     label: '订单开单价',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -226,7 +226,7 @@ export const columnList = [
     label: '实际费用',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -238,7 +238,7 @@ export const columnList = [
     label: '开单运费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -250,7 +250,7 @@ export const columnList = [
     label: '实际运费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -262,7 +262,7 @@ export const columnList = [
     label: '开单提货费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -274,7 +274,7 @@ export const columnList = [
     label: '实际提货费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -298,7 +298,7 @@ export const columnList = [
     label: '仓储费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -310,7 +310,7 @@ export const columnList = [
     label: '仓储管理费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -322,7 +322,7 @@ export const columnList = [
     label: '仓储分拣费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -334,7 +334,7 @@ export const columnList = [
     label: '仓储操作费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -370,7 +370,7 @@ export const columnList = [
     label: '实际配送费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -382,7 +382,7 @@ export const columnList = [
     label: '配送装卸费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -394,7 +394,7 @@ export const columnList = [
     label: '配送分货费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -406,7 +406,7 @@ export const columnList = [
     label: '配送上楼费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -418,7 +418,7 @@ export const columnList = [
     label: '配送平移费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -430,7 +430,7 @@ export const columnList = [
     label: '配送其它费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -442,7 +442,7 @@ export const columnList = [
     label: '超区公里费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -454,7 +454,7 @@ export const columnList = [
     label: '安装费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -466,7 +466,7 @@ export const columnList = [
     label: '其他费用',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -815,7 +815,7 @@ export const columnListB = [
     label: '品类件数',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -826,7 +826,7 @@ export const columnListB = [
     label: '品类单价',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -837,7 +837,7 @@ export const columnListB = [
     label: '总件数',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -849,7 +849,7 @@ export const columnListB = [
     label: '总重量',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -861,7 +861,7 @@ export const columnListB = [
     label: '总体积',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -873,7 +873,7 @@ export const columnListB = [
     label: '订单开单价',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -885,7 +885,7 @@ export const columnListB = [
     label: '实际费用',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -897,7 +897,7 @@ export const columnListB = [
     label: '开单运费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -909,7 +909,7 @@ export const columnListB = [
     label: '实际运费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -921,7 +921,7 @@ export const columnListB = [
     label: '开单提货费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -933,7 +933,7 @@ export const columnListB = [
     label: '实际提货费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -957,7 +957,7 @@ export const columnListB = [
     label: '仓储费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -969,7 +969,7 @@ export const columnListB = [
     label: '仓储管理费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -981,7 +981,7 @@ export const columnListB = [
     label: '仓储分拣费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -993,7 +993,7 @@ export const columnListB = [
     label: '仓储操作费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1017,7 +1017,7 @@ export const columnListB = [
     label: '开单配送费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1029,7 +1029,7 @@ export const columnListB = [
     label: '实际配送费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1041,7 +1041,7 @@ export const columnListB = [
     label: '配送装卸费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1053,7 +1053,7 @@ export const columnListB = [
     label: '配送分货费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1065,7 +1065,7 @@ export const columnListB = [
     label: '配送上楼费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1077,7 +1077,7 @@ export const columnListB = [
     label: '配送平移费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1089,7 +1089,7 @@ export const columnListB = [
     label: '配送其它费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1101,7 +1101,7 @@ export const columnListB = [
     label: '超区公里费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1113,7 +1113,7 @@ export const columnListB = [
     label: '安装费',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
@@ -1125,7 +1125,7 @@ export const columnListB = [
     label: '其他费用',
     type: 1,
     values: '',
-    width: '150',
+    width: '130',
     checkarr: [],
     fixed: false,
     sortable: true,
diff --git a/src/views/warehouse/parcelList/distributionParcelList.vue b/src/views/warehouse/parcelList/distributionParcelList.vue
index d442f72d..c5ed5a0a 100644
--- a/src/views/warehouse/parcelList/distributionParcelList.vue
+++ b/src/views/warehouse/parcelList/distributionParcelList.vue
@@ -202,7 +202,13 @@ import {
 import { getDictionaryBiz } from '@/api/system/dict';
 import option from '@/option/distribution/distributionParcelList';
 import { mapGetters } from 'vuex';
-import { downloadXls, debounce, setNodeHeight, handleClearTableQuery } from '@/utils/util';
+import {
+  downloadXls,
+  debounce,
+  setNodeHeight,
+  handleClearTableQuery,
+  handleInputQuery,
+} from '@/utils/util';
 import { showInventoryPackgeCode } from '@/api/distribution/distributionStockList';
 import { showOrderPackgeCode } from '@/api/distribution/distributionStockArticle';
 import print from '@/utils/print';
@@ -672,7 +678,7 @@ export default {
           label: '操作',
           type: 6,
           values: '',
-          width: '130',
+          width: '200',
           checkarr: [],
           fixed: 'right',
           sortable: true,
@@ -721,13 +727,19 @@ export default {
         this.loading = true;
         this.loadingObj.pageLoading = true;
         try {
-          if (Object.keys(this.query).length === 0) return (this.data = []);
+          const _submitData = { ...params, ...this.query };
+          const keys = Object.keys(_submitData);
+          for (let i = 0; i < keys.length; i++) {
+            const _key = keys[i];
+            const _val = _submitData[_key];
+
+            if (_val || _val === 0) continue;
+            delete _submitData[_key];
+          }
+
+          if (Object.keys(_submitData).length === 0) return (this.data = []);
 
-          const res = await getpage(
-            page.currentPage,
-            page.pageSize,
-            Object.assign(params, this.query)
-          );
+          const res = await getpage(page.currentPage, page.pageSize, _submitData);
           const { code, data } = res.data;
           if (code !== 200) return;
           console.log(res, '获取到的页面初始值');
@@ -863,8 +875,7 @@ export default {
     },
 
     inputsc(index, row) {
-      this.query[row.prop] = index;
-      if (!index) delete this.query[row.prop];
+      handleInputQuery(index, row, this.query);
       this.page.currentPage = 1;
       this.onLoad(this.page);
     },

From b73eaa95970f4313af16f56756e76e21ec56823f Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Wed, 13 Nov 2024 17:50:02 +0800
Subject: [PATCH 2/9] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tablecmt/tablecmt.vue          |  28 +-
 src/option/basicdata/BackStockTask.js         |  36 +-
 .../basicdata/basicdataWarehouseTemp.js       | 743 +++++++++---------
 .../warehouse/tray/basicdataTrayedt.vue       |  96 ++-
 .../artery/truckLoadingDetails.vue            |   7 +-
 src/views/waybill/orderPackageList.vue        |   2 +-
 6 files changed, 473 insertions(+), 439 deletions(-)

diff --git a/src/components/tablecmt/tablecmt.vue b/src/components/tablecmt/tablecmt.vue
index f872d8cb..2cc90511 100644
--- a/src/components/tablecmt/tablecmt.vue
+++ b/src/components/tablecmt/tablecmt.vue
@@ -24,6 +24,7 @@
         :label="column.label"
         :fixed="column.fixed"
         :sortable="column.sortable"
+        :show-overflow-tooltip="column.isextrahide === false ? false : true"
         :selectable="isselectfun"
         v-show="column.head"
       >
@@ -37,7 +38,7 @@
             :prop="column.prop"
             :label="column.label"
             flexible
-            show-overflow-tooltip
+            :show-overflow-tooltip="column.isextrahide === false ? false : true"
             class="el_boxsa"
           >
             <template #header>
@@ -112,8 +113,9 @@
                 "
                 :id="scope.row[column.prop]"
                 v-if="Number(column.type) < 6 && Number(column.type) > 0"
-                >{{ scope.row[column.prop] }}</el-text
-              >
+                >{{ scope.row[column.prop] }}
+              </el-text>
+
               <el-switch
                 @change="makeCargo(scope.row, column)"
                 v-else-if="column.type == 11"
@@ -127,7 +129,7 @@
               >
               <span v-if="item.value==scope.row[column.prop]">{{ item.label }}</span>
               </el-text
-            > -->
+              > -->
               <el-text
                 style=""
                 class="mx-2 tabculconte colors"
@@ -167,7 +169,7 @@
               v-for="(item, index) in scope.row[column.prop].split(',')"
               :src="item"
               :preview-src-list="scope.row[column.prop].split(',')"
-            /> -->
+              /> -->
               <el-image
                 preview-teleported
                 v-else-if="column.type == 7"
@@ -181,6 +183,22 @@
             </template>
           </el-table-column>
         </template>
+
+        <template v-if="column.type === 30" #default="scope">
+          <el-text
+            @click.stop
+            @dblclick.stop="Copytxt(scope.row[column.prop])"
+            class="mx-2 tabculconte"
+            :class="
+              scope.row[column.prop] == props.searchInput && scope.row[column.prop]
+                ? 'static-class'
+                : ''
+            "
+            :id="scope.row[column.prop]"
+            >{{ scope.row[column.prop] }}
+          </el-text>
+        </template>
+
         <template #header>
           <div style="display: inline-block">
             <div class="tilbox">
diff --git a/src/option/basicdata/BackStockTask.js b/src/option/basicdata/BackStockTask.js
index 15071b01..339c9db8 100644
--- a/src/option/basicdata/BackStockTask.js
+++ b/src/option/basicdata/BackStockTask.js
@@ -17,7 +17,7 @@ export default [
   {
     label: '配送回库任务编号',
     prop: 'taskCode',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -27,7 +27,7 @@ export default [
   {
     label: '回库任务类型',
     prop: 'retentionTypeName',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -37,7 +37,7 @@ export default [
   {
     label: '包条码',
     prop: 'orderPackageCode',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -47,7 +47,7 @@ export default [
   {
     label: '订单编号',
     prop: 'orderCode',
-    type: 1,
+    type: 30,
     values: '',
     width: '300',
     checkarr: [],
@@ -57,7 +57,7 @@ export default [
   {
     label: '运单编号',
     prop: 'waybillNumber',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -67,7 +67,7 @@ export default [
   {
     label: '配送类型',
     prop: 'deliveryTypeName',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -77,7 +77,7 @@ export default [
   {
     label: '货物类型',
     prop: 'conditionsName',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -87,7 +87,7 @@ export default [
   {
     label: '预约编号',
     prop: 'reservationCode',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -97,7 +97,7 @@ export default [
   {
     label: '配送车次',
     prop: 'trainNumber',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -107,7 +107,7 @@ export default [
   {
     label: '装车车牌',
     prop: 'vehicleNumber',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -117,7 +117,7 @@ export default [
   {
     label: '件数',
     prop: 'retentionQuantity',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -127,7 +127,7 @@ export default [
   {
     label: '物料编码',
     prop: 'materialNumber',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -137,7 +137,7 @@ export default [
   {
     label: '物料名称',
     prop: 'materialName',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -147,7 +147,7 @@ export default [
   {
     label: '创建时间',
     prop: 'createTime',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -157,7 +157,7 @@ export default [
   {
     label: '仓库名称',
     prop: 'warehouseName',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -167,7 +167,7 @@ export default [
   {
     label: '回库任务状态',
     prop: 'confirmStatusName',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -177,7 +177,7 @@ export default [
   {
     label: '回库操作人员',
     prop: 'retentionScanUsername',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
@@ -187,7 +187,7 @@ export default [
   {
     label: '回库时间',
     prop: 'retentionScanTime',
-    type: 1,
+    type: 30,
     values: '',
     width: '150',
     checkarr: [],
diff --git a/src/option/basicdata/basicdataWarehouseTemp.js b/src/option/basicdata/basicdataWarehouseTemp.js
index 9c1c0de9..4ebcbbfc 100644
--- a/src/option/basicdata/basicdataWarehouseTemp.js
+++ b/src/option/basicdata/basicdataWarehouseTemp.js
@@ -1,377 +1,374 @@
 export const columnList = [
-    {
-      prop: '',
-      label: '复选框',
-      type: 0,
-      width: 55,
-      fixed: true,
-    },
-    {
-      prop: '',
-      label: '序号',
-      type: 12,
-      values: '', 
-      width: 55,
-      fixed: true,
-    },
-    {
-      prop: 'name',
-      label: '仓库名称',
-      type: 1,
-      values: '',
-      width: '100',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'warehouseCode',
-      label: '仓库编码',
-      type:1,
-      values: '',
-      width: '100',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'abbreviation',
-      label: '仓库简称',
-      type: 1,
-      values: '',
-      width: '120',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'linkman',
-      label: '联系人',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'contactNumber',
-      label: '联系电话',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'legalPerson',
-      label: '法人',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'legalPersonPhone',
-      label: '法人联系电话',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'deposit',
-      label: '押金',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'functionType',
-      label: '职能类型',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'warehouseAddress',
-      label: '仓库地址',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'departmentName',
-      label: '所属部门',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'warehouseType',
-      label: '仓库类型',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'fireGrade',
-      label: '消防等级',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'fireRatingNot',
-      label: '是否有消防等级',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'warehouseStructure',
-      label: '仓库结构',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'elevatedNot',
-      label: '是否高架',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'storeyHeight',
-      label: '仓库层高',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-  
-    {
-      prop: 'powerCondition',
-      label: '电力类型',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'unitPrice',
-      label: '租金单价',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-  
-    {
-      prop: 'acreage',
-      label: '面积',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'startDate',
-      label: '开始时间',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'endDate',
-      label: '到期时间',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    }, 
-  
-    {
-      prop: 'rentType',
-      label: '租金类型',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-  
-  
-  
-    {
-      prop: 'grade',
-      label: '仓库等级',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'administrativeFee',
-      label: '管理费',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'seating',
-      label: '库位数',
-      type: 1,
-      values: '',
-      width: '170',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: 'name',
+    label: '仓库名称',
+    type: 30,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'warehouseCode',
+    label: '仓库编码',
+    type: 1,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'abbreviation',
+    label: '仓库简称',
+    type: 30,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'linkman',
+    label: '联系人',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'contactNumber',
+    label: '联系电话',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'legalPerson',
+    label: '法人',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'legalPersonPhone',
+    label: '法人联系电话',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'deposit',
+    label: '押金',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'functionType',
+    label: '职能类型',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'warehouseAddress',
+    label: '仓库地址',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'departmentName',
+    label: '所属部门',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'warehouseType',
+    label: '仓库类型',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'fireGrade',
+    label: '消防等级',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'fireRatingNot',
+    label: '是否有消防等级',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'warehouseStructure',
+    label: '仓库结构',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'elevatedNot',
+    label: '是否高架',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'storeyHeight',
+    label: '仓库层高',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
 
-    {
-      prop: 'temporaryTurnoverArea',
-      label: '临时周转面积(m²)',
-      type: 1,
-      values: '',
-      width: '170',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'singleStorageLocationArea',
-      label: '单库位面积(m²)',
-      type: 1,
-      values: '',
-      width: '170',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'handlingStorageEntranceFee',
-      label: '代作业入库费(元/件)',
-      type: 1,
-      values: '',
-      width: '170',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'handlingStorageExitFee',
-      label: '代作业出库费(元/件)',
-      type: 1,
-      values: '',
-      width: '170',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
+  {
+    prop: 'powerCondition',
+    label: '电力类型',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'unitPrice',
+    label: '租金单价',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
 
+  {
+    prop: 'acreage',
+    label: '面积',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'startDate',
+    label: '开始时间',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'endDate',
+    label: '到期时间',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
 
-    {
-      prop: 'remarks',
-      label: '备注',
-      type: 1,
-      values: '',
-      width: '150',
-      checkarr: [],
-      fixed: false,
-      sortable: true,
-      head: false,
-    },
-    {
-      prop: 'createUserName',
-      label: '操作',
-      type: 6,
-      values: '',
-      width: '180',
-      checkarr: [],
-      fixed: 'right',
-      sortable: false,
-    },
-]
\ No newline at end of file
+  {
+    prop: 'rentType',
+    label: '租金类型',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'grade',
+    label: '仓库等级',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'administrativeFee',
+    label: '管理费',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'seating',
+    label: '库位数',
+    type: 30,
+    values: '',
+    width: '170',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'temporaryTurnoverArea',
+    label: '临时周转面积(m²)',
+    type: 30,
+    values: '',
+    width: '170',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'singleStorageLocationArea',
+    label: '单库位面积(m²)',
+    type: 30,
+    values: '',
+    width: '170',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'handlingStorageEntranceFee',
+    label: '代作业入库费(元/件)',
+    type: 30,
+    values: '',
+    width: '170',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'handlingStorageExitFee',
+    label: '代作业出库费(元/件)',
+    type: 30,
+    values: '',
+    width: '170',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'remarks',
+    label: '备注',
+    type: 30,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'createUserName',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '180',
+    checkarr: [],
+    fixed: 'right',
+    sortable: false,
+  },
+];
diff --git a/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue b/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue
index 65926d73..0ac147c6 100644
--- a/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue
+++ b/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue
@@ -169,6 +169,7 @@ import option from '@/option/basic/basicPdarecords';
 import { mapGetters } from 'vuex';
 import { getDictionaryBiz } from '@/api/system/dict';
 import dayjs from 'dayjs';
+import { handleTranslationDataSeclect } from '@/utils/util';
 
 export default {
   data() {
@@ -615,7 +616,7 @@ export default {
         {
           prop: 'serviceNumber',
           label: '服务号',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -626,7 +627,7 @@ export default {
         {
           prop: 'waybillNumber',
           label: '运单号',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -637,7 +638,7 @@ export default {
         {
           prop: 'orderCode',
           label: '订单自编号',
-          type: 1,
+          type: 30,
           values: '',
           width: '300',
           checkarr: [],
@@ -648,7 +649,7 @@ export default {
         {
           prop: 'orderPackageCode',
           label: '包条码',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -656,10 +657,24 @@ export default {
           sortable: true,
           head: false,
         },
+        {
+          prop: 'isFleeingName',
+          label: '是否窜货',
+          type: 30,
+          values: '',
+          width: '80',
+          checkarr: [
+            { value: 0, label: '否' },
+            { value: 1, label: '是' },
+          ],
+          fixed: false,
+          sortable: false,
+          head: false,
+        },
         {
           prop: 'warehouse',
           label: '仓库',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -670,7 +685,7 @@ export default {
         {
           prop: 'firsts',
           label: '一级品类',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -681,7 +696,7 @@ export default {
         {
           prop: 'second',
           label: '二级品类',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -692,7 +707,7 @@ export default {
         {
           prop: 'thirdProduct',
           label: '三级品类',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -703,7 +718,7 @@ export default {
         {
           prop: 'materialCode',
           label: '物品编号',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -714,7 +729,7 @@ export default {
         {
           prop: 'materialName',
           label: '物品名称',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -725,7 +740,7 @@ export default {
         {
           prop: 'brandName',
           label: '品牌',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -736,7 +751,7 @@ export default {
         {
           prop: 'orderPackageStatusName',
           label: '包件状态',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -747,7 +762,7 @@ export default {
         {
           prop: 'orderPackageFreezeStatusName',
           label: '包件冻结状态',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -758,7 +773,7 @@ export default {
         {
           prop: 'orderPackageGroundingStatusName',
           label: '包件上架状态',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -769,7 +784,7 @@ export default {
         {
           prop: 'orderPackageStockupStatusName',
           label: '包件备货状态',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -780,7 +795,7 @@ export default {
         {
           prop: 'orderPackageReservationStatusName',
           label: '包件预约状态',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -791,7 +806,7 @@ export default {
         {
           prop: 'orderPackageLoadingStatusName',
           label: '包件装车状态',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -802,7 +817,7 @@ export default {
         {
           prop: 'positionCode',
           label: '所在库位',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -813,7 +828,7 @@ export default {
         // {
         //   prop: 'columnNum',
         //   label: '所在列',
-        //   type: 1,
+        //   type: 30,
         //   values: '',
         //   width: '150',
         //   checkarr: [],
@@ -824,7 +839,7 @@ export default {
         // {
         //   prop: 'layerNum',
         //   label: '所在层',
-        //   type: 1,
+        //   type: 30,
         //   values: '',
         //   width: '150',
         //   checkarr: [],
@@ -847,7 +862,7 @@ export default {
         {
           prop: 'sku',
           label: 'sku',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -858,7 +873,7 @@ export default {
         {
           prop: 'descriptionGoods',
           label: '物料名称',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -869,7 +884,7 @@ export default {
         {
           prop: 'cargoNumber',
           label: '物料编号',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -880,7 +895,7 @@ export default {
         {
           prop: 'cargoNorms',
           label: '规格',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -891,7 +906,7 @@ export default {
         {
           prop: 'cargoUnit',
           label: '单位',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -902,7 +917,7 @@ export default {
         {
           prop: 'warehouseName',
           label: '仓库',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -913,7 +928,7 @@ export default {
         {
           prop: 'marketName',
           label: '商场名称',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -924,7 +939,7 @@ export default {
         {
           prop: 'positionCode',
           label: '所在库位',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -935,7 +950,7 @@ export default {
         // {
         //   prop: 'columnNum',
         //   label: '所在列',
-        //   type: 1,
+        //   type: 30,
         //   values: '',
         //   width: '150',
         //   checkarr: [],
@@ -946,7 +961,7 @@ export default {
         // {
         //   prop: 'layerNum',
         //   label: '所在层',
-        //   type: 1,
+        //   type: 30,
         //   values: '',
         //   width: '150',
         //   checkarr: [],
@@ -957,7 +972,7 @@ export default {
         {
           prop: 'num',
           label: '数量',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -980,7 +995,7 @@ export default {
         {
           prop: 'dealerName',
           label: '经销商名称',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -991,7 +1006,7 @@ export default {
         {
           prop: 'waybillNo',
           label: '运单号',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -1002,7 +1017,7 @@ export default {
         {
           prop: 'dealerCode',
           label: '经销商编码',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -1013,7 +1028,7 @@ export default {
         {
           prop: 'consigneePerson',
           label: '运单收货人',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -1024,7 +1039,7 @@ export default {
         {
           prop: 'consigneeAddress',
           label: '运单收货地址',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -1035,7 +1050,7 @@ export default {
         {
           prop: 'consigneeMobile',
           label: '运单收货电话',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -1046,7 +1061,7 @@ export default {
         {
           prop: 'positionCode',
           label: '所在库位',
-          type: 1,
+          type: 30,
           values: '',
           width: '150',
           checkarr: [],
@@ -1057,7 +1072,7 @@ export default {
         // {
         //   prop: 'columnNum',
         //   label: '所在列',
-        //   type: 1,
+        //   type: 30,
         //   values: '',
         //   width: '150',
         //   checkarr: [],
@@ -1068,7 +1083,7 @@ export default {
         // {
         //   prop: 'layerNum',
         //   label: '所在行',
-        //   type: 1,
+        //   type: 30,
         //   values: '',
         //   width: '150',
         //   checkarr: [],
@@ -1245,6 +1260,7 @@ export default {
       getpackList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
         const data = res.data.data;
         this.packdata = data.records;
+        handleTranslationDataSeclect(this.packdata, this.wrapoptioncolumn);
         this.packpage.total = data.total;
       });
     },
diff --git a/src/views/distribution/artery/truckLoadingDetails.vue b/src/views/distribution/artery/truckLoadingDetails.vue
index dfe02d47..e8a66e81 100644
--- a/src/views/distribution/artery/truckLoadingDetails.vue
+++ b/src/views/distribution/artery/truckLoadingDetails.vue
@@ -85,9 +85,9 @@
 
           <!-- 零担批量卸车确认 -->
           <el-button
-            v-if="permissionObj.truckLoadingDetails_delete"
+            v-if="permissionObj.truckLoadingDetails_zeroUnload"
             type="primary"
-            icon="Delete"
+            icon="CircleCheck"
             @click="handleBatchLoadConfirm"
             >零担批量卸车确认
           </el-button>
@@ -398,6 +398,7 @@ import {
   handleClearTableQuery,
   getObjType,
   ChecksWhetherTheWarehouseIsSelected,
+  isNumber,
 } from '@/utils/util';
 import { detailsColumnList } from '@/option/distribution/TripartiteTransfer';
 import { useRouter, useRoute } from 'vue-router';
@@ -1617,6 +1618,8 @@ const handleBatchLoadConfirm = () => {
   for (let i = 0; i < details.selectionList.length; i++) {
     const val = details.selectionList[i];
 
+    if (!isNumber(val.unloadNum) || val.unloadNum <= 0)
+      return ElMessage.warning('零担卸车确认需要卸车数大于0');
     if (Number(val.type) !== 2) return ElMessage.warning('请勿选择包件数据');
     loadScanIds.push(val.id);
   }
diff --git a/src/views/waybill/orderPackageList.vue b/src/views/waybill/orderPackageList.vue
index cb227b4c..30b0ea48 100644
--- a/src/views/waybill/orderPackageList.vue
+++ b/src/views/waybill/orderPackageList.vue
@@ -490,7 +490,7 @@ const {
 
 for (let i = 0; i < details.packageListColumnList.length; i++) {
   const item = details.packageListColumnList[i];
-  if (item.type !== 0 && item.type !== 12 && item.type !== 6 && item.type !== 13) item.type = 1;
+  if (item.type !== 0 && item.type !== 12 && item.type !== 6 && item.type !== 13) item.type = 30;
   console.log('item :>> ', item);
 }
 

From 89ba3d71a3942f0ab024ce6393a2361fef1023a5 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Wed, 13 Nov 2024 18:10:55 +0800
Subject: [PATCH 3/9] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=89=98=E7=9B=98?=
 =?UTF-8?q?=E5=8C=85=E4=BB=B6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../warehouse/tray/basicdataTrayedt.vue       | 132 +++++++++---------
 1 file changed, 66 insertions(+), 66 deletions(-)

diff --git a/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue b/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue
index 0ac147c6..116233a0 100644
--- a/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue
+++ b/src/views/basicdata/warehouse/tray/basicdataTrayedt.vue
@@ -748,72 +748,72 @@ export default {
           sortable: true,
           head: false,
         },
-        {
-          prop: 'orderPackageStatusName',
-          label: '包件状态',
-          type: 30,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-          head: false,
-        },
-        {
-          prop: 'orderPackageFreezeStatusName',
-          label: '包件冻结状态',
-          type: 30,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-          head: false,
-        },
-        {
-          prop: 'orderPackageGroundingStatusName',
-          label: '包件上架状态',
-          type: 30,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-          head: false,
-        },
-        {
-          prop: 'orderPackageStockupStatusName',
-          label: '包件备货状态',
-          type: 30,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-          head: false,
-        },
-        {
-          prop: 'orderPackageReservationStatusName',
-          label: '包件预约状态',
-          type: 30,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-          head: false,
-        },
-        {
-          prop: 'orderPackageLoadingStatusName',
-          label: '包件装车状态',
-          type: 30,
-          values: '',
-          width: '150',
-          checkarr: [],
-          fixed: false,
-          sortable: true,
-          head: false,
-        },
+        // {
+        //   prop: 'orderPackageStatusName',
+        //   label: '包件状态',
+        //   type: 30,
+        //   values: '',
+        //   width: '150',
+        //   checkarr: [],
+        //   fixed: false,
+        //   sortable: true,
+        //   head: false,
+        // },
+        // {
+        //   prop: 'orderPackageFreezeStatusName',
+        //   label: '包件冻结状态',
+        //   type: 30,
+        //   values: '',
+        //   width: '150',
+        //   checkarr: [],
+        //   fixed: false,
+        //   sortable: true,
+        //   head: false,
+        // },
+        // {
+        //   prop: 'orderPackageGroundingStatusName',
+        //   label: '包件上架状态',
+        //   type: 30,
+        //   values: '',
+        //   width: '150',
+        //   checkarr: [],
+        //   fixed: false,
+        //   sortable: true,
+        //   head: false,
+        // },
+        // {
+        //   prop: 'orderPackageStockupStatusName',
+        //   label: '包件备货状态',
+        //   type: 30,
+        //   values: '',
+        //   width: '150',
+        //   checkarr: [],
+        //   fixed: false,
+        //   sortable: true,
+        //   head: false,
+        // },
+        // {
+        //   prop: 'orderPackageReservationStatusName',
+        //   label: '包件预约状态',
+        //   type: 30,
+        //   values: '',
+        //   width: '150',
+        //   checkarr: [],
+        //   fixed: false,
+        //   sortable: true,
+        //   head: false,
+        // },
+        // {
+        //   prop: 'orderPackageLoadingStatusName',
+        //   label: '包件装车状态',
+        //   type: 30,
+        //   values: '',
+        //   width: '150',
+        //   checkarr: [],
+        //   fixed: false,
+        //   sortable: true,
+        //   head: false,
+        // },
         {
           prop: 'positionCode',
           label: '所在库位',

From 2e9e2a19cec61c84a9f6933d0764c95a7a73dcb8 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Wed, 13 Nov 2024 18:23:20 +0800
Subject: [PATCH 4/9] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=B7=B2=E7=9F=A5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tableexportcomponent.vue                  |  118 +-
 src/option/aftersales/vueTvemp.js             |   86 +-
 src/option/reportforms/DeliveryDetailsVtwo.js |   64 +-
 src/router/views/index.js                     |    4 +-
 src/views/aftersales/aftersalesWorkOrder.vue  | 6880 ++++++-----------
 .../aftersales/aftersalesWorkOrderAdd.vue     |    4 +-
 .../aftersales/aftersalesWorkOrderInfo.vue    |   61 +-
 .../aftersales/aftersalesWorkOrderTemp.vue    | 6759 +++++++++++-----
 .../aftersales/aftersalesWorkOrderend.vue     |  731 +-
 src/views/reportforms/DeliveryDetailsVtwo.vue |    4 +-
 10 files changed, 7626 insertions(+), 7085 deletions(-)

diff --git a/src/components/Tableexportcomponent/Tableexportcomponent.vue b/src/components/Tableexportcomponent/Tableexportcomponent.vue
index 8183f742..b4ed919a 100644
--- a/src/components/Tableexportcomponent/Tableexportcomponent.vue
+++ b/src/components/Tableexportcomponent/Tableexportcomponent.vue
@@ -3,9 +3,15 @@
     <span>表格导出名称</span>
     <el-input
       v-model="exportFileName"
-      placeholder="请输入导出的表格名称"
+      placeholder="请输入导出的表格名称,不填写则默认导出名称"
       style="margin-bottom: 10px"
     />
+
+    <el-tabs v-model="radio" class="el_TablePage_radio">
+      <el-tab-pane label="当前页全部导出" name="1"></el-tab-pane>
+      <el-tab-pane label="当前页勾选导出" name="2"></el-tab-pane>
+    </el-tabs>
+
     <el-transfer
       v-model="checkedColumns"
       :data="transferData"
@@ -26,13 +32,17 @@ import { ref, computed } from 'vue';
 import { ElMessage } from 'element-plus';
 import * as XLSX from 'xlsx';
 import { Download } from '@element-plus/icons-vue';
-
+const radio = ref('1');
 // 传入的参数
 const props = defineProps({
   data: {
     type: Array,
     required: true,
   },
+  checkedData: {
+    type: Array,
+    required: true,
+  },
   menuData: {
     type: Array,
     required: true,
@@ -42,12 +52,13 @@ const props = defineProps({
 // 将 menuData 复制到一个局部变量中，以便在 setup 中操作
 const menuData = ref([...props.menuData]);
 // 移除指定列的函数
-const removeColumn = (columnLabel) => {
+const removeColumn = columnLabel => {
   const index = menuData.value.findIndex(item => item.label === columnLabel);
   if (index !== -1) {
     menuData.value.splice(index, 1);
   }
 };
+
 // 移除 '序号' 列
 removeColumn('序号');
 removeColumn('操作');
@@ -81,96 +92,40 @@ const transferProps = {
 
 // 导出到 Excel 的函数
 const exportToExcel = () => {
+  // 检查是否选择了要导出的字段
   if (checkedColumns.value.length === 0) {
     ElMessage.warning('请选择要导出的字段');
     return;
   }
+
+  // 设置默认导出文件名
   if (!exportFileName.value) {
-    ElMessage({
-      message: '请输入导出名称',
-      type: 'warning',
-    });
-    return;
+    exportFileName.value = '默认导出名称';
   }
 
-  const selectedColumns = transferData.value.filter(item =>
-    checkedColumns.value.includes(item.key)
-  );
-  const headers = selectedColumns.map(col => col.label);
-  const fields = selectedColumns.map(col => col.prop);
+  // 获取选中的列
+  const selectedColumns = transferData.value
+    .filter(item => checkedColumns.value.includes(item.key))
+    .map(col => ({ label: col.label, prop: col.prop }));
 
   // 准备导出数据
-  let exportData = props.data.map(item => {
-    return fields.map(field => {
-      const value = item[field];
-      return value !== undefined && value !== null ? value : '';
-    });
-  });
-
-  // 填充空白单元格
-  exportData = fillEmptyCells(exportData);
+  const exportData = (radio.value == 1 ? props.data : props.checkedData).map(item =>
+    selectedColumns.map(col =>
+      item[col.prop] !== undefined && item[col.prop] !== null ? item[col.prop] : ''
+    )
+  );
 
   // 添加表头
-  exportData.unshift(headers);
+  exportData.unshift(selectedColumns.map(col => col.label));
 
-  // 创建工作表
+  // 创建工作表并添加到工作簿
   const worksheet = XLSX.utils.aoa_to_sheet(exportData);
-
-  // 设置列宽和样式
-  applyStyles(worksheet, exportData);
-
   const workbook = XLSX.utils.book_new();
   XLSX.utils.book_append_sheet(workbook, worksheet, exportFileName.value);
 
-  // 生成文件并下载
+  // 生成并下载文件
   XLSX.writeFile(workbook, `${exportFileName.value}.xlsx`);
 };
-
-// 填充空白单元格的函数
-const fillEmptyCells = (data) => {
-  return data;
-};
-
-// 设置样式的函数
-const applyStyles = (worksheet, data) => {
-  const rowCount = data.length;
-  const colCount = data[0].length;
-
-  // 计算每列的最大宽度
-  const colWidths = new Array(colCount).fill(0);
-  data.forEach(row => {
-    row.forEach((cell, index) => {
-      const cellWidth = cell ? cell.toString().length : 0;
-      if (cellWidth > colWidths[index]) {
-        colWidths[index] = cellWidth;
-      }
-    });
-  });
-
-  // 设置列宽
-  const wscols = colWidths.map(width => ({ wch: Math.min(width + 2, 50) })); // 加2为了留些边距，最大宽度限制为50
-  worksheet['!cols'] = wscols;
-
-  // 设置所有单元格的默认样式
-  const range = XLSX.utils.decode_range(worksheet['!ref']);
-  for (let col = range.s.c; col <= range.e.c; col++) {
-    for (let row = range.s.r; row <= range.e.r; row++) {
-      const cellRef = XLSX.utils.encode_cell({ c: col, r: row });
-      if (!worksheet[cellRef]) worksheet[cellRef] = { v: '' };
-      if (!worksheet[cellRef].s) worksheet[cellRef].s = {};
-      worksheet[cellRef].s.alignment = {
-        vertical: 'center',
-        horizontal: 'center',
-        wrapText: true,
-      };
-
-      // 设置表头样式
-      if (row === 0) {
-        worksheet[cellRef].s.font = { bold: true };
-      }
-    }
-  }
-};
 </script>
 
 <style lang="scss" scoped>
@@ -186,4 +141,15 @@ const applyStyles = (worksheet, data) => {
   text-align: right;
   margin-top: 10px;
 }
-</style>
\ No newline at end of file
+:deep(.el_TablePage_radio) {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  height: 51px;
+  border: 1px solid #ccc;
+  .is-checked {
+    border-color: none;
+  }
+}
+</style>
diff --git a/src/option/aftersales/vueTvemp.js b/src/option/aftersales/vueTvemp.js
index 7232b253..90da4b46 100644
--- a/src/option/aftersales/vueTvemp.js
+++ b/src/option/aftersales/vueTvemp.js
@@ -207,28 +207,29 @@ export const columnList = [
   //   sortable: true,
   //   head: false,
   // },
-  // {
-  //   prop: 'a',
-  //   label: '处理结果',
-  //   type: 1,
-  //   values: '',
-  //   width: '150',
-  //   checkarr: [],
-  //   fixed: false,
-  //   sortable: true,
-  //   head: false,
-  // },
-  // {
-  //   prop: 'a',
-  //   label: '处理结果—理赔金额',
-  //   type: 1,
-  //   values: '',
-  //   width: '150',
-  //   checkarr: [],
-  //   fixed: false,
-  //   sortable: true,
-  //   head: false,
-  // },
+  {
+    prop: 'resultTypes',
+    label: '处理结果',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'totalAmountNum',
+    label: '处理结果—理赔金额',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+    isshowSummary: true, //开启统计
+  },
   // {
   //   prop: 'a',
   //   label: '营业部处理客服',
@@ -329,17 +330,7 @@ export const columnList = [
     sortable: true,
     head: false,
   },
-  {
-    prop: 'totalAmount',
-    label: '赔款金额',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: false,
-  },
+
 
   {
     prop: 'operator',
@@ -1846,16 +1837,17 @@ export const columnList2 = [
     head: false,
   },
   {
-    prop: 'a', //discoveryNode
-    label: '工单创建仓',
+    prop: 'ceator',
+    label: '创建人',
     type: 1,
     values: '',
-    width: '140',
+    width: '150',
     checkarr: [],
     fixed: false,
     sortable: true,
     head: false,
   },
+
   
   {
     prop: 'workOrderNumber',
@@ -1969,17 +1961,17 @@ export const columnList2 = [
     sortable: true,
     head: false,
   },
-  {
-    prop: 'a',
-    label: '责任方',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    sortable: true,
-    head: false,
-  },
+  // {
+  //   prop: 'a',
+  //   label: '责任方',
+  //   type: 1,
+  //   values: '',
+  //   width: '150',
+  //   checkarr: [],
+  //   fixed: false,
+  //   sortable: true,
+  //   head: false,
+  // },
   {
     prop: 'createTime',
     label: '工单创建时间',
diff --git a/src/option/reportforms/DeliveryDetailsVtwo.js b/src/option/reportforms/DeliveryDetailsVtwo.js
index 18f35c47..5a4f0b40 100644
--- a/src/option/reportforms/DeliveryDetailsVtwo.js
+++ b/src/option/reportforms/DeliveryDetailsVtwo.js
@@ -39,7 +39,7 @@ export const columnList = [
   {
     prop: 'taskTime',
     label: '配送日期',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -51,7 +51,7 @@ export const columnList = [
   {
     prop: 'warehouseName',
     label: '仓库',
-    type: 2,
+    type:1,
     values: '',
     width: '150',
     checkarr: [],
@@ -62,7 +62,7 @@ export const columnList = [
   {
     prop: 'brand',
     label: '品牌',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -74,7 +74,7 @@ export const columnList = [
   {
     prop: 'type',
     label: '配送类型',
-    type: 3,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -85,7 +85,7 @@ export const columnList = [
   {
     prop: 'kind',
     label: '配送种类',
-    type: 3,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -96,7 +96,7 @@ export const columnList = [
   {
     prop: 'vehicleName',
     label: '配送车辆',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -107,7 +107,7 @@ export const columnList = [
   {
     prop: 'driverName',
     label: '配送司机',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -118,7 +118,7 @@ export const columnList = [
   {
     prop: 'distributionCompany',
     label: '配送公司',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -129,7 +129,7 @@ export const columnList = [
   {
     prop: 'drConsignee',
     label: '客户名称',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -140,7 +140,7 @@ export const columnList = [
   {
     prop: 'deliveryPhone',
     label: '客户电话',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -151,7 +151,7 @@ export const columnList = [
   {
     prop: 'deliveryAddress',
     label: '地址',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -162,7 +162,7 @@ export const columnList = [
   {
     prop: 'consignee',
     label: '运单收货单位',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -173,7 +173,7 @@ export const columnList = [
   {
     prop: 'consigneeName',
     label: '运单收货人',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -184,7 +184,7 @@ export const columnList = [
   {
     prop: 'consigneeMobile',
     label: '运单收货电话',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -195,7 +195,7 @@ export const columnList = [
   {
     prop: 'waybillNo',
     label: '运单号',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -228,7 +228,7 @@ export const columnList = [
   {
     prop: 'customerTrain',
     label: '客户车次号',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -250,7 +250,7 @@ export const columnList = [
   {
     prop: 'firsts',
     label: '一级品',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -261,7 +261,7 @@ export const columnList = [
   {
     prop: 'decond',
     label: '二级品',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -272,7 +272,7 @@ export const columnList = [
   {
     prop: 'thirdProduct',
     label: '三级品',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -283,7 +283,7 @@ export const columnList = [
   {
     prop: 'materialCode',
     label: '物料编码',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -294,7 +294,7 @@ export const columnList = [
   {
     prop: 'materialName',
     label: '物料名称',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -305,7 +305,7 @@ export const columnList = [
   {
     prop: 'startWar',
     label: '始发仓',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -316,7 +316,7 @@ export const columnList = [
   {
     prop: 'startWarInTime',
     label: '始发仓入库日期',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -327,7 +327,7 @@ export const columnList = [
   {
     prop: 'startWarOutTime',
     label: '始发仓发货日期',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -338,7 +338,7 @@ export const columnList = [
   {
     prop: 'warehouseEntryTimeEnd',
     label: '入库时间',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -361,7 +361,7 @@ export const columnList = [
   {
     prop: 'unloadTime',
     label: '装车时间',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -372,7 +372,7 @@ export const columnList = [
   {
     prop: 'unAdministratorsName',
     label: '装车人',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -383,7 +383,7 @@ export const columnList = [
   {
     prop: 'driverSigning',
     label: '司机签收状态',
-    type: 3,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -394,7 +394,7 @@ export const columnList = [
   {
     prop: 'sjsigningTime',
     label: '签收时间',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -405,7 +405,7 @@ export const columnList = [
   {
     prop: 'ldsSigneeName',
     label: '签收人',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -450,7 +450,7 @@ export const columnList = [
   {
     prop: 'signingTime',
     label: '文员审核时间',
-    type: 4,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
@@ -461,7 +461,7 @@ export const columnList = [
   {
     prop: 'examineUserName',
     label: '审核人名称',
-    type: 2,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [],
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 392fef18..ec092d40 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1483,7 +1483,7 @@ export default [
       {
         meta: {
           i18n: 'dict',
-          keepAlive: false,
+          keepAlive: true,
         },
         path: '/aftersales/aftersalesWorkOrderInfo',
         name: '工单详情查看',
@@ -1550,7 +1550,7 @@ export default [
       {
         meta: {
           i18n: 'dict',
-          keepAlive: false,
+          keepAlive: true,
         },
         path: '/aftersales/aftersalesWorkOrderend',
         name: '工单完结',
diff --git a/src/views/aftersales/aftersalesWorkOrder.vue b/src/views/aftersales/aftersalesWorkOrder.vue
index a67f6af2..31bbf78d 100644
--- a/src/views/aftersales/aftersalesWorkOrder.vue
+++ b/src/views/aftersales/aftersalesWorkOrder.vue
@@ -1,1031 +1,480 @@
 <template>
-  <div class="content_max" v-loading="pageLoad">
-    <!-- 菜单  -->
-    <el-tabs type="border-card" v-model="tabValue" @tab-change="tabChenge" class="el_tabs">
-      <div></div>
-      <template v-for="item in TabList">
-        <el-tab-pane v-if="item.state" :name="item.name" :label="item.label" :key="item.name">
-        </el-tab-pane>
-      </template>
-
-      <div class="content_right">
-        <basic-container>
-          <div class="avue-crud">
-            <!-- 搜索模块 -->
-            <el-row v-if="search">
-              <!-- 查询模块 -->
-              <el-form :inline="true" :model="topFrom" class="el-fr-d">
-                <div class="el_tims_box">
-                  <div class="topText">
-                    <el-form-item label="工单号" class="el-times">
-                      <el-input
-                        type="text"
-                        v-model="query.workOrderNumber"
-                        placeholder="请输入工单号"
-                      />
-                    </el-form-item>
-
-                    <el-form-item label="订单自编号" class="el-times">
-                      <el-input
-                        style="width: 500px"
-                        type="textarea"
-                        :rows="1"
-                        v-model="query.orderCode"
-                        placeholder="请输入订单自编号"
-                      />
-                    </el-form-item>
-                  </div>
-
-                  <!-- <div class="el_times">
-                  <el-form-item label="上报日期" class="el-times">
-                      <el-date-picker
-                        v-model="value1"
-                        type="daterange"
-                        range-separator="至"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        :size="size"
-                      />
-                    </el-form-item>
-                    <el-form-item label="处理时间" class="el-times">
-                      <el-date-picker
-                        v-model="value1"
-                        type="daterange"
-                        range-separator="至"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        :size="size"
-                      />
-                    </el-form-item>
-                    <el-form-item label="送货时间" class="el-times">
-                      <el-date-picker
-                        v-model="value1"
-                        type="daterange"
-                        range-separator="至"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        :size="size"
-                      />
-                    </el-form-item>
-                    <el-form-item label="运损发现" class="el-times">
-                      <el-date-picker
-                        v-model="value1"
-                        type="daterange"
-                        range-separator="至"
-                        start-placeholder="开始日期"
-                        end-placeholder="结束日期"
-                        :size="size"
-                      />
-                    </el-form-item
-                  </div> >-->
-                </div>
-                <!-- 查询按钮 -->
-                <el-form-item class="el-btn">
-                  <el-button type="primary" icon="el-icon-search" @click="searchChange"
-                    >搜 索</el-button
-                  >
-                  <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
-                </el-form-item>
-              </el-form>
-            </el-row>
-
-            <!-- 控件模块 -->
-            <el-row>
-              <div class="avue-crud__header">
-                <!-- 头部左侧按钮模块 -->
-                <div class="avue-crud__left">
-                  <el-button v-if="ButtonPermissions.add" type="primary" @click="AddInfo">
-                    <el-icon><Plus /></el-icon>新 增</el-button
-                  >
-
-                  <el-button
-                    v-if="ButtonPermissions.export_Report"
-                    type="primary"
-                    @click="exportReport"
-                  >
-                    <el-icon><Download /></el-icon>EXCEL导出</el-button
-                  >
-
-                  <el-button
-                    v-if="ButtonPermissions.Timed_outexport"
-                    type="primary"
-                    @click="TimedoutExport"
-                  >
-                    <el-icon><Download /></el-icon>超时导出</el-button
-                  >
-
-                  <el-button
-                    v-if="ButtonPermissions.defaultassignments"
-                    type="primary"
-                    @click="defaultAssignments"
-                  >
-                    <el-icon><Pointer /></el-icon>默认指派</el-button
-                  >
-                  <!-- <el-button type="primary" @click="BatchDelete">
-                    <el-icon><Delete /></el-icon>批量删除</el-button
-                  > -->
-
-                  <el-button
-                    v-if="ButtonPermissions.batchReject"
-                    type="primary"
-                    @click="BatchReturn"
-                    >批量打回</el-button
-                  >
-                  <!-- 仓库客服批量确定 -->
-                  <el-button
-                    v-if="ButtonPermissions.Batchdetermination"
-                    type="primary"
-                    @click="ResultConfirmation"
-                    >批量确定</el-button
-                  >
-                  <!-- 总部客服批量确定 待审核-->
-                  <el-button
-                    v-if="ButtonPermissions.ManagerConfirmed"
-                    type="primary"
-                    @click="DetermineStorage"
-                    >批量审核</el-button
-                  >
-                  <el-button type="primary" v-if="ButtonPermissions.assignment" @click="assign"
-                    >工单指派</el-button
-                  >
-
-                  <el-button
-                    v-if="ButtonPermissions.applyArbitration"
-                    type="primary"
-                    @click="arbitrate"
-                    >客服介入</el-button
-                  >
-                  <el-button
-                    type="primary"
-                    v-if="ButtonPermissions.DingTalkNumber"
-                    @click="DingTalk"
-                    >钉钉号填写</el-button
-                  >
-
-                  <el-button
-                    v-if="ButtonPermissions.batchFinish"
-                    type="primary"
-                    @click="Batchcompletion"
-                    >批量完结</el-button
-                  >
-                  <!-- 完结确定结束完结按钮 -->
-                  <el-button
-                    type="primary"
-                    v-if="ButtonPermissions.ArbitrationDetermination"
-                    @click="AllEndArbitration"
-                    >批量完结完成</el-button
-                  >
-
-                  <!-- <el-button
-                    ButtonPermissions.batchFinish
-                    type="primary"
-                    @click="Batchdeletionappeals"
-                    >批量删除</el-button
-                  > -->
-
-                  <!-- <el-button v-if="ButtonPermissions.appeal" type="primary" @click="appealAll"
-                    >批量申诉</el-button
-                  > -->
-                  <!-- 财务入账 -->
-                  <el-button
-                    type="primary"
-                    v-if="ButtonPermissions.Financial_accounting"
-                    @click="Financialfillingbtn"
-                    >财务入账</el-button
-                  >
-                  <!-- v-if="details.query.workOrderStatus == 30" -->
-                  <!-- <el-button type="primary" @click="ProcessingParty"> 处理方信息</el-button> -->
-                </div>
-                <!-- 头部右侧按钮模块 -->
-                <div class="avue-crud__right">
-                  <el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button>
-                  <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
-                  <el-button icon="Search" @click="searchHide" circle></el-button>
-                </div>
-              </div>
-            </el-row>
-            <!-- 申诉列表展示 -->
-            <el-tabs
-              type="border-card"
-              v-if="TabPermissions == 6"
-              @tab-change="AppealTab"
-              v-model="arbitrationTemp"
+  <basic-container v-loading="PageLoading" element-loading-text="数据正在加载中...">
+    <!-- 首页表格 -->
+    <div class="avue-crud">
+      <!-- 搜索模块 -->
+      <div v-h5uShow="search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="TopQuery" class="el-fr-d">
+          <el-form-item label="工单号" class="el-times">
+            <div class="el_div_input">
+              <el-input
+                type="text"
+                clearable
+                v-model="TopQuery.workOrderNumbers"
+                placeholder="请输入工单号"
+              /><el-icon
+                class="el_dy_icon"
+                @click="MultilineSearch('工单号搜索', TopQuery.workOrderNumbers)"
+                ><CirclePlusFilled
+              /></el-icon>
+            </div>
+          </el-form-item>
+          <el-form-item label="订单自编号" class="el-times">
+            <div class="el_div_input">
+              <el-input
+                clearable
+                type="text"
+                v-model="TopQuery.orderCodes"
+                placeholder="请输入订单自编号"
+              /><el-icon
+                class="el_dy_icon"
+                @click="MultilineSearch('订单自编号搜索', TopQuery.orderCodes)"
+                ><CirclePlusFilled
+              /></el-icon>
+            </div>
+          </el-form-item>
+          <el-form-item label="创建日期">
+            <el-date-picker
+              v-model="TopQuery.CreateTiem"
+              type="datetimerange"
+              unlink-panels
+              range-separator="至"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+              :shortcuts="shortcuts"
+              :default-time="defaultTime2"
+            />
+          </el-form-item>
+          <!-- 查询按钮 -->
+          <el-form-item class="el-btn">
+            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <el-tabs type="border-card" v-model="tabValue" @tab-change="tabChenge" class="el_tabs">
+        <div></div>
+        <template v-for="item in TabList">
+          <el-tab-pane v-if="item.state" :name="item.name" :label="item.label" :key="item.name">
+          </el-tab-pane>
+        </template>
+      </el-tabs>
+      <!-- 控件模块 -->
+      <el-row>
+        <div class="avue-crud__header">
+          <!-- 头部左侧按钮模块 -->
+          <div class="avue-crud__left">
+            <el-button
+              type="primary"
+              icon="Edit"
+              v-if="ButtonPermissions.add"
+              @click="CreateworkOrder"
+              >创建工单</el-button
             >
-              <el-tab-pane :name="0" label="完结"></el-tab-pane>
-              <el-tab-pane :name="1" label="申诉列表"></el-tab-pane>
-            </el-tabs>
-            <!-- 首页表格 -->
-            <el-row>
-              <!-- 列表模块 -->
-              <tablecmt
-                class="tableNode"
-                :columnList="publicColumnList"
-                :tableData="data"
-                :loading="loadingObj.list"
-                :checkselect="selectList"
-                @inputTxt="inputsc"
-                @timeCheck="timesc"
-                @btnCheck="btnsc"
-                @selectCheck="selectsc"
-                @selection="selectionChange"
-                :isShowRefresh="false"
-                :tableRowClassName="
-                  (row, index) => {
-                    if (row.departStatus != null && row.departStatus) return 'Abnormal';
-                    else return '';
-                  }
-                "
-              >
-                <template #default="slotProps">
-                  <template v-if="slotProps.scope.column.label === '异常工单号'">
-                    <el-text class="el_textBtn" @click="InformationViewing(slotProps.scope)">
-                      {{
-                        slotProps.scope.column.label === '异常工单号'
-                          ? slotProps.scope.row.workOrderNumber
-                          : ''
-                      }}
-                    </el-text>
-                  </template>
-
-                  <template v-if="slotProps.scope.column.label === '操作'">
-                    <div class="ElBtnClass">
-                      <div>
-                        <!-- <el-button @click="addingRecord(slotProps.scope)">新增记录</el-button> -->
-                        <el-button @click="view(slotProps.scope)">查看</el-button>
-                        <!-- v-if="
-                            (!AppealStatusT && TabPermissions != '8') || (AppealStatusT && UserPermissions !== '仓库客服' &&  slotProps.scope.row.typesOf != '2')
-                          " -->
-                        <!-- 处理结果确定和处理完毕 -->
-                        <!-- 总部客服确定 -->
-                        <!-- <el-button
-                          v-if="TabPermissions == '2' && UserPermissions == '总部客服经理'"
-                          @click="ResultConfirmation(slotProps.scope)"
-                          >确定</el-button
-                        > -->
-                        <!-- 仓库客服确定  -->
-                        <el-button
-                          v-if="
-                            (TabPermissions == '2' || TabPermissions == '1') &&
-                            slotProps.scope.row.workOrderStatus == '21' &&
-                            (UserPermissions == '仓库客服' || UserPermissions == '总部客服经理')
-                          "
-                          @click="ResultConfirmation(slotProps.scope)"
-                          >结果确定</el-button
-                        >
-
-                        <!-- 完结确定结束完结按钮 -->
-                        <el-button
-                          v-if="TabPermissions == '5' && UserPermissions != '仓库客服'"
-                          @click="EndArbitration(slotProps.scope)"
-                          >确定</el-button
-                        >
-                        <!-- 仓库客服的缺确定
-                        <el-button
-                          v-if="
-                            TabPermissions == '1' && slotProps.scope.row.workOrderStatus != '30'
-                          "
-                          @click="DetermineStorage(slotProps.scope)"
-                          >确定</el-button
-                        > -->
-                        <el-button
-                          v-if="
-                            TabPermissions == '6' &&
-                            !AppealStatusT &&
-                            UserPermissions == '仓库客服' &&
-                            slotProps.scope.row.workOrderStatus == '80' &&
-                            slotProps.scope.row.canRepresentations
-                          "
-                          @click="appeal(slotProps.scope, false)"
-                          >申诉</el-button
-                        >
-
-                        <el-button
-                          v-if="
-                            AppealStatusT &&
-                            slotProps.scope.row.typesOf == '0' &&
-                            UserPermissions == '仓库客服'
-                          "
-                          @click="appeal(slotProps.scope, 'edit')"
-                          >编辑</el-button
-                        >
-                        <!-- 处理结果编辑 -->
-                        <el-button
-                          v-if="TabPermissions == '4' && UserPermissions == '仓库客服'"
-                          @click="Resultediting(slotProps.scope)"
-                          >编辑</el-button
-                        >
-
-                        <!-- 处理完毕 处理结果编辑 -->
-                        <el-button
-                          v-if="
-                            TabPermissions == '2' &&
-                            UserPermissions == '仓库客服' &&
-                            slotProps.scope.row.workOrderStatus == '21'
-                          "
-                          @click="ProcessedResultediting(slotProps.scope)"
-                          >编辑</el-button
-                        >
-                        <!-- 完结信息编辑 -->
-                        <!-- <el-button
-                          v-if="
-                            TabPermissions == '6' &&
-                            UserPermissions != '仓库客服' &&
-                            slotProps.scope.row.typesOfName == '待处理'
-                          "
-                          @click="CompletedEditing(slotProps.scope)"
-                          >编辑</el-button
-                        > -->
-
-                        <!-- 理赔金额确定 -->
-                        <!-- <el-button
-                          v-if="TabPermissions == '4' && UserPermissions == '仓库客服'"
-                          @click="DetermineClaims(slotProps.scope)"
-                          >确定理赔金额</el-button
-                        > -->
-
-                        <el-button
-                          v-if="AppealStatusT && slotProps.scope.row.typesOf == '3'"
-                          @click="Deleteappeal(slotProps.scope, 'Delete')"
-                          >删除</el-button
-                        >
-
-                        <el-button
-                          v-if="TabPermissions == '8'"
-                          @click="MessageReply(slotProps.scope, 'Delete')"
-                          >回复</el-button
-                        >
-
-                        <el-button
-                          v-if="
-                            AppealStatusT &&
-                            slotProps.scope.row.typesOf == '0' &&
-                            UserPermissions == '仓库客服'
-                          "
-                          @click="CancelappealFn(slotProps.scope, 'edit')"
-                          >取消申诉</el-button
-                        >
-
-                        <!-- AppealStatusT申诉列表状态 -->
-                        <!-- <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="CompletionButton(slotProps.scope)">完结</el-button> -->
-                        <!-- <el-button v-if="ClaimStatus" @click="appeal(slotProps.scope)"
-                          >申诉</el-button
-                        > -->
-                        <el-button
-                          v-if="TabPermissions == '7' && UserPermissions != '仓库客服'"
-                          @click="BtnModifyAmount(slotProps.scope)"
-                          >修改金额</el-button
-                        >
-                      </div>
-                    </div>
-                  </template>
-                </template>
-              </tablecmt>
-            </el-row>
-
-            <!-- 分页模块 -->
-            <el-row class="el-fy">
-              <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
-                <div>勾选数量:{{ details.selectionList.length }}</div>
-                <el-pagination
-                  align="right"
-                  background
-                  @size-change="sizeChange"
-                  @current-change="currentChange"
-                  :current-page="page.currentPage"
-                  :page-sizes="page.pageSizesList"
-                  :page-size="page.pageSize"
-                  layout="total, sizes, prev, pager, next, jumper"
-                  :total="page.total"
-                >
-                </el-pagination>
-              </div>
-            </el-row>
-          </div>
-
-          <!-- 新增弹窗  -->
-          <!-- 完结弹窗  -->
-
-          <!-- 批量打回弹窗 -->
-          <el-dialog v-model="dialogReturn" title="批量打回" width="40%" draggable class="plAllret">
-            <el-form
-              v-loading="repulse"
-              element-loading-text="正在打回中..."
-              label-position="top"
-              label-width="100px"
-              :model="BatchFrom"
+            <el-button
+              type="primary"
+              icon="Download"
+              v-if="ButtonPermissions.export_Report"
+              @click="ExportSelection"
+              >Excel导出</el-button
             >
-              <el-form-item label="打回原因">
-                <el-input v-model="BatchFrom.txt" type="textarea" :rows="4" />
-              </el-form-item>
-
-              <el-form-item label="流转营业部">
-                <el-select
-                  v-model="BatchFrom.businessDepartment"
-                  multiple
-                  filterable
-                  default-first-option
-                  :reserve-keyword="false"
-                  placeholder="请选择活动区域"
-                >
-                  <el-option
-                    v-for="item in warehouseData"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-form-item>
-            </el-form>
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="dialogReturn = false">取消</el-button>
-                <el-button type="primary" @click="ConfirmReturn" :disabled="repulse">
-                  确定
-                </el-button>
-              </span>
-            </template>
-          </el-dialog>
-
-          <!-- 工单指派弹窗 -->
-          <el-dialog v-model="dialogassign" title="工单指派" width="40%" draggable class="plAllret">
-            <el-form
-              v-loading="AssignLoad"
-              element-loading-text="正在打回中..."
-              label-position="top"
-              label-width="100px"
-              :model="assignFrom"
+            <el-button type="primary" icon="Download" v-if="ButtonPermissions.Timed_outexport"
+              >Excel超时导出</el-button
             >
-              <el-form-item label="客服列表">
-                <el-select
-                  v-model="assignFrom.businessDepartment"
-                  filterable
-                  default-first-option
-                  :reserve-keyword="false"
-                  placeholder="请选择指派客服"
-                >
-                  <el-option
-                    v-for="item in customerService"
-                    :key="item.value"
-                    :label="item.realName"
-                    :value="item.id"
-                  />
-                </el-select>
-              </el-form-item>
-            </el-form>
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="dialogassign = false">取消</el-button>
-                <el-button type="primary" @click="Assignbutton" :disabled="AssignLoad">
-                  确定
-                </el-button>
-              </span>
-            </template>
-          </el-dialog>
-          <!-- 客服介入原因 -->
-          <el-dialog v-model="dialogCustomer" title="客服介入" width="30%" draggable>
-            <el-form
-              :model="CustomerServiceForm"
-              v-loading="loadingCustomer"
-              element-loading-text="正在处理中..."
+            <el-button type="primary" icon="Avatar" v-if="ButtonPermissions.defaultassignments"
+              >默认指派</el-button
             >
-              <el-form-item label="介入原因">
-                <el-input
-                  v-model="CustomerServiceForm.reasonRemarks"
-                  type="textarea"
-                  placeholder="请输入介入原因"
-                />
-              </el-form-item>
-            </el-form>
-
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="dialogCustomer = false">取消</el-button>
-                <el-button
-                  type="primary"
-                  @click="CustomerServiceintervention"
-                  :disabled="loadingCustomer"
-                >
-                  提交
-                </el-button>
-              </span>
-            </template>
-          </el-dialog>
-
-          <!-- 批量完结弹窗 -->
-
-          <el-dialog
-            v-model="dialogBatchcompletion"
-            title="批量完结"
-            width="60%"
-            :style="{ height: BatchcompletionHeight + 'px', overflowY: 'scroll' }"
-            class="el_Batchcompletion"
-          >
-            <div v-loading="PLloading" element-loading-text="正在批量处理中...">
-              <div class="Improveinformation">
-                <el-tabs type="border-card" class="demo-tabs">
-                  <el-tab-pane>
-                    <template #label>
-                      <span class="custom-tabs-label">
-                        <el-icon><calendar /></el-icon>
-                        <span>完结信息</span>
-                      </span>
-                    </template>
-
-                    <div class="el-ckbtn">
-                      <el-button type="primary" @click="AddCompensation">添加赔款方</el-button>
-                      <el-button type="primary" @click="AddPayee">添加受款方</el-button>
-                    </div>
-
-                    <div
-                      class="payanindemnity"
-                      v-for="(item, index) in CompensationParty"
-                      :key="index"
-                    >
-                      <span class="title" :style="{ color: item.state != 0 ? '#000' : '#F56C6C' }"
-                        >{{ item.state == 0 ? '赔款方' : '受款方' }}{{ item.cld }}</span
-                      >
-                      <!-- <div class="sk_input">
-                        <el-input
-                          v-model="item.name"
-                          :placeholder="item.state == 0 ? '请填写赔款方' : '请填写受款方'"
-                        />
-                      </div> -->
-
-                      <div class="sk_input">
-                        <el-select v-model="item.warehouseId" filterable placeholder="请选择仓库">
-                          <el-option
-                            v-for="item in warehouseData"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                          />
-                        </el-select>
-                      </div>
-                      <div class="sk_input">
-                        <span>原因</span>
-                        <el-input v-model="item.reason" placeholder="请填写原因" />
-                      </div>
-                      <div class="sk_input">
-                        <span>金额</span>
-                        <el-input
-                          @input="amountMoney"
-                          :min="0"
-                          v-model="item.num"
-                          placeholder="金额"
-                        />
-                      </div>
-
-                      <div class="sk_input" v-if="item.state == 0">
-                        <span>责任人</span>
-                        <el-input
-                          v-model="item.personResponsibleName"
-                          placeholder="请填写责任人"
-                          clearable
-                          :rows="2"
-                        />
-                      </div>
-
-                      <div class="sk_input" v-if="item.state == 1"></div>
-
-                      <el-button type="danger" round @click="payremove(item.state, index)"
-                        >移除</el-button
-                      >
-                    </div>
-                    <div class="paySum">
-                      <div class="sum">
-                        <span>
-                          <el-icon><Coin /></el-icon>赔款金额总和:<b>{{
-                            TotalamountCompensation
-                          }}</b></span
-                        >
-                        <span>
-                          <el-icon><Coin /></el-icon>收款金额总和:<b>{{
-                            TotalamountReceived
-                          }}</b></span
-                        >
-                      </div>
-                      <div></div>
-                    </div>
-                  </el-tab-pane>
-                </el-tabs>
-              </div>
-              <!-- 完结原因 -->
-              <div class="arbitrate">
-                <el-tabs type="border-card" class="demo-tabs">
-                  <el-tab-pane>
-                    <template #label>
-                      <span class="custom-tabs-label">
-                        <el-icon><calendar /></el-icon>
-                        <span>完结原因</span>
-                      </span>
-                    </template>
-
-                    <el-input
-                      v-model="Reasonarbitration"
-                      type="textarea"
-                      :autosize="{ minRows: 5, maxRows: 4 }"
-                      placeholder="请输入完结原因"
-                    />
-                  </el-tab-pane>
-                </el-tabs>
-                <div class="el_btn">
-                  <el-button type="primary" @click="CompletedSubmission">确认提交</el-button>
-                </div>
-              </div>
-            </div>
-          </el-dialog>
-          <!-- 申诉弹窗 -->
-          <el-dialog
-            v-model="dialogappeal"
-            :title="AppealeditorState ? '工单申述编辑' : '工单申诉'"
-            width="40%"
-          >
-            <div class="el_appeal" v-loading="loadingappeal" element-loading-text="Loading...">
-              <el-form-item label="选择实际责任方">
-                <el-select
-                  v-model="Appealselection"
-                  clearable
-                  filterable
-                  multiple
-                  placeholder="请选择实际责任方"
-                >
-                  <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="申诉原因">
-                <el-input
-                  v-model="Reasonforappeal"
-                  :rows="4"
-                  type="textarea"
-                  placeholder="请输入申诉原因"
-                />
-              </el-form-item>
-              <el-form-item label="`照片">
-                <el-upload
-                  v-model:file-list="AppealAttachment"
-                  list-type="picture-card"
-                  :on-preview="AppealAttachmentpictureList"
-                  :on-remove="AppealAttachmentImgListRemove"
-                  :action="doubledCount"
-                  :on-success="AppealAttachmentImgSuccess"
-                  :before-upload="beforeAvatarUpload"
-                  :headers="headers"
-                  multiple
-                  drag
-                >
-                  <el-icon><Plus /></el-icon>
-                </el-upload>
-              </el-form-item>
-
-              <span class="el_sdialog-footer">
-                <el-button @click="dialogappeal = false">取消</el-button>
-                <el-button type="primary" @click="Appealbutton"> 确定 </el-button>
-              </span>
-            </div>
-          </el-dialog>
-
-          <el-dialog
-            v-model="dialogModifyAmount"
-            :title="fromamount.title + '超时金额修改'"
-            width="30%"
-          >
-            <el-form label-position="left" label-width="70px" :model="fromamount">
-              <div class="el_amount">
-                <el-form-item label="原金额">
-                  <el-input v-model="fromamount.ytimeout" disabled />
-                </el-form-item>
-                <el-form-item label="修改金额">
-                  <el-input v-model="fromamount.Amount" placeholder="请输入要修改的金额" />
-                </el-form-item>
-              </div>
-            </el-form>
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="dialogModifyAmount = false">取消</el-button>
-                <el-button type="primary" @click="ModifyAmountFn">确定修改</el-button>
-              </span>
+            <el-button
+              type="primary"
+              icon="CloseBold"
+              v-if="ButtonPermissions.batchReject"
+              @click="BatchReturnResults"
+              >结果批量打回</el-button
+            >
+            <el-button type="primary" icon="FolderChecked" v-if="ButtonPermissions.ManagerConfirmed"
+              >完结批量审核</el-button
+            >
+            <el-button
+              @click="ResultConfirmed"
+              type="primary"
+              icon="Select"
+              v-if="ButtonPermissions.Batchdetermination"
+              >批量处理结果提交</el-button
+            >
+            <el-button type="primary" icon="Stamp" v-if="ButtonPermissions.Result_review"
+              >结果批量审核</el-button
+            >
+            <el-button
+              type="primary"
+              icon="Pointer"
+              v-if="ButtonPermissions.assignment"
+              @click="WorkOrderAssignment"
+              >工单指派</el-button
+            >
+            <el-button type="primary" icon="User" v-if="ButtonPermissions.applyArbitration"
+              >客服介入</el-button
+            >
+            <el-button type="primary" icon="EditPen" v-if="ButtonPermissions.DingTalkNumber"
+              >钉钉号填写</el-button
+            >
+            <el-button type="primary" icon="Stamp" v-if="ButtonPermissions.batchFinish"
+              >批量完结</el-button
+            >
+            <el-button type="primary" icon="Stamp" v-if="ButtonPermissions.ArbitrationDetermination"
+              >批量完结审核</el-button
+            >
+            <el-button type="primary" icon="Coin" v-if="ButtonPermissions.Financial_accounting"
+              >财务入账</el-button
+            >
+          </div>
+          <!-- 头部右侧按钮模块 -->
+          <div class="avue-crud__right">
+            <el-tooltip content="刷新数据" placement="top">
+              <el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button>
+            </el-tooltip>
+
+            <el-tooltip content="重置表格搜索" placement="top">
+              <el-button icon="CircleClose" @click="ResetTableSearch" circle></el-button>
+            </el-tooltip>
+
+            <el-tooltip content="表格设置" placement="bottom">
+              <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+            </el-tooltip>
+
+            <el-tooltip content="高级搜索" placement="bottom">
+              <el-button icon="Search" @click="searchHide" circle></el-button>
+            </el-tooltip>
+          </div>
+        </div>
+      </el-row>
+
+      <!-- 首页表格 -->
+      <el-row>
+        <!-- 列表模块 -->
+        <tablecmt
+          class="tableNode"
+          :columnList="details.columnListPublic"
+          :tableData="data"
+          :loading="loadingObj.list"
+          @inputTxt="inputsc"
+          @timeCheck="timesc"
+          @selectCheck="selectsc"
+          @selection="selectionChange"
+        >
+          <template #default="slotProps">
+            <template v-if="slotProps.scope.column.label === '异常工单号'">
+              <el-text class="el_textBtn" @click="ViewDetailsRow(slotProps.scope.row)">
+                {{
+                  slotProps.scope.column.label === '异常工单号'
+                    ? slotProps.scope.row.workOrderNumber
+                    : ''
+                }}
+              </el-text>
             </template>
-          </el-dialog>
 
-          <!-- 钉钉号填写 -->
-          <el-dialog v-model="dialogDingTalk" title="钉钉号填写" width="30%">
-            <div class="el_DingTalk">
-              <el-form :model="DingTalkfilling" label-width="120px">
-                <el-form-item label="钉钉流程号">
-                  <el-input v-model="DingTalkfilling.processNumber" placeholder="请填写钉钉号" />
-                </el-form-item>
-                <el-form-item label="审核人">
-                  <el-input v-model="DingTalkfilling.reviewedBy" placeholder="请填写审核人" />
-                </el-form-item>
-                <el-form-item label="审核时间">
-                  <el-date-picker
-                    v-model="DingTalkfilling.auditTime"
-                    type="datetime"
-                    format="YYYY-MM-DD"
-                    value-format="YYYY-MM-DD HH:mm:ss"
-                    placeholder="请选择审核时间"
-                  />
-                </el-form-item>
+            <template v-if="slotProps.scope.column.label === '操作'">
+              <el-text @click="ViewDetails(slotProps.scope.row)">查看</el-text>
 
-                <!-- <el-form-item label="财务入账时间">
-                  <el-date-picker
-                    v-model="DingTalkfilling.entryTime"
-                    type="datetime"
-                    format="YYYY-MM-DD"
-                    value-format="YYYY-MM-DD HH:mm:ss"
-                    placeholder="请选择时间"
-                  />
-                </el-form-item> -->
-              </el-form>
-            </div>
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="dialogDingTalk = false">取消</el-button>
-                <el-button type="primary" @click="DingTalkSubmit"> 确认 </el-button>
-              </span>
+              <el-text
+                @click="WorkOrderAppeal(slotProps.scope.row)"
+                v-if="PermissionButton.Work_order_appeal(slotProps.scope.row)"
+                >申诉</el-text
+              >
+              <el-text
+                v-if="PermissionButton.Process_submission_button"
+                @click="ResultConfirmed(slotProps.scope.row)"
+                >处理提交</el-text
+              >
+              <el-text
+                @click="CancelWorkOrderAppeal(slotProps.scope.row)"
+                v-if="PermissionButton.Cancel_appeal_button(slotProps.scope.row)"
+                >取消申诉</el-text
+              >
+              <el-text
+                v-if="PermissionButton.Appeal_editor_button(slotProps.scope.row)"
+                @click="WorkOrderAppeal(slotProps.scope.row, 'edit')"
+                >编辑</el-text
+              >
+              <el-text
+                v-if="PermissionButton.Delete_appeal_button(slotProps.scope.row)"
+                @click="Deleteappealrecords(slotProps.scope.row, 'edit')"
+                >删除记录</el-text
+              >
             </template>
-          </el-dialog>
-
-          <!-- 总部客服经理权限 -->
-          <el-dialog
-            v-model="CustomerServicea"
-            title="客服默认指派"
-            width="50%"
-            class="el_Customer"
+          </template>
+        </tablecmt>
+      </el-row>
+
+      <!-- 分页模块 -->
+      <el-row class="el-fy">
+        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+          <div></div>
+          <el-pagination
+            align="right"
+            background
+            @size-change="sizeChange"
+            @current-change="currentChange"
+            :current-page="page.currentPage"
+            :page-sizes="[30, 50, 80, 120]"
+            :page-size="page.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="page.total"
           >
-            <div>
-              <el-button type="primary" @click="CreateAdditions">新增创建</el-button>
-              <el-tabs type="border-card" @tab-click="AssignSwitch">
-                <el-tab-pane name="0" label="总部指派"></el-tab-pane>
-                <el-tab-pane name="1" label="商场指派"></el-tab-pane>
-              </el-tabs>
-              <el-row v-if="AssignmentType == '1'">
-                <!-- 列表模块 -->
-                <tablecmt
-                  :columnList="CustomerColumnList"
-                  :tableData="CustomerData"
-                  :loading="CustomerLoad"
-                  @inputTxt="inputsc"
-                  @timeCheck="timesc"
-                  @btnCheck="btnsc"
-                  @selectCheck="selectsc"
-                  @selection="selectionChange"
-                  :isShowRefresh="false"
-                  :tableRowClassName="
-                    (row, index) => {
-                      if (row.conditions != null && row.conditions == '1') return 'Abnormal';
-                      else return '';
-                    }
-                  "
-                >
-                  <template #default="slotProps">
-                    <template v-if="slotProps.scope.column.label === '操作'">
-                      <div class="ElBtnClass">
-                        <el-button @click="Unbindassignment(slotProps.scope)">解绑</el-button>
-                        <el-button
-                          v-if="slotProps.scope.row.conditions != '1'"
-                          @click="setAsdefault(slotProps.scope)"
-                          >设为默认</el-button
-                        >
-                      </div>
-                    </template>
-                  </template>
-                </tablecmt>
-              </el-row>
-              <el-row v-else>
-                <!-- 列表模块 -->
-                <tablecmt
-                  :columnList="MallassignmentColumnList"
-                  :tableData="CustomerData"
-                  :loading="CustomerLoad"
-                  @inputTxt="inputsc"
-                  @timeCheck="timesc"
-                  @btnCheck="btnsc"
-                  @selectCheck="selectsc"
-                  @selection="selectionChange"
-                  :isShowRefresh="false"
-                  :tableRowClassName="
-                    (row, index) => {
-                      if (row.conditions != null && row.conditions == '1') return 'Abnormal';
-                      else return '';
-                    }
-                  "
-                >
-                  <template #default="slotProps">
-                    <template v-if="slotProps.scope.column.label === '操作'">
-                      <div class="ElBtnClass">
-                        <el-button @click="Unbindassignment(slotProps.scope)">解绑</el-button>
-                        <el-button
-                          v-if="slotProps.scope.row.conditions != '1'"
-                          @click="setAsdefault(slotProps.scope)"
-                          >设为默认</el-button
-                        >
-                      </div>
-                    </template>
-                  </template>
-                </tablecmt>
-              </el-row>
-              <!-- 分页模块 -->
-
-              <el-row class="el_FyCustomer">
-                <div></div>
-                <el-pagination
-                  align="right"
-                  background
-                  @size-change="assignsizeChange"
-                  @current-change="assigncurrentChange"
-                  :current-page="assigncurrentPage"
-                  :page-sizes="[30, 50, 80, 120]"
-                  :page-size="assignpageSize"
-                  layout="total, sizes, prev, pager, next, jumper"
-                  :total="CustomerTotal"
-                >
-                </el-pagination>
-              </el-row>
-            </div>
-            <div>
-              <!-- <el-form-item label="仓库选择">
-                <el-select
-                  v-model="BatchFrom.businessDepartment"
-                  multiple
-                  filterable
-                  default-first-option
-                  :reserve-keyword="false"
-                  placeholder="请选择仓库"
-                >
-                  <el-option
-                    v-for="item in warehouseData"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-              </el-form-item> -->
-            </div>
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="CustomerServicea = false">关闭</el-button>
-                <!-- <el-button type="primary" @click="dialogVisible = false">
-          确定
-        </el-button> -->
-              </span>
-            </template>
-          </el-dialog>
-
-          <el-dialog v-model="Createassignment" title="创建指派" width="50%" class="el_Customer">
-            <div
-              class="el_Createbinding"
-              v-loading="CreateassignmentLoading"
-              element-loading-text="正在处理中..."
+          </el-pagination>
+        </div>
+      </el-row>
+    </div>
+    <!-- 申诉弹窗 -->
+    <el-dialog
+      v-model="appeal.dialogappeal"
+      :title="appeal.AppealeditorState ? '工单申述编辑' : '工单申诉'"
+      width="60%"
+    >
+      <el-form ref="appealruleFormRef" :model="appeal" :rules="appealrules">
+        <div class="el_appeal" v-loading="appeal.loadingappeal" element-loading-text="Loading...">
+          <el-form-item label="选择实际责任方" prop="Appealselection">
+            <el-select
+              v-model="appeal.Appealselection"
+              clearable
+              filterable
+              multiple
+              placeholder="请选择实际责任方"
             >
-              <el-form-item :label="AssignmentType == '1' ? '仓库选择' : '商场选择'">
-                <el-select
-                  style="width: 240px"
-                  v-if="AssignmentType == '1'"
-                  v-model="BatchFrom.AssignWarehouse"
-                  filterable
-                  default-first-option
-                  :reserve-keyword="false"
-                  :placeholder="'请选择仓库'"
-                  @change="scChange"
-                >
-                  <el-option
-                    v-for="item in warehouseData"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                    :disabled="item.disabled"
-                  />
-                </el-select>
-
-                <el-select
-                  style="width: 240px"
-                  v-else
-                  v-model="BatchFrom.AssignWarehouse"
-                  filterable
-                  default-first-option
-                  :reserve-keyword="false"
-                  :placeholder="'请选择商场'"
-                  @change="scChange"
-                >
-                  <el-option
-                    v-for="item in Malldropdown"
-                    :key="item.value"
-                    :label="item.tripartiteMall"
-                    :value="item.id"
-                  />
-                </el-select>
-              </el-form-item>
-
-              <el-form-item label="客服选择" class="el_Customer">
-                <el-select
-                  v-model="AssignCustomerlist"
-                  multiple
-                  filterable
-                  default-first-option
-                  :reserve-keyword="false"
-                  placeholder="请选择客服"
-                  collapse-tags
-                  :max-collapse-tags="2"
-                >
-                  <el-option
-                    v-for="item in AssignCustomerservice"
-                    :key="item.value"
-                    :label="item.realName"
-                    :value="item.id"
-                    :disabled="item.disabled"
-                  />
-                </el-select>
-              </el-form-item>
-            </div>
-
-            <div class="el_bqList">
-              <tablecmt
-                :columnList="customerserviceColumnList"
-                :tableData="customerData"
-                :loading="CustomerLoad"
-                :isShowRefresh="false"
-                @inputTxt="inputsc"
-                @timeCheck="timesc"
-                @btnCheck="btnsc"
-                @selectCheck="selectsc"
-                @selection="selectionChange"
-              >
-              </tablecmt>
-            </div>
-
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="Createassignment = false">取消</el-button>
-                <el-button
-                  type="primary"
-                  :disabled="CreateassignmentLoading"
-                  @click="AssignSubmission"
-                >
-                  提交
-                </el-button>
-              </span>
-            </template>
-          </el-dialog>
-
-          <!-- 财务入账弹窗 -->
-          <el-dialog v-model="dialogFinancialaccounting" title="财务入账" width="30%">
-            <div
-              class="el_DingTalk"
-              v-loading="loadingFinancial"
-              element-loading-text="正在处理中..."
+              <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="Reasonforappeal">
+            <el-input
+              v-model="appeal.Reasonforappeal"
+              :rows="4"
+              type="textarea"
+              placeholder="请输入申诉原因"
+            />
+          </el-form-item>
+          <el-form-item label="照片(上传一张)">
+            <el-upload
+              v-model:file-list="appeal.AppealAttachment"
+              list-type="picture-card"
+              :action="doubledCount"
+              :before-upload="beforeAvatarUpload"
+              :headers="headers"
+              multiple
+              drag
             >
-              <el-form :model="FinancialFrom" label-width="120px">
-                <el-form-item label="操作人">
-                  <el-input v-model="FinancialFrom.operator" placeholder="请填写操作人" />
-                </el-form-item>
-                <el-form-item label="财务入账时间">
-                  <el-date-picker
-                    v-model="FinancialFrom.entryTime"
-                    type="datetime"
-                    format="YYYY-MM-DD"
-                    value-format="YYYY-MM-DD HH:mm:ss"
-                    placeholder="请选择财务入账时间"
-                  />
-                </el-form-item>
-              </el-form>
-            </div>
-            <template #footer>
-              <span class="dialog-footer">
-                <el-button @click="dialogFinancialaccounting = false">取消</el-button>
-                <el-button type="primary" @click="Financialfilling" :disabled="loadingFinancial">
-                  确认
-                </el-button>
-              </span>
-            </template>
-          </el-dialog>
-        </basic-container>
+              <el-icon><Plus /></el-icon>
+            </el-upload>
+          </el-form-item>
+
+          <span class="el_sdialog-footer">
+            <el-button @click="appeal.dialogappeal = false">取消</el-button>
+            <el-button type="primary" @click="Appealbutton"> 确定 </el-button>
+          </span>
+        </div>
+      </el-form>
+    </el-dialog>
+    <!-- 处理结果批量打回弹窗 -->
+    <el-dialog v-model="BatchReturn.dialogReturn" title="批量打回" width="40%" class="plAllret">
+      <el-form
+        v-loading="BatchReturn.repulseloading"
+        element-loading-text="正在打回中..."
+        label-position="top"
+        label-width="100px"
+        :model="BatchReturn.BatchFrom"
+        :rules="BatchReturn.rules"
+        ref="batchReturnForm"
+      >
+        <el-form-item label="打回原因" prop="txt">
+          <el-input
+            v-model="BatchReturn.BatchFrom.txt"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入打回原因"
+          />
+        </el-form-item>
+
+        <el-form-item label="流转营业部" prop="businessDepartment">
+          <el-select
+            v-model="BatchReturn.BatchFrom.businessDepartment"
+            multiple
+            filterable
+            default-first-option
+            :reserve-keyword="false"
+            placeholder="请选择要打回的营业部"
+          >
+            <el-option
+              v-for="item in warehouseData"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="BatchReturn.BatchReturn.dialogReturn = false">取消</el-button>
+          <el-button type="primary" @click="ConfirmReturn()" :disabled="BatchReturn.repulseloading">
+            提交
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+    <!-- 工单指派弹窗 -->
+    <el-dialog v-model="assignFrom.dialogassign" title="工单指派" width="40%" class="plAllret">
+      <el-form
+        v-loading="assignFrom.AssignLoad"
+        element-loading-text="正在处理中..."
+        label-position="top"
+        label-width="100px"
+        :model="assignFrom"
+        :rules="assignFrom.rules"
+        ref="assignFromForm"
+      >
+        <el-form-item label="客服列表" prop="businessDepartment">
+          <el-select
+            v-model="assignFrom.businessDepartment"
+            filterable
+            default-first-option
+            :reserve-keyword="false"
+            placeholder="请选择指派客服"
+          >
+            <el-option
+              v-for="item in assignFrom.customerService"
+              :key="item.value"
+              :label="item.realName"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="assignFrom.dialogassign = false">取消</el-button>
+          <el-button type="primary" @click="Assignbutton" :disabled="assignFrom.AssignLoad">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+
+    <!-- 搜索弹窗 -->
+    <div class="Searchboxpop-upwindow">
+      <el-dialog
+        v-model="Searchboxpop.dialogSearch"
+        :title="Searchboxpop.SearchboxpopUpwindowtitle"
+        :show-close="false"
+        :fullscreen="Searchboxpop.fullscreen"
+        :close-on-click-modal="false"
+        :draggable="true"
+        :overflow="false"
+        width="50%"
+      >
+        <template #header>
+          <div class="title">
+            <span>{{ Searchboxpop.SearchboxpopUpwindowtitle }}</span>
+          </div>
+          <div class="div_icon">
+            <el-icon @click="minimize"><Minus /></el-icon>
+            <el-icon @click="maximize"><FullScreen /></el-icon>
+            <el-icon @click="close"><CloseBold /></el-icon>
+          </div>
+        </template>
+        <el-input
+          v-model="TopQuery.inputAll"
+          style="width: 100%; height: 100%"
+          :autosize="{ minRows: 24 }"
+          type="textarea"
+          placeholder="每一行算一个搜索单位“多个请【换行】输入"
+        />
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button type="primary" @click="dialogSearchSubmit"> 确认 </el-button>
+          </div>
+        </template>
+      </el-dialog>
+    </div>
+    <!-- 最小化窗口 -->
+    <div class="minimize_windows" v-if="Searchboxpop.MinimizeState">
+      <div class="title">
+        <span>{{ Searchboxpop.SearchboxpopUpwindowtitle }}</span>
       </div>
-    </el-tabs>
-  </div>
+      <div class="div_icon">
+        <el-icon @click="ExpandWindow"><FullScreen /></el-icon>
+        <el-icon @click="DestroyWindow"><Close /></el-icon>
+      </div>
+    </div>
+
+    <el-dialog v-model="ExportObjects.tcTableexport" title="本地导出" width="40%">
+      <Tableexportcomponent
+        :menuData="details.columnListPublic"
+        :data="data"
+        :checkedData="details.selectionList"
+      ></Tableexportcomponent>
+    </el-dialog>
+
+    <el-dialog
+      v-model="ExportObjects.ExportSelection"
+      style="width: 30%; height: 150px"
+      class="el_exportSelection"
+    >
+      <el-tooltip
+        class="box-item"
+        effect="dark"
+        content="从服务器导出数据,数据量大时可能会导致卡顿"
+        placement="top-start"
+      >
+        <el-button type="primary" @click="NetworkExport"> 网络导出 </el-button>
+      </el-tooltip>
+      <el-tooltip
+        class="box-item"
+        effect="dark"
+        content="从本地导出,导出当前页面支持自【定义导出字段】和【自定义表名】"
+        placement="top-end"
+      >
+        <el-button type="primary" @click="LocalExport"> 本地导出 </el-button>
+      </el-tooltip>
+    </el-dialog>
+  </basic-container>
   <!-- 列表配置显示 -->
-  <edittablehead
-    @closce="showdrawer"
-    :drawerShow="drawerShow"
-    :columnList="details.columnList"
-    v-model="details.columnList"
-  ></edittablehead>
+  <template v-for="columnList in columnListNames" :key="columnList">
+    <edittablehead
+      v-if="columnListName == columnList"
+      @closce="showdrawer"
+      :drawerShow="drawerShow"
+      :columnList="details.columnListPublic"
+      v-model="details.columnListPublic"
+      :columnListName="columnListName"
+    >
+    </edittablehead>
+  </template>
 </template>
+<script>
+export default {
+  name: '/aftersales/aftersalesWorkOrder',
+};
+</script>
 <script setup>
-import { ElMessage } from 'element-plus';
-import { ElMessageBox } from 'element-plus';
-import { Plus } from '@element-plus/icons-vue';
+import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
+
 import { useStore } from 'vuex';
-import { exportBlob } from '@/api/common';
+import {
+  processRowPropertyName,
+  setNodeHeight,
+  downloadXls,
+  handleClearTableQuery,
+  deepClone,
+} from '@/utils/util';
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { getDictionaryBiz } from '@/api/system/dict';
+import { getToken } from '@/utils/auth';
+import dayjs from 'dayjs';
+import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import {
   $_getList,
   $_submit,
@@ -1063,24 +512,18 @@ import {
   $_aftersalesCustomerMallgetByClientId,
   $_exportaftersalesOvertimeFine,
 } from '@/api/aftersales/aftersalesWorkOrder';
-import { getToken } from '@/utils/auth';
-import NProgress from 'nprogress';
-import { getDictionaryBiz } from '@/api/system/dict'; //字典
-import functions from '@/utils/functions.js';
-import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
-import {
-  ref,
-  reactive,
-  toRefs,
-  computed,
-  onMounted,
-  nextTick,
-  watch,
-  getCurrentInstance,
-  onActivated,
-} from 'vue';
 import {
   columnList,
+  columnList1,
+  columnList2,
+  columnList3,
+  columnList4,
+  columnList5,
+  columnList6,
+  columnList7,
+  columnList8,
+  columnList9,
+  columnList10,
   recordList,
   Claimsfield,
   AppealList,
@@ -1089,396 +532,248 @@ import {
   MallassignmentColumnList,
   customerserviceColumnList,
 } from '@/option/aftersales/vueTvemp.js';
-import { processRowProperty, isNumber, computeNumber, setNodeHeight } from '@/utils/util';
-import { compressImageBlob } from '@/components/IMGcompressor/imgcompressor.js';
-import { useRouter } from 'vue-router';
-import { downloadXls, deepClone } from '@/utils/util';
-import dayjs from 'dayjs';
-const $router = useRouter();
-const $useStore = useStore();
-const $route = useRoute();
-/** vuex */
-const customerData = ref([]); //查询已绑定的客服
-const pageLoad = ref(false);
-console.log($useStore, '$useStore');
-const accessControl = $useStore.getters.permission;
-console.log(accessControl, '权限按钮');
-const loadingFinancial = ref(false);
-const assigncurrentPage = ref(1); //商场当前多少
-const assignpageSize = ref(30);
-const Malldropdown = ref([]); //商场选择
-const scChange = val => {
-  CreateassignmentLoading.value = true; //开启加载
-  $_aftersalesCustomerMallgetByClientId({ clientId: val }).then(res => {
-    customerData.value = res.data.data;
-    AssignCustomerservice.value.forEach(itemA => {
-      let exists = customerData.value.some(itemB => itemB.customerServiceId == itemA.id);
-      itemA.disabled = exists ? true : false;
-    });
-    CreateassignmentLoading.value = false; //开启加载
-    console.log(AssignCustomerservice.value, '处理好的数据');
-  });
-};
-// workAdd;//新增
-// batch_return;//批量打回
-// assign;//工单指派
-// apply_arbitration;//申请完结
-// batch_completion;//批量完结
-// representations;//申诉
-// reply;//回复
-// processing_completed;//处理完结
-// work_order_completion;//完结
-// repulse;//打回
-// arbitration_completed;//完结完结
-// information_editing;//信息编辑
-console.log(accessControl.workAdd, '新增按钮权限');
-// const PermissionButton = computed(() => {
-//   return {
-//     workAdd: accessControl.workAdd, //新增
-//     batch_return: accessControl.batch_return, //批量打回
-//     assign: accessControl.assign, //工单指派
-//     apply_arbitration: accessControl.apply_arbitration, //申请完结
-//     batch_completion: accessControl.batch_completion, //批量完结
-//     representations: accessControl.representations, //申诉
-//     reply: accessControl.reply, //回复
-//     processing_completed: accessControl.processing_completed, //处理完结
-//     work_order_completion: accessControl.work_order_completion, //完结
-//     repulse: accessControl.repulse, //打回
-//     arbitration_completed: accessControl.arbitration_completed, //完结完结
-//     information_editing: accessControl.information_editing, //信息编辑
-//   };
-// });
+const Tableexportcomponent = defineAsyncComponent(() =>
+  import('@/components/Tableexportcomponent/Tableexportcomponent.vue')
+);
 
-const PermissionButton = computed(() => {
-  return {
-    workAdd: accessControl.workAdd, //新增
-    batch_return: accessControl.batch_return, //批量打回
-    assign: accessControl.assign, //工单指派
-    apply_arbitration: accessControl.apply_arbitration, //申请完结
-    batch_completion: accessControl.batch_completion, //批量完结
-    representations: accessControl.representations, //申诉
-    reply: accessControl.reply, //回复
-    processing_completed: accessControl.processing_completed, //处理完结
-    work_order_completion: accessControl.work_order_completion, //完结
-    repulse: accessControl.repulse, //打回
-    arbitration_completed: accessControl.arbitration_completed, //完结完结
-    information_editing: accessControl.information_editing, //信息编辑
-  };
+const columnListNames = [
+  'columnList',
+  'columnList1',
+  'columnList2',
+  'columnList3',
+  'columnList4',
+  'columnList5',
+  'columnList6',
+  'columnList7',
+  'columnList8',
+  'columnList9',
+  'columnList10',
+];
+// (0, '全部'),
+// (8, '待回复'),
+// (3, '待处理(新建)'),
+// (1, '处理中'),
+// (4, '理赔金额未出'),
+// (2, '处理完毕'),
+// (5, '客服介入'),
+// (9, '待审核'),
+// (6, '完结'),
+// (10, '申诉列表'),
+// (7, '超时未处理'),
+
+const $router = useRouter(); //跳转
+const $useStore = useStore(); //权限
+const $route = useRoute(); //获取地址栏参数
+const tabValue = ref(0); //菜单激活
+const UserPermissions = ref(''); //当前人身份
+const workOrderStatus = ref(30); //工单状态
+const PageLoading = ref(false); //页面loading
+const warehouseData = ref([]); //仓库信息
+const UserInfo = ref({}); //登陆人信息
+const assignFromForm = ref(null); //指派客服表单实例
+const dialogSearch = ref(false); //弹窗搜索
+const ExportObjects = ref({
+  tcTableexport: false, //本地导出
+  ExportSelection: false, //导出选择弹窗
 });
-const CustomerServicea = ref(false); //客服指派弹窗
-const dialogFinancialaccounting = ref(false); //财务入账
-const dialogCustomer = ref(false); //客服介入弹窗
-const CustomerServiceForm = ref({}); //客服介入表单
-const DingTalkfilling = ref({}); //钉钉号表单
-const dialogDingTalk = ref(false); //钉钉号弹窗
-const tabValue = ref(0); //侧边栏激活状态
-const publicColumnList = ref([]); //公共列表参数
-const scrollContainer = ref(null); //客服实例
-const workOrderStatus = ref(null); //侧边栏参数
-const BatchFrom = ref({}); //批量打回
-const AssignCustomerlist = ref([]); //指派选择人员列表
-const selectList = ref([]); //表格勾选选中
-const CustomerLoad = ref(false); //客服指派查询弹窗加载
-const FinancialFrom = ref({}); //财务入账填写
-const currentPage = ref(1); // 默认页码
-const TransportlossList = ref([
-  //运损发现节点
-]);
-const pageSize = ref(30); // 默认每一页几条
-const AppealAttachment = ref([]); //申诉附件
-const total = ref(0); //页码总页数
-const KFinput = ref(''); //客服发送消息
-const Appealselection = ref([]); //申诉选择的责任人
-const CustomerTotal = ref(0); //总页码客服指派
-const KFfeel = ref(''); //文件附件地址
-const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条
-const background = ref(true); // 是否开启背景颜色
-const disabled = ref(false); // 是否禁止使用页码功能
-const fromamount = ref({}); //修改金额表单
-const TimeoutStatus = ref(false); //超时列表状态
-const loading = ref(false); //首页表格加载效果
-const Createassignment = ref(false); //创建指派
-const CreateassignmentLoading = ref(false); //客服指派加载效果
-const dialogReturn = ref(false); //批量打回弹窗状态
-const dialogappeal = ref(false); //申诉弹窗状态
-const Indexdialog = ref(false); //新增弹窗
-const Reasonforappeal = ref(''); //申诉原因
-const Indexform = ref({}); //首页新增表单
-const dialogcustomerService = ref(false); //客服信息
-const IndexException = ref([]); //异常类型下拉选择
-const DiscoveringNodes = ref([]); //发现节点下拉选择
-const warehouseData = ref([]); //处理方
-const customerService = ref([]);
-const IndexForm = ref(null); //首页表实例
-const FromDisabled = ref(false); //详情禁止输入框
-const loadingappeal = ref(false); //工单申诉状态
-const SelectType = ref(null); //类型
-const ListRow = ref(); //当前行数据
-const appealList = ref(); //申诉选择的参数
-const appealData = ref(); //申诉单条数据
-const StateType = ref(true); //类型
-const dialogassign = ref(false); //工单指派
-const AssignLoad = ref(false); //工单指派加载
-const assignFrom = ref({}); //工单指派表单
-const dialogImageUrl = ref('');
-const dialogVisible = ref(false);
-const groundlineType = ref(null); //干线状态
-const groundlineSet = ref(true); //干线条件都满足
-const enddialog = ref(false); //完结弹窗
-const endFrom = ref({}); //完结弹窗表单
-const screenHeight = ref(0); // 屏幕高度
-const eightyPercentHeight = ref(0); // 80% 高度
-const list = ref([]);
-const options = ref([]);
-const arbitrationTemp = ref(0); //完结当点击的那个菜单
-const CustomerData = ref([]); //客服指派表格查询
-const repulse = ref(false);
-const dialogBatchcompletion = ref(false); //批量完结弹窗
-const PLloading = ref(false);
-const Mydata = ref(null); //仓库关键信息
-const ProcessingList = ref([]); //赔付方式列表
-const AssignCustomerservice = ref([]); //工单指派客服列表
-const iconState = ref(false); //消息状态
-const ProcessingPartyState = ref(false); //处理方数据(为真才显示)
-const currentUser = ref(null); //存放当前的对话框必要Id
-const ArbitrationStatus = ref(null); //申请完结状态
-const TotalamountCompensation = ref(0); //赔款金额合计
-const TotalamountReceived = ref(0); //收款金额合计
-const Reasonarbitration = ref(null); //完结原因
-const BatchcompletionHeight = ref(0); //批量完结弹窗
-const userInfo = ref(); //当前登录人信息
-const ClaimStatus = ref(false); //理赔状态
-const AppealStatus = ref(false); //申诉列表状态
-const dialogModifyAmount = ref(false); //超时金额修改弹出状态
-const UserPermissions = ref('仓库客服'); //客服权限
-const TabPermissions = ref(0); //菜单权限
-const AssignmentType = ref('1'); //指派切换类型
-const AppealeditorState = ref(false); //申诉是否为编辑状态(默认否)
-const AppealStatusT = ref(false); //是否为申诉列表
-const loadingCustomer = ref(false); //客服介入弹窗加载
-const TabList = ref([
-  { name: 0, label: '全部', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50,},
-  { name: 8, label: '待回复', state: false, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-  { name: 3, label: '待处理(新建)', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-  { name: 1, label: '处理中', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-  { name: 4, label: '理赔金额未出', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-  { name: 2, label: '处理完毕', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-  { name: 5, label: '客服介入', state: true, request: true, DataList: [], total: 0 ,currentPage: 1,pageSize: 50,},
-  { name: 9, label: '待审核', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-  { name: 6, label: '完结', state: true, request: true, DataList: [], total: 0 ,currentPage: 1,pageSize: 50,},
-  { name: 7, label: '超时未处理', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
-]); //标签栏
-
-const DeliveryDriver = ref([]);
-const CompensationParty = ref([
-  { name: '', state: 0, num: null, reason: '', cld: 1, warehouseId: '', personResponsibleName: '' }, //赔款方
-  { name: '', state: 1, num: null, reason: '', cld: 1, warehouseId: '', personResponsibleName: '' }, //受款方
-]); //收/赔
-
-const details = reactive({
-  /** 是否开启搜索 */
-  search: false,
-  /** 表格搜索条件 */
-  query: {
-    workOrderStatus: UserPermissions.value == '仓库客服' ? '1000' : '',
-  },
-  /** 时间快捷选择设置 */
-  shortcuts: [
-    {
-      text: '最近一周',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-        return [start, end];
-      },
-    },
-    {
-      text: '最近一个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-        return [start, end];
-      },
-    },
-    {
-      text: '最近三个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-        return [start, end];
-      },
-    },
-  ],
-  /** 列表 */
-  columnList: deepClone(columnList),
-
-  /** 列表数据 */
-  data: [],
-  // 处理记录
-  recordList: deepClone(recordList),
-  // 处理记录数据
-  recorddata: [],
-  /** 页面loading */
-  loadingObj: {
-    /** 列表加载loading */
-    list: false,
-    packageListLoading: false,
-  },
-  /** 列表复选框选中的数据 */
-  selectionList: [],
-  /** 是否显示设置表格 */
-  drawerShow: false,
-  /** 分页参数 */
-  page: {
-    currentPage: 1,
-    pageSize: 50,
-    total: 0,
-  },
-
-  /** 弹出层显示 */
-  popUpShow: {
-    /** 包件明细 */
-    packageOrderListlVisited: false,
-    /** 二维码 */
-    QRCodeVisible: false,
-    /** 修改客户信息 */
-    editClientInfoVisible: false,
+// 多行搜索
+const Searchboxpop = ref({
+  SearchboxpopUpwindowtitle: '', //标题
+  dialogSearch: false, ///弹窗是否展开
+  fullscreen: false, //是否全屏
+  MinimizeState: false, //是否最小化
+});
+const assignFrom = ref({
+  dialogassign: false,
+  AssignLoad: false,
+  customerService: [], //客服列表
+  rules: {
+    businessDepartment: [{ required: true, message: '请选择要指派的客服', trigger: 'blur' }],
   },
-  /** 列表Dom节点 */
-  listNode: '',
-  form: {},
-  /** 全屏 */
-  fullscreenObj: {
-    /** 包明细 */
-    packageOrderListlVisited: false,
+}); //工单指派总部客服
+const batchReturnForm = ref(null);
+const BatchReturn = ref({
+  //批量打回弹窗
+  dialogReturn: false,
+  // 批量打回loading,
+  repulseloading: false,
+  BatchFrom: {},
+  rules: {
+    txt: [{ required: true, message: '请输入打回原因', trigger: 'blur' }],
+    businessDepartment: [{ required: true, message: '请选择至少一个营业部', trigger: 'change' }],
   },
 });
+const appeal = ref({
+  dialogappeal: false, //工单申诉弹窗
+  AppealeditorState: false, //申诉是否为编辑状态(默认否)
+  loadingappeal: false, //申诉弹窗loading
+  Appealselection: [], //申诉弹窗选中数据
+  AppealAttachment: [], //申诉照片
+  Reasonforappeal: '', //申诉原因
+  selectList: [], //申诉列表
+  selectionList: [], //要申诉的数据
+});
+const appealruleFormRef = ref();
+const columnListName = ref('columnList');
+/**
+ * 人身份
+ * Warehouse_customer_service  仓库客服
+ * Headquarters_customer_service  总部客服
+ * Headquarters_Manager 总部客服经理
+ */
+const Useridentity = {
+  Warehouse_customer_service: '仓库客服',
+  Headquarters_customer_service: '总部客服',
+  Headquarters_Manager: '总部客服经理',
+};
+const TabPermissions = ref(0); //记录的菜单编号
+const TopQuery = ref({
+  CreateTiem: [],
+});
+// 必要初始化字典
+const dictionaries = {
+  pc_work_order: ref([]), ////异常类型
+  pc_discovery_node: ref([]), //发现环节
+  work_order_status: ref([]), //工单状态
+  after_sales_visits: ref([]), //角色部门
+};
+// 菜单标签
+const createTabItem = (name, label) => ({
+  name,
+  label,
+  state: true,
+  DataList: [],
+  total: 0,
+  request: true, //是否请求
+  currentPage: 1,
+  pageSize: 30,
+  query: {},
+});
 
-const {
-  search,
-  query,
-  shortcuts,
-  data,
-  loadingObj,
-  selectionList,
-  drawerShow,
-  page,
-  trickleLoadingPage,
-  zeroAdditionalRecordingInfo,
-  popUpShow,
-  recorddata,
-} = toRefs(details);
-
-// let tab = [
-//   { label: '全部', value: 0 },
-//   { label: '处理中', value: 1 },
-//   { label: '待处理完毕', value: 2 },
-//   { label: '待处理', value: 3 },
-//   { label: '理赔金额未出', value: 4 },
-//   { label: '完结', value: 5 },
-//   { label: '完结', value: 6 },
-//   { label: '超时未处理', value: 7 },
-// ];
-
-// // 按钮配置
-// // 1.新增  2.批量打回 3.工单指派 4.申请完结 5.批量完结  6.申诉
-
-// // 角色配置
-// // 1.仓库客服
-// // 2.职能客服
-// // 3.客服经理
-
-// // 在value == 0状态下的权限配置
-// 1.新增  只能仓库客服查看
-// 2.批量打回  只能职能客服查看
-// 3.工单指派  只能客服经理查看
-// 4.申请完结   只能仓库客服查看
-// 5.批量完结    只能职能客服查看
-// 6.申诉        隐藏
-
-// // 在value==1状态下的权限配置
-// 1.新增        隐藏
-// 2.批量打回    只能仓库客服查看
-// 3.工单指派     隐藏
-// 4.申请完结     只能仓库客服查看
-// 5.批量完结     只能职能客服和客服经理查看
-// 6.申诉         隐藏
-// // 在value==2状态下的权限配置
-// 隐藏所有按钮
-
-// // 在value==3状态下的权限配置
-// 1.新增          隐藏
-// 2.批量打回       只能仓库客服查看
-// 3.工单指派      只能客服经理查看
-// 4.申请完结    隐藏
-// 5.批量完结    隐藏
-// 6.申诉        隐藏
-
-// // 在value==4状态下的权限配置
-// 1.新增       隐藏
-// 2.批量打回   隐藏
-// 3.工单指派   隐藏
-// 4.申请完结  隐藏
-// 5.批量完结   隐藏
-// 6.申诉    仓库客服查看
-
-// // 在value==5状态下的权限配置
-// 1.新增       隐藏
-// 2.批量打回   隐藏
-// 3.工单指派   隐藏
-// 4.申请完结  隐藏
-// 5.批量完结  隐藏
-// 6.申诉      隐藏
-
-// // 在value==6状态下的权限配置
-// 1.新增   隐藏
-// 2.批量打回   隐藏
-// 3.工单指派   隐藏
-// 4.申请完结  隐藏
-// 5.批量完结  隐藏
-// 6.申诉     隐藏
-
-// // 在value== 7 状态下的权限配置
-// 1.新增    隐藏
-// 2.批量打回  隐藏
-// 3.工单指派  隐藏
-// 4. 申请完结  隐藏
-// 5.批量完结  隐藏
-// 6.申诉  隐藏
-
-// 角色通过  UserPermissions 变量控制
-// 菜单通过 TabPermissions变量 来控制
-// 例如：
-// const UserPermissions = ref('仓库客服'); //客服权限
-// const TabPermissions = ref(0); //菜单权限
-// 按钮权限
-
+const TabList = ref([
+  createTabItem(0, '全部'),
+  createTabItem(8, '待回复'),
+  createTabItem(3, '待处理(新建)'),
+  createTabItem(1, '处理中'),
+  createTabItem(4, '理赔金额未出'),
+  createTabItem(2, '处理完毕'),
+  createTabItem(5, '客服介入'),
+  createTabItem(9, '待审核'),
+  createTabItem(6, '完结'),
+  createTabItem(10, '申诉列表'),
+  createTabItem(7, '超时未处理'),
+]);
+/**
+ * @description 申诉按钮的逻辑
+ * @returns {boolean} 是否显示申诉按钮
+ */
+const WorkOrderAppealButton = () => row => {
+  // 如果是仓库客服角色
+  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
+    // 并且当前标签是申诉列表
+    if (TabPermissions.value == 6) {
+      // 则显示申诉按钮
+      if (row.canRepresentations && row.workOrderStatus != 100) {
+        return true;
+      }
+    }
+  }
+  // 否则不显示申诉按钮
+  return false;
+};
+/**
+ * @description 取消申诉按钮的逻辑
+ * @returns {boolean} 是否显示申诉按钮
+ */
+const CancelAppealButton = () => row => {
+  // 如果是仓库客服角色
+  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
+    // 并且当前标签是申诉列表
+    if (TabPermissions.value == 10) {
+      if (row.typesOf == '0') {
+        // 则显示申诉按钮
+        return true;
+      }
+    }
+  }
+  return false;
+};
+/**
+ * @description 编辑申诉按钮的逻辑
+ * @returns {boolean} 是否显示申诉编辑按钮
+ */
+const AppealEditorButton = () => row => {
+  // 如果是仓库客服角色
+  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
+    // 并且当前标签是申诉列表
+    if (TabPermissions.value == 10) {
+      if (row.typesOf == '0') {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+/**
+ * @description 编辑申诉按钮的逻辑
+ * @returns {boolean} 是否显示申诉删除按钮
+ */
+const Deleteappealbutton = () => row => {
+  // 如果是仓库客服角色
+  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
+    // 并且当前标签是申诉列表
+    if (TabPermissions.value == 10) {
+      // 则显示申诉按钮
+      if (row.typesOf == '3') {
+        return true;
+      }
+    }
+  }
+  // 否则不显示申诉按钮
+  return false;
+};
+/**
+ * @description 处理金额提交按钮的逻辑
+ * @returns {boolean} 是否显示理赔金额未出处理提交按钮
+ */
+const ProcessSubmission = () => {
+  // 如果是仓库客服角色
+  if (TabPermissions.value == 4) {
+    // 则显示申诉按钮
+    return true;
+  }
+  // 否则不显示申诉按钮
+  return false;
+};
+
+/**
+ * @description 操作栏按钮权限
+ * @returns {boolean} 是否显示相关按钮
+ */
+const PermissionButton = computed(() => ({
+  Work_order_appeal: WorkOrderAppealButton(),
+  Cancel_appeal_button: CancelAppealButton(),
+  Appeal_editor_button: AppealEditorButton(),
+  Delete_appeal_button: Deleteappealbutton(),
+  Process_submission_button: ProcessSubmission(),
+}));
 const ButtonPermissions = computed(() => {
   // 根据 TabPermissions 的状态，决定每个按钮的显示隐藏逻辑
   switch (TabPermissions.value) {
     case 0: //全部
       return {
-        // add: true, //新增按钮
-        // batchReject: true, //批量打回
-        // assignment: true, //工单指派
-        // applyArbitration:true, //客服介入
-        // DingTalkNumber:true,//钉钉号填写
-        // batchFinish:true, //批量完结
-        // appeal: true, //申诉
         add: true, //新增按钮
         batchReject: false, //批量打回
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         DingTalkNumber: false, //钉钉号填写
         batchFinish: false, //批量完结
-        appeal: false, //申诉
+        Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
+        Result_review: false, //结果审核（总部审核处理结果）
         Financial_accounting: false, //财务入账
-        defaultassignments: UserPermissions.value != '仓库客服', //默认指派
+        defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
       };
@@ -1486,15 +781,15 @@ const ButtonPermissions = computed(() => {
       return {
         add: false, //新增按钮
         batchReject: false, //批量打回
-        assignment: UserPermissions.value != '仓库客服', //工单指派
-        applyArbitration: UserPermissions.value == '仓库客服', //客服介入
+        assignment: UserPermissions.value != Useridentity.Warehouse_customer_service, //工单指派
+        applyArbitration: UserPermissions.value == Useridentity.Warehouse_customer_service, //客服介入
         DingTalkNumber: false, //钉钉号填写
         batchFinish: false, //批量完结
-        Batchdetermination: UserPermissions.value != '仓库客服', //批量确定
-        appeal: false, //申诉
+        Batchdetermination: false, //处理结果批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
+        Result_review: UserPermissions.value == Useridentity.Headquarters_customer_service, //结果审核（总部审核处理结果）
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
@@ -1502,15 +797,15 @@ const ButtonPermissions = computed(() => {
     case 2: //处理完毕
       return {
         add: false, //新增按钮
-        batchReject: UserPermissions.value == '总部客服', //批量打回
-        assignment: true, //工单指派
+        batchReject: UserPermissions.value == Useridentity.Headquarters_customer_service, //批量打回
+        assignment: UserPermissions.value != Useridentity.Warehouse_customer_service, //工单指派
         applyArbitration: false, //客服介入
         DingTalkNumber: false, //钉钉号填
         batchFinish: false, //批量完结
-        appeal: UserPermissions.value == '仓库客服' && AppealStatusT.value, //申诉
-        Batchdetermination: UserPermissions.value == '仓库客服', //批量确定
+        Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
+        Result_review: false, //结果审核（总部审核处理结果）
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
@@ -1520,14 +815,14 @@ const ButtonPermissions = computed(() => {
       return {
         add: false, //新增按钮
         batchReject: false, //批量打回
-        assignment: true, //工单指派
+        assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
-        appeal: false, //申诉
         Batchdetermination: false, //批量确定
         DingTalkNumber: false, //钉钉号填写
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
+        Result_review: false, //结果审核（总部审核处理结果）
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
@@ -1540,12 +835,12 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
-        appeal: false, //申诉
         DingTalkNumber: false, //钉钉号填写
-        Batchdetermination: false, //批量确定
+        Batchdetermination: true, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
+        Result_review: false, //结果审核（总部审核处理结果）
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
@@ -1557,12 +852,12 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
-        appeal: false, //申诉
         DingTalkNumber: false, //钉钉号填写
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
-        ArbitrationDetermination: UserPermissions.value != '仓库客服', //批量完结确定
+        ArbitrationDetermination: UserPermissions.value != Useridentity.Warehouse_customer_service, //批量总裁完结确定
         Financial_accounting: false, //财务入账
+        Result_review: false, //结果审核（总部审核处理结果）
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
@@ -1574,13 +869,13 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
-        DingTalkNumber: UserPermissions.value == '总部客服经理' && !AppealStatusT.value, //钉钉号填写, //钉钉号填写
-        appeal: UserPermissions.value == '仓库客服', //申诉
+        DingTalkNumber: UserPermissions.value != Useridentity.Warehouse_customer_service, //钉钉号填写, //钉钉号填写
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
-        Financial_accounting: UserPermissions.value != '仓库客服' && !AppealStatusT.value, //财务入账
+        Financial_accounting: UserPermissions.value != Useridentity.Warehouse_customer_service, //财务入账
         defaultassignments: false, //默认指派
+        Result_review: false, //结果审核（总部审核处理结果）
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
       };
@@ -1591,13 +886,13 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
-        appeal: false, //申诉
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: false, //导出报表
+        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: true, //超时导出
       };
     case 8: //待回复
@@ -1607,13 +902,13 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: true, //客服介入
         batchFinish: false, //批量完结
-        appeal: false, //申诉
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
-        export_Report: false, //导出报表
+        export_Report: true, //导出报表
+        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: false, //超时导出
       };
     case 9: //待审核
@@ -1622,14 +917,30 @@ const ButtonPermissions = computed(() => {
         batchReject: false, //批量打回
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
-        batchFinish: UserPermissions.value != '仓库客服', //批量完结
-        appeal: false, //申诉
+        batchFinish: false, //批量完结
         Batchdetermination: false, //批量确定
-        ManagerConfirmed: UserPermissions.value == '总部客服经理', //处理完毕下面的客服经理批量确定
+        ManagerConfirmed: UserPermissions.value == Useridentity.Headquarters_Manager, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
+        Result_review: false, //结果审核（总部审核处理结果）
+        Timed_outexport: false, //超时导出
+      };
+    case 10: //申诉列表
+      return {
+        add: false, //新增按钮
+        batchReject: false, //批量打回
+        assignment: false, //工单指派
+        applyArbitration: false, //客服介入
+        batchFinish: false, //批量完结
+        Batchdetermination: false, //批量确定
+        ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
+        ArbitrationDetermination: false, //批量完结确定
+        Financial_accounting: false, //财务入账
+        defaultassignments: false, //默认指派
+        export_Report: false, //导出报表
+        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: false, //超时导出
       };
     // 其他任何情况下的默认情况
@@ -1640,317 +951,235 @@ const ButtonPermissions = computed(() => {
         assignment: false,
         applyArbitration: false,
         batchFinish: false,
-        appeal: false,
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: false, //导出报表
+        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: false, //超时导出
       };
   }
 });
-
-const ProcessingResults = [
-  {
-    value: '0',
-    label: '维修',
-  },
-  {
-    value: '1',
-    label: '补漆',
-  },
-  {
-    value: '2',
-    label: '下补单',
-  },
-  {
-    value: '3',
-    label: '赔付运费',
+const details = reactive({
+  /** 是否开启搜索 */
+  search: false,
+  /** 表格搜索条件 */
+  query: {},
+  defaultTime2: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)], // '12:00:00', '08:00:00'
+  /** 时间快捷选择设置 */
+  shortcuts: [
+    {
+      text: '最近一周',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
+      },
+    },
+  ],
+  /** 时间选择器数据 */
+  stockupDate: [],
+  /** 列表 */
+  columnListPublic: deepClone(columnList), //公共列表
+  /** 列表数据 */
+  data: [],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    packageListLoading: false,
   },
-  {
-    value: '4',
-    label: '用库存',
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    currentPage: 1,
+    pageSize: 2,
+    total: 0,
   },
-  {
-    value: '5',
-    label: '赔商家',
+
+  /** 弹出层显示 */
+  popUpShow: {
+    /** 包件明细 */
+    packageOrderListlVisited: false,
+    /** 二维码 */
+    QRCodeVisible: false,
+    /** 修改客户信息 */
+    editClientInfoVisible: false,
   },
-  {
-    value: '6',
-    label: '赔客户',
+  /** 列表Dom节点 */
+  listNode: '',
+  form: {},
+  /** 全屏 */
+  fullscreenObj: {
+    /** 包明细 */
+    packageOrderListlVisited: false,
   },
-];
-const fileList = ref([]);
-
-const TransportLossNode = ref([
-  { label: '在库操作环节', value: 1 },
-  { label: '干线卸车环节', value: 2 },
-  { label: '入库环节', value: 3 },
-  { label: '配送环节', value: 4 },
-  { label: '中转卸车环节', value: 5 },
-  { label: '安装环节', value: 6 },
-]);
-
-const Statusprocessing = val => {
-  val.forEach(item => {
-    // 对为null的数据进行处理
-    // for (const property in item) {
-    //   if (item[property] == null) {
-    //     item[property] = '/';
-    //   }
-    // }
-    // 对状态进行处理
-    if (item.workOrderType == 1) {
-      item.workOrderTypeNameS = columnList[2].checkarr[0].label; //货损
-    } else if (item.workOrderType == 2) {
-      item.workOrderTypeNameS = columnList[2].checkarr[1].label; //少货
-    } else if (item.workOrderType == 3) {
-      item.workOrderTypeNameS = columnList[2].checkarr[2].label; //窜货
-    } else if (item.workOrderType == 4) {
-      item.workOrderTypeNameS = columnList[2].checkarr[3].label; //加急
-    } else if (item.workOrderType == 5) {
-      item.workOrderTypeNameS = columnList[2].checkarr[4].label; //其他
-    }
-    // 提货环节下拉赋值
-    if (item.discoveryNode == 1) {
-      item.discoveryNodeNameS = columnList[3].checkarr[0].label; //提货环节
-    } else if (item.discoveryNode == 2) {
-      item.discoveryNodeNameS = columnList[3].checkarr[1].label; //发货环节
-    } else if (item.discoveryNode == 3) {
-      item.discoveryNodeNameS = columnList[3].checkarr[2].label; //干线卸车环节
-    } else if (item.discoveryNode == 4) {
-      item.discoveryNodeNameS = columnList[3].checkarr[3].label; //库内作业环节
-    } else if (item.discoveryNode == 5) {
-      item.discoveryNodeNameS = columnList[3].checkarr[4].label; //配送装车环节
-    } else if (item.discoveryNode == 6) {
-      item.discoveryNodeNameS = columnList[3].checkarr[5].label; //其他
-    } else if (item.discoveryNode == 7) {
-      item.discoveryNodeNameS = columnList[3].checkarr[6].label; //配送签收环节
-    } else if (item.discoveryNode == 8) {
-      item.discoveryNodeNameS = columnList[3].checkarr[7].label; //安装环节
-    }
-
-    if (item.workOrderStatus == 10) {
-      item.workOrderStatusNameS = columnList[10].checkarr[0].label; //待处理
-    } else if (item.workOrderStatus == 20) {
-      item.workOrderStatusNameS = columnList[10].checkarr[1].label; //处理中
-    } else if (item.workOrderStatus == 30) {
-      item.workOrderStatusNameS = columnList[10].checkarr[2].label; //已处理
-    } else if (item.workOrderStatus == 40) {
-      item.workOrderStatusNameS = columnList[10].checkarr[4].label; //待审核
-    } else if (item.workOrderStatus == 50) {
-      item.workOrderStatusNameS = columnList[10].checkarr[5].label; //已审核
-    } else if (item.workOrderStatus == 60) {
-      item.workOrderStatusNameS = columnList[10].checkarr[3].label; //超时未处理
-    } else if (item.workOrderStatus == 70) {
-      item.workOrderStatusNameS = columnList[10].checkarr[6].label; //仲裁中
-    } else if (item.workOrderStatus == 80) {
-      item.workOrderStatusNameS = columnList[10].checkarr[7].label; //完结
-    } else if (item.workOrderStatus == 90) {
-      item.workOrderStatusNameS = columnList[10].checkarr[8].label; //理赔金未出
-    } else if (item.workOrderStatus == 21) {
-      item.workOrderStatusNameS = columnList[10].checkarr[9].label; //处理结果已提交
-    } else if (item.workOrderStatus == 100) {
-      item.workOrderStatusNameS = columnList[10].checkarr[10].label; //处理结果已提交
-    } else if (item.workOrderStatus == 110) {
-      item.workOrderStatusNameS = columnList[10].checkarr[11].label; //处理结果已提交
-    }
-    // } else if (item.workOrderStatus == 100) {
-    //   item.workOrderStatusNameS = columnList[10].checkarr[10].label; //申诉中
-    // } else if (item.workOrderStatus == 110) {
-    //   item.workOrderStatusNameS = columnList[10].checkarr[11].label; //已结束
-    // }
-  });
-};
-// 页面初始化数据
-const IndexTable = (val, Refresh) => {
-  console.log(page.value,'page.value');
-  console.log('初始化接口');
-  
-  console.log(
-    !TabList.value.find(res => res.name == TabPermissions.value).request,
-    Refresh,
-    '页面初始化Refresh'
-  );
-  let State = TabList.value.find(res => res.name == TabPermissions.value).request;
-  if (!State && !Refresh) {
-    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-    return;
-  }
-
-  ClaimStatus.value = false;
-  AppealStatus.value = false; //关闭申诉状态
-  TimeoutStatus.value = false; //关闭超时
-  // ProcessingPartyState.value = false; //关闭处理方
-  details.loadingObj.list = true; //开启动画加载
-  pageLoad.value = true;
-  columnList[2].checkarr = []; //重置下拉搜索框
-  columnList[3].checkarr = [];
-  columnList[10].checkarr = [];
-  updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
-  updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
-  updateDictionary(columnList[10].checkarr, 'work_order_status'); //工单状态
-  getDictionaryBiz('after_sales_visits').then(res => {
-    console.log(res, '角色字典');
-
-    // 获取用户角色信息，并拆分为数组
-    const roleNames = JSON.parse(localStorage.getItem('TWMS-userInfo')).content.role_name.split(
-      ','
-    );
-    // 根据角色名称查找匹配项目
-    const matchingItem = res.data.data.find(item => roleNames.includes(item.dictValue));
-
-    console.log(matchingItem, 'matchingItem');
-
-    if (matchingItem) {
-      UserPermissions.value = matchingItem.dictValue;
+});
 
-      if (UserPermissions.value == '仓库客服') {
-        TabList.value.find(res => res.name == '8').state = true;
-      } else {
-        TabList.value.find(res => res.name == '8').state = false;
-      }
+const {
+  search,
+  query,
+  shortcuts,
+  stockupDate,
+  data,
+  loadingObj,
+  selectionList,
+  drawerShow,
+  page,
+  trickleLoadingPage,
+  zeroAdditionalRecordingInfo,
+  popUpShow,
+  recorddata,
+  defaultTime2,
+} = toRefs(details);
+watch(
+  () => $route.fullPath,
+  (newPath, oldPath) => {
+    console.log('首页监听');
 
-      if (UserPermissions.value == '总部客服经理') {
-        TabList.value.find(res => res.name == '9').state = true;
-      } else {
-        TabList.value.find(res => res.name == '9').state = false;
-      }
-    }else{
-      TabList.value.find(res => res.name == '9').state = false;
-    }
-    console.log(UserPermissions.value, '当前角色权限');
-    let data = {
-      ...val, //接收搜索参数值
-      current: page.value.currentPage, //页码
-      size: page.value.pageSize, //条数
-    };
-    if (TabPermissions.value == 0) {
-      if (UserPermissions.value != '仓库客服') {
-        data.workOrderStatus = null;
-        details.query.workOrderStatus = null;
-      } else {
-        data.workOrderStatus = '1000';
-        details.query.workOrderStatus = '1000';
+    if ($useStore.state.isRefresh.refreshObj.aftersalesWorkOrder) {
+      TabPermissions.value = $useStore.state.Customer.Customerobj;
+      tabValue.value = $useStore.state.Customer.Customerobj; //菜单编号
+      if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].includes(TabPermissions.value)) {
+        updateMenuAndData(); //获取最新数据
+        $useStore.commit('Customer_Menu', 0); //设置回初始值
+        $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: false }); //重新缓存页面
       }
     }
-    console.log(data, '处理的参数');
-    $_getList(data).then(res => {
-      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; //总页数
-        if (res.data.data.records.length) {
-          Statusprocessing(res.data.data.records);
-          console.log(res.data.data.records, 'res.data.data.records有值');
-          TabList.value.find(res => res.name == TabPermissions.value).DataList =
-            res.data.data.records;
-          TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
-          TabList.value.find(res => res.name == TabPermissions.value).currentPage = res.data.data.current;
-          TabList.value.find(res => res.name == TabPermissions.value).request = false;
-          console.log(TabList.value, '当前存储的值');
-          details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-          page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-          console.log(TabList.value, 'TabList.value===>');
-        } else {
-          TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
-          TabList.value.find(res => res.name == TabPermissions.value).total =  res.data.data.total;
-          TabList.value.find(res => res.name == TabPermissions.value).currentPage = res.data.data.current;
-          TabList.value.find(res => res.name == TabPermissions.value).request = true;
-          // details.data = res.data.data.records;
-          details.data = res.data.data.records;
-        }
-      }
-      loading.value = false; //关闭加载效果
-    });
-  });
+  },
+  { immediate: true, deep: true }
+);
+const appealrules = reactive({
+  Reasonforappeal: [{ required: true, message: '请选择责任方', trigger: 'blur' }],
+  Appealselection: [{ required: true, message: '请填写申诉原因', trigger: 'blur' }],
+});
+// 图片上传接口
+const doubledCount = computed(() => {
+  return '/api/blade-resource/oss/endpoint/put-file';
+});
+// 图片上传必须携带TOKEN
+const headers = computed(() => {
+  return { 'Blade-Auth': 'Bearer ' + getToken() };
+});
+/** 展开列表控件 */
+const showdrawer = _flag => {
+  details.drawerShow = _flag;
 };
-
-// 表格切换
-const Tableheaderswitching = val => {
-  publicColumnList.value = val; //默认加载表格
-  details.columnList = val; //列表配置项
+/** 表格表头输入框搜索 */
+const inputsc = (index, row) => {
+  console.log(details.query, 'details.query');
+  let _Obj = MatchCurrentMenu(); //匹配出当前菜单
+  _Obj.request = true; //更新请求状态
+  _Obj.query = details.query;
+  processRowPropertyName(index, row, _Obj.query);
+  PublicDataRequest(TabPermissions.value); //获取页面数据
 };
-const state = ref(0);
 
-// 页面初始化
-const OnLoad = () => {
-  // state.value = localStorage.getItem('state');
-  // console.log(state.value,'当前页面状态');
-  // if(state.value==1){
-  //   return
-  // }
-  // state.value=1
-  // localStorage.setItem('state', state.value);
-  // 表格切换
-  userInfo.value = JSON.parse(localStorage.getItem('TWMS-userInfo')); //获取本地登录人参数
-  if (localStorage.getItem('my_data')) {
-    Mydata.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
-    currentUser.value = Mydata.value.id;
-    console.log(TabList.value, 'TabList');
+/** 表格表头时间选择 */
+const timesc = (index, row) => {
+  console.log(index, row);
+  if (!!index) {
+    index = dayjs(index).format('YYYY-MM-DD');
   }
+  details.query[row.prop] = index;
+  if (!index) {
+    delete details.query[row.prop];
+  }
+};
+/** 表格表头下拉框选择 */
+const selectsc = async (index, row) => {
+  console.log(index, row);
+  let _Obj = MatchCurrentMenu(); //匹配出当前菜单
+  _Obj.request = true; //更新请求状态
+  _Obj.query = details.query;
+  processRowPropertyName(index, row, _Obj.query);
+  PublicDataRequest(TabPermissions.value); //获取页面数据
+};
+/** 表格表头复选框选择 */
+const selectionChange = list => {
+  console.log(list);
+  details.selectionList = list;
+};
+// 网页顶部搜索按钮
+const searchChange = async () => {
+  await ProcessSearch();
+  updateMenuAndData(); //获取最新数据
+};
 
-  // 在组件挂载后获取屏幕高度
-  screenHeight.value = window.innerHeight;
-  // 计算80%的高度
-  eightyPercentHeight.value = screenHeight.value * 0.8;
-  BatchcompletionHeight.value = screenHeight.value * 0.6;
-  loading.value = true; //开启加载效果
-  let data = {};
-  data.current = page.value.currentPage; //页码
-  data.size = page.value.pageSize; //条数
-  console.log(data, '要提交的数据');
-  updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
-  updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
-  IndexTable(details.query);
-  getDeptWarehouse({}).then(res => {
-    res.data.data.forEach(item => {
-      warehouseData.value.push({
-        value: item.id,
-        label: item.name,
-      });
-    });
+// 刷新按钮
+const searchChangeS = () => {
+  updateMenuAndData(); //获取最新数据
+};
+// 重置表格搜索
+const ResetTableSearch = async () => {
+  let _Obj = MatchCurrentMenu();
+  console.log(TabPermissions.value, '123123123');
+  _Obj.request = true;
+  console.log(_Obj, 'Obj');
+  await handleClearTableQuery(details.columnListPublic);
+  _Obj.query = {};
+  PublicDataRequest(TabPermissions.value, true);
+};
+//清空
+const searchReset = () => {
+  TopQuery.value = {};
+  TabList.value.forEach(item => {
+    item.query = {};
+  });
+  const TabcolumnList = [
+    columnList,
+    columnList1,
+    columnList2,
+    columnList3,
+    columnList4,
+    columnList5,
+    columnList6,
+    columnList7,
+    columnList8,
+    columnList9,
+    columnList10,
+  ];
+
+  TabcolumnList.forEach(item => {
+    handleClearTableQuery(item);
   });
+  details.search = false; // 关闭搜索
+  updateMenuAndData(); //获取最新数据
+  autoscaling();
+};
+// 顶部搜索
+const searchHide = () => {
+  console.log(details);
+  details.search = !details.search;
+  autoscaling();
 };
-
-OnLoad();
-// 页面筛选监听路由地址变化
-watch(
-  () => $route.path,
-  (newPath, oldPath) => {
-    if ($useStore.state.isRefresh.refreshObj.aftersalesWorkOrder) {
-      TabPermissions.value = $useStore.state.Customer.Customerobj;
-      console.log(TabPermissions.value, '当前TabPermissions.value');
-      console.log(tabValue.value, '当前 tabValue.value');
-      tabValue.value = $useStore.state.Customer.Customerobj; //菜单编号
-      if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9].includes(TabPermissions.value)) {
-        //0.全部菜单
-        //4. 理赔金未出
-        tabChenge(TabPermissions.value, null, true);
-        $useStore.commit('Customer_Menu', 0); //设置回初始值
-      }
-      // 重新请求数据
-      $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: false });
-    }
-  }
-);
-// onActivated(() => {
-//   console.log('进入缓存');
-//   if ($useStore.state.isRefresh.refreshObj.aftersalesWorkOrder) {
-//     // 重新请求数据
-//     OnLoad();
-//     $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: false });
-//   }
-// });
 // 字典公共函数
-function updateDictionary(targetArray, dictionaryType) {
-  getDictionaryBiz(dictionaryType).then(res => {
+async function updateDictionary(targetArray, dictionaryType) {
+  await getDictionaryBiz(dictionaryType).then(res => {
     console.log(res, '字典');
     res.data.data.forEach(item => {
       targetArray.push({
@@ -1960,3125 +1189,1486 @@ function updateDictionary(targetArray, dictionaryType) {
     });
   });
 }
-// 字典请求函数
-const AddInfo = () => {
-  $router.push('/aftersales/aftersalesWorkOrderAdd');
-};
-// 上传图片规则
-const beforeAvatarUpload = async 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;
-  }
-  const res = await compressImageBlob(rawFile);
-  return res;
+//表格自适应高度
+const autoscaling = () => {
+  const _node = document.querySelector('.tableNode');
+  setNodeHeight(_node, '', true);
 };
-// 首页新增表单确定
-const ConfirmForm = () => {
-  console.log(warehouseData.value, '准备好的数据');
-  console.log(Indexform.value.duty, '要筛选的数据');
-  let filteredB = warehouseData.value.filter(item => Indexform.value.duty.includes(item.id));
-  console.log(filteredB);
-  // 匹配司机名字
+/**
+ * 该函数将 columnList - columnList10  等十一个表头对象的
+ * checkarr 属性赋值为对应的字典数组
+ * @param {Array} columnLists - 一个包含 columnList - columnList10 等十一个对象的数组
+ * @param {Object} propToDictionaryMap - 一个对象，键为 columnList 对象的 prop 属性，值为对应的字典数组
+ */
+const SelectionInitialization = () => {
+  const columnLists = [
+    columnList,
+    columnList1,
+    columnList2,
+    columnList3,
+    columnList4,
+    columnList5,
+    columnList6,
+    columnList7,
+    columnList8,
+    columnList9,
+    columnList10,
+  ];
+
+  // 定义一个映射对象，用于替代 if-else 判断
+  const propToDictionaryMap = {
+    workOrderTypeNameS: dictionaries.pc_work_order.value,
+    discoveryNodeNameS: dictionaries.pc_discovery_node.value,
+    workOrderStatusNameS: dictionaries.work_order_status.value,
+  };
 
-  Indexform.value.deliveryDriver = DeliveryDriver.value.find(
-    item => item.value == Indexform.value.deliveryDriver
-  ).label;
-  console.log(Indexform.value.deliveryDriver); // 输出李华
-  FromDisabled.value = false; //启用输入框
-  let processorEntityList = [];
+  const functionIF = item => {
+    // 缓存过滤结果
+    const filteredData = item.filter(item => item.type === 3);
 
-  //处理方
-  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,
+    filteredData.forEach(item => {
+      const checkarr = propToDictionaryMap[item.prop];
+      if (checkarr) {
+        item.checkarr = checkarr;
+      }
     });
-  });
+  };
 
-  //责任方
-  Indexform.value.duty.forEach(item => {
-    let found = warehouseData.value.find(element => element.value == item.toString());
-    processorEntityList.push({
-      businessName: found ? found.label : '',
-      businessId: item,
-      conditions: 1,
-      typesOf: 1,
-    });
-  });
-  // processorEntityList.push(ResponsibleParty);
-  console.log(processorEntityList, 'processorEntityList');
-  let DataSubmit = { ...Indexform.value }; //定义初始化
-  DataSubmit.processorEntityList = processorEntityList;
-  delete DataSubmit.duty, //移除多余字段
-    delete DataSubmit.processor; //移除多余字段
-  console.log(DataSubmit, '处理好的表单信息');
-  console.log(warehouseData.value, 'warehouseData.value');
-  Indexdialog.value = false; //关闭表单弹窗
-  $_submit(DataSubmit).then(res => {
-    if (res.data.code == 200) {
-      ElMessage({
-        message: res.data.msg,
-        type: 'success',
-      });
-      Indexform.value = {}; //重置表单
-      IndexTable(details.query);
-    }
-  });
-};
-// 顶部搜索
-const searchHide = () => {
-  console.log(details);
-  details.search = !details.search;
-  const _node = document.querySelectorAll('.tableNode');
-  setNodeHeight(_node, '', true);
+  columnLists.forEach(functionIF);
 };
 
-// 异常工单号点击查看
-const InformationViewing = val => {
-  console.log(val, '当前行数据');
-  const workOrderInfoPath = '/aftersales/aftersalesWorkOrderInfo';
-  const queryParams = {
-    id: val.row.workOrderId,
-    name: `${val.row.workOrderNumber}-信息查看`,
-    warehouseId: val.row.warehouseId,
-    workOrderNumber: val.row.workOrderNumber,
-    businessId: val.row.businessId,
-    RouteIndexs: TabPermissions.value,
-    workOrderStatus: val.row.workOrderStatus,
-  };
-
-  if (AppealStatusT.value) {
-    Object.assign(queryParams, {
-      appealID: val.row.id,
-      name: `${val.row.workOrderNumber}-申诉信息查看`,
-      typesOf: val.row.typesOf,
-      ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '',
-      Routstate: 'appeal',
-    });
-    $router.push({ path: workOrderInfoPath, query: queryParams });
-    console.log('申诉跳转');
+/**
+ * 描述: 初始化字典，包含角色信息、异常类型、发现环节、工单状态，。
+ */
+const Dictionaryrequest = async () => {
+  // Map 生成一个包含所有 Promise 的数组
+  const dictionaryPromises = Object.entries(dictionaries).map(([key, refValue]) => {
+    return updateDictionary(refValue.value, key);
+  });
+  //等待字典请求完成执行页面其余参数防止出现判断错误
+  await Promise.all(dictionaryPromises);
+};
+
+/**
+ * 描述: 获取用户角色信息并更新界面元素状态。
+ * 该函数用于检查用户的角色，并根据角色执行相应的验证和UI更新逻辑。
+ */
+const Roleverification = () => {
+  const userInfo = localStorage.getItem('TWMS-userInfo');
+  if (!userInfo) {
+    console.error('用户信息未找到');
     return;
   }
-
-  if (TabPermissions.value === 4) {
-    Resultediting(val);
-    console.log('菜单4跳转');
+  let roleNames = [];
+  try {
+    roleNames = JSON.parse(userInfo).content.role_name.split(',');
+  } catch (error) {
+    console.error('解析用户角色信息出错:', error);
     return;
   }
+  UserInfo.value = JSON.parse(userInfo); //存储一份登陆人信息
+  // 匹配用户角色
+  const matchingItem = dictionaries.after_sales_visits.value.find(item =>
+    roleNames.includes(item.label)
+  );
+  // 更新用户权限
+  if (matchingItem) {
+    console.log(matchingItem, '匹配出来的角色');
 
-  if (TabPermissions.value === 7) {
-    $router.push({ path: workOrderInfoPath, query: queryParams });
-    console.log('菜单7跳转');
-    return;
+    UserPermissions.value = matchingItem.label;
   }
-  console.log('默认跳转');
-  $router.push({ path: workOrderInfoPath, query: { ...queryParams, id: val.row.id } });
-};
-
-// // 异常工单号点击查看
-// const InformationViewing = val => {
-//   console.log(val, '当前行数据');
-//       // 表示当前在申诉列表
-//   if (AppealStatusT.value) {
-//     $router.push({
-//       // AppealStatusT为真表示是申诉列表
-//       path: '/aftersales/aftersalesWorkOrderInfo',
-//       query: {
-//         id: val.row.workOrderId,
-//         appealID: val.row.id, //只有申诉才需要的参数
-//         name: val.row.workOrderNumber + '-申诉信息查看',
-//         typesOf: val.row.typesOf, //申诉列表状态0:待处理，1:成立,2:不成立
-//         warehouseId: val.row.warehouseId,
-//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//         businessId: val.row.businessId,
-//         ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理
-//         RouteIndexs: TabPermissions.value, //当前记录参数
-//         Routstate: 'appeal', //申诉列表
-//         workOrderStatus: val.row.workOrderStatus, //工单状态
-//       },
-//     });
-//     return;
-//   }
-//   // 理赔金额未出
-//   if (TabPermissions.value == 4) {
-//     //调用编辑理赔金额方法
-//     Resultediting(val);
-//     return
-//   }
-//   if (TabPermissions.value == 7) {
-//     console.log('当前在超时未处理未出');
-//     $router.push({
-//       path: '/aftersales/aftersalesWorkOrderInfo',
-//       query: {
-//         id: val.row.workOrderId,
-//         appealID: val.row.id, //只有才需要的参数
-//         name: val.row.workOrderNumber + '-信息查看',
-//         warehouseId: val.row.warehouseId,
-//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//         businessId: val.row.businessId,
-//         RouteIndexs: TabPermissions.value, //当前记录参数
-//         workOrderStatus: val.row.workOrderStatus, //订单状态
-//       },
-//     });
-//     return;
-//   }
-//   $router.push({
-//     path: '/aftersales/aftersalesWorkOrderInfo',
-//     query: {
-//       id: val.row.id,
-//       name: val.row.workOrderNumber + '-信息查看',
-//       warehouseId: val.row.warehouseId,
-//       workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//       businessId: val.row.businessId,
-//       RouteIndexs: TabPermissions.value, //当前记录参数
-//       workOrderStatus: val.row.workOrderStatus, //工单状态
-//     },
-//   });
-// };
-// 首页查看详情按钮
-
-const view = val => {
-  console.log(val.row, '查看');
-  const workOrderInfoPath = '/aftersales/aftersalesWorkOrderInfo';
-  const baseQueryParams = {
-    id: val.row.workOrderId,
-    name: `${val.row.workOrderNumber}-信息查看`,
-    warehouseId: val.row.warehouseId,
-    workOrderNumber: val.row.workOrderNumber,
-    businessId: val.row.businessId,
-    RouteIndexs: TabPermissions.value,
-    workOrderStatus: val.row.workOrderStatus,
+  // 更新TabList的状态
+  const updateTabState = (tabName, condition) => {
+    const tab = TabList.value.find(res => res.name == tabName);
+    if (tab) {
+      tab.state = condition;
+    }
   };
-
-  if (AppealStatusT.value) {
-    console.log('当前是申诉');
-    const appealQueryParams = {
-      ...baseQueryParams,
-      typesOf: val.row.typesOf,
-      appealID: val.row.id,
-      name: `${val.row.workOrderNumber}-申诉信息查看`,
-      Routstate: 'appeal',
-    };
-    $router.push({ path: workOrderInfoPath, query: appealQueryParams });
-    return;
+  if (UserPermissions.value) {
+    updateTabState('8', UserPermissions.value == Useridentity.Warehouse_customer_service);
+    updateTabState('9', UserPermissions.value !== Useridentity.Warehouse_customer_service);
+  } else {
+    // 匹配不到角色时，默认为关闭状态(总部经理的审核菜单)
+    updateTabState('9', false);
   }
-  if (TabPermissions.value === 4) {
-    Resultediting(val);
-    console.log('菜单4跳转');
-    return;
+  console.log('内部执行完毕');
+  console.log(matchingItem, '匹配出来的角色');
+};
+onMounted(() => {
+  autoscaling();
+});
+/**
+ * 获取所有仓库信息
+ */
+const GetWarehouse = () => {
+  getDeptWarehouse({}).then(res => {
+    res.data.data.forEach(item => {
+      warehouseData.value.push({
+        value: item.id,
+        label: item.name,
+        disabled: item.name == localStorage.getItem('WarehouseName'),
+      });
+    });
+  });
+};
+/**
+ * 获取客服人员
+ *
+ * @returns {Promise<void>}
+ */
+const GetCustomerService = async () => {
+  try {
+    let _res = await $_getCustomerServicePersonnel();
+    const { code, data } = _res.data;
+    if (code != 200) {
+      return;
+    }
+    assignFrom.value.customerService = data;
+  } catch (e) {
+    console.log(e);
+  } finally {
+  }
+};
+
+/**
+ *页面初始化函数，包含字典，等必要请求
+ */
+const PageOnlaod = async () => {
+  PageLoading.value = true;
+  try {
+    await Dictionaryrequest(), // 初始化字典
+      // 并行执行异步请求
+      await Promise.all([
+        Roleverification(), // 获取角色信息
+        SelectionInitialization(), // 下拉框初始化赋值
+        GetWarehouse(), //获取仓库
+        GetCustomerService(), //获取总部客服列表
+      ]);
+
+    // 获取页面数据
+    await PublicDataRequest(TabPermissions.value);
+  } catch (error) {
+    console.log(error);
+  } finally {
+    PageLoading.value = false;
   }
-  // if (TabPermissions.value === 4) {
-  //   console.log('当前菜单4');
-
-  //   const claimQueryParams = {
-  //     ...baseQueryParams,
-  //     appealID: val.row.id,
-  //     id: val.row.lawoId, //理赔金未出需要的ID
-  //     ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '',
-  //     Routstate: '',
-  //     AppealReview: val.row.typesOf ? (val.row.typesOf === '0' ? 'true' : 'false') : 'true',
-  //   };
-  //   $router.push({ path: workOrderInfoPath, query: claimQueryParams });
-  //   return;
-  // }
+};
+// 页面初始化
+PageOnlaod();
+
+// 切换菜单处理分页数据
+const PagingDataProcessing = () => {
+  let _Obj = MatchCurrentMenu();
+  console.log(_Obj, '匹配出来的公共菜单');
+  // 对当前菜单进行缓存还原
+  details.data = _Obj.DataList; //数据
+  details.page.total = _Obj.total; //总页数
+  details.page.currentPage = _Obj.currentPage; //当前页码
+  details.page.pageSize = _Obj.pageSize; //每页条数
+  // 判断是否需要请求数据
+  if (_Obj.request) {
+    console.log('当前需要加载页面');
+    return true;
+  }
+  console.log('当前已经加载过了');
+  return false;
+};
+
+/**
+ *  @description: 点击tabBar时，记录当前点击的tab
+ *  @param {number} value  当前点击的tab的value
+ *  @return {void} 无返回值
+ */
+const tabChenge = async (value, Reset) => {
+  PageLoading.value = true; // 开启loading
+  let _Obj = await MatchCurrentMenu(); //匹配出上一个菜单
+  _Obj.query = await deepClone(details.query); //把上一个菜单的搜索条件缓存起来
+  TabPermissions.value = value; //记录最新的菜单
+  PublicDataRequest(value, Reset); //请求数据
+};
+
+const PublicDataRequest = async (value, Reset) => {
+  try {
+    await MenuHeaderProcessing(value); // 处理头部菜单
+    await Processingworkorderstatus(value); // 处理工单请求状态
+    // 判断是否需要请求数据{_state}返回true表示需要false表示不需要
+    let _state = PagingDataProcessing();
+    if (!_state) {
+      PageLoading.value = false; // 关闭oading
+      return;
+    }
+    PageLoading.value = true; // 开启loading
+
+    // 定义一个异步函数映射表（数据处理函数）
+    const dataProcessingMap = {
+      0: Publicaccessdata,
+      1: Publicaccessdata,
+      2: Publicaccessdata,
+      3: Publicaccessdata,
+      4: ClaimAmountData,
+      5: Publicaccessdata,
+      6: Publicaccessdata,
+      7: OverdueUnprocessedData,
+      8: DataAwaitingReplyData,
+      9: Publicaccessdata,
+      10: AppealData,
+    };
 
-  if (TabPermissions.value === 7) {
-    console.log('当前在超时未处理未出');
-    const timeoutQueryParams = { ...baseQueryParams, appealID: val.row.id };
-    $router.push({ path: workOrderInfoPath, query: timeoutQueryParams });
-    return;
+    // 执行对应的函数
+    const processDataFn = dataProcessingMap[value] || Publicaccessdata;
+    await processDataFn(Reset); // 使用await确保完成
+  } catch (error) {
+    console.error('An error occurred:', error);
+  } finally {
+    PageLoading.value = false; // 确保关闭loading
+  }
+};
+
+/**
+ *  @description: 菜单状态处理
+ *  @param {number} value  当前点击的tab的value
+ *  @return {void} 无返回值
+ */
+const Processingworkorderstatus = value => {
+  console.log(UserPermissions.value, 'UserPermissions.value');
+  console.log(Useridentity.Warehouse_customer_service, 'Useridentity.Warehouse_customer_service');
+
+  switch (value) {
+    case 0: // 全部
+      workOrderStatus.value =
+        UserPermissions.value === Useridentity.Warehouse_customer_service ? 1000 : null;
+      break;
+    case 1: // 处理中
+      workOrderStatus.value = 20;
+      // UserPermissions.value === Useridentity.Warehouse_customer_service ? 20 : 40;
+      break;
+    case 2: // 处理完毕
+      workOrderStatus.value = 30;
+      break;
+    case 3: // 待处理
+      workOrderStatus.value = 10;
+      break;
+    case 5: // 客服介入
+      workOrderStatus.value = 70;
+      break;
+    case 6: // 完结
+      workOrderStatus.value = 80;
+      break;
+    case 9: // 待审核
+      workOrderStatus.value =
+        UserPermissions.value === Useridentity.Headquarters_Manager ? 500 : 40;
+      break;
+    default:
+      workOrderStatus.value = null;
+      break;
   }
+};
+// 更新分页信息
+const updatePageDetails = (pageSize, currentPage) => {
+  details.page.pageSize = pageSize;
+  details.page.currentPage = currentPage;
+};
+const MatchCurrentMenu = (ID = TabPermissions.value) => {
+  return TabList.value.find(res => res.name == ID);
+};
+// 每页多少条
+const sizeChange = value => {
+  let _Obj = MatchCurrentMenu(); //匹配出当前菜单
+  _Obj.request = true; //更新请求状态
+  _Obj.pageSize = value; //更新菜单每页条数
+  _Obj.currentPage = 1; //切换每页条数的时候重置页码
+  updatePageDetails(value, 1); //更新页码
+  PublicDataRequest(TabPermissions.value);
+};
 
-  console.log(AppealStatusT.value, 'AppealStatusT.value');
-  const defaultQueryParams = {
-    ...baseQueryParams,
-    id: AppealStatusT.value ? val.row.workOrderId : val.row.id,
-    appealID: val.row.id,
-    ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '',
-    Routstate: '',
-    AppealReview: val.row.typesOf ? (val.row.typesOf === '0' ? 'true' : 'false') : 'true',
+/** 页码改变执行的回调 */
+const currentChange = value => {
+  const _Obj = MatchCurrentMenu(); // 匹配出当前菜单
+  _Obj.request = true; //更新请求状态
+  _Obj.currentPage = value; //更新当前菜单页码
+  updatePageDetails(_Obj.pageSize, value); //更新分页信息
+  PublicDataRequest(TabPermissions.value); //请求数据
+};
+
+/**
+ * @description: 公共菜单数据处理
+ * @param {object} data 接收公共菜单数据
+ */
+const PublicDataProcessing = data => {
+  const { records, total, size, current } = data;
+  const matchedTab = TabList.value.find(tab => tab.name === TabPermissions.value);
+  // 更新 details 数据
+  details.data = records;
+  details.page = {
+    total,
+    pageSize: size,
+    currentPage: current,
   };
-  console.log('默认跳转');
 
-  $router.push({ path: workOrderInfoPath, query: defaultQueryParams });
-};
+  // 更新匹配的 TabList 项
+  if (matchedTab) {
+    details.query = matchedTab.query; //重新把缓存的条件赋值给搜索
+    console.log(matchedTab.query, '重新把缓存的条件赋值给搜索');
+
+    Object.assign(matchedTab, {
+      DataList: records,
+      total,
+      pageSize: size,
+      currentPage: current,
+      request: !(records?.length > 0), //如果有值状态改为false下次默认不请求，否则true下次继续请求
+    });
+    console.log(matchedTab, '匹配出来的公共菜单');
+  }
+
+  console.log(TabList.value, 'TabList');
+};
+/**
+ *  @description: 菜单表头处理
+ *  @param {number} value  当前点击的tab的value
+ *  @return {void} 无返回值
+ */
+const MenuHeaderProcessing = value => {
+  const columnLists = {
+    columnList, // 0: 全部
+    columnList1, // 1: 处理中
+    columnList2, // 2: 处理完毕
+    columnList3, // 3: 待处理
+    columnList4, // 4: 理赔金额未出
+    columnList5, // 5: 客服介入
+    columnList6, // 6: 完结
+    columnList7, // 7: 超时未处理
+    columnList8, // 8: 待回复
+    columnList9, // 9: 待审核
+    columnList10, // 10: 申诉列表
+  };
 
-// const view = val => {
-//   console.log(val.row, '申诉查看');
-//   if (AppealStatusT.value) {
-//     console.log('当前是申诉');
-//     // 表示当前在申诉列表
-//     $router.push({
-//       // AppealStatusT为真表示是申诉列表
-//       path: '/aftersales/aftersalesWorkOrderInfo',
-//       query: {
-//         id: val.row.workOrderId,
-//         typesOf: val.row.typesOf, //申诉列表状态0:待处理，1:成立,2:不成立
-//         appealID: val.row.id, //只有申诉才需要的参数
-//         name: val.row.workOrderNumber + '-信息查看',
-//         warehouseId: val.row.warehouseId,
-//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//         businessId: val.row.businessId,
-//         RouteIndexs: TabPermissions.value, //当前菜单
-//         Routstate: 'appeal', //申诉列表
-//         workOrderStatus: val.row.workOrderStatus, //当前工单状态
-//       },
-//     });
-//     return
-//   }
+  const keys = Object.keys(columnLists);
+  const selectedKey = value >= 0 && value < keys.length ? keys[value] : 'columnList';
 
-//   // 理赔查看
-//   if (TabPermissions.value == 4) {
-//     $router.push({
-//       // AppealStatusT为真表示是申诉列表
-//       path: '/aftersales/aftersalesWorkOrderInfo',
-//       query: {
-//         id: val.row.lawoId,
-//         appealID: val.row.id, //只有申诉才需要的参数
-//         name: val.row.workOrderNumber + '-信息查看',
-//         warehouseId: val.row.warehouseId,
-//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//         businessId: val.row.businessId,
-//         ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理
-//         RouteIndexs: TabPermissions.value, //当前记录参数
-//         Routstate: '', //申诉列表
-//         AppealReview: val.row.typesOf ? (val.row.typesOf == '0' ? 'true' : 'false') : 'true', //当前只能查看申诉详情信息
-//         workOrderStatus: val.row.workOrderStatus, //订单状态
-//       },
-//     });
-//     return;
-//   }
-//   if (TabPermissions.value == 7) {
-//     console.log('当前在超时未处理未出');
-//     $router.push({
-//       path: '/aftersales/aftersalesWorkOrderInfo',
-//       query: {
-//         id: val.row.workOrderId,
-//         appealID: val.row.id, //只有才需要的参数
-//         name: val.row.workOrderNumber + '-信息查看',
-//         warehouseId: val.row.warehouseId,
-//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//         businessId: val.row.businessId,
-//         RouteIndexs: TabPermissions.value, //当前记录参数
-//         workOrderStatus: val.row.workOrderStatus, //订单状态
-//       },
-//     });
-//     return;
-//   }
+  // 使用深拷贝赋值
+  details.columnListPublic = columnLists[selectedKey];
 
-//   console.log(AppealStatusT.value,'AppealStatusT.value');
-//   $router.push({
-//     // AppealStatusT为真表示是申诉列表
-//     path: '/aftersales/aftersalesWorkOrderInfo',
-//     query: {
-//       id: AppealStatusT.value ? val.row.workOrderId : val.row.id,
-//       appealID: val.row.id, //只有申诉才需要的参数
-//       name: val.row.workOrderNumber + '-信息查看',
-//       warehouseId: val.row.warehouseId,
-//       workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
-//       businessId: val.row.businessId,
-//       ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理
-//       RouteIndexs: TabPermissions.value, //当前记录参数
-//       Routstate: '', //申诉列表
-//       AppealReview: val.row.typesOf ? (val.row.typesOf == '0' ? 'true' : 'false') : 'true', //当前只能查看申诉详情信息
-//       workOrderStatus: val.row.workOrderStatus, //订单状态
-//     },
-//   });
-// };
+  // 将变量名字符串赋值给 columnListName.value
+  columnListName.value = selectedKey;
 
-// 申诉列表编辑
-const Appealeditor = val => {
-  // 编辑信息
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrdermodify',
-    query: {
-      id: val.row.id,
-      name: val.row.workOrderNumber + '-申诉编辑',
-      businessId: $route.query.businessId,
-      warehouseId: val.row.warehouseId,
-      workOrderNumber: val.row.workOrderNumber,
-      RouterState: 'Kfend',
-      Appealeditor: 'appeal', //申诉编辑
-    },
-  });
+  console.log(details.columnListPublic, 'details.columnListPublic');
+  console.log(columnListName.value, 'columnListName.value');
 };
+// 状态处理
+const DataStateProcessing = data => {
+  console.log(data, '状态处理');
+  console.log(dictionaries, 'dictionaries.pc_work_order.value');
 
-// 首页删除
-const ViewDelete = val => {
-  ElMessageBox.confirm(`是否删除该条数据?`)
-
-    .then(() => {
-      $_remove({
-        ids: val.row.id,
-      }).then(res => {
-        console.log(res, '删除成功后的返回值');
-        if (res.data.code == 200) {
-          ElMessage({
-            message: res.data.msg,
-            type: 'success',
-          });
+  // 函数用于查找标签
+  const findLabelByValue = (collection, value) => {
+    const entry = collection.find(res => res.value === value);
+    return entry ? entry.label : '/';
+  };
 
-          OnLoad(); //添加成功初始化程序
-        }
-      });
-    })
-    .catch(() => {
-      // catch error
+  // 对状态进行处理
+  if (data.records?.length) {
+    data.records.forEach(item => {
+      // 处理工单类型
+      item.workOrderTypeNameS = findLabelByValue(
+        dictionaries.pc_work_order.value,
+        item.workOrderType
+      );
+
+      // 处理发现节点
+      item.discoveryNodeNameS = findLabelByValue(
+        dictionaries.pc_discovery_node.value,
+        item.discoveryNode
+      );
+
+      // 处理工单状态
+      item.workOrderStatusNameS = findLabelByValue(
+        dictionaries.work_order_status.value,
+        item.workOrderStatus
+      );
     });
+  }
 };
-// 首页批量删除
-const BatchDelete = () => {
-  console.log(details.selectionList, '选中的参数');
-  let ids = [];
-  details.selectionList.forEach(item => {
-    ids.push(item.id);
-  });
-  ids = ids.join(',');
 
-  ElMessageBox.confirm(`是否批量删除选中数据?`)
-    .then(() => {
-      $_remove({
-        ids,
-      }).then(res => {
-        console.log(res, '删除成功后的返回值');
-        if (res.data.code == 200) {
-          ElMessage({
-            message: res.data.msg,
-            type: 'success',
-          });
+/**
+ *  @description: 对数据进行处理
+ *  @return {void} 无返回值
+ */
+const DataAndStateProcessing = data => {
+  PublicDataProcessing(data); //处理数据
+  DataStateProcessing(data); //状态处理
+};
+
+/**
+ * @description: 获取当前菜单的查询条件
+ * @return {Object} 返回当前菜单的查询条件对象
+ */
+const getQuery = () => {
+  // 匹配当前菜单并获取其搜索条件
+  let _Obj = MatchCurrentMenu();
+  return _Obj.query;
+};
+/**
+ * @description: 更新当前菜单的请求状态并请求数据
+ * @return {void} 无返回值
+ */
+const updateMenuAndData = () => {
+  const currentMenu = MatchCurrentMenu(); // 匹配当前菜单
+  if (currentMenu) {
+    currentMenu.request = true; // 更新请求状态
+  }
+  PublicDataRequest(TabPermissions.value); // 请求数据
+};
+/**
+ * @description 通用函数用于处理数据请求（包含待回复、理赔金额未出、申诉、超时未处理）
+ * @param {Function} fetchFunction - 用于执行具体数据请求的函数
+ * @param {boolean} [reset=false] - 控制是否重置查询条件的标志，默认值为 false
+ * @returns {Promise<void>} 不返回任何内容，仅执行数据请求和处理
+ */
+const fetchData = async (fetchFunction, reset) => {
+  try {
+    let _submitData = {
+      current: details.page.currentPage, // 页码
+      size: details.page.pageSize, // 条数
+      ...(reset ? {} : getQuery()), // 查询条件，条件重置根据 reset 标志
+    };
 
-          OnLoad(); //添加成功初始化程序
-        }
-      });
-    })
-    .catch(() => {
-      // catch error
-    });
-};
-// 完结按钮
-const CompletionButton = val => {
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrderend',
-    query: {
-      id: val.row.id,
-      name: val.row.id + '-完结填写',
-      RouterState: 'end',
-    },
-  });
-};
-// 新增记录
-const addingRecord = val => {
-  console.log(val);
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrderend',
-    query: {
-      id: val.row.id,
-      name: val.row.workOrderNumber + '-添加异常记录',
-      RouterState: 'record',
-      businessId: val.row.businessId,
-    },
-  });
-};
-
-// 点击了申诉附件图片
-const AppealAttachmentpictureList = val => {
-  console.log(val, '点击申诉附件图片');
-};
-// 申诉附件移除
-const AppealAttachmentImgListRemove = val => {
-  console.log(val, '申诉附件移除');
-};
-// 申诉附件图片上传成功回调
-const AppealAttachmentImgSuccess = val => {
-  console.log(val, '申诉图片上传成功');
-};
+    let _res = await fetchFunction(_submitData);
+    console.log(_res);
 
-// 取消申诉
-const CancelappealFn = val => {
-  ElMessageBox.confirm('是否取消申诉?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(() => {
-      let data = {
-        id: val.row.id, //取消申诉ID
-        typesOf: '3', //申诉状态
-        workOrderId: val.row.workOrderId, //异常工单ID
-      };
+    const { code, data } = _res.data;
+    if (code !== 200) {
+      return;
+    }
 
-      $_Cancelappeal(data).then(res => {
-        console.log(res, '取消申诉返回值');
-        if (res.data.code == 200) {
-          appealFn(details.query);
-          ElMessage({
-            message: '取消申诉成功',
-            type: 'success',
-          });
-        }
-      });
-    })
-    .catch(() => {});
+    DataAndStateProcessing(data); // 对数据和状态处理
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+/**
+ *  @description: 待回复菜单数据请求
+ */
+const DataAwaitingReplyData = async Reset => {
+  await fetchData($_getProcessor, Reset);
+};
+/**
+ *  @description: 理赔金额未出菜单数据请求
+ */
+const ClaimAmountData = async Reset => {
+  await fetchData($_listSettlement, Reset);
+};
+/**
+ *  @description: 申诉菜单数据请求
+ */
+const AppealData = async Reset => {
+  await fetchData($_listAppeal, Reset);
+};
+/**
+ *  @description: 超时未处理菜单数据请求
+ */
+const OverdueUnprocessedData = async Reset => {
+  await fetchData($_listOwn, Reset);
+};
+
+/**
+ *  @description: 公共数据请求，包含全部、待处理、处理中、处理完毕、客服介入、待审核、完结
+ */
+const Publicaccessdata = async Reset => {
+  try {
+    let _submitData = {
+      workOrderStatus: workOrderStatus.value, //工单状态
+      current: details.page.currentPage, //页码
+      size: details.page.pageSize, //条数
+      ...(Reset ? {} : getQuery()), // 查询条件，条件重置根据 reset 标志
+    };
+    let _res = await $_getList(_submitData);
+    const { code, data } = _res.data;
+    if (code !== 200) {
+      return;
+    }
+    DataAndStateProcessing(data); //对数据和状态处理
+    console.log(_res, '公共数据菜单=:' + TabPermissions.value);
+    console.log(TabList.value, '公共菜单');
+  } catch (error) {
+    console.log(error);
+  } finally {
+  }
 };
 
-//  工单申诉按钮
-const appeal = (val, state) => {
-  console.log(state, 'state');
-  AppealAttachment.value = []; //清空图片
-  Appealselection.value = []; //清空责任人
-  Reasonforappeal.value = ''; //清空申诉内容
-  console.log(state);
-  console.log(val, '申诉当前点击的按钮');
+/**
+ *
+ * @description 创建工单
+ */
+const CreateworkOrder = () => {
+  $router.push('/aftersales/aftersalesWorkOrderAdd');
+};
+/**
+ *
+ * @description 工单申诉
+ */
+const WorkOrderAppeal = async (row, state) => {
+  appeal.value.selectList = [];
+  appeal.value.AppealAttachment = []; //清空图片
+  appeal.value.Appealselection = []; //清空责任人
+  appeal.value.Reasonforappeal = ''; //清空申诉内容
+  appeal.value.selectList.push(row); //存储当前申诉的对象
+  console.log(appeal.value.selectList, 'appeal.value.selectList');
+
+  appeal.value.dialogappeal = true; //展开申诉编辑
   if (state == 'edit') {
     // 当前是编辑申诉
-    details.selectionList.push(val.row);
-    AppealeditorState.value = true; //开启申诉编辑状态
-    if (val.row) {
-      selectList.value.push(val.row);
-    }
+    appeal.value.AppealeditorState = true; //开启申诉编辑状态
+    console.log(row, 'row');
+
     let data = {
-      id: val.row.id,
+      id: row.id,
     };
-    $_AppealDetails(data).then(res => {
+    await $_AppealDetails(data).then(res => {
       console.log(res, '申诉编辑回显');
-      Reasonforappeal.value = res.data.data.reason; //申诉原因
+      appeal.value.Reasonforappeal = res.data.data.reason; //申诉原因
       setTimeout(() => {
-        console.log(res.data.data.peopleEntityList.map(item => item.actualPersonId));
-        console.log(warehouseData.value, '仓库数据');
         if (res.data.data.peopleEntityList) {
-          Appealselection.value = res.data.data.peopleEntityList.map(item => item.actualPersonId);
+          appeal.value.Appealselection = res.data.data.peopleEntityList.map(
+            item => item.actualPersonId
+          );
         }
         if (res.data.data.imagePath) {
-          AppealAttachment.value.push({
+          appeal.value.AppealAttachment.push({
             url: res.data.data.imagePath,
           });
         }
-        dialogappeal.value = true; //展开申诉编辑
       }, 0);
     });
     return;
   }
-
   if (!state) {
-    console.log('当前是申诉');
-    // 单条申诉
-    AppealeditorState.value = false; //开启申诉编辑状态
-    if (val.row) {
-      details.selectionList.push(val.row);
-    }
-    dialogappeal.value = true; //展开申诉弹窗
-  }
-};
-
-// 批量申诉
-
-const appealAll = () => {
-  // 批量申诉
-  console.log(details.selectionList, 'details.selectionList');
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请选择要申诉的数据',
-      type: 'warning',
-    });
-    return;
-  }
-  if (details.selectionList.length > 1) {
-    ElMessage({
-      message: '只能单条申诉',
-      type: 'warning',
-    });
-    return;
-  }
-  dialogappeal.value = true; //展开申诉弹窗
-};
-// 确定理赔金额
-const DetermineClaims = val => {
-  ElMessageBox.confirm('是否确认理赔金额?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(() => {
-      console.log(val.row);
-      let data = {
-        id: val.row.lawoId,
-        workOrderStatus: 30,
-      };
-      details.loadingObj.list = true; //开启动画加载
-      pageLoad.value = true;
-      console.log(data, '处理好的值');
-      $_settlementUpdate(data)
-        .then(res => {
-          console.log(res);
-          if (res.data.code == 200) {
-            tabChenge(TabPermissions.value, {}, true);
-          }
-        })
-        .catch(res => {
-          details.loadingObj.list = false; //关闭动画加载
-
-        }).finally(()=>{
-          pageLoad.value = false;
-        });
-    })
-    .catch(() => {});
-};
-// 理赔金额未出编辑操作
-const Resultediting = val => {
-  console.log(val.row, '参数');
-  // return
-  console.log(val.row, '理赔金额未出');
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrderend',
-    query: {
-      id: val.row.lawoId,
-      subId: val.row.laprId,
-      name: val.row.workOrderNumber + '-处理结果编辑',
-      businessId: val.row.businessId,
-      warehouseId: val.row.warehouseId,
-      workOrderNumber: val.row.workOrderNumber,
-      workOrderStatus: val.row.workOrderStatus, //订单状态
-      RouteIndexs: TabPermissions.value, //当前记录参数
-    },
-  });
-};
-const ProcessedResultediting = val => {
-  console.log(val, '参数');
-  // return
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrdermodify',
-    query: {
-      id: val.row.id,
-      subId: val.row.id,
-      name: val.row.workOrderNumber + '-处理结果编辑',
-      businessId: val.row.businessId,
-      warehouseId: val.row.warehouseId,
-      workOrderNumber: val.row.workOrderNumber,
-      RouterState: 'Kfend',
-      Processingresults: true, //处理结果编辑
-      Resultediting: true, //编辑理赔金额
-      workOrderStatus: val.row.workOrderStatus, //订单状态
-      RouteIndexs: TabPermissions.value, //当前记录参数
-    },
-  });
-};
-// 回复按钮
-const MessageReply = val => {
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrderend',
-    query: {
-      id: val.row.id,
-      name: val.row.workOrderNumber + '-消息回复',
-      businessId: val.row.businessId,
-      RouterState: 'determine',
-      workOrderStatus: val.row.workOrderStatus, //订单状态
-      RouteIndexs: TabPermissions.value, //当前记录参数
-    },
-  });
-};
-
-// 完结菜单的编辑
-const CompletedEditing = val => {
-  console.log(val);
-  $router.push({
-    path: '/aftersales/aftersalesWorkOrdermodify',
-    query: {
-      id: val.row.workOrderId,
-      name: val.row.workOrderNumber + '-完结编辑',
-      businessId: val.row.businessId,
-      warehouseId: val.row.warehouseId,
-      workOrderNumber: val.row.workOrderNumber,
-      RouterState: 'Kfend',
-      CompletedEditing: 'true', //完结信息编辑
-      Appealeditor: 'appeal', //只是编辑完结
-      Processed: 'true',
-      index: '1',
-    },
-  });
-};
-// 工单申诉确认按钮
-const Appealbutton = state => {
-  ElMessageBox.confirm('是否确认发起工单申诉?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(() => {
-      if (UserPermissions.value == '仓库客服') {
-        if (AppealAttachment.value.length > 1) {
-          ElMessage({
-            message: '只能上传一张图片',
-            type: 'warning',
-          });
-          return;
-        }
-        // appealData.value单条申诉点击变量暂未启用
-        console.log(details.selectionList, '当前申诉的东西');
-        loadingappeal.value = true; //开启加载效果
-        console.log(Appealselection.value, '当前选择的责任人');
-        console.log(warehouseData.value, '要循环处理的参数');
-        let data = {
-          peopleEntityList: [], //参数一
-          imagePath: '', //申诉图片附件
-          workOrderId: selectList.value[0], //工单ID
-        };
-        if (AppealeditorState.value) {
-          data.workOrderId = details.selectionList[0].workOrderId;
-        } else {
-          data.workOrderId = details.selectionList[0].id;
-        }
-        data.reason = Reasonforappeal.value;
-        data.appealPeopleName = warehouseData.value
-          .filter(item => Appealselection.value.includes(item.value))
-          .map(item => item.label)
-          .join(','); //实际责任人名称
-        //如果为编辑状态追加ID字段
-        console.log(AppealeditorState.value, '申诉状态');
-        if (AppealeditorState.value) {
-          data.id = details.selectionList[0].id;
-        }
-        console.log(details.selectionList, '准备处理的数据');
-        //处理数据
-        Appealselection.value.forEach(item => {
-          console.log(item, '循环的值');
-          data['peopleEntityList'].push({
-            workOrderId: details.selectionList[0].id, //异常工单ID
-            reason: Reasonforappeal.value, //申诉理由
-            claimant: userInfo.value.content.user_name, //申诉人
-            actualPersonId: warehouseData.value.find(res => res.value == item).value, //实际责任人ID
-            actualPersonName: warehouseData.value.find(res => res.value == item).label, //实际责任人名称
-          });
-        });
-        if (AppealAttachment.value.length) {
-          console.log(AppealAttachment.value, '图片');
-          if (AppealAttachment.value[0].response) {
-            data.imagePath = AppealAttachment.value[0].response.data.link; //申诉图片
-          } else {
-            data.imagePath = AppealAttachment.value[0].url; //申诉图片
-          }
-        }
-        console.log(data, '处理好的值');
-
-        $_appealSubmit(data)
-          .then(res => {
-            if (res.data.code == 200) {
-              ElMessage({
-                message: res.data.msg,
-                type: 'success',
-              });
-              DataRendering(TabPermissions.value, details.query, true);
-            }
-          })
-          .finally(res => {
-            dialogappeal.value = false; //关闭申诉弹窗
-            loadingappeal.value = false; //关闭加载效果
-            console.log(res, '功返回值');
-            ProcessingPartyState.value = false; //关闭处理方
-            ArbitrationStatus.value = false; //不可以申请完结
-            AppealeditorState.value = false; //关闭编辑状态
-            appealData.value = {}; //清空当前行申诉数据
-            if (AppealStatusT.value) {
-              Tableheaderswitching(AppealList); //切换表头
-              appealFn(); // 获取申诉列表
-            } else {
-              data.workOrderStatus = 80;
-              details.query.workOrderStatus = 80;
-              tabValue.value = 6;
-              IndexTable({ workOrderStatus: 80 });
-            }
-            ElMessage({
-              message: res.data.msg,
-              type: 'success',
-            });
-          });
-      }
-    })
-    .catch(() => {});
-};
-
-/** 表格表头输入框搜索 */
-const inputsc = async (index, row) => {
-  TabList.value.find(res => res.name == TabPermissions.value).request = true;
-  console.log('调用了表格输入参数');
-  processRowProperty(index, row, details);
-  details.query[row.prop] = index;
-  // tabChenge( TabPermissions.value,details.query)
-  await DataRendering(TabPermissions.value, details.query, true);
-  TabList.value.find(res => res.name == TabPermissions.value).request = false;
-  return;
-
-  // =======
-
-  // if (TimeoutStatus.value) {
-  //   // 超时列表
-  //   TimeoutHandling(details.query);
-  //   return;
-  // }
-
-  // if (AppealStatus.value) {
-  //   // 申诉列表
-  //   appealFn(details.query);
-  //   return;
-  // }
-
-  // if (ClaimStatus.value) {
-  //   // 这是理赔搜索
-  //   settlementclaim(details.query);
-  //   return;
-  // }
-
-  // if (!ProcessingPartyState.value) {
-  //   IndexTable(details.query); //首页初始化信息
-  //   console.log('首页');
-  // } else {
-  //   ProcessingPartyFun(details.query); //处理方信息
-  //   console.log('处理方');
-  // }
-};
-// 网页顶部搜索按钮
-const searchChange = () => {
-  DataRendering(TabPermissions.value, details.query, true);
-  return;
-};
-
-const emptyvalues = data => {
-  details.columnList.forEach(item => {
-    item.values = '';
-  });
-};
-
-// 清空头部搜索条件
-const empty = () => {
-  // 清空搜索参数
-  for (let key in details.query) {
-    if (key !== 'workOrderStatus') {
-      delete details.query[key];
-    }
-  }
-  // let dataList = [columnList, recordList, Claimsfield, AppealList, timeoutList];
-  details.columnList.forEach(item => {
-    item.values = '';
-  });
-};
-const searchChangeS = () => {
-  console.log(details.columnList);
-  details.search = false; //关闭搜索
-  // tabValue.value = 0;
-  // IndexTable(); //首页初始化信息
-  tabChenge(TabPermissions.value, {}, true);
-};
-
-// 顶部搜索工单号事件
-const WorkorderChange = val => {
-  console.log(val);
-};
-// 网页顶部清空按钮
-const searchReset = () => {
-  details.query = {};
-  IndexTable(details.query, true);
-  details.search = false; //关闭搜索
-};
-/** 表格表头时间选择 */
-const timesc = async (index, row) => {
-  TabList.value.find(res => res.name == TabPermissions.value).request = true;
-  processRowProperty(index, row, details);
-  details.query[row.prop] = index;
-  await DataRendering(TabPermissions.value, details.query, true);
-  TabList.value.find(res => res.name == TabPermissions.value).request = false;
-  return;
-};
-
-/** 表格表头输入框搜索 */
-const btnsc = val => {
-  TabList.value.find(res => res.name == TabPermissions.value).request = true;
-  console.log(val);
-};
-
-/** 表格表头下拉框选择 */
-const selectsc = async (index, row) => {
-  TabList.value.find(res => res.name == TabPermissions.value).request = true;
-  console.log(row, '下拉参数');
-  processRowProperty(index, row, details);
-  details.query[row.prop] = index;
-  await DataRendering(TabPermissions.value, details.query, true);
-  TabList.value.find(res => res.name == TabPermissions.value).request = false;
-
-  return;
-};
-
-// 反字典公共请求
-const Antidictionary = (val, data) => {
-  getDictionaryBiz(val).then(res => {
-    res.data.data.forEach(item => {
-      data.checkarr.push({
-        value: item.dictValue,
-        label: item.dictValue,
-      });
-    });
-  });
-};
-
-/** 表格表头复选框选择 */
-const selectionChange = list => {
-  // TabList.value.find(res=>res.name == TabPermissions.value).request=true
-  console.log(list, '当前选择的数据');
-  details.selectionList = list;
-};
-
-/** 页码改变执行的回调 */
-const currentChange = async val => {
-  // let _row=   TabList.value.find(res=>res.name==val)
-  // page.value.pageSize=  _row.pageSize
-  // page.value.currentPage=  _row.currentPage
-  TabList.value.find(res => res.name == TabPermissions.value).request = true;
-  let _row=   TabList.value.find(res=>res.name==TabPermissions.value)
-  _row.currentPage = val
-  page.value.currentPage = val;
-  await DataRendering(TabPermissions.value, details.query, true);
-  TabList.value.find(res => res.name == TabPermissions.value).request = false;
-  return;
-};
-// 每页多少条
-const sizeChange = async val => {
-  TabList.value.find(res => res.name == TabPermissions.value).request = true;
-  page.value.pageSize = val;
-  await DataRendering(TabPermissions.value, details.query, true);
-  TabList.value.find(res => res.name == TabPermissions.value).request = false;
-  return;
-};
-const changeProcessingResults = val => {
-  // 首先删除取消的项目
-  ProcessingList.value = ProcessingList.value.filter(item => val.includes(item.state - 1));
-
-  // 然后添加或保持新的项目
-  val.forEach(num => {
-    let newItem = { input: '', min: 0, max: 1000, state: num + 1 };
-    // 根据num为newItem的name字段赋值
-    switch (num) {
-      case '0':
-        newItem.name = '维修';
-        break;
-      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;
-      default:
-        console.log('未知的编号：', num);
-        return; // 如果不是我们想处理的num，跳过之后的逻辑
-    }
-
-    // 如果列表中不存在则加入新项目
-    if (!ProcessingList.value.some(item => item.state === newItem.state)) {
-      ProcessingList.value.push(newItem);
-      console.log(`添加：${newItem.name}`);
-    }
-  });
-};
-// 查询理赔数据
-const settlementclaim = (val, Refresh) => {
-  console.log(
-    !TabList.value.find(res => res.name == TabPermissions.value).request,
-    Refresh,
-    'Refresh'
-  );
-  if (!TabList.value.find(res => res.name == TabPermissions.value).request && !Refresh) {
-    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-    return;
-  }
-  details.loadingObj.list = true; //开启动画加载
-  pageLoad.value = true;
-  console.log(Claimsfield, '理赔数据');
-  ClaimStatus.value = true; //开启理赔查询状态
-  AppealStatus.value = false; //关闭申诉状态
-  TimeoutStatus.value = false; //关闭 超时状态
-  details.columnList = Claimsfield;
-  Claimsfield[3].checkarr = []; //营业部
-  Claimsfield[7].checkarr = []; //异常类型名称
-  Claimsfield[9].checkarr = []; //发现环节
-  getDeptWarehouse({}).then(res => {
-    res.data.data.forEach(item => {
-      Claimsfield[3].checkarr.push({
-        value: item.name,
-        label: item.name,
-      });
-    });
-  });
-
-  getDictionaryBiz('pc_work_order').then(res => {
-    res.data.data.forEach(item => {
-      Claimsfield[7].checkarr.push({
-        value: item.dictValue,
-        label: item.dictValue,
-      });
-    });
-  });
-  getDictionaryBiz('pc_discovery_node').then(res => {
-    res.data.data.forEach(item => {
-      Claimsfield[9].checkarr.push({
-        value: item.dictValue,
-        label: item.dictValue,
-      });
-    });
-  });
-
-  // details.columnList    warehouseData.value
-
-  console.log(details, 'details');
-  let data = {
-    current: details.page.currentPage,
-    size: details.page.pageSize,
-    ...val,
-  };
-  console.log(data, '要传递的参数');
-  $_listSettlement(data)
-    .then(res => {
-      details.loadingObj.list = false; //关闭动画加载
-      pageLoad.value = false;
-      console.log(res, '查询理赔数据');
-      if (res.data.data) {
-        if (res.data.data.records.length) {
-          // details.data = res.data.data.records; //数据
-          TabList.value.find(res => res.name == TabPermissions.value).DataList =
-            res.data.data.records;
-          TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
-          TabList.value.find(res => res.name == TabPermissions.value).request = false;
-          details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-          page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-        } else {
-          TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
-          TabList.value.find(res => res.name == TabPermissions.value).total = 0;
-          TabList.value.find(res => res.name == TabPermissions.value).request = true;
-          details.data = res.data.data.records;
-        }
-      }
-    })
-    .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; //关闭理赔查询状态
-  AppealList[5].checkarr = []; //异常类型名称
-  AppealList[6].checkarr = []; //发现环节
-  AppealList[7].checkarr = []; //发现环节
-  updateDictionary(AppealList[5].checkarr, 'pc_work_order'); //异常类型
-  updateDictionary(AppealList[6].checkarr, 'pc_discovery_node'); //发现环节
-  updateDictionary(AppealList[7].checkarr, 'work_order_status'); //发现环节
-
-  console.log('当前是申诉列表');
-  let data = {
-    current: details.page.currentPage,
-    size: details.page.pageSize,
-    identifying: UserPermissions.value != '仓库客服' ? '2' : '1',
-    ...val,
-  };
-  $_listAppeal(data)
-    .then(res => {
-      details.loadingObj.list = false; //开启动画加载
-      pageLoad.value = false;
-      console.log(res, '申诉列表返回值');
-      if (res.data.data.records.length) {
-        // details.data = res.data.data.records;
-        TabList.value.find(res => res.name == TabPermissions.value).DataList =
-          res.data.data.records;
-        TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
-        TabList.value.find(res => res.name == TabPermissions.value).request = false;
-        details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-        page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-      } else {
-        TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
-        TabList.value.find(res => res.name == TabPermissions.value).total = 0;
-        TabList.value.find(res => res.name == TabPermissions.value).request = true;
-        details.data = res.data.data.records;
-      }
-    })
-    .catch(res => {
-      details.loadingObj.list = false; //关闭动画加载
-      pageLoad.value = false;
-    });
-};
-
-// 申诉列表
-const AppealTab = async val => {
-  console.log(val, '完结当前列表');
-  arbitrationTemp.value = val;
-
-  if (val == 0) {
-    arbitrationTemp.value = 0;
-    AppealStatusT.value = false; //申诉列表关闭
-
-    console.log('处理完毕');
-    ProcessingPartyState.value = false; //关闭处理方
-    details.query.workOrderStatus = 80;
-    ArbitrationStatus.value = false; //不可以申请完结
-    // empty(); //清空搜索数据
-    let data = {
-      ...details.query,
-    };
-    IndexTable(data, true);
-    Tableheaderswitching(columnList); //切换表头
-  } else {
-    arbitrationTemp.value = 1;
-    AppealListFn(); //申诉列表函数
-  }
-
-  AppealAttachment.value = []; //清空图片
-  Appealselection.value = ''; //清空责任人
-  Reasonforappeal.value = ''; //清空申诉内容
-};
-// 申诉列表公共函数
-function AppealListFn(val) {
-  AppealStatusT.value = true; //申诉列表开启
-  console.log(AppealStatusT.value, 'AppealStatusT.value');
-  data.workOrderStatus = '';
-  console.log(data.workOrderStatus, '当前搜索状态');
-  Tableheaderswitching(AppealList); //切换表头
-  // AppealList.forEach(item => {
-  //   //清空搜索记录
-  //   item.values = '';
-  // });
-  appealFn(val); // 获取申诉列表
-}
-
-// 超时金额修改
-const BtnModifyAmount = val => {
-  console.log(val, '超时金额修改');
-  dialogModifyAmount.value = true; //开启超时金额弹窗修改
-  fromamount.value.title = val.row.workOrderNumber; //工单号
-  fromamount.value.ytimeout = val.row.money; //原本金额
-  fromamount.value.id = val.row.id; //id
-};
-// 修改金额确定
-const ModifyAmountFn = () => {
-  let data = {
-    id: fromamount.value.id,
-    money: fromamount.value.Amount,
-  };
-  console.log(data, '准备提交的金额参数');
-  $_moneyUpdate(data)
-    .then(res => {
-      TimeoutHandling();
-      console.log(res, '修改成功返回值');
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-      }
-      dialogModifyAmount.value = false; //关闭超时金额弹窗修改
-    })
-    .catch(res => {
-      dialogModifyAmount.value = false; //关闭超时金额弹窗修改
-    });
-};
-function getWinHight() {
-  var windowHight = 0;
-  if (document.body.clientHeight && document.documentElement.clientHeight) {
-    windowHight =
-      document.body.clientHeight < document.documentElement.clientHeight
-        ? document.body.clientHeight
-        : document.documentElement.clientHeight;
-  }
-  return document.documentElement.clientHeight;
-}
-
-// const height = val => {
-//   console.log('执行了计算高度');
-//   var bodyContent = document.querySelectorAll('.maboxhi');
-//   const _height = getWinHight();
-//   // 设置列表的高度
-//   bodyContent.forEach(val => {
-//     val.style.height = _height - val.getBoundingClientRect().top - val + 'px';
-//   });
-// };
-// 查询超时记录
-const TimeoutHandling = (val, Refresh) => {
-  console.log(
-    !TabList.value.find(res => res.name == TabPermissions.value).request,
-    Refresh,
-    'Refresh'
-  );
-  if (!TabList.value.find(res => res.name == TabPermissions.value).request && !Refresh) {
-    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-    return;
+    appeal.value.AppealeditorState = false; //开启申诉编辑状态
   }
-  timeoutList[3].checkarr = []; //异常类型名称
-  timeoutList[4].checkarr = []; //发现环节
-  ClaimStatus.value = false; //关闭理赔查询状态
-  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 = {
-    current: details.page.currentPage,
-    size: details.page.pageSize,
-    ...val,
-  };
-  $_listOwn(data)
-    .then(res => {
-      details.loadingObj.list = false; //关闭动画加载
-      pageLoad.value = false;
-      console.log(res, '超时记录');
-
-      if (res.data.data.records.length) {
-        Statusprocessing(res.data.data.records);
-        // details.data = res.data.data.records;
-        TabList.value.find(res => res.name == TabPermissions.value).DataList =
-          res.data.data.records;
-        TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
-        TabList.value.find(res => res.name == TabPermissions.value).request = false;
-        page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-        details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-      } else {
-        TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
-        TabList.value.find(res => res.name == TabPermissions.value).total = 0;
-        TabList.value.find(res => res.name == TabPermissions.value).request = true;
-        details.data = res.data.data.records;
-      }
-    })
-    .catch(res => {
-      details.loadingObj.list = false; //关闭动画加载
-      pageLoad.value = false;
-    });
 };
-
-// 数据渲染公共函数
-const DataRendering = (val, input, Refresh) => {
-  // val:当前是在哪一个菜单下面
-  //input:当前传入的搜索参数
-  console.log(input, '接搜的搜索参数');
-  console.log('执行了公共函数');
-  if (val != 6) {
-    AppealStatusT.value = false; //申诉列表关闭
-  }
-  console.log(val, '触发了标签栏');
-  let data = {
-    ...input, //搜索输入框
-  };
-
-  if (val == 0) {
-    ProcessingPartyState.value = false; //关闭处理方
-    ArbitrationStatus.value = true; //可以以申请完结
-    if (UserPermissions.value == '仓库客服') {
-      //全部
-      data.workOrderStatus = 1000;
-      details.query.workOrderStatus = 1000;
-      Tableheaderswitching(columnList);
-      IndexTable(data, Refresh);
-    } else {
-      data.workOrderStatus = null;
-      details.query.workOrderStatus = null;
-      Tableheaderswitching(columnList);
-      IndexTable(data, Refresh);
-    }
-  } else if (val == 1) {
-    // 处理中
-    if (UserPermissions.value == '仓库客服') {
-      data.workOrderStatus = 20;
-      details.query.workOrderStatus = 20;
-    } else {
-      data.workOrderStatus = 40;
-      details.query.workOrderStatus = 40;
-    }
-    ProcessingPartyState.value = false; //关闭处理方
-    ArbitrationStatus.value = true; //可以申请完结
-    Tableheaderswitching(columnList);
-    IndexTable(data, Refresh);
-  } else if (val == 2) {
-    //处理完毕
-    data.workOrderStatus = 30;
-    details.query.workOrderStatus = 30;
-    ProcessingPartyState.value = false; //关闭处理方
-    ArbitrationStatus.value = false; //不可以申请完结
-    Tableheaderswitching(columnList);
-    IndexTable(data, Refresh);
-  } else if (val == 3) {
-    // 待处理
-    ProcessingPartyState.value = true; //开启处理方
-    // if (UserPermissions.value == '总部客服') {
-    //   data.workOrderStatus = 500;
-    //   details.query.workOrderStatus = 500;
-    // } else {
-    //   data.workOrderStatus = 10;
-    //   details.query.workOrderStatus = 10;
-    // }
-
-    data.workOrderStatus = 10;
-    details.query.workOrderStatus = 10;
-    ArbitrationStatus.value = true; //可以申请完结
-    Tableheaderswitching(columnList);
-    IndexTable(data, Refresh);
-  } else if (val == 4) {
-    // 理赔金额未出
-    ProcessingPartyState.value = false; //关闭处理方
-    details.query.workOrderStatus = null;
-    ArbitrationStatus.value = false; //不可以申请完结
-    Tableheaderswitching(Claimsfield); //切换表格
-    settlementclaim(data, Refresh);
-  } else if (val == 5) {
-    // 客服介入
-    ProcessingPartyState.value = false; //关闭处理方
-    data.workOrderStatus = 70;
-    details.query.workOrderStatus = 70;
-    ArbitrationStatus.value = false; //不可以申请完结
-
-    IndexTable(data, Refresh);
-  } else if (val == 6 && arbitrationTemp.value == 1) {
-    // 申诉列表
-    console.log('申诉列表');
-    data.workOrderStatus = null;
-    details.query.workOrderStatus = null;
-    AppealListFn(data, Refresh); //申诉列表函数
-    Tableheaderswitching(AppealList); //切换表头
-  } else if (val == 6) {
-    console.log(arbitrationTemp.value, 'arbitrationTemp.value');
-    console.log(AppealStatusT.value, 'AppealStatusT.value');
-    // 完结
-    ProcessingPartyState.value = false; //关闭处理方
-    data.workOrderStatus = 80;
-    details.query.workOrderStatus = 80;
-    ArbitrationStatus.value = false; //不可以申请完结
-    // arbitrationTemp.value = 1;
-    IndexTable(data, Refresh);
-    Tableheaderswitching(columnList); //表头切换
-
-    var bodyContent = document.querySelectorAll('.maboxhi');
-    const _height = getWinHight();
-    // 设置列表的高度
-    bodyContent.forEach(val => {
-      val.style.height = _height - val.getBoundingClientRect().top - (65 + 20) + 'px';
-    });
-  } else if (val == 7) {
-    // 超时未处理
-    ProcessingPartyState.value = false; //关闭处理方
-    data.workOrderStatus = null;
-    details.query.workOrderStatus = null;
-    ArbitrationStatus.value = false; //不可以申请完结
-    Tableheaderswitching(timeoutList); //表头切换
-    TimeoutHandling(data, Refresh); //调用超时未出理
-  } else if (val == 8) {
-    // 待回复按钮
-    if (UserPermissions.value == '仓库客服') {
-      // 不是仓库客服看不见待回复按钮
-      data.workOrderStatus = null;
-      details.query.workOrderStatus = null;
-      Tableheaderswitching(columnList);
-      ProcessingPartyFun(data, Refresh);
-    }
-  } else if (val == 9) {
-    // 待审核
-    ProcessingPartyState.value = true; //开启处理方
-    if (UserPermissions.value == '总部客服经理') {
-      data.workOrderStatus = 500;
-      details.query.workOrderStatus = 500;
-    }
-    ArbitrationStatus.value = true; //可以申请完结
-    Tableheaderswitching(columnList);
-    IndexTable(data, Refresh);
-  }
-  console.log('执行完毕');
-};
-
-// 标签栏触发
-
-const tabChenge = async (val, input, Refresh = false) => {
-  console.log(TabList.value, 'TabList.value');
-  console.log(val, 'val');
-  let _row=   TabList.value.find(res=>res.name==val)
-  page.value.pageSize=  _row.pageSize
-  page.value.currentPage=  _row.currentPage
-  page.value.total=  _row.total
-  console.log(_row,'当前点击的菜单');
-  
-  TabPermissions.value = val; //记录当前点击的菜单
-
-  if (val != 6) {
-    // AppealStatusT.value = false; //申诉列表关闭
-  }
-  console.log(val, '触发了标签栏');
-  let data = {
-    ...input, //搜索输入框
-  };
-  await empty();
-  DataRendering(TabPermissions.value, input, Refresh);
-
-  return;
-};
-
-/** 展开列表控件 */
-const showdrawer = _flag => {
-  details.drawerShow = _flag;
-};
-
-// 待回复处理方数据公共函数
-const ProcessingPartyFun = (val, Refresh) => {
-  console.log(
-    TabList.value.find(res => res.name == TabPermissions.value).request,
-    Refresh,
-    '待回复'
-  );
-  if (!TabList.value.find(res => res.name == TabPermissions.value).request && !Refresh) {
-    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-    return;
-  }
-  console.log('触发了待回复');
-  ClaimStatus.value = false; //关闭理赔状态
-  TimeoutStatus.value = false; //关闭超时
-  AppealStatus.value = false; //关闭申诉状态
-  // details.query.workOrderStatus = null;
-  details.loadingObj.list = true; //开启动画加载
-  pageLoad.value = true;
-  let data = {
-    ...val,
-  };
-  console.log(val, 'val接收的参数');
-  columnList[2].checkarr = []; //重置下拉搜索框
-  columnList[3].checkarr = [];
-  data.current = page.value.currentPage; //页码
-  data.size = page.value.pageSize; //条数
-  updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
-  updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
-  $_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);
-        TabList.value.find(res => res.name == TabPermissions.value).DataList =
-          res.data.data.records;
-        TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
-        TabList.value.find(res => res.name == TabPermissions.value).request = false;
-        console.log(
-          TabList.value.find(res => res.name == TabPermissions.value).request,
-          '待回复当前状态'
-        );
-        page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
-        // details.data = res.data.data.records;
-        details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
-        console.log(details.data, '存储的数据');
-      } else {
-        TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
-        TabList.value.find(res => res.name == TabPermissions.value).total = 0;
-        TabList.value.find(res => res.name == TabPermissions.value).request = true;
-        details.data = res.data.data.record;
-      }
-      loading.value = false; //关闭加载效果
-    })
-    .catch(res => {
-      loading.value = false; //关闭加载效果
-    });
-};
-
-// 获取聊天记录
-const FKList = () => {
-  iconState.value = true;
-  let data = { workOrderId: ListRow.value.id };
-  $_getExchangeList(data).then(res => {
-    iconState.value = false;
-    console.log(res, '查询的值');
-    ChatHistory.value = res.data.data;
-    setTimeout(() => {
-      const container = scrollContainer.value;
-      if (container) {
-        container.scrollTop = container.scrollHeight;
-      }
-    }, 0);
-  });
-};
-// 点击回复按钮
-const reply = val => {
-  $router.push({
-    path: '/aftersales/customerService',
-    query: {
-      row: JSON.stringify(val.row),
-    },
-  });
-  return;
-};
-// 处理方数据
-const ProcessingParty = () => {
-  ProcessingPartyState.value = true; //开启处理方
-  ProcessingPartyFun({}, true);
-};
-// 消息发送函数
-const messagesendFn = () => {
-  iconState.value = true;
-  let data = {
-    workOrderId: ListRow.value.id,
-    businessName: Mydata.value.departmentName,
-    businessId: Mydata.value.id,
-    content: KFinput.value,
-    warehouseId: ListRow.value.warehouseId,
-    annex: KFfeel.value,
-  };
-  console.log(data, '处理好的数据');
-
-  $_AddReply(data).then(res => {
-    // 获取当前时间
-    const currentTime = new Date();
-    // 获取年、月、日、小时、分钟、秒
-    const year = String(currentTime.getFullYear());
-    const month = String(currentTime.getMonth() + 1).padStart(2, '0');
-    const day = String(currentTime.getDate()).padStart(2, '0');
-    const hours = String(currentTime.getHours()).padStart(2, '0');
-    const minutes = String(currentTime.getMinutes()).padStart(2, '0');
-    const seconds = String(currentTime.getSeconds()).padStart(2, '0');
-    // 拼接时间字符串
-    const formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-    console.log(res, '添加成功');
-    if (res.data.code == 200) {
-      // 添加成功
-      iconState.value = false;
-      ChatHistory.value.push({
-        businessId: Mydata.value.id,
-        businessName: Mydata.value.departmentName,
-        content: KFinput.value,
-        createTime: formattedTime,
-      });
-      // 滚动到最后
-      setTimeout(() => {
-        const container = scrollContainer.value;
-        if (container) {
-          container.scrollTop = container.scrollHeight;
-        }
-      }, 0);
-      KFinput.value = ''; //清空内容
-      KFfeel.value = null; //清空文件
-    }
-  });
-  console.log(Mydata.value, '参数');
-};
-// 发送按钮
-const messagesend = () => {
-  messagesendFn();
-};
-// 客服刷新按钮
-const KFRefresh = () => {
-  FKList();
-};
-// 输入框回车
-const inputEnter = () => {
-  messagesendFn();
-};
-// 图片上传必须携带TOKEN
-const headers = computed(() => {
-  return { 'Blade-Auth': 'Bearer ' + getToken() };
-});
-
-// 图片上传接口
-const doubledCount = computed(() => {
-  return '/api/blade-resource/oss/endpoint/put-file';
-});
-// 附件上传成功
-const fellSuccess = (response, uploadFile) => {
-  console.log('上船成功');
-  console.log(response, uploadFile);
-  if (response.data.link) {
-    KFfeel.value = response.data.link;
-  }
-};
-//批量审核（由客服经理批量审核确定）
-const DetermineStorage = val => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选数据',
-      type: 'warning',
-    });
-    return;
-  }
-  ElMessageBox.confirm('是否确定确定批量审核?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(() => {
-      let data = {
-        assignList: [],
-      };
-      data['assignList'] = details.selectionList.map(item => item.id);
-      details.loadingObj.list = true; //开启加载效果
-      pageLoad.value = true;
-      // 完结结果确定
-      console.log(data, '处理好的值');
-      $_updateManagerConfirmed(data)
-        .then(res => {
-          if (res.data.code == 200) {
-            ElMessage({
-              message: res.data.msg,
-              type: 'success',
-            });
-          }
-          console.log(res, '处理完毕确定');
-          tabChenge(TabPermissions.value, {}, true);
-        })
-        .catch(res => {
-          console.log(res, '错误信息');
-        })
-        .finally(res => {
-          details.loadingObj.list = false; //关闭加载效果
-          pageLoad.value = false;
-        });
-    })
-    .catch(() => {});
-};
-
-// 完结里面确定按钮
-const EndArbitration = val => {
-  console.log(val, '当前参数');
-  let data = {
-    assignList: [val.row.id],
-  };
-  details.loadingObj.list = true; //开启加载效果
-  pageLoad.value = true;
-  $_updateArbitrateStatu(data)
-    .then(res => {
-      console.log(res, '处理成功');
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-        DataRendering(TabPermissions.value, details.query, true);
-      }
-    })
-    .catch(res => {
-      console.log(res, '报错原因');
-    })
-    .finally(() => {
-      details.loadingObj.list = false; //开启加载效果
-      pageLoad.value = false;
-    });
-};
-// 批量完结确定
-const AllEndArbitration = () => {
-  // 校验是否勾选了数据
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选要处理的数据数据',
-      type: 'warning',
-    });
-    return;
-  }
-  let data = {
-    assignList: [],
-  };
-  data['assignList'] = details.selectionList.map(res => res.id); //获取批量完结的ID
-  console.log('批量完结确定处理好的值');
-  $_updateArbitrateStatu(data)
-    .then(res => {
-      console.log(res, '处理成功');
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-        DataRendering(TabPermissions.value, details.query, true);
-      }
-    })
-    .catch(res => {
-      console.log(res, '报错原因');
-    })
-    .finally(() => {
-      details.selectionList = []; //清空勾选数据
-      details.loadingObj.list = false; //开启加载效果
-      pageLoad.value = false;
-    });
-};
-// 处理完毕里面确定（仓库客服用的）
-
-const ResultConfirmation = val => {
-  if (UserPermissions.value == '仓库客服') {
-    console.log('仓库客服');
-
-    //处理完毕菜单下面确定按钮用于确定处理结果（仓库客服用的）
-    let data = {
-      assignList: [],
-    };
-    let ConfirmStatus = false; //批量确认状态
-    if (!val.row) {
-      // 说明点击的批量确定
-      console.log('当前点击的批量确定');
-      if (!details.selectionList.length) {
-        ElMessage({
-          message: '请勾选要处理的数据数据',
-          type: 'warning',
-        });
-        return;
-      } else {
-        ConfirmStatus = true; //说明走的是批量
-        data['assignList'] = details.selectionList.map(item => item.id);
-        console.log(data['assignList'], '批量确定处理好的参数');
-      }
-    } else {
-      let ID = {};
-      ID = val.row.id;
-      data['assignList'].push(ID);
-    }
-
-    // 仓库客服
-
-    if (ConfirmStatus) {
-      // 走的批量确认
-      let state = details.selectionList.every(item => item.workOrderStatus == '21');
-      console.log(state, 'state');
-      if (!state) {
-        ElMessage({
-          message: '勾选单子中有已经确认的请取消勾选!',
-          type: 'warning',
-        });
-        return;
-      }
-    } else {
-      if (val.workOrderStatus == '30') {
-        ElMessage({
-          message: '状态错误,已经确认过',
-          type: 'warning',
-        });
-        return;
-      }
-    }
-    ElMessageBox.confirm('是否确定当前处理结果?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
-    })
-      .then(() => {
-        details.loadingObj.list = true; //开启加载效果
-        pageLoad.value = true;
-        console.log(data, '处理好的数据');
-        $_updateWorkOrderStatus(data)
-          .then(res => {
-            console.log(res, '确定提交存储');
-            if (res.data.code == 200) {
-              ElMessage({
-                message: res.data.msg,
-                type: 'success',
-              });
-            }
-            tabChenge(TabPermissions.value, {}, true);
-          })
-          .catch(res => {
-            console.log(res, '错误信息');
-          })
-          .finally(() => {
-            details.loadingObj.list = false; //关闭加载效果
-            pageLoad.value = false;
-          });
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '取消确定',
-        });
-      });
-  } else {
-    let data = {
-      assignList: [],
-    };
-    let ConfirmStatus = false; //批量确认状态
-    if (!val.row) {
-      // 说明点击的批量确定
-      console.log('当前点击的批量确定');
-      if (!details.selectionList.length) {
-        ElMessage({
-          message: '请勾选要处理的数据数据',
-          type: 'warning',
-        });
-        return;
-      } else {
-        ConfirmStatus = true; //说明走的是批量
-        data['assignList'] = details.selectionList.map(item => item.id);
-        console.log(data['assignList'], '批量确定处理好的参数');
-      }
-    } else {
-      let ID = {};
-      ID = val.row.id;
-      data['assignList'].push(ID);
-    }
-
-    if (ConfirmStatus) {
-      // 走的批量确认
-      let state = details.selectionList.every(item => item.workOrderStatus == '40');
-      if (!state) {
-        ElMessage({
-          message: '批量确认中状态只能为待审核',
-          type: 'warning',
-        });
-        return;
-      }
-    } else {
-      if (val.workOrderStatus != '40') {
-        ElMessage({
-          message: '状态错误,已经确认过',
-          type: 'warning',
-        });
-        return;
-      }
-    }
-    ElMessageBox.confirm('是否确定当前处理信息?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
-    })
-      .then(() => {
-        details.loadingObj.list = true; //开启加载效果
-        pageLoad.value = true;
-        // 完结结果确定
-        $_updateManagerConfirmed(data)
-          .then(res => {
-            if (res.data.code == 200) {
-              ElMessage({
-                message: res.data.msg,
-                type: 'success',
-              });
-            }
-            console.log(res, '处理完毕确定');
-            tabChenge(TabPermissions.value, {}, true);
-          })
-          .catch(res => {
-            console.log(res, '错误信息');
-          })
-          .finally(res => {
-            details.loadingObj.list = false; //关闭加载效果
-            pageLoad.value = false;
-          });
-        // 赔款方
-        console.log(data, '处理好的值');
-      })
-      .catch(() => {
-        ElMessage({
-          type: 'info',
-          message: '已取消',
-        });
-      });
-  }
-};
-
-// 审核确定
-const findingAudit = () => {};
-// 批量打回
-const BatchReturn = () => {
-  BatchFrom.value.businessDepartment = [];
-  BatchFrom.value.txt = null;
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选要打回的数据',
-      type: 'warning',
-    });
-    return;
-  }
-  dialogReturn.value = true;
-  console.log(details.selectionList, '选中的参数');
-};
-// 批量打回确定按钮
-const ConfirmReturn = () => {
-  repulse.value = true; //开启加载并关闭按钮
-  let data = {
-    processorList: [],
-  };
-  // 过滤满足条件的对象
-  if (BatchFrom.value.businessDepartment.length) {
-    let foundObjs = warehouseData.value.filter(obj =>
-      BatchFrom.value.businessDepartment.includes(obj.value)
-    );
-    data['businessId'] = foundObjs.map(item => item.value).join(',');
-    data['businessName'] = foundObjs.map(item => item.label).join(',');
-    // 营业部处理
-    foundObjs.forEach(item => {
-      data['processorList'].push({ id: item.value, name: item.label });
-    });
-  }
-
-  data.reasonReturn = BatchFrom.value.txt; //打回原因
-  // data.warehouseId = details.selectionList.map(item=>item.warehouseId); //仓库ID
-  data.workOrderIds = details.selectionList.map(item => item.id); //异常工单ID
-  console.log(data, '处理好的值');
-  data.typesOf = '1'; //普通打回
-  $_batchReturn(data)
-    .then(res => {
-      repulse.value = false; //关闭加载并关闭按钮
-      dialogReturn.value = false; //关闭打回弹窗
-      IndexTable(); //首页初始化信息
-      console.log(res, '批量打回返回值');
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-        DataRendering(TabPermissions.value, details.query, true);
-      }
-    })
-    .catch(error => {
-      repulse.value = false; //关闭加载并关闭按钮
-      dialogReturn.value = false; //关闭打回弹窗
-    });
-};
-
-// 工单指派
-const assign = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选工单数据',
-      type: 'warning',
-    });
-    return;
-  }
-  $_getCustomerServicePersonnel({})
-    .then(res => {
-      console.log(res, '客服列表');
-      customerService.value = res.data.data;
-    })
-    .catch(error => {
-      console.log(error, '客服列表错误');
-    });
-  assignFrom.value = {}; //清空内容
-  dialogassign.value = true; //开启指派工单弹窗
-};
-// 工单指派确定按钮
-const Assignbutton = () => {
-  AssignLoad.value = true; //开启加载和按钮禁止重复点击
-  let foundObjs = customerService.value.find(obj => obj.id == assignFrom.value.businessDepartment); //筛选选择的工单
-  let data = {
-    assignList: [],
-  };
-  data.customerServiceId = foundObjs.id; //归属客服ID
-  data.customerServiceName = foundObjs.realName; //归属客服名称
-  data['assignList'] = details.selectionList.map(item => item.id); //异常工单ID//工单ID
-  console.log(data, '处理好的值');
-  $_assignCustomerService(data)
-    .then(res => {
-      AssignLoad.value = false; //关闭加载和按钮禁止重复点击
-      dialogassign.value = false; //关闭指派工单弹窗
-      console.log(res, '工单指派返回');
-      tabChenge(TabPermissions.value);
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-      }
-    })
-    .catch(error => {
-      AssignLoad.value = false; //关闭加载和按钮禁止重复点击
-      dialogassign.value = false; //关闭指派工单弹窗
-    });
-};
-// 客服介入（申请完结）
-const arbitrate = () => {
-  if (!details.selectionList.length) {
-    console.log('当前没有数据');
-    ElMessage({
-      message: '请勾要完结的数据',
-      type: 'warning',
-    });
-    return;
-  }
-  let resultState = details.selectionList.every(
-    item => item.workOrderStatus == '10' || item.workOrderStatus == '20'
-  ); //判断勾选中的数据是否存在不符合条件的
-  if (!resultState) {
-    ElMessage({
-      message: '勾选数据不符合（待处理或处理中才可以申请完结）',
-      type: 'warning',
-    });
-    return;
-  }
-  dialogCustomer.value = true; //开启客服介入弹窗
-};
-
-const CustomerServiceintervention = () => {
-  // 处理中，待处理可申请
-  let data = {
-    assignList: [],
-    reasonRemarks: CustomerServiceForm.value.reasonRemarks, //客服介入原因
-  };
-  details.selectionList.forEach(item => {
-    data['assignList'].push(item.id);
-  });
-
-  console.log(data, '完结处理好的参数');
-  loadingCustomer.value = true; //开启加载
-  // 发送请求
-  $_arbitrate(data)
-    .then(res => {
-      console.log(res, '完结成功返回值');
-      // PagerefreshPublic();
-      DataRendering(TabPermissions.value, details.query, true);
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-      }
-    })
-    .finally(() => {
-      dialogCustomer.value = false; //关闭弹窗
-      loadingCustomer.value = false; //关闭加载
-    });
-};
-// 钉钉号填写
-const DingTalk = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选数据',
-      type: 'warning',
-    });
-    return;
-  }
-  dialogDingTalk.value = true; //开启钉钉号填写弹窗
-};
-// 钉钉号确认提交
-const DingTalkSubmit = () => {
-  let data = {
-    assignList: [],
-  };
-  data.processNumber = DingTalkfilling.value.processNumber; //钉钉号
-  data.reviewedBy = DingTalkfilling.value.reviewedBy; //审核人
-  data.auditTime = DingTalkfilling.value.auditTime; //审核时间
-  // data.entryTime = DingTalkfilling.value.entryTime; //财务入账时间
-  data['assignList'] = details.selectionList.map(res => res.id); //ID
-  console.log(data, '处理好的值');
-  $_updateWorkList(data).then(res => {
-    console.log(res, '钉钉流程号填写');
-    if (res.data.code == 200) {
-      ElMessage({
-        message: res.data.msg,
-        type: 'success',
-      });
-      dialogDingTalk.value = false; //关闭钉钉号填写弹窗
-      DataRendering(TabPermissions.value, details.query, true);
-    }
-  });
-};
-// 页面刷新公共函数
-const PagerefreshPublic = () => {
-  console.log('执行了页面刷新公共函数');
-  if (ProcessingPartyState.value && ArbitrationStatus.value) {
-    ProcessingPartyFun({}, true);
-  } else {
-    IndexTable(); //刷新页面
-  }
-};
-// 添加赔款方
-const AddCompensation = () => {
-  console.log('添加赔款方');
-  let som = 1;
-  CompensationParty.value.forEach(item => {
-    if (item.state == 0) {
-      som++;
-    }
-  });
-  CompensationParty.value.push({
-    name: '',
-    state: 0,
-    num: 0,
-    reason: '',
-    cld: som,
-    warehouseId: '',
-    personResponsibleName: '',
-  });
-};
-// 添加受款方
-const AddPayee = () => {
-  let som = 1;
-  CompensationParty.value.forEach(item => {
-    if (item.state == 1) {
-      som++;
-    }
-  });
-  CompensationParty.value.push({ name: '', state: 1, num: 0, reason: '', cld: som });
-};
-// 移除按钮
-const payremove = (state, val) => {
-  // 判断赔付方，至少保留一条数据
-  let som = 0;
-  if (state == 0) {
-    CompensationParty.value.forEach(item => {
-      if (item.state == 0) {
-        som++;
-      }
-    });
-    if (som == 1) {
-      ElMessage({
-        message: '赔款必填最少一条',
-        type: 'warning',
-      });
-      return;
-    }
-  }
-  CompensationParty.value.splice(val, 1);
-  console.log('CompensationParty :>> ', CompensationParty);
-  amountMoney();
-};
-// 金额输入汇总
-const amountMoney = () => {
-  // 计算赔款金额总数
-  TotalamountCompensation.value = 0;
-  TotalamountReceived.value = 0;
-  CompensationParty.value.forEach(item => {
-    const _num = isNumber(item.num) ? item.num : 0;
-    // 统计赔款方【0】
-    if (item.state == 0) {
-      TotalamountCompensation.value = computeNumber(
-        TotalamountCompensation.value,
-        '+',
-        _num
-      ).result;
-    }
-    // 统计受款方金额【1】
-    if (item.state == 1) {
-      TotalamountReceived.value = computeNumber(TotalamountReceived.value, '+', _num).result;
-    }
-  });
-  console.log('赔款总计金额', TotalamountCompensation.value);
-  console.log('收款总计金额', TotalamountReceived.value);
-};
-// 财务入账按钮
-const Financialfillingbtn = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选数据',
-      type: 'warning',
-    });
-    return;
-  }
-  FinancialFrom.value = {};
-  dialogFinancialaccounting.value = true; //开启财务入账弹窗
-};
-// 财务入账确定按钮
-const Financialfilling = () => {
-  let data = {
-    ids: '',
-    ...FinancialFrom.value,
-  };
-  if (details.selectionList.length) {
-    data.ids = details.selectionList.map(item => item.id).join(',');
-    loadingFinancial.value = true; //开启加载
-    $_updateFinanceTime(data)
-      .then(res => {
-        console.log(res, '财务入账填写成功');
-        if (res.data.code == 200) {
-          ElMessage({
-            message: res.data.msg,
-            type: 'success',
-          });
-          dialogFinancialaccounting.value = false; //关闭财务入账弹窗
-          DataRendering(TabPermissions.value, details.query, true);
-        }
-        // AppealListFn();
-      })
-      .catch(res => {
-        console.log(res, '财务入账成功返回值');
-      })
-      .finally(() => {
-        loadingFinancial.value = false; //关闭加载
-      });
-  }
-};
-// 批量完结
-const Batchcompletion = () => {
-  console.log(details.selectionList);
-  // 完结的逻辑
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请先勾选要处理的数据',
-      type: 'warning',
-    });
+// 工单申诉确认按钮
+const Appealbutton = async state => {
+  try {
+    await appealruleFormRef.value.validate();
+  } catch (fields) {
+    return;
+  }
+
+  const confirmResult = await ElMessageBox.confirm('是否确认发起工单申诉?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).catch(() => false);
+
+  if (!confirmResult) {
     return;
   }
-  dialogBatchcompletion.value = true; //开启批量完结弹窗
-};
 
-// 批量提交
-const CompletedSubmission = () => {
-  PLloading.value = true; //开启处理加载效果
-  console.log(CompensationParty.value);
-  let pay = CompensationParty.value.find(item => item.cld == 1);
-  console.log(pay);
-  // if (!pay.name || pay.num == null || !pay.reason) {
-  //   ElMessage({
-  //     message: '请填写赔款方完整信息',
-  //     type: 'warning',
-  //   });
-  //   return;
-  // }
-  if (!Reasonarbitration.value) {
+  if (appeal.value.AppealAttachment.length > 1) {
     ElMessage({
-      message: '请填写完结原因',
+      message: '只能上传一张图片',
       type: 'warning',
     });
     return;
   }
-  console.log(CompensationParty.value, 'CompensationParty赔款列表');
-  console.log(details.selectionList, '选中的参数');
 
-  // 初始化data数组，其结构对应于details.selectionList的长度
-  let data = details.selectionList.map(() => ({
-    id: details.selectionList[0].id,
-    reasonArbitration: Reasonarbitration.value,
-    completionRecipientEntities: [],
-    completionRecordEntities: [],
-  }));
-  console.log(data, '初始值');
-  // 填充data数组
-  details.selectionList.forEach((selection, index) => {
-    CompensationParty.value.forEach(party => {
-      // 根据state值创建不同类型的对象填充到相应的数组中
-      if (party.state === 0) {
-        // 赔款方信息对象
-        const record = {
-          indemnitor: party.name,
-          reason: party.reason,
-          money: Number(party.num),
-          reasonArbitration: Reasonarbitration.value,
-          warehouseId: party.warehouseId, //仓库
-          compensationPersonnel: party.personResponsibleName, //责任人
-          workOrderId: selection.id, //工单id
-        };
-        // 将赔款方信息添加到对应的completionRecordEntities数组中
-        data[index].completionRecordEntities.push(record);
-      } else {
-        // 受款方信息对象
-        const recipient = {
-          recipient: party.name,
-          reasonReceivingPayment: party.reason,
-          money: Number(party.num),
-          responsibleParty: '', //
-          workOrderNumber: selection.workOrderNumber,
-          workOrderId: selection.id, //工单id
-          // warehouseId: selection.warehouseId,(修改过)
-          warehouseId: party.warehouseId, //仓库
-        };
-        // 将受款方信息添加到对应的completionRecipientEntities数组中
-        data[index].completionRecipientEntities.push(recipient);
-      }
+  appeal.value.loadingappeal = true;
+
+  let data = {
+    peopleEntityList: [],
+    imagePath: '',
+    workOrderId: '',
+    appealPeopleName: '',
+  };
+
+  data.reason = appeal.value.Reasonforappeal;
+  data.appealPeopleName = warehouseData.value
+    .filter(item => appeal.value.Appealselection.includes(item.value))
+    .map(item => item.label)
+    .join(',');
+
+  appeal.value.Appealselection.forEach(item => {
+    const selectedWarehouse = warehouseData.value.find(res => res.value === item);
+    data.peopleEntityList.push({
+      workOrderId: appeal.value.selectList[0].id,
+      reason: appeal.value.Reasonforappeal,
+      claimant: UserInfo.value.content.user_name,
+      actualPersonId: selectedWarehouse.value,
+      actualPersonName: selectedWarehouse.label,
     });
   });
-  // 赔款方
+
+  data.workOrderId = appeal.value.AppealeditorState
+    ? appeal.value.selectList[0].workOrderId
+    : appeal.value.selectList[0].id;
+
+  if (appeal.value.AppealeditorState) {
+    data.id = appeal.value.selectList[0].id;
+  }
+
+  if (appeal.value.AppealAttachment.length > 0) {
+    const attachment = appeal.value.AppealAttachment[0];
+    data.imagePath = attachment.response ? attachment.response.data.link : attachment.url;
+  }
+
   console.log(data, '处理好的值');
-  $_addCompletionEnd(data).then(res => {
-    DataRendering(TabPermissions.value, details.query, true);
-    PLloading.value = false; //关闭处理加载效果
-    dialogBatchcompletion.value = false; //关闭弹窗
-    console.log(res, '完结成功返回值');
-    if (res.data.code) {
+
+  try {
+    const { data: response } = await $_appealSubmit(data);
+    const { code, msg } = response;
+
+    if (code === 200) {
       ElMessage({
-        message: res.data.msg,
+        message: msg,
         type: 'success',
       });
     }
-  });
-};
-// 批量删除申诉
-const Batchdeletionappeals = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选选择要删除的数据',
-      type: 'warning',
-    });
-    return;
+
+    appeal.value.dialogappeal = false;
+    updateMenuAndData(); //更新菜单数据
+  } finally {
+    appeal.value.loadingappeal = false;
   }
-  let ids = '';
-  if (details.selectionList.length) {
-    ids = details.selectionList.map(item => item.id).join(',');
-    $_getDetails({
-      ids: ids,
-    })
-      .then(res => {
-        console.log(res, '删除成功返回值');
-        if (res.data.code == 200) {
+};
+
+// 删除申诉记录
+const Deleteappealrecords = async row => {
+  ElMessageBox.confirm('是否删除当前记录?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
+      try {
+        appeal.value.loadingappeal = true;
+        let data = {
+          ids: row.id,
+        };
+        let _res = await $_getDetails(data);
+        if (_res.data.code == 200) {
           ElMessage({
             message: '删除成功',
             type: 'success',
           });
+          updateMenuAndData(); //获取新数据
         }
-        AppealListFn();
-      })
-      .catch(res => {
-        console.log(res, '删除失败返回值');
-      });
-  }
-};
-// 删除申诉
-const Deleteappeal = val => {
-  let id = val.row.id;
-  $_getDetails({ ids: id })
-    .then(res => {
-      if (res.data.code == 200) {
-        ElMessage({
-          message: '删除成功',
-          type: 'success',
-        });
+      } catch {
+      } finally {
+        appeal.value.loadingappeal = false;
       }
-      AppealListFn();
     })
-    .catch(res => {
-      console.log(res, '删除失败返回值');
-    });
+    .catch(() => {});
 };
 
-// 导出报表
-const exportReport = () => {
-  ElMessageBox.confirm('是否导出报表?', {
+/**
+ *
+ * @description 工单取消申诉
+ */
+const CancelWorkOrderAppeal = row => {
+  ElMessageBox.confirm('是否取消申诉?', '提示', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     type: 'warning',
   })
     .then(() => {
-      let dataID = {
-        workOrderStatus: details.query.workOrderStatus,
+      let data = {
+        id: row.id, //取消申诉ID
+        typesOf: '3', //申诉状态
+        workOrderId: row.workOrderId, //异常工单ID
       };
-      if (details.selectionList.length) {
-        dataID.ids = details.selectionList.map(item => item.id).join(',');
-      }
-      pageLoad.value = true;
-      $_exportAftersalesWorkOrder(dataID)
+      PageLoading.value = true;
+      $_Cancelappeal(data)
         .then(res => {
-          const currentDate = new Date();
-          const formattedDate = `${currentDate.getFullYear()}${(currentDate.getMonth() + 1)
-            .toString()
-            .padStart(2, '0')}${currentDate.getDate().toString().padStart(2, '0')}${currentDate
-            .getHours()
-            .toString()
-            .padStart(2, '0')}${currentDate.getMinutes().toString().padStart(2, '0')}${currentDate
-            .getSeconds()
-            .toString()
-            .padStart(2, '0')}`;
-          console.log(res, '导出');
-          downloadXls(res.data, `导出工单数据${formattedDate}.xlsx`);
+          console.log(res, '取消申诉返回值');
+          if (res.data.code == 200) {
+            updateMenuAndData(); //获取新数据
+            ElMessage({
+              message: '取消申诉成功',
+              type: 'success',
+            });
+          }
         })
-        .catch(e => {
-          console.log(e, 'error');
+        .catch(error => {
+          console.log(error);
         })
         .finally(() => {
-          pageLoad.value = false;
+          PageLoading.value = false;
         });
     })
     .catch(() => {});
 };
-// 超时导出
-const TimedoutExport = () => {
-  ElMessageBox.confirm('是否导出超时报表?', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(() => {
-      let data = {};
-      if (details.selectionList.length) {
-        data.ids = details.selectionList.map(item => item.id).join(',');
-      }
-      $_exportaftersalesOvertimeFine(data).then(res => {
-        downloadXls(res.data, `超时导出数据.xlsx`);
-      });
-    })
-    .catch(() => {});
-};
-// 默认指派
-const defaultAssignments = () => {
-  CustomerServicea.value = true; //开启弹窗
-  let data = {
-    current: assigncurrentPage.value,
-    size: assignpageSize.value,
-    typesOf: AssignmentType.value,
+/**
+ * @description: [全部]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails0 = row => {
+  console.log(row, '当前行数据');
+  const workOrderInfoPath_Info = '/aftersales/aftersalesWorkOrderInfo'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-详情信息`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
   };
-  CustomerLoad.value = true; //开启加载
-  $_aftersalesCustomerMall(data)
-    .then(res => {
-      console.log(res, '获取成功值');
-      CustomerData.value = res.data.data.records;
-      CustomerTotal.value = res.data.data.total;
-    })
-    .catch(res => {})
-    .finally(res => {
-      CustomerLoad.value = false; //关闭加载
-    });
-};
-// 商场指派每一页多少个条
-const assignsizeChange = val => {
-  console.log('123');
-  (assignpageSize.value = val), defaultAssignments();
-};
-// 点击多少页
-const assigncurrentChange = val => {
-  assigncurrentPage.value = val;
-  defaultAssignments();
-};
-// 解绑客服默认指派
-const Unbindassignment = val => {
-  // let data=
-  ElMessageBox.confirm('是否确定解绑?', 'Warning', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(() => {
-      console.log(val, '解绑指派');
-      let data = {
-        ids: val.row.id,
-      };
-      CustomerLoad.value = true; //开启加载
-      $_aftersalesCustomerMallremove(data).then(res => {
-        console.log(res, '解绑成功');
-        if (res.data.code == 200) {
-          ElMessage({
-            type: 'success',
-            message: '解绑成功',
-          });
-          defaultAssignments();
-        }
-      });
-    })
-    .catch(() => {})
-    .finally(res => {
-      CustomerLoad.value = false; //开启加载
-    });
+  $router.push({ path: workOrderInfoPath_Info, query: { ...queryParams } });
 };
 
-// 设为默认
-const setAsdefault = val => {
-  let data = {};
-  data = val.row;
-  CreateassignmentLoading.value = true; //开启加载
-  $_aftersalesCustomerMallsetDefault(data)
-    .then(res => {
-      console.log(res, '设为默认');
-      if (res.data.code == 200) {
-        defaultAssignments();
-      }
-    })
-    .catch(res => {})
-    .finally(() => {
-      CreateassignmentLoading.value = false; //关闭加载
-    });
+/**
+ * @description: [待回复]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails8 = row => {
+  console.log(row, '当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-回复信息`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [待回复]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails3 = row => {
+  console.log(row, '【待回复】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-处理结果`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [处理中]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails1 = row => {
+  console.log(row, '【处理中】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-处理结果`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [理赔金额未出]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails4 = row => {
+  console.log(row, '【理赔金额未出】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.lawoId, //理赔金额未出的异常ID
+    subId: row.laprId, //修改处理结果提交需要的ID
+    name: `${row.workOrderNumber}-处理结果`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+    businessId: row.businessId, //客服仲裁完结需要的ID（后期看情况可以删除）
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
 };
 
-// 指派新增
-const CreateAdditions = () => {
-  if (AssignmentType.value == '2') {
-    $_basicdataTripartiteMall({}).then(res => {
-      console.log(res, '商场指派列表');
-      if (res.data.data) {
-        Malldropdown.value = res.data.data;
-      }
-    });
+/**
+ * @description: [处理完毕]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails2 = row => {
+  console.log(row, '【处理完毕】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-处理完毕`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [客服介入]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails5 = row => {
+  console.log(row, '【客服介入】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-客服介入`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [待审核]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails9 = row => {
+  console.log(row, '【待审核】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-待审核`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [完结]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails6 = row => {
+  console.log(row, '【完结】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.id, //异常工单ID
+    name: `${row.workOrderNumber}-完结`,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+/**
+ * @description: [申诉列表]常工单号，跳转到详情信息页面
+ * @param {Object} row - 当前行数据
+ * @return {void}
+ */
+const ViewDetails10 = row => {
+  console.log(row, '【申诉列表】当前行数据');
+  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
+  const queryParams = {
+    id: row.workOrderId, //申诉列表查询需要的ID
+    workOrderId: row.id, //申诉驳回用的ID
+    name: `${row.workOrderNumber}-申诉`,
+    typesOf: row.typesOf,
+    workOrderNumber: row.workOrderNumber, //异常工单号
+    RouteIndexs: TabPermissions.value, //当前菜单编号
+    workOrderStatus: row.workOrderStatus, //工单状态
+  };
+  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+};
+// 全部异常工单号点击查看
+const ViewDetailsRow = row => {
+  $useStore.commit('DEL_ONCE_TAG', '/aftersales/aftersalesWorkOrderInfo');
+  console.log(row, '异常工单号点击查看详情当前行数据');
+  switch (TabPermissions.value) {
+    case 0:
+      ViewDetails0(row);
+      break;
+    case 1:
+      ViewDetails1(row);
+      break;
+    case 2:
+      ViewDetails2(row);
+      break;
+    case 3:
+      ViewDetails3(row);
+      break;
+    case 4:
+      ViewDetails4(row);
+      break;
+    case 5:
+      ViewDetails5(row);
+      break;
+    case 6:
+      ViewDetails6(row);
+      break;
+    case 8:
+      ViewDetails8(row);
+      break;
+    case 9:
+      ViewDetails9(row);
+      break;
+    case 10:
+      ViewDetails10(row);
+      break;
+    default:
+      break;
   }
-  Createassignment.value = true; //开启弹窗
-  $_getCustomerServicePersonnel({})
-    .then(res => {
-      console.log(res, '客服列表');
-      AssignCustomerservice.value = res.data.data;
-    })
-    .catch(error => {
-      console.log(error, '客服列表错误');
-    });
 };
-// 指派切换
-const AssignSwitch = val => {
-  console.log(val);
 
-  if (val.props.name == '0') {
-    // 总部指派
-    AssignmentType.value = '1';
-  } else if (val.props.name == '1') {
-    // 商场指派
-    AssignmentType.value = '2';
+/**
+ *  @description: 查看按钮
+ *  @param {Object} row 当前行数据
+ *  @return {void} 无返回值
+ */
+const ViewDetails = row => {
+  console.log(row, '点击查看详情当前行数据');
+  switch (TabPermissions.value) {
+    case 0:
+      ViewDetails0(row); //全部
+      break;
+    case 1:
+      ViewDetails1(row);
+      break;
+    case 2:
+      ViewDetails2(row);
+      break;
+    case 3:
+      ViewDetails3(row);
+      break;
+    case 4:
+      ViewDetails4(row);
+      break;
+    case 5:
+      ViewDetails5(row);
+      break;
+    case 6:
+      ViewDetails6(row);
+      break;
+    case 8:
+      ViewDetails8(row);
+      break;
+    case 9:
+      ViewDetails9(row);
+      break;
+    case 10:
+      ViewDetails10(row);
+      break;
+    default:
+      break;
   }
-  defaultAssignments();
 };
-// 指派提交
-const AssignSubmission = () => {
-  let data = {
-    aftersalesCustomerMallEntities: [],
-  };
-  AssignCustomerlist.value.forEach(res => {
-    data['aftersalesCustomerMallEntities'].push({
-      customerServiceId: AssignCustomerservice.value.find(data => data.id == res).id, //仓库客服名称ID
-      customerServiceName: AssignCustomerservice.value.find(data => data.id == res).realName, //客服名称
-      clientId: BatchFrom.value.AssignWarehouse, //客服仓库ID
-      clientName:
-        AssignmentType.value == '1'
-          ? warehouseData.value.find(res => res.value == BatchFrom.value.AssignWarehouse).label
-          : Malldropdown.value.find(res => res.id == BatchFrom.value.AssignWarehouse)
-              .tripartiteMall, //客服绑定仓库
-      typesOf: AssignmentType.value,
-      conditions: '2',
-    });
-  });
-  CreateassignmentLoading.value = true; //开启加载
-  $_aftersalesCustomerMallsave(data)
-    .then(res => {
-      console.log(res, '指派成功');
-      if (res.data.code == 200) {
-        ElMessageBox.confirm('提交成功是否关闭?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        })
-          .then(() => {
-            Createassignment.value = false; //关闭页面
-            AssignCustomerlist.value = []; //清空选中列表
-            BatchFrom.value.AssignWarehouse = ''; //清空选择
-            defaultAssignments();
-          })
-          .catch(() => {});
+// 理赔金额未出处理结果确定
+const ResultConfirmed = async row => {
+  console.log(row);
+  try {
+    let _submit = {
+      assignList: [],
+    };
+    if (row.lawoId) {
+      // 单个
+      _submit.assignList.push(row.lawoId);
+    } else {
+      // 批量
+      if (!details.selectionList.length) {
+        ElMessage.warning('请勾选要处理的数据');
+        return;
       }
+      _submit.assignList = details.selectionList.map(item => item.lawoId);
+    }
+    ElMessageBox.confirm(`是否确认${row.lawoId ? '提交' : '批量提交'}处理结果?`, '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
     })
-    .catch(res => {})
-    .finally(() => {
-      CreateassignmentLoading.value = false; //关闭加载
-    });
-  console.log(data, '处理好的值');
+      .then(async () => {
+        let _res = await $_updateWorkOrderStatus(_submit);
+        const { code, msg } = _res.data;
+        if (code == 200) {
+          console.log(_res, '理赔金额未出处理结果确定');
+          ElMessage.success(msg);
+          updateMenuAndData(); //获取最新数据
+        }
+      })
+      .catch(() => {});
+  } catch (e) {
+    console.log(e);
+  } finally {
+  }
 };
-</script>
-
-<style scoped lang="scss">
-.el-card {
-  height: 100%;
-  :deep(.el-card__body) {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
+/**
+ * @description: 批量处理结果(打回)
+ * @return {void} 无返回值
+ */
+const BatchReturnResults = () => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选要处理的数据',
+      type: 'warning',
+    });
+    return;
   }
-}
-.page {
-  height: 30px;
-  flex: 1;
-  display: flex;
-  align-items: flex-end;
-  padding-bottom: 14px;
-  justify-content: flex-end;
-}
-:deep(.el-Cart-button) {
-  margin-bottom: 8px;
-  display: flex;
-  justify-content: space-between;
-}
-.el-Cart-button-right {
-  display: flex;
-  margin: 0 0px;
-  justify-content: space-between;
-}
-.el-Cart-button-right {
-  display: flex;
-  margin: 0 0px;
-  justify-content: space-between;
-  align-items: center;
-  button {
-    background-color: transparent;
-    border-radius: 50%;
-    width: 30px;
-    height: 30px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid #ccc;
-    margin-right: 8px;
+  BatchReturn.value.dialogReturn = true; //展开弹窗
+};
+const ConfirmReturn = async () => {
+  const validateAndProcessReturn = async () => {
+    try {
+      const selectedObjs = warehouseData.value.filter(obj =>
+        BatchReturn.value.BatchFrom.businessDepartment.includes(obj.value)
+      );
+
+      const businessId = selectedObjs.map(item => item.value).join(',');
+      const businessName = selectedObjs.map(item => item.label).join(',');
+      const processorList = selectedObjs.map(item => ({ id: item.value, name: item.label }));
+      const workOrderIds = details.selectionList.map(item => item.id);
+
+      const data = {
+        businessId,
+        businessName,
+        processorList,
+        reasonReturn: BatchReturn.value.BatchFrom.txt,
+        workOrderIds,
+        typesOf: '1',
+      };
 
-    &:hover {
-      background-color: #172e601f;
-      i {
-        color: #0e2549;
+      console.log(data, '处理好的值');
+
+      const _res = await $_batchReturn(data);
+      const { code, msg } = _res.data;
+
+      if (code === 200) {
+        ElMessage.success(msg);
+        BatchReturn.value.dialogReturn = false; //关闭弹窗
+        updateMenuAndData(); //获取最新数据
       }
+    } catch (e) {
+      console.error(e);
     }
-    // 去掉最后一个按钮右侧边距
-    &:last-child {
-      margin-right: 0;
+  };
+
+  batchReturnForm.value.validate(async valid => {
+    if (valid) {
+      ElMessageBox.confirm('是否确认批量打回营业部?', '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(async () => {
+          await validateAndProcessReturn();
+        })
+        .catch(() => {});
     }
+  });
+};
+/**
+ * @description 工单指派
+ * @return {void} 无返回值
+ */
+const WorkOrderAssignment = () => {
+  // 检查是否选中任何工单
+  if (!details.selectionList.length) {
+    // 提示用户选择数据
+    ElMessage({
+      message: '请勾选要处理的数据',
+      type: 'warning',
+    });
+    return;
   }
-}
-.IndexFrom {
-  display: flex;
-  flex-wrap: wrap;
-  .el-form-item {
-    margin: 10px;
-    width: 31%;
-    height: 46px;
-    display: flex;
-    align-items: center;
-  }
-  .el-form-item__content {
-    .el-input {
-      height: 36px;
-      width: 206px;
+  // 初始化指派表单并打开指派弹窗
+  assignFrom.value = { ...assignFrom.value, businessDepartment: '', dialogassign: true };
+};
+
+/**
+ * 工单指派确定按钮
+ * 1.根据选择的客服ID,名称,和选择的工单ID,将其组装成一个data对象
+ * 2.然后调用$_assignCustomerService(data)接口,
+ * 3.成功后关闭加载,关闭弹窗,重新拉取数据
+ */
+const Assignbutton = async () => {
+  const WorkOrderAssignmentFunction = async () => {
+    const assignForm = assignFrom.value;
+    assignForm.AssignLoad = true; // 开启加载
+
+    try {
+      // 筛选选择的工单
+      const foundObjs = assignForm.customerService.find(
+        obj => obj.id == assignForm.businessDepartment
+      );
+
+      if (!foundObjs) {
+        console.error('未找到对应的工单信息');
+        return;
+      }
+
+      // 构建请求数据
+      const data = {
+        customerServiceId: foundObjs.id, // 归属客服ID
+        customerServiceName: foundObjs.realName, // 归属客服名称
+        assignList: details.selectionList.map(item => item.id), // 异常工单ID/工单ID
+      };
+
+      // 发起请求
+      const _res = await $_assignCustomerService(data);
+      const { code, msg } = _res.data;
+
+      if (code !== 200) {
+        console.error('分配客服失败:', msg);
+        return;
+      }
+
+      // 关闭弹窗
+      assignForm.dialogassign = false;
+
+      // 更新当前菜单和请求数据
+      updateMenuAndData();
+    } catch (error) {
+      console.error('分配客服时发生错误:', error);
+    } finally {
+      assignForm.AssignLoad = false; // 关闭加载
     }
-  }
-  .el-input__wrapper {
-    height: 32px !important;
-  }
-  :deep(.el-input) {
-    width: 100% !important;
-  }
-  :deep(.el-input__wrapper) {
-    height: 30px !important;
-  }
-  :deep(.el-select) {
-    width: 100%;
-  }
-}
-.Transport_damage_photos {
-  padding: 6px;
-  .title {
-    font-size: 14px;
-    margin-bottom: 9px;
-    display: block;
-  }
-}
-.endClass {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  .el-form-item {
-    margin: 6px;
-    width: 32%;
-  }
-  .el-select {
-    width: 100%;
-  }
-  :deep(.el-input) {
-    width: 100%;
-  }
-  :deep(.el-input__wrapper) {
-    height: 26px;
-  }
-  .Transport_damage_photos {
-    .title {
-      font-size: 14px;
+  };
+
+  assignFromForm.value.validate(async valid => {
+    if (valid) {
+      ElMessageBox.confirm('是否确认指派该客服?', '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(async () => {
+        await WorkOrderAssignmentFunction();
+      });
+    } else {
+      ElMessage.warning('请检查表单是否填写否完整');
     }
-  }
-}
-.ProcessingResults {
-  width: 100%;
-  height: 260px;
-  border: 1px solid #ccc;
-  position: relative;
-  padding: 26px;
-  box-sizing: border-box;
-  margin-top: 20px;
-  .title {
-    position: absolute;
-    top: -20px;
-    left: 20px;
-    font-size: 26px;
-    background-color: #fff;
-  }
-}
-.selector {
-  display: flex;
-  width: 100%;
-  padding: 16px;
-  padding-left: 6px;
-  .title {
-    width: 108px;
-  }
-}
-.Listadmiration {
-  display: flex;
-  flex-wrap: wrap;
-  .name {
-    display: flex;
-    margin: 10px 5%;
+  });
+};
+/**
+ * 弹窗多行搜索
+ * 1.获取当前选中的客户信息
+ * 2.然后根据客户信息,去后台查询对应的客服信息
+ * 3.将查询到的客服信息显示在弹窗中
+ * 4.然后用户可以选择对应的客服
+ * 5.最终将选择的客服信息,分配给对应的工单
+ */
+const MultilineSearch = (title, input) => {
+  if (input) {
+    const formattedInput = input.split(',').join('\n');
+    TopQuery.value.inputAll = formattedInput; // 赋值给 inputAll
+  } else {
+    TopQuery.value.inputAll = '';
+  }
 
-    span {
-      display: block;
-      width: 90px;
-    }
+  Searchboxpop.value.SearchboxpopUpwindowtitle = title; // 设置标题
+
+  Searchboxpop.value.dialogSearch = true; // 打开对话框
+};
+/**
+ * @description  dialogSearchSubmit
+ * 1.获取用户输入的所有数据
+ * 2.将其拆分成每一行
+ * 3.然后将每一行的前后空格去除
+ * 4.然后将所有的行连接起来
+ * 5.将连接起来的数据重新赋值给workOrderNumber
+ * @param {void} 无参数
+ * @return {void} 无返回值
+ */
+const dialogSearchSubmit = () => {
+  // 1.获取用户输入的所有数据
+  const inputAll = TopQuery.value.inputAll;
+
+  // 2.将其拆分成每一行
+  const lines = inputAll
+    .split('\n') // 按换行分割
+    .map(line => line.trim()) // 移除每一行前后的空格
+    .filter(line => line !== ''); // 过滤掉空行
+
+  // 3.然后将每一行的前后空格去除
+
+  // 4.然后将所有的行连接起来
+  const joinedLines = lines.join(','); // 使用逗号连接，无空格
+
+  // 5.将连接起来的数据重新赋值给workOrderNumber
+  TopQuery.value.workOrderNumbers = joinedLines;
+  Searchboxpop.value.dialogSearch = false; //关闭弹窗
+
+  console.log(details.query, 'details.query');
+};
+const ProcessSearch = async () => {
+  if (TopQuery.value.CreateTiem?.length) {
+    details.query.startCreateTime = await dayjs(TopQuery.value.CreateTiem[0]).format(
+      'YYYY-MM-DD HH:mm:ss'
+    );
+    details.query.endCreateTime = await dayjs(TopQuery.value.CreateTiem[1]).format(
+      'YYYY-MM-DD HH:mm:ss'
+    );
+    delete details.query.CreateTiem;
   }
-}
-.ElBtnClass {
-  button {
-    border: none;
-    padding: 0;
-    background-color: transparent;
+  if (TopQuery.value.workOrderNumbers) {
+    details.query.workOrderNumbers = TopQuery.value.workOrderNumbers;
+  } else {
+    delete details.query.workOrderNumbers;
   }
-  button:hover {
-    background-color: transparent;
+  if (TopQuery.value.orderCodes) {
+    details.query.orderCodes = TopQuery.value.orderCodes;
+  } else {
+    delete details.query.orderCodes;
   }
-}
+  console.log(TopQuery.value, 'TopQuery.value');
+
+  console.log(details.query, 'details.query');
+
+  delete details.query.inputAll;
+};
+// 关闭
+const close = () => {
+  Searchboxpop.value.dialogSearch = false; //关闭弹窗
+  Searchboxpop.value.MinimizeState = false; //销毁最小化
+};
+// 最大化
+const maximize = () => {
+  Searchboxpop.value.fullscreen = !Searchboxpop.value.fullscreen; //最大化
+};
+
+// 最小化
+const minimize = () => {
+  Searchboxpop.value.dialogSearch = false; //关闭弹窗
+  Searchboxpop.value.MinimizeState = true; //最小化
+};
+const ExpandWindow = () => {
+  Searchboxpop.value.dialogSearch = true; //回复窗口弹窗
+  Searchboxpop.value.MinimizeState = false; //销毁最小化
+};
+const DestroyWindow = () => {
+  Searchboxpop.value.MinimizeState = false; //销毁最小化
+};
+// 导出选择弹出
+const ExportSelection = () => {
+  ExportObjects.value.ExportSelection = true;
+};
+// 导出表格
+const exportReport = () => {
+  console.log('12312');
+
+  ElMessageBox.confirm('是否导出报表?', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      console.log(details.query, '');
+
+      let dataID = {
+        workOrderStatus: workOrderStatus.value,
+      };
+      if (details.selectionList.length) {
+        dataID.ids = details.selectionList.map(item => item.id).join(',');
+      }
+      $_exportAftersalesWorkOrder(dataID)
+        .then(res => {
+          const currentDate = new Date();
+          const formattedDate = `${currentDate.getFullYear()}${(currentDate.getMonth() + 1)
+            .toString()
+            .padStart(2, '0')}${currentDate.getDate().toString().padStart(2, '0')}${currentDate
+            .getHours()
+            .toString()
+            .padStart(2, '0')}${currentDate.getMinutes().toString().padStart(2, '0')}${currentDate
+            .getSeconds()
+            .toString()
+            .padStart(2, '0')}`;
+          console.log(res, '导出');
+          downloadXls(res.data, `导出工单数据${formattedDate}.xlsx`);
+        })
+        .catch(e => {
+          console.log(e, 'error');
+        })
+        .finally(() => {});
+    })
+    .catch(() => {});
+};
+// 本地导出
+const LocalExport = () => {
+  ExportObjects.value.tcTableexport = true;
+};
+// 网络导出
+const NetworkExport = () => {
+  exportReport();
+};
+</script>
+
+<style scoped lang="scss">
 :deep(.el-card) {
   height: 100%;
 }
-.avue-crud {
+:deep(.el-card__body) {
   height: 100%;
   display: flex;
   flex-direction: column;
+  padding: 0 !important;
 }
-:deep(.el-card__body) {
-  height: 100%;
+.el-fy {
+  flex: 1;
+  display: flex;
+  align-items: flex-end;
 }
-.lptime {
-  margin-top: 30px;
-  padding-left: 60px;
+.avue-crud {
+  height: 100%;
   display: flex;
   flex-direction: column;
-  font-size: 14px;
-  :deep(.el-input__wrapper) {
-    height: 30px;
+}
+:deep(.el_tabs) {
+  .el-tabs__item {
+    font-family: '黑体';
+    border-right: 1px dashed #00000014;
   }
-  .name {
-    margin-bottom: 10px;
+  .is-active {
+    font-family: '黑体';
+    font-weight: bold;
   }
-}
-.recordCl {
-  height: 200px;
-  overflow-y: scroll;
-}
-.el_Completion {
-  padding: 10px 0;
-  .title {
-    font-size: 14px;
+  .el-tabs__content {
+    display: none;
   }
 }
-.el-ckbtn {
-  margin-top: 10px;
+.avue-crud__header {
+  min-height: initial;
+  margin: 4px 0;
+  padding: 0 4px;
 }
-.payanindemnity {
-  display: flex;
-  align-items: center;
-  margin-top: 20px;
-  .title {
-    width: 120px;
-    height: 100%;
-    display: flex;
-    display: block;
-    align-items: center;
-  }
-  .sk_input {
-    margin: 0 5px;
-    margin-left: 20px;
-    width: 20%;
-    display: flex;
-    span {
-      width: 70px;
-      font-size: 16px;
-      font-weight: 300;
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-    }
-  }
+.avue-crud__left {
   .el-button {
-    background-color: #ff0000;
-    border: none;
+    border-radius: 2px;
   }
 }
-.el_clzr {
-  padding: 0 18px;
-  padding-left: 8px;
-
-  :deep(.el-select) {
-    width: 100%;
+:deep(.el_appeal) {
+  .el-form-item {
+    flex-direction: column;
+    align-items: flex-start;
+    .el-form-item__label {
+      position: relative;
+    }
+    .el-form-item__content {
+      width: 100% !important;
+    }
   }
-  :deep(.el-input) {
-    height: 38px;
+  .el_sdialog-footer {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
   }
 }
-.el-fy {
-  flex: 1;
+:deep(.plAllret) {
+  height: 30%;
+
   display: flex;
-  align-items: flex-end;
-  margin-bottom: 10px;
-}
-.el-times {
-  :deep(.el-input__wrapper) {
-    height: 30px !important;
+  flex-direction: column;
+  .el-select {
+    width: 100%;
   }
-}
-:deep(.el_tims_box) {
-  width: 100%;
-  display: flex;
-  .topText {
+  .el-dialog__footer {
     display: flex;
-    align-items: flex-start;
-  }
-  .el-form-item {
-    margin: 6px 0;
-  }
-}
-.el-fr-d {
-  margin: 6px 0px;
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.el-btn {
-  flex-direction: row;
-  margin-right: 0;
-  margin-bottom: 0;
-  :deep(.el-form-item__content) {
-    flex-direction: row;
-    flex-wrap: nowrap;
+    flex: 1;
+    align-items: flex-end;
+    justify-content: flex-end;
   }
 }
-:deep(.el-card) {
-  box-shadow: none;
-}
-.content_max {
-  display: flex;
-  height: 100%;
-}
-.content_right {
-  flex: 1;
-  height: 100%;
-  width: 100%;
-}
-.el_times {
+:deep(.el-fr-d) {
   display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-content: space-between;
-  :deep(.el-form-item) {
+  .el-form-item {
+    width: 22%;
     margin: 0;
+    margin: 10px;
+  }
+  .el_div_input {
+    width: 100%;
+    display: flex;
     align-items: center;
-    .el-form-item__label {
-      margin-left: 20px;
+    .el_dy_icon {
+      font-size: 1.5em;
     }
   }
-}
-.topText {
-  width: 100%;
-  :deep(.el-form-item) {
-    margin-right: 4px;
+  .el-form-item {
   }
 }
-.content {
-  width: 100%;
-  height: 300px;
-  overflow-y: scroll;
-  scroll-behavior: smooth;
-  /* 添加平滑滚动效果 */
-  border-radius: 5px;
-  .YH {
-    width: 100%;
-    min-height: 50px;
-    margin: 4px 0;
-    display: flex;
-    flex-direction: row;
-    .box {
-      width: 386px;
-      height: 100%;
+:deep(.Searchboxpop-upwindow) {
+  .el-overlay {
+    position: absolute;
+    .el-dialog {
+      min-height: 70%;
+    }
+    .el-overlay-dialog {
+      position: absolute;
+    }
+    .el-dialog__header {
       display: flex;
-      flex-direction: row;
       justify-content: space-between;
-      .name {
-        display: flex;
-        flex-direction: column;
-        span {
-          display: flex;
-          justify-content: flex-start;
-          padding-left: 10px;
-          margin-bottom: 10px;
-        }
-        .time {
-          display: flex;
-          justify-content: flex-end;
-          padding: 0 10px;
-          margin-top: 4px;
-        }
+      .title {
+        position: relative;
+        padding: 0 10px;
       }
-    }
-    .input {
-      border: 1px solid;
-      width: 300px;
-      min-height: 30px;
-      box-sizing: border-box;
-      border-radius: 8px;
-      padding: 8px;
-      margin: 0 6px;
-      text-indent: 2em;
-      position: relative;
-      .ico {
+      .title::after {
+        content: '*';
+        color: #172e60;
         position: absolute;
-        right: -6%;
-        bottom: 0;
+        font-size: 20px;
+        top: 0;
+        left: 0;
       }
-    }
-  }
-  .KF {
-    width: 100%;
-    min-height: 50px;
-    margin: 4px 0;
-    display: flex;
-    justify-content: flex-end;
-    .box {
-      width: 386px;
-      height: 100%;
-      display: flex;
-      flex-direction: row-reverse;
-      justify-content: space-between;
-      .name {
+      .div_icon {
+        width: 100px;
         display: flex;
-        flex-direction: column;
-        span {
-          display: flex;
-          justify-content: flex-end;
-          padding-right: 10px;
-          margin-bottom: 10px;
-        }
-        .time {
-          display: flex;
-          justify-content: flex-start;
-          padding: 0 10px;
-          margin-top: 4px;
-        }
+        justify-content: space-between;
+        font-size: 19px;
+        cursor: pointer;
       }
     }
-    .input {
-      border: 1px solid;
-      width: 300px;
-      min-height: 30px;
-      box-sizing: border-box;
-      border-radius: 8px;
-      padding: 8px;
-      margin: 0 6px;
-      text-indent: 2em;
-      position: relative;
-      .ico {
-        position: absolute;
-        left: -16%;
-        bottom: 0;
+    .el-dialog__footer {
+      display: flex;
+      justify-content: center;
+      padding: 6px;
+      .el-button {
+        width: 160px;
+        height: 35px;
       }
     }
   }
-  .TX {
-    height: 50px;
-    width: 50px;
-    border-radius: 50%;
-    border: 1px solid #ccc;
-    background: url('../../../public/img/tx.png') no-repeat;
-    background-size: cover;
-  }
-}
-.inputTextarea {
-  margin-top: 50px;
-  display: flex;
-  align-items: flex-end;
-  .fell {
-    width: 100%;
-    .el-upload-list {
-      display: none;
-    }
-  }
-}
-.btn_fs {
-  margin-left: 50px;
 }
-.felltis {
-  height: 28px;
+.minimize_windows {
+  width: 200px;
+  height: 49px;
+  border: 1px solid #cccccc82;
+  position: absolute;
+  bottom: 1px;
+  left: 10px;
+  box-shadow: 2px -1px 0.15625vw #c1c1c187;
   display: flex;
   align-items: center;
-  justify-content: center;
-  margin-left: 4px;
-  border: 1px dashed;
-  padding: 0 4px;
-  border-radius: 3px;
-}
-.el_fk {
-  .my-header {
-    display: flex;
-    justify-content: space-between;
-    margin-right: 25px;
-  }
-  .el-dialog__title {
-    margin: 0;
-  }
-}
-.plAllret {
-  :deep(.el-select) {
-    width: 100%;
-  }
-  .el-select {
-    width: 100%;
-  }
-}
-
-:deep(.is-active) {
-  font-weight: bold !important;
-}
-.Improveinformation {
-  width: 100%;
-  :deep(.custom-tabs-label) {
+  justify-content: space-around;
+  .title {
+    height: 100%;
     display: flex;
     align-items: center;
-  }
-  :deep(.el-tab-pane) {
-    padding: 10px;
-  }
-}
-.paySum {
-  margin-top: 36px;
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  .sum {
-    display: flex;
+    span {
+      font-size: 16px;
+    }
   }
   span {
-    margin-right: 30px;
+    font-size: 14px;
+  }
+  .div_icon {
     display: flex;
     align-items: center;
+    width: 54px;
+    justify-content: space-between;
+    font-size: 20px;
   }
 }
-:deep(.el_Batchcompletion) {
-  height: 745.6px;
-  overflow-y: scroll;
-  margin: 0;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.el_btn {
-  display: flex;
-  justify-content: flex-end;
-}
-:deep(.el_tabs) {
-  width: 100%;
-  display: flex;
-  flex-direction: column-reverse;
-  justify-content: space-between;
-  .el-tabs__content {
-    padding: 0;
-    flex: 1;
-  }
-  .el-tabs__header {
-    height: 37px;
-    width: 100%;
-  }
-}
-:deep(.avue-crud__pagination) {
-  padding-top: 2px !important;
-}
-.arbitrate {
-  margin-top: 36px;
-  .el_btn {
-    margin-top: 10px;
-  }
-  :deep(.el-tabs__content) {
-    padding: 0 !important;
-    flex: 1;
-  }
-}
-.el_appeal {
-  :deep(.el-select) {
-    width: 100% !important;
-    margin-bottom: 10px;
-  }
-  :deep(.el-form-item) {
-    flex-direction: column;
-    align-items: flex-start;
-    .el-form-item__content {
-      width: 100% !important;
-    }
-  }
-}
-.el_sdialog-footer {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 10px;
-}
-:deep(.avue-crud__header) {
-  align-items: center;
-}
-.el_amount {
-  display: flex;
-  justify-content: space-between;
-}
-.el_textBtn {
-  color: #9bb40d;
-}
-:deep(.el-upload-dragger) {
+:deep(.el_exportSelection) {
+  width: 30%;
+  height: 150px;
   display: flex;
   align-items: center;
   justify-content: center;
-}
-.el_DingTalk {
-  :deep(.el-input--prefix) {
-    height: 32px !important;
+  flex-direction: column;
+  .el-dialog__body {
     width: 100%;
-  }
-}
-:deep(.el-table tr) {
-  &.Abnormal {
-    background: #b7bece;
-
-    .tabculconte,
-    .el-tooltip,
-    .el-button--text {
-      color: #000000 !important;
-    }
-    // td{
-    //   border-top: 1px solid  #1f7fed;
-    //   border-bottom: 1px solid  #1f7fed;
-    // }
-    // td:first-of-type {
-    //   border-left: 3px solid  #dc2e2e;
-
-    // }
-    //   td:last-of-type {
-    //     border-right: 3px solid  #dc2e2e;
-    //   }
-  }
-
-  &.hover-row {
-    .tabculconte,
-    .el-tooltip,
-    .el-button--text {
-      color: var(--el-color-primary) !important;
-    }
-  }
-}
-.el_Customer {
-  width: 440px;
-  #bodys {
-    height: 300px !important;
-  }
-}
-.el_FyCustomer {
-  margin-top: 3px;
-  justify-content: space-between;
-}
-.el_Createbinding {
-  height: 110px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: flex-start;
-  .el_Customer {
-    margin-left: 10px;
+    display: flex;
+    justify-content: space-evenly;
   }
 }
 </style>
diff --git a/src/views/aftersales/aftersalesWorkOrderAdd.vue b/src/views/aftersales/aftersalesWorkOrderAdd.vue
index d13a70cb..9f9e7c40 100644
--- a/src/views/aftersales/aftersalesWorkOrderAdd.vue
+++ b/src/views/aftersales/aftersalesWorkOrderAdd.vue
@@ -1135,7 +1135,7 @@ const Responsemoval = index => {
 };
 
 const calculateMaxValues = () => {
-  return
+  return;
   // 计算每个输入框剩余最大值
   let data = form.value.responsibilitiesList;
   let totalUsed = data.reduce((acc, item) => acc + item.responsibilityRatio, 0);
@@ -1749,7 +1749,7 @@ const onSubmit = () => {
                 $useStore.commit('EDIT_REFRESHITEM', {
                   title: 'aftersalesWorkOrder',
                   status: true,
-                });
+                }); //要刷新的页面
                 $useStore.commit('Customer_Menu', 0); //要刷新的菜单
                 $useStore.commit('DEL_TAG_CURRENT'); //关闭当前页面
                 $router.push({
diff --git a/src/views/aftersales/aftersalesWorkOrderInfo.vue b/src/views/aftersales/aftersalesWorkOrderInfo.vue
index 9a4da684..4c73a464 100644
--- a/src/views/aftersales/aftersalesWorkOrderInfo.vue
+++ b/src/views/aftersales/aftersalesWorkOrderInfo.vue
@@ -3,8 +3,8 @@
     <el-card class="box-card el_last">
       <div>
         <el-tabs type="border-card" class="topClass" v-model="identifying">
-          <el-tab-pane label="订单信息" :name="1"></el-tab-pane>
-          <el-tab-pane label="零担信息" :name="2"></el-tab-pane>
+          <el-tab-pane label="订单信息" :name="1" :disabled="identifying == 2"></el-tab-pane>
+          <el-tab-pane label="零担信息" :name="2" :disabled="identifying == 1"></el-tab-pane>
         </el-tabs>
 
         <el-form :model="Indexform" class="IndexFrom" ref="IndexForm" disabled>
@@ -42,11 +42,7 @@
               />
             </el-form-item>
             <el-form-item label="创建时间" class="el_inputTop el_Workordernumber">
-              <el-input
-                v-model="Indexform.createTime"
-                disabled
-                clearable
-              />
+              <el-input v-model="Indexform.createTime" disabled clearable />
             </el-form-item>
           </div>
           <el-tabs type="border-card" class="PackageInformation">
@@ -67,6 +63,7 @@
                       placement="top"
                     >
                       <el-input
+                        v-if="identifying == 1"
                         v-model="item.packageCode"
                         placeholder="请输入包条码"
                         clearable
@@ -314,7 +311,7 @@
                       <el-input v-else v-model="item.personResponsibleName" placeholder="责任人" />
                     </el-form-item>
 
-                    <el-form-item label="责任占比" class="title">
+                    <el-form-item label="金额（元）" class="title">
                       <el-input :controls="false" v-model="item.responsibilityRatio" />
                     </el-form-item>
 
@@ -334,9 +331,9 @@
                     </el-form-item>
                   </div>
                 </template>
-                <div class="Proportion">
+                <!-- <div class="Proportion">
                   <span class="title">公司占比:{{ companyProportion }}%</span>
-                </div>
+                </div> -->
               </div>
             </el-tab-pane>
           </el-tabs>
@@ -805,12 +802,16 @@
     </template>
   </el-dialog>
 </template>
+<script>
+export default {
+  name: '/aftersales/aftersalesWorkOrderInfo',
+};
+</script>
 
 <script setup>
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { useRouter, useRoute } from 'vue-router';
 import { useStore } from 'vuex';
-const $useStore = useStore();
 import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import { getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import {
@@ -827,6 +828,7 @@ import { ref, reactive, computed, onMounted } from 'vue';
 import { getToken } from '@/utils/auth';
 import { compressImageBlob } from '@/components/IMGcompressor/imgcompressor.js';
 import { AddressClosed, deepClone } from '@/utils/util';
+const $useStore = useStore();
 const $router = useRouter();
 const $route = useRoute();
 const Indexform = ref({
@@ -834,7 +836,7 @@ const Indexform = ref({
   decreaseImageEntityList: [], //处理好的图片数据
   discoveryNode: '1',
 }); //首页新增表单
-const pageState = ref(true); //页面加载状态
+const pageState = ref(false); //页面加载状态
 const ProcessingResults = ref([]); //处理结果列表选项
 const IndexException = ref([]); //异常类型下拉选择
 const ZFname = ref(''); //支付名字预留状态
@@ -875,6 +877,7 @@ const UserPermissions = ref(); //当前登录人角色身份
 // ======
 const MessageContent = ref([]); //调查记录
 const scrollContainer = ref(null); //客服实例
+const QueryId = ref(null);
 const msgHight = ref(100); //聊天框消息高度
 const msgTop = ref(0); //调查记录距离页面吸顶记录
 const msgState = ref(0);
@@ -1250,6 +1253,7 @@ const onLoad = async () => {
       PackageInfo.value = res.data.data.abnormalPackageVOList;
       console.log(res.data.data.abnormalPackageVOList, '包件信息');
       NumberPackages.value = res.data.data.abnormalPackageVOList.length; //包件个数统计
+      PackageInfo.value[0].packageCode ? (identifying.value = 1) : (identifying.value = 2);
       // 责任方回显
 
       FangAddList.value = res.data.data.processorVOList
@@ -1264,14 +1268,14 @@ const onLoad = async () => {
 
       groundlineType.value = res.data.data.discoveryNode; //发现节点回显
       if (res.data.data.personResponsibleVOS?.length) {
-        res.data.data.personResponsibleVOS.forEach(item => {
-          sum = Number(item.responsibilityRatio) + sum;
-        });
+        // res.data.data.personResponsibleVOS.forEach(item => {
+        //   sum = Number(item.responsibilityRatio) + sum;
+        // });
         FangAddList.value = res.data.data.personResponsibleVOS.map(res => {
           return {
             businessName: res.businessId, //责任人ID
             personResponsibleName: res.personResponsibleName, //责任人名称
-            responsibilityRatio: res.responsibilityRatio + '%', //占比
+            responsibilityRatio: res.responsibilityRatio, //占比
             description: res.description, //说明
             tripartite: res.tripartite, //三方责任人
           };
@@ -1386,8 +1390,20 @@ const onLoad = async () => {
     Paymentmethod.value = res.data.data;
   });
 };
-onLoad(); //初始化程序
+onMounted(() => {
+  watch(
+    () => $route.path, // 只监听路由参数
+    (newParams, oldParams) => {
+      console.log($route, '路由参数');
+      if (newParams == oldParams) {
+        onLoad();
+      }
+    },
+    { deep: true, immediate: true } // 立即执行一次，并且深度监听
+  );
+});
 
+onLoad();
 let isAppeal = appeal.value;
 let userRole = UserPermissions.value; //角色名称
 let routeIndex = $route.query.RouteIndexs; //菜单编号
@@ -1421,7 +1437,7 @@ const isWorkOrderCompletion = () => {
 // 完结审核打回权限
 const isRepulse = () => {
   if (UserPermissions.value == '总部客服经理') {
-    if (workOrderStatus == '40') {
+    if (['40', '80'].includes($route.query.workOrderStatus)) {
       return true;
     }
   }
@@ -1461,7 +1477,7 @@ const isInformationEditing = () => {
 // 待审核确定权限
 const isProcessingConfirmation = () => {
   if (UserPermissions.value != '仓库客服') {
-    if (workOrderStatus == '40') {
+    if (['40'].includes(workOrderStatus)) {
       return true;
     }
   }
@@ -1560,6 +1576,7 @@ const beforeAvatarUpload = async rawFile => {
 // 底部按钮事件
 // 回复
 const addireply = () => {
+  $useStore.commit('DEL_ONCE_TAG', '/aftersales/aftersalesWorkOrderend');
   $router.push({
     path: '/aftersales/aftersalesWorkOrderend',
     query: {
@@ -2593,12 +2610,12 @@ const ResultDetermination = () => {
   }
   .img {
     width: 100%;
-    height:20%;
+    height: 20%;
     overflow: scroll;
-    .el-image{
+    .el-image {
       width: 20%;
       height: 100%;
-      
+
       margin: 4px;
     }
     img {
diff --git a/src/views/aftersales/aftersalesWorkOrderTemp.vue b/src/views/aftersales/aftersalesWorkOrderTemp.vue
index 48e0537c..a67f6af2 100644
--- a/src/views/aftersales/aftersalesWorkOrderTemp.vue
+++ b/src/views/aftersales/aftersalesWorkOrderTemp.vue
@@ -1,438 +1,1031 @@
 <template>
-  <basic-container v-loading="PageLoading" element-loading-text="数据正在加载中...">
-    <!-- 首页表格 -->
-    <div class="avue-crud">
-      <!-- 搜索模块 -->
-      <div v-h5uShow="search">
-        <!-- 查询模块 -->
-        <el-form :inline="true" :model="TopQuery" class="el-fr-d">
-          <el-form-item label="工单号" class="el-times">
-            <div class="el_div_input">
-              <el-input
-                type="text"
-                clearable
-                v-model="TopQuery.workOrderNumber"
-                placeholder="请输入工单号"
-              /><el-icon @click="MultilineSearch('工单号搜索', TopQuery.workOrderNumber)"
-                ><CirclePlusFilled
-              /></el-icon>
-            </div>
-          </el-form-item>
-          <el-form-item label="订单自编号" class="el-times">
-            <div class="el_div_input">
-              <el-input
-                clearable
-                type="text"
-                v-model="TopQuery.orderCode"
-                placeholder="请输入订单自编号"
-              /><el-icon @click="MultilineSearch('订单自编号搜索')"><CirclePlusFilled /></el-icon>
-            </div>
-          </el-form-item>
-          <!-- <el-form-item label="配送日期">
-            <el-date-picker
-              v-model="TopQuery.time"
-              type="datetimerange"
-              unlink-panels
-              range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              :default-time="defaultTime2"
-            />
-          </el-form-item> -->
-          <!-- 查询按钮 -->
-          <el-form-item class="el-btn">
-            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
-            <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-      <el-tabs type="border-card" v-model="tabValue" @tab-change="tabChenge" class="el_tabs">
-        <div></div>
-        <template v-for="item in TabList">
-          <el-tab-pane v-if="item.state" :name="item.name" :label="item.label" :key="item.name">
-          </el-tab-pane>
-        </template>
-      </el-tabs>
-      <!-- 控件模块 -->
-      <el-row>
-        <div class="avue-crud__header">
-          <!-- 头部左侧按钮模块 -->
-          <div class="avue-crud__left">
-            <el-button
-              type="primary"
-              icon="Edit"
-              v-if="ButtonPermissions.add"
-              @click="CreateworkOrder"
-              >创建工单</el-button
-            >
-            <el-button type="primary" icon="Download" v-if="ButtonPermissions.export_Report"
-              >Excel导出</el-button
-            >
-            <el-button type="primary" icon="Download" v-if="ButtonPermissions.Timed_outexport"
-              >Excel超时导出</el-button
-            >
-            <el-button type="primary" icon="Avatar" v-if="ButtonPermissions.defaultassignments"
-              >默认指派</el-button
-            >
-            <el-button
-              type="primary"
-              icon="CloseBold"
-              v-if="ButtonPermissions.batchReject"
-              @click="BatchReturnResults"
-              >结果批量打回</el-button
-            >
-            <el-button type="primary" icon="FolderChecked" v-if="ButtonPermissions.ManagerConfirmed"
-              >完结批量审核</el-button
-            >
-            <el-button
-              @click="ResultConfirmed"
-              type="primary"
-              icon="Select"
-              v-if="ButtonPermissions.Batchdetermination"
-              >批量处理结果提交</el-button
-            >
-            <el-button type="primary" icon="Stamp" v-if="ButtonPermissions.Result_review"
-              >结果批量审核</el-button
-            >
-            <el-button
-              type="primary"
-              icon="Pointer"
-              v-if="ButtonPermissions.assignment"
-              @click="WorkOrderAssignment"
-              >工单指派</el-button
-            >
-            <el-button type="primary" icon="User" v-if="ButtonPermissions.applyArbitration"
-              >客服介入</el-button
-            >
-            <el-button type="primary" icon="EditPen" v-if="ButtonPermissions.DingTalkNumber"
-              >钉钉号填写</el-button
+  <div class="content_max" v-loading="pageLoad">
+    <!-- 菜单  -->
+    <el-tabs type="border-card" v-model="tabValue" @tab-change="tabChenge" class="el_tabs">
+      <div></div>
+      <template v-for="item in TabList">
+        <el-tab-pane v-if="item.state" :name="item.name" :label="item.label" :key="item.name">
+        </el-tab-pane>
+      </template>
+
+      <div class="content_right">
+        <basic-container>
+          <div class="avue-crud">
+            <!-- 搜索模块 -->
+            <el-row v-if="search">
+              <!-- 查询模块 -->
+              <el-form :inline="true" :model="topFrom" class="el-fr-d">
+                <div class="el_tims_box">
+                  <div class="topText">
+                    <el-form-item label="工单号" class="el-times">
+                      <el-input
+                        type="text"
+                        v-model="query.workOrderNumber"
+                        placeholder="请输入工单号"
+                      />
+                    </el-form-item>
+
+                    <el-form-item label="订单自编号" class="el-times">
+                      <el-input
+                        style="width: 500px"
+                        type="textarea"
+                        :rows="1"
+                        v-model="query.orderCode"
+                        placeholder="请输入订单自编号"
+                      />
+                    </el-form-item>
+                  </div>
+
+                  <!-- <div class="el_times">
+                  <el-form-item label="上报日期" class="el-times">
+                      <el-date-picker
+                        v-model="value1"
+                        type="daterange"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :size="size"
+                      />
+                    </el-form-item>
+                    <el-form-item label="处理时间" class="el-times">
+                      <el-date-picker
+                        v-model="value1"
+                        type="daterange"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :size="size"
+                      />
+                    </el-form-item>
+                    <el-form-item label="送货时间" class="el-times">
+                      <el-date-picker
+                        v-model="value1"
+                        type="daterange"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :size="size"
+                      />
+                    </el-form-item>
+                    <el-form-item label="运损发现" class="el-times">
+                      <el-date-picker
+                        v-model="value1"
+                        type="daterange"
+                        range-separator="至"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :size="size"
+                      />
+                    </el-form-item
+                  </div> >-->
+                </div>
+                <!-- 查询按钮 -->
+                <el-form-item class="el-btn">
+                  <el-button type="primary" icon="el-icon-search" @click="searchChange"
+                    >搜 索</el-button
+                  >
+                  <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
+                </el-form-item>
+              </el-form>
+            </el-row>
+
+            <!-- 控件模块 -->
+            <el-row>
+              <div class="avue-crud__header">
+                <!-- 头部左侧按钮模块 -->
+                <div class="avue-crud__left">
+                  <el-button v-if="ButtonPermissions.add" type="primary" @click="AddInfo">
+                    <el-icon><Plus /></el-icon>新 增</el-button
+                  >
+
+                  <el-button
+                    v-if="ButtonPermissions.export_Report"
+                    type="primary"
+                    @click="exportReport"
+                  >
+                    <el-icon><Download /></el-icon>EXCEL导出</el-button
+                  >
+
+                  <el-button
+                    v-if="ButtonPermissions.Timed_outexport"
+                    type="primary"
+                    @click="TimedoutExport"
+                  >
+                    <el-icon><Download /></el-icon>超时导出</el-button
+                  >
+
+                  <el-button
+                    v-if="ButtonPermissions.defaultassignments"
+                    type="primary"
+                    @click="defaultAssignments"
+                  >
+                    <el-icon><Pointer /></el-icon>默认指派</el-button
+                  >
+                  <!-- <el-button type="primary" @click="BatchDelete">
+                    <el-icon><Delete /></el-icon>批量删除</el-button
+                  > -->
+
+                  <el-button
+                    v-if="ButtonPermissions.batchReject"
+                    type="primary"
+                    @click="BatchReturn"
+                    >批量打回</el-button
+                  >
+                  <!-- 仓库客服批量确定 -->
+                  <el-button
+                    v-if="ButtonPermissions.Batchdetermination"
+                    type="primary"
+                    @click="ResultConfirmation"
+                    >批量确定</el-button
+                  >
+                  <!-- 总部客服批量确定 待审核-->
+                  <el-button
+                    v-if="ButtonPermissions.ManagerConfirmed"
+                    type="primary"
+                    @click="DetermineStorage"
+                    >批量审核</el-button
+                  >
+                  <el-button type="primary" v-if="ButtonPermissions.assignment" @click="assign"
+                    >工单指派</el-button
+                  >
+
+                  <el-button
+                    v-if="ButtonPermissions.applyArbitration"
+                    type="primary"
+                    @click="arbitrate"
+                    >客服介入</el-button
+                  >
+                  <el-button
+                    type="primary"
+                    v-if="ButtonPermissions.DingTalkNumber"
+                    @click="DingTalk"
+                    >钉钉号填写</el-button
+                  >
+
+                  <el-button
+                    v-if="ButtonPermissions.batchFinish"
+                    type="primary"
+                    @click="Batchcompletion"
+                    >批量完结</el-button
+                  >
+                  <!-- 完结确定结束完结按钮 -->
+                  <el-button
+                    type="primary"
+                    v-if="ButtonPermissions.ArbitrationDetermination"
+                    @click="AllEndArbitration"
+                    >批量完结完成</el-button
+                  >
+
+                  <!-- <el-button
+                    ButtonPermissions.batchFinish
+                    type="primary"
+                    @click="Batchdeletionappeals"
+                    >批量删除</el-button
+                  > -->
+
+                  <!-- <el-button v-if="ButtonPermissions.appeal" type="primary" @click="appealAll"
+                    >批量申诉</el-button
+                  > -->
+                  <!-- 财务入账 -->
+                  <el-button
+                    type="primary"
+                    v-if="ButtonPermissions.Financial_accounting"
+                    @click="Financialfillingbtn"
+                    >财务入账</el-button
+                  >
+                  <!-- v-if="details.query.workOrderStatus == 30" -->
+                  <!-- <el-button type="primary" @click="ProcessingParty"> 处理方信息</el-button> -->
+                </div>
+                <!-- 头部右侧按钮模块 -->
+                <div class="avue-crud__right">
+                  <el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button>
+                  <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+                  <el-button icon="Search" @click="searchHide" circle></el-button>
+                </div>
+              </div>
+            </el-row>
+            <!-- 申诉列表展示 -->
+            <el-tabs
+              type="border-card"
+              v-if="TabPermissions == 6"
+              @tab-change="AppealTab"
+              v-model="arbitrationTemp"
             >
-            <el-button type="primary" icon="Stamp" v-if="ButtonPermissions.batchFinish"
-              >批量完结</el-button
+              <el-tab-pane :name="0" label="完结"></el-tab-pane>
+              <el-tab-pane :name="1" label="申诉列表"></el-tab-pane>
+            </el-tabs>
+            <!-- 首页表格 -->
+            <el-row>
+              <!-- 列表模块 -->
+              <tablecmt
+                class="tableNode"
+                :columnList="publicColumnList"
+                :tableData="data"
+                :loading="loadingObj.list"
+                :checkselect="selectList"
+                @inputTxt="inputsc"
+                @timeCheck="timesc"
+                @btnCheck="btnsc"
+                @selectCheck="selectsc"
+                @selection="selectionChange"
+                :isShowRefresh="false"
+                :tableRowClassName="
+                  (row, index) => {
+                    if (row.departStatus != null && row.departStatus) return 'Abnormal';
+                    else return '';
+                  }
+                "
+              >
+                <template #default="slotProps">
+                  <template v-if="slotProps.scope.column.label === '异常工单号'">
+                    <el-text class="el_textBtn" @click="InformationViewing(slotProps.scope)">
+                      {{
+                        slotProps.scope.column.label === '异常工单号'
+                          ? slotProps.scope.row.workOrderNumber
+                          : ''
+                      }}
+                    </el-text>
+                  </template>
+
+                  <template v-if="slotProps.scope.column.label === '操作'">
+                    <div class="ElBtnClass">
+                      <div>
+                        <!-- <el-button @click="addingRecord(slotProps.scope)">新增记录</el-button> -->
+                        <el-button @click="view(slotProps.scope)">查看</el-button>
+                        <!-- v-if="
+                            (!AppealStatusT && TabPermissions != '8') || (AppealStatusT && UserPermissions !== '仓库客服' &&  slotProps.scope.row.typesOf != '2')
+                          " -->
+                        <!-- 处理结果确定和处理完毕 -->
+                        <!-- 总部客服确定 -->
+                        <!-- <el-button
+                          v-if="TabPermissions == '2' && UserPermissions == '总部客服经理'"
+                          @click="ResultConfirmation(slotProps.scope)"
+                          >确定</el-button
+                        > -->
+                        <!-- 仓库客服确定  -->
+                        <el-button
+                          v-if="
+                            (TabPermissions == '2' || TabPermissions == '1') &&
+                            slotProps.scope.row.workOrderStatus == '21' &&
+                            (UserPermissions == '仓库客服' || UserPermissions == '总部客服经理')
+                          "
+                          @click="ResultConfirmation(slotProps.scope)"
+                          >结果确定</el-button
+                        >
+
+                        <!-- 完结确定结束完结按钮 -->
+                        <el-button
+                          v-if="TabPermissions == '5' && UserPermissions != '仓库客服'"
+                          @click="EndArbitration(slotProps.scope)"
+                          >确定</el-button
+                        >
+                        <!-- 仓库客服的缺确定
+                        <el-button
+                          v-if="
+                            TabPermissions == '1' && slotProps.scope.row.workOrderStatus != '30'
+                          "
+                          @click="DetermineStorage(slotProps.scope)"
+                          >确定</el-button
+                        > -->
+                        <el-button
+                          v-if="
+                            TabPermissions == '6' &&
+                            !AppealStatusT &&
+                            UserPermissions == '仓库客服' &&
+                            slotProps.scope.row.workOrderStatus == '80' &&
+                            slotProps.scope.row.canRepresentations
+                          "
+                          @click="appeal(slotProps.scope, false)"
+                          >申诉</el-button
+                        >
+
+                        <el-button
+                          v-if="
+                            AppealStatusT &&
+                            slotProps.scope.row.typesOf == '0' &&
+                            UserPermissions == '仓库客服'
+                          "
+                          @click="appeal(slotProps.scope, 'edit')"
+                          >编辑</el-button
+                        >
+                        <!-- 处理结果编辑 -->
+                        <el-button
+                          v-if="TabPermissions == '4' && UserPermissions == '仓库客服'"
+                          @click="Resultediting(slotProps.scope)"
+                          >编辑</el-button
+                        >
+
+                        <!-- 处理完毕 处理结果编辑 -->
+                        <el-button
+                          v-if="
+                            TabPermissions == '2' &&
+                            UserPermissions == '仓库客服' &&
+                            slotProps.scope.row.workOrderStatus == '21'
+                          "
+                          @click="ProcessedResultediting(slotProps.scope)"
+                          >编辑</el-button
+                        >
+                        <!-- 完结信息编辑 -->
+                        <!-- <el-button
+                          v-if="
+                            TabPermissions == '6' &&
+                            UserPermissions != '仓库客服' &&
+                            slotProps.scope.row.typesOfName == '待处理'
+                          "
+                          @click="CompletedEditing(slotProps.scope)"
+                          >编辑</el-button
+                        > -->
+
+                        <!-- 理赔金额确定 -->
+                        <!-- <el-button
+                          v-if="TabPermissions == '4' && UserPermissions == '仓库客服'"
+                          @click="DetermineClaims(slotProps.scope)"
+                          >确定理赔金额</el-button
+                        > -->
+
+                        <el-button
+                          v-if="AppealStatusT && slotProps.scope.row.typesOf == '3'"
+                          @click="Deleteappeal(slotProps.scope, 'Delete')"
+                          >删除</el-button
+                        >
+
+                        <el-button
+                          v-if="TabPermissions == '8'"
+                          @click="MessageReply(slotProps.scope, 'Delete')"
+                          >回复</el-button
+                        >
+
+                        <el-button
+                          v-if="
+                            AppealStatusT &&
+                            slotProps.scope.row.typesOf == '0' &&
+                            UserPermissions == '仓库客服'
+                          "
+                          @click="CancelappealFn(slotProps.scope, 'edit')"
+                          >取消申诉</el-button
+                        >
+
+                        <!-- AppealStatusT申诉列表状态 -->
+                        <!-- <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="CompletionButton(slotProps.scope)">完结</el-button> -->
+                        <!-- <el-button v-if="ClaimStatus" @click="appeal(slotProps.scope)"
+                          >申诉</el-button
+                        > -->
+                        <el-button
+                          v-if="TabPermissions == '7' && UserPermissions != '仓库客服'"
+                          @click="BtnModifyAmount(slotProps.scope)"
+                          >修改金额</el-button
+                        >
+                      </div>
+                    </div>
+                  </template>
+                </template>
+              </tablecmt>
+            </el-row>
+
+            <!-- 分页模块 -->
+            <el-row class="el-fy">
+              <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+                <div>勾选数量:{{ details.selectionList.length }}</div>
+                <el-pagination
+                  align="right"
+                  background
+                  @size-change="sizeChange"
+                  @current-change="currentChange"
+                  :current-page="page.currentPage"
+                  :page-sizes="page.pageSizesList"
+                  :page-size="page.pageSize"
+                  layout="total, sizes, prev, pager, next, jumper"
+                  :total="page.total"
+                >
+                </el-pagination>
+              </div>
+            </el-row>
+          </div>
+
+          <!-- 新增弹窗  -->
+          <!-- 完结弹窗  -->
+
+          <!-- 批量打回弹窗 -->
+          <el-dialog v-model="dialogReturn" title="批量打回" width="40%" draggable class="plAllret">
+            <el-form
+              v-loading="repulse"
+              element-loading-text="正在打回中..."
+              label-position="top"
+              label-width="100px"
+              :model="BatchFrom"
             >
-            <el-button type="primary" icon="Stamp" v-if="ButtonPermissions.ArbitrationDetermination"
-              >批量完结审核</el-button
+              <el-form-item label="打回原因">
+                <el-input v-model="BatchFrom.txt" type="textarea" :rows="4" />
+              </el-form-item>
+
+              <el-form-item label="流转营业部">
+                <el-select
+                  v-model="BatchFrom.businessDepartment"
+                  multiple
+                  filterable
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="请选择活动区域"
+                >
+                  <el-option
+                    v-for="item in warehouseData"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-form>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogReturn = false">取消</el-button>
+                <el-button type="primary" @click="ConfirmReturn" :disabled="repulse">
+                  确定
+                </el-button>
+              </span>
+            </template>
+          </el-dialog>
+
+          <!-- 工单指派弹窗 -->
+          <el-dialog v-model="dialogassign" title="工单指派" width="40%" draggable class="plAllret">
+            <el-form
+              v-loading="AssignLoad"
+              element-loading-text="正在打回中..."
+              label-position="top"
+              label-width="100px"
+              :model="assignFrom"
             >
-            <el-button type="primary" icon="Coin" v-if="ButtonPermissions.Financial_accounting"
-              >财务入账</el-button
+              <el-form-item label="客服列表">
+                <el-select
+                  v-model="assignFrom.businessDepartment"
+                  filterable
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="请选择指派客服"
+                >
+                  <el-option
+                    v-for="item in customerService"
+                    :key="item.value"
+                    :label="item.realName"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-form>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogassign = false">取消</el-button>
+                <el-button type="primary" @click="Assignbutton" :disabled="AssignLoad">
+                  确定
+                </el-button>
+              </span>
+            </template>
+          </el-dialog>
+          <!-- 客服介入原因 -->
+          <el-dialog v-model="dialogCustomer" title="客服介入" width="30%" draggable>
+            <el-form
+              :model="CustomerServiceForm"
+              v-loading="loadingCustomer"
+              element-loading-text="正在处理中..."
             >
-          </div>
-          <!-- 头部右侧按钮模块 -->
-          <div class="avue-crud__right">
-            <el-tooltip content="刷新数据" placement="top">
-              <el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button>
-            </el-tooltip>
-
-            <el-tooltip content="重置表格搜索" placement="top">
-              <el-button icon="CircleClose" @click="ResetTableSearch" circle></el-button>
-            </el-tooltip>
-
-            <el-tooltip content="表格设置" placement="bottom">
-              <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
-            </el-tooltip>
-
-            <el-tooltip content="高级搜索" placement="bottom">
-              <el-button icon="Search" @click="searchHide" circle></el-button>
-            </el-tooltip>
-          </div>
-        </div>
-      </el-row>
-
-      <!-- 首页表格 -->
-      <el-row>
-        <!-- 列表模块 -->
-        <tablecmt
-          class="tableNode"
-          :columnList="details.columnListPublic"
-          :tableData="data"
-          :loading="loadingObj.list"
-          @inputTxt="inputsc"
-          @timeCheck="timesc"
-          @selectCheck="selectsc"
-          @selection="selectionChange"
-        >
-          <template #default="slotProps">
-            <template v-if="slotProps.scope.column.label === '异常工单号'">
-              <el-text class="el_textBtn" @click="ViewDetailsRow(slotProps.scope.row)">
-                {{
-                  slotProps.scope.column.label === '异常工单号'
-                    ? slotProps.scope.row.workOrderNumber
-                    : ''
-                }}
-              </el-text>
+              <el-form-item label="介入原因">
+                <el-input
+                  v-model="CustomerServiceForm.reasonRemarks"
+                  type="textarea"
+                  placeholder="请输入介入原因"
+                />
+              </el-form-item>
+            </el-form>
+
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogCustomer = false">取消</el-button>
+                <el-button
+                  type="primary"
+                  @click="CustomerServiceintervention"
+                  :disabled="loadingCustomer"
+                >
+                  提交
+                </el-button>
+              </span>
             </template>
+          </el-dialog>
 
-            <template v-if="slotProps.scope.column.label === '操作'">
-              <el-text @click="ViewDetails(slotProps.scope.row)">查看</el-text>
+          <!-- 批量完结弹窗 -->
 
-              <el-text
-                @click="WorkOrderAppeal(slotProps.scope.row)"
-                v-if="PermissionButton.Work_order_appeal(slotProps.scope.row)"
-                >申诉</el-text
-              >
-              <el-text
-                v-if="PermissionButton.Process_submission_button"
-                @click="ResultConfirmed(slotProps.scope.row)"
-                >处理提交</el-text
-              >
-              <el-text
-                @click="CancelWorkOrderAppeal(slotProps.scope.row)"
-                v-if="PermissionButton.Cancel_appeal_button(slotProps.scope.row)"
-                >取消申诉</el-text
-              >
-              <el-text
-                v-if="PermissionButton.Appeal_editor_button(slotProps.scope.row)"
-                @click="WorkOrderAppeal(slotProps.scope.row, 'edit')"
-                >编辑</el-text
-              >
-              <el-text
-                v-if="PermissionButton.Delete_appeal_button(slotProps.scope.row)"
-                @click="Deleteappealrecords(slotProps.scope.row, 'edit')"
-                >删除记录</el-text
-              >
+          <el-dialog
+            v-model="dialogBatchcompletion"
+            title="批量完结"
+            width="60%"
+            :style="{ height: BatchcompletionHeight + 'px', overflowY: 'scroll' }"
+            class="el_Batchcompletion"
+          >
+            <div v-loading="PLloading" element-loading-text="正在批量处理中...">
+              <div class="Improveinformation">
+                <el-tabs type="border-card" class="demo-tabs">
+                  <el-tab-pane>
+                    <template #label>
+                      <span class="custom-tabs-label">
+                        <el-icon><calendar /></el-icon>
+                        <span>完结信息</span>
+                      </span>
+                    </template>
+
+                    <div class="el-ckbtn">
+                      <el-button type="primary" @click="AddCompensation">添加赔款方</el-button>
+                      <el-button type="primary" @click="AddPayee">添加受款方</el-button>
+                    </div>
+
+                    <div
+                      class="payanindemnity"
+                      v-for="(item, index) in CompensationParty"
+                      :key="index"
+                    >
+                      <span class="title" :style="{ color: item.state != 0 ? '#000' : '#F56C6C' }"
+                        >{{ item.state == 0 ? '赔款方' : '受款方' }}{{ item.cld }}</span
+                      >
+                      <!-- <div class="sk_input">
+                        <el-input
+                          v-model="item.name"
+                          :placeholder="item.state == 0 ? '请填写赔款方' : '请填写受款方'"
+                        />
+                      </div> -->
+
+                      <div class="sk_input">
+                        <el-select v-model="item.warehouseId" filterable placeholder="请选择仓库">
+                          <el-option
+                            v-for="item in warehouseData"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                          />
+                        </el-select>
+                      </div>
+                      <div class="sk_input">
+                        <span>原因</span>
+                        <el-input v-model="item.reason" placeholder="请填写原因" />
+                      </div>
+                      <div class="sk_input">
+                        <span>金额</span>
+                        <el-input
+                          @input="amountMoney"
+                          :min="0"
+                          v-model="item.num"
+                          placeholder="金额"
+                        />
+                      </div>
+
+                      <div class="sk_input" v-if="item.state == 0">
+                        <span>责任人</span>
+                        <el-input
+                          v-model="item.personResponsibleName"
+                          placeholder="请填写责任人"
+                          clearable
+                          :rows="2"
+                        />
+                      </div>
+
+                      <div class="sk_input" v-if="item.state == 1"></div>
+
+                      <el-button type="danger" round @click="payremove(item.state, index)"
+                        >移除</el-button
+                      >
+                    </div>
+                    <div class="paySum">
+                      <div class="sum">
+                        <span>
+                          <el-icon><Coin /></el-icon>赔款金额总和:<b>{{
+                            TotalamountCompensation
+                          }}</b></span
+                        >
+                        <span>
+                          <el-icon><Coin /></el-icon>收款金额总和:<b>{{
+                            TotalamountReceived
+                          }}</b></span
+                        >
+                      </div>
+                      <div></div>
+                    </div>
+                  </el-tab-pane>
+                </el-tabs>
+              </div>
+              <!-- 完结原因 -->
+              <div class="arbitrate">
+                <el-tabs type="border-card" class="demo-tabs">
+                  <el-tab-pane>
+                    <template #label>
+                      <span class="custom-tabs-label">
+                        <el-icon><calendar /></el-icon>
+                        <span>完结原因</span>
+                      </span>
+                    </template>
+
+                    <el-input
+                      v-model="Reasonarbitration"
+                      type="textarea"
+                      :autosize="{ minRows: 5, maxRows: 4 }"
+                      placeholder="请输入完结原因"
+                    />
+                  </el-tab-pane>
+                </el-tabs>
+                <div class="el_btn">
+                  <el-button type="primary" @click="CompletedSubmission">确认提交</el-button>
+                </div>
+              </div>
+            </div>
+          </el-dialog>
+          <!-- 申诉弹窗 -->
+          <el-dialog
+            v-model="dialogappeal"
+            :title="AppealeditorState ? '工单申述编辑' : '工单申诉'"
+            width="40%"
+          >
+            <div class="el_appeal" v-loading="loadingappeal" element-loading-text="Loading...">
+              <el-form-item label="选择实际责任方">
+                <el-select
+                  v-model="Appealselection"
+                  clearable
+                  filterable
+                  multiple
+                  placeholder="请选择实际责任方"
+                >
+                  <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="申诉原因">
+                <el-input
+                  v-model="Reasonforappeal"
+                  :rows="4"
+                  type="textarea"
+                  placeholder="请输入申诉原因"
+                />
+              </el-form-item>
+              <el-form-item label="`照片">
+                <el-upload
+                  v-model:file-list="AppealAttachment"
+                  list-type="picture-card"
+                  :on-preview="AppealAttachmentpictureList"
+                  :on-remove="AppealAttachmentImgListRemove"
+                  :action="doubledCount"
+                  :on-success="AppealAttachmentImgSuccess"
+                  :before-upload="beforeAvatarUpload"
+                  :headers="headers"
+                  multiple
+                  drag
+                >
+                  <el-icon><Plus /></el-icon>
+                </el-upload>
+              </el-form-item>
+
+              <span class="el_sdialog-footer">
+                <el-button @click="dialogappeal = false">取消</el-button>
+                <el-button type="primary" @click="Appealbutton"> 确定 </el-button>
+              </span>
+            </div>
+          </el-dialog>
+
+          <el-dialog
+            v-model="dialogModifyAmount"
+            :title="fromamount.title + '超时金额修改'"
+            width="30%"
+          >
+            <el-form label-position="left" label-width="70px" :model="fromamount">
+              <div class="el_amount">
+                <el-form-item label="原金额">
+                  <el-input v-model="fromamount.ytimeout" disabled />
+                </el-form-item>
+                <el-form-item label="修改金额">
+                  <el-input v-model="fromamount.Amount" placeholder="请输入要修改的金额" />
+                </el-form-item>
+              </div>
+            </el-form>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogModifyAmount = false">取消</el-button>
+                <el-button type="primary" @click="ModifyAmountFn">确定修改</el-button>
+              </span>
+            </template>
+          </el-dialog>
+
+          <!-- 钉钉号填写 -->
+          <el-dialog v-model="dialogDingTalk" title="钉钉号填写" width="30%">
+            <div class="el_DingTalk">
+              <el-form :model="DingTalkfilling" label-width="120px">
+                <el-form-item label="钉钉流程号">
+                  <el-input v-model="DingTalkfilling.processNumber" placeholder="请填写钉钉号" />
+                </el-form-item>
+                <el-form-item label="审核人">
+                  <el-input v-model="DingTalkfilling.reviewedBy" placeholder="请填写审核人" />
+                </el-form-item>
+                <el-form-item label="审核时间">
+                  <el-date-picker
+                    v-model="DingTalkfilling.auditTime"
+                    type="datetime"
+                    format="YYYY-MM-DD"
+                    value-format="YYYY-MM-DD HH:mm:ss"
+                    placeholder="请选择审核时间"
+                  />
+                </el-form-item>
+
+                <!-- <el-form-item label="财务入账时间">
+                  <el-date-picker
+                    v-model="DingTalkfilling.entryTime"
+                    type="datetime"
+                    format="YYYY-MM-DD"
+                    value-format="YYYY-MM-DD HH:mm:ss"
+                    placeholder="请选择时间"
+                  />
+                </el-form-item> -->
+              </el-form>
+            </div>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogDingTalk = false">取消</el-button>
+                <el-button type="primary" @click="DingTalkSubmit"> 确认 </el-button>
+              </span>
             </template>
-          </template>
-        </tablecmt>
-      </el-row>
-
-      <!-- 分页模块 -->
-      <el-row class="el-fy">
-        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
-          <div></div>
-          <el-pagination
-            align="right"
-            background
-            @size-change="sizeChange"
-            @current-change="currentChange"
-            :current-page="page.currentPage"
-            :page-sizes="[1, 2, 80, 120]"
-            :page-size="page.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="page.total"
+          </el-dialog>
+
+          <!-- 总部客服经理权限 -->
+          <el-dialog
+            v-model="CustomerServicea"
+            title="客服默认指派"
+            width="50%"
+            class="el_Customer"
           >
-          </el-pagination>
-        </div>
-      </el-row>
-    </div>
-    <!-- 申诉弹窗 -->
-    <el-dialog
-      v-model="appeal.dialogappeal"
-      :title="appeal.AppealeditorState ? '工单申述编辑' : '工单申诉'"
-      width="60%"
-    >
-      <el-form ref="appealruleFormRef" :model="appeal" :rules="appealrules">
-        <div class="el_appeal" v-loading="appeal.loadingappeal" element-loading-text="Loading...">
-          <el-form-item label="选择实际责任方" prop="Appealselection">
-            <el-select
-              v-model="appeal.Appealselection"
-              clearable
-              filterable
-              multiple
-              placeholder="请选择实际责任方"
+            <div>
+              <el-button type="primary" @click="CreateAdditions">新增创建</el-button>
+              <el-tabs type="border-card" @tab-click="AssignSwitch">
+                <el-tab-pane name="0" label="总部指派"></el-tab-pane>
+                <el-tab-pane name="1" label="商场指派"></el-tab-pane>
+              </el-tabs>
+              <el-row v-if="AssignmentType == '1'">
+                <!-- 列表模块 -->
+                <tablecmt
+                  :columnList="CustomerColumnList"
+                  :tableData="CustomerData"
+                  :loading="CustomerLoad"
+                  @inputTxt="inputsc"
+                  @timeCheck="timesc"
+                  @btnCheck="btnsc"
+                  @selectCheck="selectsc"
+                  @selection="selectionChange"
+                  :isShowRefresh="false"
+                  :tableRowClassName="
+                    (row, index) => {
+                      if (row.conditions != null && row.conditions == '1') return 'Abnormal';
+                      else return '';
+                    }
+                  "
+                >
+                  <template #default="slotProps">
+                    <template v-if="slotProps.scope.column.label === '操作'">
+                      <div class="ElBtnClass">
+                        <el-button @click="Unbindassignment(slotProps.scope)">解绑</el-button>
+                        <el-button
+                          v-if="slotProps.scope.row.conditions != '1'"
+                          @click="setAsdefault(slotProps.scope)"
+                          >设为默认</el-button
+                        >
+                      </div>
+                    </template>
+                  </template>
+                </tablecmt>
+              </el-row>
+              <el-row v-else>
+                <!-- 列表模块 -->
+                <tablecmt
+                  :columnList="MallassignmentColumnList"
+                  :tableData="CustomerData"
+                  :loading="CustomerLoad"
+                  @inputTxt="inputsc"
+                  @timeCheck="timesc"
+                  @btnCheck="btnsc"
+                  @selectCheck="selectsc"
+                  @selection="selectionChange"
+                  :isShowRefresh="false"
+                  :tableRowClassName="
+                    (row, index) => {
+                      if (row.conditions != null && row.conditions == '1') return 'Abnormal';
+                      else return '';
+                    }
+                  "
+                >
+                  <template #default="slotProps">
+                    <template v-if="slotProps.scope.column.label === '操作'">
+                      <div class="ElBtnClass">
+                        <el-button @click="Unbindassignment(slotProps.scope)">解绑</el-button>
+                        <el-button
+                          v-if="slotProps.scope.row.conditions != '1'"
+                          @click="setAsdefault(slotProps.scope)"
+                          >设为默认</el-button
+                        >
+                      </div>
+                    </template>
+                  </template>
+                </tablecmt>
+              </el-row>
+              <!-- 分页模块 -->
+
+              <el-row class="el_FyCustomer">
+                <div></div>
+                <el-pagination
+                  align="right"
+                  background
+                  @size-change="assignsizeChange"
+                  @current-change="assigncurrentChange"
+                  :current-page="assigncurrentPage"
+                  :page-sizes="[30, 50, 80, 120]"
+                  :page-size="assignpageSize"
+                  layout="total, sizes, prev, pager, next, jumper"
+                  :total="CustomerTotal"
+                >
+                </el-pagination>
+              </el-row>
+            </div>
+            <div>
+              <!-- <el-form-item label="仓库选择">
+                <el-select
+                  v-model="BatchFrom.businessDepartment"
+                  multiple
+                  filterable
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="请选择仓库"
+                >
+                  <el-option
+                    v-for="item in warehouseData"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item> -->
+            </div>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="CustomerServicea = false">关闭</el-button>
+                <!-- <el-button type="primary" @click="dialogVisible = false">
+          确定
+        </el-button> -->
+              </span>
+            </template>
+          </el-dialog>
+
+          <el-dialog v-model="Createassignment" title="创建指派" width="50%" class="el_Customer">
+            <div
+              class="el_Createbinding"
+              v-loading="CreateassignmentLoading"
+              element-loading-text="正在处理中..."
             >
-              <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="Reasonforappeal">
-            <el-input
-              v-model="appeal.Reasonforappeal"
-              :rows="4"
-              type="textarea"
-              placeholder="请输入申诉原因"
-            />
-          </el-form-item>
-          <el-form-item label="照片(上传一张)">
-            <el-upload
-              v-model:file-list="appeal.AppealAttachment"
-              list-type="picture-card"
-              :action="doubledCount"
-              :before-upload="beforeAvatarUpload"
-              :headers="headers"
-              multiple
-              drag
+              <el-form-item :label="AssignmentType == '1' ? '仓库选择' : '商场选择'">
+                <el-select
+                  style="width: 240px"
+                  v-if="AssignmentType == '1'"
+                  v-model="BatchFrom.AssignWarehouse"
+                  filterable
+                  default-first-option
+                  :reserve-keyword="false"
+                  :placeholder="'请选择仓库'"
+                  @change="scChange"
+                >
+                  <el-option
+                    v-for="item in warehouseData"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                    :disabled="item.disabled"
+                  />
+                </el-select>
+
+                <el-select
+                  style="width: 240px"
+                  v-else
+                  v-model="BatchFrom.AssignWarehouse"
+                  filterable
+                  default-first-option
+                  :reserve-keyword="false"
+                  :placeholder="'请选择商场'"
+                  @change="scChange"
+                >
+                  <el-option
+                    v-for="item in Malldropdown"
+                    :key="item.value"
+                    :label="item.tripartiteMall"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+
+              <el-form-item label="客服选择" class="el_Customer">
+                <el-select
+                  v-model="AssignCustomerlist"
+                  multiple
+                  filterable
+                  default-first-option
+                  :reserve-keyword="false"
+                  placeholder="请选择客服"
+                  collapse-tags
+                  :max-collapse-tags="2"
+                >
+                  <el-option
+                    v-for="item in AssignCustomerservice"
+                    :key="item.value"
+                    :label="item.realName"
+                    :value="item.id"
+                    :disabled="item.disabled"
+                  />
+                </el-select>
+              </el-form-item>
+            </div>
+
+            <div class="el_bqList">
+              <tablecmt
+                :columnList="customerserviceColumnList"
+                :tableData="customerData"
+                :loading="CustomerLoad"
+                :isShowRefresh="false"
+                @inputTxt="inputsc"
+                @timeCheck="timesc"
+                @btnCheck="btnsc"
+                @selectCheck="selectsc"
+                @selection="selectionChange"
+              >
+              </tablecmt>
+            </div>
+
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="Createassignment = false">取消</el-button>
+                <el-button
+                  type="primary"
+                  :disabled="CreateassignmentLoading"
+                  @click="AssignSubmission"
+                >
+                  提交
+                </el-button>
+              </span>
+            </template>
+          </el-dialog>
+
+          <!-- 财务入账弹窗 -->
+          <el-dialog v-model="dialogFinancialaccounting" title="财务入账" width="30%">
+            <div
+              class="el_DingTalk"
+              v-loading="loadingFinancial"
+              element-loading-text="正在处理中..."
             >
-              <el-icon><Plus /></el-icon>
-            </el-upload>
-          </el-form-item>
-
-          <span class="el_sdialog-footer">
-            <el-button @click="appeal.dialogappeal = false">取消</el-button>
-            <el-button type="primary" @click="Appealbutton"> 确定 </el-button>
-          </span>
-        </div>
-      </el-form>
-    </el-dialog>
-    <!-- 处理结果批量打回弹窗 -->
-    <el-dialog v-model="BatchReturn.dialogReturn" title="批量打回" width="40%" class="plAllret">
-      <el-form
-        v-loading="BatchReturn.repulseloading"
-        element-loading-text="正在打回中..."
-        label-position="top"
-        label-width="100px"
-        :model="BatchReturn.BatchFrom"
-        :rules="BatchReturn.rules"
-        ref="batchReturnForm"
-      >
-        <el-form-item label="打回原因" prop="txt">
-          <el-input
-            v-model="BatchReturn.BatchFrom.txt"
-            type="textarea"
-            :rows="4"
-            placeholder="请输入打回原因"
-          />
-        </el-form-item>
-
-        <el-form-item label="流转营业部" prop="businessDepartment">
-          <el-select
-            v-model="BatchReturn.BatchFrom.businessDepartment"
-            multiple
-            filterable
-            default-first-option
-            :reserve-keyword="false"
-            placeholder="请选择要打回的营业部"
-          >
-            <el-option
-              v-for="item in warehouseData"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="BatchReturn.BatchReturn.dialogReturn = false">取消</el-button>
-          <el-button type="primary" @click="ConfirmReturn()" :disabled="BatchReturn.repulseloading">
-            提交
-          </el-button>
-        </span>
-      </template>
-    </el-dialog>
-    <!-- 工单指派弹窗 -->
-    <el-dialog v-model="assignFrom.dialogassign" title="工单指派" width="40%" class="plAllret">
-      <el-form
-        v-loading="assignFrom.AssignLoad"
-        element-loading-text="正在处理中..."
-        label-position="top"
-        label-width="100px"
-        :model="assignFrom"
-        :rules="assignFrom.rules"
-        ref="assignFromForm"
-      >
-        <el-form-item label="客服列表" prop="businessDepartment">
-          <el-select
-            v-model="assignFrom.businessDepartment"
-            filterable
-            default-first-option
-            :reserve-keyword="false"
-            placeholder="请选择指派客服"
-          >
-            <el-option
-              v-for="item in assignFrom.customerService"
-              :key="item.value"
-              :label="item.realName"
-              :value="item.id"
-            />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="assignFrom.dialogassign = false">取消</el-button>
-          <el-button type="primary" @click="Assignbutton" :disabled="assignFrom.AssignLoad">
-            确定
-          </el-button>
-        </span>
-      </template>
-    </el-dialog>
-
-    <!-- 搜索弹窗 -->
-    <div class="Searchboxpop-upwindow">
-      <el-dialog
-        v-model="Searchboxpop.dialogSearch"
-        :title="Searchboxpop.SearchboxpopUpwindowtitle"
-        :show-close="false"
-        :fullscreen="Searchboxpop.fullscreen"
-        :close-on-click-modal="false"
-        :draggable="true"
-        :overflow="false"
-        width="50%"
-      >
-        <template #header>
-          <div class="title">
-            <span>{{ Searchboxpop.SearchboxpopUpwindowtitle }}</span>
-          </div>
-          <div class="div_icon">
-            <el-icon @click="minimize"><Minus /></el-icon>
-            <el-icon @click="maximize"><FullScreen /></el-icon>
-            <el-icon @click="close"><CloseBold /></el-icon>
-          </div>
-        </template>
-        <el-input
-          v-model="TopQuery.inputAll"
-          style="width: 100%; height: 100%"
-          :autosize="{ minRows: 24 }"
-          type="textarea"
-          placeholder="每一行算一个搜索单位“多个请【换行】输入"
-        />
-        <template #footer>
-          <div class="dialog-footer">
-            <el-button type="primary" @click="dialogSearchSubmit"> 确认 </el-button>
-          </div>
-        </template>
-      </el-dialog>
-    </div>
-    <!-- 最小化窗口 -->
-    <div class="minimize_windows" v-if="Searchboxpop.MinimizeState">
-      <div class="title">
-        <span>{{ Searchboxpop.SearchboxpopUpwindowtitle }}</span>
-      </div>
-      <div class="div_icon">
-        <el-icon @click="ExpandWindow"><FullScreen /></el-icon>
-        <el-icon @click="DestroyWindow"><Close /></el-icon>
+              <el-form :model="FinancialFrom" label-width="120px">
+                <el-form-item label="操作人">
+                  <el-input v-model="FinancialFrom.operator" placeholder="请填写操作人" />
+                </el-form-item>
+                <el-form-item label="财务入账时间">
+                  <el-date-picker
+                    v-model="FinancialFrom.entryTime"
+                    type="datetime"
+                    format="YYYY-MM-DD"
+                    value-format="YYYY-MM-DD HH:mm:ss"
+                    placeholder="请选择财务入账时间"
+                  />
+                </el-form-item>
+              </el-form>
+            </div>
+            <template #footer>
+              <span class="dialog-footer">
+                <el-button @click="dialogFinancialaccounting = false">取消</el-button>
+                <el-button type="primary" @click="Financialfilling" :disabled="loadingFinancial">
+                  确认
+                </el-button>
+              </span>
+            </template>
+          </el-dialog>
+        </basic-container>
       </div>
-    </div>
-  </basic-container>
+    </el-tabs>
+  </div>
   <!-- 列表配置显示 -->
-
-  <!-- <edittablehead
-    v-for="columnList in columnLists"
-    :key="columnList"
-    v-show="columnListName == columnList"
+  <edittablehead
     @closce="showdrawer"
     :drawerShow="drawerShow"
-    :columnList="details.columnListPublic"
-    v-model="details.columnListPublic"
-    :columnListName="columnListName"
-  ></edittablehead> -->
+    :columnList="details.columnList"
+    v-model="details.columnList"
+  ></edittablehead>
 </template>
-<script>
-export default {
-  name: '/aftersales/aftersalesWorkOrderTemp',
-};
-</script>
 <script setup>
-import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
+import { ElMessage } from 'element-plus';
+import { ElMessageBox } from 'element-plus';
+import { Plus } from '@element-plus/icons-vue';
 import { useStore } from 'vuex';
-import {
-  processRowPropertyName,
-  setNodeHeight,
-  downloadXls,
-  handleClearTableQuery,
-  deepClone,
-} from '@/utils/util';
-import { ElMessageBox, ElMessage } from 'element-plus';
-import { getDictionaryBiz } from '@/api/system/dict';
-import { getToken } from '@/utils/auth';
-import dayjs from 'dayjs';
-import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
+import { exportBlob } from '@/api/common';
 import {
   $_getList,
   $_submit,
@@ -470,18 +1063,24 @@ import {
   $_aftersalesCustomerMallgetByClientId,
   $_exportaftersalesOvertimeFine,
 } from '@/api/aftersales/aftersalesWorkOrder';
+import { getToken } from '@/utils/auth';
+import NProgress from 'nprogress';
+import { getDictionaryBiz } from '@/api/system/dict'; //字典
+import functions from '@/utils/functions.js';
+import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
+import {
+  ref,
+  reactive,
+  toRefs,
+  computed,
+  onMounted,
+  nextTick,
+  watch,
+  getCurrentInstance,
+  onActivated,
+} from 'vue';
 import {
   columnList,
-  columnList1,
-  columnList2,
-  columnList3,
-  columnList4,
-  columnList5,
-  columnList6,
-  columnList7,
-  columnList8,
-  columnList9,
-  columnList10,
   recordList,
   Claimsfield,
   AppealList,
@@ -490,227 +1089,396 @@ import {
   MallassignmentColumnList,
   customerserviceColumnList,
 } from '@/option/aftersales/vueTvemp.js';
-// (0, '全部'),
-// (8, '待回复'),
-// (3, '待处理(新建)'),
-// (1, '处理中'),
-// (4, '理赔金额未出'),
-// (2, '处理完毕'),
-// (5, '客服介入'),
-// (9, '待审核'),
-// (6, '完结'),
-// (10, '申诉列表'),
-// (7, '超时未处理'),
-
-const $router = useRouter(); //跳转
-const $useStore = useStore(); //权限
-const $route = useRoute(); //获取地址栏参数
-const tabValue = ref(0); //菜单激活
-const UserPermissions = ref(''); //当前人身份
-const workOrderStatus = ref(30); //工单状态
-const PageLoading = ref(false); //页面loading
-const warehouseData = ref([]); //仓库信息
-const UserInfo = ref({}); //登陆人信息
-const assignFromForm = ref(null); //指派客服表单实例
-const dialogSearch = ref(false); //弹窗搜索
-// 多行搜索
-const Searchboxpop = ref({
-  SearchboxpopUpwindowtitle: '', //标题
-  dialogSearch: false, ///弹窗是否展开
-  fullscreen: false, //是否全屏
-  MinimizeState: false, //是否最小化
+import { processRowProperty, isNumber, computeNumber, setNodeHeight } from '@/utils/util';
+import { compressImageBlob } from '@/components/IMGcompressor/imgcompressor.js';
+import { useRouter } from 'vue-router';
+import { downloadXls, deepClone } from '@/utils/util';
+import dayjs from 'dayjs';
+const $router = useRouter();
+const $useStore = useStore();
+const $route = useRoute();
+/** vuex */
+const customerData = ref([]); //查询已绑定的客服
+const pageLoad = ref(false);
+console.log($useStore, '$useStore');
+const accessControl = $useStore.getters.permission;
+console.log(accessControl, '权限按钮');
+const loadingFinancial = ref(false);
+const assigncurrentPage = ref(1); //商场当前多少
+const assignpageSize = ref(30);
+const Malldropdown = ref([]); //商场选择
+const scChange = val => {
+  CreateassignmentLoading.value = true; //开启加载
+  $_aftersalesCustomerMallgetByClientId({ clientId: val }).then(res => {
+    customerData.value = res.data.data;
+    AssignCustomerservice.value.forEach(itemA => {
+      let exists = customerData.value.some(itemB => itemB.customerServiceId == itemA.id);
+      itemA.disabled = exists ? true : false;
+    });
+    CreateassignmentLoading.value = false; //开启加载
+    console.log(AssignCustomerservice.value, '处理好的数据');
+  });
+};
+// workAdd;//新增
+// batch_return;//批量打回
+// assign;//工单指派
+// apply_arbitration;//申请完结
+// batch_completion;//批量完结
+// representations;//申诉
+// reply;//回复
+// processing_completed;//处理完结
+// work_order_completion;//完结
+// repulse;//打回
+// arbitration_completed;//完结完结
+// information_editing;//信息编辑
+console.log(accessControl.workAdd, '新增按钮权限');
+// const PermissionButton = computed(() => {
+//   return {
+//     workAdd: accessControl.workAdd, //新增
+//     batch_return: accessControl.batch_return, //批量打回
+//     assign: accessControl.assign, //工单指派
+//     apply_arbitration: accessControl.apply_arbitration, //申请完结
+//     batch_completion: accessControl.batch_completion, //批量完结
+//     representations: accessControl.representations, //申诉
+//     reply: accessControl.reply, //回复
+//     processing_completed: accessControl.processing_completed, //处理完结
+//     work_order_completion: accessControl.work_order_completion, //完结
+//     repulse: accessControl.repulse, //打回
+//     arbitration_completed: accessControl.arbitration_completed, //完结完结
+//     information_editing: accessControl.information_editing, //信息编辑
+//   };
+// });
+
+const PermissionButton = computed(() => {
+  return {
+    workAdd: accessControl.workAdd, //新增
+    batch_return: accessControl.batch_return, //批量打回
+    assign: accessControl.assign, //工单指派
+    apply_arbitration: accessControl.apply_arbitration, //申请完结
+    batch_completion: accessControl.batch_completion, //批量完结
+    representations: accessControl.representations, //申诉
+    reply: accessControl.reply, //回复
+    processing_completed: accessControl.processing_completed, //处理完结
+    work_order_completion: accessControl.work_order_completion, //完结
+    repulse: accessControl.repulse, //打回
+    arbitration_completed: accessControl.arbitration_completed, //完结完结
+    information_editing: accessControl.information_editing, //信息编辑
+  };
 });
-const assignFrom = ref({
-  dialogassign: false,
-  AssignLoad: false,
-  customerService: [], //客服列表
-  rules: {
-    businessDepartment: [{ required: true, message: '请选择要指派的客服', trigger: 'blur' }],
+const CustomerServicea = ref(false); //客服指派弹窗
+const dialogFinancialaccounting = ref(false); //财务入账
+const dialogCustomer = ref(false); //客服介入弹窗
+const CustomerServiceForm = ref({}); //客服介入表单
+const DingTalkfilling = ref({}); //钉钉号表单
+const dialogDingTalk = ref(false); //钉钉号弹窗
+const tabValue = ref(0); //侧边栏激活状态
+const publicColumnList = ref([]); //公共列表参数
+const scrollContainer = ref(null); //客服实例
+const workOrderStatus = ref(null); //侧边栏参数
+const BatchFrom = ref({}); //批量打回
+const AssignCustomerlist = ref([]); //指派选择人员列表
+const selectList = ref([]); //表格勾选选中
+const CustomerLoad = ref(false); //客服指派查询弹窗加载
+const FinancialFrom = ref({}); //财务入账填写
+const currentPage = ref(1); // 默认页码
+const TransportlossList = ref([
+  //运损发现节点
+]);
+const pageSize = ref(30); // 默认每一页几条
+const AppealAttachment = ref([]); //申诉附件
+const total = ref(0); //页码总页数
+const KFinput = ref(''); //客服发送消息
+const Appealselection = ref([]); //申诉选择的责任人
+const CustomerTotal = ref(0); //总页码客服指派
+const KFfeel = ref(''); //文件附件地址
+const pageList = ref([5, 10, 50, 100, 200]); // 选择每页显示多少条
+const background = ref(true); // 是否开启背景颜色
+const disabled = ref(false); // 是否禁止使用页码功能
+const fromamount = ref({}); //修改金额表单
+const TimeoutStatus = ref(false); //超时列表状态
+const loading = ref(false); //首页表格加载效果
+const Createassignment = ref(false); //创建指派
+const CreateassignmentLoading = ref(false); //客服指派加载效果
+const dialogReturn = ref(false); //批量打回弹窗状态
+const dialogappeal = ref(false); //申诉弹窗状态
+const Indexdialog = ref(false); //新增弹窗
+const Reasonforappeal = ref(''); //申诉原因
+const Indexform = ref({}); //首页新增表单
+const dialogcustomerService = ref(false); //客服信息
+const IndexException = ref([]); //异常类型下拉选择
+const DiscoveringNodes = ref([]); //发现节点下拉选择
+const warehouseData = ref([]); //处理方
+const customerService = ref([]);
+const IndexForm = ref(null); //首页表实例
+const FromDisabled = ref(false); //详情禁止输入框
+const loadingappeal = ref(false); //工单申诉状态
+const SelectType = ref(null); //类型
+const ListRow = ref(); //当前行数据
+const appealList = ref(); //申诉选择的参数
+const appealData = ref(); //申诉单条数据
+const StateType = ref(true); //类型
+const dialogassign = ref(false); //工单指派
+const AssignLoad = ref(false); //工单指派加载
+const assignFrom = ref({}); //工单指派表单
+const dialogImageUrl = ref('');
+const dialogVisible = ref(false);
+const groundlineType = ref(null); //干线状态
+const groundlineSet = ref(true); //干线条件都满足
+const enddialog = ref(false); //完结弹窗
+const endFrom = ref({}); //完结弹窗表单
+const screenHeight = ref(0); // 屏幕高度
+const eightyPercentHeight = ref(0); // 80% 高度
+const list = ref([]);
+const options = ref([]);
+const arbitrationTemp = ref(0); //完结当点击的那个菜单
+const CustomerData = ref([]); //客服指派表格查询
+const repulse = ref(false);
+const dialogBatchcompletion = ref(false); //批量完结弹窗
+const PLloading = ref(false);
+const Mydata = ref(null); //仓库关键信息
+const ProcessingList = ref([]); //赔付方式列表
+const AssignCustomerservice = ref([]); //工单指派客服列表
+const iconState = ref(false); //消息状态
+const ProcessingPartyState = ref(false); //处理方数据(为真才显示)
+const currentUser = ref(null); //存放当前的对话框必要Id
+const ArbitrationStatus = ref(null); //申请完结状态
+const TotalamountCompensation = ref(0); //赔款金额合计
+const TotalamountReceived = ref(0); //收款金额合计
+const Reasonarbitration = ref(null); //完结原因
+const BatchcompletionHeight = ref(0); //批量完结弹窗
+const userInfo = ref(); //当前登录人信息
+const ClaimStatus = ref(false); //理赔状态
+const AppealStatus = ref(false); //申诉列表状态
+const dialogModifyAmount = ref(false); //超时金额修改弹出状态
+const UserPermissions = ref('仓库客服'); //客服权限
+const TabPermissions = ref(0); //菜单权限
+const AssignmentType = ref('1'); //指派切换类型
+const AppealeditorState = ref(false); //申诉是否为编辑状态(默认否)
+const AppealStatusT = ref(false); //是否为申诉列表
+const loadingCustomer = ref(false); //客服介入弹窗加载
+const TabList = ref([
+  { name: 0, label: '全部', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50,},
+  { name: 8, label: '待回复', state: false, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+  { name: 3, label: '待处理(新建)', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+  { name: 1, label: '处理中', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+  { name: 4, label: '理赔金额未出', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+  { name: 2, label: '处理完毕', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+  { name: 5, label: '客服介入', state: true, request: true, DataList: [], total: 0 ,currentPage: 1,pageSize: 50,},
+  { name: 9, label: '待审核', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+  { name: 6, label: '完结', state: true, request: true, DataList: [], total: 0 ,currentPage: 1,pageSize: 50,},
+  { name: 7, label: '超时未处理', state: true, request: true, DataList: [], total: 0,currentPage: 1,pageSize: 50, },
+]); //标签栏
+
+const DeliveryDriver = ref([]);
+const CompensationParty = ref([
+  { name: '', state: 0, num: null, reason: '', cld: 1, warehouseId: '', personResponsibleName: '' }, //赔款方
+  { name: '', state: 1, num: null, reason: '', cld: 1, warehouseId: '', personResponsibleName: '' }, //受款方
+]); //收/赔
+
+const details = reactive({
+  /** 是否开启搜索 */
+  search: false,
+  /** 表格搜索条件 */
+  query: {
+    workOrderStatus: UserPermissions.value == '仓库客服' ? '1000' : '',
+  },
+  /** 时间快捷选择设置 */
+  shortcuts: [
+    {
+      text: '最近一周',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
+      },
+    },
+  ],
+  /** 列表 */
+  columnList: deepClone(columnList),
+
+  /** 列表数据 */
+  data: [],
+  // 处理记录
+  recordList: deepClone(recordList),
+  // 处理记录数据
+  recorddata: [],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    packageListLoading: false,
+  },
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    currentPage: 1,
+    pageSize: 50,
+    total: 0,
+  },
+
+  /** 弹出层显示 */
+  popUpShow: {
+    /** 包件明细 */
+    packageOrderListlVisited: false,
+    /** 二维码 */
+    QRCodeVisible: false,
+    /** 修改客户信息 */
+    editClientInfoVisible: false,
   },
-}); //工单指派总部客服
-const batchReturnForm = ref(null);
-const BatchReturn = ref({
-  //批量打回弹窗
-  dialogReturn: false,
-  // 批量打回loading,
-  repulseloading: false,
-  BatchFrom: {},
-  rules: {
-    txt: [{ required: true, message: '请输入打回原因', trigger: 'blur' }],
-    businessDepartment: [{ required: true, message: '请选择至少一个营业部', trigger: 'change' }],
+  /** 列表Dom节点 */
+  listNode: '',
+  form: {},
+  /** 全屏 */
+  fullscreenObj: {
+    /** 包明细 */
+    packageOrderListlVisited: false,
   },
 });
-const appeal = ref({
-  dialogappeal: false, //工单申诉弹窗
-  AppealeditorState: false, //申诉是否为编辑状态(默认否)
-  loadingappeal: false, //申诉弹窗loading
-  Appealselection: [], //申诉弹窗选中数据
-  AppealAttachment: [], //申诉照片
-  Reasonforappeal: '', //申诉原因
-  selectList: [], //申诉列表
-  selectionList: [], //要申诉的数据
-});
-const appealruleFormRef = ref();
-const columnListName = ref('columnList');
-/**
- * 人身份
- * Warehouse_customer_service  仓库客服
- * Headquarters_customer_service  总部客服
- * Headquarters_Manager 总部客服经理
- */
-const Useridentity = {
-  Warehouse_customer_service: '仓库客服',
-  Headquarters_customer_service: '总部客服',
-  Headquarters_Manager: '总部客服经理',
-};
-const TabPermissions = ref(0); //记录的菜单编号
-const TopQuery = ref({
-  time: [],
-});
-// 必要初始化字典
-const dictionaries = {
-  pc_work_order: ref([]), ////异常类型
-  pc_discovery_node: ref([]), //发现环节
-  work_order_status: ref([]), //工单状态
-  after_sales_visits: ref([]), //角色部门
-};
-// 菜单标签
-const createTabItem = (name, label) => ({
-  name,
-  label,
-  state: true,
-  DataList: [],
-  total: 0,
-  request: true, //是否请求
-  currentPage: 1,
-  pageSize: 2,
-  query: {},
-});
 
-const TabList = ref([
-  createTabItem(0, '全部'),
-  createTabItem(8, '待回复'),
-  createTabItem(3, '待处理(新建)'),
-  createTabItem(1, '处理中'),
-  createTabItem(4, '理赔金额未出'),
-  createTabItem(2, '处理完毕'),
-  createTabItem(5, '客服介入'),
-  createTabItem(9, '待审核'),
-  createTabItem(6, '完结'),
-  createTabItem(10, '申诉列表'),
-  createTabItem(7, '超时未处理'),
-]);
-/**
- * @description 申诉按钮的逻辑
- * @returns {boolean} 是否显示申诉按钮
- */
-const WorkOrderAppealButton = () => row => {
-  // 如果是仓库客服角色
-  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
-    // 并且当前标签是申诉列表
-    if (TabPermissions.value == 6) {
-      // 则显示申诉按钮
-      if (row.canRepresentations && row.workOrderStatus != 100) {
-        return true;
-      }
-    }
-  }
-  // 否则不显示申诉按钮
-  return false;
-};
-/**
- * @description 取消申诉按钮的逻辑
- * @returns {boolean} 是否显示申诉按钮
- */
-const CancelAppealButton = () => row => {
-  // 如果是仓库客服角色
-  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
-    // 并且当前标签是申诉列表
-    if (TabPermissions.value == 10) {
-      if (row.typesOf == '0') {
-        // 则显示申诉按钮
-        return true;
-      }
-    }
-  }
-  return false;
-};
-/**
- * @description 编辑申诉按钮的逻辑
- * @returns {boolean} 是否显示申诉编辑按钮
- */
-const AppealEditorButton = () => row => {
-  // 如果是仓库客服角色
-  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
-    // 并且当前标签是申诉列表
-    if (TabPermissions.value == 10) {
-      if (row.typesOf == '0') {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-/**
- * @description 编辑申诉按钮的逻辑
- * @returns {boolean} 是否显示申诉删除按钮
- */
-const Deleteappealbutton = () => row => {
-  // 如果是仓库客服角色
-  if (UserPermissions.value == Useridentity.Warehouse_customer_service) {
-    // 并且当前标签是申诉列表
-    if (TabPermissions.value == 10) {
-      // 则显示申诉按钮
-      if (row.typesOf == '3') {
-        return true;
-      }
-    }
-  }
-  // 否则不显示申诉按钮
-  return false;
-};
-/**
- * @description 处理金额提交按钮的逻辑
- * @returns {boolean} 是否显示理赔金额未出处理提交按钮
- */
-const ProcessSubmission = () => {
-  // 如果是仓库客服角色
-  if (TabPermissions.value == 4) {
-    // 则显示申诉按钮
-    return true;
-  }
-  // 否则不显示申诉按钮
-  return false;
-};
-
-/**
- * @description 操作栏按钮权限
- * @returns {boolean} 是否显示相关按钮
- */
-const PermissionButton = computed(() => ({
-  Work_order_appeal: WorkOrderAppealButton(),
-  Cancel_appeal_button: CancelAppealButton(),
-  Appeal_editor_button: AppealEditorButton(),
-  Delete_appeal_button: Deleteappealbutton(),
-  Process_submission_button: ProcessSubmission(),
-}));
+const {
+  search,
+  query,
+  shortcuts,
+  data,
+  loadingObj,
+  selectionList,
+  drawerShow,
+  page,
+  trickleLoadingPage,
+  zeroAdditionalRecordingInfo,
+  popUpShow,
+  recorddata,
+} = toRefs(details);
+
+// let tab = [
+//   { label: '全部', value: 0 },
+//   { label: '处理中', value: 1 },
+//   { label: '待处理完毕', value: 2 },
+//   { label: '待处理', value: 3 },
+//   { label: '理赔金额未出', value: 4 },
+//   { label: '完结', value: 5 },
+//   { label: '完结', value: 6 },
+//   { label: '超时未处理', value: 7 },
+// ];
+
+// // 按钮配置
+// // 1.新增  2.批量打回 3.工单指派 4.申请完结 5.批量完结  6.申诉
+
+// // 角色配置
+// // 1.仓库客服
+// // 2.职能客服
+// // 3.客服经理
+
+// // 在value == 0状态下的权限配置
+// 1.新增  只能仓库客服查看
+// 2.批量打回  只能职能客服查看
+// 3.工单指派  只能客服经理查看
+// 4.申请完结   只能仓库客服查看
+// 5.批量完结    只能职能客服查看
+// 6.申诉        隐藏
+
+// // 在value==1状态下的权限配置
+// 1.新增        隐藏
+// 2.批量打回    只能仓库客服查看
+// 3.工单指派     隐藏
+// 4.申请完结     只能仓库客服查看
+// 5.批量完结     只能职能客服和客服经理查看
+// 6.申诉         隐藏
+// // 在value==2状态下的权限配置
+// 隐藏所有按钮
+
+// // 在value==3状态下的权限配置
+// 1.新增          隐藏
+// 2.批量打回       只能仓库客服查看
+// 3.工单指派      只能客服经理查看
+// 4.申请完结    隐藏
+// 5.批量完结    隐藏
+// 6.申诉        隐藏
+
+// // 在value==4状态下的权限配置
+// 1.新增       隐藏
+// 2.批量打回   隐藏
+// 3.工单指派   隐藏
+// 4.申请完结  隐藏
+// 5.批量完结   隐藏
+// 6.申诉    仓库客服查看
+
+// // 在value==5状态下的权限配置
+// 1.新增       隐藏
+// 2.批量打回   隐藏
+// 3.工单指派   隐藏
+// 4.申请完结  隐藏
+// 5.批量完结  隐藏
+// 6.申诉      隐藏
+
+// // 在value==6状态下的权限配置
+// 1.新增   隐藏
+// 2.批量打回   隐藏
+// 3.工单指派   隐藏
+// 4.申请完结  隐藏
+// 5.批量完结  隐藏
+// 6.申诉     隐藏
+
+// // 在value== 7 状态下的权限配置
+// 1.新增    隐藏
+// 2.批量打回  隐藏
+// 3.工单指派  隐藏
+// 4. 申请完结  隐藏
+// 5.批量完结  隐藏
+// 6.申诉  隐藏
+
+// 角色通过  UserPermissions 变量控制
+// 菜单通过 TabPermissions变量 来控制
+// 例如：
+// const UserPermissions = ref('仓库客服'); //客服权限
+// const TabPermissions = ref(0); //菜单权限
+// 按钮权限
+
 const ButtonPermissions = computed(() => {
   // 根据 TabPermissions 的状态，决定每个按钮的显示隐藏逻辑
   switch (TabPermissions.value) {
     case 0: //全部
       return {
+        // add: true, //新增按钮
+        // batchReject: true, //批量打回
+        // assignment: true, //工单指派
+        // applyArbitration:true, //客服介入
+        // DingTalkNumber:true,//钉钉号填写
+        // batchFinish:true, //批量完结
+        // appeal: true, //申诉
         add: true, //新增按钮
         batchReject: false, //批量打回
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         DingTalkNumber: false, //钉钉号填写
         batchFinish: false, //批量完结
-        Batchdetermination: false, //批量确定
+        appeal: false, //申诉
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
-        Result_review: false, //结果审核（总部审核处理结果）
         Financial_accounting: false, //财务入账
-        defaultassignments: UserPermissions.value != Useridentity.Warehouse_customer_service, //默认指派
+        defaultassignments: UserPermissions.value != '仓库客服', //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
       };
@@ -718,15 +1486,15 @@ const ButtonPermissions = computed(() => {
       return {
         add: false, //新增按钮
         batchReject: false, //批量打回
-        assignment: UserPermissions.value != Useridentity.Warehouse_customer_service, //工单指派
-        applyArbitration: UserPermissions.value == Useridentity.Warehouse_customer_service, //客服介入
+        assignment: UserPermissions.value != '仓库客服', //工单指派
+        applyArbitration: UserPermissions.value == '仓库客服', //客服介入
         DingTalkNumber: false, //钉钉号填写
         batchFinish: false, //批量完结
-        Batchdetermination: false, //处理结果批量确定
+        Batchdetermination: UserPermissions.value != '仓库客服', //批量确定
+        appeal: false, //申诉
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
-        Result_review: UserPermissions.value == Useridentity.Headquarters_customer_service, //结果审核（总部审核处理结果）
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
@@ -734,15 +1502,15 @@ const ButtonPermissions = computed(() => {
     case 2: //处理完毕
       return {
         add: false, //新增按钮
-        batchReject: UserPermissions.value == Useridentity.Headquarters_customer_service, //批量打回
-        assignment: UserPermissions.value != Useridentity.Warehouse_customer_service, //工单指派
+        batchReject: UserPermissions.value == '总部客服', //批量打回
+        assignment: true, //工单指派
         applyArbitration: false, //客服介入
         DingTalkNumber: false, //钉钉号填
         batchFinish: false, //批量完结
-        Batchdetermination: false, //批量确定
+        appeal: UserPermissions.value == '仓库客服' && AppealStatusT.value, //申诉
+        Batchdetermination: UserPermissions.value == '仓库客服', //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
-        Result_review: false, //结果审核（总部审核处理结果）
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
@@ -752,14 +1520,14 @@ const ButtonPermissions = computed(() => {
       return {
         add: false, //新增按钮
         batchReject: false, //批量打回
-        assignment: false, //工单指派
+        assignment: true, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
+        appeal: false, //申诉
         Batchdetermination: false, //批量确定
         DingTalkNumber: false, //钉钉号填写
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
-        Result_review: false, //结果审核（总部审核处理结果）
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
@@ -772,12 +1540,12 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
+        appeal: false, //申诉
         DingTalkNumber: false, //钉钉号填写
-        Batchdetermination: true, //批量确定
+        Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
-        Result_review: false, //结果审核（总部审核处理结果）
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
@@ -789,12 +1557,12 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
+        appeal: false, //申诉
         DingTalkNumber: false, //钉钉号填写
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
-        ArbitrationDetermination: UserPermissions.value != Useridentity.Warehouse_customer_service, //批量总裁完结确定
+        ArbitrationDetermination: UserPermissions.value != '仓库客服', //批量完结确定
         Financial_accounting: false, //财务入账
-        Result_review: false, //结果审核（总部审核处理结果）
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
@@ -806,13 +1574,13 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
-        DingTalkNumber: UserPermissions.value != Useridentity.Warehouse_customer_service, //钉钉号填写, //钉钉号填写
+        DingTalkNumber: UserPermissions.value == '总部客服经理' && !AppealStatusT.value, //钉钉号填写, //钉钉号填写
+        appeal: UserPermissions.value == '仓库客服', //申诉
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
-        Financial_accounting: UserPermissions.value != Useridentity.Warehouse_customer_service, //财务入账
+        Financial_accounting: UserPermissions.value != '仓库客服' && !AppealStatusT.value, //财务入账
         defaultassignments: false, //默认指派
-        Result_review: false, //结果审核（总部审核处理结果）
         export_Report: true, //导出报表
         Timed_outexport: false, //超时导出
       };
@@ -823,13 +1591,13 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
         batchFinish: false, //批量完结
+        appeal: false, //申诉
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: false, //导出报表
-        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: true, //超时导出
       };
     case 8: //待回复
@@ -839,13 +1607,13 @@ const ButtonPermissions = computed(() => {
         assignment: false, //工单指派
         applyArbitration: true, //客服介入
         batchFinish: false, //批量完结
+        appeal: false, //申诉
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
-        export_Report: true, //导出报表
-        Result_review: false, //结果审核（总部审核处理结果）
+        export_Report: false, //导出报表
         Timed_outexport: false, //超时导出
       };
     case 9: //待审核
@@ -854,30 +1622,14 @@ const ButtonPermissions = computed(() => {
         batchReject: false, //批量打回
         assignment: false, //工单指派
         applyArbitration: false, //客服介入
-        batchFinish: false, //批量完结
+        batchFinish: UserPermissions.value != '仓库客服', //批量完结
+        appeal: false, //申诉
         Batchdetermination: false, //批量确定
-        ManagerConfirmed: UserPermissions.value == Useridentity.Headquarters_Manager, //处理完毕下面的客服经理批量确定
+        ManagerConfirmed: UserPermissions.value == '总部客服经理', //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: true, //导出报表
-        Result_review: false, //结果审核（总部审核处理结果）
-        Timed_outexport: false, //超时导出
-      };
-      case 10: //申诉列表
-      return {
-        add: false, //新增按钮
-        batchReject: false, //批量打回
-        assignment: false, //工单指派
-        applyArbitration: false, //客服介入
-        batchFinish: false, //批量完结
-        Batchdetermination: false, //批量确定
-        ManagerConfirmed:false, //处理完毕下面的客服经理批量确定
-        ArbitrationDetermination: false, //批量完结确定
-        Financial_accounting: false, //财务入账
-        defaultassignments: false, //默认指派
-        export_Report: false, //导出报表
-        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: false, //超时导出
       };
     // 其他任何情况下的默认情况
@@ -888,232 +1640,317 @@ const ButtonPermissions = computed(() => {
         assignment: false,
         applyArbitration: false,
         batchFinish: false,
+        appeal: false,
         Batchdetermination: false, //批量确定
         ManagerConfirmed: false, //处理完毕下面的客服经理批量确定
         ArbitrationDetermination: false, //批量完结确定
         Financial_accounting: false, //财务入账
         defaultassignments: false, //默认指派
         export_Report: false, //导出报表
-        Result_review: false, //结果审核（总部审核处理结果）
         Timed_outexport: false, //超时导出
       };
   }
 });
-const details = reactive({
-  /** 是否开启搜索 */
-  search: false,
-  /** 表格搜索条件 */
-  query: {},
-  defaultTime2: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)], // '12:00:00', '08:00:00'
-  /** 时间快捷选择设置 */
-  shortcuts: [
-    {
-      text: '最近一周',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-        return [start, end];
-      },
-    },
-    {
-      text: '最近一个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-        return [start, end];
-      },
-    },
-    {
-      text: '最近三个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-        return [start, end];
-      },
-    },
-  ],
-  /** 时间选择器数据 */
-  stockupDate: [],
-  /** 列表 */
-  columnListPublic: deepClone(columnList), //公共列表
-  /** 列表数据 */
-  data: [],
-  /** 页面loading */
-  loadingObj: {
-    /** 列表加载loading */
-    list: false,
-    packageListLoading: false,
+
+const ProcessingResults = [
+  {
+    value: '0',
+    label: '维修',
   },
-  /** 列表复选框选中的数据 */
-  selectionList: [],
-  /** 是否显示设置表格 */
-  drawerShow: false,
-  /** 分页参数 */
-  page: {
-    currentPage: 1,
-    pageSize: 2,
-    total: 0,
+  {
+    value: '1',
+    label: '补漆',
   },
-
-  /** 弹出层显示 */
-  popUpShow: {
-    /** 包件明细 */
-    packageOrderListlVisited: false,
-    /** 二维码 */
-    QRCodeVisible: false,
-    /** 修改客户信息 */
-    editClientInfoVisible: false,
+  {
+    value: '2',
+    label: '下补单',
   },
-  /** 列表Dom节点 */
-  listNode: '',
-  form: {},
-  /** 全屏 */
-  fullscreenObj: {
-    /** 包明细 */
-    packageOrderListlVisited: false,
+  {
+    value: '3',
+    label: '赔付运费',
   },
-});
+  {
+    value: '4',
+    label: '用库存',
+  },
+  {
+    value: '5',
+    label: '赔商家',
+  },
+  {
+    value: '6',
+    label: '赔客户',
+  },
+];
+const fileList = ref([]);
 
-const {
-  search,
-  query,
-  shortcuts,
-  stockupDate,
-  data,
-  loadingObj,
-  selectionList,
-  drawerShow,
-  page,
-  trickleLoadingPage,
-  zeroAdditionalRecordingInfo,
-  popUpShow,
-  recorddata,
-  defaultTime2,
-} = toRefs(details);
-watch(
-  () => $route.path,
-  (newPath, oldPath) => {
-    if ($useStore.state.isRefresh.refreshObj.aftersalesWorkOrderTemp) {
-      TabPermissions.value = $useStore.state.Customer.Customerobj;
-      tabValue.value = $useStore.state.Customer.Customerobj; //菜单编号
-      if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].includes(TabPermissions.value)) {
-        updateMenuAndData(); //获取最新数据
-        $useStore.commit('Customer_Menu', 0); //设置回初始值
-      }
-      $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrderTemp', status: false }); //重新缓存页面
+const TransportLossNode = ref([
+  { label: '在库操作环节', value: 1 },
+  { label: '干线卸车环节', value: 2 },
+  { label: '入库环节', value: 3 },
+  { label: '配送环节', value: 4 },
+  { label: '中转卸车环节', value: 5 },
+  { label: '安装环节', value: 6 },
+]);
+
+const Statusprocessing = val => {
+  val.forEach(item => {
+    // 对为null的数据进行处理
+    // for (const property in item) {
+    //   if (item[property] == null) {
+    //     item[property] = '/';
+    //   }
+    // }
+    // 对状态进行处理
+    if (item.workOrderType == 1) {
+      item.workOrderTypeNameS = columnList[2].checkarr[0].label; //货损
+    } else if (item.workOrderType == 2) {
+      item.workOrderTypeNameS = columnList[2].checkarr[1].label; //少货
+    } else if (item.workOrderType == 3) {
+      item.workOrderTypeNameS = columnList[2].checkarr[2].label; //窜货
+    } else if (item.workOrderType == 4) {
+      item.workOrderTypeNameS = columnList[2].checkarr[3].label; //加急
+    } else if (item.workOrderType == 5) {
+      item.workOrderTypeNameS = columnList[2].checkarr[4].label; //其他
+    }
+    // 提货环节下拉赋值
+    if (item.discoveryNode == 1) {
+      item.discoveryNodeNameS = columnList[3].checkarr[0].label; //提货环节
+    } else if (item.discoveryNode == 2) {
+      item.discoveryNodeNameS = columnList[3].checkarr[1].label; //发货环节
+    } else if (item.discoveryNode == 3) {
+      item.discoveryNodeNameS = columnList[3].checkarr[2].label; //干线卸车环节
+    } else if (item.discoveryNode == 4) {
+      item.discoveryNodeNameS = columnList[3].checkarr[3].label; //库内作业环节
+    } else if (item.discoveryNode == 5) {
+      item.discoveryNodeNameS = columnList[3].checkarr[4].label; //配送装车环节
+    } else if (item.discoveryNode == 6) {
+      item.discoveryNodeNameS = columnList[3].checkarr[5].label; //其他
+    } else if (item.discoveryNode == 7) {
+      item.discoveryNodeNameS = columnList[3].checkarr[6].label; //配送签收环节
+    } else if (item.discoveryNode == 8) {
+      item.discoveryNodeNameS = columnList[3].checkarr[7].label; //安装环节
+    }
+
+    if (item.workOrderStatus == 10) {
+      item.workOrderStatusNameS = columnList[10].checkarr[0].label; //待处理
+    } else if (item.workOrderStatus == 20) {
+      item.workOrderStatusNameS = columnList[10].checkarr[1].label; //处理中
+    } else if (item.workOrderStatus == 30) {
+      item.workOrderStatusNameS = columnList[10].checkarr[2].label; //已处理
+    } else if (item.workOrderStatus == 40) {
+      item.workOrderStatusNameS = columnList[10].checkarr[4].label; //待审核
+    } else if (item.workOrderStatus == 50) {
+      item.workOrderStatusNameS = columnList[10].checkarr[5].label; //已审核
+    } else if (item.workOrderStatus == 60) {
+      item.workOrderStatusNameS = columnList[10].checkarr[3].label; //超时未处理
+    } else if (item.workOrderStatus == 70) {
+      item.workOrderStatusNameS = columnList[10].checkarr[6].label; //仲裁中
+    } else if (item.workOrderStatus == 80) {
+      item.workOrderStatusNameS = columnList[10].checkarr[7].label; //完结
+    } else if (item.workOrderStatus == 90) {
+      item.workOrderStatusNameS = columnList[10].checkarr[8].label; //理赔金未出
+    } else if (item.workOrderStatus == 21) {
+      item.workOrderStatusNameS = columnList[10].checkarr[9].label; //处理结果已提交
+    } else if (item.workOrderStatus == 100) {
+      item.workOrderStatusNameS = columnList[10].checkarr[10].label; //处理结果已提交
+    } else if (item.workOrderStatus == 110) {
+      item.workOrderStatusNameS = columnList[10].checkarr[11].label; //处理结果已提交
     }
+    // } else if (item.workOrderStatus == 100) {
+    //   item.workOrderStatusNameS = columnList[10].checkarr[10].label; //申诉中
+    // } else if (item.workOrderStatus == 110) {
+    //   item.workOrderStatusNameS = columnList[10].checkarr[11].label; //已结束
+    // }
+  });
+};
+// 页面初始化数据
+const IndexTable = (val, Refresh) => {
+  console.log(page.value,'page.value');
+  console.log('初始化接口');
+  
+  console.log(
+    !TabList.value.find(res => res.name == TabPermissions.value).request,
+    Refresh,
+    '页面初始化Refresh'
+  );
+  let State = TabList.value.find(res => res.name == TabPermissions.value).request;
+  if (!State && !Refresh) {
+    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+    return;
   }
-);
 
-const appealrules = reactive({
-  Reasonforappeal: [{ required: true, message: '请选择责任方', trigger: 'blur' }],
-  Appealselection: [{ required: true, message: '请填写申诉原因', trigger: 'blur' }],
-});
-// 图片上传接口
-const doubledCount = computed(() => {
-  return '/api/blade-resource/oss/endpoint/put-file';
-});
-// 图片上传必须携带TOKEN
-const headers = computed(() => {
-  return { 'Blade-Auth': 'Bearer ' + getToken() };
-});
-/** 展开列表控件 */
-const showdrawer = _flag => {
-  details.drawerShow = _flag;
+  ClaimStatus.value = false;
+  AppealStatus.value = false; //关闭申诉状态
+  TimeoutStatus.value = false; //关闭超时
+  // ProcessingPartyState.value = false; //关闭处理方
+  details.loadingObj.list = true; //开启动画加载
+  pageLoad.value = true;
+  columnList[2].checkarr = []; //重置下拉搜索框
+  columnList[3].checkarr = [];
+  columnList[10].checkarr = [];
+  updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
+  updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
+  updateDictionary(columnList[10].checkarr, 'work_order_status'); //工单状态
+  getDictionaryBiz('after_sales_visits').then(res => {
+    console.log(res, '角色字典');
+
+    // 获取用户角色信息，并拆分为数组
+    const roleNames = JSON.parse(localStorage.getItem('TWMS-userInfo')).content.role_name.split(
+      ','
+    );
+    // 根据角色名称查找匹配项目
+    const matchingItem = res.data.data.find(item => roleNames.includes(item.dictValue));
+
+    console.log(matchingItem, 'matchingItem');
+
+    if (matchingItem) {
+      UserPermissions.value = matchingItem.dictValue;
+
+      if (UserPermissions.value == '仓库客服') {
+        TabList.value.find(res => res.name == '8').state = true;
+      } else {
+        TabList.value.find(res => res.name == '8').state = false;
+      }
+
+      if (UserPermissions.value == '总部客服经理') {
+        TabList.value.find(res => res.name == '9').state = true;
+      } else {
+        TabList.value.find(res => res.name == '9').state = false;
+      }
+    }else{
+      TabList.value.find(res => res.name == '9').state = false;
+    }
+    console.log(UserPermissions.value, '当前角色权限');
+    let data = {
+      ...val, //接收搜索参数值
+      current: page.value.currentPage, //页码
+      size: page.value.pageSize, //条数
+    };
+    if (TabPermissions.value == 0) {
+      if (UserPermissions.value != '仓库客服') {
+        data.workOrderStatus = null;
+        details.query.workOrderStatus = null;
+      } else {
+        data.workOrderStatus = '1000';
+        details.query.workOrderStatus = '1000';
+      }
+    }
+    console.log(data, '处理的参数');
+    $_getList(data).then(res => {
+      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; //总页数
+        if (res.data.data.records.length) {
+          Statusprocessing(res.data.data.records);
+          console.log(res.data.data.records, 'res.data.data.records有值');
+          TabList.value.find(res => res.name == TabPermissions.value).DataList =
+            res.data.data.records;
+          TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
+          TabList.value.find(res => res.name == TabPermissions.value).currentPage = res.data.data.current;
+          TabList.value.find(res => res.name == TabPermissions.value).request = false;
+          console.log(TabList.value, '当前存储的值');
+          details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+          page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+          console.log(TabList.value, 'TabList.value===>');
+        } else {
+          TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
+          TabList.value.find(res => res.name == TabPermissions.value).total =  res.data.data.total;
+          TabList.value.find(res => res.name == TabPermissions.value).currentPage = res.data.data.current;
+          TabList.value.find(res => res.name == TabPermissions.value).request = true;
+          // details.data = res.data.data.records;
+          details.data = res.data.data.records;
+        }
+      }
+      loading.value = false; //关闭加载效果
+    });
+  });
 };
-/** 表格表头输入框搜索 */
-const inputsc = (index, row) => {
-  console.log(details.query, 'details.query');
-  let _Obj = MatchCurrentMenu(); //匹配出当前菜单
-  _Obj.request = true; //更新请求状态
-  _Obj.query = details.query;
-  processRowPropertyName(index, row, _Obj.query);
-  PublicDataRequest(TabPermissions.value); //获取页面数据
+
+// 表格切换
+const Tableheaderswitching = val => {
+  publicColumnList.value = val; //默认加载表格
+  details.columnList = val; //列表配置项
 };
+const state = ref(0);
 
-/** 表格表头时间选择 */
-const timesc = (index, row) => {
-  console.log(index, row);
-  if (!!index) {
-    index = dayjs(index).format('YYYY-MM-DD');
-  }
-  details.query[row.prop] = index;
-  if (!index) {
-    delete details.query[row.prop];
+// 页面初始化
+const OnLoad = () => {
+  // state.value = localStorage.getItem('state');
+  // console.log(state.value,'当前页面状态');
+  // if(state.value==1){
+  //   return
+  // }
+  // state.value=1
+  // localStorage.setItem('state', state.value);
+  // 表格切换
+  userInfo.value = JSON.parse(localStorage.getItem('TWMS-userInfo')); //获取本地登录人参数
+  if (localStorage.getItem('my_data')) {
+    Mydata.value = JSON.parse(localStorage.getItem('my_data')); //获取本地仓库信息
+    currentUser.value = Mydata.value.id;
+    console.log(TabList.value, 'TabList');
   }
-};
-/** 表格表头下拉框选择 */
-const selectsc = async (index, row) => {
-  console.log(index, row);
-  let _Obj = MatchCurrentMenu(); //匹配出当前菜单
-  _Obj.request = true; //更新请求状态
-  _Obj.query = details.query;
-  processRowPropertyName(index, row, _Obj.query);
-  PublicDataRequest(TabPermissions.value); //获取页面数据
-};
-/** 表格表头复选框选择 */
-const selectionChange = list => {
-  console.log(list);
-  details.selectionList = list;
-};
-// 网页顶部搜索按钮
-const searchChange = () => {
-  updateMenuAndData(); //获取最新数据
-};
 
-// 刷新按钮
-const searchChangeS = () => {
-  updateMenuAndData(); //获取最新数据
-};
-// 重置表格搜索
-const ResetTableSearch = async () => {
-  let _Obj = MatchCurrentMenu();
-  console.log(TabPermissions.value, '123123123');
-  _Obj.request = true;
-  console.log(_Obj, 'Obj');
-  await handleClearTableQuery(details.columnListPublic);
-  _Obj.query = {};
-  PublicDataRequest(TabPermissions.value, true);
-};
-//清空
-const searchReset = () => {
-  TopQuery.value={}
-  TabList.value.forEach(item => {
-    item.query = {};
-  });
-  const TabcolumnList = [
-    columnList,
-    columnList1,
-    columnList2,
-    columnList3,
-    columnList4,
-    columnList5,
-    columnList6,
-    columnList7,
-    columnList8,
-    columnList9,
-    columnList10,
-  ];
-
-  TabcolumnList.forEach(item => {
-    handleClearTableQuery(item);
+  // 在组件挂载后获取屏幕高度
+  screenHeight.value = window.innerHeight;
+  // 计算80%的高度
+  eightyPercentHeight.value = screenHeight.value * 0.8;
+  BatchcompletionHeight.value = screenHeight.value * 0.6;
+  loading.value = true; //开启加载效果
+  let data = {};
+  data.current = page.value.currentPage; //页码
+  data.size = page.value.pageSize; //条数
+  console.log(data, '要提交的数据');
+  updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
+  updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
+  IndexTable(details.query);
+  getDeptWarehouse({}).then(res => {
+    res.data.data.forEach(item => {
+      warehouseData.value.push({
+        value: item.id,
+        label: item.name,
+      });
+    });
   });
-  details.search = false; // 关闭搜索
-  updateMenuAndData(); //获取最新数据
-  autoscaling();
-};
-// 顶部搜索
-const searchHide = () => {
-  console.log(details);
-  details.search = !details.search;
-  autoscaling();
 };
+
+OnLoad();
+// 页面筛选监听路由地址变化
+watch(
+  () => $route.path,
+  (newPath, oldPath) => {
+    if ($useStore.state.isRefresh.refreshObj.aftersalesWorkOrder) {
+      TabPermissions.value = $useStore.state.Customer.Customerobj;
+      console.log(TabPermissions.value, '当前TabPermissions.value');
+      console.log(tabValue.value, '当前 tabValue.value');
+      tabValue.value = $useStore.state.Customer.Customerobj; //菜单编号
+      if ([0, 1, 2, 3, 4, 5, 6, 7, 8, 9].includes(TabPermissions.value)) {
+        //0.全部菜单
+        //4. 理赔金未出
+        tabChenge(TabPermissions.value, null, true);
+        $useStore.commit('Customer_Menu', 0); //设置回初始值
+      }
+      // 重新请求数据
+      $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: false });
+    }
+  }
+);
+// onActivated(() => {
+//   console.log('进入缓存');
+//   if ($useStore.state.isRefresh.refreshObj.aftersalesWorkOrder) {
+//     // 重新请求数据
+//     OnLoad();
+//     $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: false });
+//   }
+// });
 // 字典公共函数
-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({
@@ -1123,1387 +1960,3125 @@ async function updateDictionary(targetArray, dictionaryType) {
     });
   });
 }
-//表格自适应高度
-const autoscaling = () => {
-  const _node = document.querySelector('.tableNode');
-  setNodeHeight(_node, '', true);
+// 字典请求函数
+const AddInfo = () => {
+  $router.push('/aftersales/aftersalesWorkOrderAdd');
 };
-/**
- * 该函数将 columnList - columnList10  等十一个表头对象的
- * checkarr 属性赋值为对应的字典数组
- * @param {Array} columnLists - 一个包含 columnList - columnList10 等十一个对象的数组
- * @param {Object} propToDictionaryMap - 一个对象，键为 columnList 对象的 prop 属性，值为对应的字典数组
- */
-const SelectionInitialization = () => {
-  const columnLists = [
-    columnList,
-    columnList1,
-    columnList2,
-    columnList3,
-    columnList4,
-    columnList5,
-    columnList6,
-    columnList7,
-    columnList8,
-    columnList9,
-    columnList10,
-  ];
-
-  // 定义一个映射对象，用于替代 if-else 判断
-  const propToDictionaryMap = {
-    workOrderTypeNameS: dictionaries.pc_work_order.value,
-    discoveryNodeNameS: dictionaries.pc_discovery_node.value,
-    workOrderStatusNameS: dictionaries.work_order_status.value,
-  };
+// 上传图片规则
+const beforeAvatarUpload = async 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;
+  }
+  const res = await compressImageBlob(rawFile);
+  return res;
+};
+// 首页新增表单确定
+const ConfirmForm = () => {
+  console.log(warehouseData.value, '准备好的数据');
+  console.log(Indexform.value.duty, '要筛选的数据');
+  let filteredB = warehouseData.value.filter(item => Indexform.value.duty.includes(item.id));
+  console.log(filteredB);
+  // 匹配司机名字
 
-  const functionIF = item => {
-    // 缓存过滤结果
-    const filteredData = item.filter(item => item.type === 3);
+  Indexform.value.deliveryDriver = DeliveryDriver.value.find(
+    item => item.value == Indexform.value.deliveryDriver
+  ).label;
+  console.log(Indexform.value.deliveryDriver); // 输出李华
+  FromDisabled.value = false; //启用输入框
+  let processorEntityList = [];
 
-    filteredData.forEach(item => {
-      const checkarr = propToDictionaryMap[item.prop];
-      if (checkarr) {
-        item.checkarr = checkarr;
-      }
+  //处理方
+  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,
     });
-  };
+  });
 
-  columnLists.forEach(functionIF);
+  //责任方
+  Indexform.value.duty.forEach(item => {
+    let found = warehouseData.value.find(element => element.value == item.toString());
+    processorEntityList.push({
+      businessName: found ? found.label : '',
+      businessId: item,
+      conditions: 1,
+      typesOf: 1,
+    });
+  });
+  // processorEntityList.push(ResponsibleParty);
+  console.log(processorEntityList, 'processorEntityList');
+  let DataSubmit = { ...Indexform.value }; //定义初始化
+  DataSubmit.processorEntityList = processorEntityList;
+  delete DataSubmit.duty, //移除多余字段
+    delete DataSubmit.processor; //移除多余字段
+  console.log(DataSubmit, '处理好的表单信息');
+  console.log(warehouseData.value, 'warehouseData.value');
+  Indexdialog.value = false; //关闭表单弹窗
+  $_submit(DataSubmit).then(res => {
+    if (res.data.code == 200) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+      Indexform.value = {}; //重置表单
+      IndexTable(details.query);
+    }
+  });
+};
+// 顶部搜索
+const searchHide = () => {
+  console.log(details);
+  details.search = !details.search;
+  const _node = document.querySelectorAll('.tableNode');
+  setNodeHeight(_node, '', true);
 };
 
-/**
- * 描述: 初始化字典，包含角色信息、异常类型、发现环节、工单状态，。
- */
-const Dictionaryrequest = async () => {
-  // Map 生成一个包含所有 Promise 的数组
-  const dictionaryPromises = Object.entries(dictionaries).map(([key, refValue]) => {
-    return updateDictionary(refValue.value, key);
-  });
-  //等待字典请求完成执行页面其余参数防止出现判断错误
-  await Promise.all(dictionaryPromises);
-};
-
-/**
- * 描述: 获取用户角色信息并更新界面元素状态。
- * 该函数用于检查用户的角色，并根据角色执行相应的验证和UI更新逻辑。
- */
-const Roleverification = () => {
-  const userInfo = localStorage.getItem('TWMS-userInfo');
-  if (!userInfo) {
-    console.error('用户信息未找到');
+// 异常工单号点击查看
+const InformationViewing = val => {
+  console.log(val, '当前行数据');
+  const workOrderInfoPath = '/aftersales/aftersalesWorkOrderInfo';
+  const queryParams = {
+    id: val.row.workOrderId,
+    name: `${val.row.workOrderNumber}-信息查看`,
+    warehouseId: val.row.warehouseId,
+    workOrderNumber: val.row.workOrderNumber,
+    businessId: val.row.businessId,
+    RouteIndexs: TabPermissions.value,
+    workOrderStatus: val.row.workOrderStatus,
+  };
+
+  if (AppealStatusT.value) {
+    Object.assign(queryParams, {
+      appealID: val.row.id,
+      name: `${val.row.workOrderNumber}-申诉信息查看`,
+      typesOf: val.row.typesOf,
+      ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '',
+      Routstate: 'appeal',
+    });
+    $router.push({ path: workOrderInfoPath, query: queryParams });
+    console.log('申诉跳转');
     return;
   }
-  let roleNames = [];
-  try {
-    roleNames = JSON.parse(userInfo).content.role_name.split(',');
-  } catch (error) {
-    console.error('解析用户角色信息出错:', error);
+
+  if (TabPermissions.value === 4) {
+    Resultediting(val);
+    console.log('菜单4跳转');
     return;
   }
-  UserInfo.value = JSON.parse(userInfo); //存储一份登陆人信息
-  // 匹配用户角色
-  const matchingItem = dictionaries.after_sales_visits.value.find(item =>
-    roleNames.includes(item.label)
-  );
-  // 更新用户权限
-  if (matchingItem) {
-    console.log(matchingItem, '匹配出来的角色');
 
-    UserPermissions.value = matchingItem.label;
+  if (TabPermissions.value === 7) {
+    $router.push({ path: workOrderInfoPath, query: queryParams });
+    console.log('菜单7跳转');
+    return;
   }
-  // 更新TabList的状态
-  const updateTabState = (tabName, condition) => {
-    const tab = TabList.value.find(res => res.name == tabName);
-    if (tab) {
-      tab.state = condition;
-    }
+  console.log('默认跳转');
+  $router.push({ path: workOrderInfoPath, query: { ...queryParams, id: val.row.id } });
+};
+
+// // 异常工单号点击查看
+// const InformationViewing = val => {
+//   console.log(val, '当前行数据');
+//       // 表示当前在申诉列表
+//   if (AppealStatusT.value) {
+//     $router.push({
+//       // AppealStatusT为真表示是申诉列表
+//       path: '/aftersales/aftersalesWorkOrderInfo',
+//       query: {
+//         id: val.row.workOrderId,
+//         appealID: val.row.id, //只有申诉才需要的参数
+//         name: val.row.workOrderNumber + '-申诉信息查看',
+//         typesOf: val.row.typesOf, //申诉列表状态0:待处理，1:成立,2:不成立
+//         warehouseId: val.row.warehouseId,
+//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//         businessId: val.row.businessId,
+//         ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理
+//         RouteIndexs: TabPermissions.value, //当前记录参数
+//         Routstate: 'appeal', //申诉列表
+//         workOrderStatus: val.row.workOrderStatus, //工单状态
+//       },
+//     });
+//     return;
+//   }
+//   // 理赔金额未出
+//   if (TabPermissions.value == 4) {
+//     //调用编辑理赔金额方法
+//     Resultediting(val);
+//     return
+//   }
+//   if (TabPermissions.value == 7) {
+//     console.log('当前在超时未处理未出');
+//     $router.push({
+//       path: '/aftersales/aftersalesWorkOrderInfo',
+//       query: {
+//         id: val.row.workOrderId,
+//         appealID: val.row.id, //只有才需要的参数
+//         name: val.row.workOrderNumber + '-信息查看',
+//         warehouseId: val.row.warehouseId,
+//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//         businessId: val.row.businessId,
+//         RouteIndexs: TabPermissions.value, //当前记录参数
+//         workOrderStatus: val.row.workOrderStatus, //订单状态
+//       },
+//     });
+//     return;
+//   }
+//   $router.push({
+//     path: '/aftersales/aftersalesWorkOrderInfo',
+//     query: {
+//       id: val.row.id,
+//       name: val.row.workOrderNumber + '-信息查看',
+//       warehouseId: val.row.warehouseId,
+//       workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//       businessId: val.row.businessId,
+//       RouteIndexs: TabPermissions.value, //当前记录参数
+//       workOrderStatus: val.row.workOrderStatus, //工单状态
+//     },
+//   });
+// };
+// 首页查看详情按钮
+
+const view = val => {
+  console.log(val.row, '查看');
+  const workOrderInfoPath = '/aftersales/aftersalesWorkOrderInfo';
+  const baseQueryParams = {
+    id: val.row.workOrderId,
+    name: `${val.row.workOrderNumber}-信息查看`,
+    warehouseId: val.row.warehouseId,
+    workOrderNumber: val.row.workOrderNumber,
+    businessId: val.row.businessId,
+    RouteIndexs: TabPermissions.value,
+    workOrderStatus: val.row.workOrderStatus,
   };
-  if (UserPermissions.value) {
-    updateTabState('8', UserPermissions.value == Useridentity.Warehouse_customer_service);
-    updateTabState('9', UserPermissions.value !== Useridentity.Warehouse_customer_service);
-  } else {
-    // 匹配不到角色时，默认为关闭状态(总部经理的审核菜单)
-    updateTabState('9', false);
+
+  if (AppealStatusT.value) {
+    console.log('当前是申诉');
+    const appealQueryParams = {
+      ...baseQueryParams,
+      typesOf: val.row.typesOf,
+      appealID: val.row.id,
+      name: `${val.row.workOrderNumber}-申诉信息查看`,
+      Routstate: 'appeal',
+    };
+    $router.push({ path: workOrderInfoPath, query: appealQueryParams });
+    return;
   }
-  console.log('内部执行完毕');
-  console.log(matchingItem, '匹配出来的角色');
-};
-onMounted(() => {
-  autoscaling();
-});
-/**
- * 获取所有仓库信息
- */
-const GetWarehouse = () => {
-  getDeptWarehouse({}).then(res => {
-    res.data.data.forEach(item => {
-      warehouseData.value.push({
-        value: item.id,
-        label: item.name,
-        disabled: item.name == localStorage.getItem('WarehouseName'),
-      });
-    });
-  });
-};
-/**
- * 获取客服人员
- *
- * @returns {Promise<void>}
- */
-const GetCustomerService = async () => {
-  try {
-    let _res = await $_getCustomerServicePersonnel();
-    const { code, data } = _res.data;
-    if (code != 200) {
-      return;
-    }
-    assignFrom.value.customerService = data;
-  } catch (e) {
-    console.log(e);
-  } finally {
-  }
-};
-
-/**
- *页面初始化函数，包含字典，等必要请求
- */
-const PageOnlaod = async () => {
-  PageLoading.value = true;
-  try {
-    await Dictionaryrequest(), // 初始化字典
-      // 并行执行异步请求
-      await Promise.all([
-        Roleverification(), // 获取角色信息
-        SelectionInitialization(), // 下拉框初始化赋值
-        GetWarehouse(), //获取仓库
-        GetCustomerService(), //获取总部客服列表
-      ]);
-
-    // 获取页面数据
-    await PublicDataRequest(TabPermissions.value);
-  } catch (error) {
-    console.log(error);
-  } finally {
-    PageLoading.value = false;
+  if (TabPermissions.value === 4) {
+    Resultediting(val);
+    console.log('菜单4跳转');
+    return;
   }
-};
-// 页面初始化
-PageOnlaod();
-
-// 切换菜单处理分页数据
-const PagingDataProcessing = () => {
-  let _Obj = MatchCurrentMenu();
-  console.log(_Obj, '匹配出来的公共菜单');
-  // 对当前菜单进行缓存还原
-  details.data = _Obj.DataList; //数据
-  details.page.total = _Obj.total; //总页数
-  details.page.currentPage = _Obj.currentPage; //当前页码
-  details.page.pageSize = _Obj.pageSize; //每页条数
-  // 判断是否需要请求数据
-  if (_Obj.request) {
-    console.log('当前需要加载页面');
-    return true;
-  }
-  console.log('当前已经加载过了');
-  return false;
-};
-
-/**
- *  @description: 点击tabBar时，记录当前点击的tab
- *  @param {number} value  当前点击的tab的value
- *  @return {void} 无返回值
- */
-const tabChenge = async (value, Reset) => {
-  PageLoading.value = true; // 开启loading
-  let _Obj = await MatchCurrentMenu(); //匹配出上一个菜单
-  _Obj.query = await deepClone(details.query); //把上一个菜单的搜索条件缓存起来
-  TabPermissions.value = value; //记录最新的菜单
-  PublicDataRequest(value, Reset); //请求数据
-};
-
-const PublicDataRequest = async (value, Reset) => {
-  try {
-    await MenuHeaderProcessing(value); // 处理头部菜单
-    await Processingworkorderstatus(value); // 处理工单请求状态
-    // 判断是否需要请求数据{_state}返回true表示需要false表示不需要
-    let _state = PagingDataProcessing();
-    if (!_state) {
-      PageLoading.value = false; // 关闭oading
-      return;
-    }
-    PageLoading.value = true; // 开启loading
-
-    // 定义一个异步函数映射表（数据处理函数）
-    const dataProcessingMap = {
-      0: Publicaccessdata,
-      1: Publicaccessdata,
-      2: Publicaccessdata,
-      3: Publicaccessdata,
-      4: ClaimAmountData,
-      5: Publicaccessdata,
-      6: Publicaccessdata,
-      7: OverdueUnprocessedData,
-      8: DataAwaitingReplyData,
-      9: Publicaccessdata,
-      10: AppealData,
-    };
+  // if (TabPermissions.value === 4) {
+  //   console.log('当前菜单4');
 
-    // 执行对应的函数
-    const processDataFn = dataProcessingMap[value] || Publicaccessdata;
-    await processDataFn(Reset); // 使用await确保完成
-  } catch (error) {
-    console.error('An error occurred:', error);
-  } finally {
-    PageLoading.value = false; // 确保关闭loading
-  }
-};
-
-/**
- *  @description: 菜单状态处理
- *  @param {number} value  当前点击的tab的value
- *  @return {void} 无返回值
- */
-const Processingworkorderstatus = value => {
-  console.log(UserPermissions.value, 'UserPermissions.value');
-  console.log(Useridentity.Warehouse_customer_service, 'Useridentity.Warehouse_customer_service');
-
-  switch (value) {
-    case 0: // 全部
-      workOrderStatus.value =
-        UserPermissions.value === Useridentity.Warehouse_customer_service ? 1000 : null;
-      break;
-    case 1: // 处理中
-      workOrderStatus.value = 20;
-      // UserPermissions.value === Useridentity.Warehouse_customer_service ? 20 : 40;
-      break;
-    case 2: // 处理完毕
-      workOrderStatus.value = 30;
-      break;
-    case 3: // 待处理
-      workOrderStatus.value = 10;
-      break;
-    case 5: // 客服介入
-      workOrderStatus.value = 70;
-      break;
-    case 6: // 完结
-      workOrderStatus.value = 80;
-      break;
-    case 9: // 待审核
-      workOrderStatus.value =
-        UserPermissions.value === Useridentity.Headquarters_Manager ? 500 : 40;
-      break;
-    default:
-      workOrderStatus.value = null;
-      break;
+  //   const claimQueryParams = {
+  //     ...baseQueryParams,
+  //     appealID: val.row.id,
+  //     id: val.row.lawoId, //理赔金未出需要的ID
+  //     ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '',
+  //     Routstate: '',
+  //     AppealReview: val.row.typesOf ? (val.row.typesOf === '0' ? 'true' : 'false') : 'true',
+  //   };
+  //   $router.push({ path: workOrderInfoPath, query: claimQueryParams });
+  //   return;
+  // }
+
+  if (TabPermissions.value === 7) {
+    console.log('当前在超时未处理未出');
+    const timeoutQueryParams = { ...baseQueryParams, appealID: val.row.id };
+    $router.push({ path: workOrderInfoPath, query: timeoutQueryParams });
+    return;
   }
-};
-// 更新分页信息
-const updatePageDetails = (pageSize, currentPage) => {
-  details.page.pageSize = pageSize;
-  details.page.currentPage = currentPage;
-};
-const MatchCurrentMenu = (ID = TabPermissions.value) => {
-  return TabList.value.find(res => res.name == ID);
-};
-// 每页多少条
-const sizeChange = value => {
-  let _Obj = MatchCurrentMenu(); //匹配出当前菜单
-  _Obj.request = true; //更新请求状态
-  _Obj.pageSize = value; //更新菜单每页条数
-  _Obj.currentPage = 1; //切换每页条数的时候重置页码
-  updatePageDetails(value, 1); //更新页码
-  PublicDataRequest(TabPermissions.value);
-};
 
-/** 页码改变执行的回调 */
-const currentChange = value => {
-  const _Obj = MatchCurrentMenu(); // 匹配出当前菜单
-  _Obj.request = true; //更新请求状态
-  _Obj.currentPage = value; //更新当前菜单页码
-  updatePageDetails(_Obj.pageSize, value); //更新分页信息
-  PublicDataRequest(TabPermissions.value); //请求数据
-};
-
-/**
- * @description: 公共菜单数据处理
- * @param {object} data 接收公共菜单数据
- */
-const PublicDataProcessing = data => {
-  const { records, total, size, current } = data;
-  const matchedTab = TabList.value.find(tab => tab.name === TabPermissions.value);
-  // 更新 details 数据
-  details.data = records;
-  details.page = {
-    total,
-    pageSize: size,
-    currentPage: current,
+  console.log(AppealStatusT.value, 'AppealStatusT.value');
+  const defaultQueryParams = {
+    ...baseQueryParams,
+    id: AppealStatusT.value ? val.row.workOrderId : val.row.id,
+    appealID: val.row.id,
+    ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '',
+    Routstate: '',
+    AppealReview: val.row.typesOf ? (val.row.typesOf === '0' ? 'true' : 'false') : 'true',
   };
+  console.log('默认跳转');
 
-  // 更新匹配的 TabList 项
-  if (matchedTab) {
-    details.query = matchedTab.query; //重新把缓存的条件赋值给搜索
-    console.log(matchedTab.query, '重新把缓存的条件赋值给搜索');
-
-    Object.assign(matchedTab, {
-      DataList: records,
-      total,
-      pageSize: size,
-      currentPage: current,
-      request: !(records?.length > 0), //如果有值状态改为false下次默认不请求，否则true下次继续请求
-    });
-    console.log(matchedTab, '匹配出来的公共菜单');
-  }
-
-  console.log(TabList.value, 'TabList');
-};
-/**
- *  @description: 菜单表头处理
- *  @param {number} value  当前点击的tab的value
- *  @return {void} 无返回值
- */
-const MenuHeaderProcessing = value => {
-  const columnLists = {
-    columnList, // 0: 全部
-    columnList1, // 1: 处理中
-    columnList2, // 2: 处理完毕
-    columnList3, // 3: 待处理
-    columnList4, // 4: 理赔金额未出
-    columnList5, // 5: 客服介入
-    columnList6, // 6: 完结
-    columnList7, // 7: 超时未处理
-    columnList8, // 8: 待回复
-    columnList9, // 9: 待审核
-    columnList10, // 10: 申诉列表
-  };
+  $router.push({ path: workOrderInfoPath, query: defaultQueryParams });
+};
+
+// const view = val => {
+//   console.log(val.row, '申诉查看');
+//   if (AppealStatusT.value) {
+//     console.log('当前是申诉');
+//     // 表示当前在申诉列表
+//     $router.push({
+//       // AppealStatusT为真表示是申诉列表
+//       path: '/aftersales/aftersalesWorkOrderInfo',
+//       query: {
+//         id: val.row.workOrderId,
+//         typesOf: val.row.typesOf, //申诉列表状态0:待处理，1:成立,2:不成立
+//         appealID: val.row.id, //只有申诉才需要的参数
+//         name: val.row.workOrderNumber + '-信息查看',
+//         warehouseId: val.row.warehouseId,
+//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//         businessId: val.row.businessId,
+//         RouteIndexs: TabPermissions.value, //当前菜单
+//         Routstate: 'appeal', //申诉列表
+//         workOrderStatus: val.row.workOrderStatus, //当前工单状态
+//       },
+//     });
+//     return
+//   }
+
+//   // 理赔查看
+//   if (TabPermissions.value == 4) {
+//     $router.push({
+//       // AppealStatusT为真表示是申诉列表
+//       path: '/aftersales/aftersalesWorkOrderInfo',
+//       query: {
+//         id: val.row.lawoId,
+//         appealID: val.row.id, //只有申诉才需要的参数
+//         name: val.row.workOrderNumber + '-信息查看',
+//         warehouseId: val.row.warehouseId,
+//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//         businessId: val.row.businessId,
+//         ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理
+//         RouteIndexs: TabPermissions.value, //当前记录参数
+//         Routstate: '', //申诉列表
+//         AppealReview: val.row.typesOf ? (val.row.typesOf == '0' ? 'true' : 'false') : 'true', //当前只能查看申诉详情信息
+//         workOrderStatus: val.row.workOrderStatus, //订单状态
+//       },
+//     });
+//     return;
+//   }
+//   if (TabPermissions.value == 7) {
+//     console.log('当前在超时未处理未出');
+//     $router.push({
+//       path: '/aftersales/aftersalesWorkOrderInfo',
+//       query: {
+//         id: val.row.workOrderId,
+//         appealID: val.row.id, //只有才需要的参数
+//         name: val.row.workOrderNumber + '-信息查看',
+//         warehouseId: val.row.warehouseId,
+//         workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//         businessId: val.row.businessId,
+//         RouteIndexs: TabPermissions.value, //当前记录参数
+//         workOrderStatus: val.row.workOrderStatus, //订单状态
+//       },
+//     });
+//     return;
+//   }
+
+//   console.log(AppealStatusT.value,'AppealStatusT.value');
+//   $router.push({
+//     // AppealStatusT为真表示是申诉列表
+//     path: '/aftersales/aftersalesWorkOrderInfo',
+//     query: {
+//       id: AppealStatusT.value ? val.row.workOrderId : val.row.id,
+//       appealID: val.row.id, //只有申诉才需要的参数
+//       name: val.row.workOrderNumber + '-信息查看',
+//       warehouseId: val.row.warehouseId,
+//       workOrderNumber: val.row.workOrderNumber, //添加异常记录包条码
+//       businessId: val.row.businessId,
+//       ProcessType: TabPermissions.value == 2 ? '2' : TabPermissions.value == 3 ? '1' : '', //类型 1 待处理 2 已处理
+//       RouteIndexs: TabPermissions.value, //当前记录参数
+//       Routstate: '', //申诉列表
+//       AppealReview: val.row.typesOf ? (val.row.typesOf == '0' ? 'true' : 'false') : 'true', //当前只能查看申诉详情信息
+//       workOrderStatus: val.row.workOrderStatus, //订单状态
+//     },
+//   });
+// };
 
-  const keys = Object.keys(columnLists);
-  const selectedKey = value >= 0 && value < keys.length ? keys[value] : 'columnList';
+// 申诉列表编辑
+const Appealeditor = val => {
+  // 编辑信息
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrdermodify',
+    query: {
+      id: val.row.id,
+      name: val.row.workOrderNumber + '-申诉编辑',
+      businessId: $route.query.businessId,
+      warehouseId: val.row.warehouseId,
+      workOrderNumber: val.row.workOrderNumber,
+      RouterState: 'Kfend',
+      Appealeditor: 'appeal', //申诉编辑
+    },
+  });
+};
 
-  // 使用深拷贝赋值
-  details.columnListPublic = columnLists[selectedKey];
+// 首页删除
+const ViewDelete = val => {
+  ElMessageBox.confirm(`是否删除该条数据?`)
 
-  // 将变量名字符串赋值给 columnListName.value
-  columnListName.value = selectedKey;
+    .then(() => {
+      $_remove({
+        ids: val.row.id,
+      }).then(res => {
+        console.log(res, '删除成功后的返回值');
+        if (res.data.code == 200) {
+          ElMessage({
+            message: res.data.msg,
+            type: 'success',
+          });
 
-  console.log(details.columnListPublic, 'details.columnListPublic');
-  console.log(columnListName.value, 'columnListName.value');
+          OnLoad(); //添加成功初始化程序
+        }
+      });
+    })
+    .catch(() => {
+      // catch error
+    });
 };
-// 状态处理
-const DataStateProcessing = data => {
-  console.log(data, '状态处理');
-  console.log(dictionaries, 'dictionaries.pc_work_order.value');
+// 首页批量删除
+const BatchDelete = () => {
+  console.log(details.selectionList, '选中的参数');
+  let ids = [];
+  details.selectionList.forEach(item => {
+    ids.push(item.id);
+  });
+  ids = ids.join(',');
 
-  // 函数用于查找标签
-  const findLabelByValue = (collection, value) => {
-    const entry = collection.find(res => res.value === value);
-    return entry ? entry.label : '/';
+  ElMessageBox.confirm(`是否批量删除选中数据?`)
+    .then(() => {
+      $_remove({
+        ids,
+      }).then(res => {
+        console.log(res, '删除成功后的返回值');
+        if (res.data.code == 200) {
+          ElMessage({
+            message: res.data.msg,
+            type: 'success',
+          });
+
+          OnLoad(); //添加成功初始化程序
+        }
+      });
+    })
+    .catch(() => {
+      // catch error
+    });
+};
+// 完结按钮
+const CompletionButton = val => {
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderend',
+    query: {
+      id: val.row.id,
+      name: val.row.id + '-完结填写',
+      RouterState: 'end',
+    },
+  });
+};
+// 新增记录
+const addingRecord = val => {
+  console.log(val);
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderend',
+    query: {
+      id: val.row.id,
+      name: val.row.workOrderNumber + '-添加异常记录',
+      RouterState: 'record',
+      businessId: val.row.businessId,
+    },
+  });
+};
+
+// 点击了申诉附件图片
+const AppealAttachmentpictureList = val => {
+  console.log(val, '点击申诉附件图片');
+};
+// 申诉附件移除
+const AppealAttachmentImgListRemove = val => {
+  console.log(val, '申诉附件移除');
+};
+// 申诉附件图片上传成功回调
+const AppealAttachmentImgSuccess = val => {
+  console.log(val, '申诉图片上传成功');
+};
+
+// 取消申诉
+const CancelappealFn = val => {
+  ElMessageBox.confirm('是否取消申诉?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      let data = {
+        id: val.row.id, //取消申诉ID
+        typesOf: '3', //申诉状态
+        workOrderId: val.row.workOrderId, //异常工单ID
+      };
+
+      $_Cancelappeal(data).then(res => {
+        console.log(res, '取消申诉返回值');
+        if (res.data.code == 200) {
+          appealFn(details.query);
+          ElMessage({
+            message: '取消申诉成功',
+            type: 'success',
+          });
+        }
+      });
+    })
+    .catch(() => {});
+};
+
+//  工单申诉按钮
+const appeal = (val, state) => {
+  console.log(state, 'state');
+  AppealAttachment.value = []; //清空图片
+  Appealselection.value = []; //清空责任人
+  Reasonforappeal.value = ''; //清空申诉内容
+  console.log(state);
+  console.log(val, '申诉当前点击的按钮');
+  if (state == 'edit') {
+    // 当前是编辑申诉
+    details.selectionList.push(val.row);
+    AppealeditorState.value = true; //开启申诉编辑状态
+    if (val.row) {
+      selectList.value.push(val.row);
+    }
+    let data = {
+      id: val.row.id,
+    };
+    $_AppealDetails(data).then(res => {
+      console.log(res, '申诉编辑回显');
+      Reasonforappeal.value = res.data.data.reason; //申诉原因
+      setTimeout(() => {
+        console.log(res.data.data.peopleEntityList.map(item => item.actualPersonId));
+        console.log(warehouseData.value, '仓库数据');
+        if (res.data.data.peopleEntityList) {
+          Appealselection.value = res.data.data.peopleEntityList.map(item => item.actualPersonId);
+        }
+        if (res.data.data.imagePath) {
+          AppealAttachment.value.push({
+            url: res.data.data.imagePath,
+          });
+        }
+        dialogappeal.value = true; //展开申诉编辑
+      }, 0);
+    });
+    return;
+  }
+
+  if (!state) {
+    console.log('当前是申诉');
+    // 单条申诉
+    AppealeditorState.value = false; //开启申诉编辑状态
+    if (val.row) {
+      details.selectionList.push(val.row);
+    }
+    dialogappeal.value = true; //展开申诉弹窗
+  }
+};
+
+// 批量申诉
+
+const appealAll = () => {
+  // 批量申诉
+  console.log(details.selectionList, 'details.selectionList');
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请选择要申诉的数据',
+      type: 'warning',
+    });
+    return;
+  }
+  if (details.selectionList.length > 1) {
+    ElMessage({
+      message: '只能单条申诉',
+      type: 'warning',
+    });
+    return;
+  }
+  dialogappeal.value = true; //展开申诉弹窗
+};
+// 确定理赔金额
+const DetermineClaims = val => {
+  ElMessageBox.confirm('是否确认理赔金额?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      console.log(val.row);
+      let data = {
+        id: val.row.lawoId,
+        workOrderStatus: 30,
+      };
+      details.loadingObj.list = true; //开启动画加载
+      pageLoad.value = true;
+      console.log(data, '处理好的值');
+      $_settlementUpdate(data)
+        .then(res => {
+          console.log(res);
+          if (res.data.code == 200) {
+            tabChenge(TabPermissions.value, {}, true);
+          }
+        })
+        .catch(res => {
+          details.loadingObj.list = false; //关闭动画加载
+
+        }).finally(()=>{
+          pageLoad.value = false;
+        });
+    })
+    .catch(() => {});
+};
+// 理赔金额未出编辑操作
+const Resultediting = val => {
+  console.log(val.row, '参数');
+  // return
+  console.log(val.row, '理赔金额未出');
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderend',
+    query: {
+      id: val.row.lawoId,
+      subId: val.row.laprId,
+      name: val.row.workOrderNumber + '-处理结果编辑',
+      businessId: val.row.businessId,
+      warehouseId: val.row.warehouseId,
+      workOrderNumber: val.row.workOrderNumber,
+      workOrderStatus: val.row.workOrderStatus, //订单状态
+      RouteIndexs: TabPermissions.value, //当前记录参数
+    },
+  });
+};
+const ProcessedResultediting = val => {
+  console.log(val, '参数');
+  // return
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrdermodify',
+    query: {
+      id: val.row.id,
+      subId: val.row.id,
+      name: val.row.workOrderNumber + '-处理结果编辑',
+      businessId: val.row.businessId,
+      warehouseId: val.row.warehouseId,
+      workOrderNumber: val.row.workOrderNumber,
+      RouterState: 'Kfend',
+      Processingresults: true, //处理结果编辑
+      Resultediting: true, //编辑理赔金额
+      workOrderStatus: val.row.workOrderStatus, //订单状态
+      RouteIndexs: TabPermissions.value, //当前记录参数
+    },
+  });
+};
+// 回复按钮
+const MessageReply = val => {
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrderend',
+    query: {
+      id: val.row.id,
+      name: val.row.workOrderNumber + '-消息回复',
+      businessId: val.row.businessId,
+      RouterState: 'determine',
+      workOrderStatus: val.row.workOrderStatus, //订单状态
+      RouteIndexs: TabPermissions.value, //当前记录参数
+    },
+  });
+};
+
+// 完结菜单的编辑
+const CompletedEditing = val => {
+  console.log(val);
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrdermodify',
+    query: {
+      id: val.row.workOrderId,
+      name: val.row.workOrderNumber + '-完结编辑',
+      businessId: val.row.businessId,
+      warehouseId: val.row.warehouseId,
+      workOrderNumber: val.row.workOrderNumber,
+      RouterState: 'Kfend',
+      CompletedEditing: 'true', //完结信息编辑
+      Appealeditor: 'appeal', //只是编辑完结
+      Processed: 'true',
+      index: '1',
+    },
+  });
+};
+// 工单申诉确认按钮
+const Appealbutton = state => {
+  ElMessageBox.confirm('是否确认发起工单申诉?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      if (UserPermissions.value == '仓库客服') {
+        if (AppealAttachment.value.length > 1) {
+          ElMessage({
+            message: '只能上传一张图片',
+            type: 'warning',
+          });
+          return;
+        }
+        // appealData.value单条申诉点击变量暂未启用
+        console.log(details.selectionList, '当前申诉的东西');
+        loadingappeal.value = true; //开启加载效果
+        console.log(Appealselection.value, '当前选择的责任人');
+        console.log(warehouseData.value, '要循环处理的参数');
+        let data = {
+          peopleEntityList: [], //参数一
+          imagePath: '', //申诉图片附件
+          workOrderId: selectList.value[0], //工单ID
+        };
+        if (AppealeditorState.value) {
+          data.workOrderId = details.selectionList[0].workOrderId;
+        } else {
+          data.workOrderId = details.selectionList[0].id;
+        }
+        data.reason = Reasonforappeal.value;
+        data.appealPeopleName = warehouseData.value
+          .filter(item => Appealselection.value.includes(item.value))
+          .map(item => item.label)
+          .join(','); //实际责任人名称
+        //如果为编辑状态追加ID字段
+        console.log(AppealeditorState.value, '申诉状态');
+        if (AppealeditorState.value) {
+          data.id = details.selectionList[0].id;
+        }
+        console.log(details.selectionList, '准备处理的数据');
+        //处理数据
+        Appealselection.value.forEach(item => {
+          console.log(item, '循环的值');
+          data['peopleEntityList'].push({
+            workOrderId: details.selectionList[0].id, //异常工单ID
+            reason: Reasonforappeal.value, //申诉理由
+            claimant: userInfo.value.content.user_name, //申诉人
+            actualPersonId: warehouseData.value.find(res => res.value == item).value, //实际责任人ID
+            actualPersonName: warehouseData.value.find(res => res.value == item).label, //实际责任人名称
+          });
+        });
+        if (AppealAttachment.value.length) {
+          console.log(AppealAttachment.value, '图片');
+          if (AppealAttachment.value[0].response) {
+            data.imagePath = AppealAttachment.value[0].response.data.link; //申诉图片
+          } else {
+            data.imagePath = AppealAttachment.value[0].url; //申诉图片
+          }
+        }
+        console.log(data, '处理好的值');
+
+        $_appealSubmit(data)
+          .then(res => {
+            if (res.data.code == 200) {
+              ElMessage({
+                message: res.data.msg,
+                type: 'success',
+              });
+              DataRendering(TabPermissions.value, details.query, true);
+            }
+          })
+          .finally(res => {
+            dialogappeal.value = false; //关闭申诉弹窗
+            loadingappeal.value = false; //关闭加载效果
+            console.log(res, '功返回值');
+            ProcessingPartyState.value = false; //关闭处理方
+            ArbitrationStatus.value = false; //不可以申请完结
+            AppealeditorState.value = false; //关闭编辑状态
+            appealData.value = {}; //清空当前行申诉数据
+            if (AppealStatusT.value) {
+              Tableheaderswitching(AppealList); //切换表头
+              appealFn(); // 获取申诉列表
+            } else {
+              data.workOrderStatus = 80;
+              details.query.workOrderStatus = 80;
+              tabValue.value = 6;
+              IndexTable({ workOrderStatus: 80 });
+            }
+            ElMessage({
+              message: res.data.msg,
+              type: 'success',
+            });
+          });
+      }
+    })
+    .catch(() => {});
+};
+
+/** 表格表头输入框搜索 */
+const inputsc = async (index, row) => {
+  TabList.value.find(res => res.name == TabPermissions.value).request = true;
+  console.log('调用了表格输入参数');
+  processRowProperty(index, row, details);
+  details.query[row.prop] = index;
+  // tabChenge( TabPermissions.value,details.query)
+  await DataRendering(TabPermissions.value, details.query, true);
+  TabList.value.find(res => res.name == TabPermissions.value).request = false;
+  return;
+
+  // =======
+
+  // if (TimeoutStatus.value) {
+  //   // 超时列表
+  //   TimeoutHandling(details.query);
+  //   return;
+  // }
+
+  // if (AppealStatus.value) {
+  //   // 申诉列表
+  //   appealFn(details.query);
+  //   return;
+  // }
+
+  // if (ClaimStatus.value) {
+  //   // 这是理赔搜索
+  //   settlementclaim(details.query);
+  //   return;
+  // }
+
+  // if (!ProcessingPartyState.value) {
+  //   IndexTable(details.query); //首页初始化信息
+  //   console.log('首页');
+  // } else {
+  //   ProcessingPartyFun(details.query); //处理方信息
+  //   console.log('处理方');
+  // }
+};
+// 网页顶部搜索按钮
+const searchChange = () => {
+  DataRendering(TabPermissions.value, details.query, true);
+  return;
+};
+
+const emptyvalues = data => {
+  details.columnList.forEach(item => {
+    item.values = '';
+  });
+};
+
+// 清空头部搜索条件
+const empty = () => {
+  // 清空搜索参数
+  for (let key in details.query) {
+    if (key !== 'workOrderStatus') {
+      delete details.query[key];
+    }
+  }
+  // let dataList = [columnList, recordList, Claimsfield, AppealList, timeoutList];
+  details.columnList.forEach(item => {
+    item.values = '';
+  });
+};
+const searchChangeS = () => {
+  console.log(details.columnList);
+  details.search = false; //关闭搜索
+  // tabValue.value = 0;
+  // IndexTable(); //首页初始化信息
+  tabChenge(TabPermissions.value, {}, true);
+};
+
+// 顶部搜索工单号事件
+const WorkorderChange = val => {
+  console.log(val);
+};
+// 网页顶部清空按钮
+const searchReset = () => {
+  details.query = {};
+  IndexTable(details.query, true);
+  details.search = false; //关闭搜索
+};
+/** 表格表头时间选择 */
+const timesc = async (index, row) => {
+  TabList.value.find(res => res.name == TabPermissions.value).request = true;
+  processRowProperty(index, row, details);
+  details.query[row.prop] = index;
+  await DataRendering(TabPermissions.value, details.query, true);
+  TabList.value.find(res => res.name == TabPermissions.value).request = false;
+  return;
+};
+
+/** 表格表头输入框搜索 */
+const btnsc = val => {
+  TabList.value.find(res => res.name == TabPermissions.value).request = true;
+  console.log(val);
+};
+
+/** 表格表头下拉框选择 */
+const selectsc = async (index, row) => {
+  TabList.value.find(res => res.name == TabPermissions.value).request = true;
+  console.log(row, '下拉参数');
+  processRowProperty(index, row, details);
+  details.query[row.prop] = index;
+  await DataRendering(TabPermissions.value, details.query, true);
+  TabList.value.find(res => res.name == TabPermissions.value).request = false;
+
+  return;
+};
+
+// 反字典公共请求
+const Antidictionary = (val, data) => {
+  getDictionaryBiz(val).then(res => {
+    res.data.data.forEach(item => {
+      data.checkarr.push({
+        value: item.dictValue,
+        label: item.dictValue,
+      });
+    });
+  });
+};
+
+/** 表格表头复选框选择 */
+const selectionChange = list => {
+  // TabList.value.find(res=>res.name == TabPermissions.value).request=true
+  console.log(list, '当前选择的数据');
+  details.selectionList = list;
+};
+
+/** 页码改变执行的回调 */
+const currentChange = async val => {
+  // let _row=   TabList.value.find(res=>res.name==val)
+  // page.value.pageSize=  _row.pageSize
+  // page.value.currentPage=  _row.currentPage
+  TabList.value.find(res => res.name == TabPermissions.value).request = true;
+  let _row=   TabList.value.find(res=>res.name==TabPermissions.value)
+  _row.currentPage = val
+  page.value.currentPage = val;
+  await DataRendering(TabPermissions.value, details.query, true);
+  TabList.value.find(res => res.name == TabPermissions.value).request = false;
+  return;
+};
+// 每页多少条
+const sizeChange = async val => {
+  TabList.value.find(res => res.name == TabPermissions.value).request = true;
+  page.value.pageSize = val;
+  await DataRendering(TabPermissions.value, details.query, true);
+  TabList.value.find(res => res.name == TabPermissions.value).request = false;
+  return;
+};
+const changeProcessingResults = val => {
+  // 首先删除取消的项目
+  ProcessingList.value = ProcessingList.value.filter(item => val.includes(item.state - 1));
+
+  // 然后添加或保持新的项目
+  val.forEach(num => {
+    let newItem = { input: '', min: 0, max: 1000, state: num + 1 };
+    // 根据num为newItem的name字段赋值
+    switch (num) {
+      case '0':
+        newItem.name = '维修';
+        break;
+      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;
+      default:
+        console.log('未知的编号：', num);
+        return; // 如果不是我们想处理的num，跳过之后的逻辑
+    }
+
+    // 如果列表中不存在则加入新项目
+    if (!ProcessingList.value.some(item => item.state === newItem.state)) {
+      ProcessingList.value.push(newItem);
+      console.log(`添加：${newItem.name}`);
+    }
+  });
+};
+// 查询理赔数据
+const settlementclaim = (val, Refresh) => {
+  console.log(
+    !TabList.value.find(res => res.name == TabPermissions.value).request,
+    Refresh,
+    'Refresh'
+  );
+  if (!TabList.value.find(res => res.name == TabPermissions.value).request && !Refresh) {
+    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+    return;
+  }
+  details.loadingObj.list = true; //开启动画加载
+  pageLoad.value = true;
+  console.log(Claimsfield, '理赔数据');
+  ClaimStatus.value = true; //开启理赔查询状态
+  AppealStatus.value = false; //关闭申诉状态
+  TimeoutStatus.value = false; //关闭 超时状态
+  details.columnList = Claimsfield;
+  Claimsfield[3].checkarr = []; //营业部
+  Claimsfield[7].checkarr = []; //异常类型名称
+  Claimsfield[9].checkarr = []; //发现环节
+  getDeptWarehouse({}).then(res => {
+    res.data.data.forEach(item => {
+      Claimsfield[3].checkarr.push({
+        value: item.name,
+        label: item.name,
+      });
+    });
+  });
+
+  getDictionaryBiz('pc_work_order').then(res => {
+    res.data.data.forEach(item => {
+      Claimsfield[7].checkarr.push({
+        value: item.dictValue,
+        label: item.dictValue,
+      });
+    });
+  });
+  getDictionaryBiz('pc_discovery_node').then(res => {
+    res.data.data.forEach(item => {
+      Claimsfield[9].checkarr.push({
+        value: item.dictValue,
+        label: item.dictValue,
+      });
+    });
+  });
+
+  // details.columnList    warehouseData.value
+
+  console.log(details, 'details');
+  let data = {
+    current: details.page.currentPage,
+    size: details.page.pageSize,
+    ...val,
+  };
+  console.log(data, '要传递的参数');
+  $_listSettlement(data)
+    .then(res => {
+      details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value = false;
+      console.log(res, '查询理赔数据');
+      if (res.data.data) {
+        if (res.data.data.records.length) {
+          // details.data = res.data.data.records; //数据
+          TabList.value.find(res => res.name == TabPermissions.value).DataList =
+            res.data.data.records;
+          TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
+          TabList.value.find(res => res.name == TabPermissions.value).request = false;
+          details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+          page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+        } else {
+          TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
+          TabList.value.find(res => res.name == TabPermissions.value).total = 0;
+          TabList.value.find(res => res.name == TabPermissions.value).request = true;
+          details.data = res.data.data.records;
+        }
+      }
+    })
+    .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; //关闭理赔查询状态
+  AppealList[5].checkarr = []; //异常类型名称
+  AppealList[6].checkarr = []; //发现环节
+  AppealList[7].checkarr = []; //发现环节
+  updateDictionary(AppealList[5].checkarr, 'pc_work_order'); //异常类型
+  updateDictionary(AppealList[6].checkarr, 'pc_discovery_node'); //发现环节
+  updateDictionary(AppealList[7].checkarr, 'work_order_status'); //发现环节
+
+  console.log('当前是申诉列表');
+  let data = {
+    current: details.page.currentPage,
+    size: details.page.pageSize,
+    identifying: UserPermissions.value != '仓库客服' ? '2' : '1',
+    ...val,
+  };
+  $_listAppeal(data)
+    .then(res => {
+      details.loadingObj.list = false; //开启动画加载
+      pageLoad.value = false;
+      console.log(res, '申诉列表返回值');
+      if (res.data.data.records.length) {
+        // details.data = res.data.data.records;
+        TabList.value.find(res => res.name == TabPermissions.value).DataList =
+          res.data.data.records;
+        TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
+        TabList.value.find(res => res.name == TabPermissions.value).request = false;
+        details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+        page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+      } else {
+        TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
+        TabList.value.find(res => res.name == TabPermissions.value).total = 0;
+        TabList.value.find(res => res.name == TabPermissions.value).request = true;
+        details.data = res.data.data.records;
+      }
+    })
+    .catch(res => {
+      details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value = false;
+    });
+};
+
+// 申诉列表
+const AppealTab = async val => {
+  console.log(val, '完结当前列表');
+  arbitrationTemp.value = val;
+
+  if (val == 0) {
+    arbitrationTemp.value = 0;
+    AppealStatusT.value = false; //申诉列表关闭
+
+    console.log('处理完毕');
+    ProcessingPartyState.value = false; //关闭处理方
+    details.query.workOrderStatus = 80;
+    ArbitrationStatus.value = false; //不可以申请完结
+    // empty(); //清空搜索数据
+    let data = {
+      ...details.query,
+    };
+    IndexTable(data, true);
+    Tableheaderswitching(columnList); //切换表头
+  } else {
+    arbitrationTemp.value = 1;
+    AppealListFn(); //申诉列表函数
+  }
+
+  AppealAttachment.value = []; //清空图片
+  Appealselection.value = ''; //清空责任人
+  Reasonforappeal.value = ''; //清空申诉内容
+};
+// 申诉列表公共函数
+function AppealListFn(val) {
+  AppealStatusT.value = true; //申诉列表开启
+  console.log(AppealStatusT.value, 'AppealStatusT.value');
+  data.workOrderStatus = '';
+  console.log(data.workOrderStatus, '当前搜索状态');
+  Tableheaderswitching(AppealList); //切换表头
+  // AppealList.forEach(item => {
+  //   //清空搜索记录
+  //   item.values = '';
+  // });
+  appealFn(val); // 获取申诉列表
+}
+
+// 超时金额修改
+const BtnModifyAmount = val => {
+  console.log(val, '超时金额修改');
+  dialogModifyAmount.value = true; //开启超时金额弹窗修改
+  fromamount.value.title = val.row.workOrderNumber; //工单号
+  fromamount.value.ytimeout = val.row.money; //原本金额
+  fromamount.value.id = val.row.id; //id
+};
+// 修改金额确定
+const ModifyAmountFn = () => {
+  let data = {
+    id: fromamount.value.id,
+    money: fromamount.value.Amount,
+  };
+  console.log(data, '准备提交的金额参数');
+  $_moneyUpdate(data)
+    .then(res => {
+      TimeoutHandling();
+      console.log(res, '修改成功返回值');
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+      }
+      dialogModifyAmount.value = false; //关闭超时金额弹窗修改
+    })
+    .catch(res => {
+      dialogModifyAmount.value = false; //关闭超时金额弹窗修改
+    });
+};
+function getWinHight() {
+  var windowHight = 0;
+  if (document.body.clientHeight && document.documentElement.clientHeight) {
+    windowHight =
+      document.body.clientHeight < document.documentElement.clientHeight
+        ? document.body.clientHeight
+        : document.documentElement.clientHeight;
+  }
+  return document.documentElement.clientHeight;
+}
+
+// const height = val => {
+//   console.log('执行了计算高度');
+//   var bodyContent = document.querySelectorAll('.maboxhi');
+//   const _height = getWinHight();
+//   // 设置列表的高度
+//   bodyContent.forEach(val => {
+//     val.style.height = _height - val.getBoundingClientRect().top - val + 'px';
+//   });
+// };
+// 查询超时记录
+const TimeoutHandling = (val, Refresh) => {
+  console.log(
+    !TabList.value.find(res => res.name == TabPermissions.value).request,
+    Refresh,
+    'Refresh'
+  );
+  if (!TabList.value.find(res => res.name == TabPermissions.value).request && !Refresh) {
+    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+    return;
+  }
+  timeoutList[3].checkarr = []; //异常类型名称
+  timeoutList[4].checkarr = []; //发现环节
+  ClaimStatus.value = false; //关闭理赔查询状态
+  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 = {
+    current: details.page.currentPage,
+    size: details.page.pageSize,
+    ...val,
+  };
+  $_listOwn(data)
+    .then(res => {
+      details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value = false;
+      console.log(res, '超时记录');
+
+      if (res.data.data.records.length) {
+        Statusprocessing(res.data.data.records);
+        // details.data = res.data.data.records;
+        TabList.value.find(res => res.name == TabPermissions.value).DataList =
+          res.data.data.records;
+        TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
+        TabList.value.find(res => res.name == TabPermissions.value).request = false;
+        page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+        details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+      } else {
+        TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
+        TabList.value.find(res => res.name == TabPermissions.value).total = 0;
+        TabList.value.find(res => res.name == TabPermissions.value).request = true;
+        details.data = res.data.data.records;
+      }
+    })
+    .catch(res => {
+      details.loadingObj.list = false; //关闭动画加载
+      pageLoad.value = false;
+    });
+};
+
+// 数据渲染公共函数
+const DataRendering = (val, input, Refresh) => {
+  // val:当前是在哪一个菜单下面
+  //input:当前传入的搜索参数
+  console.log(input, '接搜的搜索参数');
+  console.log('执行了公共函数');
+  if (val != 6) {
+    AppealStatusT.value = false; //申诉列表关闭
+  }
+  console.log(val, '触发了标签栏');
+  let data = {
+    ...input, //搜索输入框
+  };
+
+  if (val == 0) {
+    ProcessingPartyState.value = false; //关闭处理方
+    ArbitrationStatus.value = true; //可以以申请完结
+    if (UserPermissions.value == '仓库客服') {
+      //全部
+      data.workOrderStatus = 1000;
+      details.query.workOrderStatus = 1000;
+      Tableheaderswitching(columnList);
+      IndexTable(data, Refresh);
+    } else {
+      data.workOrderStatus = null;
+      details.query.workOrderStatus = null;
+      Tableheaderswitching(columnList);
+      IndexTable(data, Refresh);
+    }
+  } else if (val == 1) {
+    // 处理中
+    if (UserPermissions.value == '仓库客服') {
+      data.workOrderStatus = 20;
+      details.query.workOrderStatus = 20;
+    } else {
+      data.workOrderStatus = 40;
+      details.query.workOrderStatus = 40;
+    }
+    ProcessingPartyState.value = false; //关闭处理方
+    ArbitrationStatus.value = true; //可以申请完结
+    Tableheaderswitching(columnList);
+    IndexTable(data, Refresh);
+  } else if (val == 2) {
+    //处理完毕
+    data.workOrderStatus = 30;
+    details.query.workOrderStatus = 30;
+    ProcessingPartyState.value = false; //关闭处理方
+    ArbitrationStatus.value = false; //不可以申请完结
+    Tableheaderswitching(columnList);
+    IndexTable(data, Refresh);
+  } else if (val == 3) {
+    // 待处理
+    ProcessingPartyState.value = true; //开启处理方
+    // if (UserPermissions.value == '总部客服') {
+    //   data.workOrderStatus = 500;
+    //   details.query.workOrderStatus = 500;
+    // } else {
+    //   data.workOrderStatus = 10;
+    //   details.query.workOrderStatus = 10;
+    // }
+
+    data.workOrderStatus = 10;
+    details.query.workOrderStatus = 10;
+    ArbitrationStatus.value = true; //可以申请完结
+    Tableheaderswitching(columnList);
+    IndexTable(data, Refresh);
+  } else if (val == 4) {
+    // 理赔金额未出
+    ProcessingPartyState.value = false; //关闭处理方
+    details.query.workOrderStatus = null;
+    ArbitrationStatus.value = false; //不可以申请完结
+    Tableheaderswitching(Claimsfield); //切换表格
+    settlementclaim(data, Refresh);
+  } else if (val == 5) {
+    // 客服介入
+    ProcessingPartyState.value = false; //关闭处理方
+    data.workOrderStatus = 70;
+    details.query.workOrderStatus = 70;
+    ArbitrationStatus.value = false; //不可以申请完结
+
+    IndexTable(data, Refresh);
+  } else if (val == 6 && arbitrationTemp.value == 1) {
+    // 申诉列表
+    console.log('申诉列表');
+    data.workOrderStatus = null;
+    details.query.workOrderStatus = null;
+    AppealListFn(data, Refresh); //申诉列表函数
+    Tableheaderswitching(AppealList); //切换表头
+  } else if (val == 6) {
+    console.log(arbitrationTemp.value, 'arbitrationTemp.value');
+    console.log(AppealStatusT.value, 'AppealStatusT.value');
+    // 完结
+    ProcessingPartyState.value = false; //关闭处理方
+    data.workOrderStatus = 80;
+    details.query.workOrderStatus = 80;
+    ArbitrationStatus.value = false; //不可以申请完结
+    // arbitrationTemp.value = 1;
+    IndexTable(data, Refresh);
+    Tableheaderswitching(columnList); //表头切换
+
+    var bodyContent = document.querySelectorAll('.maboxhi');
+    const _height = getWinHight();
+    // 设置列表的高度
+    bodyContent.forEach(val => {
+      val.style.height = _height - val.getBoundingClientRect().top - (65 + 20) + 'px';
+    });
+  } else if (val == 7) {
+    // 超时未处理
+    ProcessingPartyState.value = false; //关闭处理方
+    data.workOrderStatus = null;
+    details.query.workOrderStatus = null;
+    ArbitrationStatus.value = false; //不可以申请完结
+    Tableheaderswitching(timeoutList); //表头切换
+    TimeoutHandling(data, Refresh); //调用超时未出理
+  } else if (val == 8) {
+    // 待回复按钮
+    if (UserPermissions.value == '仓库客服') {
+      // 不是仓库客服看不见待回复按钮
+      data.workOrderStatus = null;
+      details.query.workOrderStatus = null;
+      Tableheaderswitching(columnList);
+      ProcessingPartyFun(data, Refresh);
+    }
+  } else if (val == 9) {
+    // 待审核
+    ProcessingPartyState.value = true; //开启处理方
+    if (UserPermissions.value == '总部客服经理') {
+      data.workOrderStatus = 500;
+      details.query.workOrderStatus = 500;
+    }
+    ArbitrationStatus.value = true; //可以申请完结
+    Tableheaderswitching(columnList);
+    IndexTable(data, Refresh);
+  }
+  console.log('执行完毕');
+};
+
+// 标签栏触发
+
+const tabChenge = async (val, input, Refresh = false) => {
+  console.log(TabList.value, 'TabList.value');
+  console.log(val, 'val');
+  let _row=   TabList.value.find(res=>res.name==val)
+  page.value.pageSize=  _row.pageSize
+  page.value.currentPage=  _row.currentPage
+  page.value.total=  _row.total
+  console.log(_row,'当前点击的菜单');
+  
+  TabPermissions.value = val; //记录当前点击的菜单
+
+  if (val != 6) {
+    // AppealStatusT.value = false; //申诉列表关闭
+  }
+  console.log(val, '触发了标签栏');
+  let data = {
+    ...input, //搜索输入框
+  };
+  await empty();
+  DataRendering(TabPermissions.value, input, Refresh);
+
+  return;
+};
+
+/** 展开列表控件 */
+const showdrawer = _flag => {
+  details.drawerShow = _flag;
+};
+
+// 待回复处理方数据公共函数
+const ProcessingPartyFun = (val, Refresh) => {
+  console.log(
+    TabList.value.find(res => res.name == TabPermissions.value).request,
+    Refresh,
+    '待回复'
+  );
+  if (!TabList.value.find(res => res.name == TabPermissions.value).request && !Refresh) {
+    details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+    page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+    return;
+  }
+  console.log('触发了待回复');
+  ClaimStatus.value = false; //关闭理赔状态
+  TimeoutStatus.value = false; //关闭超时
+  AppealStatus.value = false; //关闭申诉状态
+  // details.query.workOrderStatus = null;
+  details.loadingObj.list = true; //开启动画加载
+  pageLoad.value = true;
+  let data = {
+    ...val,
+  };
+  console.log(val, 'val接收的参数');
+  columnList[2].checkarr = []; //重置下拉搜索框
+  columnList[3].checkarr = [];
+  data.current = page.value.currentPage; //页码
+  data.size = page.value.pageSize; //条数
+  updateDictionary(columnList[2].checkarr, 'pc_work_order'); //异常类型
+  updateDictionary(columnList[3].checkarr, 'pc_discovery_node'); //发现环节
+  $_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);
+        TabList.value.find(res => res.name == TabPermissions.value).DataList =
+          res.data.data.records;
+        TabList.value.find(res => res.name == TabPermissions.value).total = res.data.data.total;
+        TabList.value.find(res => res.name == TabPermissions.value).request = false;
+        console.log(
+          TabList.value.find(res => res.name == TabPermissions.value).request,
+          '待回复当前状态'
+        );
+        page.value.total = TabList.value.find(res => res.name == TabPermissions.value).total;
+        // details.data = res.data.data.records;
+        details.data = TabList.value.find(res => res.name == TabPermissions.value).DataList;
+        console.log(details.data, '存储的数据');
+      } else {
+        TabList.value.find(res => res.name == TabPermissions.value).DataList = [];
+        TabList.value.find(res => res.name == TabPermissions.value).total = 0;
+        TabList.value.find(res => res.name == TabPermissions.value).request = true;
+        details.data = res.data.data.record;
+      }
+      loading.value = false; //关闭加载效果
+    })
+    .catch(res => {
+      loading.value = false; //关闭加载效果
+    });
+};
+
+// 获取聊天记录
+const FKList = () => {
+  iconState.value = true;
+  let data = { workOrderId: ListRow.value.id };
+  $_getExchangeList(data).then(res => {
+    iconState.value = false;
+    console.log(res, '查询的值');
+    ChatHistory.value = res.data.data;
+    setTimeout(() => {
+      const container = scrollContainer.value;
+      if (container) {
+        container.scrollTop = container.scrollHeight;
+      }
+    }, 0);
+  });
+};
+// 点击回复按钮
+const reply = val => {
+  $router.push({
+    path: '/aftersales/customerService',
+    query: {
+      row: JSON.stringify(val.row),
+    },
+  });
+  return;
+};
+// 处理方数据
+const ProcessingParty = () => {
+  ProcessingPartyState.value = true; //开启处理方
+  ProcessingPartyFun({}, true);
+};
+// 消息发送函数
+const messagesendFn = () => {
+  iconState.value = true;
+  let data = {
+    workOrderId: ListRow.value.id,
+    businessName: Mydata.value.departmentName,
+    businessId: Mydata.value.id,
+    content: KFinput.value,
+    warehouseId: ListRow.value.warehouseId,
+    annex: KFfeel.value,
+  };
+  console.log(data, '处理好的数据');
+
+  $_AddReply(data).then(res => {
+    // 获取当前时间
+    const currentTime = new Date();
+    // 获取年、月、日、小时、分钟、秒
+    const year = String(currentTime.getFullYear());
+    const month = String(currentTime.getMonth() + 1).padStart(2, '0');
+    const day = String(currentTime.getDate()).padStart(2, '0');
+    const hours = String(currentTime.getHours()).padStart(2, '0');
+    const minutes = String(currentTime.getMinutes()).padStart(2, '0');
+    const seconds = String(currentTime.getSeconds()).padStart(2, '0');
+    // 拼接时间字符串
+    const formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+    console.log(res, '添加成功');
+    if (res.data.code == 200) {
+      // 添加成功
+      iconState.value = false;
+      ChatHistory.value.push({
+        businessId: Mydata.value.id,
+        businessName: Mydata.value.departmentName,
+        content: KFinput.value,
+        createTime: formattedTime,
+      });
+      // 滚动到最后
+      setTimeout(() => {
+        const container = scrollContainer.value;
+        if (container) {
+          container.scrollTop = container.scrollHeight;
+        }
+      }, 0);
+      KFinput.value = ''; //清空内容
+      KFfeel.value = null; //清空文件
+    }
+  });
+  console.log(Mydata.value, '参数');
+};
+// 发送按钮
+const messagesend = () => {
+  messagesendFn();
+};
+// 客服刷新按钮
+const KFRefresh = () => {
+  FKList();
+};
+// 输入框回车
+const inputEnter = () => {
+  messagesendFn();
+};
+// 图片上传必须携带TOKEN
+const headers = computed(() => {
+  return { 'Blade-Auth': 'Bearer ' + getToken() };
+});
+
+// 图片上传接口
+const doubledCount = computed(() => {
+  return '/api/blade-resource/oss/endpoint/put-file';
+});
+// 附件上传成功
+const fellSuccess = (response, uploadFile) => {
+  console.log('上船成功');
+  console.log(response, uploadFile);
+  if (response.data.link) {
+    KFfeel.value = response.data.link;
+  }
+};
+//批量审核（由客服经理批量审核确定）
+const DetermineStorage = val => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选数据',
+      type: 'warning',
+    });
+    return;
+  }
+  ElMessageBox.confirm('是否确定确定批量审核?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      let data = {
+        assignList: [],
+      };
+      data['assignList'] = details.selectionList.map(item => item.id);
+      details.loadingObj.list = true; //开启加载效果
+      pageLoad.value = true;
+      // 完结结果确定
+      console.log(data, '处理好的值');
+      $_updateManagerConfirmed(data)
+        .then(res => {
+          if (res.data.code == 200) {
+            ElMessage({
+              message: res.data.msg,
+              type: 'success',
+            });
+          }
+          console.log(res, '处理完毕确定');
+          tabChenge(TabPermissions.value, {}, true);
+        })
+        .catch(res => {
+          console.log(res, '错误信息');
+        })
+        .finally(res => {
+          details.loadingObj.list = false; //关闭加载效果
+          pageLoad.value = false;
+        });
+    })
+    .catch(() => {});
+};
+
+// 完结里面确定按钮
+const EndArbitration = val => {
+  console.log(val, '当前参数');
+  let data = {
+    assignList: [val.row.id],
+  };
+  details.loadingObj.list = true; //开启加载效果
+  pageLoad.value = true;
+  $_updateArbitrateStatu(data)
+    .then(res => {
+      console.log(res, '处理成功');
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+        DataRendering(TabPermissions.value, details.query, true);
+      }
+    })
+    .catch(res => {
+      console.log(res, '报错原因');
+    })
+    .finally(() => {
+      details.loadingObj.list = false; //开启加载效果
+      pageLoad.value = false;
+    });
+};
+// 批量完结确定
+const AllEndArbitration = () => {
+  // 校验是否勾选了数据
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选要处理的数据数据',
+      type: 'warning',
+    });
+    return;
+  }
+  let data = {
+    assignList: [],
+  };
+  data['assignList'] = details.selectionList.map(res => res.id); //获取批量完结的ID
+  console.log('批量完结确定处理好的值');
+  $_updateArbitrateStatu(data)
+    .then(res => {
+      console.log(res, '处理成功');
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+        DataRendering(TabPermissions.value, details.query, true);
+      }
+    })
+    .catch(res => {
+      console.log(res, '报错原因');
+    })
+    .finally(() => {
+      details.selectionList = []; //清空勾选数据
+      details.loadingObj.list = false; //开启加载效果
+      pageLoad.value = false;
+    });
+};
+// 处理完毕里面确定（仓库客服用的）
+
+const ResultConfirmation = val => {
+  if (UserPermissions.value == '仓库客服') {
+    console.log('仓库客服');
+
+    //处理完毕菜单下面确定按钮用于确定处理结果（仓库客服用的）
+    let data = {
+      assignList: [],
+    };
+    let ConfirmStatus = false; //批量确认状态
+    if (!val.row) {
+      // 说明点击的批量确定
+      console.log('当前点击的批量确定');
+      if (!details.selectionList.length) {
+        ElMessage({
+          message: '请勾选要处理的数据数据',
+          type: 'warning',
+        });
+        return;
+      } else {
+        ConfirmStatus = true; //说明走的是批量
+        data['assignList'] = details.selectionList.map(item => item.id);
+        console.log(data['assignList'], '批量确定处理好的参数');
+      }
+    } else {
+      let ID = {};
+      ID = val.row.id;
+      data['assignList'].push(ID);
+    }
+
+    // 仓库客服
+
+    if (ConfirmStatus) {
+      // 走的批量确认
+      let state = details.selectionList.every(item => item.workOrderStatus == '21');
+      console.log(state, 'state');
+      if (!state) {
+        ElMessage({
+          message: '勾选单子中有已经确认的请取消勾选!',
+          type: 'warning',
+        });
+        return;
+      }
+    } else {
+      if (val.workOrderStatus == '30') {
+        ElMessage({
+          message: '状态错误,已经确认过',
+          type: 'warning',
+        });
+        return;
+      }
+    }
+    ElMessageBox.confirm('是否确定当前处理结果?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+      .then(() => {
+        details.loadingObj.list = true; //开启加载效果
+        pageLoad.value = true;
+        console.log(data, '处理好的数据');
+        $_updateWorkOrderStatus(data)
+          .then(res => {
+            console.log(res, '确定提交存储');
+            if (res.data.code == 200) {
+              ElMessage({
+                message: res.data.msg,
+                type: 'success',
+              });
+            }
+            tabChenge(TabPermissions.value, {}, true);
+          })
+          .catch(res => {
+            console.log(res, '错误信息');
+          })
+          .finally(() => {
+            details.loadingObj.list = false; //关闭加载效果
+            pageLoad.value = false;
+          });
+      })
+      .catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '取消确定',
+        });
+      });
+  } else {
+    let data = {
+      assignList: [],
+    };
+    let ConfirmStatus = false; //批量确认状态
+    if (!val.row) {
+      // 说明点击的批量确定
+      console.log('当前点击的批量确定');
+      if (!details.selectionList.length) {
+        ElMessage({
+          message: '请勾选要处理的数据数据',
+          type: 'warning',
+        });
+        return;
+      } else {
+        ConfirmStatus = true; //说明走的是批量
+        data['assignList'] = details.selectionList.map(item => item.id);
+        console.log(data['assignList'], '批量确定处理好的参数');
+      }
+    } else {
+      let ID = {};
+      ID = val.row.id;
+      data['assignList'].push(ID);
+    }
+
+    if (ConfirmStatus) {
+      // 走的批量确认
+      let state = details.selectionList.every(item => item.workOrderStatus == '40');
+      if (!state) {
+        ElMessage({
+          message: '批量确认中状态只能为待审核',
+          type: 'warning',
+        });
+        return;
+      }
+    } else {
+      if (val.workOrderStatus != '40') {
+        ElMessage({
+          message: '状态错误,已经确认过',
+          type: 'warning',
+        });
+        return;
+      }
+    }
+    ElMessageBox.confirm('是否确定当前处理信息?', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+      .then(() => {
+        details.loadingObj.list = true; //开启加载效果
+        pageLoad.value = true;
+        // 完结结果确定
+        $_updateManagerConfirmed(data)
+          .then(res => {
+            if (res.data.code == 200) {
+              ElMessage({
+                message: res.data.msg,
+                type: 'success',
+              });
+            }
+            console.log(res, '处理完毕确定');
+            tabChenge(TabPermissions.value, {}, true);
+          })
+          .catch(res => {
+            console.log(res, '错误信息');
+          })
+          .finally(res => {
+            details.loadingObj.list = false; //关闭加载效果
+            pageLoad.value = false;
+          });
+        // 赔款方
+        console.log(data, '处理好的值');
+      })
+      .catch(() => {
+        ElMessage({
+          type: 'info',
+          message: '已取消',
+        });
+      });
+  }
+};
+
+// 审核确定
+const findingAudit = () => {};
+// 批量打回
+const BatchReturn = () => {
+  BatchFrom.value.businessDepartment = [];
+  BatchFrom.value.txt = null;
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选要打回的数据',
+      type: 'warning',
+    });
+    return;
+  }
+  dialogReturn.value = true;
+  console.log(details.selectionList, '选中的参数');
+};
+// 批量打回确定按钮
+const ConfirmReturn = () => {
+  repulse.value = true; //开启加载并关闭按钮
+  let data = {
+    processorList: [],
+  };
+  // 过滤满足条件的对象
+  if (BatchFrom.value.businessDepartment.length) {
+    let foundObjs = warehouseData.value.filter(obj =>
+      BatchFrom.value.businessDepartment.includes(obj.value)
+    );
+    data['businessId'] = foundObjs.map(item => item.value).join(',');
+    data['businessName'] = foundObjs.map(item => item.label).join(',');
+    // 营业部处理
+    foundObjs.forEach(item => {
+      data['processorList'].push({ id: item.value, name: item.label });
+    });
+  }
+
+  data.reasonReturn = BatchFrom.value.txt; //打回原因
+  // data.warehouseId = details.selectionList.map(item=>item.warehouseId); //仓库ID
+  data.workOrderIds = details.selectionList.map(item => item.id); //异常工单ID
+  console.log(data, '处理好的值');
+  data.typesOf = '1'; //普通打回
+  $_batchReturn(data)
+    .then(res => {
+      repulse.value = false; //关闭加载并关闭按钮
+      dialogReturn.value = false; //关闭打回弹窗
+      IndexTable(); //首页初始化信息
+      console.log(res, '批量打回返回值');
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+        DataRendering(TabPermissions.value, details.query, true);
+      }
+    })
+    .catch(error => {
+      repulse.value = false; //关闭加载并关闭按钮
+      dialogReturn.value = false; //关闭打回弹窗
+    });
+};
+
+// 工单指派
+const assign = () => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选工单数据',
+      type: 'warning',
+    });
+    return;
+  }
+  $_getCustomerServicePersonnel({})
+    .then(res => {
+      console.log(res, '客服列表');
+      customerService.value = res.data.data;
+    })
+    .catch(error => {
+      console.log(error, '客服列表错误');
+    });
+  assignFrom.value = {}; //清空内容
+  dialogassign.value = true; //开启指派工单弹窗
+};
+// 工单指派确定按钮
+const Assignbutton = () => {
+  AssignLoad.value = true; //开启加载和按钮禁止重复点击
+  let foundObjs = customerService.value.find(obj => obj.id == assignFrom.value.businessDepartment); //筛选选择的工单
+  let data = {
+    assignList: [],
+  };
+  data.customerServiceId = foundObjs.id; //归属客服ID
+  data.customerServiceName = foundObjs.realName; //归属客服名称
+  data['assignList'] = details.selectionList.map(item => item.id); //异常工单ID//工单ID
+  console.log(data, '处理好的值');
+  $_assignCustomerService(data)
+    .then(res => {
+      AssignLoad.value = false; //关闭加载和按钮禁止重复点击
+      dialogassign.value = false; //关闭指派工单弹窗
+      console.log(res, '工单指派返回');
+      tabChenge(TabPermissions.value);
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+      }
+    })
+    .catch(error => {
+      AssignLoad.value = false; //关闭加载和按钮禁止重复点击
+      dialogassign.value = false; //关闭指派工单弹窗
+    });
+};
+// 客服介入（申请完结）
+const arbitrate = () => {
+  if (!details.selectionList.length) {
+    console.log('当前没有数据');
+    ElMessage({
+      message: '请勾要完结的数据',
+      type: 'warning',
+    });
+    return;
+  }
+  let resultState = details.selectionList.every(
+    item => item.workOrderStatus == '10' || item.workOrderStatus == '20'
+  ); //判断勾选中的数据是否存在不符合条件的
+  if (!resultState) {
+    ElMessage({
+      message: '勾选数据不符合（待处理或处理中才可以申请完结）',
+      type: 'warning',
+    });
+    return;
+  }
+  dialogCustomer.value = true; //开启客服介入弹窗
+};
+
+const CustomerServiceintervention = () => {
+  // 处理中，待处理可申请
+  let data = {
+    assignList: [],
+    reasonRemarks: CustomerServiceForm.value.reasonRemarks, //客服介入原因
+  };
+  details.selectionList.forEach(item => {
+    data['assignList'].push(item.id);
+  });
+
+  console.log(data, '完结处理好的参数');
+  loadingCustomer.value = true; //开启加载
+  // 发送请求
+  $_arbitrate(data)
+    .then(res => {
+      console.log(res, '完结成功返回值');
+      // PagerefreshPublic();
+      DataRendering(TabPermissions.value, details.query, true);
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+      }
+    })
+    .finally(() => {
+      dialogCustomer.value = false; //关闭弹窗
+      loadingCustomer.value = false; //关闭加载
+    });
+};
+// 钉钉号填写
+const DingTalk = () => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选数据',
+      type: 'warning',
+    });
+    return;
+  }
+  dialogDingTalk.value = true; //开启钉钉号填写弹窗
+};
+// 钉钉号确认提交
+const DingTalkSubmit = () => {
+  let data = {
+    assignList: [],
   };
-
-  // 对状态进行处理
-  if (data.records?.length) {
-    data.records.forEach(item => {
-      // 处理工单类型
-      item.workOrderTypeNameS = findLabelByValue(
-        dictionaries.pc_work_order.value,
-        item.workOrderType
-      );
-
-      // 处理发现节点
-      item.discoveryNodeNameS = findLabelByValue(
-        dictionaries.pc_discovery_node.value,
-        item.discoveryNode
-      );
-
-      // 处理工单状态
-      item.workOrderStatusNameS = findLabelByValue(
-        dictionaries.work_order_status.value,
-        item.workOrderStatus
-      );
-    });
+  data.processNumber = DingTalkfilling.value.processNumber; //钉钉号
+  data.reviewedBy = DingTalkfilling.value.reviewedBy; //审核人
+  data.auditTime = DingTalkfilling.value.auditTime; //审核时间
+  // data.entryTime = DingTalkfilling.value.entryTime; //财务入账时间
+  data['assignList'] = details.selectionList.map(res => res.id); //ID
+  console.log(data, '处理好的值');
+  $_updateWorkList(data).then(res => {
+    console.log(res, '钉钉流程号填写');
+    if (res.data.code == 200) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+      dialogDingTalk.value = false; //关闭钉钉号填写弹窗
+      DataRendering(TabPermissions.value, details.query, true);
+    }
+  });
+};
+// 页面刷新公共函数
+const PagerefreshPublic = () => {
+  console.log('执行了页面刷新公共函数');
+  if (ProcessingPartyState.value && ArbitrationStatus.value) {
+    ProcessingPartyFun({}, true);
+  } else {
+    IndexTable(); //刷新页面
   }
 };
-
-/**
- *  @description: 对数据进行处理
- *  @return {void} 无返回值
- */
-const DataAndStateProcessing = data => {
-  PublicDataProcessing(data); //处理数据
-  DataStateProcessing(data); //状态处理
-};
-
-/**
- * @description: 获取当前菜单的查询条件
- * @return {Object} 返回当前菜单的查询条件对象
- */
-const getQuery = () => {
-  // 匹配当前菜单并获取其搜索条件
-  let _Obj = MatchCurrentMenu();
-  return _Obj.query;
-};
-/**
- * @description: 更新当前菜单的请求状态并请求数据
- * @return {void} 无返回值
- */
-const updateMenuAndData = () => {
-  const currentMenu = MatchCurrentMenu(); // 匹配当前菜单
-  if (currentMenu) {
-    currentMenu.request = true; // 更新请求状态
-  }
-  PublicDataRequest(TabPermissions.value); // 请求数据
-};
-/**
- * @description 通用函数用于处理数据请求（包含待回复、理赔金额未出、申诉、超时未处理）
- * @param {Function} fetchFunction - 用于执行具体数据请求的函数
- * @param {boolean} [reset=false] - 控制是否重置查询条件的标志，默认值为 false
- * @returns {Promise<void>} 不返回任何内容，仅执行数据请求和处理
- */
-const fetchData = async (fetchFunction, reset) => {
-  try {
-    let _submitData = {
-      current: details.page.currentPage, // 页码
-      size: details.page.pageSize, // 条数
-      ...(reset ? {} : getQuery()), // 查询条件，条件重置根据 reset 标志
-    };
-
-    let _res = await fetchFunction(_submitData);
-    console.log(_res);
-
-    const { code, data } = _res.data;
-    if (code !== 200) {
-      return;
+// 添加赔款方
+const AddCompensation = () => {
+  console.log('添加赔款方');
+  let som = 1;
+  CompensationParty.value.forEach(item => {
+    if (item.state == 0) {
+      som++;
     }
-
-    DataAndStateProcessing(data); // 对数据和状态处理
-  } catch (error) {
-    console.log(error);
-  }
-};
-
-/**
- *  @description: 待回复菜单数据请求
- */
-const DataAwaitingReplyData = async Reset => {
-  await fetchData($_getProcessor, Reset);
-};
-/**
- *  @description: 理赔金额未出菜单数据请求
- */
-const ClaimAmountData = async Reset => {
-  await fetchData($_listSettlement, Reset);
-};
-/**
- *  @description: 申诉菜单数据请求
- */
-const AppealData = async Reset => {
-  await fetchData($_listAppeal, Reset);
-};
-/**
- *  @description: 超时未处理菜单数据请求
- */
-const OverdueUnprocessedData = async Reset => {
-  await fetchData($_listOwn, Reset);
-};
-
-/**
- *  @description: 公共数据请求，包含全部、待处理、处理中、处理完毕、客服介入、待审核、完结
- */
-const Publicaccessdata = async Reset => {
-  try {
-    let _submitData = {
-      workOrderStatus: workOrderStatus.value, //工单状态
-      current: details.page.currentPage, //页码
-      size: details.page.pageSize, //条数
-      ...(Reset ? {} : getQuery()), // 查询条件，条件重置根据 reset 标志
-    };
-    let _res = await $_getList(_submitData);
-    const { code, data } = _res.data;
-    if (code !== 200) {
+  });
+  CompensationParty.value.push({
+    name: '',
+    state: 0,
+    num: 0,
+    reason: '',
+    cld: som,
+    warehouseId: '',
+    personResponsibleName: '',
+  });
+};
+// 添加受款方
+const AddPayee = () => {
+  let som = 1;
+  CompensationParty.value.forEach(item => {
+    if (item.state == 1) {
+      som++;
+    }
+  });
+  CompensationParty.value.push({ name: '', state: 1, num: 0, reason: '', cld: som });
+};
+// 移除按钮
+const payremove = (state, val) => {
+  // 判断赔付方，至少保留一条数据
+  let som = 0;
+  if (state == 0) {
+    CompensationParty.value.forEach(item => {
+      if (item.state == 0) {
+        som++;
+      }
+    });
+    if (som == 1) {
+      ElMessage({
+        message: '赔款必填最少一条',
+        type: 'warning',
+      });
       return;
     }
-    DataAndStateProcessing(data); //对数据和状态处理
-    console.log(_res, '公共数据菜单=:' + TabPermissions.value);
-    console.log(TabList.value, '公共菜单');
-  } catch (error) {
-    console.log(error);
-  } finally {
   }
+  CompensationParty.value.splice(val, 1);
+  console.log('CompensationParty :>> ', CompensationParty);
+  amountMoney();
 };
-
-/**
- *
- * @description 创建工单
- */
-const CreateworkOrder = () => {
-  $router.push('/aftersales/aftersalesWorkOrderAdd');
+// 金额输入汇总
+const amountMoney = () => {
+  // 计算赔款金额总数
+  TotalamountCompensation.value = 0;
+  TotalamountReceived.value = 0;
+  CompensationParty.value.forEach(item => {
+    const _num = isNumber(item.num) ? item.num : 0;
+    // 统计赔款方【0】
+    if (item.state == 0) {
+      TotalamountCompensation.value = computeNumber(
+        TotalamountCompensation.value,
+        '+',
+        _num
+      ).result;
+    }
+    // 统计受款方金额【1】
+    if (item.state == 1) {
+      TotalamountReceived.value = computeNumber(TotalamountReceived.value, '+', _num).result;
+    }
+  });
+  console.log('赔款总计金额', TotalamountCompensation.value);
+  console.log('收款总计金额', TotalamountReceived.value);
 };
-/**
- *
- * @description 工单申诉
- */
-const WorkOrderAppeal = async (row, state) => {
-  appeal.value.selectList = [];
-  appeal.value.AppealAttachment = []; //清空图片
-  appeal.value.Appealselection = []; //清空责任人
-  appeal.value.Reasonforappeal = ''; //清空申诉内容
-  appeal.value.selectList.push(row); //存储当前申诉的对象
-  console.log(appeal.value.selectList, 'appeal.value.selectList');
-
-  appeal.value.dialogappeal = true; //展开申诉编辑
-  if (state == 'edit') {
-    // 当前是编辑申诉
-    appeal.value.AppealeditorState = true; //开启申诉编辑状态
-    console.log(row, 'row');
-
-    let data = {
-      id: row.id,
-    };
-    await $_AppealDetails(data).then(res => {
-      console.log(res, '申诉编辑回显');
-      appeal.value.Reasonforappeal = res.data.data.reason; //申诉原因
-      setTimeout(() => {
-        if (res.data.data.peopleEntityList) {
-          appeal.value.Appealselection = res.data.data.peopleEntityList.map(
-            item => item.actualPersonId
-          );
-        }
-        if (res.data.data.imagePath) {
-          appeal.value.AppealAttachment.push({
-            url: res.data.data.imagePath,
-          });
-        }
-      }, 0);
+// 财务入账按钮
+const Financialfillingbtn = () => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选数据',
+      type: 'warning',
     });
     return;
   }
-  if (!state) {
-    appeal.value.AppealeditorState = false; //开启申诉编辑状态
-  }
+  FinancialFrom.value = {};
+  dialogFinancialaccounting.value = true; //开启财务入账弹窗
 };
-// 工单申诉确认按钮
-const Appealbutton = async state => {
-  try {
-    await appealruleFormRef.value.validate();
-  } catch (fields) {
-    return;
+// 财务入账确定按钮
+const Financialfilling = () => {
+  let data = {
+    ids: '',
+    ...FinancialFrom.value,
+  };
+  if (details.selectionList.length) {
+    data.ids = details.selectionList.map(item => item.id).join(',');
+    loadingFinancial.value = true; //开启加载
+    $_updateFinanceTime(data)
+      .then(res => {
+        console.log(res, '财务入账填写成功');
+        if (res.data.code == 200) {
+          ElMessage({
+            message: res.data.msg,
+            type: 'success',
+          });
+          dialogFinancialaccounting.value = false; //关闭财务入账弹窗
+          DataRendering(TabPermissions.value, details.query, true);
+        }
+        // AppealListFn();
+      })
+      .catch(res => {
+        console.log(res, '财务入账成功返回值');
+      })
+      .finally(() => {
+        loadingFinancial.value = false; //关闭加载
+      });
   }
-
-  const confirmResult = await ElMessageBox.confirm('是否确认发起工单申诉?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  }).catch(() => false);
-
-  if (!confirmResult) {
+};
+// 批量完结
+const Batchcompletion = () => {
+  console.log(details.selectionList);
+  // 完结的逻辑
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请先勾选要处理的数据',
+      type: 'warning',
+    });
     return;
   }
+  dialogBatchcompletion.value = true; //开启批量完结弹窗
+};
 
-  if (appeal.value.AppealAttachment.length > 1) {
+// 批量提交
+const CompletedSubmission = () => {
+  PLloading.value = true; //开启处理加载效果
+  console.log(CompensationParty.value);
+  let pay = CompensationParty.value.find(item => item.cld == 1);
+  console.log(pay);
+  // if (!pay.name || pay.num == null || !pay.reason) {
+  //   ElMessage({
+  //     message: '请填写赔款方完整信息',
+  //     type: 'warning',
+  //   });
+  //   return;
+  // }
+  if (!Reasonarbitration.value) {
     ElMessage({
-      message: '只能上传一张图片',
+      message: '请填写完结原因',
       type: 'warning',
     });
     return;
   }
+  console.log(CompensationParty.value, 'CompensationParty赔款列表');
+  console.log(details.selectionList, '选中的参数');
 
-  appeal.value.loadingappeal = true;
-
-  let data = {
-    peopleEntityList: [],
-    imagePath: '',
-    workOrderId: '',
-    appealPeopleName: '',
-  };
-
-  data.reason = appeal.value.Reasonforappeal;
-  data.appealPeopleName = warehouseData.value
-    .filter(item => appeal.value.Appealselection.includes(item.value))
-    .map(item => item.label)
-    .join(',');
-
-  appeal.value.Appealselection.forEach(item => {
-    const selectedWarehouse = warehouseData.value.find(res => res.value === item);
-    data.peopleEntityList.push({
-      workOrderId: appeal.value.selectList[0].id,
-      reason: appeal.value.Reasonforappeal,
-      claimant: UserInfo.value.content.user_name,
-      actualPersonId: selectedWarehouse.value,
-      actualPersonName: selectedWarehouse.label,
+  // 初始化data数组，其结构对应于details.selectionList的长度
+  let data = details.selectionList.map(() => ({
+    id: details.selectionList[0].id,
+    reasonArbitration: Reasonarbitration.value,
+    completionRecipientEntities: [],
+    completionRecordEntities: [],
+  }));
+  console.log(data, '初始值');
+  // 填充data数组
+  details.selectionList.forEach((selection, index) => {
+    CompensationParty.value.forEach(party => {
+      // 根据state值创建不同类型的对象填充到相应的数组中
+      if (party.state === 0) {
+        // 赔款方信息对象
+        const record = {
+          indemnitor: party.name,
+          reason: party.reason,
+          money: Number(party.num),
+          reasonArbitration: Reasonarbitration.value,
+          warehouseId: party.warehouseId, //仓库
+          compensationPersonnel: party.personResponsibleName, //责任人
+          workOrderId: selection.id, //工单id
+        };
+        // 将赔款方信息添加到对应的completionRecordEntities数组中
+        data[index].completionRecordEntities.push(record);
+      } else {
+        // 受款方信息对象
+        const recipient = {
+          recipient: party.name,
+          reasonReceivingPayment: party.reason,
+          money: Number(party.num),
+          responsibleParty: '', //
+          workOrderNumber: selection.workOrderNumber,
+          workOrderId: selection.id, //工单id
+          // warehouseId: selection.warehouseId,(修改过)
+          warehouseId: party.warehouseId, //仓库
+        };
+        // 将受款方信息添加到对应的completionRecipientEntities数组中
+        data[index].completionRecipientEntities.push(recipient);
+      }
     });
   });
-
-  data.workOrderId = appeal.value.AppealeditorState
-    ? appeal.value.selectList[0].workOrderId
-    : appeal.value.selectList[0].id;
-
-  if (appeal.value.AppealeditorState) {
-    data.id = appeal.value.selectList[0].id;
-  }
-
-  if (appeal.value.AppealAttachment.length > 0) {
-    const attachment = appeal.value.AppealAttachment[0];
-    data.imagePath = attachment.response ? attachment.response.data.link : attachment.url;
-  }
-
+  // 赔款方
   console.log(data, '处理好的值');
-
-  try {
-    const { data: response } = await $_appealSubmit(data);
-    const { code, msg } = response;
-
-    if (code === 200) {
+  $_addCompletionEnd(data).then(res => {
+    DataRendering(TabPermissions.value, details.query, true);
+    PLloading.value = false; //关闭处理加载效果
+    dialogBatchcompletion.value = false; //关闭弹窗
+    console.log(res, '完结成功返回值');
+    if (res.data.code) {
       ElMessage({
-        message: msg,
+        message: res.data.msg,
         type: 'success',
       });
     }
-
-    appeal.value.dialogappeal = false;
-    updateMenuAndData(); //更新菜单数据
-  } finally {
-    appeal.value.loadingappeal = false;
-  }
+  });
 };
-
-// 删除申诉记录
-const Deleteappealrecords = async row => {
-  ElMessageBox.confirm('是否删除当前记录?', '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  })
-    .then(async () => {
-      try {
-        appeal.value.loadingappeal = true;
-        let data = {
-          ids: row.id,
-        };
-        let _res = await $_getDetails(data);
-        if (_res.data.code == 200) {
+// 批量删除申诉
+const Batchdeletionappeals = () => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选选择要删除的数据',
+      type: 'warning',
+    });
+    return;
+  }
+  let ids = '';
+  if (details.selectionList.length) {
+    ids = details.selectionList.map(item => item.id).join(',');
+    $_getDetails({
+      ids: ids,
+    })
+      .then(res => {
+        console.log(res, '删除成功返回值');
+        if (res.data.code == 200) {
           ElMessage({
             message: '删除成功',
             type: 'success',
           });
-          updateMenuAndData(); //获取新数据
         }
-      } catch {
-      } finally {
-        appeal.value.loadingappeal = false;
+        AppealListFn();
+      })
+      .catch(res => {
+        console.log(res, '删除失败返回值');
+      });
+  }
+};
+// 删除申诉
+const Deleteappeal = val => {
+  let id = val.row.id;
+  $_getDetails({ ids: id })
+    .then(res => {
+      if (res.data.code == 200) {
+        ElMessage({
+          message: '删除成功',
+          type: 'success',
+        });
       }
+      AppealListFn();
     })
-    .catch(() => {});
+    .catch(res => {
+      console.log(res, '删除失败返回值');
+    });
 };
 
-/**
- *
- * @description 工单取消申诉
- */
-const CancelWorkOrderAppeal = row => {
-  ElMessageBox.confirm('是否取消申诉?', '提示', {
+// 导出报表
+const exportReport = () => {
+  ElMessageBox.confirm('是否导出报表?', {
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     type: 'warning',
   })
     .then(() => {
-      let data = {
-        id: row.id, //取消申诉ID
-        typesOf: '3', //申诉状态
-        workOrderId: row.workOrderId, //异常工单ID
+      let dataID = {
+        workOrderStatus: details.query.workOrderStatus,
       };
-      PageLoading.value = true;
-      $_Cancelappeal(data)
+      if (details.selectionList.length) {
+        dataID.ids = details.selectionList.map(item => item.id).join(',');
+      }
+      pageLoad.value = true;
+      $_exportAftersalesWorkOrder(dataID)
         .then(res => {
-          console.log(res, '取消申诉返回值');
-          if (res.data.code == 200) {
-            updateMenuAndData(); //获取新数据
-            ElMessage({
-              message: '取消申诉成功',
-              type: 'success',
-            });
-          }
+          const currentDate = new Date();
+          const formattedDate = `${currentDate.getFullYear()}${(currentDate.getMonth() + 1)
+            .toString()
+            .padStart(2, '0')}${currentDate.getDate().toString().padStart(2, '0')}${currentDate
+            .getHours()
+            .toString()
+            .padStart(2, '0')}${currentDate.getMinutes().toString().padStart(2, '0')}${currentDate
+            .getSeconds()
+            .toString()
+            .padStart(2, '0')}`;
+          console.log(res, '导出');
+          downloadXls(res.data, `导出工单数据${formattedDate}.xlsx`);
         })
-        .catch(error => {
-          console.log(error);
+        .catch(e => {
+          console.log(e, 'error');
         })
         .finally(() => {
-          PageLoading.value = false;
+          pageLoad.value = false;
         });
     })
     .catch(() => {});
 };
-/**
- * @description: [全部]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails0 = row => {
-  console.log(row, '当前行数据');
-  const workOrderInfoPath_Info = '/aftersales/aftersalesWorkOrderInfo'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-详情信息`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_Info, query: { ...queryParams } });
+// 超时导出
+const TimedoutExport = () => {
+  ElMessageBox.confirm('是否导出超时报表?', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      let data = {};
+      if (details.selectionList.length) {
+        data.ids = details.selectionList.map(item => item.id).join(',');
+      }
+      $_exportaftersalesOvertimeFine(data).then(res => {
+        downloadXls(res.data, `超时导出数据.xlsx`);
+      });
+    })
+    .catch(() => {});
 };
-
-/**
- * @description: [待回复]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails8 = row => {
-  console.log(row, '当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-回复信息`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [待回复]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails3 = row => {
-  console.log(row, '【待回复】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-处理结果`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [处理中]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails1 = row => {
-  console.log(row, '【处理中】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-处理结果`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [理赔金额未出]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails4 = row => {
-  console.log(row, '【理赔金额未出】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.lawoId, //理赔金额未出的异常ID
-    subId: row.laprId, //修改处理结果提交需要的ID
-    name: `${row.workOrderNumber}-处理结果`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-    businessId: row.businessId, //客服仲裁完结需要的ID（后期看情况可以删除）
+// 默认指派
+const defaultAssignments = () => {
+  CustomerServicea.value = true; //开启弹窗
+  let data = {
+    current: assigncurrentPage.value,
+    size: assignpageSize.value,
+    typesOf: AssignmentType.value,
   };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+  CustomerLoad.value = true; //开启加载
+  $_aftersalesCustomerMall(data)
+    .then(res => {
+      console.log(res, '获取成功值');
+      CustomerData.value = res.data.data.records;
+      CustomerTotal.value = res.data.data.total;
+    })
+    .catch(res => {})
+    .finally(res => {
+      CustomerLoad.value = false; //关闭加载
+    });
+};
+// 商场指派每一页多少个条
+const assignsizeChange = val => {
+  console.log('123');
+  (assignpageSize.value = val), defaultAssignments();
+};
+// 点击多少页
+const assigncurrentChange = val => {
+  assigncurrentPage.value = val;
+  defaultAssignments();
+};
+// 解绑客服默认指派
+const Unbindassignment = val => {
+  // let data=
+  ElMessageBox.confirm('是否确定解绑?', 'Warning', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(() => {
+      console.log(val, '解绑指派');
+      let data = {
+        ids: val.row.id,
+      };
+      CustomerLoad.value = true; //开启加载
+      $_aftersalesCustomerMallremove(data).then(res => {
+        console.log(res, '解绑成功');
+        if (res.data.code == 200) {
+          ElMessage({
+            type: 'success',
+            message: '解绑成功',
+          });
+          defaultAssignments();
+        }
+      });
+    })
+    .catch(() => {})
+    .finally(res => {
+      CustomerLoad.value = false; //开启加载
+    });
 };
 
-/**
- * @description: [处理完毕]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails2 = row => {
-  console.log(row, '【处理完毕】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-处理完毕`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [客服介入]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails5 = row => {
-  console.log(row, '【客服介入】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-客服介入`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [待审核]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails9 = row => {
-  console.log(row, '【待审核】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-待审核`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [完结]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails6 = row => {
-  console.log(row, '【完结】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.id, //异常工单ID
-    name: `${row.workOrderNumber}-完结`,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
-};
-/**
- * @description: [申诉列表]常工单号，跳转到详情信息页面
- * @param {Object} row - 当前行数据
- * @return {void}
- */
-const ViewDetails10 = row => {
-  console.log(row, '【申诉列表】当前行数据');
-  const workOrderInfoPath_end = '/aftersales/aftersalesWorkOrderend'; //跳转路径
-  const queryParams = {
-    id: row.workOrderId, //申诉列表查询需要的ID
-    workOrderId: row.id, //申诉驳回用的ID
-    name: `${row.workOrderNumber}-申诉`,
-    typesOf: row.typesOf,
-    workOrderNumber: row.workOrderNumber, //异常工单号
-    RouteIndexs: TabPermissions.value, //当前菜单编号
-    workOrderStatus: row.workOrderStatus, //工单状态
-  };
-  $router.push({ path: workOrderInfoPath_end, query: { ...queryParams } });
+// 设为默认
+const setAsdefault = val => {
+  let data = {};
+  data = val.row;
+  CreateassignmentLoading.value = true; //开启加载
+  $_aftersalesCustomerMallsetDefault(data)
+    .then(res => {
+      console.log(res, '设为默认');
+      if (res.data.code == 200) {
+        defaultAssignments();
+      }
+    })
+    .catch(res => {})
+    .finally(() => {
+      CreateassignmentLoading.value = false; //关闭加载
+    });
 };
-// 全部异常工单号点击查看
-const ViewDetailsRow = row => {
-  console.log(row, '异常工单号点击查看详情当前行数据');
-  switch (TabPermissions.value) {
-    case 0:
-      ViewDetails0(row);
-      break;
-    case 1:
-      ViewDetails1(row);
-      break;
-    case 2:
-      ViewDetails2(row);
-      break;
-    case 3:
-      ViewDetails3(row);
-      break;
-    case 4:
-      ViewDetails4(row);
-      break;
-    case 5:
-      ViewDetails5(row);
-      break;
-    case 6:
-      ViewDetails6(row);
-      break;
-    case 8:
-      ViewDetails8(row);
-      break;
-    case 9:
-      ViewDetails9(row);
-      break;
-    case 10:
-      ViewDetails10(row);
-      break;
-    default:
-      break;
+
+// 指派新增
+const CreateAdditions = () => {
+  if (AssignmentType.value == '2') {
+    $_basicdataTripartiteMall({}).then(res => {
+      console.log(res, '商场指派列表');
+      if (res.data.data) {
+        Malldropdown.value = res.data.data;
+      }
+    });
   }
+  Createassignment.value = true; //开启弹窗
+  $_getCustomerServicePersonnel({})
+    .then(res => {
+      console.log(res, '客服列表');
+      AssignCustomerservice.value = res.data.data;
+    })
+    .catch(error => {
+      console.log(error, '客服列表错误');
+    });
 };
+// 指派切换
+const AssignSwitch = val => {
+  console.log(val);
 
-/**
- *  @description: 查看按钮
- *  @param {Object} row 当前行数据
- *  @return {void} 无返回值
- */
-const ViewDetails = row => {
-  console.log(row, '点击查看详情当前行数据');
-  switch (TabPermissions.value) {
-    case 0:
-      ViewDetails0(row); //全部
-      break;
-    case 1:
-      ViewDetails1(row);
-      break;
-    case 2:
-      ViewDetails2(row);
-      break;
-    case 3:
-      ViewDetails3(row);
-      break;
-    case 4:
-      ViewDetails4(row);
-      break;
-    case 5:
-      ViewDetails5(row);
-      break;
-    case 6:
-      ViewDetails6(row);
-      break;
-    case 8:
-      ViewDetails8(row);
-      break;
-    case 9:
-      ViewDetails9(row);
-      break;
-    case 10:
-      ViewDetails10(row);
-      break;
-    default:
-      break;
+  if (val.props.name == '0') {
+    // 总部指派
+    AssignmentType.value = '1';
+  } else if (val.props.name == '1') {
+    // 商场指派
+    AssignmentType.value = '2';
   }
+  defaultAssignments();
 };
-// 理赔金额未出处理结果确定
-const ResultConfirmed = async row => {
-  console.log(row);
-  try {
-    let _submit = {
-      assignList: [],
-    };
-    if (row.lawoId) {
-      // 单个
-      _submit.assignList.push(row.lawoId);
-    } else {
-      // 批量
-      if (!details.selectionList.length) {
-        ElMessage.warning('请勾选要处理的数据');
-        return;
+// 指派提交
+const AssignSubmission = () => {
+  let data = {
+    aftersalesCustomerMallEntities: [],
+  };
+  AssignCustomerlist.value.forEach(res => {
+    data['aftersalesCustomerMallEntities'].push({
+      customerServiceId: AssignCustomerservice.value.find(data => data.id == res).id, //仓库客服名称ID
+      customerServiceName: AssignCustomerservice.value.find(data => data.id == res).realName, //客服名称
+      clientId: BatchFrom.value.AssignWarehouse, //客服仓库ID
+      clientName:
+        AssignmentType.value == '1'
+          ? warehouseData.value.find(res => res.value == BatchFrom.value.AssignWarehouse).label
+          : Malldropdown.value.find(res => res.id == BatchFrom.value.AssignWarehouse)
+              .tripartiteMall, //客服绑定仓库
+      typesOf: AssignmentType.value,
+      conditions: '2',
+    });
+  });
+  CreateassignmentLoading.value = true; //开启加载
+  $_aftersalesCustomerMallsave(data)
+    .then(res => {
+      console.log(res, '指派成功');
+      if (res.data.code == 200) {
+        ElMessageBox.confirm('提交成功是否关闭?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+          .then(() => {
+            Createassignment.value = false; //关闭页面
+            AssignCustomerlist.value = []; //清空选中列表
+            BatchFrom.value.AssignWarehouse = ''; //清空选择
+            defaultAssignments();
+          })
+          .catch(() => {});
       }
-      _submit.assignList = details.selectionList.map(item => item.lawoId);
-    }
-    ElMessageBox.confirm(`是否确认${row.lawoId ? '提交' : '批量提交'}处理结果?`, '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning',
     })
-      .then(async () => {
-        let _res = await $_updateWorkOrderStatus(_submit);
-        const { code, msg } = _res.data;
-        if (code == 200) {
-          console.log(_res, '理赔金额未出处理结果确定');
-          ElMessage.success(msg);
-          updateMenuAndData(); //获取最新数据
-        }
-      })
-      .catch(() => {});
-  } catch (e) {
-    console.log(e);
-  } finally {
-  }
-};
-/**
- * @description: 批量处理结果(打回)
- * @return {void} 无返回值
- */
-const BatchReturnResults = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请勾选要处理的数据',
-      type: 'warning',
+    .catch(res => {})
+    .finally(() => {
+      CreateassignmentLoading.value = false; //关闭加载
     });
-    return;
-  }
-  BatchReturn.value.dialogReturn = true; //展开弹窗
-};
-const ConfirmReturn = async () => {
-  const validateAndProcessReturn = async () => {
-    try {
-      const selectedObjs = warehouseData.value.filter(obj =>
-        BatchReturn.value.BatchFrom.businessDepartment.includes(obj.value)
-      );
-
-      const businessId = selectedObjs.map(item => item.value).join(',');
-      const businessName = selectedObjs.map(item => item.label).join(',');
-      const processorList = selectedObjs.map(item => ({ id: item.value, name: item.label }));
-      const workOrderIds = details.selectionList.map(item => item.id);
-
-      const data = {
-        businessId,
-        businessName,
-        processorList,
-        reasonReturn: BatchReturn.value.BatchFrom.txt,
-        workOrderIds,
-        typesOf: '1',
-      };
-
-      console.log(data, '处理好的值');
+  console.log(data, '处理好的值');
+};
+</script>
 
-      const _res = await $_batchReturn(data);
-      const { code, msg } = _res.data;
+<style scoped lang="scss">
+.el-card {
+  height: 100%;
+  :deep(.el-card__body) {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+}
+.page {
+  height: 30px;
+  flex: 1;
+  display: flex;
+  align-items: flex-end;
+  padding-bottom: 14px;
+  justify-content: flex-end;
+}
+:deep(.el-Cart-button) {
+  margin-bottom: 8px;
+  display: flex;
+  justify-content: space-between;
+}
+.el-Cart-button-right {
+  display: flex;
+  margin: 0 0px;
+  justify-content: space-between;
+}
+.el-Cart-button-right {
+  display: flex;
+  margin: 0 0px;
+  justify-content: space-between;
+  align-items: center;
+  button {
+    background-color: transparent;
+    border-radius: 50%;
+    width: 30px;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #ccc;
+    margin-right: 8px;
 
-      if (code === 200) {
-        ElMessage.success(msg);
-        BatchReturn.value.dialogReturn = false; //关闭弹窗
-        updateMenuAndData(); //获取最新数据
+    &:hover {
+      background-color: #172e601f;
+      i {
+        color: #0e2549;
       }
-    } catch (e) {
-      console.error(e);
     }
-  };
-
-  batchReturnForm.value.validate(async valid => {
-    if (valid) {
-      ElMessageBox.confirm('是否确认批量打回营业部?', '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
-        type: 'warning',
-      })
-        .then(async () => {
-          await validateAndProcessReturn();
-        })
-        .catch(() => {});
+    // 去掉最后一个按钮右侧边距
+    &:last-child {
+      margin-right: 0;
     }
-  });
-};
-/**
- * @description 工单指派
- * @return {void} 无返回值
- */
-const WorkOrderAssignment = () => {
-  // 检查是否选中任何工单
-  if (!details.selectionList.length) {
-    // 提示用户选择数据
-    ElMessage({
-      message: '请勾选要处理的数据',
-      type: 'warning',
-    });
-    return;
   }
-  // 初始化指派表单并打开指派弹窗
-  assignFrom.value = { ...assignFrom.value, businessDepartment: '', dialogassign: true };
-};
-
-/**
- * 工单指派确定按钮
- * 1.根据选择的客服ID,名称,和选择的工单ID,将其组装成一个data对象
- * 2.然后调用$_assignCustomerService(data)接口,
- * 3.成功后关闭加载,关闭弹窗,重新拉取数据
- */
-const Assignbutton = async () => {
-  const WorkOrderAssignmentFunction = async () => {
-    const assignForm = assignFrom.value;
-    assignForm.AssignLoad = true; // 开启加载
-
-    try {
-      // 筛选选择的工单
-      const foundObjs = assignForm.customerService.find(
-        obj => obj.id == assignForm.businessDepartment
-      );
-
-      if (!foundObjs) {
-        console.error('未找到对应的工单信息');
-        return;
-      }
-
-      // 构建请求数据
-      const data = {
-        customerServiceId: foundObjs.id, // 归属客服ID
-        customerServiceName: foundObjs.realName, // 归属客服名称
-        assignList: details.selectionList.map(item => item.id), // 异常工单ID/工单ID
-      };
-
-      // 发起请求
-      const _res = await $_assignCustomerService(data);
-      const { code, msg } = _res.data;
-
-      if (code !== 200) {
-        console.error('分配客服失败:', msg);
-        return;
-      }
-
-      // 关闭弹窗
-      assignForm.dialogassign = false;
-
-      // 更新当前菜单和请求数据
-      updateMenuAndData();
-    } catch (error) {
-      console.error('分配客服时发生错误:', error);
-    } finally {
-      assignForm.AssignLoad = false; // 关闭加载
+}
+.IndexFrom {
+  display: flex;
+  flex-wrap: wrap;
+  .el-form-item {
+    margin: 10px;
+    width: 31%;
+    height: 46px;
+    display: flex;
+    align-items: center;
+  }
+  .el-form-item__content {
+    .el-input {
+      height: 36px;
+      width: 206px;
+    }
+  }
+  .el-input__wrapper {
+    height: 32px !important;
+  }
+  :deep(.el-input) {
+    width: 100% !important;
+  }
+  :deep(.el-input__wrapper) {
+    height: 30px !important;
+  }
+  :deep(.el-select) {
+    width: 100%;
+  }
+}
+.Transport_damage_photos {
+  padding: 6px;
+  .title {
+    font-size: 14px;
+    margin-bottom: 9px;
+    display: block;
+  }
+}
+.endClass {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  .el-form-item {
+    margin: 6px;
+    width: 32%;
+  }
+  .el-select {
+    width: 100%;
+  }
+  :deep(.el-input) {
+    width: 100%;
+  }
+  :deep(.el-input__wrapper) {
+    height: 26px;
+  }
+  .Transport_damage_photos {
+    .title {
+      font-size: 14px;
     }
-  };
+  }
+}
+.ProcessingResults {
+  width: 100%;
+  height: 260px;
+  border: 1px solid #ccc;
+  position: relative;
+  padding: 26px;
+  box-sizing: border-box;
+  margin-top: 20px;
+  .title {
+    position: absolute;
+    top: -20px;
+    left: 20px;
+    font-size: 26px;
+    background-color: #fff;
+  }
+}
+.selector {
+  display: flex;
+  width: 100%;
+  padding: 16px;
+  padding-left: 6px;
+  .title {
+    width: 108px;
+  }
+}
+.Listadmiration {
+  display: flex;
+  flex-wrap: wrap;
+  .name {
+    display: flex;
+    margin: 10px 5%;
 
-  assignFromForm.value.validate(async valid => {
-    if (valid) {
-      ElMessageBox.confirm('是否确认指派该客服?', '提示', {
-        confirmButtonText: '确认',
-        cancelButtonText: '取消',
-        type: 'warning',
-      }).then(async () => {
-        await WorkOrderAssignmentFunction();
-      });
-    } else {
-      ElMessage.warning('请检查表单是否填写否完整');
+    span {
+      display: block;
+      width: 90px;
     }
-  });
-};
-/**
- * 弹窗多行搜索
- * 1.获取当前选中的客户信息
- * 2.然后根据客户信息,去后台查询对应的客服信息
- * 3.将查询到的客服信息显示在弹窗中
- * 4.然后用户可以选择对应的客服
- * 5.最终将选择的客服信息,分配给对应的工单
- */
-const MultilineSearch = (title, input) => {
-  if (input) {
-    const formattedInput = input.split(',').join('\n');
-    TopQuery.value.inputAll = formattedInput; // 赋值给 inputAll
-  } else {
-    TopQuery.value.inputAll = '';
   }
-
-  Searchboxpop.value.SearchboxpopUpwindowtitle = title; // 设置标题
-
-  Searchboxpop.value.dialogSearch = true; // 打开对话框
-};
-/**
- * @description  dialogSearchSubmit
- * 1.获取用户输入的所有数据
- * 2.将其拆分成每一行
- * 3.然后将每一行的前后空格去除
- * 4.然后将所有的行连接起来
- * 5.将连接起来的数据重新赋值给workOrderNumber
- * @param {void} 无参数
- * @return {void} 无返回值
- */
-const dialogSearchSubmit = () => {
-  // 1.获取用户输入的所有数据
-  const inputAll = TopQuery.value.inputAll;
-
-  // 2.将其拆分成每一行
-  const lines = inputAll
-    .split('\n') // 按换行分割
-    .map(line => line.trim()) // 移除每一行前后的空格
-    .filter(line => line !== ''); // 过滤掉空行
-
-  // 3.然后将每一行的前后空格去除
-
-  // 4.然后将所有的行连接起来
-  const joinedLines = lines.join(','); // 使用逗号连接，无空格
-
-  // 5.将连接起来的数据重新赋值给workOrderNumber
-  TopQuery.value.workOrderNumber = joinedLines;
-  Searchboxpop.value.dialogSearch = false; //关闭弹窗
-};
-// 关闭
-const close = () => {
-  Searchboxpop.value.dialogSearch = false; //关闭弹窗
-  Searchboxpop.value.MinimizeState = false; //销毁最小化
-};
-// 最大化
-const maximize = () => {
-  Searchboxpop.value.fullscreen = !Searchboxpop.value.fullscreen; //最大化
-};
-
-// 最小化
-const minimize = () => {
-  Searchboxpop.value.dialogSearch = false; //关闭弹窗
-  Searchboxpop.value.MinimizeState = true; //最小化
-};
-const ExpandWindow = () => {
-  Searchboxpop.value.dialogSearch = true; //回复窗口弹窗
-  Searchboxpop.value.MinimizeState = false; //销毁最小化
-};
-const DestroyWindow = () => {
-  Searchboxpop.value.MinimizeState = false; //销毁最小化
-};
-</script>
-
-<style scoped lang="scss">
+}
+.ElBtnClass {
+  button {
+    border: none;
+    padding: 0;
+    background-color: transparent;
+  }
+  button:hover {
+    background-color: transparent;
+  }
+}
 :deep(.el-card) {
   height: 100%;
 }
-:deep(.el-card__body) {
+.avue-crud {
   height: 100%;
   display: flex;
   flex-direction: column;
-  padding: 0 !important;
-}
-.el-fy {
-  flex: 1;
-  display: flex;
-  align-items: flex-end;
 }
-.avue-crud {
+:deep(.el-card__body) {
   height: 100%;
+}
+.lptime {
+  margin-top: 30px;
+  padding-left: 60px;
   display: flex;
   flex-direction: column;
-}
-:deep(.el_tabs) {
-  .el-tabs__item {
-    font-family: '黑体';
-    border-right: 1px dashed #00000014;
-  }
-  .is-active {
-    font-family: '黑体';
-    font-weight: bold;
+  font-size: 14px;
+  :deep(.el-input__wrapper) {
+    height: 30px;
   }
-  .el-tabs__content {
-    display: none;
+  .name {
+    margin-bottom: 10px;
   }
 }
-.avue-crud__header {
-  min-height: initial;
-  margin: 4px 0;
-  padding: 0 4px;
+.recordCl {
+  height: 200px;
+  overflow-y: scroll;
 }
-.avue-crud__left {
-  .el-button {
-    border-radius: 2px;
+.el_Completion {
+  padding: 10px 0;
+  .title {
+    font-size: 14px;
   }
 }
-:deep(.el_appeal) {
-  .el-form-item {
-    flex-direction: column;
-    align-items: flex-start;
-    .el-form-item__label {
-      position: relative;
-    }
-    .el-form-item__content {
-      width: 100% !important;
+.el-ckbtn {
+  margin-top: 10px;
+}
+.payanindemnity {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+  .title {
+    width: 120px;
+    height: 100%;
+    display: flex;
+    display: block;
+    align-items: center;
+  }
+  .sk_input {
+    margin: 0 5px;
+    margin-left: 20px;
+    width: 20%;
+    display: flex;
+    span {
+      width: 70px;
+      font-size: 16px;
+      font-weight: 300;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
     }
   }
+  .el-button {
+    background-color: #ff0000;
+    border: none;
+  }
 }
-:deep(.plAllret) {
-  height: 30%;
+.el_clzr {
+  padding: 0 18px;
+  padding-left: 8px;
 
-  display: flex;
-  flex-direction: column;
-  .el-select {
+  :deep(.el-select) {
     width: 100%;
   }
-  .el-dialog__footer {
-    display: flex;
-    flex: 1;
-    align-items: flex-end;
-    justify-content: flex-end;
+  :deep(.el-input) {
+    height: 38px;
   }
 }
-:deep(.el-fr-d) {
+.el-fy {
+  flex: 1;
   display: flex;
-  .el-form-item {
-    width: 20%;
+  align-items: flex-end;
+  margin-bottom: 10px;
+}
+.el-times {
+  :deep(.el-input__wrapper) {
+    height: 30px !important;
   }
-  .el_div_input {
-    width: 100%;
+}
+:deep(.el_tims_box) {
+  width: 100%;
+  display: flex;
+  .topText {
     display: flex;
-    align-items: center;
-    .el-icon {
-      font-size: 2em;
-    }
+    align-items: flex-start;
   }
   .el-form-item {
-    margin: 0;
-    margin: 10px 6px;
+    margin: 6px 0;
   }
 }
-:deep(.Searchboxpop-upwindow) {
-  .el-overlay {
-    position: absolute;
-    .el-dialog {
-      min-height: 70%;
-    }
-    .el-overlay-dialog {
-      position: absolute;
+.el-fr-d {
+  margin: 6px 0px;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.el-btn {
+  flex-direction: row;
+  margin-right: 0;
+  margin-bottom: 0;
+  :deep(.el-form-item__content) {
+    flex-direction: row;
+    flex-wrap: nowrap;
+  }
+}
+:deep(.el-card) {
+  box-shadow: none;
+}
+.content_max {
+  display: flex;
+  height: 100%;
+}
+.content_right {
+  flex: 1;
+  height: 100%;
+  width: 100%;
+}
+.el_times {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-content: space-between;
+  :deep(.el-form-item) {
+    margin: 0;
+    align-items: center;
+    .el-form-item__label {
+      margin-left: 20px;
     }
-    .el-dialog__header {
+  }
+}
+.topText {
+  width: 100%;
+  :deep(.el-form-item) {
+    margin-right: 4px;
+  }
+}
+.content {
+  width: 100%;
+  height: 300px;
+  overflow-y: scroll;
+  scroll-behavior: smooth;
+  /* 添加平滑滚动效果 */
+  border-radius: 5px;
+  .YH {
+    width: 100%;
+    min-height: 50px;
+    margin: 4px 0;
+    display: flex;
+    flex-direction: row;
+    .box {
+      width: 386px;
+      height: 100%;
       display: flex;
+      flex-direction: row;
       justify-content: space-between;
-      .title {
-        position: relative;
-        padding: 0 10px;
+      .name {
+        display: flex;
+        flex-direction: column;
+        span {
+          display: flex;
+          justify-content: flex-start;
+          padding-left: 10px;
+          margin-bottom: 10px;
+        }
+        .time {
+          display: flex;
+          justify-content: flex-end;
+          padding: 0 10px;
+          margin-top: 4px;
+        }
       }
-      .title::after {
-        content: '*';
-        color: #172e60;
+    }
+    .input {
+      border: 1px solid;
+      width: 300px;
+      min-height: 30px;
+      box-sizing: border-box;
+      border-radius: 8px;
+      padding: 8px;
+      margin: 0 6px;
+      text-indent: 2em;
+      position: relative;
+      .ico {
         position: absolute;
-        font-size: 20px;
-        top: 0;
-        left: 0;
+        right: -6%;
+        bottom: 0;
       }
-      .div_icon {
-        width: 100px;
+    }
+  }
+  .KF {
+    width: 100%;
+    min-height: 50px;
+    margin: 4px 0;
+    display: flex;
+    justify-content: flex-end;
+    .box {
+      width: 386px;
+      height: 100%;
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: space-between;
+      .name {
         display: flex;
-        justify-content: space-between;
-        font-size: 19px;
-        cursor: pointer;
+        flex-direction: column;
+        span {
+          display: flex;
+          justify-content: flex-end;
+          padding-right: 10px;
+          margin-bottom: 10px;
+        }
+        .time {
+          display: flex;
+          justify-content: flex-start;
+          padding: 0 10px;
+          margin-top: 4px;
+        }
       }
     }
-    .el-dialog__footer {
-      display: flex;
-      justify-content: center;
-      padding: 6px;
-      .el-button {
-        width: 160px;
-        height: 35px;
+    .input {
+      border: 1px solid;
+      width: 300px;
+      min-height: 30px;
+      box-sizing: border-box;
+      border-radius: 8px;
+      padding: 8px;
+      margin: 0 6px;
+      text-indent: 2em;
+      position: relative;
+      .ico {
+        position: absolute;
+        left: -16%;
+        bottom: 0;
       }
     }
   }
+  .TX {
+    height: 50px;
+    width: 50px;
+    border-radius: 50%;
+    border: 1px solid #ccc;
+    background: url('../../../public/img/tx.png') no-repeat;
+    background-size: cover;
+  }
+}
+.inputTextarea {
+  margin-top: 50px;
+  display: flex;
+  align-items: flex-end;
+  .fell {
+    width: 100%;
+    .el-upload-list {
+      display: none;
+    }
+  }
+}
+.btn_fs {
+  margin-left: 50px;
 }
-.minimize_windows {
-  width: 200px;
-  height: 49px;
-  border: 1px solid #cccccc82;
-  position: absolute;
-  bottom: 1px;
-  left: 10px;
-  box-shadow: 2px -1px 0.15625vw #c1c1c187;
+.felltis {
+  height: 28px;
   display: flex;
   align-items: center;
-  justify-content: space-around;
-  .title {
-    height: 100%;
+  justify-content: center;
+  margin-left: 4px;
+  border: 1px dashed;
+  padding: 0 4px;
+  border-radius: 3px;
+}
+.el_fk {
+  .my-header {
+    display: flex;
+    justify-content: space-between;
+    margin-right: 25px;
+  }
+  .el-dialog__title {
+    margin: 0;
+  }
+}
+.plAllret {
+  :deep(.el-select) {
+    width: 100%;
+  }
+  .el-select {
+    width: 100%;
+  }
+}
+
+:deep(.is-active) {
+  font-weight: bold !important;
+}
+.Improveinformation {
+  width: 100%;
+  :deep(.custom-tabs-label) {
     display: flex;
     align-items: center;
-    span {
-      font-size: 16px;
-    }
   }
-  span {
-    font-size: 14px;
+  :deep(.el-tab-pane) {
+    padding: 10px;
+  }
+}
+.paySum {
+  margin-top: 36px;
+  font-size: 14px;
+  display: flex;
+  justify-content: space-between;
+  .sum {
+    display: flex;
   }
-  .div_icon {
+  span {
+    margin-right: 30px;
     display: flex;
     align-items: center;
-    width: 54px;
-    justify-content: space-between;
-    font-size: 20px;
+  }
+}
+:deep(.el_Batchcompletion) {
+  height: 745.6px;
+  overflow-y: scroll;
+  margin: 0;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.el_btn {
+  display: flex;
+  justify-content: flex-end;
+}
+:deep(.el_tabs) {
+  width: 100%;
+  display: flex;
+  flex-direction: column-reverse;
+  justify-content: space-between;
+  .el-tabs__content {
+    padding: 0;
+    flex: 1;
+  }
+  .el-tabs__header {
+    height: 37px;
+    width: 100%;
+  }
+}
+:deep(.avue-crud__pagination) {
+  padding-top: 2px !important;
+}
+.arbitrate {
+  margin-top: 36px;
+  .el_btn {
+    margin-top: 10px;
+  }
+  :deep(.el-tabs__content) {
+    padding: 0 !important;
+    flex: 1;
+  }
+}
+.el_appeal {
+  :deep(.el-select) {
+    width: 100% !important;
+    margin-bottom: 10px;
+  }
+  :deep(.el-form-item) {
+    flex-direction: column;
+    align-items: flex-start;
+    .el-form-item__content {
+      width: 100% !important;
+    }
+  }
+}
+.el_sdialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+}
+:deep(.avue-crud__header) {
+  align-items: center;
+}
+.el_amount {
+  display: flex;
+  justify-content: space-between;
+}
+.el_textBtn {
+  color: #9bb40d;
+}
+:deep(.el-upload-dragger) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.el_DingTalk {
+  :deep(.el-input--prefix) {
+    height: 32px !important;
+    width: 100%;
+  }
+}
+:deep(.el-table tr) {
+  &.Abnormal {
+    background: #b7bece;
+
+    .tabculconte,
+    .el-tooltip,
+    .el-button--text {
+      color: #000000 !important;
+    }
+    // td{
+    //   border-top: 1px solid  #1f7fed;
+    //   border-bottom: 1px solid  #1f7fed;
+    // }
+    // td:first-of-type {
+    //   border-left: 3px solid  #dc2e2e;
+
+    // }
+    //   td:last-of-type {
+    //     border-right: 3px solid  #dc2e2e;
+    //   }
+  }
+
+  &.hover-row {
+    .tabculconte,
+    .el-tooltip,
+    .el-button--text {
+      color: var(--el-color-primary) !important;
+    }
+  }
+}
+.el_Customer {
+  width: 440px;
+  #bodys {
+    height: 300px !important;
+  }
+}
+.el_FyCustomer {
+  margin-top: 3px;
+  justify-content: space-between;
+}
+.el_Createbinding {
+  height: 110px;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  .el_Customer {
+    margin-left: 10px;
   }
 }
 </style>
diff --git a/src/views/aftersales/aftersalesWorkOrderend.vue b/src/views/aftersales/aftersalesWorkOrderend.vue
index 414d78d3..dd3c5794 100644
--- a/src/views/aftersales/aftersalesWorkOrderend.vue
+++ b/src/views/aftersales/aftersalesWorkOrderend.vue
@@ -3,8 +3,8 @@
     <div class="contemtMax">
       <div class="left">
         <el-tabs type="border-card" class="topClass" v-model="identifying">
-          <el-tab-pane label="订单信息" :name="1"></el-tab-pane>
-          <el-tab-pane label="零担信息" :name="2"></el-tab-pane>
+          <el-tab-pane label="订单信息" :name="1" :disabled="identifying == 2"></el-tab-pane>
+          <el-tab-pane label="零担信息" :name="2" :disabled="identifying == 1"></el-tab-pane>
         </el-tabs>
 
         <el-form :model="endFrom" :rules="ruleForm" ref="ruleFormRef">
@@ -39,13 +39,16 @@
                 clearable
               />
             </el-form-item>
+            <el-form-item label="创建时间" class="el_inputTop el_Workordernumber">
+              <el-input v-model="endFrom.createTime" disabled clearable />
+            </el-form-item>
           </div>
           <el-tabs type="border-card" class="PackageInformation">
             <el-tab-pane label="包件信息">
               <div class="ResponsibilityBoxS">
                 <div class="el_btbox" v-for="(item, index) in PackageInfo" :key="index">
                   <div class="leftbox">
-                    <el-form-item label="包条码">
+                    <el-form-item label="包条码" v-if="identifying == 1">
                       <el-tooltip :content="item.packageCode" placement="top">
                         <el-input v-model="item.packageCode" disabled />
                       </el-tooltip>
@@ -290,7 +293,7 @@
                       </el-select>
                     </div>
                     <div class="maxBox">
-                      <span class="title">责任占比:</span>
+                      <span class="title">金额（元）</span>
                       <el-input
                         v-model="item.responsibilityRatio"
                         placeholder="请输入占比 "
@@ -316,9 +319,9 @@
                     </div>
                   </div>
                 </div>
-                <div class="Proportion">
+                <!-- <div class="Proportion">
                   <span class="title">公司占比:{{ companyProportion }}%</span>
-                </div>
+                </div> -->
               </div>
             </el-tab-pane>
           </el-tabs>
@@ -425,139 +428,152 @@
                 </el-tabs>
               </div>
             </div>
+            <el-form :disabled="PermissionButton.Completed_presentation">
+              <el-tabs
+                type="border-card"
+                class="demo-tabs el-endtabs"
+                v-if="PermissionButton.Completed_submission"
+              >
+                <el-tab-pane>
+                  <template #label>
+                    <span class="custom-tabs-label">
+                      <el-icon><calendar /></el-icon>
+                      <span>完结信息</span>
+                    </span>
+                  </template>
 
-            <el-tabs type="border-card" class="demo-tabs el-endtabs" v-if="routerState == 'end'">
-              <el-tab-pane>
-                <template #label>
-                  <span class="custom-tabs-label">
-                    <el-icon><calendar /></el-icon>
-                    <span>完结信息</span>
-                  </span>
-                </template>
-
-                <div class="el-ckbtn">
-                  <div class="Compensationamount">
-                    <el-button type="primary" @click="AddCompensation">添加赔款方</el-button>
-                    <span>{{ CompensationNum }}</span>
-                  </div>
-                  <div class="Compensationamount">
-                    <el-button type="primary" @click="AddPayee">添加受款方</el-button>
-                    <span>{{ PayeeNum }}</span>
+                  <div class="el-ckbtn" v-if="!PermissionButton.Completed_presentation">
+                    <div class="Compensationamount">
+                      <el-button type="primary" @click="AddCompensation">添加赔款方</el-button>
+                      <span>{{ CompensationNum }}</span>
+                    </div>
+                    <div class="Compensationamount">
+                      <el-button type="primary" @click="AddPayee">添加受款方</el-button>
+                      <span>{{ PayeeNum }}</span>
+                    </div>
                   </div>
-                </div>
-                <div class="payanindemnity" v-for="(item, index) in CompensationParty" :key="index">
-                  <div style="display: flex">
-                    <el-form-item
-                      :class="{
-                        payanindemnity_title: item.state == 0,
-                        payanindemnity_titlecheck: item.warehouseIdcheck,
-                      }"
-                      :label="item.state == 0 ? '赔款方' : '受款方'"
-                    >
-                      <el-select
-                        style="width: 200px"
-                        v-model="item.warehouseId"
-                        filterable
-                        placeholder="请选择仓库"
-                        @change="warehouseChange(item, index)"
+
+                  <div
+                    class="payanindemnity"
+                    v-for="(item, index) in CompensationParty"
+                    :key="index"
+                  >
+                    <div style="display: flex">
+                      <el-form-item
+                        :class="{
+                          payanindemnity_title: item.state == 0,
+                          payanindemnity_titlecheck: item.warehouseIdcheck,
+                        }"
+                        :label="item.state == 0 ? '赔款方' : '受款方'"
                       >
-                        <el-option
-                          v-for="item in warehouseData"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        />
-                      </el-select>
-                    </el-form-item>
+                        <el-select
+                          style="width: 200px"
+                          v-model="item.warehouseId"
+                          filterable
+                          placeholder="请选择仓库"
+                          @change="warehouseChange(item, 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="责任人" v-if="item.state == 0">
-                      <el-input
-                        v-model="item.compensationPersonnel"
-                        placeholder="请填写责任人"
-                        :rows="2"
-                      />
-                    </el-form-item>
+                      <el-form-item label="责任人" v-if="item.state == 0">
+                        <el-input
+                          v-model="item.compensationPersonnel"
+                          placeholder="请填写责任人"
+                          :rows="2"
+                        />
+                      </el-form-item>
 
-                    <el-form-item
-                      label="原  .  因"
-                      :class="{
-                        payanindemnity_reason: item.state == 0,
-                        payanindemnity_reasoncheck: item.reasoncheck,
-                      }"
-                    >
-                      <el-input
-                        v-model="item.reason"
-                        placeholder="请填写原因"
-                        @blur="reasonChange(item, index)"
-                      />
-                    </el-form-item>
+                      <el-form-item
+                        label="原  .  因"
+                        :class="{
+                          payanindemnity_reason: item.state == 0,
+                          payanindemnity_reasoncheck: item.reasoncheck,
+                        }"
+                      >
+                        <el-input
+                          v-model="item.reason"
+                          placeholder="请填写原因"
+                          @blur="reasonChange(item, index)"
+                        />
+                      </el-form-item>
 
-                    <el-form-item label="金额(元)">
-                      <el-input-number
-                        v-model="item.num"
-                        :min="0"
-                        :controls="false"
-                        :value-on-clear="0"
-                        :precision="2"
-                        @change="amountMoney"
-                      />
-                    </el-form-item>
-                  </div>
-                  <div style="display: flex">
-                    <div class="el_cwBtn">
-                      <!-- <el-button
+                      <el-form-item label="金额(元)">
+                        <el-input-number
+                          v-model="item.num"
+                          :min="0"
+                          :controls="false"
+                          :value-on-clear="0"
+                          :precision="2"
+                          @change="amountMoney"
+                        />
+                      </el-form-item>
+                    </div>
+                    <div style="display: flex">
+                      <div class="el_cwBtn">
+                        <!-- <el-button
                         type="primary"
                         v-if="item.state == 0 && UserPermissions != '职能客服' && item.accounting!='1'"
                         @click="accountingBtn(item)"
                       >
                         财务处理
                       </el-button> -->
-                      <el-button type="primary" v-if="item.button" @click="payremove(item, index)">
-                        移除
-                      </el-button>
+                        <el-button
+                          type="primary"
+                          v-if="item.button && !PermissionButton.Completed_presentation"
+                          @click="payremove(item, index)"
+                        >
+                          移除
+                        </el-button>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div class="paySum">
-                  <span>
-                    <el-icon><Coin /></el-icon>赔款金额总和:<b>{{
-                      TotalamountCompensation
-                    }}</b></span
-                  >
-                  <span>
-                    <el-icon><Coin /></el-icon>受款金额总和:<b>{{ TotalamountReceived }}</b></span
-                  >
-                </div>
-              </el-tab-pane>
-            </el-tabs>
-
-            <!-- 仲裁原因说明 -->
-            <div class="arbitrate" v-if="routerState == 'end'">
-              <el-tabs
-                type="border-card"
-                :class="{
-                  Reason_arbitration_tip: ReasonarbClass,
-                  'demo-tabs Reason_arbitration': true,
-                }"
-              >
-                <el-tab-pane>
-                  <template #label>
-                    <span class="custom-tabs-label">
-                      <el-icon><calendar /></el-icon>
-                      <span>仲裁原因</span>
-                    </span>
-                  </template>
-
-                  <el-input
-                    v-model="endFrom.arbitrate"
-                    type="textarea"
-                    :autosize="{ minRows: 5, maxRows: 4 }"
-                    placeholder="请输入仲裁原因"
-                  />
+                  <div class="paySum">
+                    <span>
+                      <el-icon><Coin /></el-icon>赔款金额总和:<b>{{
+                        TotalamountCompensation
+                      }}</b></span
+                    >
+                    <span>
+                      <el-icon><Coin /></el-icon>受款金额总和:<b>{{ TotalamountReceived }}</b></span
+                    >
+                  </div>
                 </el-tab-pane>
               </el-tabs>
-            </div>
 
+              <!-- 仲裁原因说明 -->
+              <div class="arbitrate" v-if="PermissionButton.Completed_submission">
+                <el-tabs
+                  type="border-card"
+                  :class="{
+                    Reason_arbitration_tip: ReasonarbClass,
+                    'demo-tabs Reason_arbitration': true,
+                  }"
+                >
+                  <el-tab-pane>
+                    <template #label>
+                      <span class="custom-tabs-label">
+                        <el-icon><calendar /></el-icon>
+                        <span>仲裁原因</span>
+                      </span>
+                    </template>
+
+                    <el-input
+                      v-model="endFrom.arbitrate"
+                      type="textarea"
+                      :autosize="{ minRows: 5, maxRows: 4 }"
+                      placeholder="请输入仲裁原因"
+                    />
+                  </el-tab-pane>
+                </el-tabs>
+              </div>
+            </el-form>
             <!-- 图片  -->
             <el-tabs
               class="Transport_damage_photos"
@@ -606,7 +622,14 @@
 
           <div class="el_sub">
             <el-button
-              v-if="PermissionButton.Completed_submission"
+              v-if="PermissionButton.Headquarters_completion"
+              type="primary"
+              class="button"
+              @click="resultreturnedFun"
+              >结果驳回</el-button
+            >
+            <el-button
+              v-if="PermissionButton.Headquarters_completion"
               type="primary"
               class="button"
               @click="submitCompletion"
@@ -632,7 +655,7 @@
               type="primary"
               class="button"
               @click="submitresults(3)"
-              >处理结果修改提交</el-button
+              >处理结果提交</el-button
             >
             <el-button
               v-if="PermissionButton.Processing_result_modification"
@@ -662,6 +685,27 @@
               @click="CustomerServiceCompleted"
               >客服仲裁完结</el-button
             >
+            <el-button type="primary" v-if="PermissionButton.repulse" @click="BatchReturn"
+              >完结打回</el-button
+            >
+            <el-button
+              type="primary"
+              v-if="PermissionButton.Processing_confirmation"
+              @click="ResultConfirmation"
+              >完结审核确认</el-button
+            >
+            <el-button
+              type="primary"
+              v-if="PermissionButton.Appeal_establishment_button"
+              @click="AppealEstablished"
+              >申诉成立</el-button
+            >
+            <el-button
+              type="primary"
+              v-if="PermissionButton.Appeal_rejection_button"
+              @click="AppealRejection"
+              >申诉驳回</el-button
+            >
             <!-- <el-button
               v-if="$route.query.RouteIndexs == '0' && $route.query.workOrderStatus != '21'"
               type="primary"
@@ -807,7 +851,7 @@
                           :action="doubledCount"
                           :headers="headers"
                           :on-success="fellSuccess"
-                          :limit="3"
+                          :limit="4"
                           multiple
                         >
                           <template #trigger>
@@ -834,9 +878,9 @@
                         />
                       </el-select> -->
                       </div>
-                      <el-button type="primary" class="el_next" @click="NextRecord()">
+                      <!-- <el-button type="primary" class="el_next" @click="NextRecord()">
                         下一条
-                      </el-button>
+                      </el-button> -->
                     </div>
 
                     <el-input
@@ -899,8 +943,51 @@
         </span>
       </template>
     </el-dialog>
+    <!-- 结果打回弹窗 -->
+    <el-dialog v-model="dialogReturn" title="结果驳回" width="40%" draggable class="plAllret">
+      <el-form
+        v-loading="repulse"
+        element-loading-text="正在打回中..."
+        label-position="top"
+        label-width="100px"
+        :model="BatchFrom"
+      >
+        <el-form-item label="打回原因">
+          <el-input v-model="BatchFrom.txt" type="textarea" :rows="4" />
+        </el-form-item>
+
+        <el-form-item label="流转营业部">
+          <el-select
+            v-model="BatchFrom.businessDepartment"
+            multiple
+            filterable
+            default-first-option
+            :reserve-keyword="false"
+            placeholder="请选择活动区域"
+          >
+            <el-option
+              v-for="item in warehouseData"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogReturn = false">取消</el-button>
+          <el-button type="primary" @click="ConfirmReturn" :disabled="repulse"> 确定 </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </el-card>
 </template>
+<script>
+export default {
+  name: '/aftersales/aftersalesWorkOrderend',
+};
+</script>
 
 <script setup>
 import { ElMessage } from 'element-plus';
@@ -919,10 +1006,13 @@ import {
   $_getTrackRecord,
   $_accounting,
   $_getList,
+  $_batchReturn,
   $_getProcessor,
   $_updateWorkOrderStatus,
   $_updateManagerConfirmed,
   $_updateProcessingParty,
+  $_batchRepulseCompleted,
+  $_Cancelappeal,
 } from '@/api/aftersales/aftersalesWorkOrder';
 import { columnList, recordList } from '@/option/aftersales/vueTvemp.js';
 import { getToken } from '@/utils/auth';
@@ -936,7 +1026,9 @@ const $useStore = useStore();
 const identifying = ref(1); //订单类型
 const ZFdialog = ref(false); //支付方式弹出
 const $route = useRoute();
+
 const $router = useRouter();
+
 const Paymentmethod = ref([]); //支付方式
 const ZFname = ref(''); //支付名字预留状态
 const routeData = ref(false); //路由参数
@@ -975,6 +1067,9 @@ const IndexException = ref([]); //异常类型
 const Pageloading = ref(false); //页面加载load
 const TotalClaimAmount = ref(0); //理赔总金额
 const TotalamountReceived = ref(0); //收款金额合计
+const dialogReturn = ref(false);
+const repulse = ref(false);
+const BatchFrom = ref({});
 const userInfo = ref({}); //用户信息
 const ruleForm = reactive({
   reason: [{ required: true, message: '请填写原因', trigger: ['blur', 'change'] }],
@@ -1053,7 +1148,7 @@ const FangAddList = ref([
   {
     businessName: '',
     personResponsibleName: '',
-    responsibilityRatio: '' + '%',
+    responsibilityRatio: '',
     description: '',
     tripartite: '',
   },
@@ -1143,10 +1238,6 @@ const details = reactive({
   },
 });
 
-const TransportChange = val => {
-  console.log(val, '运损触发事件');
-};
-
 const warehouseIdState = ref(false); //当前订单仓库状态
 // 字典公共函数
 async function updateDictionary(targetArray, dictionaryType) {
@@ -1161,13 +1252,24 @@ async function updateDictionary(targetArray, dictionaryType) {
   });
 }
 
-//完结提交权限
+//完结展示权限
 const Completedsubmission = () => {
+  if (UserPermissions.value == '仓库客服' && endFrom.value.arbitrate) {
+    return true;
+  }
+
   if (UserPermissions.value != '仓库客服') {
-    if ($route.query.workOrderStatus == '30') {
-      return true;
+    return true;
+  }
+  return false;
+};
+const CompletedPresentation = () => {
+  if (UserPermissions.value != '仓库客服') {
+    if (['30'].includes($route.query.workOrderStatus)) {
+      return false;
     }
   }
+  return true;
 };
 // 处理结果提交权限
 const Submissionresults = () => {
@@ -1212,16 +1314,66 @@ const isInformationEditing = () => {
   }
   return false;
 };
-
+// 完结审核打回权限
+const isRepulse = () => {
+  if (UserPermissions.value == '总部客服经理') {
+    if (['40', '80'].includes($route.query.workOrderStatus)) {
+      return true;
+    }
+  }
+  return false;
+};
+// 完结待审核确定权限
+const isProcessingConfirmation = () => {
+  if (UserPermissions.value != '仓库客服') {
+    if (['40'].includes($route.query.workOrderStatus)) {
+      return true;
+    }
+  }
+  return false;
+};
+// 完结提交权限
+const Headquarterscompletion = () => {
+  if (UserPermissions.value != '仓库客服') {
+    if (['30'].includes($route.query.workOrderStatus)) {
+      return true;
+    }
+  }
+  return false;
+};
+//申诉驳回
+const AppealRejectionButton = () => {
+  if (UserPermissions.value == '总部客服经理') {
+    if ($route.query.typesOf == '0') {
+      return true;
+    }
+  }
+  return false;
+};
+// 申诉成立
+const AppealEstablishmentButton = () => {
+  if (UserPermissions.value == '总部客服经理') {
+    if ($route.query.typesOf == '0') {
+      return true;
+    }
+  }
+  return false;
+};
 // 权限按钮
 const PermissionButton = computed(() => ({
-  Completed_submission: Completedsubmission(), //处理结果
+  Headquarters_completion: Headquarterscompletion(),
+  Completed_submission: Completedsubmission(), //完结信息查看
+  Completed_presentation: CompletedPresentation(), //完结输入框禁止/展示
   Submission_results: Submissionresults(), //处理结果提交
   Save_results: Saveresults(), //处理结果保存
   Arbitration_completed: Arbitrationcompleted(), //客服仲裁完结
   Processing_result_modification: Processingresultmodification(), //处理结果编辑提交
   Processing_result_disabled: Processingresultdisabled(), //处理结果是否可以填写
   information_editing: isInformationEditing(), //修改提交
+  repulse: isRepulse(), //完结审核打回
+  Processing_confirmation: isProcessingConfirmation(), // 待审核确定
+  Appeal_rejection_button: AppealRejectionButton(), //申诉驳回
+  Appeal_establishment_button: AppealEstablishmentButton(), //申诉成立
 }));
 
 // 页面初始化数据
@@ -1272,6 +1424,8 @@ const onLoad = async () => {
           } else {
             warehouseIdState.value = false;
           }
+          //订单类型赋值
+          identifying.value = res.data.data.identifying;
           //图片处理回显
           if (res.data.data.discoveryNode == '1') {
             groundlineType.value = '1';
@@ -1287,6 +1441,9 @@ const onLoad = async () => {
           });
           // 包件回显
           PackageInfo.value = res.data.data.abnormalPackageVOList;
+          console.log(PackageInfo.value, '  PackageInfo.value');
+
+          PackageInfo.value[0].packageCode ? (identifying.value = 1) : (identifying.value = 2);
           // 要修改
           // 责任方回显
           FangAddList.value = res.data.data.processorVOList
@@ -1352,17 +1509,19 @@ const onLoad = async () => {
           // 公司占比回显计算
           let sum = 0;
           if (FangAddList.value.length) {
-            FangAddList.value.forEach(item => {
-              if (item.responsibilityRatio) {
-                item.responsibilityRatio = item.responsibilityRatio.replace(/%/g, '');
-                sum = Number(item.responsibilityRatio) + sum;
-              }
-            });
-            FangAddList.value.forEach(item => {
-              item.responsibilityRatio =item.responsibilityRatio? item.responsibilityRatio + '%':item.responsibilityRatio;
-            });
+            // FangAddList.value.forEach(item => {
+            //   if (item.responsibilityRatio) {
+            //     item.responsibilityRatio = item.responsibilityRatio.replace(/%/g, '');
+            //     sum = Number(item.responsibilityRatio) + sum;
+            //   }
+            // });
+            // FangAddList.value.forEach(item => {
+            //   item.responsibilityRatio = item.responsibilityRatio
+            //     ? item.responsibilityRatio + '%'
+            //     : item.responsibilityRatio;
+            // });
           }
-          companyProportion.value = 100 - sum;
+          // companyProportion.value = 100 - sum;
           // 处理结果回显
           if (res.data.data.processingResultsVO.processingMoneyEntityList) {
             ProcessingList.value = res.data.data.processingResultsVO.processingMoneyEntityList.map(
@@ -1448,12 +1607,31 @@ const onLoad = async () => {
       Pageloading.value = false;
     });
 };
-
-// 多开页面的时候刷新参数
-watch($route, (to, from) => {
-  onLoad();
+onMounted(() => {
+  watch(
+    $route.fullPath,
+    (newRoute, oldRoute) => {
+      if (oldRoute) {
+        console.log(newRoute, 'newRoute');
+        console.log(oldRoute, 'oldRoute');
+
+        if (newRoute.fullPath === oldRoute.fullPath) {
+          console.log('当前页面和上一个页面相同');
+        } else {
+          console.log('当前页面和上一个页面不同');
+          onLoad();
+        }
+      } else {
+        console.log('这是初始渲染，没有上一个页面');
+        onLoad();
+      }
+    },
+    { immediate: true, deep: true }
+  );
 });
 
+// 获取初始化数据
+
 // 文件识别
 const Fileidentifier = val => {
   if (val) {
@@ -1462,7 +1640,7 @@ const Fileidentifier = val => {
     const fileName = url.substring(url.lastIndexOf('/') + 1);
     // 获取文件扩展名
     const extension = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();
-    
+
     // 判断文件类型
     if (extension === 'mp4') {
       return 'mp4';
@@ -1473,7 +1651,7 @@ const Fileidentifier = val => {
     if (extension === 'docx') {
       return 'docx';
     }
-    
+
     // 针对其他扩展名的情况返回 undefined
     return undefined;
   }
@@ -1588,8 +1766,7 @@ const Chathistory = res => {
       .finally(handleFinally);
   }
 };
-
-onLoad();
+// 页面初始化
 onMounted(() => {
   msgHight.value = window.innerHeight * 0.76;
   console.log(msgHight.value, '处理好的页面高度');
@@ -1693,7 +1870,7 @@ const ImgSuccess = (response, uploadFile) => {
 
 // 附件上传成功
 const fellSuccess = (response, uploadFile) => {
-  console.log('上船成功');
+  console.log('上传成功');
   console.log(response, uploadFile);
   if (response.data.link) {
     KFfeel.value.push(response.data.link);
@@ -1715,7 +1892,7 @@ const ViodSuccess = response => {
 // 上传图片规则
 const beforeAvatarUpload = async rawFile => {
   if (!/^image\/(png|jpeg|gif)$|^video\/mp4$/.test(rawFile.type)) {
-    ElMessage.error('上传格式只支持 png、jpeg、gif 和 mp4 类型!');
+    ElMessage.error('上传格式只支持 png、jpeg、gif、image 和 mp4 类型!');
     return false;
   } else if (rawFile.size / 1024 / 1024 > 40) {
     ElMessage.error('上传大小不能超过 40MB!');
@@ -1780,9 +1957,12 @@ const AddPayee = () => {
 
 // 总金额计算
 const Totalamount = () => {
-  TotalClaimAmount.value = ProcessingList.value
-    .map(res => res.money)
-    .reduce((accumulator, currentValue) => accumulator + currentValue, 0);
+  TotalClaimAmount.value = parseFloat(
+    ProcessingList.value
+      .map(res => res.money)
+      .reduce((accumulator, currentValue) => accumulator + currentValue, 0)
+      .toFixed(2)
+  );
 };
 // 移除按钮
 const payremove = (item, index) => {
@@ -1956,7 +2136,8 @@ const submitresults = async value => {
           ProcessingList.value.forEach(item => {
             let _DATA = item.Paymentmethod.find(res => res.value == item.compensationMethod);
             data.aftersalesProcessingResultsDTO['processingMoneyEntityList'].push({
-              resultType: ProcessingResults.value.find(res => res.dictValue == item.title).dictKey, //赔方式的key
+              resultType:
+                ProcessingResults.value.find(res => res.dictValue == item.title)?.dictKey || '', //赔方式的key
               resultName: item.title, //处理结果名字
               money: item.money, //金额
               compensationMethod: item.compensationMethod, //支付方式Value
@@ -2375,6 +2556,201 @@ const CustomerServiceCompleted = () => {
   });
   $useStore.commit('DEL_TAG_CURRENT');
 };
+
+// 处理结果打回
+const resultreturnedFun = () => {
+  BatchFrom.value.businessDepartment = [];
+  BatchFrom.value.txt = null;
+  dialogReturn.value = true;
+};
+// 处理结果打回确定
+const ConfirmReturn = async () => {
+  // 批量打回确定按钮
+  let data = {
+    processorList: [],
+  };
+  // 过滤满足条件的对象
+  if (BatchFrom.value.businessDepartment.length) {
+    let foundObjs = warehouseData.value.filter(obj =>
+      BatchFrom.value.businessDepartment.includes(obj.value)
+    );
+    data['businessId'] = foundObjs.map(item => item.value).join(',');
+    data['businessName'] = foundObjs.map(item => item.label).join(',');
+    // 营业部处理
+    foundObjs.forEach(item => {
+      data['processorList'].push({ id: item.value, name: item.label });
+    });
+  }
+  data.reasonReturn = BatchFrom.value.txt; //打回原因
+  data.workOrderIds = [$route.query.id]; //异常工单
+  console.log(data, '处理好的值');
+  data.typesOf = '1'; //普通打回
+  repulse.value = true; //开启加载并关闭按钮
+  dialogReturn.value = false; //关闭打回弹窗
+  await $_batchReturn(data)
+    .then(res => {
+      console.log(res, '批量打回返回值');
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+        // 传递要刷新的菜单
+        $useStore.commit('EDIT_REFRESHITEM', { title: 'aftersalesWorkOrder', status: true }); //要刷新的页面
+        $useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); //要刷新的菜单
+        $router.push('/aftersales/aftersalesWorkOrder');
+        AddressClosed('/aftersales/aftersalesWorkOrderend'); //删除当前页面
+      }
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      repulse.value = false; //关闭加载并关闭按钮
+      dialogReturn.value = false; //关闭打回弹窗
+    });
+};
+// 完结打回
+const BatchReturn = () => {
+  ElMessageBox.prompt('请输入打回原因', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputPattern: /^(?!\s*$).+/,
+    inputErrorMessage: '内容不能为空哦',
+  })
+    .then(async ({ value }) => {
+      Pageloading.value = true;
+      await $_batchRepulseCompleted({
+        workOrderIds: [$route.query.id],
+        reasonReturn: value,
+      })
+        .then(res => {
+          if (res.data.code == 200) {
+            ElMessage({
+              message: res.data.msg,
+              type: 'success',
+            });
+            $useStore.commit('EDIT_REFRESHITEM', {
+              title: 'aftersalesWorkOrder',
+              status: true,
+            });
+            $useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); //要刷新的菜单
+            $useStore.commit('DEL_TAG_CURRENT'); //关闭当前页面
+            $router.push({
+              path: '/aftersales/aftersalesWorkOrder',
+            });
+          }
+        })
+        .catch(error => {
+          console.log(error);
+        })
+        .finally(() => {
+          Pageloading.value = false;
+        });
+    })
+    .catch(() => {});
+};
+// 待审核确认审核（经理审核）
+const ResultConfirmation = async () => {
+  ElMessageBox.confirm('是否确认审核?请注意查验数据正确性!', '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
+      const data = {
+        assignList: [$route.query.id],
+      };
+
+      if ($route.query.workOrderStatus !== '40') {
+        ElMessage({
+          message: '状态错误',
+          type: 'warning',
+        });
+        return;
+      }
+
+      Pageloading.value = true; // 开启页面加载
+
+      try {
+        const res = await $_updateManagerConfirmed(data);
+        if (res.data.code === 200) {
+          ElMessage({
+            message: res.data.msg,
+            type: 'success',
+          });
+        }
+        $useStore.commit('EDIT_REFRESHITEM', {
+          title: 'aftersalesWorkOrder',
+          status: true,
+        });
+        $useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); // 要刷新的菜单
+        $useStore.commit('DEL_TAG_CURRENT'); // 关闭当前页面
+        $router.push({
+          path: '/aftersales/aftersalesWorkOrder',
+        });
+      } catch (error) {
+        console.log('错误信息:', error);
+      } finally {
+        Pageloading.value = false; // 关闭页面加载
+      }
+    })
+    .catch(() => {});
+};
+
+// 申诉驳回
+const AppealRejection = () => {
+  ElMessageBox.prompt('请填写驳回原因', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputPattern: /^(?!\s*$).+/,
+    inputErrorMessage: '内容不能为空哦',
+  })
+    .then(async ({ value }) => {
+      try {
+        let data = {
+          id: $route.query.workOrderId, //取消申诉ID
+          typesOf: '2', //申诉状态
+          workOrderId: $route.query.id, //异常工单ID
+          handlingReason: value, //驳回原因
+        };
+        let _res = await $_Cancelappeal(data);
+        if (_res.data.code == 200) {
+          ElMessage({
+            message: _res.data.msg,
+            type: 'success',
+          });
+          $useStore.commit('EDIT_REFRESHITEM', {
+            title: 'aftersalesWorkOrder',
+            status: true,
+          });
+          $useStore.commit('Customer_Menu', Number($route.query.RouteIndexs)); //要刷新的菜单
+          $useStore.commit('DEL_TAG_CURRENT'); //关闭当前页面
+          $router.push({
+            path: '/aftersales/aftersalesWorkOrder',
+          });
+        }
+      } catch (e) {
+      } finally {
+      }
+    })
+    .catch(() => {});
+};
+// 申诉成立
+const AppealEstablished = () => {
+  $router.push({
+    path: '/aftersales/aftersalesWorkOrdermodify',
+    query: {
+      id: $route.query.id, //这里的id是workOrderId是有申诉列表带入的
+      name: $route.query.workOrderNumber + '-申诉编辑',
+      RouterState: 'Kfend',
+      workOrderStatus: $route.query.workOrderStatus, //当前单子状态
+      Appealeditor: 'appeal', //申诉编辑
+      appealID: $route.query.workOrderId, //提交需要的申诉ID
+      typesOf: $route.query.typesOf, //申诉工单状态0待处理，1成立，2驳回
+    },
+  });
+};
 </script>
 
 <style scoped lang="scss">
@@ -2440,6 +2816,8 @@ const CustomerServiceCompleted = () => {
   flex-direction: column;
   justify-content: space-between;
   margin-bottom: 16px;
+  border-radius: 16px;
+  box-shadow: 0px 0px 6px 0px #00000029;
   .title {
     position: absolute;
     top: -20px;
@@ -2825,12 +3203,12 @@ const CustomerServiceCompleted = () => {
   }
   .img {
     width: 100%;
-    height:20%;
+    height: 20%;
     overflow: scroll;
-    .el-image{
+    .el-image {
       width: 20%;
       height: 100%;
-      
+
       margin: 4px;
     }
     img {
@@ -3086,7 +3464,7 @@ const CustomerServiceCompleted = () => {
     display: flex;
     flex-direction: row;
     align-items: center;
-    width: auto;
+    width: 22%;
   }
 }
 :deep(.el_resj) {
@@ -3195,6 +3573,7 @@ const CustomerServiceCompleted = () => {
   }
 }
 .el-endtabs {
+  width: 100%;
   margin-top: 10px;
   :deep(.is-active) {
     font-weight: bold;
@@ -3246,4 +3625,26 @@ const CustomerServiceCompleted = () => {
     border: 1px solid #f00;
   }
 }
+:deep(.plAllret) {
+  .el-form {
+    flex-direction: column;
+    .el-form-item {
+      flex-direction: column;
+    }
+    .el-form-item__content {
+      flex-direction: column;
+    }
+    .el-form-item__label {
+      font-weight: bold;
+    }
+  }
+  .el-select {
+    width: 100%;
+  }
+  .el-loading-mask {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+}
 </style>
diff --git a/src/views/reportforms/DeliveryDetailsVtwo.vue b/src/views/reportforms/DeliveryDetailsVtwo.vue
index 09ebd70e..d8d254cc 100644
--- a/src/views/reportforms/DeliveryDetailsVtwo.vue
+++ b/src/views/reportforms/DeliveryDetailsVtwo.vue
@@ -63,7 +63,7 @@
                 </el-select>
               </el-form-item>
   
-              <el-form-item label="配送车辆">
+              <!-- <el-form-item label="配送车辆">
                 <el-input
                   v-model="TopQuery.vehicleNameRange"
                   style="width: 240px"
@@ -103,7 +103,7 @@
                   clearable
                   placeholder="多个运单收货人请用逗号隔开"
                 />
-              </el-form-item>
+              </el-form-item> -->
             </div>
           </el-form>
         </el-row>

From 0dbf395280c70afdb8cfd3b211d1a9487f06d517 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Thu, 14 Nov 2024 09:34:51 +0800
Subject: [PATCH 5/9] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=9B=B6=E6=8B=85?=
 =?UTF-8?q?=E5=85=81=E8=AE=B8=E6=9C=AA=E9=BD=90=E5=A5=97=E6=94=B9=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SelectBox/SelectBox.vue        |  5 +-
 .../distribution/inventory/BookingNote.vue    | 94 ++++++++++++++++++-
 src/views/waybill/CreateZeroOrder.vue         |  2 +
 3 files changed, 99 insertions(+), 2 deletions(-)

diff --git a/src/components/SelectBox/SelectBox.vue b/src/components/SelectBox/SelectBox.vue
index 4c95168f..757e2448 100644
--- a/src/components/SelectBox/SelectBox.vue
+++ b/src/components/SelectBox/SelectBox.vue
@@ -21,7 +21,7 @@
             : 'min-width:' + props.minWidth
           : ''
       "
-      v-if="isShowBox"
+      v-if="isShowBox && !props.disabled"
     >
       <div class="content">
         <SelectComponent
@@ -67,6 +67,9 @@ const props = defineProps([
   /** 是否禁用 : 默认false */
   'disabled',
 ]);
+
+console.log('props :>> ', props);
+
 const $emit = defineEmits(['update:modelValue']);
 
 const _computed = computed({
diff --git a/src/views/distribution/inventory/BookingNote.vue b/src/views/distribution/inventory/BookingNote.vue
index 7d8b8dbc..26550851 100644
--- a/src/views/distribution/inventory/BookingNote.vue
+++ b/src/views/distribution/inventory/BookingNote.vue
@@ -71,9 +71,50 @@
                 ></el-input>
               </el-form-item>
 
+              <el-form-item label="发站:" prop="departure">
+                <el-input readonly v-model="query['departure']" placeholder="到站地址"></el-input>
+              </el-form-item>
+
               <el-form-item label="到站:" prop="destination">
                 <el-input readonly v-model="query['destination']" placeholder="到站地址"></el-input>
               </el-form-item>
+              <!-- <el-form-item label="发站:" prop="departure">
+                <div class="w100">
+                  <el-cascader
+                    pleceholder="请选择到站地址"
+                    :options="details.regionOptione"
+                    style="width: 100%"
+                    v-model="query.departure"
+                    :props="{
+                      checkStrictly: true,
+                    }"
+                  >
+                    <template #default="{ node, data }">
+                      <span>{{ data.label }}</span>
+                      <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+                    </template>
+                  </el-cascader>
+                </div>
+              </el-form-item>
+
+              <el-form-item label="到站:" prop="destination">
+                <div class="w100">
+                  <el-cascader
+                    pleceholder="请选择到站地址"
+                    :options="details.regionOptione"
+                    style="width: 100%"
+                    v-model="query.destination"
+                    :props="{
+                      checkStrictly: true,
+                    }"
+                  >
+                    <template #default="{ node, data }">
+                      <span>{{ data.label }}</span>
+                      <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+                    </template>
+                  </el-cascader>
+                </div>
+              </el-form-item> -->
 
               <el-form-item label="目的仓:" class="el-times" prop="queryDestinationWarehouseName">
                 <el-input
@@ -1323,9 +1364,56 @@ const handleComputed = (row: any) => {
 getLazyTreeAll().then(res => {
   if (res.data.success) {
     details.regionOptione = res.data.data;
+
+    // 转译到站
+    if (details.regionOptione.length !== 0) {
+      handleTranslationLocation('departure');
+      handleTranslationLocation('destination');
+    }
   }
 });
 
+// 改单时, 对数据库内到站值进行转译
+const handleTranslationLocation = key => {
+  // 获取数据库中地址值
+  const _location = details.query[key];
+
+  let _arr = [];
+
+  // 循环查找匹配的到站地址
+  for (const iterator of details.regionOptione) {
+    let isBreak = false;
+
+    if (iterator.label === _location) {
+      _arr = [iterator.label];
+      isBreak = true;
+    } else if (getObjType(iterator.children) === 'array') {
+      for (const item of iterator.children) {
+        if (item.label === _location) {
+          _arr = [iterator.label, item.label];
+          isBreak = true;
+          break;
+        } else if (getObjType(item.children) === 'array') {
+          for (const value of item.children) {
+            if (value.label === _location) {
+              _arr = [iterator.label, item.label, value.label];
+              isBreak = true;
+              break;
+            }
+          }
+        }
+      }
+      if (isBreak) break;
+    }
+
+    if (isBreak) break;
+  }
+
+  const _label = _arr.slice(1).join('/');
+
+  details.query[key] = _label;
+};
+
 /** 请求页面数据 */
 const onLoad = async () => {
   try {
@@ -1360,8 +1448,12 @@ const onLoad = async () => {
     details.query.daoPay = isNumber(data.warehouseWaybill.dPay)
       ? Number(data.warehouseWaybill.dPay)
       : data.warehouseWaybill.dPay;
+
     // 转译到站
-    console.log('details.query :>> ', details.query);
+    if (details.regionOptione.length !== 0) {
+      handleTranslationLocation('departure');
+      handleTranslationLocation('destination');
+    }
 
     // 初始化goodsList
     if (data.warehouseWaybill.detailList.length === 0)
diff --git a/src/views/waybill/CreateZeroOrder.vue b/src/views/waybill/CreateZeroOrder.vue
index 34da83a3..e7f9cf28 100644
--- a/src/views/waybill/CreateZeroOrder.vue
+++ b/src/views/waybill/CreateZeroOrder.vue
@@ -543,6 +543,7 @@
               :focus="handleCloseSelcet"
               v-model="item.goodsName"
               :class="!item.goodsId ? 'is-error' : ''"
+              :disabled="query.zeroEditStatus === 0"
               placeholder="货物名称"
             >
               <div v-loading="item.loading">
@@ -565,6 +566,7 @@
 
           <el-form-item label="件数:" label-width="fit-content" prop="num" class="el-times">
             <el-input-number
+              :disabled="query.zeroEditStatus === 0"
               :value-on-clear="0"
               :controls="false"
               v-model="item.num"

From 860676f43aba9f8f5bf5da8dc63112bf01f10ac0 Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Thu, 14 Nov 2024 09:37:29 +0800
Subject: [PATCH 6/9] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=9B=B6=E6=8B=85?=
 =?UTF-8?q?=E6=94=B9=E5=8D=95=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/waybill/CreateZeroOrder.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/views/waybill/CreateZeroOrder.vue b/src/views/waybill/CreateZeroOrder.vue
index e7f9cf28..99128c0b 100644
--- a/src/views/waybill/CreateZeroOrder.vue
+++ b/src/views/waybill/CreateZeroOrder.vue
@@ -1813,6 +1813,9 @@ const initPageInfo = async () => {
         handleTranslationLocation('destination');
       }
 
+      if (details.query.zeroEditStatus === 0)
+        ElMessage.warning('该零担运单始发仓或目的仓未齐套，禁止编辑货物名称和件数');
+
       // 初始化goodsList
       if (data.warehouseWaybill.detailList.length === 0)
         details.goodsList = [

From 5cd4cc31e05b42f26596074b60a03d975ac5e6a6 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Thu, 14 Nov 2024 09:51:30 +0800
Subject: [PATCH 7/9] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=B7=A5=E5=8D=95?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/aftersales/aftersalesWorkOrder.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/aftersales/aftersalesWorkOrder.vue b/src/views/aftersales/aftersalesWorkOrder.vue
index 31bbf78d..25aeb594 100644
--- a/src/views/aftersales/aftersalesWorkOrder.vue
+++ b/src/views/aftersales/aftersalesWorkOrder.vue
@@ -572,6 +572,7 @@ const warehouseData = ref([]); //仓库信息
 const UserInfo = ref({}); //登陆人信息
 const assignFromForm = ref(null); //指派客服表单实例
 const dialogSearch = ref(false); //弹窗搜索
+const dialogSearchTitle=ref('');//弹出搜索记录
 const ExportObjects = ref({
   tcTableexport: false, //本地导出
   ExportSelection: false, //导出选择弹窗
@@ -2348,6 +2349,9 @@ const Assignbutton = async () => {
  * 5.最终将选择的客服信息,分配给对应的工单
  */
 const MultilineSearch = (title, input) => {
+  dialogSearchTitle.value = title
+  console.log(dialogSearchTitle.value,'dialogSearchTitle.value');
+  
   if (input) {
     const formattedInput = input.split(',').join('\n');
     TopQuery.value.inputAll = formattedInput; // 赋值给 inputAll
@@ -2385,7 +2389,13 @@ const dialogSearchSubmit = () => {
   const joinedLines = lines.join(','); // 使用逗号连接，无空格
 
   // 5.将连接起来的数据重新赋值给workOrderNumber
-  TopQuery.value.workOrderNumbers = joinedLines;
+
+  if(dialogSearchTitle.value == '工单号搜索'){
+    TopQuery.value.workOrderNumbers = joinedLines;
+  }else if(dialogSearchTitle.value == '订单自编号搜索'){
+    TopQuery.value.orderCodes = joinedLines;
+    
+  }
   Searchboxpop.value.dialogSearch = false; //关闭弹窗
 
   console.log(details.query, 'details.query');

From 546116eff44a706a9fb0cf8b75923e2a1700239f Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Thu, 14 Nov 2024 10:49:32 +0800
Subject: [PATCH 8/9] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=85=8D=E8=BD=BD?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=90=9C=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/util.js                                       | 7 ++++---
 src/views/distribution/artery/VehicleStowageDetails.vue | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/utils/util.js b/src/utils/util.js
index 94f83a45..337b3784 100644
--- a/src/utils/util.js
+++ b/src/utils/util.js
@@ -665,7 +665,7 @@ export const isNumber = value => {
  * 向下保留小数位
  * @param {*} num -- 被截取数
  * @param {*} decimalPlaces -- 保留小数位
- * @returns 
+ * @returns
  */
 export function floorToDecimalPlaces(num, decimalPlaces) {
   const factor = Math.pow(10, decimalPlaces);
@@ -812,9 +812,10 @@ export function handleTranslationDataSeclect(data, columnList, fn = (value, item
  * @param {object} col 每列的配置
  * @param {object} query 存储查询条件的对象
  * @param {Boolean} isRegExp 是否将输入的值转换为正则表达式
+ * @param {Boolean} isStart 正则是否从头开始匹配
  * @returns
  */
-export const handleInputQuery = (value, col, query, isRegExp = false) => {
+export const handleInputQuery = (value, col, query, isRegExp = false, isStart = true) => {
   if (getObjType(query) !== 'object') return;
   if (getObjType(col) !== 'object') return;
   if (!value && value !== 0) {
@@ -822,7 +823,7 @@ export const handleInputQuery = (value, col, query, isRegExp = false) => {
     return;
   }
 
-  const _value = isRegExp ? new RegExp('^' + value) : value;
+  const _value = isRegExp ? new RegExp(isStart ? '^' : '' + value) : value;
   query[col.prop] = _value;
 };
 
diff --git a/src/views/distribution/artery/VehicleStowageDetails.vue b/src/views/distribution/artery/VehicleStowageDetails.vue
index e7aff9c5..d29eaf94 100644
--- a/src/views/distribution/artery/VehicleStowageDetails.vue
+++ b/src/views/distribution/artery/VehicleStowageDetails.vue
@@ -950,7 +950,7 @@ const handleData = async () => {
 
 /** 表格表头输入框搜索 */
 const inputsc = (value, row) => {
-  handleInputQuery(value, row, details.query.inputQuery, true);
+  handleInputQuery(value, row, details.query.inputQuery, true, false);
 
   handleData();
 };

From 78b6ab0aac27ed03df04c1565df206981a78f21c Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Thu, 14 Nov 2024 11:45:17 +0800
Subject: [PATCH 9/9] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/distribution/inventory/BookingNote.vue | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/views/distribution/inventory/BookingNote.vue b/src/views/distribution/inventory/BookingNote.vue
index 26550851..f66b4607 100644
--- a/src/views/distribution/inventory/BookingNote.vue
+++ b/src/views/distribution/inventory/BookingNote.vue
@@ -1013,9 +1013,6 @@
             :columnList="details.WaybillTrackingColumnList"
             :tableData="data"
             :loading="loadingObj.stowageLoading"
-            @inputTxt="inputsc"
-            @timeCheck="timesc"
-            @btnCheck="btnsc"
           >
           </tablecmt>
         </el-tab-pane>
@@ -1027,8 +1024,6 @@
             :columnList="details.FinancialRecordColumnList"
             :tableData="data"
             :loading="loadingObj.stowageLoading"
-            @inputTxt="inputsc"
-            @timeCheck="timesc"
           >
           </tablecmt>
         </el-tab-pane>
@@ -1040,8 +1035,6 @@
             :columnList="details.ChangeOrderColumnList"
             :tableData="data"
             :loading="loadingObj.stowageLoading"
-            @inputTxt="inputsc"
-            @timeCheck="timesc"
           >
           </tablecmt>
         </el-tab-pane>
@@ -1070,8 +1063,6 @@
             :columnList="details.TransactionColumnList"
             :tableData="data"
             :loading="loadingObj.stowageLoading"
-            @inputTxt="inputsc"
-            @timeCheck="timesc"
           >
           </tablecmt>
         </el-tab-pane>
@@ -1083,8 +1074,6 @@
             :columnList="details.columnList"
             :tableData="data"
             :loading="loadingObj.stowageLoading"
-            @inputTxt="inputsc"
-            @timeCheck="timesc"
           >
           </tablecmt>
         </el-tab-pane>
@@ -1301,6 +1290,7 @@ const details = reactive<any>({
   receiptImgList: [],
   /** 打印html */
   html: '',
+  regionOptione: [],
 });
 
 const info = ref<any>({});
@@ -1363,7 +1353,7 @@ const handleComputed = (row: any) => {
 // 获取省市区信息
 getLazyTreeAll().then(res => {
   if (res.data.success) {
-    details.regionOptione = res.data.data;
+    details.regionOptione = getObjType(res.data.data) === 'array' ? res.data.data : [];
 
     // 转译到站
     if (details.regionOptione.length !== 0) {