From 8c35d8642cefbd878627305aeffa8968cec1d191 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Thu, 30 Nov 2023 11:35:52 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=98=E7=82=B9=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/aftersales/VueTemp.vue              | 154 +++--
 .../checkInventoryTask/createTask.vue         | 616 +++++++++---------
 2 files changed, 430 insertions(+), 340 deletions(-)

diff --git a/src/views/aftersales/VueTemp.vue b/src/views/aftersales/VueTemp.vue
index 782e94aa..ac9c35b4 100644
--- a/src/views/aftersales/VueTemp.vue
+++ b/src/views/aftersales/VueTemp.vue
@@ -100,38 +100,54 @@
   <basic-container>
     <div class="avue-crud">
       <!-- 搜索模块 -->
-      <el-row v-if="!search">
+      <el-row v-if="search">
         <!-- 查询模块 -->
         <el-form :inline="true" :model="query" class="el-fr-d">
-          <el-form-item label="交期:" class="el-times">
-            <!--            <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>-->
+          <div class="el_tims_box">
+          <el-form-item label="上报日期" class="el-times">
             <el-date-picker
-              v-model="stockupDate"
+              v-model="value1"
               type="daterange"
-              unlink-panels
               range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              clearable
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :size="size"
             />
           </el-form-item>
-          <el-form-item label="创建时间:" class="el-times">
-            <!--            <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>-->
+          <el-form-item label="处理时间" class="el-times">
             <el-date-picker
-              v-model="stockupDate"
+              v-model="value1"
               type="daterange"
-              unlink-panels
               range-separator="至"
-              start-placeholder="开始时间"
-              end-placeholder="结束时间"
-              :shortcuts="shortcuts"
-              clearable
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :size="size"
             />
           </el-form-item>
+          <el-form-item label="送货时间" class="el-times">
+            <el-date-picker
+              v-model="value1"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :size="size"
+            />
+          </el-form-item>
+          <el-form-item label="运损发现" class="el-times">
+            <el-date-picker
+              v-model="value1"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :size="size"
+            />
+          </el-form-item>
+        </div>
           <!-- 查询按钮 -->
           <el-form-item class="el-btn">
-            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button type="primary" icon="el-icon-search">搜 索</el-button>
             <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
           </el-form-item>
         </el-form>
@@ -398,12 +414,21 @@
           label="配送司机"
           v-if="groundlineSet || groundlineType == 3 || groundlineType == 4"
         >
-          <el-input
+          <el-select
             v-model="Indexform.deliveryDriver"
-            :disabled="FromDisabled"
+            multiple
+            filterable
+            default-first-option
+            :reserve-keyword="false"
             placeholder="请输入配送司机"
-            clearable
-          />
+          >
+            <el-option
+              v-for="item in DeliveryDriver"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
         </el-form-item>
         <!-- 必填 -->
         <el-form-item label="异常问题描述">
@@ -530,7 +555,7 @@
         </el-form-item>
 
         <el-form-item label="运损发现节点">
-          <el-select v-model="endFrom.a" class="m-2" placeholder="Select">
+          <el-select v-model="endFrom.a" class="m-2" clearable placeholder="请选择运损发现节点">
             <el-option
               v-for="item in TransportLossNode"
               :key="item.value"
@@ -781,7 +806,7 @@ import { getDictionaryBiz } from '@/api/system/dict'; //字典
 import { getDetailWarehouse, getDeptWarehouse } from '@/api/basicdata/basicdataWarehouse'; //处理方
 import { ref, reactive, toRefs, computed, onMounted, nextTick } from 'vue';
 import { columnList, recordList } from '@/option/aftersales/vueTvemp.js';
-import {  processRowProperty } from '@/utils/util';
+import { processRowProperty } from '@/utils/util';
 import dayjs from 'dayjs';
 const currentPage = ref(1); // 默认页码
 const pageSize = ref(30); // 默认每一页几条
@@ -810,10 +835,24 @@ const eightyPercentHeight = ref(0); // 80% 高度
 const list = ref([]);
 const options = ref([]);
 const ProcessingList = ref([]); //赔付方式列表
