From d3e9b25eb135b534340c6635d8a84c9f89a24d56 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Wed, 11 Sep 2024 16:34:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=98=E7=82=B9=E9=87=8D=E6=9E=84=EF=BC=8C?=
 =?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

---
 src/components/tablecmt/tablecmt.vue          |    4 +-
 src/option/distribution/createTask.js         |  234 +-
 src/option/reportforms/DeliveryDetails.js     |    1 +
 src/option/reportforms/Selfpickupreport.js    |    1 +
 src/router/views/index.js                     |   23 +-
 src/views/Pricesystem/Price/PriceDelivery.vue |    2 +-
 .../checkInventoryTask/createTask.vue         | 3812 +++++------------
 .../checkInventoryTask/createTaskTemp.vue     | 3609 ++++++++++++----
 8 files changed, 4112 insertions(+), 3574 deletions(-)

diff --git a/src/components/tablecmt/tablecmt.vue b/src/components/tablecmt/tablecmt.vue
index 484964e8..52bce081 100644
--- a/src/components/tablecmt/tablecmt.vue
+++ b/src/components/tablecmt/tablecmt.vue
@@ -147,6 +147,8 @@
             >
               <slot :scope="scope"> </slot>
             </div>
+            
+            <el-input  v-else-if="column.type == 15"  v-model.trim="scope.row[column.prop]" style="width: 100%" :placeholder="'请输入' + column.label" :disabled="!scope.row.disabled"  clearable />
             <!-- <el-image
               preview-teleported
               v-else-if="column.type == 7"
@@ -167,7 +169,6 @@
               :src="item"
               :preview-src-list="scope.row[column.prop]?.split(',')"
             />
-            
         
           </template>
         </el-table-column>