+const DeliveryDriver = ref([
+  {
+    value: '0',
+    label: '兰溪',
+  },
+  {
+    value: '1',
+    label: '李华',
+  },
+  {
+    value: '2',
+    label: '唐飞',
+  },
+]); //配送司机
 const CompensationParty = ref([{ name: '', state: 0, num: 0, reason: '', cld: 1 }]); //赔付款方
 const details = reactive({
   /** 是否开启搜索 */
-  search: true,
+  search: false,
   /** 表格搜索条件 */
   query: {},
   /** 时间快捷选择设置 */
@@ -1272,7 +1311,7 @@ const IndexTable = val => {
   let data = {
     ...val,
   };
-  columnList[2].checkarr = [];//重置下拉搜索框
+  columnList[2].checkarr = []; //重置下拉搜索框
   columnList[3].checkarr = [];
   data.current = page.value.currentPage; //页码
   data.size = page.value.pageSize; //条数
@@ -1303,7 +1342,7 @@ const IndexTable = val => {
         } else if (item.workOrderType == 5) {
           item.workOrderTypeName = columnList[2].checkarr[4].label; //其他
         }
-
+        // 提货环节下拉赋值
         if (item.discoveryNode == 1) {
           item.discoveryNodeName = columnList[3].checkarr[0].label; //提货环节
         } else if (item.discoveryNode == 2) {
@@ -1385,7 +1424,13 @@ const AddInfo = () => {
 
 // 首页新增表单确定
 const ConfirmForm = () => {
+  console.log(Indexform.value.deliveryDriver, 'Indexform.value.deliveryDriver');
   console.log(Indexform.value.processor, 'Indexform.value.processor');
+  // 匹配司机名字
+  Indexform.value.deliveryDriver = DeliveryDriver.value.find(
+    item => item.value == Indexform.value.deliveryDriver
+  ).label;
+  console.log(Indexform.value.deliveryDriver); // 输出李华
   FromDisabled.value = false; //启用输入框
   let processorEntityList = [];
   let ProcessingParty = {
@@ -1410,17 +1455,22 @@ const ConfirmForm = () => {
     delete DataSubmit.processor; //移除多余字段
   console.log(DataSubmit, '处理好的表单信息');
   Indexdialog.value = false; //关闭表单弹窗
-  $_submit(DataSubmit).then(res => {
-    if (res.data.code == 200) {
-      ElMessage({
-        message: res.data.msg,
-        type: 'success',
-      });
-      IndexTable();
-    }
-  });
+  // $_submit(DataSubmit).then(res => {
+  //   if (res.data.code == 200) {
+  //     ElMessage({
+  //       message: res.data.msg,
+  //       type: 'success',
+  //     });
+  Indexform.value = {}; //重置表单
+  //     IndexTable();
+  //   }
+  // });
+};
+// 顶部搜索
+const searchHide = () => {
+  console.log(details);
+  details.search = !details.search;
 };
-
 // 首页查看详情按钮
 const view = val => {
   console.log(val, '当前行数据');
@@ -1564,8 +1614,6 @@ const btnsc = val => {
   console.log(val);
 };
 
-
-
 // // 下拉框搜索公共函数
 // const updateDetailQuery = (index, propName, obj) => {
 //   // 更新或删除查询参数
@@ -1578,7 +1626,7 @@ const btnsc = val => {
 // const processRowProperty = (index, row, details) => {
 //   const nameRegex = /(\w+)Name$/; // 捕获以'Name'结尾的属性名
 //   const match = row.prop.match(nameRegex);
-  
+
 //   // 如果属性以'Name'结尾，则更新相应的查询参数
 //   if (match) {
 //     const basePropName = match[1]; // 获取不包含'Name'的属性名
@@ -1592,12 +1640,11 @@ const btnsc = val => {
 //   }
 // };
 
-
 /** 表格表头下拉框选择 */
 const selectsc = (index, row) => {
   console.log('index :>> ', index);
   console.log('row :>> ', row);
-  
+
   processRowProperty(index, row, details);
   console.log(details.query, details.query);
   IndexTable(details.query);
@@ -1837,7 +1884,7 @@ const changeProcessingResults = val => {
 }
 .lptime {
   margin-top: 30px;
-  padding-left: 50px;
+  padding-left: 60px;
   display: flex;
   flex-direction: column;
   font-size: 14px;
@@ -1893,10 +1940,23 @@ const changeProcessingResults = val => {
     height: 38px;
   }
 }
-.el-fy{
+.el-fy {
   flex: 1;
-    display: flex;
-    align-items: flex-end;
-    margin-bottom: 10px;
+  display: flex;
+  align-items: flex-end;
+  margin-bottom: 10px;
+}
+.el-times{
+  :deep(.el-input__wrapper){
+    height: 30px !important;
+  }
+ 
+}
+.el_tims_box{
+  display: flex;
+}
+.el-btn{
+  width: 100%;
+
 }
 </style>
diff --git a/src/views/distribution/checkInventoryTask/createTask.vue b/src/views/distribution/checkInventoryTask/createTask.vue
index 03667a4a..2e374d26 100644
--- a/src/views/distribution/checkInventoryTask/createTask.vue
+++ b/src/views/distribution/checkInventoryTask/createTask.vue
@@ -31,6 +31,8 @@
             </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>
@@ -79,7 +81,7 @@
           >
             <template #header>
               <el-input
-                @change="InInputSo($event,item)"
+                @change="InInputSo($event, item)"
                 clearable
                 v-if="item.type == 5"
                 v-model="item.values"
@@ -90,40 +92,17 @@
             <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
-                >
+              <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>
               </div>
               <div v-if="item.type == 5 && item.prop == 'questNum'">
-                {{
-                props.row[item.prop] ? props.row[item.prop] : '/'
-              }}
+                {{ props.row[item.prop] ? props.row[item.prop] : '/' }}
                 <span class="el-exDc" @click="ExportDC(props.row)">导出</span>
-                
               </div>
               <span v-if="item.type == 7">{{
                 props.row[item.prop] == 1 ? '全部' : props.row[item.prop] == 2 ? '全仓' : '/'
@@ -163,7 +142,13 @@
     </div>
     <!-- 弹窗详情 -->
 
-    <el-dialog  v-model="PopupDetails" :title="!InventoryState?'盘点数据':'未盘点数据'" width="80%" :before-close="handleClose" :fullscreen="fullScreen">
+    <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" -->
@@ -179,10 +164,9 @@
             <el-button type="primary" @click="NotInventoried">盘点</el-button>
           </div>
 
-          <div class="fullScreen" @click="BtnfullScreen"> 
+          <div class="fullScreen" @click="BtnfullScreen">
             <el-icon><FullScreen /></el-icon>
           </div>
-
         </div>
       </div>
       <!-- 表格开始 -->
@@ -229,7 +213,7 @@
               <el-input
                 @change="InputSo(item)"
                 clearable
-                v-if="item.type == 5 || item.prop == 'categoryName' ||  item.prop == 'materialCode'"
+                v-if="item.type == 5 || item.prop == 'categoryName' || item.prop == 'materialCode'"
                 v-model="item.values"
                 :placeholder="`请输入${item.label}`"
               />
@@ -252,7 +236,7 @@
               </el-select>
             </template>
             <template #default="props">
-           <span v-if="item.type == 6 && item.prop == 'questStatus'">
+              <span v-if="item.type == 6 && item.prop == 'questStatus'">
                 {{
                   props.row[item.prop] == 0
                     ? '待盘点'
@@ -278,7 +262,7 @@
                 }}</span
               >
 
-             <span v-if="item.type == 10 && item.prop !='materialCode'">
+              <span v-if="item.type == 10 && item.prop != 'materialCode'">
                 <el-input
                   clearable
                   :disabled="props.row.Checkbox"
@@ -287,24 +271,29 @@
                 />
               </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)'
+              <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
@@ -443,19 +432,17 @@
             </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="请输入货位"
-          />
+              v-model="WrapBarEditing.groundingPositionCode"
+              style="width: 240px"
+              filterable
+              remote
+              :remote-method="remoteMethod"
+              clearable
+              :options="optionss"
+              placeholder="请输入货位"
+            />
           </el-form-item>
         </el-form>
 
@@ -519,13 +506,9 @@
       </el-dialog>
     </el-dialog>
     <!-- 创建盘点弹窗 -->
-    <el-dialog
-      v-model="InventoryPopup"
-      title="创建盘点任务"
-      width="30%"
-    >
+    <el-dialog v-model="InventoryPopup" title="创建盘点任务" width="30%">
       <el-form :model="formInventory" label-width="120px">
-        <el-form-item label="商场名称">
+        <el-form-item label="商场名称" style="justify-content: flex-start">
           <el-select
             multiple
             v-model="formInventory.scname"
@@ -547,7 +530,7 @@
           <el-input v-model="formInventory.brandName" disabled placeholder="品牌名称" />
         </el-form-item>
 
-        <el-form-item label="盘点时间">
+        <el-form-item label="盘点时间" class="pdsj">
           <el-date-picker
             v-model="formInventory.time"
             type="datetimerange"
@@ -562,7 +545,7 @@
         </el-form-item>
       </el-form>
       <template #footer>
-        <span class="dialog-footer">  
+        <span class="dialog-footer">
           <el-button @click="InventoryPopup = false">取消</el-button>
           <el-button type="primary" @click="InventorySubmit"> 提交 </el-button>
         </span>
@@ -597,7 +580,7 @@
         row-key="name"
         border
         height="600"
-        style="width:100%"
+        style="width: 100%"
         @select-all="contrastselectAll"
         @select="contrastselectChange"
       >
@@ -674,13 +657,13 @@ import {
   $_getList,
   $_postBatchDelete,
 } from '@/api/distribution/createTask';
-import { ElMessageBox } from 'element-plus'
+import { ElMessageBox } from 'element-plus';
 import { ElMessage } from 'element-plus';
 import { downloadXls } from '@/utils/util';
 import { getDictionaryBiz } from '@/api/system/dict';
 import { ref } from 'vue';
-const wLinput=ref(null);//物料编码搜索框
-const wLinputState=ref(false);//标记是否显示下拉框
+const wLinput = ref(null); //物料编码搜索框
+const wLinputState = ref(false); //标记是否显示下拉框
 const SoInfoData = ref({}); //搜索框参数
 const searchSo = ref(false); //搜索框
 const ElData = ref([]); //表格的值
@@ -708,7 +691,7 @@ const Tcrow = ref(); //弹窗当前行
 const WrapBarEditing = ref({}); //弹窗数据编辑
 const PopupEditing = ref(false); //弹窗编辑
 const ElBtnClass = ref(null);
-const UncountedDetails=ref();//未盘点明细盘点必须参数
+const UncountedDetails = ref(); //未盘点明细盘点必须参数
 const contrastData = ref([]); //对比数据表格
 const dialogcontrast = ref(false); //对比数据弹窗
 const contrastloading = ref(false); //对比数据表格加载
@@ -717,7 +700,7 @@ const NotCounted = ref(false); //为盘点信息
 const UncheckedRow = ref({}); //未盘点当前行存储数据
 const InventoryStatus = ref(false); //盘点中的状态修改
 const InventoryInput = ref(null); //用来存储盘点状态定制品选怎的第几个input
-const InventoryState=ref(false);//盘带状态修改保存的数据
+const InventoryState = ref(false); //盘带状态修改保存的数据
 const TcMInventoryStatus = ref(true); //盘点弹窗按钮权限控制
 const TcStatusModification = ref(false); //表示当前在修改状态
 const TcStateSwitching = ref(false); //默认表示定制品状态
@@ -727,10 +710,12 @@ 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 DbEx = ref(null); //对比明细导出
+const fullScreen = ref(false); //是否全屏
+const BatchAbandonment = ref([]); //首页废弃
 const radioList = ref([
   { label: 0, txt: '在库', input: 'stockNum', disabled: true },
   { label: 1, txt: '破损', input: 'wornNum', disabled: true },
@@ -862,7 +847,7 @@ const menuData = ref([
     label: '操作',
     type: 3,
     values: '',
-    width: '430',
+    width: '230',
     checkarr: [],
     fixed: 'right',
     search: false,
@@ -872,7 +857,7 @@ const menuData = ref([
 
 // 弹窗盘点
 const InventoryDetails = ref([
-{
+  {
     prop: 'orderCode',
     label: '订单自编号',
     type: 5,
@@ -1337,11 +1322,11 @@ const ElButtonS = ref([
 ]);
 // 页面初始化请求
 
-const IndexPd=(val)=>{
+const IndexPd = val => {
   let Data = {
     current: currentPage.value, //页码
     size: pageSize.value, //条数
-    ...val
+    ...val,
   };
   getTaskQuestPage(Data).then(res => {
     console.log(res, '获取盘点列表');
@@ -1359,16 +1344,16 @@ const IndexPd=(val)=>{
       ElData.value = res.data.data.records;
     }
   });
-}
+};
 // 弹窗全屏
-const BtnfullScreen=()=>{
-  fullScreen.value=!fullScreen.value;
-}
+const BtnfullScreen = () => {
+  fullScreen.value = !fullScreen.value;
+};
 
 function onLoad() {
-   // 在组件挂载后获取屏幕高度
+  // 在组件挂载后获取屏幕高度
   screenHeight.value = window.innerHeight;
-   // 计算80%的高度
+  // 计算80%的高度
   eightyPercentHeight.value = screenHeight.value * 0.8;
   getDictionaryBiz('logpm_unit').then(res => {
     //异常类型
@@ -1385,7 +1370,7 @@ function onLoad() {
   });
 
   loading.value = true; //开启表格加载
-  IndexPd()
+  IndexPd();
   // let Data = {
   //   current: currentPage.value, //页码
   //   size: pageSize.value, //条数
@@ -1411,24 +1396,22 @@ function onLoad() {
 // 调用页面初始化获取数据
 onLoad();
 
-
 // 首页搜索框
-const InInputSo=(values,val)=>{
-  console.log(values,val);
-  let data={
-    [val.prop]:values
-  }
+const InInputSo = (values, val) => {
+  console.log(values, val);
+  let data = {
+    [val.prop]: values,
+  };
   console.log(data);
-  IndexPd(data)
-}
-
+  IndexPd(data);
+};
 
 // 搜索框
 const InputSo = val => {
-  TcPdloading.value=true
+  TcPdloading.value = true;
   console.log(val, '搜索框接收的值');
   let data = {};
-  console.log(row.value,'row.value');
+  console.log(row.value, 'row.value');
   data.current = TccurrentPage.value;
   data.size = TcpageSize.value;
   // if (val.prop == 'categoryName') {
@@ -1453,7 +1436,7 @@ const InputSo = val => {
   //       });
   //     }
   //   });
-   
+
   //   return;
   // }
   // if (val.prop == 'materialCode') {
@@ -1482,25 +1465,25 @@ const InputSo = val => {
   // }
 
   // if (val.prop != 'categoryName' || val.prop != 'materialCode') {
-    let dataS = {
-      questNum: UncountedDetails.value.questNum,
-      questId: UncountedDetails.value.id,
-      current: TccurrentPage.value, //页码
-      size: TcpageSize.value, //条数
-      [val.prop]: 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;
+  let dataS = {
+    questNum: UncountedDetails.value.questNum,
+    questId: UncountedDetails.value.id,
+    current: TccurrentPage.value, //页码
+    size: TcpageSize.value, //条数
+    [val.prop]: 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;
+  });
   // }
 };
 // 点击新增按钮
@@ -1508,27 +1491,26 @@ const TcAddData = () => {
   TcDataaddition.value = true; //新增弹窗显示
 };
 // 对比数据导出公共函数
-const DbExTc=(data)=>{
+const DbExTc = data => {
   $_exportGetContrastInfo({
-    id:data.id,
-    questNum:data.questNum
-  }).then(res=>{
-    console.log(res,'导出');
-    downloadXls(res.data,  `${data.questNum}对比明细.xlsx`)
-  })
-}
+    id: data.id,
+    questNum: data.questNum,
+  }).then(res => {
+    console.log(res, '导出');
+    downloadXls(res.data, `${data.questNum}对比明细.xlsx`);
+  });
+};
 // 盘点对比导出
-const ExportDC = (val) => {
+const ExportDC = val => {
   // 触发下载函数
-console.log(val);
-DbExTc(val)
+  console.log(val);
+  DbExTc(val);
 };
 // 对比数据导出
-const MXexport=()=>{
+const MXexport = () => {
   // 触发下载函数
-DbExTc(DbEx.value)
-}
-
+  DbExTc(DbEx.value);
+};
 
 // 新增任务按钮(搜索不到出现此按钮)
 const TcDataadditionsubmit = () => {
@@ -1565,10 +1547,11 @@ const TcDataadditionsubmit = () => {
   Statusjudgment.value = false; //点击确定之后关闭按钮
 };
 
-
 // 盘点任务单选
 const selectChange = (select, val) => {
-  console.log('触发了选择');
+  HomepageDelay.value = val; //首页延期
+  console.log('首页触发了选择');
+  BatchAbandonment.value = select; //批量废弃
   console.log(select, val);
   PdRow.value = select;
 };
@@ -1607,13 +1590,19 @@ const extension = val => {
 // 批量删除盘点任务
 const BatchDelete = () => {};
 
-
 // 延期提交
 const InventoryDate = () => {
+  if (!HomepageDelay.value) {
+    ElMessage({
+      message: '请选择需要延期的数据（单选操作）',
+      type: 'warning',
+    });
+    return;
+  }
   console.log(TcData.value, '延期');
   $_updateDate({
-    id: row.value.id,
-    startTime: row.value.startTime,
+    id: HomepageDelay.value.id,
+    startTime: HomepageDelay.value.startTime,
     endTime: TcData.value,
   }).then(res => {
     dialogTabData.value = false;
@@ -1631,7 +1620,7 @@ const InventoryDate = () => {
 
 // 提交修改
 const InventoryModification = () => {
-  console.log(Tcrow.value,'Tcrow.value');
+  console.log(Tcrow.value, 'Tcrow.value');
   if (!Tcrow.value) {
     ElMessage({
       showClose: true,
@@ -1650,8 +1639,8 @@ const InventoryModification = () => {
       categoryName: item.categoryName,
       questId: item.questId,
       questNum: row.value.questNum,
-      name:item.Input,
-      questStatus: 1
+      name: item.Input,
+      questStatus: 1,
     });
   });
   console.log(data, '要提交的数据');
@@ -1672,7 +1661,7 @@ const comparativeData = val => {
   dialogcontrast.value = true; //显示对比数据表格
   contrastloading.value = true; //开启表格加载
   console.log(val, '对比数据当前行');
-  DbEx.value=val;//存储当前行数据用于导出
+  DbEx.value = val; //存储当前行数据用于导出
   let data = {};
   data.questNum = val.questNum;
   data.questId = val.id;
@@ -1687,7 +1676,7 @@ const searchReset = () => {
   SoInfoData.value = {};
 };
 
-const TcViewEvent = (val,Inso) => {
+const TcViewEvent = (val, Inso) => {
   Statusjudgment.value = false; //关闭新增按钮
   TcPdloading.value = true;
   console.log(val, '要传递的对象');
@@ -1697,7 +1686,7 @@ const TcViewEvent = (val,Inso) => {
     current: TccurrentPage.value, //页码
     size: TcpageSize.value, //条数
     questStatus: 1,
-    ...Inso
+    ...Inso,
   };
   console.log(data, '要提交的数据');
 
@@ -1705,8 +1694,8 @@ const TcViewEvent = (val,Inso) => {
     Tctotal.value = res.data.data.total;
     res.data.data.records.forEach(item => {
       item.Checkbox = true;
-      item.wLinputState=false;
-      item.Input=null
+      item.wLinputState = false;
+      item.Input = null;
     });
     TcPdloading.value = false;
     console.log(res, '明细返回值');
@@ -1715,10 +1704,10 @@ const TcViewEvent = (val,Inso) => {
 };
 // 点击详情按钮
 const ViewEvent = val => {
-  InventoryDetails.value.forEach(item=>{
-    item.values=null
-  })
-  InventoryState.value=false;//修改标题（盘点数据）
+  InventoryDetails.value.forEach(item => {
+    item.values = null;
+  });
+  InventoryState.value = false; //修改标题（盘点数据）
   TccurrentPage.value = 1; //重置页码
   NotCounted.value = false; //关闭未盘点
   row.value = val;
@@ -1733,34 +1722,31 @@ const ViewEvent = val => {
   TcViewEvent(row.value);
 };
 // 废弃按钮
-const Discard=(val)=>{
+const Discard = val => {
   console.log(val);
-  let data=[]
-  data.push(val.id)
- let ids = data.join(',')
-     console.log(data);
-     ElMessageBox.confirm('是否废弃该盘点任务?')
+  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()
-    })
+      $_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) => {
+const NotCountedFn = (row, Inso, type = 0) => {
   TcPdloading.value = true;
   $_getDetailInfo({
     questStatus: type,
@@ -1768,14 +1754,14 @@ const NotCountedFn = (row,Inso,type=0) => {
     questId: row.id,
     current: TccurrentPage.value, //页码
     size: TcpageSize.value, //条数
-    ...Inso
+    ...Inso,
   }).then(res => {
     TcPdloading.value = false;
     console.log(res, '未盘点明细返回值');
     res.data.data.records.forEach(item => {
       item.Checkbox = true;
-      item.wLinputState=false;
-      item.Input=null
+      item.wLinputState = false;
+      item.Input = null;
     });
     TcPD.value = res.data.data.records;
     Tctotal.value = res.data.data.total; //总页码
@@ -1784,31 +1770,23 @@ const NotCountedFn = (row,Inso,type=0) => {
 
 // 未盘点明细
 const DetailsNotCounted = row => {
-  InventoryDetails.value.forEach(item=>{
-    item.values=null
-  })
-  UncountedDetails.value=row;
-  InventoryState.value=true;//修改弹窗标题（未盘点数据），
-  TcFrom.value={};//重置搜索
+  InventoryDetails.value.forEach(item => {
+    item.values = null;
+  });
+  UncountedDetails.value = row;
+  InventoryState.value = true; //修改弹窗标题（未盘点数据），
+  TcFrom.value = {}; //重置搜索
   TccurrentPage.value = 1; //重置页码
   UncheckedRow.value = row; //存储当前点击行的数据
-  console.log(row.value,'存储好的数据');
+  console.log(row.value, '存储好的数据');
   NotCounted.value = true; //展开未盘点
   TcPdloading.value = true;
   PopupDetails.value = true;
   NotCountedFn(row);
   row.value = row;
-  console.log(row.value,'未盘点明细存储值');
+  console.log(row.value, '未盘点明细存储值');
 };
 
-
-
-
-
-
-
-
-
 // 未盘点转已盘点按钮
 const NotInventoried = val => {
   if (!Tcrow.value) {
@@ -1826,7 +1804,7 @@ const NotInventoried = val => {
       id: item.id,
       questStatus: (item.questStatus = 1),
       questId: item.questId,
-      questNum:UncheckedRow.value.questNum,
+      questNum: UncheckedRow.value.questNum,
     });
   });
   console.log(data, '未盘点处理好的值');
@@ -2051,18 +2029,17 @@ const StatusDetermination = () => {
   }
 };
 
-
-const optionss = ref([])
-const list =  ref([])
-const remoteMethod = (query) => {
+const optionss = ref([]);
+const list = ref([]);
+const remoteMethod = query => {
   if (query !== '') {
-      optionss.value = list.value.filter((item) => {
-        return item.label.toLowerCase().includes(query.toLowerCase())
-      })
+    optionss.value = list.value.filter(item => {
+      return item.label.toLowerCase().includes(query.toLowerCase());
+    });
   } else {
-    optionss.value = []
+    optionss.value = [];
   }
-}
+};
 // 多选数据状态处理
 const Tclist = val => {
   console.log(val);
@@ -2080,70 +2057,66 @@ const Tclist = val => {
 };
 // 物料编码
 
-const Wllist =  ref([])
-const WLCode = (query) => {
+const Wllist = ref([]);
+const WLCode = query => {
   if (query !== '') {
-      optionss.value = Wllist.value.filter((item) => {
-        return item.label.toLowerCase().includes(query.toLowerCase())
-      })
+    optionss.value = Wllist.value.filter(item => {
+      return item.label.toLowerCase().includes(query.toLowerCase());
+    });
   } else {
-    optionss.value = []
+    optionss.value = [];
   }
-}
+};
 // 物料列表
-const Wloptions = ref([])
+const Wloptions = ref([]);
 // 物料信息搜索
-const wLcheng=(val,info)=>{
+const wLcheng = (val, info) => {
   console.log(val.undefined);
-  console.log(info,'信息');
+  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{
+    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;
+      info.wLinputState = true;
       // Wloptions.value 下拉选择变量
-      res.data.data.records.forEach(item=>{
-        Wloptions.value.push(
-          {
-            label:item.name,
-            value:item.name 
-          }
-        )
-      })
-
+      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=>{
+    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);
-    }
-  })
 
+    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;
@@ -2178,7 +2151,7 @@ console.log(list.value);
 // 信息编辑弹窗提交
 const InformationEditing = () => {
   TcPdloading.value = true;
-  console.log(WrapBarEditing.value,'WrapBarEditing.value');
+  console.log(WrapBarEditing.value, 'WrapBarEditing.value');
   let data = [
     {
       orderCode: WrapBarEditing.value.orderCode, //订单编号
@@ -2195,11 +2168,11 @@ const InformationEditing = () => {
       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 (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) {
     //为假表示当前走定制品规则
@@ -2254,16 +2227,16 @@ const InformationEditing = () => {
 const TcChenge = (event, val) => {
   console.log(event, val);
   TcPdloading.value = true;
-  console.log(row.value,'必须参数');
-  console.log(row.value.questNum,'questNum');
-  let quest=row.value.questNum
-  let qstId=row.value.id
+  console.log(row.value, '必须参数');
+  console.log(row.value.questNum, 'questNum');
+  let quest = row.value.questNum;
+  let qstId = row.value.id;
   let data = {
     current: TccurrentPage.value, //页码
     size: TcpageSize.value, //条数
     ...TcFrom.value,
-    questNum:quest,
-    questId:qstId,
+    questNum: quest,
+    questId: qstId,
   };
 
   console.log(data, '要提交的数据');
@@ -2272,8 +2245,8 @@ const TcChenge = (event, val) => {
     Tctotal.value = res.data.data.total;
     res.data.data.records.forEach(item => {
       item.Checkbox = true;
-      item.wLinputState=false;
-      item.Input=null
+      item.wLinputState = false;
+      item.Input = null;
     });
     TcPdloading.value = false;
     console.log(res, '明细返回值');
@@ -2286,10 +2259,10 @@ const TcPageSizeChange = val => {
   TcpageSize.value = val;
   if (NotCounted.value) {
     //表示当前是未盘点翻页
-    NotCountedFn(UncheckedRow.value,TcFrom.value);
+    NotCountedFn(UncheckedRow.value, TcFrom.value);
   } else {
     console.log(val);
-    TcViewEvent(row.value,TcFrom.value);
+    TcViewEvent(row.value, TcFrom.value);
   }
 };
 
@@ -2300,10 +2273,10 @@ const TcSizeChange = val => {
   if (NotCounted.value) {
     //表示当前是未盘点翻页
 
-    NotCountedFn(UncheckedRow.value,TcFrom.value);
+    NotCountedFn(UncheckedRow.value, TcFrom.value);
   } else {
     console.log(val);
-    TcViewEvent(row.value,TcFrom.value);
+    TcViewEvent(row.value, TcFrom.value);
   }
 };
 // 弹窗翻页
@@ -2351,7 +2324,8 @@ const Refresh = () => {
 
 // 创建盘点任务
 const InventoryTask = () => {
-  formInventory.value={}
+  formInventory.value = {};
+  formInventory.value.scname = [];
   let select = [];
   InventoryPopup.value = true; //开启创建盘点任务弹窗
   getDictList().then(res => {
@@ -2407,6 +2381,7 @@ const InventorySubmit = () => {
   // 创建提交表单
   let SubData = {};
   SubData.list = [];
+  console.log(formInventory.value.scname, 'formInventory.value.scname.length');
   if (!formInventory.value.scname.length && !formInventory.value.brandName) {
     //
     SubData.list = [];
@@ -2416,7 +2391,7 @@ const InventorySubmit = () => {
     SubData.startTime = formInventory.value.time[0];
     InventoryPopup.value = false; //关闭创建盘点任务弹窗
     loading.value = true; //开启表格加载
-    console.log(SubData,'处理好的数据');
+    console.log(SubData, '处理好的数据');
     postAddtaskQuest(SubData).then(res => {
       onLoad(); //体积之后初始化页面
       if ((res.data.code = 200)) {
@@ -2450,10 +2425,57 @@ const InventorySubmit = () => {
   SubData.startTime = formInventory.value.time[0];
   console.log(SubData, '处理好要提交的数据');
   InventoryPopup.value = false; //关闭创建盘点任务弹窗
-  // postAddtaskQuest(SubData).then(res => {
-  //   console.log(res, '盘点计划提交成功');
-  //   onLoad(); //体积之后初始化页面
-  // });
+  postAddtaskQuest(SubData).then(res => {
+    console.log(res, '盘点计划提交成功');
+    onLoad(); //体积之后初始化页面
+  });
+};
+// 顶部废弃按钮
+const discard = () => {
+  if (!BatchAbandonment.value.length) {
+    ElMessage({
+      message: '请选择废弃盘点任务(可批量)',
+      type: 'warning',
+    });
+    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) {
+          ElMessage({
+            message: '删除成功.',
+            type: 'success',
+          });
+        }
+        IndexPd();
+      });
+    })
+    .catch(() => {
+      // catch error
+    });
+};
+
+// 顶部延期（延期只能单个延期）
+const DelayButton = () => {
+  if (!HomepageDelay.value) {
+    ElMessage({
+      message: '请选择需要延期的数据（单选操作）',
+      type: 'warning',
+    });
+    return;
+  }
+  console.log('延期');
+  dialogTabData.value = true;
 };
 </script>
 
@@ -2497,8 +2519,6 @@ const InventorySubmit = () => {
   padding: 0 10px;
 }
 
-
-
 .demo-pagination-block {
   flex: 1;
   display: flex;
@@ -2536,7 +2556,6 @@ const InventorySubmit = () => {
   display: flex;
   justify-content: flex-end;
   margin-top: 80px;
- 
 }
 
 .Tcstate {
@@ -2581,42 +2600,53 @@ const InventorySubmit = () => {
   justify-content: flex-end;
   margin-bottom: 10px;
 }
-.el-exDc{
+.el-exDc {
   margin-left: 20px;
   color: #10d070;
   cursor: pointer;
 }
-:deep(.el-dialog){
+:deep(.el-dialog) {
   display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    .el-dialog__footer{
-      flex: 1;
-    }
-    .dialog-footer{
+  flex-direction: column;
+  justify-content: flex-start;
+  .el-dialog__footer {
+    flex: 1;
+  }
+  .dialog-footer {
     display: flex;
     align-items: flex-end;
   }
 }
-.fullScreen{
+.fullScreen {
   display: flex;
-    margin-left: auto;
-    align-items: center;
-    justify-content: center;
-    i{
-      width: 20px;
+  margin-left: auto;
+  align-items: center;
+  justify-content: center;
+  i {
+    width: 20px;
     height: 20px;
-    svg{
+    svg {
       height: 100%;
-    width: 100%;
-    }
+      width: 100%;
     }
+  }
 }
-:deep(.el-input__wrapper){
+:deep(.el-input__wrapper) {
   height: 30px;
-
 }
-:deep(.el-input__inner){
+:deep(.el-input__inner) {
   height: 100% !important;
 }
+.pdsj {
+  :deep(.el-input__wrapper) {
+    height: 30px !important;
+  }
+}
+.ElBtnClass {
+  .el-button {
+    padding: 0;
+    border: none;
+    background-color: transparent;
+  }
+}
 </style>