@@ -271,6 +272,7 @@ interface TableColumnType {
    * 12.序号
    * 13.带搜索的自定义列表
    * 14.带下拉的自定义列表
+   * 15.文本输入框
    */
   type: number | string;
   /** 用于接受表头的值 */
diff --git a/src/option/distribution/createTask.js b/src/option/distribution/createTask.js
index 86cb7b24..ebc70fc2 100644
--- a/src/option/distribution/createTask.js
+++ b/src/option/distribution/createTask.js
@@ -165,7 +165,7 @@ export const columnList = [
     label: '操作',
     type: 6,
     values: '',
-    width: '120',
+    width: '170',
     checkarr: [],
     fixed: 'right',
     sortable: false,
@@ -241,7 +241,7 @@ export const columnListInventory = [
   {
     prop: 'questStatusNameS',
     label: '盘点状态',
-    type: 3,
+    type: 1,
     values: '',
     width: '150',
     checkarr: [
@@ -270,7 +270,7 @@ export const columnListInventory = [
   {
     prop: 'positionCode',
     label: '货位',
-    type: 1,
+    type: 2,
     values: '',
     width: '150',
     checkarr: [],
@@ -282,7 +282,7 @@ export const columnListInventory = [
   {
     prop: 'materialName',
     label: '物料名称',
-    type: 1,
+    type: 2,
     values: '',
     width: '150',
     checkarr: [],
@@ -307,7 +307,7 @@ export const columnListInventory = [
   {
     prop: 'trayCode',
     label: '托盘码',
-    type: 1,
+    type: 2,
     values: '',
     width: '150',
     checkarr: [],
@@ -427,7 +427,7 @@ export const columnListInventory = [
   {
     prop: 'firsts',
     label: '一级品类',
-    type: 1,
+    type: 15,
     values: '',
     width: '150',
     checkarr: [],
@@ -439,7 +439,7 @@ export const columnListInventory = [
   {
     prop: 'second',
     label: '二级品类',
-    type: 1,
+    type: 15,
     values: '',
     width: '150',
     checkarr: [],
@@ -451,7 +451,7 @@ export const columnListInventory = [
   {
     prop: 'thirdProduct',
     label: '三级品类',
-    type: 1,
+    type: 15,
     values: '',
     width: '150',
     checkarr: [],
@@ -463,7 +463,7 @@ export const columnListInventory = [
   {
     prop: 'categoryName',
     label: '产品名称',
-    type: 1,
+    type: 15,
     values: '',
     width: '150',
     checkarr: [],
@@ -475,7 +475,7 @@ export const columnListInventory = [
   {
     prop: 'materialCode',
     label: '物料编码',
-    type: 1,
+    type: 15,
     values: '',
     width: '150',
     checkarr: [],
@@ -486,7 +486,7 @@ export const columnListInventory = [
   {
     prop: 'brandName',
     label: '品牌',
-    type: 1,
+    type: 2,
     values: '',
     width: '150',
     checkarr: [],
@@ -506,3 +506,215 @@ export const columnListInventory = [
     sortable: false,
   },
 ];
+
+export const comparativecolumnList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'trayCode',
+    label: '托盘码',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'trayName',
+    label: '托盘名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'brandName',
+    label: '品牌',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'mallName',
+    label: '商场名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'customerName',
+    label: '客户名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'thirdProduct',
+    label: '三级品',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'materialName',
+    label: '物料名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'totalNumber',
+    label: '总件数',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+    isshowSummary: true,
+  },
+  {
+    prop: 'handQuantity',
+    label: '在库件数',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+    isshowSummary: true,
+  },
+  {
+    prop: 'positionCode',
+    label: '货区-货架-货位',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'inventoryPerson',
+    label: '盘点人',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'inventoryDate',
+    label: '盘点时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'questNum',
+    label: '盘点件数',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+    isshowSummary: true,
+  },
+
+  {
+    prop: 'differenceNum',
+    label: '差异数',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+    isshowSummary: true,
+  },
+  {
+    prop: 'groundingPositionCode',
+    label: '新货位',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'questStatusName',
+    label: '货物状态',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+];
diff --git a/src/option/reportforms/DeliveryDetails.js b/src/option/reportforms/DeliveryDetails.js
index 4c126461..7f98167e 100644
--- a/src/option/reportforms/DeliveryDetails.js
+++ b/src/option/reportforms/DeliveryDetails.js
@@ -79,6 +79,7 @@ export const columnList = [
       checkarr: [],
       fixed: false,
       sortable: true,
+      isshowSummary: true,
       head: false,
     },
     {
diff --git a/src/option/reportforms/Selfpickupreport.js b/src/option/reportforms/Selfpickupreport.js
index 391bbfb9..2e188547 100644
--- a/src/option/reportforms/Selfpickupreport.js
+++ b/src/option/reportforms/Selfpickupreport.js
@@ -56,6 +56,7 @@ export const columnList = [
       checkarr: [],
       fixed: false,
       sortable: true,
+      isshowSummary: true,//开启统计
       head: false,
     },
     {
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 3f11035b..18019209 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1731,9 +1731,28 @@ export default [
           keepAlive: true,
         },
         path: '/distribution/checkInventoryTask/createTaskTemp',
-        name: '盘点重构',
-        component: () => import('@/views/distribution/checkInventoryTask/createTaskTemp.vue'),
+        name: '盘点旧版',
+        component: () => import('@/views/distribution/checkInventoryTask/createTasktemp.vue'),
       },
     ],
   },
+  {
+    path: '/cost/Deliverycostmanagement/WarehouseTemplateHome',
+    component: Layout,
+    redirect: '/cost/Deliverycostmanagement/WarehouseTemplateHome',
+    children: [
+      {
+        meta: {
+          i18n: 'dict',
+          keepAlive: true,
+        },
+        path: '/cost/Deliverycostmanagement/WarehouseTemplateHome',
+        name: '新增配送成本计价模板',
+        component: () => import('@/views/cost/Deliverycostmanagement/WarehouseTemplateHome.vue'),
+      },
+    ],
+  },
+
+
+  
 ];
diff --git a/src/views/Pricesystem/Price/PriceDelivery.vue b/src/views/Pricesystem/Price/PriceDelivery.vue
index 00b49b62..12f91a1d 100644
--- a/src/views/Pricesystem/Price/PriceDelivery.vue
+++ b/src/views/Pricesystem/Price/PriceDelivery.vue
@@ -703,7 +703,7 @@ const form = ref({
   // 最低级计费遗留
   Minimumlegacy: [
     {
-      label: '遗留件低于最低件数收费(元)',
+      label: '遗留件低于最低价格收费(元)',
       index: 1,
       disabled: true,
       leaveBehindMinCost: 0, //价格
diff --git a/src/views/distribution/checkInventoryTask/createTask.vue b/src/views/distribution/checkInventoryTask/createTask.vue
index cf01379b..fced61e9 100644
--- a/src/views/distribution/checkInventoryTask/createTask.vue
+++ b/src/views/distribution/checkInventoryTask/createTask.vue
@@ -1,571 +1,139 @@
 <template>
-  <div class="maxContent" v-loading="loadingObj.pageLoading">
-    <!-- 搜索功能  -->
-    <div>
-      <!-- <div class="SoInput" v-show="searchSo">
-        <el-form :model="SoInfoData">
-          <el-form-item label="任务编号:">
-            <el-input v-model="SoInfoData.questNum" placeholder="任务编号" />
-          </el-form-item>
-          <el-form-item label="货物编号:">
-            <el-input v-model="SoInfoData.b" placeholder="货物编号" />
-          </el-form-item>
-          <el-form-item label="物流车次:">
-            <el-input v-model="SoInfoData.c" placeholder="物流车次" />
+  <basic-container>
+    <!-- 首页表格 -->
+    <div class="avue-crud">
+      <!-- 搜索模块 -->
+      <el-row v-if="search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="query" class="el-fr-d">
+          <!-- 查询按钮 -->
+          <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 class="SoBtn">
-          <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
-          <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
-        </div>
-      </div> -->
-      <!-- 查询按钮 -->
-      <!-- 头部右侧按钮模块 -->
-
-      <div class="avue-crud__right">
-        <div>
-          <el-button type="primary" @click="InventoryTask"
-            ><el-icon>
-              <Plus />
-            </el-icon>
-            创建盘点任务</el-button
-          >
-          <el-button type="primary" @click="discard"> 废弃</el-button>
-          <el-button type="primary" @click="DelayButton"> 延期</el-button>
-        </div>
-        <div>
-          <el-button icon="el-icon-refresh" @click="Refresh" circle></el-button>
-          <el-button icon="el-icon-search" @click="searchSo = !searchSo" circle></el-button>
+      </el-row>
+
+      <!-- 控件模块 -->
+      <el-row>
+        <div class="avue-crud__header">
+          <!-- 头部左侧按钮模块 -->
+          <div class="avue-crud__left">
+            <el-button type="primary" icon="CirclePlusFilled" @click="InventoryTask"
+              >创建盘点任务</el-button
+            >
+            <el-button type="primary" icon="CircleCloseFilled" @click="discard"
+              >废弃盘点任务</el-button
+            >
+            <el-button type="primary" icon="Clock" @click="extension">延期盘点任务</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>
-      </div>
-      <!-- 表格开始 -->
-      <el-table
-        v-loading="loading"
-        element-loading-text="数据正在更新中..."
-        :data="ElData"
-        row-key="name"
-        border
-        height="600"
-        style="width: 100%"
-        ref="tableRef"
-        @select-all="selectAll"
-        @select="selectChange"
-      >
-        <el-table-column type="selection" width="55" fixed />
-        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
-        <!-- 
-            Type ===1 普通文本
-            Type ===2 图片显示
-            Type ===3 操作功能
-            label:    标题
-            width:    宽度
-            prop:     数据字段
-           -->
-
-        <el-table-column
-          :prop="item.prop"
-          :label="item.label"
-          :width="item.width"
-          :fixed="item.fixed"
-          align="center"
-          v-for="(item, index) in menuData"
-          :key="item.label"
+      </el-row>
+
+      <!-- 首页表格 -->
+      <el-row>
+        <!-- 列表模块 -->
+        <tablecmt
+          class="tableNode"
+          :columnList="details.columnList"
+          :tableData="data"
+          :loading="loadingObj.list"
+          @inputTxt="inputsc"
+          @timeCheck="timesc"
+          @btnCheck="btnsc"
+          @selectCheck="selectsc"
+          @selection="selectionChange"
         >
-          <el-table-column
-            :prop="item.prop"
-            :label="item.label"
-            :width="item.width"
-            :fixed="item.fixed"
-            align="center"
-          >
-            <template #header>
-              <el-input
-                @change="InInputSo($event, item)"
-                clearable
-                v-if="item.type == 5"
-                v-model="item.values"
-                :placeholder="`请输入${item.label}`"
-              />
-              <span v-else></span>
-            </template>
-
-            <template #default="props">
-              <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
-
-              <div class="ElBtnClass" v-if="item.type == 3">
-                <el-button @click="ViewEvent(props.row)">已盘点明细</el-button>
-
-                <el-button @click="DetailsNotCounted(props.row)">未盘点明细</el-button>
-                <!-- <el-button @click="Discard(props.row)">废弃</el-button>
-                <el-button @click="extension(props.row)">延期</el-button> -->
-                <el-button @click="comparativeData(props.row)">对比数据</el-button>
-                <el-button
+          <template #default="slotProps">
+            <template v-if="slotProps.scope.column.label === '操作'">
+              <div class="ElBtnClass">
+                <el-text @click="Inventorydetails(slotProps.scope.row)">盘点明细</el-text>
+                <el-text @click="comparativeview(slotProps.scope.row)">对比数据</el-text>
+                <el-text
                   v-if="
-                    Number(props.row.syncDataStatus) !== 2 &&
-                    new Date() > new Date(props.row.endTime)
+                    Number(slotProps.scope.row.syncDataStatus) !== 2 &&
+                    new Date() > new Date(slotProps.scope.row.endTime)
                   "
-                  @click="handleSyncData(props.row)"
-                  >同步数据</el-button
+                  @click="Inventorysynchronization(slotProps.scope.row)"
+                  >盘点同步</el-text
                 >
               </div>
-
-              <div v-if="item.type == 5 && item.prop == 'questNum'">
-                {{ props.row[item.prop] ? props.row[item.prop] : '/' }}
-                <span class="el-exDc" @click="ExportDC(props.row)">导出</span>
-              </div>
-              <span v-else-if="item.type == 7">{{
-                props.row[item.prop] == 1 ? '全部' : props.row[item.prop] == 2 ? '全仓' : '/'
-              }}</span>
-              <span v-else-if="item.type == 8">{{
-                props.row[item.prop] == 0
-                  ? '创建全部'
-                  : props.row[item.prop] == 1
-                  ? '开始'
-                  : props.row[item.prop] == 2
-                  ? '暂停'
-                  : props.row[item.prop] == 3
-                  ? '结束'
-                  : '/'
-              }}</span>
-              <span v-else-if="item.type === 1 && item.prop === 'syncDataStatus'">
-                {{
-                  props.row[item.prop] == 0
-                    ? '未同步'
-                    : props.row[item.prop] == 1
-                    ? '同步中'
-                    : '同步完成'
-                }}
-              </span>
-              <span v-else-if="item.type == 1">{{
-                props.row[item.prop] ? props.row[item.prop] : '/'
-              }}</span>
             </template>
-          </el-table-column>
-        </el-table-column>
-      </el-table>
-    </div>
-    <!-- 表格翻页功能 -->
-    <div class="demo-pagination-block TCdemo-pagination-block">
-      <el-pagination
-        v-model:current-page="currentPage"
-        v-model:page-size="pageSize"
-        :page-sizes="pageList"
-        :disabled="disabled"
-        :background="background"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total"
-        @size-change="PageSizeChange"
-        @current-change="SizeChange"
-      />
-    </div>
-    <!-- 弹窗详情 -->
-
-    <el-dialog
-      v-model="PopupDetails"
-      :title="!InventoryState ? '盘点数据' : '未盘点数据'"
-      width="80%"
-      :before-close="handleClose"
-      :fullscreen="fullScreen"
-    >
-      <div style="margin-bottom: 10px">
-        <div style="display: flex">
-          <!-- v-if="TcMInventoryStatus" -->
-          <div>
-            <!-- v-if="!NotCounted" -->
-            <el-button type="primary" @click="BatchdeletePackages">删 除</el-button>
-            <el-button type="primary" @click="TcAddData" v-if="Statusjudgment">新 增</el-button>
-            <el-button type="primary" @click="InventoryModification">提交修改</el-button>
-            <el-button type="primary" @click="ModifyingStatus">修改状态</el-button>
-            <el-button icon="Download" type="primary" @click="handleUncountedExport">
-              导出
-            </el-button>
-          </div>
-          <div style="margin-left: 10px">
-            <!-- v-if="NotCounted" -->
-            <el-button type="primary" @click="NotInventoried">盘点</el-button>
-          </div>
-
-          <div class="fullScreen" @click="BtnfullScreen">
-            <el-icon><FullScreen /></el-icon>
-          </div>
-        </div>
-      </div>
-      <!-- 表格开始 -->
-      <el-table
-        v-loading="TcPdloading"
-        element-loading-text="数据正在更新中..."
-        :data="TcPD"
-        row-key="name"
-        border
-        :height="eightyPercentHeight + 'px'"
-        style="width: 100%"
-        @select-all="TcselectAll"
-        @select="TcselectChange"
-      >
-        <el-table-column type="selection" width="55" fixed />
-        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
-
-        <!-- 
-            Type ===1 普通文本
-            Type ===2 图片显示
-            Type ===3 操作功能
-            label:    标题
-            width:    宽度
-            prop:     数据字段
-           -->
 
-        <el-table-column
-          :prop="item.prop"
-          :label="item.label"
-          :width="item.width"
-          :fixed="item.fixed"
-          align="center"
-          v-for="(item, index) in InventoryDetails"
-          :key="item.label"
-        >
-          <el-table-column
-            :prop="item.prop"
-            :label="item.label"
-            :width="item.width"
-            :fixed="item.fixed"
-            align="center"
-          >
-            <template #header>
-              <el-input
-                @change="() => InputSo(item)"
-                clearable
-                v-if="item.type == 5 || item.prop == 'categoryName' || item.prop == 'materialCode'"
-                v-model="item.values"
-                :placeholder="`请输入${item.label}`"
-              />
-
-              <el-select
-                v-model="TcFrom[item.prop]"
-                class="m-2"
-                placeholder="请选择"
-                size="large"
-                v-if="item.type == 6"
-                @change="TcChenge($event, item)"
-                :clearable="true"
+            <template v-if="slotProps.scope.column.label === '盘点任务编号'">
+              <el-popconfirm
+                confirm-button-text="确定"
+                cancel-button-text="取消"
+                icon="Download"
+                icon-color="#626AEF"
+                title="是否导出数据？"
+                @confirm="ExportDataIndexRwo(slotProps.scope.row)"
               >
-                <el-option
-                  v-for="item in item.checkarr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-
-              <!-- 日期搜索 -->
-              <el-date-picker
-                v-if="item.type == 8"
-                v-model="TcFrom[item.prop]"
-                type="datetimerange"
-                format="YYYY-MM-DD HH:mm:ss"
-                value-format="YYYY-MM-DD HH:mm:ss"
-                range-separator="至"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-                @change="TcChenge($event, item)"
-              />
+                <template #reference>
+                  <el-text>
+                    {{ slotProps.scope.row.questNum }}
+                  </el-text>
+                </template>
+              </el-popconfirm>
             </template>
-            <template #default="props">
-              <span v-if="item.type == 1 && item.prop == 'questStatus'">
-                {{
-                  props.row[item.prop] == 0
-                    ? '待盘点'
-                    : props.row[item.prop] == 1
-                    ? '已盘'
-                    : props.row[item.prop] == 2
-                    ? '未盘点'
-                    : props.row[item.prop] == 3
-                    ? '已排除'
-                    : '/'
-                }}
-              </span>
-
-              <span v-if="item.type == 1 && item.prop == 'isNew'">
-                {{ props.row[item.prop] !== 1 ? '否' : '是' }}
-              </span>
-
-              <span v-if="item.type == 1 && item.prop == 'isChange'">
-                {{ props.row[item.prop] !== 1 ? '否' : '是' }}
-              </span>
-
-              <span v-if="item.type == 1 && item.prop == 'isChangeAt'">
-                {{ props.row[item.prop] !== 1 ? '否' : '是' }}
-              </span>
-
-              <span v-if="item.type == 6 && item.prop === 'questTarget'">
-                {{
-                  props.row[item.prop] == 1
-                    ? '定制品'
-                    : props.row[item.prop] == 2
-                    ? '零担'
-                    : props.row[item.prop] == 3
-                    ? '库存品'
-                    : '/'
-                }}</span
-              >
-
-              <span v-if="item.type == 10 && item.prop != 'materialCode'">
-                <el-input
-                  clearable
-                  :disabled="props.row.Checkbox"
-                  v-model="props.row[item.prop]"
-                  :placeholder="`请输入${item.label}`"
-                />
-              </span>
-
-              <span v-if="item.type == 10 && item.prop == 'materialCode'">
-                <!-- 下拉搜索 -->
-                <el-select
-                  v-if="props.row.wLinputState"
-                  v-model="props.row.Input"
-                  filterable
-                  placeholder="请输入物料编码"
-                >
-                  <el-option
-                    v-for="item in Wloptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  />
-                </el-select>
-                <el-input
-                  v-else
-                  @change="wLcheng(props.row, props.row)"
-                  clearable
-                  :disabled="props.row.Checkbox"
-                  v-model="props.row.Input"
-                  :placeholder="`请输入${item.label}`"
-                />
-              </span>
-              <div :class="ElBtnClass" v-if="item.type == 3 && !NotCounted">
-                <el-button
-                  :link="ElButtonS[2].link"
-                  :class="ElButtonS[2].class"
-                  :auto-insert-space="ElButtonS[2].space"
-                  :size="ElButtonS[2].size"
-                  :icon="ElButtonS[2].icon"
-                  @click="InventoryEditing(props.row)"
-                  >编辑</el-button
-                >
-              </div>
+          </template>
+        </tablecmt>
+      </el-row>
 
-              <span v-if="item.type == 4">{{
-                props.row[item.prop] ? props.row[item.prop] : '/'
-              }}</span>
-            </template>
-          </el-table-column>
-        </el-table-column>
-      </el-table>
-      <template #footer>
-        <!-- 表格翻页功能 -->
-        <div class="demo-pagination-blockPD demo-pagination-block TCdemo-pagination-block">
+      <!-- 分页模块 -->
+      <el-row class="el-fy">
+        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+          <div></div>
           <el-pagination
-            v-model:current-page="TccurrentPage"
-            v-model:page-size="TcpageSize"
-            :page-sizes="pageList"
-            :disabled="disabled"
-            :background="background"
+            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="Tctotal"
-            @size-change="TcPageSizeChange"
-            @current-change="TcSizeChange"
-          />
+            :total="page.total"
+          >
+          </el-pagination>
         </div>
-        <span class="dialog-footer">
-          <el-button @click="PopupDetails = false">取消</el-button>
-          <el-button type="primary">确定</el-button>
-        </span>
-      </template>
-
-      <!-- 弹窗里面的详情 -->
-
-      <!-- 状态选择 -->
-      <el-dialog
-        v-model="InventoryStatus"
-        title="状态选择"
-        width="70%"
-        style="display: flex; flex-direction: column"
-      >
-        <!-- 定制品单选框 -->
-        <el-radio-group
-          v-model="WrapBarEditing.radio"
-          class="tcradiogroup"
-          v-if="!TcStateSwitching"
-        >
-          <template v-for="(item, index) in radioList" :key="item.label">
-            <div class="Tcstate">
-              <el-radio @change="TcReac" :label="item.label">{{ item.txt }} </el-radio>
-              <el-input-number
-                v-model="counting[item.input]"
-                :disabled="item.disabled"
-                placeholder="数量"
-                :min="0"
-              />
-            </div>
-          </template>
-        </el-radio-group>
-
-        <!-- 多选框 -->
-        <el-checkbox-group v-model="readList" @change="Tcmultiple" v-else>
-          <template v-for="(item, index) in radioList" :key="item.label">
-            <div class="Tcstate TcstateS">
-              <el-checkbox :label="item.txt" @change="Tclist(index + 1)" /><el-input-number
-                v-model="counting[item.input]"
-                :disabled="item.disabled"
-                placeholder="数量"
-                :min="0"
-              />
-            </div>
-          </template>
-        </el-checkbox-group>
-
-        <span class="Tcstdialog-footer">
-          <el-button @click="InventoryStatus = false">取消</el-button>
-          <el-button type="primary" @click="StatusDetermination">确定</el-button>
-        </span>
-      </el-dialog>
-
-      <!-- 信息编辑 -->
-      <el-dialog
-        v-model="PopupEditing"
-        title="信息编辑"
-        width="60%"
-        @close="closeInformationediting"
-      >
-        <el-form :model="WrapBarEditing" label-position="right" label-width="100px">
-          <el-form-item label="包条:">
-            <el-input v-model="WrapBarEditing.orderPackageCode" disabled placeholder="包条" />
-          </el-form-item>
-          <el-form-item label="订单自编号:">
-            <el-input v-model="WrapBarEditing.orderCode" placeholder="请输入订单自编号" />
-          </el-form-item>
-
-          <el-form-item label="异常状态:">
-            <!-- 定制品单选框 -->
-            <el-radio-group
-              v-model="WrapBarEditing.radio"
-              class="tcradiogroup"
-              v-if="!TcStateSwitching"
-            >
-              <template v-for="(item, index) in radioList" :key="item.label">
-                <div class="Tcstate">
-                  <el-radio @change="TcReac" :label="item.label">{{ item.txt }} </el-radio>
-                  <el-input-number
-                    v-model="counting[item.input]"
-                    :disabled="item.disabled"
-                    placeholder="数量"
-                    :min="0"
-                  />
-                </div>
-              </template>
-            </el-radio-group>
-
-            <!-- 多选框 -->
-            <el-checkbox-group v-model="readList" @change="Tcmultiple" v-else>
-              <template v-for="(item, index) in radioList" :key="item.label">
-                <div class="Tcstate TcstateS">
-                  <el-checkbox :label="item.txt" @change="Tclist(index + 1)" /><el-input-number
-                    v-model="counting[item.input]"
-                    :disabled="item.disabled"
-                    placeholder="数量"
-                    :min="0"
-                  />
-                </div>
-              </template>
-            </el-checkbox-group>
-          </el-form-item>
-
-          <el-form-item label="新的货位">
-            <el-select-v2
-              v-model="WrapBarEditing.groundingPositionCode"
-              style="width: 240px"
-              filterable
-              remote
-              :remote-method="remoteMethod"
-              clearable
-              :options="optionss"
-              placeholder="请输入货位"
-            />
-          </el-form-item>
-        </el-form>
-
-        <template #footer>
-          <span class="dialog-footer">
-            <el-button @click="PopupEditing = false">取消</el-button>
-            <el-button type="primary" @click="InformationEditing">提交</el-button>
-          </span>
-        </template>
-      </el-dialog>
-
-      <!-- 新增弹窗 -->
-      <el-dialog
-        v-model="TcDataaddition"
-        title="新增"
-        width="70%"
-        style="display: flex; flex-direction: column"
+      </el-row>
+    </div>
+    <!-- 创建判断任务 -->
+    <el-dialog
+      v-model="InventoryPopup"
+      title="创建盘点任务"
+      width="30%"
+      :close-on-click-modal="false"
+      :show-close="false"
+    >
+      <el-form
+        :model="formInventory"
+        label-width="120px"
+        ref="ruleFormRef"
+        :rules="rules"
+        v-loading="formInventoryloading"
+        element-loading-text="正在处理中,此任务可能较耗时请耐心等待..."
       >
-        <el-form
-          :model="Fromnewlyadded"
-          label-position="right"
-          label-width="100px"
-          style="margin-top: 40px"
-        >
-          <el-form-item label="SKU:">
-            <el-input v-model="Fromnewlyadded.sku" placeholder="请输入SKU" />
-          </el-form-item>
-          <el-form-item label="货物名称:">
-            <el-input v-model="Fromnewlyadded.name" placeholder="请输入货物名称" />
-          </el-form-item>
-          <el-form-item label="货物单位:">
-            <el-select v-model="Fromnewlyadded.logpmUnit" class="m-2" placeholder="选择货物单位">
-              <el-option
-                v-for="item in classification"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
-
-          <el-form-item label="规格:">
-            <el-input v-model="Fromnewlyadded.specification" placeholder="请输入规格" />
-          </el-form-item>
-          <el-form-item label="物料编码:">
-            <el-input v-model="Fromnewlyadded.packingSpecification" placeholder="请输入物料编码" />
-          </el-form-item>
-
-          <el-form-item label="产品编码:">
-            <el-input v-model="Fromnewlyadded.productCode" placeholder="请输入产品编码" />
-          </el-form-item>
-          <el-form-item label="包装数量:">
-            <el-input v-model="Fromnewlyadded.packageNum" placeholder="请输入包装数量" />
-          </el-form-item>
-        </el-form>
-
-        <span class="Tcstdialog-footer">
-          <el-button @click="TcDataaddition = false">取消</el-button>
-          <el-button type="primary" @click="TcDataadditionsubmit">确定</el-button>
-        </span>
-      </el-dialog>
-    </el-dialog>
-    <!-- 创建盘点弹窗 -->
-    <el-dialog v-model="InventoryPopup" title="创建盘点任务" width="30%">
-      <el-form :model="formInventory" label-width="120px">
         <el-form-item label="商场名称">
           <el-select
             multiple
             v-model="formInventory.scname"
             filterable
+            collapse-tags
+            popper-class="custom-header"
+            :max-collapse-tags="2"
             placeholder="请选择商场"
             @change="formInventoryChange"
           >
             <el-option
-              v-for="item in formInventory.select"
+              v-for="item in shoppingmall"
               :key="item.id"
               :label="item.clientName"
               :value="item.id"
@@ -577,7 +145,7 @@
           <el-input v-model="formInventory.brandName" disabled placeholder="品牌名称" />
         </el-form-item>
 
-        <el-form-item label="盘点时间" class="pdsj">
+        <el-form-item label="盘点时间" prop="time">
           <el-date-picker
             v-model="formInventory.time"
             type="datetimerange"
@@ -593,2324 +161,1208 @@
       </el-form>
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="InventoryPopup = false">取消</el-button>
-          <el-button type="primary" @click="InventorySubmit"> 提交 </el-button>
+          <el-button @click="InventoryPopup = false">关闭</el-button>
+          <el-button type="primary" @click="InventorySubmit" :disabled="formInventoryloading">
+            提交
+          </el-button>
         </span>
       </template>
     </el-dialog>
-    <!-- 延期弹窗 -->
-    <el-dialog v-model="dialogTabData" title="选择延期时间">
-      <el-date-picker
-        v-model="TcData"
-        type="date"
-        placeholder="请选择延期时间"
-        value-format="YYYY-MM-DD HH:mm:ss"
-      />
+
+    <!-- 备货删除提示 -->
+    <DeleteWarningDialog
+      v-model="popupnotification"
+      :width="'600'"
+      title="废弃盘点计划警告！"
+      confirmButtonText="确认取消"
+      :loading="popupnotificationloading"
+      @confirm="handleDialogConfirm"
+    >
+      <template #content>
+        <el-text class="mx-1" size="large">
+          <el-icon><StarFilled /></el-icon>
+          是否确定<strong>废弃</strong>盘点计划，此操作<strong>不可撤销</strong>会造成<strong>数据丢失</strong>，是否继续?
+        </el-text>
+      </template>
+    </DeleteWarningDialog>
+
+    <!-- 删除已盘点包件提示 -->
+    <DeleteWarningDialog
+      v-model="popupnotiInventory"
+      :width="'600'"
+      title="删除已盘点包件警告！"
+      confirmButtonText="确认取消"
+      :loading="popupnotInventoryloading"
+      @confirm="InventoryDialogConfirm"
+    >
+      <template #content>
+        <el-text class="mx-1" size="large">
+          <el-icon><StarFilled /></el-icon>
+          是否确定<strong>删除</strong>已盘点包件，此操作<strong>不可撤销</strong>会造成<strong>数据丢失</strong>，是否继续?
+        </el-text>
+      </template>
+    </DeleteWarningDialog>
+    <!-- 任务延期弹窗 -->
+    <el-dialog
+      v-model="extensiondialog"
+      title="请选择盘点任务延期时间"
+      width="30%"
+      :close-on-click-modal="false"
+      :show-close="false"
+    >
+      <div v-loading="extensionloading" element-loading-text="Loading...">
+        <el-date-picker
+          v-model="extensionTime"
+          type="datetime"
+          placeholder="请选择盘点延期时间"
+          format="YYYY/MM/DD HH:mm:ss"
+          value-format="YYYY-MM-DD HH:mm:ss"
+        />
+      </div>
+
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="dialogTabData = false">取消</el-button>
-          <el-button type="primary" @click="InventoryDate"> 提交 </el-button>
+          <el-button @click="extensiondialog = false">关闭</el-button>
+          <el-button type="primary" @click="extensionsubmit" :disabled="extensionloading">
+            提交
+          </el-button>
         </span>
       </template>
     </el-dialog>
 
-    <!-- 对比信息弹窗 -->
-    <el-dialog v-model="dialogcontrast" title="对比信息" width="70%">
-      <div class="dbExPo">
-        <el-button type="primary" @click="MXexport">导出</el-button>
-      </div>
-      <!-- 表格开始 -->
-      <el-table
-        v-loading="contrastloading"
-        element-loading-text="数据正在更新中..."
-        :data="contrastData"
-        row-key="name"
-        border
-        height="600"
-        style="width: 100%"
-        @select-all="contrastselectAll"
-        @select="contrastselectChange"
-      >
-        <el-table-column type="selection" width="55" fixed />
-        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
-        <!-- 
-            Type ===1 普通文本
-            Type ===2 图片显示
-            Type ===3 操作功能
-            label:    标题
-            width:    宽度
-            prop:     数据字段
-           -->
-        <el-table-column
-          :prop="item.prop"
-          :label="item.label"
-          :width="item.width"
-          :fixed="item.fixed"
-          align="center"
-          v-for="(item, index) in contrast"
-          :key="item.label"
+    <!-- 已/未盘点明细 -->
+    <el-dialog
+      v-model="Inventorydialog"
+      title="盘点明细"
+      width="80%"
+      :fullscreen="Isitfullscreen"
+      :show-close="false"
+      class="el_Inventorydialog"
+    >
+      <template #header>
+        <div class="el_dialog__header">
+          <div>
+            <span>盘点明细</span>
+          </div>
+          <div>
+            <el-icon @click="Isfullscreen"><FullScreen /></el-icon>
+            <el-icon @click="InventorydialogClose"><Close /></el-icon>
+          </div>
+        </div>
+      </template>
+
+      <el-tabs type="border-card" v-model="eltabs" @tab-click="tabclick">
+        <el-tab-pane label="未盘点明细" :name="0"></el-tab-pane>
+        <el-tab-pane label="已盘点明细" :name="1"></el-tab-pane>
+        <!-- 首页表格 -->
+        <el-button type="primary" icon="Download" @click="ExportDataInventory">导出数据</el-button>
+        <el-button type="primary" icon="EditPen" @click="Submitmodifications" v-if="eltabs"
+          >提交修改</el-button
+        >
+        <el-button type="primary" icon="Menu" @click="Inventorypackages" v-if="!eltabs"
+          >盘点包件</el-button
+        >
+        <el-button type="primary" icon="Delete" v-if="eltabs" @click="BatchdeletePackages"
+          >删除包件</el-button
         >
-          <el-table-column
-            :prop="item.prop"
-            :label="item.label"
-            :width="item.width"
-            :fixed="item.fixed"
-            align="center"
+        <el-row>
+          <!-- 列表模块 -->
+          <tablecmt
+            class="InventorytableNode"
+            :columnList="details.columnListInventory"
+            :tableData="inventoryData"
+            :loading="loadingObj.inventorylist"
+            @inputTxt="inputsc"
+            @timeCheck="timesc"
+            @btnCheck="btnsc"
+            @selectCheck="selectsc"
+            @selection="selectionChange"
           >
-            <template #header>
-              <!-- <el-input
-                @change="InputSo(item)"
-                clearable
-                v-if="item.type == 4"
-                v-model="item.values"
-                :placeholder="`请输入${item.label}`"
-              /> -->
+            <template #default="slotProps">
+              <template v-if="slotProps.scope.column.label === '操作'">
+                <div class="ElBtnClass">
+                  <el-text @click="Editinventory(slotProps.scope.row)">编辑</el-text>
+                </div>
+              </template>
+
+              <template v-if="slotProps.scope.column.label === '盘点任务编号'">
+                <el-popconfirm
+                  confirm-button-text="确定"
+                  cancel-button-text="取消"
+                  icon="Download"
+                  icon-color="#626AEF"
+                  title="是否导出数据?"
+                  @confirm="ExportDataIndexRwo(slotProps.scope.row)"
+                >
+                  <template #reference>
+                    <el-text>
+                      {{ slotProps.scope.row.questNum }}
+                    </el-text>
+                  </template>
+                </el-popconfirm>
+              </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="inventorysizeChange"
+              @current-change="inventorycurrentChange"
+              :current-page="inventorypage.currentPage"
+              :page-sizes="[30, 50, 80, 120]"
+              :page-size="inventorypage.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="inventorypage.total"
+            >
+            </el-pagination>
+          </div>
+        </el-row>
+      </el-tabs>
+    </el-dialog>
 
-            <template #default="props">
-              <div :class="ElBtnClass" v-if="item.type == 3">
-                <!-- 按钮 -->
+    <!-- 对比数据弹窗  -->
+    <el-dialog v-model="comparativedialog" title="对比数据" width="80%">
+      <el-button type="primary" icon="Download" @click="Exportcomparativedata">导出数据</el-button>
+      <el-row>
+        <!-- 列表模块 -->
+        <tablecmt
+          class="comparativeableNode"
+          :columnList="details.comparativecolumnList"
+          :tableData="comparativedata"
+          :loading="loadingObj.comparativelist"
+          @inputTxt="inputsc"
+          @timeCheck="timesc"
+          @btnCheck="btnsc"
+          @selectCheck="selectsc"
+          @selection="selectionChange"
+        >
+          <template #default="slotProps">
+            <template v-if="slotProps.scope.column.label === '操作'">
+              <div class="ElBtnClass">
+                <el-text @click="Editinventory(slotProps.scope.row)">编辑</el-text>
               </div>
-              <span v-if="item.type == 4">{{
-                props.row[item.prop] != null ? props.row[item.prop] : '/'
-              }}</span>
-              <span v-if="item.type == 6">{{
-                props.row[item.prop] == null ? 0 : props.row[item.prop]
-              }}</span>
             </template>
-          </el-table-column>
-        </el-table-column>
-      </el-table>
+
+            <template v-if="slotProps.scope.column.label === '盘点任务编号'">
+              <el-popconfirm
+                confirm-button-text="确定"
+                cancel-button-text="取消"
+                icon="Download"
+                icon-color="#626AEF"
+                title="是否导出数据?"
+                @confirm="ExportDataIndexRwo(slotProps.scope.row)"
+              >
+                <template #reference>
+                  <el-text>
+                    {{ slotProps.scope.row.questNum }}
+                  </el-text>
+                </template>
+              </el-popconfirm>
+            </template>
+          </template>
+        </tablecmt>
+      </el-row>
     </el-dialog>
-    <!-- 数据对比结束 -->
-  </div>
+  </basic-container>
+  <!-- 列表配置显示 -->
+  <edittablehead
+    @closce="showdrawer"
+    :drawerShow="drawerShow"
+    :columnList="details.columnList"
+    v-model="details.columnList"
+  ></edittablehead>
 </template>
 
 <script setup>
+import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
+import {
+  columnList,
+  columnListInventory,
+  comparativecolumnList,
+} from '@/option/distribution/createTask.js';
+import { processRowProperty, setNodeHeight } from '@/utils/util';
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { downloadXls, handleClearTableQuery } from '@/utils/util';
 import {
-  $_getContrastInfo,
-  $_getDetailInfo,
-  $_updateDate,
-  $_updateDetailInfo,
-  $_updateQuestChildInfo,
-  $_getQuestChildInfo,
-  getDictList,
   getTaskQuestPage,
+  getAllDataWithPackage,
+  getDictList,
   postAddtaskQuest,
-  $_materialList,
-  $_submit,
-  $_questDetailIds,
-  $_exportGetContrastInfo,
-  $_getList,
   $_postBatchDelete,
+  $_updateDate,
+  $_getDetailInfo,
+  $_questDetailIds,
   postExportContrastStockInfo,
   postExportPanDataWithPackage,
+  $_updateDetailInfo,
+  $_getContrastInfo,
+  $_exportGetContrastInfo,
   postSyncTaskData,
-  getAllDataWithPackage,
 } from '@/api/distribution/createTask';
-import { ElMessageBox } from 'element-plus';
-import { ElMessage } from 'element-plus';
-import { downloadXls } from '@/utils/util';
-import { getDictionaryBiz } from '@/api/system/dict';
-import { ref, reactive } from 'vue';
-import { off } from 'dom7';
-const wLinput = ref(null); //物料编码搜索框
-const wLinputState = ref(false); //标记是否显示下拉框
-const SoInfoData = ref({}); //搜索框参数
-const searchSo = ref(false); //搜索框
-const ElData = ref([]); //表格的值
-const TcPD = ref([]); //弹窗盘点表格得值
-const currentPage = ref(1); // 默认页码
-const pageSize = ref(40); // 默认每一页几条
-const dialogTabData = ref(false); //延期弹窗
-const TccurrentPage = ref(1); // 默认页码
-const TcpageSize = ref(50); // 默认每一页几条
-const Tctotal = ref(null); //明细页码总数
-const TcData = ref(null); //延期时间
-const pageList = ref([50, 100, 200, 500, 1000]); // 选择每页显示多少条
-const background = ref(true); // 是否开启背景颜色
-const disabled = ref(false); // 是否禁止使用页码功能
-const total = ref(0); //页码总数
-const loading = ref(false); //表格加载Load
-const PopupDetails = ref(false); //弹窗详情是否展示
-const InventoryPopup = ref(false); //创建判断任务弹窗
-const formInventory = ref({}); //盘点任务表单_
-const TcPdloading = ref(false); //弹窗盘点数据
-const PdRow = ref(null); //盘点任务选中
-const TcFrom = ref({}); //弹窗搜索
-const row = ref({}); //选择当前列
-const Tcrow = ref(); //弹窗当前行
-const WrapBarEditing = ref({}); //弹窗数据编辑
-const PopupEditing = ref(false); //弹窗编辑
-const ElBtnClass = ref(null);
-const DiskStatus = ref(true); //已盘、未盘状态
-const UncountedDetails = ref(); //未盘点明细盘点必须参数
-const contrastData = ref([]); //对比数据表格
-const dialogcontrast = ref(false); //对比数据弹窗
-const contrastloading = ref(false); //对比数据表格加载
-const Inventoryrow = ref({}); //详情编辑响应式临时数据
-const NotCounted = ref(false); //为盘点信息
-const UncheckedRow = ref({}); //未盘点当前行存储数据
-const InventoryStatus = ref(false); //盘点中的状态修改
-const InventoryInput = ref(null); //用来存储盘点状态定制品选怎的第几个input
-const InventoryState = ref(false); //盘带状态修改保存的数据
-const TcMInventoryStatus = ref(true); //盘点弹窗按钮权限控制
-const TcStatusModification = ref(false); //表示当前在修改状态
-const TcStateSwitching = ref(false); //默认表示定制品状态
-const TcnumStatu = ref(false); //表示零担,库存品,初始化状态
-const readList = ref([]); //多选框
-const TcReaJoin = ref([]); //零担库存品状态10，20，30...
-const TcDataaddition = ref(false); //数据新增弹唱
-const Fromnewlyadded = ref({}); //数据新增
-const screenHeight = ref(0); // 屏幕高度
-const HomepageDelay = ref(null); //首页延期
-const eightyPercentHeight = ref(0); // 80% 高度
-const Statusjudgment = ref(false); //新增按钮
-const DbEx = ref(null); //对比明细导出
-const fullScreen = ref(false); //是否全屏
-const BatchAbandonment = ref([]); //首页废弃
-/** loading */
-const loadingObj = reactive({
-  /** 页面loading */
-  pageLoading: false,
+import DeleteWarningDialog from '@/components/popupnotification/popupnotification.vue';
+import { useStore } from 'vuex';
+import dayjs from 'dayjs';
+const $router = useRouter(); //跳转
+const $useStore = useStore(); //权限
+const $route = useRoute(); //获取地址栏参数
+// 创建判断任务
+const formInventory = ref({});
+const shoppingmall = ref([]); // 商场
+const InventoryPopup = ref(false); //创建盘点任务弹窗
+const popupnotificationloading = ref(false);
+const popupnotification = ref(false);
+const ruleFormRef = ref(null);
+const Isitfullscreen = ref(false);
+const extensiondialog = ref(false);
+const formInventoryloading = ref(false);
+const extensionTime = ref(null);
+const extensionloading = ref(false);
+const popupnotInventoryloading = ref(false);
+const popupnotiInventory = ref(false);
+const Inventorydialog = ref(false);
+const DataRow = ref({});
+const eltabs = ref(0);
+const comparativedialog = ref(false);
+const Inventorydetailsstatus = ref(false);
+const rules = reactive({
+  time: [{ required: true, message: '请选择盘点时间', trigger: 'blur' }],
 });
-/** 未盘点query */
-const uncountedQuery = reactive({});
-const radioList = ref([
-  { label: 0, txt: '在库', input: 'stockNum', disabled: true },
-  { label: 1, txt: '破损', input: 'wornNum', disabled: true },
-  { label: 2, txt: '丢失', input: 'lossNum', disabled: true },
-  { label: 3, txt: '不可修复', input: 'noRepairNum', disabled: true },
-  { label: 4, txt: '已配送', input: 'deliveNum', disabled: true },
-  { label: 5, txt: '未入库', input: 'noReceivedNum', disabled: true },
-]);
-const counting = ref({});
-const options = [
-  {
-    value: 1,
-    label: '定制品',
-  },
-  {
-    value: 2,
-    label: '零担',
-  },
-  {
-    value: 3,
-    label: '库存品',
-  },
-];
-// 新增物品分类
-const classification = ref([]);
-// 菜单表头
-const menuData = ref([
-  {
-    prop: 'questNum',
-    label: '盘点任务编号',
-    type: 5,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'warehouseName',
-    label: '仓库名称',
-    type: 4,
-    values: '',
-    width: '100',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'marketName',
-    label: '商城名称',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'marketName',
-    label: '收货单位',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'brandName',
-    label: '品牌名称',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'startTime',
-    label: '任务开始时间',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'endTime',
-    label: '任务结束时间',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'stockNum',
-    label: '数量',
-    type: 5,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'syncDataStatus',
-    label: '同步状态',
-    type: 1,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'syncUserName',
-    label: '同步人',
-    type: 1,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'syncTime',
-    label: '同步时间',
-    type: 1,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'questType',
-    label: '类型',
-    type: 7,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'questStatus',
-    label: '状态',
-    type: 8,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: '',
-    label: '操作',
-    type: 3,
-    values: '',
-    width: '230',
-    checkarr: [],
-    fixed: 'right',
-    search: false,
-    head: true,
-  },
-]); //表头结构
-
-// 弹窗盘点
-const InventoryDetails = ref([
-  {
-    prop: 'orderCode',
-    label: '订单自编号',
-    type: 5,
-    values: '',
-    width: '230',
-    checkarr: [],
-    fixed: true,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'orderPackageCode',
-    label: '包条',
-    type: 5,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: true,
-    search: true,
-    head: true,
-  },
-
-  {
-    prop: 'questTarget',
-    label: '品类',
-    type: 6,
-    values: '',
-    width: '100',
-    checkarr: [
-      {
-        value: 1,
-        label: '定制品',
-      },
-      {
-        value: 2,
-        label: '零担',
-      },
-      {
-        value: 3,
-        label: '库存品',
-      },
-    ],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'questStatus',
-    label: '盘点状态',
-    type: 1,
-    values: '',
-    width: '100',
-    checkarr: [
-      {
-        value: 0,
-        label: '待盘点',
-      },
-      {
-        value: 1,
-        label: '已盘',
+const details = reactive({
+  /** 是否开启搜索 */
+  search: false,
+  /** 表格搜索条件 */
+  query: {},
+  // 盘点明细查询条件
+  queryInventory: {},
+  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];
       },
-      {
-        value: 2,
-        label: '未盘点',
+    },
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
       },
-      {
-        value: 3,
-        label: '已排除',
+    },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
       },
-    ],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'positionCode',
-    label: '货位',
-    type: 5,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'materialName',
-    label: '物料名称',
-    type: 5,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'stockNum',
-    label: '数量',
-    type: 5,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'trayCode',
-    label: '托盘码',
-    type: 5,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'trayName',
-    label: '托盘名称',
-    type: 5,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'isNew',
-    label: '是否新增',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'groundingPositionCode',
-    label: '上架后库位',
-    type: 5,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'newTrayCode',
-    label: '移动托盘',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'newTrayName',
-    label: '移动托盘名称',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'isChange',
-    label: '是否数量变更',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'isChangeAt',
-    label: '是否库位或托盘变更',
-    type: 1,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'inventoryPerson',
-    label: '盘点人',
-    type: 5,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'inventoryDate',
-    label: '盘点时间',
-    type: 8,
-    values: '',
-    width: '350',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'firsts',
-    label: '一级品类',
-    type: 10,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'second',
-    label: '二级品类',
-    type: 10,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'thirdProduct',
-    label: '三级品类',
-    type: 10,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-
-  {
-    prop: 'categoryName',
-    label: '产品名称',
-    type: 10,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'materialCode',
-    label: '物料编码',
-    type: 10,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'brandName',
-    label: '品牌',
-    type: 5,
-    values: '',
-    width: '250',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: '',
-    label: '操作',
-    type: 3,
-    values: '',
-    width: '120',
-    checkarr: [],
-    fixed: 'right',
-    search: false,
-    head: true,
-  },
-]);
-// 对比数据表格结构
-const contrast = ref([
-  {
-    prop: 'orderCode',
-    label: '订单自编号',
-    type: 4,
-    values: '',
-    width: '260',
-    checkarr: [],
-    fixed: true,
-    search: true,
-    head: true,
-  },
-  // {
-  //   prop: 'orderPackageCode',
-  //   label: '包条',
-  //   type: 5,
-  //   values: '',
-  //   width: '260',
-  //   checkarr: [],
-  //   fixed: true,
-  //   search: true,
-  //   head: true,
-  // },
-  {
-    prop: 'trayCode',
-    label: '托盘码',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'trayName',
-    label: '托盘名称',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'brandName',
-    label: '品牌',
-    type: 4,
-    values: '',
-    width: '250',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'mallName',
-    label: '商场名称',
-    type: 4,
-    values: '',
-    width: '250',
-    checkarr: [],
-    fixed: false,
-    search: true,
-    head: true,
-  },
-  {
-    prop: 'customerName',
-    label: '客户名称',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'thirdProduct',
-    label: '三级品',
-    type: 4,
-    values: '',
-    width: '350',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'materialName',
-    label: '物料名称',
-    type: 4,
-    values: '',
-    width: '200',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'totalNumber',
-    label: '总件数',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'handQuantity',
-    label: '在库件数',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'positionCode',
-    label: '货区-货架-货位',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'inventoryPerson',
-    label: '盘点人',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'inventoryDate',
-    label: '盘点时间',
-    type: 8,
-    values: '',
-    width: '350',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'questNum',
-    label: '盘点件数',
-    type: 6,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'differenceNum',
-    label: '差异数',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-
-  {
-    prop: 'groundingPositionCode',
-    label: '新货位',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
-  },
-  {
-    prop: 'questStatusName',
-    label: '货物状态',
-    type: 4,
-    values: '',
-    width: '150',
-    checkarr: [],
-    fixed: false,
-    search: false,
-    head: true,
+    },
+  ],
+  /** 时间选择器数据 */
+  stockupDate: [],
+  /** 列表 */
+  columnList,
+  columnListInventory,
+  comparativecolumnList,
+  /** 列表数据 */
+  data: [],
+  // 盘点明细
+  inventoryData: [],
+  // 对比数据
+  comparativedata: [],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    inventorylist: false,
+    comparativelist: false,
   },
-]);
-// 按钮配置
-const ElButtonS = ref([
-  // 1.link    切换按钮样式(文本模式-false ,按钮模式-tre)
-  // 2.class   按钮样式名(用于切换按钮样式)
-  // 3.space   是否开启按钮文子直接间距(true开启 ,false关闭)
-  // 4.size    按钮尺寸默认小尺寸('large'| 'default'| 'small')
-  // 5.icon    按钮图标
-  // 6.table   按钮名称
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '详情',
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    currentPage: 1,
+    pageSize: 50,
+    total: 0,
   },
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '延期',
+  // 盘点明细分页
+  inventorypage: {
+    currentPage: 1,
+    pageSize: 50,
+    total: 0,
   },
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '编辑',
+  /** 弹出层显示 */
+  popUpShow: {
+    /** 包件明细 */
+    packageOrderListlVisited: false,
+    /** 二维码 */
+    QRCodeVisible: false,
+    /** 修改客户信息 */
+    editClientInfoVisible: false,
   },
-  {
-    link: false,
-    class: 'el-btn-view',
-    space: true,
-    size: 'small',
-    icon: 'el-icon-view',
-    table: '对比数据',
+  /** 列表Dom节点 */
+  listNode: '',
+  form: {},
+  /** 全屏 */
+  fullscreenObj: {
+    /** 包明细 */
+    packageOrderListlVisited: false,
   },
-]);
-// 页面初始化请求
+});
 
-const IndexPd = val => {
-  let Data = {
-    current: currentPage.value, //页码
-    size: pageSize.value, //条数
-    ...val,
-  };
-  getTaskQuestPage(Data).then(res => {
-    console.log(res, '获取盘点列表');
-    if (res.data.code == 200) {
-      total.value = res.data.data.total;
-      loading.value = false; //关闭表格加载
-      res.data.data.records; //初始化盘点列表
-      if (res.data.data.records) {
-        res.data.data.records.forEach(items => {
-          items.marketName = items.list.map(item => item.refName).join(','); //商场名称
-          items.brandName = items.list.map(item => item.brandName).join(','); //品牌名称
-        });
-        console.log(ElData.value, 'ElData.value');
-      }
-      ElData.value = res.data.data.records;
-    }
-  });
+const {
+  search,
+  query,
+  shortcuts,
+  stockupDate,
+  data,
+  inventoryData,
+  loadingObj,
+  inventorypage,
+  selectionList,
+  drawerShow,
+  page,
+  trickleLoadingPage,
+  zeroAdditionalRecordingInfo,
+  popUpShow,
+  recorddata,
+  defaultTime2,
+  comparativedata,
+} = toRefs(details);
+
+/** 展开列表控件 */
+const showdrawer = _flag => {
+  details.drawerShow = _flag;
 };
-// 弹窗全屏
-const BtnfullScreen = () => {
-  fullScreen.value = !fullScreen.value;
-};
-
-function onLoad() {
-  // 在组件挂载后获取屏幕高度
-  screenHeight.value = window.innerHeight;
-  // 计算80%的高度
-  eightyPercentHeight.value = screenHeight.value * 0.8;
-  getDictionaryBiz('logpm_unit').then(res => {
-    //异常类型
-    console.log(res, '字典返回值');
-
-    if (res.data.data.length) {
-      res.data.data.forEach(item => {
-        classification.value.push({
-          value: item.dictKey,
-          label: item.dictValue,
-        });
-      });
-    }
-  });
-
-  loading.value = true; //开启表格加载
-  IndexPd();
-  // let Data = {
-  //   current: currentPage.value, //页码
-  //   size: pageSize.value, //条数
-  //   questNum: 'PDLS20231124625',
-  // };
-  // getTaskQuestPage(Data).then(res => {
-  //   console.log(res, '获取盘点列表');
-  //   if (res.data.code == 200) {
-  //     total.value = res.data.data.total;
-  //     loading.value = false; //关闭表格加载
-  //     res.data.data.records; //初始化盘点列表
-  //     if (res.data.data.records) {
-  //       res.data.data.records.forEach(items => {
-  //         items.marketName = items.list.map(item => item.refName).join(','); //商场名称
-  //         items.brandName = items.list.map(item => item.brandName).join(','); //品牌名称
-  //       });
-  //       console.log(ElData.value, 'ElData.value');
-  //     }
-  //     ElData.value = res.data.data.records;
-  //   }
-  // });
-}
-// 调用页面初始化获取数据
-onLoad();
-
-// 首页搜索框
-const InInputSo = (values, val) => {
-  console.log(values, val);
-  let data = {
-    [val.prop]: values,
-  };
-  console.log(data);
-  IndexPd(data);
+/** 表格表头输入框搜索 */
+/** 表格表头输入框搜索 */
+const inputsc = (index, row) => {
+  // Inventorydetailsstatus:表示是盘点明细弹窗 否则就是首页搜索
+  const queryField = Inventorydetailsstatus.value ? details.queryInventory : details.query;
+  queryField[row.prop] = index;
+  processRowProperty(index, row, details);
+  Inventorydetailsstatus.value ? InventoriedData() : onLoad();
 };
-
-// 搜索框
-const InputSo = val => {
-  TcPdloading.value = true;
-  console.log(val, '搜索框接收的值');
-  let data = {};
-  console.log(row.value, 'row.value');
-  data.current = TccurrentPage.value;
-  data.size = TcpageSize.value;
-
-  let dataS = {
-    questNum: UncountedDetails.value.questNum,
-    questId: UncountedDetails.value.id,
-    current: TccurrentPage.value, //页码
-    size: TcpageSize.value, //条数
-    [val.prop]: val.values,
-  };
-  if (DiskStatus.value) {
-    dataS.questStatus = 1;
-  } else {
-    dataS.questStatus = 0;
+/** 表格表头时间选择 */
+const timesc = (index, row) => {
+  console.log(index, row);
+  if (!!index) {
+    index = dayjs(index).format('YYYY-MM-DD');
   }
-  if (val.prop == 'groundingPositionCode') {
-    dataS.positionCode = val.values;
+  details.query[row.prop] = index;
+  if (!index) {
+    delete details.query[row.prop];
   }
+  onLoad();
+};
 
-  console.log(dataS, '要提交的数据');
-  $_getDetailInfo(dataS).then(res => {
-    Tctotal.value = res.data.data.total;
-    res.data.data.records.forEach(item => {
-      item.Checkbox = true;
-      item.wLinputState = false;
-      item.Input = null;
-    });
-    TcPdloading.value = false;
-    console.log(res, '明细返回值222');
-    TcPD.value = res.data.data.records;
-  });
-  // }
+/** 表格表头输入框搜索 */
+const btnsc = val => {
+  console.log(val);
 };
-// 点击新增按钮
-const TcAddData = () => {
-  TcDataaddition.value = true; //新增弹窗显示
+/** 表格表头下拉框选择 */
+const selectsc = (index, row) => {
+  const queryField = Inventorydetailsstatus.value ? details.queryInventory : details.query;
+  queryField[row.prop] = index;
+  processRowProperty(index, row, details);
+  Inventorydetailsstatus.value ? InventoriedData() : onLoad();
 };
-// 对比数据导出公共函数
-// const DbExTc = data => {
-//   $_exportGetContrastInfo({
-//     id: data.id,
-//     questNum: data.questNum,
-//   }).then(res => {
-//     console.log(res, '导出');
-//     downloadXls(res.data, `${data.questNum}对比明细.xlsx`);
-//   });
-// };
-// 盘点对比导出
-const ExportDC = async val => {
-  // 触发下载函数
-  try {
-    loadingObj.pageLoading = true;
-
-    const res = await getAllDataWithPackage({
-      questNum: val.questNum,
-    });
-
-    const { status, data } = res;
-
-    console.log('data :>> ', data);
-    if (status !== 200) return;
+/** 表格表头复选框选择 */
+const selectionChange = list => {
+  if (Inventorydetailsstatus.value && eltabs.value) {
+    const inventoryData = details.inventoryData;
+    const inventoryDataLength = inventoryData.length;
+    const listLength = list.length;
+
+    // 先删除所有的 disabled 属性
+    for (let i = 0; i < inventoryDataLength; i++) {
+      delete inventoryData[i].disabled;
+    }
 
-    downloadXls(data, `${val.questNum} -- 任务详情.xlsx`);
-  } catch (error) {
-    console.log('error :>> ', error);
-  } finally {
-    loadingObj.pageLoading = false;
+    // 如果有选中的项，标记所有选中的项的 disabled 属性
+    if (listLength) {
+      for (let i = 0; i < listLength; i++) {
+        list[i].disabled = true;
+      }
+    }
   }
+  // 更新 selectionList
+  details.selectionList = list;
 };
-// 对比数据导出
-const MXexport = () => {
-  // 触发下载函数
-
-  $_exportGetContrastInfo({
-    id: DbEx.value.id,
-    questNum: DbEx.value.questNum,
-  }).then(res => {
-    console.log(res, '导出');
-    downloadXls(res.data, `${data.questNum}对比明细.xlsx`);
-  });
-
-  // DbExTc(DbEx.value);
+// 网页顶部搜索按钮
+const searchChange = () => {
+  onLoad();
 };
-
-// 新增任务按钮(搜索不到出现此按钮)
-const TcDataadditionsubmit = () => {
-  console.log(Fromnewlyadded.value);
-  const validations = [
-    { property: 'sku', message: 'SKU为空' },
-    { property: 'name', message: '货物名称为空' },
-    { property: 'logpmUnit', message: '货物单位为空' },
-    { property: 'specification', message: '规格为空' },
-    { property: 'packingSpecification', message: '物料编码为空' },
-    { property: 'productCode', message: '产品编码为空' },
-    { property: 'packageNum', message: '包装数量为空' },
-  ];
-
-  for (const validation of validations) {
-    if (!Fromnewlyadded.value[validation.property]) {
-      ElMessage({
-        message: validation.message,
-        type: 'warning',
-      });
-      return;
-    }
-  }
-  TcDataaddition.value = false; //关闭弹窗
-  $_submit({ ...Fromnewlyadded.value }).then(res => {
-    console.log(res, '添加物品返回值');
-    if (res.data.code == 200) {
-      ElMessage({
-        message: res.data.msg,
-        type: 'success',
-      });
-    }
-  });
-  Statusjudgment.value = false; //点击确定之后关闭按钮
+// 每页多少条
+const sizeChange = val => {
+  details.page.pageSize = val;
+  onLoad();
 };
-
-// 盘点任务单选
-const selectChange = (select, val) => {
-  HomepageDelay.value = val; //首页延期
-  console.log('首页触发了选择');
-  BatchAbandonment.value = select; //批量废弃
-  console.log(select, val);
-  PdRow.value = select;
+/** 页码改变执行的回调 */
+const currentChange = val => {
+  details.page.currentPage = val;
+  onLoad();
 };
-// 表格筛选
-const selectAll = val => {
-  console.log(val, '触发了选择');
+// 明细每页多少条
+const inventorycurrentChange = val => {
+  details.inventorypage.currentPage = val;
+  InventoriedData();
 };
-// 弹窗详情选中（全选）
-const TcselectAll = (selectAll, val) => {
-  Tcrow.value = selectAll;
-  if (!selectAll.length) {
-    TcPD.value.forEach(item => {
-      item.Checkbox = !item.Checkbox;
-    });
-  } else {
-    selectAll.forEach(item => {
-      item.Checkbox = !item.Checkbox;
-    });
-  }
-  console.log(Tcrow.value, '全选复选框');
-  // 状态修改
+// 明细页码改变执行的回调
+const inventorysizeChange = val => {
+  details.inventorypage.pageSize = val;
+  InventoriedData();
 };
-// 弹窗详情单选
-const TcselectChange = (selectAll, val) => {
-  console.log(val, '当前选中的');
-  console.log(Tcrow.value);
-  val.Checkbox = !val.Checkbox; //开启修改
-  Tcrow.value = selectAll;
+// 刷新按钮
+const searchChangeS = () => {
+  details.search = false; //关闭搜索
+  onLoad();
 };
-// 延期
-const extension = val => {
-  row.value = val;
-  dialogTabData.value = true;
+//清空
+const searchReset = () => {
+  details.query = {};
+  details.page.currentPage = 1;
+  handleClearTableQuery(details.columnList);
+  onLoad();
 };
-
-// 批量删除盘点任务
-const BatchDelete = () => {};
-
-// 延期提交
-const InventoryDate = () => {
-  if (!HomepageDelay.value) {
-    ElMessage({
-      message: '请选择需要延期的数据（单选操作）',
-      type: 'warning',
-    });
-    return;
-  }
-  console.log(TcData.value, '延期');
-  $_updateDate({
-    id: HomepageDelay.value.id,
-    startTime: HomepageDelay.value.startTime,
-    endTime: TcData.value,
-  }).then(res => {
-    dialogTabData.value = false;
-    if (res.data.code == 200) {
-      ElMessage({
-        showClose: true,
-        message: res.data.msg,
-        type: 'success',
+// 顶部搜索
+const searchHide = () => {
+  console.log(details);
+  details.search = !details.search;
+  const _node = document.querySelector('.tableNode');
+  setNodeHeight(_node, '', true);
+};
+// 字典公共函数
+function updateDictionary(targetArray, dictionaryType) {
+  getDictionaryBiz(dictionaryType).then(res => {
+    console.log(res, '字典');
+    res.data.data.forEach(item => {
+      targetArray.push({
+        value: item.dictKey,
+        label: item.dictValue,
       });
-    }
-    onLoad();
-    console.log(res, '延期成功返回值');
+    });
   });
-};
+}
 
-// 提交修改
-const InventoryModification = () => {
-  console.log(Tcrow.value, 'Tcrow.value');
-  if (!Tcrow.value) {
-    ElMessage({
-      showClose: true,
-      message: '暂未选择信息',
-      type: 'warning',
-    });
+// 状态处理
+const Statusprocessing = data => {
+  if (!Array.isArray(data) || !data.length) {
     return;
   }
-  let data = [];
-  Tcrow.value.forEach(item => {
-    data.push({
-      id: item.id,
-      firsts: item.firsts,
-      second: item.second,
-      thirdProduct: item.thirdProduct,
-      categoryName: item.categoryName,
-      questId: item.questId,
-      questNum: row.value.questNum,
-      name: item.Input,
-      questStatus: 1,
-    });
-  });
-  console.log(data, '要提交的数据');
-  $_updateDetailInfo(data).then(res => {
-    TcViewEvent(row.value); //修改之后刷新页面
-    console.log(res, '修改成功之后的返回值');
-    if (res.data.code == 200) {
-      ElMessage({
-        showClose: true,
-        message: res.data.msg,
-        type: 'success',
-      });
-    }
-  });
-};
-// 对比数据按钮
-const comparativeData = val => {
-  dialogcontrast.value = true; //显示对比数据表格
-  contrastloading.value = true; //开启表格加载
-  console.log(val, '对比数据当前行');
-  DbEx.value = val; //存储当前行数据用于导出
-  let data = {};
-  data.questNum = val.questNum;
-  data.questId = val.id;
-  $_getContrastInfo(data).then(res => {
-    console.log(res, '对比数据返回值');
-    contrastData.value = res.data.data;
-    contrastloading.value = false; //关闭表格加载
-  });
-};
-// 重置搜索表单
-const searchReset = () => {
-  SoInfoData.value = {};
-};
 
-const TcViewEvent = (val, Inso) => {
-  Statusjudgment.value = false; //关闭新增按钮
-  TcPdloading.value = true;
-  console.log(val, '要传递的对象');
-  let data = {
-    questNum: val.questNum,
-    questId: val.id,
-    current: TccurrentPage.value, //页码
-    size: TcpageSize.value, //条数
-    questStatus: 1,
-    ...Inso,
+  // 定义状态映射对象
+  const syncDataStatusMap = {
+    0: '未同步',
+    1: '同步中',
   };
-  console.log(data, '要提交的数据');
 
-  $_getDetailInfo(data).then(res => {
-    Tctotal.value = res.data.data.total;
-    res.data.data.records.forEach(item => {
-      item.Checkbox = true;
-      item.wLinputState = false;
-      item.Input = null;
-    });
-    TcPdloading.value = false;
-    console.log(res, '明细返回值');
-    TcPD.value = res.data.data.records;
+  const questTypeMap = {
+    1: '全部',
+    2: '全仓',
+  };
+
+  const questStatusMap = {
+    0: '创建全部',
+    1: '开始',
+    2: '暂停',
+    3: '结束',
+  };
+
+  // 遍历数据并映射状态
+  data.forEach(item => {
+    item.syncDataStatusNameS = syncDataStatusMap[item.syncDataStatus] || '同步完成';
+    item.questTypeNameS = questTypeMap[item.questType] || '';
+    item.questStatusNameS = questStatusMap[item.questStatus] || '';
   });
 };
-// 点击详情按钮
-const ViewEvent = val => {
-  DiskStatus.value = true; //表示当前在已盘点列表
-  InventoryDetails.value.forEach(item => {
-    item.values = null;
-  });
-  InventoryState.value = false; //修改标题（盘点数据）
-  TccurrentPage.value = 1; //重置页码
-  NotCounted.value = false; //关闭未盘点
-  row.value = val;
-  UncountedDetails.value = val;
-  PopupDetails.value = true;
-  TcPdloading.value = true;
-  console.log(val, '明细');
-  if (val.questStatus != 1) {
-    TcMInventoryStatus.value = false; //表示当前盘点任务不属于盘点中,关闭所有按钮权限
-  } else {
-    TcMInventoryStatus.value = true;
+// 盘点明细状态处理
+
+const Inventorystatus = data => {
+  if (!Array.isArray(data) || !data.length) {
+    return;
   }
-  TcViewEvent(row.value);
+  // 定义状态映射对象
+  // 品类
+  const questTargetMap = {
+    1: '定制品',
+    2: '零担',
+    3: '库存品',
+  };
+  // 盘点状态
+  const questStatusMap = {
+    0: '待盘点',
+    1: '已盘点',
+    2: '未盘点',
+    3: '已排除',
+  };
+  // 是否新增
+  const isNewMap = {
+    0: '否',
+    1: '是',
+  };
+  // 是否数量变更
+  const isChangeMap = {
+    0: '否',
+    1: '是',
+  };
+
+  const isChangeAtMap = {
+    0: '否',
+    1: '是',
+  };
+  data.forEach(item => {
+    item.questTargetNameS = questTargetMap[item.questTarget] || '';
+    item.questStatusNameS = questStatusMap[item.questStatus] || '';
+    item.isNewNameS = isNewMap[item.isNew] || '';
+    item.isChangeNameS = isChangeMap[item.isChange] || '';
+    item.isChangeAtNameS = isChangeAtMap[item.isChangeAt] || '';
+  });
 };
-// 废弃按钮
-const Discard = val => {
-  console.log(val);
-  let data = [];
-  data.push(val.id);
-  let ids = data.join(',');
-  console.log(data);
-  ElMessageBox.confirm('是否废弃该盘点任务?')
-    .then(() => {
-      $_postBatchDelete({ ids }).then(res => {
-        console.log(res, '删除成功');
-        if (res.data.code == 200) {
-          ElMessage({
-            message: '删除成功.',
-            type: 'success',
+// 页面初始化
+const onLoad = value => {
+  let Data = {
+    current: details.page.currentPage, //页码
+    size: details.page.pageSize, //条数
+    ...details.query,
+    ...value,
+  };
+  details.loadingObj.list = true;
+  getTaskQuestPage(Data)
+    .then(res => {
+      console.log(res, '获取盘点列表');
+      if (res.data.code == 200) {
+        const _data = res.data.data.records;
+        details.data = _data;
+        details.page.total = res.data.data.total;
+        if (details.data.length) {
+          Statusprocessing(details.data); //状态处理
+          details.data.forEach(item => {
+            if (Array.isArray(item.list)) {
+              item.marketName = item.list.map(subItem => subItem.refName || '').join(','); // 商场名称
+              item.brandName = item.list.map(subItem => subItem.brandName || '').join(','); // 品牌名称
+            } else {
+              item.marketName = '';
+              item.brandName = '';
+            }
           });
         }
-        IndexPd();
-      });
+      }
     })
-    .catch(() => {
-      // catch error
-    });
-};
-// 未盘点数据请求
-const NotCountedFn = (row, Inso, type = 0) => {
-  TcPdloading.value = true;
-  let dataInfo = {
-    ...Inso,
-  };
-  dataInfo.questStatus = type;
-  dataInfo.questNum = row.questNum;
-  dataInfo.questId = row.id;
-  dataInfo.current = TccurrentPage.value; //页码
-  dataInfo.size = TcpageSize.value; //条数
-  if (!DiskStatus.value) {
-    dataInfo.questStatus = 0;
-  } //表示当前在未盘点列表)
-  $_getDetailInfo(dataInfo).then(res => {
-    TcPdloading.value = false;
-    console.log(res, '未盘点明细返回值');
-    res.data.data.records.forEach(item => {
-      item.Checkbox = true;
-      item.wLinputState = false;
-      item.Input = null;
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      details.loadingObj.list = false;
     });
-    TcPD.value = res.data.data.records;
-    Tctotal.value = res.data.data.total; //总页码
-  });
 };
+// 获取商场
+const Getshoppingmall = () => {
+  shoppingmall.value = [];
+  getDictList().then(res => {
+    console.log(res, '商场');
 
-// 未盘点明细
-const DetailsNotCounted = row => {
-  DiskStatus.value = false; //表示当前在未盘点列表
-  InventoryDetails.value.forEach(item => {
-    item.values = null;
+    if (!res.data.code == 200) {
+      return;
+    }
+    if (res.data?.data.length) {
+      res.data.data.forEach(item => {
+        shoppingmall.value.push({
+          clientName: item.clientName, // 商城名称
+          id: item.id, // 商场id
+          brandName: item.brandName, // 商场下品牌名
+        });
+      });
+    }
   });
-
-  UncountedDetails.value = row;
-  row.value = row;
-  InventoryState.value = true; //修改弹窗标题（未盘点数据），
-  TcFrom.value = {}; //重置搜索
-  TccurrentPage.value = 1; //重置页码
-  UncheckedRow.value = row; //存储当前点击行的数据
-  console.log(row.value, '存储好的数据');
-  NotCounted.value = true; //展开未盘点
-  TcPdloading.value = true;
-  PopupDetails.value = true;
-  NotCountedFn(row);
-
-  console.log(row.value, '未盘点明细存储值');
 };
-
-// 未盘点转已盘点按钮
-const NotInventoried = val => {
-  if (!Tcrow.value) {
+const onLoadPage = () => {
+  onLoad();
+  Getshoppingmall(); //获取商场
+};
+// 页面初始化
+onLoadPage();
+// 创建盘点任务
+const InventoryTask = () => {
+  formInventory.value = {};
+  InventoryPopup.value = true;
+};
+// 废弃盘点任务
+const discard = () => {
+  if (!details.selectionList.length) {
     ElMessage({
-      showClose: true,
-      message: '暂未选择信息',
+      message: '请选择要废弃的盘点任务',
       type: 'warning',
     });
     return;
   }
-  let data = [];
-  console.log(UncheckedRow.value, '提交盘点了');
-  Tcrow.value.forEach(item => {
-    data.push({
-      id: item.id,
-      questStatus: (item.questStatus = 1),
-      questId: item.questId,
-      questNum: UncheckedRow.value.questNum,
+  popupnotification.value = true;
+};
+// 废弃盘点取消
+
+// 废弃盘点确认
+const handleDialogConfirm = () => {
+  let data = {
+    ids: details.selectionList.map(item => item.id).join(','),
+  };
+  popupnotificationloading.value = true;
+  $_postBatchDelete(data)
+    .then(res => {
+      console.log(res);
+      if (res.data.code == 200) {
+        ElMessage({
+          message: res.data.msg,
+          type: 'success',
+        });
+        onLoad();
+        popupnotification.value = false;
+      }
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      popupnotificationloading.value = false;
     });
-  });
-  console.log(data, '未盘点处理好的值');
-  $_updateDetailInfo(data).then(res => {
-    console.log(res, '未盘点转为已盘点');
-    if (res.data.code == 200) {
-      ElMessage({
-        showClose: true,
-        message: res.data.msg,
-        type: 'success',
-      });
-      NotCountedFn(UncheckedRow.value);
-    }
-  });
 };
-// 对盘点中的参数,修改状态
-const ModifyingStatus = () => {
-  if (!Tcrow.value) {
+
+// 延期盘点任务
+const extension = () => {
+  if (!details.selectionList.length) {
     ElMessage({
-      showClose: true,
-      message: '暂未选择信息',
+      message: '请选择要延期的盘点任务(单选操作)',
       type: 'warning',
     });
     return;
   }
-  counting.value = {}; //重置数据值对象
-  // 修改过的参数回显
-  $_getQuestChildInfo({
-    questNum: row.value.questNum,
-    id: Tcrow.value[0].id,
-  }).then(res => {
-    console.log(res, '数量回显');
-    if (res.data.data.length) {
-      res.data.data.forEach((item, index) => {
-        counting.value[radioList.value[index].input] = item.questNum;
-      });
-    }
-  });
 
-  InventoryStatus.value = true; //展开状态选择
-  if (Tcrow.value[0].questTarget == 1) {
-    //表示当前是定制品
-    TcStateSwitching.value = false;
-  } else {
-    TcStateSwitching.value = true; //表示当前是零担，库存品
-  }
-};
-
-// 删除盘点任务包件(只能删除已盘)
-const BatchdeletePackages = () => {
-  const invalidQuestStatusIndex = Tcrow.value.findIndex(item => item.questStatus !== 1);
-  if (invalidQuestStatusIndex !== -1) {
-    // 存在状态不为1的元素
+  if (details.selectionList.length > 1) {
     ElMessage({
-      message: '只能删除已盘',
+      message: '单次只能勾选一个任务延期',
       type: 'warning',
     });
     return;
   }
-
-  const data = {
-    questDetailIds: Tcrow.value.map(item => item.id),
-    questId: Tcrow.value[0]?.questId,
-    questNum: row.value.questNum,
-  };
-  console.log(data, '要删除处理好的数据');
-  $_questDetailIds(data).then(res => {
-    TcViewEvent(row.value);
-    console.log(res, '删除后的返回值');
-    if (res.data.code === 200) {
-      ElMessage({
-        message: res.data.msg,
-        type: 'success',
-      });
-    }
-  });
+  extensionTime.value = null;
+  extensiondialog.value = true;
 };
-
-// 信息编辑弹窗关闭的时候重置保存的数据
-const closeInformationediting = () => {
-  Tcrow.value = null;
-};
-// 盘点状态选择
-const TcReac = val => {
-  console.log(val);
-  InventoryInput.value = val; //存储当前选择的是第几个input
-  if (!TcStateSwitching.value) {
-    //定制品规则 可以批量操作
-    radioList.value.forEach(item => {
-      item.disabled = true;
-      counting.value[item.input] = 0;
+const extensionsubmit = () => {
+  if (!extensionTime.value) {
+    ElMessage({
+      message: '请选择延期时间',
+      type: 'warning',
     });
-    radioList.value[val].disabled = false;
-    counting.value[radioList.value[val].input] = 1; //定制品选中的值默认为1
-  } else {
-    //零担,库存品规则
-    if (!TcnumStatu.value) {
-      radioList.value.forEach(item => {
-        item.disabled = true;
-        counting.value[item.input] = 0;
-      });
-      TcnumStatu.value = true; //表示当前零担库存品已经初始化了
-    } else {
-      radioList.value[val].disabled = false;
-    }
+    return;
   }
-};
-// 零担，库存品多选处理
-function updateFlag(ids, contents, newFlag) {
-  contents.forEach((content, index) => {
-    if (ids.includes(content.txt)) {
-      content.disabled = newFlag;
-      counting.value[content.input] = 1;
-    } else {
-      content.disabled = !newFlag;
-      counting.value[content.input] = 0;
-    }
-  });
-  console.log(radioList.value);
-}
-// 状态多选操作
-const Tcmultiple = val => {
-  updateFlag(val, radioList.value, false); //吧选中的状态设为可以修改
-};
-
-// 盘点状态确认修改
-const StatusDetermination = () => {
-  console.log(row.value, 'row.value');
-  if (!TcStateSwitching.value) {
-    //为假表示当前走定制品规则
-    //定制品规则
-    let InputMax = counting.value[radioList.value[InventoryInput.value].input]; //存储当前输入框最大值
-    if (InputMax > Tcrow.value[0].questTarget) {
-      ElMessage({
-        showClose: true,
-        message: `总数[${InputMax}]不能超过在库数量[${Tcrow.value[0].questTarget}]`,
-        type: 'warning',
-      });
-      return;
-    }
-    console.log(counting.value, '状态输入框的值');
-    let start = Tcrow.value.questTarget;
-    let data = [];
-    const filteredData = Tcrow.value.filter(item => item.name == start); //
-    filteredData.forEach(item => {
-      console.log(item);
-      data.push({
-        stockNum: counting.value.stockNum, //在库数量
-        lossNum: counting.value.lossNum, //丢失数量
-        deliveNum: counting.value.deliveNum, //配送数量
-        wornNum: counting.value.wornNum, //破损数量
-        noRepairNum: counting.value.noRepairNum, //不可修复数量
-        noReceivedNum: counting.value.noReceivedNum, //未入库数量
-        questNum: row.value.questNum, //任务编号
-        questId: item.questId,
-        allocationId: item.allocationId, //上架后的库位id
-        id: item.id,
-        cargoName: Number(InventoryInput.value + 1 + '0'), //状态
-      });
-    });
-    console.log(data, '处理好的数据');
-
-    $_updateQuestChildInfo(data).then(res => {
-      console.log(res, '盘点状态修改完成的返回值');
+  let data = {
+    id: details.selectionList[0].id,
+    startTime: details.selectionList[0].startTime,
+    endTime: extensionTime.value,
+  };
+  extensionloading.value = true;
+  $_updateDate(data)
+    .then(res => {
       if (res.data.code == 200) {
         ElMessage({
           showClose: true,
           message: res.data.msg,
           type: 'success',
         });
-        InventoryStatus.value = false; //关闭状态选择
-        TcViewEvent(row.value);
+        onLoad();
+        extensiondialog.value = false;
       }
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      extensionloading.value = false;
     });
-  } else {
-    // 零担,库存品规则
-    console.log(counting.value, 'input输入框的数据');
-    console.log(Tcrow.value, 'questId');
-    let data = [
-      {
-        stockNum: counting.value.stockNum, //在库数量
-        wornNum: counting.value.wornNum, //破损数量
-        lossNum: counting.value.lossNum, //丢失数量
-        noRepairNum: counting.value.noRepairNum, //不可修复数量
-        deliveNum: counting.value.deliveNum, //配送数量
-        noReceivedNum: counting.value.noReceivedNum, //未入库数量
-        questNum: row.value.questNum, //任务编号
-        questId: Tcrow.value[0].questId, //零担和库存品一次只能操作第一条数据，这里暂取第一个选中的数据，后续的数据无效操作
-        allocationId: Tcrow.value[0].allocationId, //上架后的库位id
-        id: Tcrow.value[0].id,
-        cargoName: TcReaJoin.value.join(), //状态
-      },
-    ];
-    let sum =
-      data[0].stockNum +
-      data[0].wornNum +
-      data[0].lossNum +
-      data[0].noRepairNum +
-      data[0].deliveNum +
-      data[0].noReceivedNum;
-    if (sum > Tcrow.value[0].stockNum) {
-      ElMessage({
-        showClose: true,
-        message: `总数[${sum}]不能超过在库数量[${Tcrow.value[0].stockNum}]`,
-        type: 'error',
-      });
-      return;
+};
+// 处理商场名称函数根据传入ID读取列表中的商场
+function matchInfoById(idArray, infoArray) {
+  const matchedInfo = [];
+  idArray.forEach(id => {
+    const matchedItem = infoArray.find(item => item.id === id);
+    if (matchedItem) {
+      matchedInfo.push(matchedItem);
     }
-    console.log(data, '处理好的数据');
-    $_updateQuestChildInfo(data).then(res => {
-      console.log(res, '盘点状态修改完成的返回值');
-      if (res.data.code == 200) {
+  });
+  return matchedInfo;
+}
+// 商场名称选择回调
+const formInventoryChange = Value => {
+  const matchedInfo = matchInfoById(Value, shoppingmall.value);
+  formInventory.value.brandName;
+  let name = [];
+  matchedInfo.forEach(item => {
+    name.push(item.brandName);
+  });
+  formInventory.value.brandName = name.join(','); //处理品牌名称显示
+};
+
+// 盘点提交
+const InventorySubmit = async () => {
+  try {
+    await ruleFormRef.value.validate();
+  } catch (error) {
+    console.error('表单验证失败:', error);
+    return;
+  }
+  //结构参数
+  const {
+    scname,
+    time: [startTime, endTime],
+  } = formInventory.value;
+  //商场处理
+  const matchedInfo = (scname && matchInfoById(scname, shoppingmall.value)) || [];
+
+  const list = scname
+    ? matchedInfo.map(({ id, clientName }) => ({
+        refId: id,
+        refName: clientName,
+      }))
+    : [];
+  //构建提交数据
+  const data = { startTime, endTime, list };
+  console.log('数据:', data);
+  formInventoryloading.value = true;
+  postAddtaskQuest(data)
+    .then(res => {
+      if ((res.data.code = 200)) {
         ElMessage({
-          showClose: true,
           message: res.data.msg,
           type: 'success',
         });
-        InventoryStatus.value = false; //关闭状态选择
-        TcViewEvent(row.value);
+        InventoryPopup.value = false;
+        onLoad(); //初始化页面
       }
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      formInventoryloading.value = false;
     });
-  }
 };
-
-const optionss = ref([]);
-const list = ref([]);
-const remoteMethod = query => {
-  if (query !== '') {
-    optionss.value = list.value.filter(item => {
-      return item.label.toLowerCase().includes(query.toLowerCase());
-    });
-  } else {
-    optionss.value = [];
+// 页面初始化方法
+// 导出盘点数据
+const ExportDataIndexRwo = row => {
+  if (!row.questNum) {
+    return;
   }
+  let data = {
+    questNum: row.questNum,
+  };
+  details.loadingObj.list = true;
+  getAllDataWithPackage(data)
+    .then(res => {
+      const { status, data } = res;
+      if (status !== 200) {
+        return;
+      }
+      downloadXls(data, `${row.questNum} -- 任务详情.xlsx`);
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      details.loadingObj.list = false;
+    });
 };
-// 多选数据状态处理
-const Tclist = val => {
-  console.log(val);
-  if (val >= 1 && val <= 6 && !radioList.value[val - 1].disabled) {
-    if (!TcReaJoin.value.includes(val * 10)) {
-      TcReaJoin.value.push(val * 10);
-    }
-  } else {
-    const index = TcReaJoin.value.indexOf(val * 10);
-    if (index !== -1) {
-      TcReaJoin.value.splice(index, 1);
-    }
-  }
-  console.log(TcReaJoin.value, '处理好的数据');
+// 是否全屏
+const Isfullscreen = () => {
+  Isitfullscreen.value = !Isitfullscreen.value;
+  const _node = document.querySelector('.InventorytableNode');
+  setNodeHeight(_node, '', true);
 };
-// 物料编码
-
-const Wllist = ref([]);
-const WLCode = query => {
-  if (query !== '') {
-    optionss.value = Wllist.value.filter(item => {
-      return item.label.toLowerCase().includes(query.toLowerCase());
-    });
-  } else {
-    optionss.value = [];
-  }
+// 盘点明细关闭弹窗事件
+const InventorydialogClose = () => {
+  Inventorydetailsstatus.value = false; //关闭盘点明细标识
+  Inventorydialog.value = false; //关闭盘点明细弹窗
+  details.queryInventory = {}; //清空搜索条件
 };
-// 物料列表
-const Wloptions = ref([]);
-// 物料信息搜索
-const wLcheng = (val, info) => {
-  console.log(val.undefined);
-  console.log(info, '信息');
-  $_materialList({
-    name: val.undefined,
-  }).then(res => {
-    console.log(res, '物料查询');
-    if (!res.data.data.records.length) {
-      ElMessageBox.confirm('暂无数据是否新增?')
-        .then(() => {
-          TcDataaddition.value = true;
-        })
-        .catch(() => {
-          // catch error
-        });
-    } else {
-      // productCode
-      // wLinputState.value=true;//开启下拉选择
-
-      info.wLinputState = true;
-      // Wloptions.value 下拉选择变量
-      res.data.data.records.forEach(item => {
-        Wloptions.value.push({
-          label: item.name,
-          value: item.name,
-        });
-      });
-    }
-  });
+//盘点明细
+const Inventorydetails = async row => {
+  Inventorydetailsstatus.value = true;
+  details.inventorypage.currentPage = 1; //重置页码
+  DataRow.value = row; //存储当前行数据
+  Inventorydialog.value = true; //展开盘点明细
+  await nextTick(); //
+  const _node = document.querySelector('.InventorytableNode');
+  setNodeHeight(_node, '70vh', true);
+  tabclick(); //获取盘点明细数据
 };
-
-// 盘点详情编辑
-const InventoryEditing = val => {
-  $_getList({
-    current: 1, //页码
-    size: 10000, //条数
-    warehouseId: val.warehouseId,
-  }).then(res => {
-    console.log(res);
-
-    if (res.data.data.records) {
-      list.value = res.data.data.records.map(item => {
-        return { value: `${item.id}`, label: `${item.qrCode}` };
-      });
-      console.log(list.value);
-    }
-  });
-
-  counting.value = {}; //重置数据值对象
-  WrapBarEditing.value.radio = null;
-  readList.value = [];
-  // 修改过的参数回显
-  $_getQuestChildInfo({
-    questNum: row.value.questNum,
-    id: val.id,
-  }).then(res => {
-    console.log(res, '数量回显');
-    if (res.data.data.length) {
-      res.data.data.forEach((item, index) => {
-        counting.value[radioList.value[index].input] = item.questNum;
-      });
-    }
+// 盘点明细编辑
+const Editinventory = () => {
+  ElMessage({
+    message: '功能维护中...',
+    type: 'warning',
   });
-
-  Tcrow.value = val;
-  if (val.questTarget == 1) {
-    TcStateSwitching.value = false; //定制品规则
-  } else {
-    TcStateSwitching.value = true; //库存品，零担规则
-  }
-  PopupEditing.value = true;
-  Inventoryrow.value = val; //存一份响应式数据
-  const copiedObject = Object.assign({}, val);
-  console.log(val, '盘点详情编辑');
-  WrapBarEditing.value.orderPackageCode = copiedObject.orderPackageCode; //包条
-  WrapBarEditing.value.orderCode = copiedObject.orderCode; //订单自编号
-  WrapBarEditing.value.positionCode = copiedObject.positionCode; //货位
 };
-// 信息编辑弹窗提交
-const InformationEditing = () => {
-  console.log(WrapBarEditing.value, 'WrapBarEditing.value');
-  // if (!InventoryInput.value) return ElMessage.warning('请选择货物当前状态');
-
-  let data = [
-    {
-      orderCode: WrapBarEditing.value.orderCode, //订单编号
-      groundingPositionCode: WrapBarEditing.value.groundingPositionCode, //新的货位
-      stockNum: counting.value.stockNum, //在库数量
-      lossNum: counting.value.lossNum, //丢失数量
-      deliveNum: counting.value.deliveNum, //配送数量
-      wornNum: counting.value.wornNum, //破损数量
-      noRepairNum: counting.value.noRepairNum, //不可修复数量
-      noReceivedNum: counting.value.noReceivedNum, //未入库数量
-      allocationId: Tcrow.value.allocationId, //上架后的库位id
-      questId: Tcrow.value.questId,
-      questNum: row.value.questNum, //任务编号
-      id: Tcrow.value.id,
-    },
-  ];
-  if (WrapBarEditing.value.groundingPositionCode) {
-    let val = list.value.find(obj => obj.value == WrapBarEditing.value.groundingPositionCode);
-    console.log(data, '货位处理好的数据');
-    data[0].groundingAllocationId = val.value;
-    data[0].groundingPositionCode = val.label;
-  }
-  if (!TcStateSwitching.value) {
-    //为假表示当前走定制品规则
-    let InputMax = counting.value[radioList.value[InventoryInput.value].input]; //存储当前输入框最大值
-    if (InputMax > Tcrow.value.questTarget) {
-      ElMessage({
-        showClose: true,
-        message: `总数[${InputMax}]不能超过在库数量[${Tcrow.value.questTarget}]`,
-        type: 'warning',
-      });
-      return;
-    }
-
-    console.log(data, '处理好的数据');
+// 盘点明细切换0-未盘点 1-已盘点
+const tabclick = async value => {
+  if (value) {
+    eltabs.value = value.props.name;
   } else {
-    let sum =
-      data[0].stockNum +
-      data[0].wornNum +
-      data[0].lossNum +
-      data[0].noRepairNum +
-      data[0].deliveNum +
-      data[0].noReceivedNum;
-    if (sum > Tcrow.value.stockNum) {
-      ElMessage({
-        showClose: true,
-        message: `总数[${sum}]不能超过在库数量[${Tcrow.value.stockNum}]`,
-        type: 'error',
-      });
-      return;
-    }
-    (data[0].cargoName = TcReaJoin.value.join()), //状态 //状态
-      console.log(data, '处理好的数据d');
+    eltabs.value = 0; //默认获取未盘点数据
   }
-
-  TcPdloading.value = true;
-  PopupEditing.value = false;
-  $_updateQuestChildInfo(data).then(res => {
-    console.log(res, '盘点状态修改完成的返回值');
-    if (res.data.code == 200) {
-      ElMessage({
-        showClose: true,
-        message: res.data.msg,
-        type: 'success',
-      });
-      WrapBarEditing.value = {}; //重置提交表单
-      InventoryStatus.value = false; //关闭状态选择
-      TcViewEvent(row.value, TcFrom.value);
-    }
-  });
-  PopupEditing.value = false; //关闭弹窗
-  // TcFrom.value = {}; //重置搜索对象
+  details.inventorypage.currentPage = 1; //重置页码
+  details.queryInventory = {}; //清空搜索条件
+  await handleClearTableQuery(details.columnListInventory); //重置搜索表头搜索条件
+  InventoriedData(); //获取数据
 };
-
-// 弹窗品类搜索
-const TcChenge = (event, val) => {
-  // 开始时间 startTime
-  // 结束时间 endTime
-  console.log(event, val);
-  TcPdloading.value = true;
-  console.log(row.value, '必须参数');
-  console.log(UncountedDetails.value.questNum, 'questNum');
-  let quest = UncountedDetails.value.questNum;
-  let qstId = UncountedDetails.value.id;
+// 已盘点明细
+const InventoriedData = value => {
+  const { id, questNum } = DataRow.value;
   let data = {
-    current: TccurrentPage.value, //页码
-    size: TcpageSize.value, //条数
-    ...TcFrom.value,
-    questNum: quest,
-    questId: qstId,
+    questNum: questNum,
+    questId: id,
+    current: details.inventorypage.currentPage, //页码
+    size: details.inventorypage.pageSize, //条数
+    questStatus: eltabs.value,
+    ...details.queryInventory, //查询条件
+    ...value,
   };
-  console.log(event, 'event');
-  if (event) {
-    if (event.length == 2) {
-      //时间
-      data.startTime = event[0];
-      data.endTime = event[1];
-      delete data.inventoryDate;
-    }
-  }
-  console.log(DiskStatus.value, 'DiskStatus.value');
-  if (DiskStatus.value) {
-    data.questStatus = 1;
-  } else {
-    data.questStatus = 0;
-  }
-  $_getDetailInfo(data).then(res => {
-    Tctotal.value = res.data.data.total;
-    res.data.data.records.forEach(item => {
-      item.Checkbox = true;
-      item.wLinputState = false;
-      item.Input = null;
+  details.loadingObj.inventorylist = true;
+  $_getDetailInfo(data)
+    .then(res => {
+      console.log(res, '盘点明细');
+      if (!res.data.code == 200) {
+        return;
+      }
+      let _data = res.data.data;
+      details.inventoryData = _data.records;
+      details.inventorypage.total = _data.total;
+      Inventorystatus(details.inventoryData);
+    })
+    .catch(error => {
+      console.log(error, 'error');
+      details.inventoryData = [];
+    })
+    .finally(() => {
+      details.loadingObj.inventorylist = false;
     });
-    TcPdloading.value = false;
-    console.log(res, '明细返回值');
-    TcPD.value = res.data.data.records;
-  });
-};
-// 弹窗明细，每一页多少条
-const TcPageSizeChange = val => {
-  console.log('每一页多少条');
-  TcpageSize.value = val;
-  if (NotCounted.value) {
-    //表示当前是未盘点翻页
-    NotCountedFn(UncheckedRow.value, TcFrom.value);
-  } else {
-    console.log(val);
-    TcViewEvent(row.value, TcFrom.value);
-  }
 };
-
-// 弹窗明细，选择了多少页
-const TcSizeChange = val => {
-  console.log('翻页');
-  TccurrentPage.value = val;
-  if (NotCounted.value) {
-    //表示当前是未盘点翻页
-
-    NotCountedFn(UncheckedRow.value, TcFrom.value);
-  } else {
-    console.log(val);
-    TcViewEvent(row.value, TcFrom.value);
+// 删除盘点包件校验
+const BatchdeletePackages = () => {
+  if (!details.selectionList.length) {
+    ElMessage({
+      message: '请勾选要删除的数据',
+      type: 'warning',
+    });
+    return;
   }
-};
-// 弹窗翻页
-const TcpageList = val => {
-  console.log(val, '弹窗翻页');
-};
-// 条数
-const SizeChange = val => {
-  console.log(val, '条数');
-  currentPage.value = val;
-  onLoad();
-};
-// 翻页···························
-const PageSizeChange = val => {
-  console.log(val, '每页50条');
-  pageSize.value = val;
-  onLoad();
-};
-// 对比数据单选按钮
-const contrastselectChange = (select, val) => {
-  console.log(select, val, '对比数据1');
-};
-// 对比数据全选按钮
-const contrastselectAll = (select, val) => {
-  console.log(select, val, '对比数据2');
-};
-
-// 关闭弹窗关闭回调
-const handleClose = () => {
-  PopupDetails.value = false;
-};
-// 刷新页面按钮(初始化页面参数)
-const Refresh = () => {
-  onLoad(); //初始化表格数据
-};
-
-// 获取盘点列表
-// 搜索盘点任务
-//  const searchChange=()=>{
-// console.log('触发搜索');
-// $_getDetailInfo({...SoInfoData.value}).then(res=>{
-//     console.log(res,'搜索框的值');
-// })
-//  }
-
-// 创建盘点任务
-const InventoryTask = () => {
-  formInventory.value = {};
-  formInventory.value.scname = [];
-  let select = [];
-  InventoryPopup.value = true; //开启创建盘点任务弹窗
-  getDictList().then(res => {
-    console.log('创建盘点返回值', res);
-    if (res.data.code == 200) {
-      res.data.data.forEach(item => {
-        console.log(item, '盘点任务返回值');
-        select.push({
-          clientName: item.clientName, // 商城名称
-          id: item.id, // 商场id
-          brandName: item.brandName, // 商场下品牌名
-        });
-      });
-      formInventory.value.select = select;
-      console.log(formInventory.value, '处理好的商场名称');
-    }
-  });
-};
 
-// 处理商场名称函数根据传入ID读取列表中的商场
-function matchInfoById(idArray, infoArray) {
-  const matchedInfo = [];
-  idArray.forEach(id => {
-    const matchedItem = infoArray.find(item => item.id === id);
-    if (matchedItem) {
-      matchedInfo.push(matchedItem);
-    }
-  });
-  return matchedInfo;
-}
+  let _questStatus = details.selectionList.every(res => res.questStatus == 1);
 
-// 商场名称选择回调
-const formInventoryChange = val => {
-  console.log('选择了商场名称');
-  formInventory.value.id = val;
-  const matchedInfo = matchInfoById(val, formInventory.value.select);
-  console.log(matchedInfo, '处理好的参数');
-  // formInventory.value.brandName;
-  let name = [];
-  matchedInfo.forEach(item => {
-    name.push(item.brandName);
-  });
-  formInventory.value.brandName = name.join(','); //处理品牌名称显示
-};
-
-// 创建盘点任务弹窗关闭回调
-const InventoryPopupClose = () => {
-  console.log('创建盘点任务关闭弹窗回调');
-};
-// 盘点提交
-const InventorySubmit = () => {
-  if (!formInventory.value.time) {
+  if (!_questStatus) {
     ElMessage({
-      message: '请选择盘点任务时间',
+      message: '勾选包件必须满足全部已盘点状态',
       type: 'warning',
     });
     return;
   }
-  console.log(formInventory.value, '盘点选择好的参数');
-  // 创建提交表单
-  let SubData = {};
-  SubData.list = [];
-  console.log(formInventory.value.scname, 'formInventory.value.scname.length');
-  if (!formInventory.value.scname.length && !formInventory.value.brandName) {
-    //
-    SubData.list = [];
-    // 结束时间
-    SubData.endTime = formInventory.value.time[1];
-    // 开始时间
-    SubData.startTime = formInventory.value.time[0];
-    InventoryPopup.value = false; //关闭创建盘点任务弹窗
-    loading.value = true; //开启表格加载
-    console.log(SubData, '处理好的数据');
-    postAddtaskQuest(SubData).then(res => {
-      if ((res.data.code = 200)) {
+  popupnotiInventory.value = true; //弹出删除警告
+};
+// 确认删除盘点包件
+const InventoryDialogConfirm = () => {
+  const { questNum } = DataRow.value;
+  let data = {
+    questDetailIds: details.selectionList.map(item => item.id),
+    questId: details.selectionList[0].questId,
+    questNum,
+  };
+  console.log(data, '要提交的数据');
+  popupnotInventoryloading.value = true;
+  $_questDetailIds(data)
+    .then(res => {
+      console.log(res, '删除包件返回值');
+      if (res.data.code == 200) {
+        popupnotiInventory.value = false; //关闭删除警告
+        InventoriedData();
         ElMessage({
           message: res.data.msg,
           type: 'success',
         });
-        onLoad(); //体积之后初始化页面
       }
-      console.log(res, '盘点计划提交成功');
-    });
-    return;
-  }
-
-  // 处理商场名称和商场ID
-  const matchedInfo = matchInfoById(formInventory.value.id, formInventory.value.select);
-  console.log(matchedInfo, 'matchedInfo');
-  console.log(matchedInfo, 'matchedInfo提交处理数据');
-  if (matchedInfo) {
-    matchedInfo.forEach(item => {
-      SubData.list.push({
-        refId: item.id,
-        refName: item.clientName,
-      });
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      popupnotInventoryloading.value = false; //关闭弹窗加载
     });
-  }
-
-  // 结束时间
-  SubData.endTime = formInventory.value.time[1];
-  // 开始时间
-  SubData.startTime = formInventory.value.time[0];
-  console.log(SubData, '处理好要提交的数据');
-  InventoryPopup.value = false; //关闭创建盘点任务弹窗
-  loading.value = true; //开启表格加载
-  postAddtaskQuest(SubData).then(res => {
-    if ((res.data.code = 200)) {
-      ElMessage({
-        message: res.data.msg,
-        type: 'success',
-      });
-      onLoad(); //体积之后初始化页面
-    }
-    console.log(res, '盘点计划提交成功');
-  });
 };
-// 顶部废弃按钮
-const discard = () => {
-  if (!BatchAbandonment.value.length) {
+// 导出盘点数据
+const ExportDataInventory = () => {
+  let _titleText = eltabs.value ? '已盘点明细' : '未盘点明细';
+  const message = `是否导出<span style="color: red;">${_titleText}</span>数据!`;
+  ElMessageBox.confirm(message, '导出数据提示', {
+    dangerouslyUseHTMLString: true, //启用此选项以解析 HTML
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
+      const { questNum } = DataRow.value;
+      let data = {
+        questNum,
+      };
+      let _res;
+      if (eltabs.value) {
+        // 已盘
+        _res = await postExportPanDataWithPackage(data);
+      } else {
+        // 未盘
+        data.questStatus = 0;
+        _res = await postExportContrastStockInfo(data);
+      }
+      downloadXls(_res.data, `${_titleText}数据.xlsx`);
+    })
+    .catch(() => {});
+};
+// 修改品类提交
+const Submitmodifications = () => {
+  if (!details.selectionList.length) {
     ElMessage({
-      message: '请选择废弃盘点任务(可批量)',
+      message: '请勾选要修改的数据',
       type: 'warning',
+      plain: true,
     });
     return;
   }
-  console.log('废弃按钮');
-  let ids = [];
-  BatchAbandonment.value.forEach(item => {
-    ids.push(item.id);
-  });
-  ids = ids.join(',');
-  ElMessageBox.confirm('是否废弃该盘点任务?')
-
-    .then(() => {
-      console.log(ids, '处理好的数据');
-      $_postBatchDelete({ ids }).then(res => {
-        console.log(res, '删除成功');
-        if (res.data.code == 200) {
+  ElMessageBox.confirm('是否确认提交修改?', '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
+      try {
+        const { questNum } = DataRow.value;
+        let data = [];
+        details.selectionList.forEach(item => {
+          data.push({
+            id: item.id,
+            firsts: item.firsts,
+            second: item.second,
+            thirdProduct: item.thirdProduct,
+            categoryName: item.categoryName,
+            questId: item.questId,
+            name: item.Input,
+            questStatus: 1,
+            questNum,
+          });
+        });
+        details.loadingObj.inventorylist = true;
+        let _res = await $_updateDetailInfo(data);
+        console.log(_res, '修改品类提交');
+        if (_res.data.code == 200) {
+          InventoriedData();
           ElMessage({
-            message: '删除成功.',
+            message: _res.data.msg,
             type: 'success',
+            plain: true,
           });
         }
-        IndexPd();
+      } catch (error) {
+        console.log(error, 'error');
+      } finally {
+        details.loadingObj.inventorylist = false;
+      }
+    })
+    .catch(() => {});
+};
+// 盘点包件
+const Inventorypackages = () => {
+  let _packageNum = details.selectionList.length;
+  const message = `已选中<span style="color: red;">${_packageNum}条</span>数据,是否确认盘点?`;
+  ElMessageBox.confirm(message, '提示', {
+    dangerouslyUseHTMLString: true, //启用此选项以解析 HTML
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
+      let data = [];
+      const { questNum } = DataRow.value;
+      details.selectionList.forEach(item => {
+        data.push({
+          id: item.id,
+          firsts: item.firsts,
+          second: item.second,
+          thirdProduct: item.thirdProduct,
+          categoryName: item.categoryName,
+          questId: item.questId,
+          name: item.Input,
+          questStatus: 1,
+          questNum,
+        });
       });
+      details.loadingObj.inventorylist = true;
+      $_updateDetailInfo(data)
+        .then(res => {
+          if (res.data.code == 200) {
+            ElMessage({
+              showClose: true,
+              message: res.data.msg,
+              type: 'success',
+            });
+            InventoriedData();
+          }
+        })
+        .catch(error => {
+          console.log(error, 'error');
+        })
+        .finally(() => {});
     })
-    .catch(() => {
-      // catch error
-    });
+    .catch(() => {});
 };
-
-// 顶部延期（延期只能单个延期）
-const DelayButton = () => {
-  if (!HomepageDelay.value) {
-    ElMessage({
-      message: '请选择需要延期的数据（单选操作）',
-      type: 'warning',
+// 获取对比数据
+const getComparativeData = async row => {
+  const { questNum, id } = DataRow.value;
+  let data = {
+    questNum: questNum,
+    questId: id,
+  };
+  details.loadingObj.comparativelist = true;
+  $_getContrastInfo(data)
+    .then(res => {
+      console.log(res, '对比数据返回值');
+      if (res.data.code != 200) {
+        return;
+      }
+      details.comparativedata = res.data?.data || [];
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      details.loadingObj.comparativelist = false;
     });
-    return;
-  }
-  console.log('延期');
-  dialogTabData.value = true;
 };
-
-/** 未盘点数据导出 */
-const handleUncountedExport = () => {
-  ElMessageBox.confirm(InventoryState.value ? '导出未盘点数据' : '导出已盘点数据').then(
-    async () => {
+// 对比数据查看
+const comparativeview = async row => {
+  DataRow.value = row;
+  details.comparativedata = [];
+  comparativedialog.value = true;
+  await nextTick();
+  const _node = document.querySelector('.comparativeableNode');
+  setNodeHeight(_node, '70vh', true);
+  getComparativeData();
+};
+// 对比数据导出
+const Exportcomparativedata = () => {
+  ElMessageBox.confirm('是否确认导出对比数据?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
       try {
-        TcPdloading.value = true;
-
-        const res = InventoryState.value
-          ? // 未盘
-            await postExportContrastStockInfo({
-              questNum: UncountedDetails.value.questNum,
-              // InventoryState true是未盘 false是已盘
-              questStatus: InventoryState.value ? 0 : 1,
-            })
-          : // 已盘
-            await postExportPanDataWithPackage({
-              questNum: UncountedDetails.value.questNum,
-            });
-
-        // const res = await postExportContrastStockInfo({
-        //   questNum: UncountedDetails.value.questNum,
-        //   // InventoryState true是未盘 false是已盘
-        //   questStatus: InventoryState.value ? 0 : 1,
-        // });
-        console.log('res :>> ', res);
-        if (res.status !== 200) return;
-
-        downloadXls(res.data, `${InventoryState.value ? '未盘点' : '已盘点'}数据.xlsx`);
+        const { id, questNum } = DataRow.value;
+        let data = {
+          id,
+          questNum,
+        };
+        details.loadingObj.comparativelist = true;
+        let response = await $_exportGetContrastInfo(data);
+        downloadXls(response.data, `${questNum}对比明细.xlsx`);
       } catch (error) {
-        console.log('error :>> ', error);
+        console.error('error:', error);
       } finally {
-        TcPdloading.value = false;
+        details.loadingObj.comparativelist = false;
       }
-    }
-  );
+    })
+    .catch(() => {});
 };
-
-/** 同步数据 */
-const handleSyncData = async row => {
-  console.log('row :>> ', row);
-  ElMessageBox.confirm('是否同步数据?').then(async () => {
-    try {
-      loadingObj.pageLoading = true;
-
-      const res = await postSyncTaskData({ questNum: row.questNum });
-      const { code, msg } = res.data;
-      if (code !== 200) return;
-
-      ElMessage.success(msg);
-
-      onLoad();
-    } catch (error) {
-      console.log('error :>> ', error);
-    } finally {
-      loadingObj.pageLoading = false;
-    }
-  });
+// 盘点同步
+const Inventorysynchronization = row => {
+  console.log(row, 'row');
+  ElMessageBox.confirm('是否确认同步盘点数据?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
+  })
+    .then(async () => {
+      try {
+        details.loadingObj.list = true;
+        let data = {
+          questNum: row.questNum,
+        };
+        const _res = await postSyncTaskData(data);
+        const { code, msg } = _res.data;
+        if (code != 200) {
+          return;
+        }
+        ElMessage.success(msg);
+        onLoad();
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        details.loadingObj.list = false;
+      }
+    })
+    .catch(() => {});
 };
 </script>
 
-<style lang="scss" scoped>
-.maxContent {
-  width: 100%;
-  box-sizing: border-box;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
+<style scoped lang="scss">
+.ElBtnClass button {
+  border: none;
+  padding: 0;
+  background-color: transparent;
 }
-
-.SoInput {
-  display: flex;
-  justify-content: space-between;
-  padding: 0 10px;
-  margin-top: 10px;
-
-  form {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 5px;
-
-    :deep(.el-form-item) {
-      margin-bottom: 0;
-    }
-  }
-
-  .SoBtn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+:deep(.el-card) {
+  height: 100%;
 }
-
-.avue-crud__right {
-  margin-top: 5px;
+:deep(.el-card__body) {
+  height: 100%;
   display: flex;
-  justify-content: space-between;
-  margin-bottom: 5px;
-  padding: 0 10px;
+  flex-direction: column;
 }
-
-.demo-pagination-block {
+.el-fy {
   flex: 1;
   display: flex;
   align-items: flex-end;
-  margin-bottom: 8px;
-  justify-content: flex-end;
-  margin-right: 6px;
-}
-
-.demo-pagination-blockPD {
-  justify-content: space-between;
-}
-
-:deep(.el-table-column--selection) {
-  text-align: center;
-}
-
-:deep(.el-dialog__footer) {
-  display: flex;
-}
-
-:deep(.el-dialog__body) {
-  padding-top: 0;
-}
-
-:deep(.el-dialog) {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  margin-top: 0;
-}
-
-.Tcstdialog-footer {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 80px;
-}
-
-.Tcstate {
-  display: flex;
-  margin-bottom: 20px;
-
-  .el-radio {
-    width: 54px;
-  }
-}
-
-.TcstateS {
-  margin: 0 2%;
-  margin-bottom: 30px;
-
-  label {
-    width: 80px;
-  }
-}
-
-.tcradiogroup {
-  display: inline-flex;
-  align-items: flex-start;
-  font-size: 0;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.el-checkbox-group {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.el-input__inner {
-  text-align: center;
-}
-
-.dbExPo {
-  display: flex;
-  justify-content: flex-end;
   margin-bottom: 10px;
 }
-.el-exDc {
-  margin-left: 20px;
-  color: #10d070;
-  cursor: pointer;
-}
-:deep(.el-dialog) {
+.avue-crud {
+  height: 100%;
   display: flex;
   flex-direction: column;
-  justify-content: flex-start;
-  .el-dialog__footer {
-    flex: 1;
-  }
-  .dialog-footer {
-    display: flex;
-    align-items: flex-end;
-  }
 }
-.fullScreen {
+.el_textBtn {
+  cursor: pointer;
+}
+.el_dialog__header {
   display: flex;
-  margin-left: auto;
+  justify-content: space-between;
   align-items: center;
-  justify-content: center;
   i {
-    width: 20px;
-    height: 20px;
-    svg {
-      height: 100%;
-      width: 100%;
-    }
+    margin: 0 8px;
   }
 }
-:deep(.el-input__wrapper) {
-  height: 30px;
-}
-:deep(.el-input__inner) {
-  height: 100% !important;
-}
-.pdsj {
-  :deep(.el-input__wrapper) {
-    height: 30px !important;
+:deep(.el_Inventorydialog) {
+  .el-tab-pane {
+    display: none;
   }
-}
-.ElBtnClass {
-  .el-button {
-    padding: 0;
-    border: none;
-    background-color: transparent;
+  .el-tabs__content {
+    padding: 0 10px;
   }
 }
 </style>
diff --git a/src/views/distribution/checkInventoryTask/createTaskTemp.vue b/src/views/distribution/checkInventoryTask/createTaskTemp.vue
index 76caea2b..8de522d3 100644
--- a/src/views/distribution/checkInventoryTask/createTaskTemp.vue
+++ b/src/views/distribution/checkInventoryTask/createTaskTemp.vue
@@ -1,130 +1,571 @@
 <template>
-  <basic-container>
-    <!-- 首页表格 -->
-    <div class="avue-crud">
-      <!-- 搜索模块 -->
-      <el-row v-if="search">
-        <!-- 查询模块 -->
-        <el-form :inline="true" :model="query" class="el-fr-d">
-          <!-- 查询按钮 -->
-          <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>
+  <div class="maxContent" v-loading="loadingObj.pageLoading">
+    <!-- 搜索功能  -->
+    <div>
+      <!-- <div class="SoInput" v-show="searchSo">
+        <el-form :model="SoInfoData">
+          <el-form-item label="任务编号:">
+            <el-input v-model="SoInfoData.questNum" placeholder="任务编号" />
+          </el-form-item>
+          <el-form-item label="货物编号:">
+            <el-input v-model="SoInfoData.b" placeholder="货物编号" />
+          </el-form-item>
+          <el-form-item label="物流车次:">
+            <el-input v-model="SoInfoData.c" placeholder="物流车次" />
           </el-form-item>
         </el-form>
-      </el-row>
-
-      <!-- 控件模块 -->
-      <el-row>
-        <div class="avue-crud__header">
-          <!-- 头部左侧按钮模块 -->
-          <div class="avue-crud__left">
-            <el-button type="primary" icon="CirclePlusFilled" @click="InventoryTask"
-              >创建盘点任务</el-button
-            >
-            <el-button type="primary" icon="CircleCloseFilled" @click="discard"
-              >废弃盘点任务</el-button
-            >
-            <el-button type="primary" icon="Clock" @click="extension">延期盘点任务</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 class="SoBtn">
+          <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
         </div>
-      </el-row>
-
-      <!-- 首页表格 -->
-      <el-row>
-        <!-- 列表模块 -->
-        <tablecmt
-          class="tableNode"
-          :columnList="details.columnList"
-          :tableData="data"
-          :loading="loadingObj.list"
-          @inputTxt="inputsc"
-          @timeCheck="timesc"
-          @btnCheck="btnsc"
-          @selectCheck="selectsc"
-          @selection="selectionChange"
+      </div> -->
+      <!-- 查询按钮 -->
+      <!-- 头部右侧按钮模块 -->
+
+      <div class="avue-crud__right">
+        <div>
+          <el-button type="primary" @click="InventoryTask"
+            ><el-icon>
+              <Plus />
+            </el-icon>
+            创建盘点任务</el-button
+          >
+          <el-button type="primary" @click="discard"> 废弃</el-button>
+          <el-button type="primary" @click="DelayButton"> 延期</el-button>
+        </div>
+        <div>
+          <el-button icon="el-icon-refresh" @click="Refresh" circle></el-button>
+          <el-button icon="el-icon-search" @click="searchSo = !searchSo" circle></el-button>
+        </div>
+      </div>
+      <!-- 表格开始 -->
+      <el-table
+        v-loading="loading"
+        element-loading-text="数据正在更新中..."
+        :data="ElData"
+        row-key="name"
+        border
+        height="600"
+        style="width: 100%"
+        ref="tableRef"
+        @select-all="selectAll"
+        @select="selectChange"
+      >
+        <el-table-column type="selection" width="55" fixed />
+        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
+        <!-- 
+            Type ===1 普通文本
+            Type ===2 图片显示
+            Type ===3 操作功能
+            label:    标题
+            width:    宽度
+            prop:     数据字段
+           -->
+
+        <el-table-column
+          :prop="item.prop"
+          :label="item.label"
+          :width="item.width"
+          :fixed="item.fixed"
+          align="center"
+          v-for="(item, index) in menuData"
+          :key="item.label"
         >
-          <template #default="slotProps">
-            <template v-if="slotProps.scope.column.label === '操作'">
-              <div class="ElBtnClass">
-                <el-text @click="Inventorydetails(slotProps.scope.row)">盘点明细</el-text>
+          <el-table-column
+            :prop="item.prop"
+            :label="item.label"
+            :width="item.width"
+            :fixed="item.fixed"
+            align="center"
+          >
+            <template #header>
+              <el-input
+                @change="InInputSo($event, item)"
+                clearable
+                v-if="item.type == 5"
+                v-model="item.values"
+                :placeholder="`请输入${item.label}`"
+              />
+              <span v-else></span>
+            </template>
+
+            <template #default="props">
+              <img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" />
+
+              <div class="ElBtnClass" v-if="item.type == 3">
+                <el-button @click="ViewEvent(props.row)">已盘点明细</el-button>
+
+                <el-button @click="DetailsNotCounted(props.row)">未盘点明细</el-button>
+                <!-- <el-button @click="Discard(props.row)">废弃</el-button>
+                <el-button @click="extension(props.row)">延期</el-button> -->
+                <el-button @click="comparativeData(props.row)">对比数据</el-button>
+                <el-button
+                  v-if="
+                    Number(props.row.syncDataStatus) !== 2 &&
+                    new Date() > new Date(props.row.endTime)
+                  "
+                  @click="handleSyncData(props.row)"
+                  >同步数据</el-button
+                >
+              </div>
+
+              <div v-if="item.type == 5 && item.prop == 'questNum'">
+                {{ props.row[item.prop] ? props.row[item.prop] : '/' }}
+                <span class="el-exDc" @click="ExportDC(props.row)">导出</span>
               </div>
+              <span v-else-if="item.type == 7">{{
+                props.row[item.prop] == 1 ? '全部' : props.row[item.prop] == 2 ? '全仓' : '/'
+              }}</span>
+              <span v-else-if="item.type == 8">{{
+                props.row[item.prop] == 0
+                  ? '创建全部'
+                  : props.row[item.prop] == 1
+                  ? '开始'
+                  : props.row[item.prop] == 2
+                  ? '暂停'
+                  : props.row[item.prop] == 3
+                  ? '结束'
+                  : '/'
+              }}</span>
+              <span v-else-if="item.type === 1 && item.prop === 'syncDataStatus'">
+                {{
+                  props.row[item.prop] == 0
+                    ? '未同步'
+                    : props.row[item.prop] == 1
+                    ? '同步中'
+                    : '同步完成'
+                }}
+              </span>
+              <span v-else-if="item.type == 1">{{
+                props.row[item.prop] ? props.row[item.prop] : '/'
+              }}</span>
             </template>
+          </el-table-column>
+        </el-table-column>
+      </el-table>
+    </div>
+    <!-- 表格翻页功能 -->
+    <div class="demo-pagination-block TCdemo-pagination-block">
+      <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="pageSize"
+        :page-sizes="pageList"
+        :disabled="disabled"
+        :background="background"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        @size-change="PageSizeChange"
+        @current-change="SizeChange"
+      />
+    </div>
+    <!-- 弹窗详情 -->
+
+    <el-dialog
+      v-model="PopupDetails"
+      :title="!InventoryState ? '盘点数据' : '未盘点数据'"
+      width="80%"
+      :before-close="handleClose"
+      :fullscreen="fullScreen"
+    >
+      <div style="margin-bottom: 10px">
+        <div style="display: flex">
+          <!-- v-if="TcMInventoryStatus" -->
+          <div>
+            <!-- v-if="!NotCounted" -->
+            <el-button type="primary" @click="BatchdeletePackages">删 除</el-button>
+            <el-button type="primary" @click="TcAddData" v-if="Statusjudgment">新 增</el-button>
+            <el-button type="primary" @click="InventoryModification">提交修改</el-button>
+            <el-button type="primary" @click="ModifyingStatus">修改状态</el-button>
+            <el-button icon="Download" type="primary" @click="handleUncountedExport">
+              导出
+            </el-button>
+          </div>
+          <div style="margin-left: 10px">
+            <!-- v-if="NotCounted" -->
+            <el-button type="primary" @click="NotInventoried">盘点</el-button>
+          </div>
+
+          <div class="fullScreen" @click="BtnfullScreen">
+            <el-icon><FullScreen /></el-icon>
+          </div>
+        </div>
+      </div>
+      <!-- 表格开始 -->
+      <el-table
+        v-loading="TcPdloading"
+        element-loading-text="数据正在更新中..."
+        :data="TcPD"
+        row-key="name"
+        border
+        :height="eightyPercentHeight + 'px'"
+        style="width: 100%"
+        @select-all="TcselectAll"
+        @select="TcselectChange"
+      >
+        <el-table-column type="selection" width="55" fixed />
+        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
+
+        <!-- 
+            Type ===1 普通文本
+            Type ===2 图片显示
+            Type ===3 操作功能
+            label:    标题
+            width:    宽度
+            prop:     数据字段
+           -->
 
-            <template v-if="slotProps.scope.column.label === '盘点任务编号'">
-              <el-popconfirm
-                confirm-button-text="确定"
-                cancel-button-text="取消"
-                icon="Download"
-                icon-color="#626AEF"
-                title="是否导出数据？"
-                @confirm="ExportDataIndexRwo(slotProps.scope.row)"
+        <el-table-column
+          :prop="item.prop"
+          :label="item.label"
+          :width="item.width"
+          :fixed="item.fixed"
+          align="center"
+          v-for="(item, index) in InventoryDetails"
+          :key="item.label"
+        >
+          <el-table-column
+            :prop="item.prop"
+            :label="item.label"
+            :width="item.width"
+            :fixed="item.fixed"
+            align="center"
+          >
+            <template #header>
+              <el-input
+                @change="() => InputSo(item)"
+                clearable
+                v-if="item.type == 5 || item.prop == 'categoryName' || item.prop == 'materialCode'"
+                v-model="item.values"
+                :placeholder="`请输入${item.label}`"
+              />
+
+              <el-select
+                v-model="TcFrom[item.prop]"
+                class="m-2"
+                placeholder="请选择"
+                size="large"
+                v-if="item.type == 6"
+                @change="TcChenge($event, item)"
+                :clearable="true"
               >
-                <template #reference>
-                  <el-text>
-                    {{ slotProps.scope.row.questNum }}
-                  </el-text>
-                </template>
-              </el-popconfirm>
+                <el-option
+                  v-for="item in item.checkarr"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+
+              <!-- 日期搜索 -->
+              <el-date-picker
+                v-if="item.type == 8"
+                v-model="TcFrom[item.prop]"
+                type="datetimerange"
+                format="YYYY-MM-DD HH:mm:ss"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                range-separator="至"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+                @change="TcChenge($event, item)"
+              />
             </template>
-          </template>
-        </tablecmt>
-      </el-row>
+            <template #default="props">
+              <span v-if="item.type == 1 && item.prop == 'questStatus'">
+                {{
+                  props.row[item.prop] == 0
+                    ? '待盘点'
+                    : props.row[item.prop] == 1
+                    ? '已盘'
+                    : props.row[item.prop] == 2
+                    ? '未盘点'
+                    : props.row[item.prop] == 3
+                    ? '已排除'
+                    : '/'
+                }}
+              </span>
+
+              <span v-if="item.type == 1 && item.prop == 'isNew'">
+                {{ props.row[item.prop] !== 1 ? '否' : '是' }}
+              </span>
+
+              <span v-if="item.type == 1 && item.prop == 'isChange'">
+                {{ props.row[item.prop] !== 1 ? '否' : '是' }}
+              </span>
 
-      <!-- 分页模块 -->
-      <el-row class="el-fy">
-        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
-          <div></div>
+              <span v-if="item.type == 1 && item.prop == 'isChangeAt'">
+                {{ props.row[item.prop] !== 1 ? '否' : '是' }}
+              </span>
+
+              <span v-if="item.type == 6 && item.prop === 'questTarget'">
+                {{
+                  props.row[item.prop] == 1
+                    ? '定制品'
+                    : props.row[item.prop] == 2
+                    ? '零担'
+                    : props.row[item.prop] == 3
+                    ? '库存品'
+                    : '/'
+                }}</span
+              >
+
+              <span v-if="item.type == 10 && item.prop != 'materialCode'">
+                <el-input
+                  clearable
+                  :disabled="props.row.Checkbox"
+                  v-model="props.row[item.prop]"
+                  :placeholder="`请输入${item.label}`"
+                />
+              </span>
+
+              <span v-if="item.type == 10 && item.prop == 'materialCode'">
+                <!-- 下拉搜索 -->
+                <el-select
+                  v-if="props.row.wLinputState"
+                  v-model="props.row.Input"
+                  filterable
+                  placeholder="请输入物料编码"
+                >
+                  <el-option
+                    v-for="item in Wloptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+                <el-input
+                  v-else
+                  @change="wLcheng(props.row, props.row)"
+                  clearable
+                  :disabled="props.row.Checkbox"
+                  v-model="props.row.Input"
+                  :placeholder="`请输入${item.label}`"
+                />
+              </span>
+              <div :class="ElBtnClass" v-if="item.type == 3 && !NotCounted">
+                <el-button
+                  :link="ElButtonS[2].link"
+                  :class="ElButtonS[2].class"
+                  :auto-insert-space="ElButtonS[2].space"
+                  :size="ElButtonS[2].size"
+                  :icon="ElButtonS[2].icon"
+                  @click="InventoryEditing(props.row)"
+                  >编辑</el-button
+                >
+              </div>
+
+              <span v-if="item.type == 4">{{
+                props.row[item.prop] ? props.row[item.prop] : '/'
+              }}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>
+      </el-table>
+      <template #footer>
+        <!-- 表格翻页功能 -->
+        <div class="demo-pagination-blockPD demo-pagination-block TCdemo-pagination-block">
           <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"
+            v-model:current-page="TccurrentPage"
+            v-model:page-size="TcpageSize"
+            :page-sizes="pageList"
+            :disabled="disabled"
+            :background="background"
             layout="total, sizes, prev, pager, next, jumper"
-            :total="page.total"
-          >
-          </el-pagination>
+            :total="Tctotal"
+            @size-change="TcPageSizeChange"
+            @current-change="TcSizeChange"
+          />
         </div>
-      </el-row>
-    </div>
-    <!-- 创建判断任务 -->
-    <el-dialog
-      v-model="InventoryPopup"
-      title="创建盘点任务"
-      width="30%"
-      :close-on-click-modal="false"
-      :show-close="false"
-    >
-      <el-form
-        :model="formInventory"
-        label-width="120px"
-        ref="ruleFormRef"
-        :rules="rules"
-        v-loading="formInventoryloading"
-        element-loading-text="正在处理中,此任务可能较耗时请耐心等待..."
+        <span class="dialog-footer">
+          <el-button @click="PopupDetails = false">取消</el-button>
+          <el-button type="primary">确定</el-button>
+        </span>
+      </template>
+
+      <!-- 弹窗里面的详情 -->
+
+      <!-- 状态选择 -->
+      <el-dialog
+        v-model="InventoryStatus"
+        title="状态选择"
+        width="70%"
+        style="display: flex; flex-direction: column"
       >
+        <!-- 定制品单选框 -->
+        <el-radio-group
+          v-model="WrapBarEditing.radio"
+          class="tcradiogroup"
+          v-if="!TcStateSwitching"
+        >
+          <template v-for="(item, index) in radioList" :key="item.label">
+            <div class="Tcstate">
+              <el-radio @change="TcReac" :label="item.label">{{ item.txt }} </el-radio>
+              <el-input-number
+                v-model="counting[item.input]"
+                :disabled="item.disabled"
+                placeholder="数量"
+                :min="0"
+              />
+            </div>
+          </template>
+        </el-radio-group>
+
+        <!-- 多选框 -->
+        <el-checkbox-group v-model="readList" @change="Tcmultiple" v-else>
+          <template v-for="(item, index) in radioList" :key="item.label">
+            <div class="Tcstate TcstateS">
+              <el-checkbox :label="item.txt" @change="Tclist(index + 1)" /><el-input-number
+                v-model="counting[item.input]"
+                :disabled="item.disabled"
+                placeholder="数量"
+                :min="0"
+              />
+            </div>
+          </template>
+        </el-checkbox-group>
+
+        <span class="Tcstdialog-footer">
+          <el-button @click="InventoryStatus = false">取消</el-button>
+          <el-button type="primary" @click="StatusDetermination">确定</el-button>
+        </span>
+      </el-dialog>
+
+      <!-- 信息编辑 -->
+      <el-dialog
+        v-model="PopupEditing"
+        title="信息编辑"
+        width="60%"
+        @close="closeInformationediting"
+      >
+        <el-form :model="WrapBarEditing" label-position="right" label-width="100px">
+          <el-form-item label="包条:">
+            <el-input v-model="WrapBarEditing.orderPackageCode" disabled placeholder="包条" />
+          </el-form-item>
+          <el-form-item label="订单自编号:">
+            <el-input v-model="WrapBarEditing.orderCode" placeholder="请输入订单自编号" />
+          </el-form-item>
+
+          <el-form-item label="异常状态:">
+            <!-- 定制品单选框 -->
+            <el-radio-group
+              v-model="WrapBarEditing.radio"
+              class="tcradiogroup"
+              v-if="!TcStateSwitching"
+            >
+              <template v-for="(item, index) in radioList" :key="item.label">
+                <div class="Tcstate">
+                  <el-radio @change="TcReac" :label="item.label">{{ item.txt }} </el-radio>
+                  <el-input-number
+                    v-model="counting[item.input]"
+                    :disabled="item.disabled"
+                    placeholder="数量"
+                    :min="0"
+                  />
+                </div>
+              </template>
+            </el-radio-group>
+
+            <!-- 多选框 -->
+            <el-checkbox-group v-model="readList" @change="Tcmultiple" v-else>
+              <template v-for="(item, index) in radioList" :key="item.label">
+                <div class="Tcstate TcstateS">
+                  <el-checkbox :label="item.txt" @change="Tclist(index + 1)" /><el-input-number
+                    v-model="counting[item.input]"
+                    :disabled="item.disabled"
+                    placeholder="数量"
+                    :min="0"
+                  />
+                </div>
+              </template>
+            </el-checkbox-group>
+          </el-form-item>
+
+          <el-form-item label="新的货位">
+            <el-select-v2
+              v-model="WrapBarEditing.groundingPositionCode"
+              style="width: 240px"
+              filterable
+              remote
+              :remote-method="remoteMethod"
+              clearable
+              :options="optionss"
+              placeholder="请输入货位"
+            />
+          </el-form-item>
+        </el-form>
+
+        <template #footer>
+          <span class="dialog-footer">
+            <el-button @click="PopupEditing = false">取消</el-button>
+            <el-button type="primary" @click="InformationEditing">提交</el-button>
+          </span>
+        </template>
+      </el-dialog>
+
+      <!-- 新增弹窗 -->
+      <el-dialog
+        v-model="TcDataaddition"
+        title="新增"
+        width="70%"
+        style="display: flex; flex-direction: column"
+      >
+        <el-form
+          :model="Fromnewlyadded"
+          label-position="right"
+          label-width="100px"
+          style="margin-top: 40px"
+        >
+          <el-form-item label="SKU:">
+            <el-input v-model="Fromnewlyadded.sku" placeholder="请输入SKU" />
+          </el-form-item>
+          <el-form-item label="货物名称:">
+            <el-input v-model="Fromnewlyadded.name" placeholder="请输入货物名称" />
+          </el-form-item>
+          <el-form-item label="货物单位:">
+            <el-select v-model="Fromnewlyadded.logpmUnit" class="m-2" placeholder="选择货物单位">
+              <el-option
+                v-for="item in classification"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="规格:">
+            <el-input v-model="Fromnewlyadded.specification" placeholder="请输入规格" />
+          </el-form-item>
+          <el-form-item label="物料编码:">
+            <el-input v-model="Fromnewlyadded.packingSpecification" placeholder="请输入物料编码" />
+          </el-form-item>
+
+          <el-form-item label="产品编码:">
+            <el-input v-model="Fromnewlyadded.productCode" placeholder="请输入产品编码" />
+          </el-form-item>
+          <el-form-item label="包装数量:">
+            <el-input v-model="Fromnewlyadded.packageNum" placeholder="请输入包装数量" />
+          </el-form-item>
+        </el-form>
+
+        <span class="Tcstdialog-footer">
+          <el-button @click="TcDataaddition = false">取消</el-button>
+          <el-button type="primary" @click="TcDataadditionsubmit">确定</el-button>
+        </span>
+      </el-dialog>
+    </el-dialog>
+    <!-- 创建盘点弹窗 -->
+    <el-dialog v-model="InventoryPopup" title="创建盘点任务" width="30%">
+      <el-form :model="formInventory" label-width="120px">
         <el-form-item label="商场名称">
           <el-select
             multiple
             v-model="formInventory.scname"
             filterable
-            collapse-tags
-            popper-class="custom-header"
-            :max-collapse-tags="2"
             placeholder="请选择商场"
             @change="formInventoryChange"
           >
             <el-option
-              v-for="item in shoppingmall"
+              v-for="item in formInventory.select"
               :key="item.id"
               :label="item.clientName"
               :value="item.id"
@@ -136,7 +577,7 @@
           <el-input v-model="formInventory.brandName" disabled placeholder="品牌名称" />
         </el-form-item>
 
-        <el-form-item label="盘点时间" prop="time">
+        <el-form-item label="盘点时间" class="pdsj">
           <el-date-picker
             v-model="formInventory.time"
             type="datetimerange"
@@ -152,645 +593,1949 @@
       </el-form>
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="InventoryPopup = false">关闭</el-button>
-          <el-button type="primary" @click="InventorySubmit" :disabled="formInventoryloading">
-            提交
-          </el-button>
+          <el-button @click="InventoryPopup = false">取消</el-button>
+          <el-button type="primary" @click="InventorySubmit"> 提交 </el-button>
         </span>
       </template>
     </el-dialog>
-
-    <!-- 备货删除提示 -->
-    <DeleteWarningDialog
-      v-model="popupnotification"
-      :width="'600'"
-      title="废弃盘点计划警告！"
-      confirmButtonText="确认取消"
-      :loading="popupnotificationloading"
-      @confirm="handleDialogConfirm"
-    >
-      <template #content>
-        <el-text class="mx-1" size="large">
-          <el-icon><StarFilled /></el-icon>
-          是否确定<strong>废弃</strong>盘点计划，此操作<strong>不可撤销</strong>会造成<strong>数据丢失</strong>，是否继续?
-        </el-text>
-      </template>
-    </DeleteWarningDialog>
-
-    <!-- 删除已盘点包件提示 -->
-    <DeleteWarningDialog
-      v-model="popupnotiInventory"
-      :width="'600'"
-      title="删除已盘点包件警告！"
-      confirmButtonText="确认取消"
-      :loading="popupnotInventoryloading"
-      @confirm="InventoryDialogConfirm"
-    >
-      <template #content>
-        <el-text class="mx-1" size="large">
-          <el-icon><StarFilled /></el-icon>
-          是否确定<strong>删除</strong>已盘点包件，此操作<strong>不可撤销</strong>会造成<strong>数据丢失</strong>，是否继续?
-        </el-text>
-      </template>
-    </DeleteWarningDialog>
-    <!-- 任务延期弹窗 -->
-    <el-dialog
-      v-model="extensiondialog"
-      title="请选择盘点任务延期时间"
-      width="30%"
-      :close-on-click-modal="false"
-      :show-close="false"
-    >
-      <div v-loading="extensionloading" element-loading-text="Loading...">
-        <el-date-picker
-          v-model="extensionTime"
-          type="datetime"
-          placeholder="请选择盘点延期时间"
-          format="YYYY/MM/DD HH:mm:ss"
-          value-format="YYYY-MM-DD HH:mm:ss"
-        />
-      </div>
-
+    <!-- 延期弹窗 -->
+    <el-dialog v-model="dialogTabData" title="选择延期时间">
+      <el-date-picker
+        v-model="TcData"
+        type="date"
+        placeholder="请选择延期时间"
+        value-format="YYYY-MM-DD HH:mm:ss"
+      />
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="extensiondialog = false">关闭</el-button>
-          <el-button type="primary" @click="extensionsubmit" :disabled="extensionloading">
-            提交
-          </el-button>
+          <el-button @click="dialogTabData = false">取消</el-button>
+          <el-button type="primary" @click="InventoryDate"> 提交 </el-button>
         </span>
       </template>
     </el-dialog>
 
-    <!-- 已/未盘点明细 -->
-    <el-dialog
-      v-model="Inventorydialog"
-      title="盘点明细"
-      width="80%"
-      :fullscreen="Isitfullscreen"
-      :show-close="false"
-      class="el_Inventorydialog"
-    >
-      <template #header>
-        <div class="el_dialog__header">
-          <div>
-            <span>盘点明细</span>
-          </div>
-          <div>
-            <el-icon @click="Isfullscreen"><FullScreen /></el-icon>
-            <el-icon @click="Inventorydialog = false"><Close /></el-icon>
-          </div>
-        </div>
-      </template>
-
-      <el-tabs type="border-card" v-model="eltabs" @tab-click="tabclick">
-        <el-tab-pane label="未盘点明细" :name="0"></el-tab-pane>
-        <el-tab-pane label="已盘点明细" :name="1"></el-tab-pane>
-        <!-- 首页表格 -->
-        <el-button type="primary" icon="Delete" @click="BatchdeletePackages">删除包件</el-button>
-        <el-button type="primary" icon="Download" @click="ExportDataInventory">导出数据</el-button>
-        <el-row>
-          <!-- 列表模块 -->
-          <tablecmt
-            class="InventorytableNode"
-            :columnList="details.columnListInventory"
-            :tableData="inventoryData"
-            :loading="loadingObj.inventorylist"
-            @inputTxt="inputsc"
-            @timeCheck="timesc"
-            @btnCheck="btnsc"
-            @selectCheck="selectsc"
-            @selection="selectionChange"
+    <!-- 对比信息弹窗 -->
+    <el-dialog v-model="dialogcontrast" title="对比信息" width="70%">
+      <div class="dbExPo">
+        <el-button type="primary" @click="MXexport">导出</el-button>
+      </div>
+      <!-- 表格开始 -->
+      <el-table
+        v-loading="contrastloading"
+        element-loading-text="数据正在更新中..."
+        :data="contrastData"
+        row-key="name"
+        border
+        height="600"
+        style="width: 100%"
+        @select-all="contrastselectAll"
+        @select="contrastselectChange"
+      >
+        <el-table-column type="selection" width="55" fixed />
+        <el-table-column type="index" fixed width="50" height="100" label="#" align="center" />
+        <!-- 
+            Type ===1 普通文本
+            Type ===2 图片显示
+            Type ===3 操作功能
+            label:    标题
+            width:    宽度
+            prop:     数据字段
+           -->
+        <el-table-column
+          :prop="item.prop"
+          :label="item.label"
+          :width="item.width"
+          :fixed="item.fixed"
+          align="center"
+          v-for="(item, index) in contrast"
+          :key="item.label"
+        >
+          <el-table-column
+            :prop="item.prop"
+            :label="item.label"
+            :width="item.width"
+            :fixed="item.fixed"
+            align="center"
           >
-            <template #default="slotProps">
-              <template v-if="slotProps.scope.column.label === '操作'">
-                <div class="ElBtnClass">
-                  <el-text @click="Editinventory(slotProps.scope.row)">编辑</el-text>
-                </div>
-              </template>
+            <template #header>
+              <!-- <el-input
+                @change="InputSo(item)"
+                clearable
+                v-if="item.type == 4"
+                v-model="item.values"
+                :placeholder="`请输入${item.label}`"
+              /> -->
+            </template>
 
-              <template v-if="slotProps.scope.column.label === '盘点任务编号'">
-                <el-popconfirm
-                  confirm-button-text="确定"
-                  cancel-button-text="取消"
-                  icon="Download"
-                  icon-color="#626AEF"
-                  title="是否导出数据?"
-                  @confirm="ExportDataIndexRwo(slotProps.scope.row)"
-                >
-                  <template #reference>
-                    <el-text>
-                      {{ slotProps.scope.row.questNum }}
-                    </el-text>
-                  </template>
-                </el-popconfirm>
-              </template>
+            <template #default="props">
+              <div :class="ElBtnClass" v-if="item.type == 3">
+                <!-- 按钮 -->
+              </div>
+              <span v-if="item.type == 4">{{
+                props.row[item.prop] != null ? props.row[item.prop] : '/'
+              }}</span>
+              <span v-if="item.type == 6">{{
+                props.row[item.prop] == null ? 0 : props.row[item.prop]
+              }}</span>
             </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="inventorysizeChange"
-              @current-change="inventorycurrentChange"
-              :current-page="inventorypage.currentPage"
-              :page-sizes="[30, 50, 80, 120]"
-              :page-size="inventorypage.pageSize"
-              layout="total, sizes, prev, pager, next, jumper"
-              :total="inventorypage.total"
-            >
-            </el-pagination>
-          </div>
-        </el-row>
-      </el-tabs>
+          </el-table-column>
+        </el-table-column>
+      </el-table>
     </el-dialog>
-  </basic-container>
-  <!-- 列表配置显示 -->
-  <edittablehead
-    @closce="showdrawer"
-    :drawerShow="drawerShow"
-    :columnList="details.columnList"
-    v-model="details.columnList"
-  ></edittablehead>
+    <!-- 数据对比结束 -->
+  </div>
 </template>
 
 <script setup>
-import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
-import { columnList, columnListInventory } from '@/option/distribution/createTask.js';
-import { processRowProperty, setNodeHeight } from '@/utils/util';
-import { ElMessageBox, ElMessage } from 'element-plus';
-import { downloadXls, handleClearTableQuery } from '@/utils/util';
 import {
-  getTaskQuestPage,
-  getAllDataWithPackage,
+  $_getContrastInfo,
+  $_getDetailInfo,
+  $_updateDate,
+  $_updateDetailInfo,
+  $_updateQuestChildInfo,
+  $_getQuestChildInfo,
   getDictList,
+  getTaskQuestPage,
   postAddtaskQuest,
-  $_postBatchDelete,
-  $_updateDate,
-  $_getDetailInfo,
+  $_materialList,
+  $_submit,
   $_questDetailIds,
+  $_exportGetContrastInfo,
+  $_getList,
+  $_postBatchDelete,
+  postExportContrastStockInfo,
+  postExportPanDataWithPackage,
+  postSyncTaskData,
+  getAllDataWithPackage,
 } from '@/api/distribution/createTask';
-import DeleteWarningDialog from '@/components/popupnotification/popupnotification.vue';
-import { useStore } from 'vuex';
-import dayjs from 'dayjs';
-const $router = useRouter(); //跳转
-const $useStore = useStore(); //权限
-const $route = useRoute(); //获取地址栏参数
-// 创建判断任务
-const formInventory = ref({});
-const shoppingmall = ref([]); // 商场
-const InventoryPopup = ref(false); //创建盘点任务弹窗
-const popupnotificationloading = ref(false);
-const popupnotification = ref(false);
-const ruleFormRef = ref(null);
-const Isitfullscreen = ref(false);
-const extensiondialog = ref(false);
-const formInventoryloading = ref(false);
-const extensionTime = ref(null);
-const extensionloading = ref(false);
-const popupnotInventoryloading = ref(false);
-const popupnotiInventory = ref(false);
-const Inventorydialog = ref(false);
-const InventoryDatarow = ref({});
-const eltabs = ref(0);
-const rules = reactive({
-  time: [{ required: true, message: '请选择盘点时间', trigger: 'blur' }],
+import { ElMessageBox } from 'element-plus';
+import { ElMessage } from 'element-plus';
+import { downloadXls } from '@/utils/util';
+import { getDictionaryBiz } from '@/api/system/dict';
+import { ref, reactive } from 'vue';
+const wLinput = ref(null); //物料编码搜索框
+const wLinputState = ref(false); //标记是否显示下拉框
+const SoInfoData = ref({}); //搜索框参数
+const searchSo = ref(false); //搜索框
+const ElData = ref([]); //表格的值
+const TcPD = ref([]); //弹窗盘点表格得值
+const currentPage = ref(1); // 默认页码
+const pageSize = ref(40); // 默认每一页几条
+const dialogTabData = ref(false); //延期弹窗
+const TccurrentPage = ref(1); // 默认页码
+const TcpageSize = ref(50); // 默认每一页几条
+const Tctotal = ref(null); //明细页码总数
+const TcData = ref(null); //延期时间
+const pageList = ref([50, 100, 200, 500, 1000]); // 选择每页显示多少条
+const background = ref(true); // 是否开启背景颜色
+const disabled = ref(false); // 是否禁止使用页码功能
+const total = ref(0); //页码总数
+const loading = ref(false); //表格加载Load
+const PopupDetails = ref(false); //弹窗详情是否展示
+const InventoryPopup = ref(false); //创建判断任务弹窗
+const formInventory = ref({}); //盘点任务表单_
+const TcPdloading = ref(false); //弹窗盘点数据
+const PdRow = ref(null); //盘点任务选中
+const TcFrom = ref({}); //弹窗搜索
+const row = ref({}); //选择当前列
+const Tcrow = ref(); //弹窗当前行
+const WrapBarEditing = ref({}); //弹窗数据编辑
+const PopupEditing = ref(false); //弹窗编辑
+const ElBtnClass = ref(null);
+const DiskStatus = ref(true); //已盘、未盘状态
+const UncountedDetails = ref(); //未盘点明细盘点必须参数
+const contrastData = ref([]); //对比数据表格
+const dialogcontrast = ref(false); //对比数据弹窗
+const contrastloading = ref(false); //对比数据表格加载
+const Inventoryrow = ref({}); //详情编辑响应式临时数据
+const NotCounted = ref(false); //为盘点信息
+const UncheckedRow = ref({}); //未盘点当前行存储数据
+const InventoryStatus = ref(false); //盘点中的状态修改
+const InventoryInput = ref(null); //用来存储盘点状态定制品选怎的第几个input
+const InventoryState = ref(false); //盘带状态修改保存的数据
+const TcMInventoryStatus = ref(true); //盘点弹窗按钮权限控制
+const TcStatusModification = ref(false); //表示当前在修改状态
+const TcStateSwitching = ref(false); //默认表示定制品状态
+const TcnumStatu = ref(false); //表示零担,库存品,初始化状态
+const readList = ref([]); //多选框
+const TcReaJoin = ref([]); //零担库存品状态10，20，30...
+const TcDataaddition = ref(false); //数据新增弹唱
+const Fromnewlyadded = ref({}); //数据新增
+const screenHeight = ref(0); // 屏幕高度
+const HomepageDelay = ref(null); //首页延期
+const eightyPercentHeight = ref(0); // 80% 高度
+const Statusjudgment = ref(false); //新增按钮
+const DbEx = ref(null); //对比明细导出
+const fullScreen = ref(false); //是否全屏
+const BatchAbandonment = ref([]); //首页废弃
+/** loading */
+const loadingObj = reactive({
+  /** 页面loading */
+  pageLoading: 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];
+/** 未盘点query */
+const uncountedQuery = reactive({});
+const radioList = ref([
+  { label: 0, txt: '在库', input: 'stockNum', disabled: true },
+  { label: 1, txt: '破损', input: 'wornNum', disabled: true },
+  { label: 2, txt: '丢失', input: 'lossNum', disabled: true },
+  { label: 3, txt: '不可修复', input: 'noRepairNum', disabled: true },
+  { label: 4, txt: '已配送', input: 'deliveNum', disabled: true },
+  { label: 5, txt: '未入库', input: 'noReceivedNum', disabled: true },
+]);
+const counting = ref({});
+const options = [
+  {
+    value: 1,
+    label: '定制品',
+  },
+  {
+    value: 2,
+    label: '零担',
+  },
+  {
+    value: 3,
+    label: '库存品',
+  },
+];
+// 新增物品分类
+const classification = ref([]);
+// 菜单表头
+const menuData = ref([
+  {
+    prop: 'questNum',
+    label: '盘点任务编号',
+    type: 5,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'warehouseName',
+    label: '仓库名称',
+    type: 4,
+    values: '',
+    width: '100',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'marketName',
+    label: '商城名称',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'marketName',
+    label: '收货单位',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'brandName',
+    label: '品牌名称',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'startTime',
+    label: '任务开始时间',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'endTime',
+    label: '任务结束时间',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'stockNum',
+    label: '数量',
+    type: 5,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'syncDataStatus',
+    label: '同步状态',
+    type: 1,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'syncUserName',
+    label: '同步人',
+    type: 1,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'syncTime',
+    label: '同步时间',
+    type: 1,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'questType',
+    label: '类型',
+    type: 7,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'questStatus',
+    label: '状态',
+    type: 8,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: '',
+    label: '操作',
+    type: 3,
+    values: '',
+    width: '230',
+    checkarr: [],
+    fixed: 'right',
+    search: false,
+    head: true,
+  },
+]); //表头结构
+
+// 弹窗盘点
+const InventoryDetails = ref([
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 5,
+    values: '',
+    width: '230',
+    checkarr: [],
+    fixed: true,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'orderPackageCode',
+    label: '包条',
+    type: 5,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: true,
+    search: true,
+    head: true,
+  },
+
+  {
+    prop: 'questTarget',
+    label: '品类',
+    type: 6,
+    values: '',
+    width: '100',
+    checkarr: [
+      {
+        value: 1,
+        label: '定制品',
       },
-    },
-    {
-      text: '最近一个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-        return [start, end];
+      {
+        value: 2,
+        label: '零担',
       },
-    },
-    {
-      text: '最近三个月',
-      value: () => {
-        const end = new Date();
-        const start = new Date();
-        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-        return [start, end];
+      {
+        value: 3,
+        label: '库存品',
       },
-    },
-  ],
-  /** 时间选择器数据 */
-  stockupDate: [],
-  /** 列表 */
-  columnList,
-  columnListInventory,
-  /** 列表数据 */
-  data: [],
-  // 盘点明细
-  inventoryData: [],
-  /** 页面loading */
-  loadingObj: {
-    /** 列表加载loading */
-    list: false,
-    inventorylist: false,
+    ],
+    fixed: false,
+    search: true,
+    head: true,
   },
-  /** 列表复选框选中的数据 */
-  selectionList: [],
-  /** 是否显示设置表格 */
-  drawerShow: false,
-  /** 分页参数 */
-  page: {
-    currentPage: 1,
-    pageSize: 50,
-    total: 0,
+  {
+    prop: 'questStatus',
+    label: '盘点状态',
+    type: 1,
+    values: '',
+    width: '100',
+    checkarr: [
+      {
+        value: 0,
+        label: '待盘点',
+      },
+      {
+        value: 1,
+        label: '已盘',
+      },
+      {
+        value: 2,
+        label: '未盘点',
+      },
+      {
+        value: 3,
+        label: '已排除',
+      },
+    ],
+    fixed: false,
+    search: true,
+    head: true,
   },
-  // 盘点明细分页
-  inventorypage: {
-    currentPage: 1,
-    pageSize: 50,
-    total: 0,
+  {
+    prop: 'positionCode',
+    label: '货位',
+    type: 5,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
   },
-  /** 弹出层显示 */
-  popUpShow: {
-    /** 包件明细 */
-    packageOrderListlVisited: false,
-    /** 二维码 */
-    QRCodeVisible: false,
-    /** 修改客户信息 */
-    editClientInfoVisible: false,
+  {
+    prop: 'materialName',
+    label: '物料名称',
+    type: 5,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
   },
-  /** 列表Dom节点 */
-  listNode: '',
-  form: {},
-  /** 全屏 */
-  fullscreenObj: {
-    /** 包明细 */
-    packageOrderListlVisited: false,
+  {
+    prop: 'stockNum',
+    label: '数量',
+    type: 5,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'trayCode',
+    label: '托盘码',
+    type: 5,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'trayName',
+    label: '托盘名称',
+    type: 5,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'isNew',
+    label: '是否新增',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'groundingPositionCode',
+    label: '上架后库位',
+    type: 5,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'newTrayCode',
+    label: '移动托盘',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'newTrayName',
+    label: '移动托盘名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'isChange',
+    label: '是否数量变更',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'isChangeAt',
+    label: '是否库位或托盘变更',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'inventoryPerson',
+    label: '盘点人',
+    type: 5,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'inventoryDate',
+    label: '盘点时间',
+    type: 8,
+    values: '',
+    width: '350',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'firsts',
+    label: '一级品类',
+    type: 10,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'second',
+    label: '二级品类',
+    type: 10,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'thirdProduct',
+    label: '三级品类',
+    type: 10,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
   },
-});
 
-const {
-  search,
-  query,
-  shortcuts,
-  stockupDate,
-  data,
-  inventoryData,
-  loadingObj,
-  inventorypage,
-  selectionList,
-  drawerShow,
-  page,
-  trickleLoadingPage,
-  zeroAdditionalRecordingInfo,
-  popUpShow,
-  recorddata,
-  defaultTime2,
-} = toRefs(details);
-
-/** 展开列表控件 */
-const showdrawer = _flag => {
-  details.drawerShow = _flag;
+  {
+    prop: 'categoryName',
+    label: '产品名称',
+    type: 10,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'materialCode',
+    label: '物料编码',
+    type: 10,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'brandName',
+    label: '品牌',
+    type: 5,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: '',
+    label: '操作',
+    type: 3,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: 'right',
+    search: false,
+    head: true,
+  },
+]);
+// 对比数据表格结构
+const contrast = ref([
+  {
+    prop: 'orderCode',
+    label: '订单自编号',
+    type: 4,
+    values: '',
+    width: '260',
+    checkarr: [],
+    fixed: true,
+    search: true,
+    head: true,
+  },
+  // {
+  //   prop: 'orderPackageCode',
+  //   label: '包条',
+  //   type: 5,
+  //   values: '',
+  //   width: '260',
+  //   checkarr: [],
+  //   fixed: true,
+  //   search: true,
+  //   head: true,
+  // },
+  {
+    prop: 'trayCode',
+    label: '托盘码',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'trayName',
+    label: '托盘名称',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'brandName',
+    label: '品牌',
+    type: 4,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'mallName',
+    label: '商场名称',
+    type: 4,
+    values: '',
+    width: '250',
+    checkarr: [],
+    fixed: false,
+    search: true,
+    head: true,
+  },
+  {
+    prop: 'customerName',
+    label: '客户名称',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'thirdProduct',
+    label: '三级品',
+    type: 4,
+    values: '',
+    width: '350',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'materialName',
+    label: '物料名称',
+    type: 4,
+    values: '',
+    width: '200',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'totalNumber',
+    label: '总件数',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'handQuantity',
+    label: '在库件数',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'positionCode',
+    label: '货区-货架-货位',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'inventoryPerson',
+    label: '盘点人',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'inventoryDate',
+    label: '盘点时间',
+    type: 8,
+    values: '',
+    width: '350',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'questNum',
+    label: '盘点件数',
+    type: 6,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'differenceNum',
+    label: '差异数',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+
+  {
+    prop: 'groundingPositionCode',
+    label: '新货位',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+  {
+    prop: 'questStatusName',
+    label: '货物状态',
+    type: 4,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    search: false,
+    head: true,
+  },
+]);
+// 按钮配置
+const ElButtonS = ref([
+  // 1.link    切换按钮样式(文本模式-false ,按钮模式-tre)
+  // 2.class   按钮样式名(用于切换按钮样式)
+  // 3.space   是否开启按钮文子直接间距(true开启 ,false关闭)
+  // 4.size    按钮尺寸默认小尺寸('large'| 'default'| 'small')
+  // 5.icon    按钮图标
+  // 6.table   按钮名称
+  {
+    link: false,
+    class: 'el-btn-view',
+    space: true,
+    size: 'small',
+    icon: 'el-icon-view',
+    table: '详情',
+  },
+  {
+    link: false,
+    class: 'el-btn-view',
+    space: true,
+    size: 'small',
+    icon: 'el-icon-view',
+    table: '延期',
+  },
+  {
+    link: false,
+    class: 'el-btn-view',
+    space: true,
+    size: 'small',
+    icon: 'el-icon-view',
+    table: '编辑',
+  },
+  {
+    link: false,
+    class: 'el-btn-view',
+    space: true,
+    size: 'small',
+    icon: 'el-icon-view',
+    table: '对比数据',
+  },
+]);
+// 页面初始化请求
+
+const IndexPd = val => {
+  let Data = {
+    current: currentPage.value, //页码
+    size: pageSize.value, //条数
+    ...val,
+  };
+  getTaskQuestPage(Data).then(res => {
+    console.log(res, '获取盘点列表');
+    if (res.data.code == 200) {
+      total.value = res.data.data.total;
+      loading.value = false; //关闭表格加载
+      res.data.data.records; //初始化盘点列表
+      if (res.data.data.records) {
+        res.data.data.records.forEach(items => {
+          items.marketName = items.list.map(item => item.refName).join(','); //商场名称
+          items.brandName = items.list.map(item => item.brandName).join(','); //品牌名称
+        });
+        console.log(ElData.value, 'ElData.value');
+      }
+      ElData.value = res.data.data.records;
+    }
+  });
 };
-/** 表格表头输入框搜索 */
-const inputsc = (index, row) => {
-  details.query[row.prop] = index;
-  processRowProperty(index, row, details);
-  onLoad();
+// 弹窗全屏
+const BtnfullScreen = () => {
+  fullScreen.value = !fullScreen.value;
+};
+
+function onLoad() {
+  // 在组件挂载后获取屏幕高度
+  screenHeight.value = window.innerHeight;
+  // 计算80%的高度
+  eightyPercentHeight.value = screenHeight.value * 0.8;
+  getDictionaryBiz('logpm_unit').then(res => {
+    //异常类型
+    console.log(res, '字典返回值');
+
+    if (res.data.data.length) {
+      res.data.data.forEach(item => {
+        classification.value.push({
+          value: item.dictKey,
+          label: item.dictValue,
+        });
+      });
+    }
+  });
+
+  loading.value = true; //开启表格加载
+  IndexPd();
+  // let Data = {
+  //   current: currentPage.value, //页码
+  //   size: pageSize.value, //条数
+  //   questNum: 'PDLS20231124625',
+  // };
+  // getTaskQuestPage(Data).then(res => {
+  //   console.log(res, '获取盘点列表');
+  //   if (res.data.code == 200) {
+  //     total.value = res.data.data.total;
+  //     loading.value = false; //关闭表格加载
+  //     res.data.data.records; //初始化盘点列表
+  //     if (res.data.data.records) {
+  //       res.data.data.records.forEach(items => {
+  //         items.marketName = items.list.map(item => item.refName).join(','); //商场名称
+  //         items.brandName = items.list.map(item => item.brandName).join(','); //品牌名称
+  //       });
+  //       console.log(ElData.value, 'ElData.value');
+  //     }
+  //     ElData.value = res.data.data.records;
+  //   }
+  // });
+}
+// 调用页面初始化获取数据
+onLoad();
+
+// 首页搜索框
+const InInputSo = (values, val) => {
+  console.log(values, val);
+  let data = {
+    [val.prop]: values,
+  };
+  console.log(data);
+  IndexPd(data);
+};
+
+// 搜索框
+const InputSo = val => {
+  TcPdloading.value = true;
+  console.log(val, '搜索框接收的值');
+  let data = {};
+  console.log(row.value, 'row.value');
+  data.current = TccurrentPage.value;
+  data.size = TcpageSize.value;
+
+  let dataS = {
+    questNum: UncountedDetails.value.questNum,
+    questId: UncountedDetails.value.id,
+    current: TccurrentPage.value, //页码
+    size: TcpageSize.value, //条数
+    [val.prop]: val.values,
+  };
+  if (DiskStatus.value) {
+    dataS.questStatus = 1;
+  } else {
+    dataS.questStatus = 0;
+  }
+  if (val.prop == 'groundingPositionCode') {
+    dataS.positionCode = val.values;
+  }
+
+  console.log(dataS, '要提交的数据');
+  $_getDetailInfo(dataS).then(res => {
+    Tctotal.value = res.data.data.total;
+    res.data.data.records.forEach(item => {
+      item.Checkbox = true;
+      item.wLinputState = false;
+      item.Input = null;
+    });
+    TcPdloading.value = false;
+    console.log(res, '明细返回值222');
+    TcPD.value = res.data.data.records;
+  });
+  // }
+};
+// 点击新增按钮
+const TcAddData = () => {
+  TcDataaddition.value = true; //新增弹窗显示
+};
+// 对比数据导出公共函数
+// const DbExTc = data => {
+//   $_exportGetContrastInfo({
+//     id: data.id,
+//     questNum: data.questNum,
+//   }).then(res => {
+//     console.log(res, '导出');
+//     downloadXls(res.data, `${data.questNum}对比明细.xlsx`);
+//   });
+// };
+// 盘点对比导出
+const ExportDC = async val => {
+  // 触发下载函数
+  try {
+    loadingObj.pageLoading = true;
+
+    const res = await getAllDataWithPackage({
+      questNum: val.questNum,
+    });
+
+    const { status, data } = res;
+
+    console.log('data :>> ', data);
+    if (status !== 200) return;
+
+    downloadXls(data, `${val.questNum} -- 任务详情.xlsx`);
+  } catch (error) {
+    console.log('error :>> ', error);
+  } finally {
+    loadingObj.pageLoading = false;
+  }
+};
+// 对比数据导出
+const MXexport = () => {
+  // 触发下载函数
+  const {id, questNum} =DbEx.value
+  $_exportGetContrastInfo({
+    id,
+    questNum,
+  }).then(res => {
+    console.log(res, '导出');
+    downloadXls(res.data, `${questNum}对比明细.xlsx`);
+  });
+
+  // DbExTc(DbEx.value);
+};
+
+// 新增任务按钮(搜索不到出现此按钮)
+const TcDataadditionsubmit = () => {
+  console.log(Fromnewlyadded.value);
+  const validations = [
+    { property: 'sku', message: 'SKU为空' },
+    { property: 'name', message: '货物名称为空' },
+    { property: 'logpmUnit', message: '货物单位为空' },
+    { property: 'specification', message: '规格为空' },
+    { property: 'packingSpecification', message: '物料编码为空' },
+    { property: 'productCode', message: '产品编码为空' },
+    { property: 'packageNum', message: '包装数量为空' },
+  ];
+
+  for (const validation of validations) {
+    if (!Fromnewlyadded.value[validation.property]) {
+      ElMessage({
+        message: validation.message,
+        type: 'warning',
+      });
+      return;
+    }
+  }
+  TcDataaddition.value = false; //关闭弹窗
+  $_submit({ ...Fromnewlyadded.value }).then(res => {
+    console.log(res, '添加物品返回值');
+    if (res.data.code == 200) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+    }
+  });
+  Statusjudgment.value = false; //点击确定之后关闭按钮
+};
+
+// 盘点任务单选
+const selectChange = (select, val) => {
+  HomepageDelay.value = val; //首页延期
+  console.log('首页触发了选择');
+  BatchAbandonment.value = select; //批量废弃
+  console.log(select, val);
+  PdRow.value = select;
+};
+// 表格筛选
+const selectAll = val => {
+  console.log(val, '触发了选择');
+};
+// 弹窗详情选中（全选）
+const TcselectAll = (selectAll, val) => {
+  Tcrow.value = selectAll;
+  if (!selectAll.length) {
+    TcPD.value.forEach(item => {
+      item.Checkbox = !item.Checkbox;
+    });
+  } else {
+    selectAll.forEach(item => {
+      item.Checkbox = !item.Checkbox;
+    });
+  }
+  console.log(Tcrow.value, '全选复选框');
+  // 状态修改
+};
+// 弹窗详情单选
+const TcselectChange = (selectAll, val) => {
+  console.log(val, '当前选中的');
+  console.log(Tcrow.value);
+  val.Checkbox = !val.Checkbox; //开启修改
+  Tcrow.value = selectAll;
+};
+// 延期
+const extension = val => {
+  row.value = val;
+  dialogTabData.value = true;
+};
+
+// 批量删除盘点任务
+const BatchDelete = () => {};
+
+// 延期提交
+const InventoryDate = () => {
+  if (!HomepageDelay.value) {
+    ElMessage({
+      message: '请选择需要延期的数据（单选操作）',
+      type: 'warning',
+    });
+    return;
+  }
+  console.log(TcData.value, '延期');
+  $_updateDate({
+    id: HomepageDelay.value.id,
+    startTime: HomepageDelay.value.startTime,
+    endTime: TcData.value,
+  }).then(res => {
+    dialogTabData.value = false;
+    if (res.data.code == 200) {
+      ElMessage({
+        showClose: true,
+        message: res.data.msg,
+        type: 'success',
+      });
+    }
+    onLoad();
+    console.log(res, '延期成功返回值');
+  });
+};
+
+// 提交修改
+const InventoryModification = () => {
+  console.log(Tcrow.value, 'Tcrow.value');
+  if (!Tcrow.value) {
+    ElMessage({
+      showClose: true,
+      message: '暂未选择信息',
+      type: 'warning',
+    });
+    return;
+  }
+  let data = [];
+  Tcrow.value.forEach(item => {
+    data.push({
+      id: item.id,
+      firsts: item.firsts,
+      second: item.second,
+      thirdProduct: item.thirdProduct,
+      categoryName: item.categoryName,
+      questId: item.questId,
+      questNum: row.value.questNum,
+      name: item.Input,
+      questStatus: 1,
+    });
+  });
+  console.log(data, '要提交的数据');
+  $_updateDetailInfo(data).then(res => {
+    TcViewEvent(row.value); //修改之后刷新页面
+    console.log(res, '修改成功之后的返回值');
+    if (res.data.code == 200) {
+      ElMessage({
+        showClose: true,
+        message: res.data.msg,
+        type: 'success',
+      });
+    }
+  });
+};
+// 对比数据按钮
+const comparativeData = val => {
+  dialogcontrast.value = true; //显示对比数据表格
+  contrastloading.value = true; //开启表格加载
+  console.log(val, '对比数据当前行');
+  DbEx.value = val; //存储当前行数据用于导出
+  let data = {};
+  data.questNum = val.questNum;
+  data.questId = val.id;
+  $_getContrastInfo(data).then(res => {
+    console.log(res, '对比数据返回值');
+    contrastData.value = res.data.data;
+    contrastloading.value = false; //关闭表格加载
+  });
+};
+// 重置搜索表单
+const searchReset = () => {
+  SoInfoData.value = {};
+};
+
+const TcViewEvent = (val, Inso) => {
+  Statusjudgment.value = false; //关闭新增按钮
+  TcPdloading.value = true;
+  console.log(val, '要传递的对象');
+  let data = {
+    questNum: val.questNum,
+    questId: val.id,
+    current: TccurrentPage.value, //页码
+    size: TcpageSize.value, //条数
+    questStatus: 1,
+    ...Inso,
+  };
+  console.log(data, '要提交的数据');
+
+  $_getDetailInfo(data).then(res => {
+    Tctotal.value = res.data.data.total;
+    res.data.data.records.forEach(item => {
+      item.Checkbox = true;
+      item.wLinputState = false;
+      item.Input = null;
+    });
+    TcPdloading.value = false;
+    console.log(res, '明细返回值');
+    TcPD.value = res.data.data.records;
+  });
+};
+// 点击详情按钮
+const ViewEvent = val => {
+  DiskStatus.value = true; //表示当前在已盘点列表
+  InventoryDetails.value.forEach(item => {
+    item.values = null;
+  });
+  InventoryState.value = false; //修改标题（盘点数据）
+  TccurrentPage.value = 1; //重置页码
+  NotCounted.value = false; //关闭未盘点
+  row.value = val;
+  UncountedDetails.value = val;
+  PopupDetails.value = true;
+  TcPdloading.value = true;
+  console.log(val, '明细');
+  if (val.questStatus != 1) {
+    TcMInventoryStatus.value = false; //表示当前盘点任务不属于盘点中,关闭所有按钮权限
+  } else {
+    TcMInventoryStatus.value = true;
+  }
+  TcViewEvent(row.value);
+};
+// 废弃按钮
+const Discard = val => {
+  console.log(val);
+  let data = [];
+  data.push(val.id);
+  let ids = data.join(',');
+  console.log(data);
+  ElMessageBox.confirm('是否废弃该盘点任务?')
+    .then(() => {
+      $_postBatchDelete({ ids }).then(res => {
+        console.log(res, '删除成功');
+        if (res.data.code == 200) {
+          ElMessage({
+            message: '删除成功.',
+            type: 'success',
+          });
+        }
+        IndexPd();
+      });
+    })
+    .catch(() => {
+      // catch error
+    });
+};
+// 未盘点数据请求
+const NotCountedFn = (row, Inso, type = 0) => {
+  TcPdloading.value = true;
+  let dataInfo = {
+    ...Inso,
+  };
+  dataInfo.questStatus = type;
+  dataInfo.questNum = row.questNum;
+  dataInfo.questId = row.id;
+  dataInfo.current = TccurrentPage.value; //页码
+  dataInfo.size = TcpageSize.value; //条数
+  if (!DiskStatus.value) {
+    dataInfo.questStatus = 0;
+  } //表示当前在未盘点列表)
+  $_getDetailInfo(dataInfo).then(res => {
+    TcPdloading.value = false;
+    console.log(res, '未盘点明细返回值');
+    res.data.data.records.forEach(item => {
+      item.Checkbox = true;
+      item.wLinputState = false;
+      item.Input = null;
+    });
+    TcPD.value = res.data.data.records;
+    Tctotal.value = res.data.data.total; //总页码
+  });
+};
+
+// 未盘点明细
+const DetailsNotCounted = row => {
+  DiskStatus.value = false; //表示当前在未盘点列表
+  InventoryDetails.value.forEach(item => {
+    item.values = null;
+  });
+
+  UncountedDetails.value = row;
+  row.value = row;
+  InventoryState.value = true; //修改弹窗标题（未盘点数据），
+  TcFrom.value = {}; //重置搜索
+  TccurrentPage.value = 1; //重置页码
+  UncheckedRow.value = row; //存储当前点击行的数据
+  console.log(row.value, '存储好的数据');
+  NotCounted.value = true; //展开未盘点
+  TcPdloading.value = true;
+  PopupDetails.value = true;
+  NotCountedFn(row);
+
+  console.log(row.value, '未盘点明细存储值');
+};
+
+// 未盘点转已盘点按钮
+const NotInventoried = val => {
+  if (!Tcrow.value) {
+    ElMessage({
+      showClose: true,
+      message: '暂未选择信息',
+      type: 'warning',
+    });
+    return;
+  }
+  let data = [];
+  console.log(UncheckedRow.value, '提交盘点了');
+  Tcrow.value.forEach(item => {
+    data.push({
+      id: item.id,
+      questStatus: (item.questStatus = 1),
+      questId: item.questId,
+      questNum: UncheckedRow.value.questNum,
+    });
+  });
+  console.log(data, '未盘点处理好的值');
+  $_updateDetailInfo(data).then(res => {
+    console.log(res, '未盘点转为已盘点');
+    if (res.data.code == 200) {
+      ElMessage({
+        showClose: true,
+        message: res.data.msg,
+        type: 'success',
+      });
+      NotCountedFn(UncheckedRow.value);
+    }
+  });
+};
+// 对盘点中的参数,修改状态
+const ModifyingStatus = () => {
+  if (!Tcrow.value) {
+    ElMessage({
+      showClose: true,
+      message: '暂未选择信息',
+      type: 'warning',
+    });
+    return;
+  }
+  counting.value = {}; //重置数据值对象
+  // 修改过的参数回显
+  $_getQuestChildInfo({
+    questNum: row.value.questNum,
+    id: Tcrow.value[0].id,
+  }).then(res => {
+    console.log(res, '数量回显');
+    if (res.data.data.length) {
+      res.data.data.forEach((item, index) => {
+        counting.value[radioList.value[index].input] = item.questNum;
+      });
+    }
+  });
+
+  InventoryStatus.value = true; //展开状态选择
+  if (Tcrow.value[0].questTarget == 1) {
+    //表示当前是定制品
+    TcStateSwitching.value = false;
+  } else {
+    TcStateSwitching.value = true; //表示当前是零担，库存品
+  }
+};
+
+// 删除盘点任务包件(只能删除已盘)
+const BatchdeletePackages = () => {
+  const invalidQuestStatusIndex = Tcrow.value.findIndex(item => item.questStatus !== 1);
+  if (invalidQuestStatusIndex !== -1) {
+    // 存在状态不为1的元素
+    ElMessage({
+      message: '只能删除已盘',
+      type: 'warning',
+    });
+    return;
+  }
+
+  const data = {
+    questDetailIds: Tcrow.value.map(item => item.id),
+    questId: Tcrow.value[0]?.questId,
+    questNum: row.value.questNum,
+  };
+  console.log(data, '要删除处理好的数据');
+  $_questDetailIds(data).then(res => {
+    TcViewEvent(row.value);
+    console.log(res, '删除后的返回值');
+    if (res.data.code === 200) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+    }
+  });
+};
+
+// 信息编辑弹窗关闭的时候重置保存的数据
+const closeInformationediting = () => {
+  Tcrow.value = null;
+};
+// 盘点状态选择
+const TcReac = val => {
+  console.log(val);
+  InventoryInput.value = val; //存储当前选择的是第几个input
+  if (!TcStateSwitching.value) {
+    //定制品规则 可以批量操作
+    radioList.value.forEach(item => {
+      item.disabled = true;
+      counting.value[item.input] = 0;
+    });
+    radioList.value[val].disabled = false;
+    counting.value[radioList.value[val].input] = 1; //定制品选中的值默认为1
+  } else {
+    //零担,库存品规则
+    if (!TcnumStatu.value) {
+      radioList.value.forEach(item => {
+        item.disabled = true;
+        counting.value[item.input] = 0;
+      });
+      TcnumStatu.value = true; //表示当前零担库存品已经初始化了
+    } else {
+      radioList.value[val].disabled = false;
+    }
+  }
+};
+// 零担，库存品多选处理
+function updateFlag(ids, contents, newFlag) {
+  contents.forEach((content, index) => {
+    if (ids.includes(content.txt)) {
+      content.disabled = newFlag;
+      counting.value[content.input] = 1;
+    } else {
+      content.disabled = !newFlag;
+      counting.value[content.input] = 0;
+    }
+  });
+  console.log(radioList.value);
+}
+// 状态多选操作
+const Tcmultiple = val => {
+  updateFlag(val, radioList.value, false); //吧选中的状态设为可以修改
+};
+
+// 盘点状态确认修改
+const StatusDetermination = () => {
+  console.log(row.value, 'row.value');
+  if (!TcStateSwitching.value) {
+    //为假表示当前走定制品规则
+    //定制品规则
+    let InputMax = counting.value[radioList.value[InventoryInput.value].input]; //存储当前输入框最大值
+    if (InputMax > Tcrow.value[0].questTarget) {
+      ElMessage({
+        showClose: true,
+        message: `总数[${InputMax}]不能超过在库数量[${Tcrow.value[0].questTarget}]`,
+        type: 'warning',
+      });
+      return;
+    }
+    console.log(counting.value, '状态输入框的值');
+    let start = Tcrow.value.questTarget;
+    let data = [];
+    const filteredData = Tcrow.value.filter(item => item.name == start); //
+    filteredData.forEach(item => {
+      console.log(item);
+      data.push({
+        stockNum: counting.value.stockNum, //在库数量
+        lossNum: counting.value.lossNum, //丢失数量
+        deliveNum: counting.value.deliveNum, //配送数量
+        wornNum: counting.value.wornNum, //破损数量
+        noRepairNum: counting.value.noRepairNum, //不可修复数量
+        noReceivedNum: counting.value.noReceivedNum, //未入库数量
+        questNum: row.value.questNum, //任务编号
+        questId: item.questId,
+        allocationId: item.allocationId, //上架后的库位id
+        id: item.id,
+        cargoName: Number(InventoryInput.value + 1 + '0'), //状态
+      });
+    });
+    console.log(data, '处理好的数据');
+
+    $_updateQuestChildInfo(data).then(res => {
+      console.log(res, '盘点状态修改完成的返回值');
+      if (res.data.code == 200) {
+        ElMessage({
+          showClose: true,
+          message: res.data.msg,
+          type: 'success',
+        });
+        InventoryStatus.value = false; //关闭状态选择
+        TcViewEvent(row.value);
+      }
+    });
+  } else {
+    // 零担,库存品规则
+    console.log(counting.value, 'input输入框的数据');
+    console.log(Tcrow.value, 'questId');
+    let data = [
+      {
+        stockNum: counting.value.stockNum, //在库数量
+        wornNum: counting.value.wornNum, //破损数量
+        lossNum: counting.value.lossNum, //丢失数量
+        noRepairNum: counting.value.noRepairNum, //不可修复数量
+        deliveNum: counting.value.deliveNum, //配送数量
+        noReceivedNum: counting.value.noReceivedNum, //未入库数量
+        questNum: row.value.questNum, //任务编号
+        questId: Tcrow.value[0].questId, //零担和库存品一次只能操作第一条数据，这里暂取第一个选中的数据，后续的数据无效操作
+        allocationId: Tcrow.value[0].allocationId, //上架后的库位id
+        id: Tcrow.value[0].id,
+        cargoName: TcReaJoin.value.join(), //状态
+      },
+    ];
+    let sum =
+      data[0].stockNum +
+      data[0].wornNum +
+      data[0].lossNum +
+      data[0].noRepairNum +
+      data[0].deliveNum +
+      data[0].noReceivedNum;
+    if (sum > Tcrow.value[0].stockNum) {
+      ElMessage({
+        showClose: true,
+        message: `总数[${sum}]不能超过在库数量[${Tcrow.value[0].stockNum}]`,
+        type: 'error',
+      });
+      return;
+    }
+    console.log(data, '处理好的数据');
+    $_updateQuestChildInfo(data).then(res => {
+      console.log(res, '盘点状态修改完成的返回值');
+      if (res.data.code == 200) {
+        ElMessage({
+          showClose: true,
+          message: res.data.msg,
+          type: 'success',
+        });
+        InventoryStatus.value = false; //关闭状态选择
+        TcViewEvent(row.value);
+      }
+    });
+  }
+};
+
+const optionss = ref([]);
+const list = ref([]);
+const remoteMethod = query => {
+  if (query !== '') {
+    optionss.value = list.value.filter(item => {
+      return item.label.toLowerCase().includes(query.toLowerCase());
+    });
+  } else {
+    optionss.value = [];
+  }
+};
+// 多选数据状态处理
+const Tclist = val => {
+  console.log(val);
+  if (val >= 1 && val <= 6 && !radioList.value[val - 1].disabled) {
+    if (!TcReaJoin.value.includes(val * 10)) {
+      TcReaJoin.value.push(val * 10);
+    }
+  } else {
+    const index = TcReaJoin.value.indexOf(val * 10);
+    if (index !== -1) {
+      TcReaJoin.value.splice(index, 1);
+    }
+  }
+  console.log(TcReaJoin.value, '处理好的数据');
+};
+// 物料编码
+
+const Wllist = ref([]);
+const WLCode = query => {
+  if (query !== '') {
+    optionss.value = Wllist.value.filter(item => {
+      return item.label.toLowerCase().includes(query.toLowerCase());
+    });
+  } else {
+    optionss.value = [];
+  }
+};
+// 物料列表
+const Wloptions = ref([]);
+// 物料信息搜索
+const wLcheng = (val, info) => {
+  console.log(val.undefined);
+  console.log(info, '信息');
+  $_materialList({
+    name: val.undefined,
+  }).then(res => {
+    console.log(res, '物料查询');
+    if (!res.data.data.records.length) {
+      ElMessageBox.confirm('暂无数据是否新增?')
+        .then(() => {
+          TcDataaddition.value = true;
+        })
+        .catch(() => {
+          // catch error
+        });
+    } else {
+      // productCode
+      // wLinputState.value=true;//开启下拉选择
+
+      info.wLinputState = true;
+      // Wloptions.value 下拉选择变量
+      res.data.data.records.forEach(item => {
+        Wloptions.value.push({
+          label: item.name,
+          value: item.name,
+        });
+      });
+    }
+  });
+};
+
+// 盘点详情编辑
+const InventoryEditing = val => {
+  $_getList({
+    current: 1, //页码
+    size: 10000, //条数
+    warehouseId: val.warehouseId,
+  }).then(res => {
+    console.log(res);
+
+    if (res.data.data.records) {
+      list.value = res.data.data.records.map(item => {
+        return { value: `${item.id}`, label: `${item.qrCode}` };
+      });
+      console.log(list.value);
+    }
+  });
+
+  counting.value = {}; //重置数据值对象
+  WrapBarEditing.value.radio = null;
+  readList.value = [];
+  // 修改过的参数回显
+  $_getQuestChildInfo({
+    questNum: row.value.questNum,
+    id: val.id,
+  }).then(res => {
+    console.log(res, '数量回显');
+    if (res.data.data.length) {
+      res.data.data.forEach((item, index) => {
+        counting.value[radioList.value[index].input] = item.questNum;
+      });
+    }
+  });
+
+  Tcrow.value = val;
+  if (val.questTarget == 1) {
+    TcStateSwitching.value = false; //定制品规则
+  } else {
+    TcStateSwitching.value = true; //库存品，零担规则
+  }
+  PopupEditing.value = true;
+  Inventoryrow.value = val; //存一份响应式数据
+  const copiedObject = Object.assign({}, val);
+  console.log(val, '盘点详情编辑');
+  WrapBarEditing.value.orderPackageCode = copiedObject.orderPackageCode; //包条
+  WrapBarEditing.value.orderCode = copiedObject.orderCode; //订单自编号
+  WrapBarEditing.value.positionCode = copiedObject.positionCode; //货位
+};
+// 信息编辑弹窗提交
+const InformationEditing = () => {
+  console.log(WrapBarEditing.value, 'WrapBarEditing.value');
+  // if (!InventoryInput.value) return ElMessage.warning('请选择货物当前状态');
+
+  let data = [
+    {
+      orderCode: WrapBarEditing.value.orderCode, //订单编号
+      groundingPositionCode: WrapBarEditing.value.groundingPositionCode, //新的货位
+      stockNum: counting.value.stockNum, //在库数量
+      lossNum: counting.value.lossNum, //丢失数量
+      deliveNum: counting.value.deliveNum, //配送数量
+      wornNum: counting.value.wornNum, //破损数量
+      noRepairNum: counting.value.noRepairNum, //不可修复数量
+      noReceivedNum: counting.value.noReceivedNum, //未入库数量
+      allocationId: Tcrow.value.allocationId, //上架后的库位id
+      questId: Tcrow.value.questId,
+      questNum: row.value.questNum, //任务编号
+      id: Tcrow.value.id,
+    },
+  ];
+  if (WrapBarEditing.value.groundingPositionCode) {
+    let val = list.value.find(obj => obj.value == WrapBarEditing.value.groundingPositionCode);
+    console.log(data, '货位处理好的数据');
+    data[0].groundingAllocationId = val.value;
+    data[0].groundingPositionCode = val.label;
+  }
+  if (!TcStateSwitching.value) {
+    //为假表示当前走定制品规则
+    let InputMax = counting.value[radioList.value[InventoryInput.value].input]; //存储当前输入框最大值
+    if (InputMax > Tcrow.value.questTarget) {
+      ElMessage({
+        showClose: true,
+        message: `总数[${InputMax}]不能超过在库数量[${Tcrow.value.questTarget}]`,
+        type: 'warning',
+      });
+      return;
+    }
+
+    console.log(data, '处理好的数据');
+  } else {
+    let sum =
+      data[0].stockNum +
+      data[0].wornNum +
+      data[0].lossNum +
+      data[0].noRepairNum +
+      data[0].deliveNum +
+      data[0].noReceivedNum;
+    if (sum > Tcrow.value.stockNum) {
+      ElMessage({
+        showClose: true,
+        message: `总数[${sum}]不能超过在库数量[${Tcrow.value.stockNum}]`,
+        type: 'error',
+      });
+      return;
+    }
+    (data[0].cargoName = TcReaJoin.value.join()), //状态 //状态
+      console.log(data, '处理好的数据d');
+  }
+
+  TcPdloading.value = true;
+  PopupEditing.value = false;
+  $_updateQuestChildInfo(data).then(res => {
+    console.log(res, '盘点状态修改完成的返回值');
+    if (res.data.code == 200) {
+      ElMessage({
+        showClose: true,
+        message: res.data.msg,
+        type: 'success',
+      });
+      WrapBarEditing.value = {}; //重置提交表单
+      InventoryStatus.value = false; //关闭状态选择
+      TcViewEvent(row.value, TcFrom.value);
+    }
+  });
+  PopupEditing.value = false; //关闭弹窗
+  // TcFrom.value = {}; //重置搜索对象
 };
 
-/** 表格表头时间选择 */
-const timesc = (index, row) => {
-  console.log(index, row);
-  if (!!index) {
-    index = dayjs(index).format('YYYY-MM-DD');
+// 弹窗品类搜索
+const TcChenge = (event, val) => {
+  // 开始时间 startTime
+  // 结束时间 endTime
+  console.log(event, val);
+  TcPdloading.value = true;
+  console.log(row.value, '必须参数');
+  console.log(UncountedDetails.value.questNum, 'questNum');
+  let quest = UncountedDetails.value.questNum;
+  let qstId = UncountedDetails.value.id;
+  let data = {
+    current: TccurrentPage.value, //页码
+    size: TcpageSize.value, //条数
+    ...TcFrom.value,
+    questNum: quest,
+    questId: qstId,
+  };
+  console.log(event, 'event');
+  if (event) {
+    if (event.length == 2) {
+      //时间
+      data.startTime = event[0];
+      data.endTime = event[1];
+      delete data.inventoryDate;
+    }
   }
-  details.query[row.prop] = index;
-  if (!index) {
-    delete details.query[row.prop];
+  console.log(DiskStatus.value, 'DiskStatus.value');
+  if (DiskStatus.value) {
+    data.questStatus = 1;
+  } else {
+    data.questStatus = 0;
   }
-  onLoad();
-};
-
-/** 表格表头输入框搜索 */
-const btnsc = val => {
-  console.log(val);
-};
-/** 表格表头下拉框选择 */
-const selectsc = (index, row) => {
-  processRowProperty(index, row, details);
-  onLoad();
+  $_getDetailInfo(data).then(res => {
+    Tctotal.value = res.data.data.total;
+    res.data.data.records.forEach(item => {
+      item.Checkbox = true;
+      item.wLinputState = false;
+      item.Input = null;
+    });
+    TcPdloading.value = false;
+    console.log(res, '明细返回值');
+    TcPD.value = res.data.data.records;
+  });
 };
-/** 表格表头复选框选择 */
-const selectionChange = list => {
-  console.log(list);
-  details.selectionList = list;
+// 弹窗明细，每一页多少条
+const TcPageSizeChange = val => {
+  console.log('每一页多少条');
+  TcpageSize.value = val;
+  if (NotCounted.value) {
+    //表示当前是未盘点翻页
+    NotCountedFn(UncheckedRow.value, TcFrom.value);
+  } else {
+    console.log(val);
+    TcViewEvent(row.value, TcFrom.value);
+  }
 };
-// 网页顶部搜索按钮
-const searchChange = () => {
-  onLoad();
+
+// 弹窗明细，选择了多少页
+const TcSizeChange = val => {
+  console.log('翻页');
+  TccurrentPage.value = val;
+  if (NotCounted.value) {
+    //表示当前是未盘点翻页
+
+    NotCountedFn(UncheckedRow.value, TcFrom.value);
+  } else {
+    console.log(val);
+    TcViewEvent(row.value, TcFrom.value);
+  }
 };
-// 每页多少条
-const sizeChange = val => {
-  details.page.pageSize = val;
-  onLoad();
+// 弹窗翻页
+const TcpageList = val => {
+  console.log(val, '弹窗翻页');
 };
-/** 页码改变执行的回调 */
-const currentChange = val => {
-  details.page.currentPage = val;
+// 条数
+const SizeChange = val => {
+  console.log(val, '条数');
+  currentPage.value = val;
   onLoad();
 };
-// 明细每页多少条
-const inventorycurrentChange = val => {
-  details.inventorypage.currentPage = val;
-  InventoriedData();
-};
-// 明细页码改变执行的回调
-const inventorysizeChange = val => {
-  details.inventorypage.pageSize = val;
-  InventoriedData();
-};
-// 刷新按钮
-const searchChangeS = () => {
-  details.search = false; //关闭搜索
+// 翻页···························
+const PageSizeChange = val => {
+  console.log(val, '每页50条');
+  pageSize.value = val;
   onLoad();
 };
-//清空
-const searchReset = () => {
-  details.query = {};
-  details.page.currentPage = 1;
-  handleClearTableQuery(details.columnList);
-  onLoad();
+// 对比数据单选按钮
+const contrastselectChange = (select, val) => {
+  console.log(select, val, '对比数据1');
 };
-// 顶部搜索
-const searchHide = () => {
-  console.log(details);
-  details.search = !details.search;
-  const _node = document.querySelector('.tableNode');
-  setNodeHeight(_node, '', true);
+// 对比数据全选按钮
+const contrastselectAll = (select, val) => {
+  console.log(select, val, '对比数据2');
 };
-// 字典公共函数
-function updateDictionary(targetArray, dictionaryType) {
-  getDictionaryBiz(dictionaryType).then(res => {
-    console.log(res, '字典');
-    res.data.data.forEach(item => {
-      targetArray.push({
-        value: item.dictKey,
-        label: item.dictValue,
-      });
-    });
-  });
-}
-
-// 状态处理
-const Statusprocessing = data => {
-  if (!Array.isArray(data) || !data.length) {
-    return;
-  }
-
-  // 定义状态映射对象
-  const syncDataStatusMap = {
-    0: '未同步',
-    1: '同步中',
-  };
-
-  const questTypeMap = {
-    1: '全部',
-    2: '全仓',
-  };
-
-  const questStatusMap = {
-    0: '创建全部',
-    1: '开始',
-    2: '暂停',
-    3: '结束',
-  };
 
-  // 遍历数据并映射状态
-  data.forEach(item => {
-    item.syncDataStatusNameS = syncDataStatusMap[item.syncDataStatus] || '同步完成';
-    item.questTypeNameS = questTypeMap[item.questType] || '';
-    item.questStatusNameS = questStatusMap[item.questStatus] || '';
-  });
+// 关闭弹窗关闭回调
+const handleClose = () => {
+  PopupDetails.value = false;
+};
+// 刷新页面按钮(初始化页面参数)
+const Refresh = () => {
+  onLoad(); //初始化表格数据
 };
-// 盘点明细状态处理
 
-const Inventorystatus = data => {
-  if (!Array.isArray(data) || !data.length) {
-    return;
-  }
-  // 定义状态映射对象
-  // 品类
-  const questTargetMap = {
-    1: '定制品',
-    2: '零担',
-    3: '库存品',
-  };
-  // 盘点状态
-  const questStatusMap = {
-    0: '待盘点',
-    1: '已盘点',
-    2: '未盘点',
-    3: '已排除',
-  };
-  // 是否新增
-  const isNewMap = {
-    0: '否',
-    1: '是',
-  };
-  // 是否数量变更
-  const isChangeMap = {
-    0: '否',
-    1: '是',
-  };
+// 获取盘点列表
+// 搜索盘点任务
+//  const searchChange=()=>{
+// console.log('触发搜索');
+// $_getDetailInfo({...SoInfoData.value}).then(res=>{
+//     console.log(res,'搜索框的值');
+// })
+//  }
 
-  const isChangeAtMap = {
-    0: '否',
-    1: '是',
-  };
-  data.forEach(item => {
-    item.questTargetNameS = questTargetMap[item.questTarget] || '';
-    item.questStatusNameS = questStatusMap[item.questStatus] || '';
-    item.isNewNameS = isNewMap[item.isNew] || '';
-    item.isChangeNameS = isChangeMap[item.isChange] || '';
-    item.isChangeAtNameS = isChangeAtMap[item.isChangeAt] || '';
-  });
-};
-// 页面初始化
-const onLoad = value => {
-  let Data = {
-    current: details.page.currentPage, //页码
-    size: details.page.pageSize, //条数
-    ...value,
-  };
-  details.loadingObj.list = true;
-  getTaskQuestPage(Data)
-    .then(res => {
-      console.log(res, '获取盘点列表');
-      if (res.data.code == 200) {
-        const _data = res.data.data.records;
-        details.data = _data;
-        details.page.total = res.data.data.total;
-        if (details.data.length) {
-          Statusprocessing(details.data); //状态处理
-          details.data.forEach(item => {
-            if (Array.isArray(item.list)) {
-              item.marketName = item.list.map(subItem => subItem.refName || '').join(','); // 商场名称
-              item.brandName = item.list.map(subItem => subItem.brandName || '').join(','); // 品牌名称
-            } else {
-              item.marketName = '';
-              item.brandName = '';
-            }
-          });
-        }
-      }
-    })
-    .catch(error => {
-      console.log(error, 'error');
-    })
-    .finally(() => {
-      details.loadingObj.list = false;
-    });
-};
-// 获取商场
-const Getshoppingmall = () => {
-  shoppingmall.value = [];
+// 创建盘点任务
+const InventoryTask = () => {
+  formInventory.value = {};
+  formInventory.value.scname = [];
+  let select = [];
+  InventoryPopup.value = true; //开启创建盘点任务弹窗
   getDictList().then(res => {
-    console.log(res, '商场');
-
-    if (!res.data.code == 200) {
-      return;
-    }
-    if (res.data?.data.length) {
+    console.log('创建盘点返回值', res);
+    if (res.data.code == 200) {
       res.data.data.forEach(item => {
-        shoppingmall.value.push({
+        console.log(item, '盘点任务返回值');
+        select.push({
           clientName: item.clientName, // 商城名称
           id: item.id, // 商场id
           brandName: item.brandName, // 商场下品牌名
         });
       });
+      formInventory.value.select = select;
+      console.log(formInventory.value, '处理好的商场名称');
     }
   });
 };
-const onLoadPage = () => {
-  onLoad();
-  Getshoppingmall(); //获取商场
-};
-// 页面初始化
-onLoadPage();
-// 创建盘点任务
-const InventoryTask = () => {
-  formInventory.value = {};
-  InventoryPopup.value = true;
-};
-// 废弃盘点任务
-const discard = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请选择要废弃的盘点任务',
-      type: 'warning',
-    });
-    return;
-  }
-  popupnotification.value = true;
-};
-// 废弃盘点取消
-
-// 废弃盘点确认
-const handleDialogConfirm = () => {
-  let data = {
-    ids: details.selectionList.map(item => item.id).join(','),
-  };
-  popupnotificationloading.value = true;
-  $_postBatchDelete(data)
-    .then(res => {
-      console.log(res);
-      if (res.data.code == 200) {
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
-        onLoad();
-        popupnotification.value = false;
-      }
-    })
-    .catch(error => {
-      console.log(error, 'error');
-    })
-    .finally(() => {
-      popupnotificationloading.value = false;
-    });
-};
 
-// 延期盘点任务
-const extension = () => {
-  if (!details.selectionList.length) {
-    ElMessage({
-      message: '请选择要延期的盘点任务(单选操作)',
-      type: 'warning',
-    });
-    return;
-  }
-
-  if (details.selectionList.length > 1) {
-    ElMessage({
-      message: '单次只能勾选一个任务延期',
-      type: 'warning',
-    });
-    return;
-  }
-  extensionTime.value = null;
-  extensiondialog.value = true;
-};
-const extensionsubmit = () => {
-  if (!extensionTime.value) {
-    ElMessage({
-      message: '请选择延期时间',
-      type: 'warning',
-    });
-    return;
-  }
-  let data = {
-    id: details.selectionList[0].id,
-    startTime: details.selectionList[0].startTime,
-    endTime: extensionTime.value,
-  };
-  extensionloading.value = true;
-  $_updateDate(data)
-    .then(res => {
-      if (res.data.code == 200) {
-        ElMessage({
-          showClose: true,
-          message: res.data.msg,
-          type: 'success',
-        });
-        onLoad();
-        extensiondialog.value = false;
-      }
-    })
-    .catch(error => {
-      console.log(error, 'error');
-    })
-    .finally(() => {
-      extensionloading.value = false;
-    });
-};
 // 处理商场名称函数根据传入ID读取列表中的商场
 function matchInfoById(idArray, infoArray) {
   const matchedInfo = [];
@@ -802,10 +2547,14 @@ function matchInfoById(idArray, infoArray) {
   });
   return matchedInfo;
 }
+
 // 商场名称选择回调
-const formInventoryChange = Value => {
-  const matchedInfo = matchInfoById(Value, shoppingmall.value);
-  formInventory.value.brandName;
+const formInventoryChange = val => {
+  console.log('选择了商场名称');
+  formInventory.value.id = val;
+  const matchedInfo = matchInfoById(val, formInventory.value.select);
+  console.log(matchedInfo, '处理好的参数');
+  // formInventory.value.brandName;
   let name = [];
   matchedInfo.forEach(item => {
     name.push(item.brandName);
@@ -813,252 +2562,354 @@ const formInventoryChange = Value => {
   formInventory.value.brandName = name.join(','); //处理品牌名称显示
 };
 
+// 创建盘点任务弹窗关闭回调
+const InventoryPopupClose = () => {
+  console.log('创建盘点任务关闭弹窗回调');
+};
 // 盘点提交
-const InventorySubmit = async () => {
-  try {
-    await ruleFormRef.value.validate();
-  } catch (error) {
-    console.error('表单验证失败:', error);
+const InventorySubmit = () => {
+  if (!formInventory.value.time) {
+    ElMessage({
+      message: '请选择盘点任务时间',
+      type: 'warning',
+    });
     return;
   }
-  //结构参数
-  const {
-    scname,
-    time: [startTime, endTime],
-  } = formInventory.value;
-  //商场处理
-  const matchedInfo = (scname && matchInfoById(scname, shoppingmall.value)) || [];
-
-  const list = scname
-    ? matchedInfo.map(({ id, clientName }) => ({
-        refId: id,
-        refName: clientName,
-      }))
-    : [];
-  //构建提交数据
-  const data = { startTime, endTime, list };
-  console.log('数据:', data);
-  formInventoryloading.value = true;
-  postAddtaskQuest(data)
-    .then(res => {
+  console.log(formInventory.value, '盘点选择好的参数');
+  // 创建提交表单
+  let SubData = {};
+  SubData.list = [];
+  console.log(formInventory.value.scname, 'formInventory.value.scname.length');
+  if (!formInventory.value.scname.length && !formInventory.value.brandName) {
+    //
+    SubData.list = [];
+    // 结束时间
+    SubData.endTime = formInventory.value.time[1];
+    // 开始时间
+    SubData.startTime = formInventory.value.time[0];
+    InventoryPopup.value = false; //关闭创建盘点任务弹窗
+    loading.value = true; //开启表格加载
+    console.log(SubData, '处理好的数据');
+    postAddtaskQuest(SubData).then(res => {
       if ((res.data.code = 200)) {
         ElMessage({
           message: res.data.msg,
           type: 'success',
         });
-        InventoryPopup.value = false;
-        onLoad(); //初始化页面
+        onLoad(); //体积之后初始化页面
       }
-    })
-    .catch(error => {
-      console.log(error, 'error');
-    })
-    .finally(() => {
-      formInventoryloading.value = false;
+      console.log(res, '盘点计划提交成功');
     });
-};
-// 页面初始化方法
-// 导出盘点数据
-const ExportDataIndexRwo = row => {
-  if (!row.questNum) {
     return;
   }
-  let data = {
-    questNum: row.questNum,
-  };
-  details.loadingObj.list = true;
-  getAllDataWithPackage(data)
-    .then(res => {
-      const { status, data } = res;
-      if (status !== 200) {
-        return;
-      }
-      downloadXls(data, `${row.questNum} -- 任务详情.xlsx`);
-    })
-    .catch(error => {
-      console.log(error, 'error');
-    })
-    .finally(() => {
-      details.loadingObj.list = false;
+
+  // 处理商场名称和商场ID
+  const matchedInfo = matchInfoById(formInventory.value.id, formInventory.value.select);
+  console.log(matchedInfo, 'matchedInfo');
+  console.log(matchedInfo, 'matchedInfo提交处理数据');
+  if (matchedInfo) {
+    matchedInfo.forEach(item => {
+      SubData.list.push({
+        refId: item.id,
+        refName: item.clientName,
+      });
     });
-};
-// 是否全屏
-const Isfullscreen = () => {
-  Isitfullscreen.value = !Isitfullscreen.value;
-  const _node = document.querySelector('.InventorytableNode');
-  setNodeHeight(_node, '', true);
-};
-//盘点明细
-const Inventorydetails = async row => {
-  details.inventorypage.currentPage = 1; //重置页码
-  InventoryDatarow.value = row; //存储当前行数据
-  Inventorydialog.value = true; //展开盘点明细
-  await nextTick(); //
-  const _node = document.querySelector('.InventorytableNode');
-  setNodeHeight(_node, '70vh', true);
-  tabclick(); //获取盘点明细数据
-};
-// 盘点明细编辑
-const Editinventory = () => {
-  ElMessage({
-    message: '功能维护中...',
-    type: 'warning',
-  });
-};
-// 盘点明细切换0-未盘点 1-已盘点
-const tabclick = value => {
-  eltabs.value = 0;
-  if (value) {
-    eltabs.value = value.props.name;
   }
-  InventoriedData();
-};
-// 已盘点明细
-const InventoriedData = value => {
-  const { id, questNum } = InventoryDatarow.value;
-  let data = {
-    questNum: questNum,
-    questId: id,
-    current: details.inventorypage.currentPage, //页码
-    size: details.inventorypage.pageSize, //条数
-    questStatus: eltabs.value,
-    ...value,
-  };
-  details.loadingObj.inventorylist = true;
-  $_getDetailInfo(data)
-    .then(res => {
-      console.log(res, '盘点明细');
-      if (!res.data.code == 200) {
-        return;
-      }
-      let _data = res.data.data;
-      details.inventoryData = _data.records;
-      details.inventorypage.total = _data.total;
-      Inventorystatus(details.inventoryData);
-    })
-    .catch(error => {
-      console.log(error, 'error');
-      details.inventoryData = [];
-    })
-    .finally(() => {
-      details.loadingObj.inventorylist = false;
-    });
+
+  // 结束时间
+  SubData.endTime = formInventory.value.time[1];
+  // 开始时间
+  SubData.startTime = formInventory.value.time[0];
+  console.log(SubData, '处理好要提交的数据');
+  InventoryPopup.value = false; //关闭创建盘点任务弹窗
+  loading.value = true; //开启表格加载
+  postAddtaskQuest(SubData).then(res => {
+    if ((res.data.code = 200)) {
+      ElMessage({
+        message: res.data.msg,
+        type: 'success',
+      });
+      onLoad(); //体积之后初始化页面
+    }
+    console.log(res, '盘点计划提交成功');
+  });
 };
-// 删除盘点包件校验
-const BatchdeletePackages = () => {
-  if (!details.selectionList.length) {
+// 顶部废弃按钮
+const discard = () => {
+  if (!BatchAbandonment.value.length) {
     ElMessage({
-      message: '请勾选要删除的数据',
+      message: '请选择废弃盘点任务(可批量)',
       type: 'warning',
     });
     return;
   }
+  console.log('废弃按钮');
+  let ids = [];
+  BatchAbandonment.value.forEach(item => {
+    ids.push(item.id);
+  });
+  ids = ids.join(',');
+  ElMessageBox.confirm('是否废弃该盘点任务?')
 
-  let _questStatus = details.selectionList.every(res => res.questStatus == 1);
+    .then(() => {
+      console.log(ids, '处理好的数据');
+      $_postBatchDelete({ ids }).then(res => {
+        console.log(res, '删除成功');
+        if (res.data.code == 200) {
+          ElMessage({
+            message: '删除成功.',
+            type: 'success',
+          });
+        }
+        IndexPd();
+      });
+    })
+    .catch(() => {
+      // catch error
+    });
+};
 
-  if (!_questStatus) {
+// 顶部延期（延期只能单个延期）
+const DelayButton = () => {
+  if (!HomepageDelay.value) {
     ElMessage({
-      message: '勾选包件必须满足全部已盘点状态',
+      message: '请选择需要延期的数据（单选操作）',
       type: 'warning',
     });
     return;
   }
-  popupnotiInventory.value = true; //弹出删除警告
+  console.log('延期');
+  dialogTabData.value = true;
 };
-// 确认删除盘点包件
-const InventoryDialogConfirm = () => {
-  const { questNum } = InventoryDatarow.value;
-  let data = {
-    questDetailIds: details.selectionList.map(item => item.id),
-    questId: details.selectionList[0].questId,
-    questNum,
-  };
-  console.log(data, '要提交的数据');
-  popupnotInventoryloading.value = true;
-  $_questDetailIds(data)
-    .then(res => {
-      console.log(res, '删除包件返回值');
-      if (res.data.code == 200) {
-        popupnotiInventory.value = false; //关闭删除警告
-        InventoriedData();
-        ElMessage({
-          message: res.data.msg,
-          type: 'success',
-        });
+
+/** 未盘点数据导出 */
+const handleUncountedExport = () => {
+  ElMessageBox.confirm(InventoryState.value ? '导出未盘点数据' : '导出已盘点数据').then(
+    async () => {
+      try {
+        TcPdloading.value = true;
+
+        const res = InventoryState.value
+          ? // 未盘
+            await postExportContrastStockInfo({
+              questNum: UncountedDetails.value.questNum,
+              // InventoryState true是未盘 false是已盘
+              questStatus: InventoryState.value ? 0 : 1,
+            })
+          : // 已盘
+            await postExportPanDataWithPackage({
+              questNum: UncountedDetails.value.questNum,
+            });
+
+        // const res = await postExportContrastStockInfo({
+        //   questNum: UncountedDetails.value.questNum,
+        //   // InventoryState true是未盘 false是已盘
+        //   questStatus: InventoryState.value ? 0 : 1,
+        // });
+        console.log('res :>> ', res);
+        if (res.status !== 200) return;
+
+        downloadXls(res.data, `${InventoryState.value ? '未盘点' : '已盘点'}数据.xlsx`);
+      } catch (error) {
+        console.log('error :>> ', error);
+      } finally {
+        TcPdloading.value = false;
       }
-    })
-    .catch(error => {
-      console.log(error, 'error');
-    })
-    .finally(() => {
-      popupnotInventoryloading.value = false; //关闭弹窗加载
-    });
+    }
+  );
 };
-// 导出盘点数据
-const ExportDataInventory = () => {
-  let _titleText = eltabs.value ? '已盘点明细' : '未盘点明细';
-  const message = `是否导出<span style="color: red;">${_titleText}</span>数据!`;
-  ElMessageBox.confirm(
-    message,
-    '导出数据提示',
-    {
-      dangerouslyUseHTMLString: true, // 如果组件支持，启用此选项以解析 HTML
-      confirmButtonText: '确认',
-      cancelButtonText: '取消',
-      type: 'warning',
+
+/** 同步数据 */
+const handleSyncData = async row => {
+  console.log('row :>> ', row);
+  ElMessageBox.confirm('是否同步数据?').then(async () => {
+    try {
+      loadingObj.pageLoading = true;
+
+      const res = await postSyncTaskData({ questNum: row.questNum });
+      const { code, msg } = res.data;
+      if (code !== 200) return;
+
+      ElMessage.success(msg);
+
+      onLoad();
+    } catch (error) {
+      console.log('error :>> ', error);
+    } finally {
+      loadingObj.pageLoading = false;
     }
-  )
-    .then(() => {
-  
-    })
-    .catch(() => {
-    
-    })
+  });
 };
 </script>
 
-<style scoped lang="scss">
-.ElBtnClass button {
-  border: none;
-  padding: 0;
-  background-color: transparent;
-}
-:deep(.el-card) {
-  height: 100%;
-}
-:deep(.el-card__body) {
+<style lang="scss" scoped>
+.maxContent {
+  width: 100%;
+  box-sizing: border-box;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.el-fy {
+
+.SoInput {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+  margin-top: 10px;
+
+  form {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 5px;
+
+    :deep(.el-form-item) {
+      margin-bottom: 0;
+    }
+  }
+
+  .SoBtn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.avue-crud__right {
+  margin-top: 5px;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  padding: 0 10px;
+}
+
+.demo-pagination-block {
   flex: 1;
   display: flex;
   align-items: flex-end;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
+  justify-content: flex-end;
+  margin-right: 6px;
 }
-.avue-crud {
-  height: 100%;
+
+.demo-pagination-blockPD {
+  justify-content: space-between;
+}
+
+:deep(.el-table-column--selection) {
+  text-align: center;
+}
+
+:deep(.el-dialog__footer) {
   display: flex;
-  flex-direction: column;
 }
-.el_textBtn {
-  cursor: pointer;
+
+:deep(.el-dialog__body) {
+  padding-top: 0;
+}
+
+:deep(.el-dialog) {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin-top: 0;
+}
+
+.Tcstdialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 80px;
 }
-.el_dialog__header {
+
+.Tcstate {
+  display: flex;
+  margin-bottom: 20px;
+
+  .el-radio {
+    width: 54px;
+  }
+}
+
+.TcstateS {
+  margin: 0 2%;
+  margin-bottom: 30px;
+
+  label {
+    width: 80px;
+  }
+}
+
+.tcradiogroup {
+  display: inline-flex;
+  align-items: flex-start;
+  font-size: 0;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.el-checkbox-group {
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
+}
+
+.el-input__inner {
+  text-align: center;
+}
+
+.dbExPo {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 10px;
+}
+.el-exDc {
+  margin-left: 20px;
+  color: #10d070;
+  cursor: pointer;
+}
+:deep(.el-dialog) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  .el-dialog__footer {
+    flex: 1;
+  }
+  .dialog-footer {
+    display: flex;
+    align-items: flex-end;
+  }
+}
+.fullScreen {
+  display: flex;
+  margin-left: auto;
   align-items: center;
+  justify-content: center;
   i {
-    margin: 0 8px;
+    width: 20px;
+    height: 20px;
+    svg {
+      height: 100%;
+      width: 100%;
+    }
   }
 }
-:deep(.el_Inventorydialog) {
-  .el-tab-pane {
-    display: none;
+:deep(.el-input__wrapper) {
+  height: 30px;
+}
+:deep(.el-input__inner) {
+  height: 100% !important;
+}
+.pdsj {
+  :deep(.el-input__wrapper) {
+    height: 30px !important;
   }
-  .el-tabs__content {
-    padding: 0 10px;
+}
+.ElBtnClass {
+  .el-button {
+    padding: 0;
+    border: none;
+    background-color: transparent;
   }
 }
 </style>