From 227e78e368a52bc87869f6361c8c65b9adf3ed4d Mon Sep 17 00:00:00 2001
From: ruanqi <qi.ruan@xujiesoft.com>
Date: Fri, 14 Feb 2025 11:54:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E5=93=81=E5=A4=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ecss/ecss.js                          |    5 +
 src/views/modules/ecss/codelnotify.vue        |  106 +-
 src/views/modules/ecss/codelnotifyConfirm.vue | 1042 +++++++++++++++++
 3 files changed, 1142 insertions(+), 11 deletions(-)
 create mode 100644 src/views/modules/ecss/codelnotifyConfirm.vue

diff --git a/src/api/ecss/ecss.js b/src/api/ecss/ecss.js
index 7267c12..1f05c86 100644
--- a/src/api/ecss/ecss.js
+++ b/src/api/ecss/ecss.js
@@ -15,3 +15,8 @@ export const changeEcssDelStatus = data => createAPI(`/ecss/coDel/changeEcssDelS
 
 
 export const updateEcssDelDetail= data => createAPI(`/ecss/coDel/updateEcssDelDetail`,'post',data)
+export const deleteEcssDelDetail= data => createAPI(`/ecss/coDel/deleteEcssDelDetail`,'post',data)
+
+
+export const confirmEcssDel= data => createAPI(`/ecss/coDel/confirmEcssDel`,'post',data)
+export const cancerConfirmEcssDel= data => createAPI(`/ecss/coDel/cancerConfirmEcssDel`,'post',data)
diff --git a/src/views/modules/ecss/codelnotify.vue b/src/views/modules/ecss/codelnotify.vue
index 0d546b2..7dc6a37 100644
--- a/src/views/modules/ecss/codelnotify.vue
+++ b/src/views/modules/ecss/codelnotify.vue
@@ -1,8 +1,55 @@
 <template>
   <div class="mod-config">
-    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;">
-      <el-button @click="searchTable()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'查询'}}</el-button>
-      <el-button @click="importModel()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'导入'}}</el-button>
+    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
+      <el-form-item :label="'BU:'">
+        <el-select v-model="searchData.buNo" placeholder="请选择"  >
+          <el-option label="全部" value=""></el-option>
+        <el-option
+          v-for = "i in buList"
+          :key = "i.buNo"
+          :label = "i.buDesc"
+          :value = "i.buNo">
+        </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="'发货通知单:'">
+        <el-input v-model="searchData.delNo"  style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'CMC Invoice:'">
+        <el-input v-model="searchData.cmcInvoice"  style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'通知单状态:'">
+        <el-select filterable v-model="searchData.notifyStatus" style="width: 120px">
+          <el-option label="全部" value=""></el-option>
+          <el-option label="已计划" value="已计划"></el-option>
+          <el-option label="已下达" value="已下达"></el-option>
+          <el-option label="仓库已确认" value="仓库已确认"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="'ReadyDate'" >
+        <el-date-picker
+          style="width: 120px"
+          v-model="searchData.startDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="'to'" >
+        <el-date-picker
+          style="width: 120px"
+          v-model="searchData.endDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="' '" >
+        <el-button @click="searchTable()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'查询'}}</el-button>
+        <el-button @click="importModel()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'导入'}}</el-button>
+      </el-form-item>
     </el-form>
 
     <el-table
@@ -83,7 +130,7 @@
             label="操作">
             <template slot-scope="scope">
               <a  v-if="currentRow.notifyStatus==='已计划'" type="text" size="small" @click="openUpdateDetailModel(scope.row)">修改</a>
-              <a v-if="currentRow.notifyStatus==='已计划'" type="text" size="small" @click="deleteNotifySOS(scope.row)">删除</a>
+              <a v-if="currentRow.notifyStatus==='已计划'" type="text" size="small" @click="deleteDelDetail(scope.row)">删除</a>
             </template>
           </el-table-column>
         </el-table>
@@ -305,7 +352,9 @@
     deleteEcssDelHeader,
     changeEcssDelStatus,
     updateEcssDelDetail,
+    deleteEcssDelDetail,
   }from "@/api/ecss/ecss.js"
+  import {getAllBuList}from  '@/api/factory/site.js'
   export default {
     name: "null",
     components:{
@@ -317,14 +366,20 @@
         pageSize: 100,
         totalPage: 0,
         height: 200,
+        buList:[],
         dataList:[],
         dataList2:[],
         dataListLoading: false,
         searchData: {
           page: 1,
           limit: 100,
-          site:this.$store.state.user.site,
-
+          buNo:'',
+          delNo:'',
+          cmcInvoice:'',
+          notifyStatus:'',
+          startDate:'',
+          endDate:'',
+          username:this.$store.state.user.name,
         },
         buttons:{
           search:'查询',
@@ -1130,7 +1185,7 @@
         this.refreshCurrentTabTable()
       },
       updateHeaderModelDo(row){
-        this.updateHeaderModel=row
+        this.updateHeaderModel=JSON.parse(JSON.stringify(row));
         this.updateHeaderModelFlag=true
       },
       doUpdateHeader(){
@@ -1245,7 +1300,7 @@
         }
         updateEcssDelDetail(this.updateDetailModel).then(({data}) => {
           if (data && data.code === 0) {
-            this.searchTable()
+            this.refreshCurrentTabTable()
             this.updateDetailModelFlag=false
             this.$message({
               message: '操作成功',
@@ -1261,12 +1316,41 @@
         })
       },
       openUpdateDetailModel(row){
-        this.updateDetailModel=row
+        this.updateDetailModel=JSON.parse(JSON.stringify(row));
         this.updateDetailModelFlag=true
-      }
+      },
+      deleteDelDetail(row){
+        this.$confirm('确认删除此明细？', '提示').then(() => {
+          deleteEcssDelDetail(row).then(({data}) => {
+            if (data && data.code === 0) {
+              this.refreshCurrentTabTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      getBu () {
+        let tempData = {
+          username: this.$store.state.user.name,
+        }
+        getAllBuList(tempData).then(({data}) => {
+          if (data.code === 0) {
+            this.buList = data.rows
+          }
+        })
+      },
     },
     created() {
-
+        this.getBu ()
     }
   }
 </script>
diff --git a/src/views/modules/ecss/codelnotifyConfirm.vue b/src/views/modules/ecss/codelnotifyConfirm.vue
new file mode 100644
index 0000000..b85ef7b
--- /dev/null
+++ b/src/views/modules/ecss/codelnotifyConfirm.vue
@@ -0,0 +1,1042 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
+      <el-form-item :label="'BU:'">
+        <el-select v-model="searchData.buNo" placeholder="请选择"  >
+          <el-option label="全部" value=""></el-option>
+          <el-option
+            v-for = "i in buList"
+            :key = "i.buNo"
+            :label = "i.buDesc"
+            :value = "i.buNo">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="'发货通知单:'">
+        <el-input v-model="searchData.delNo"  style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'CMC Invoice:'">
+        <el-input v-model="searchData.cmcInvoice"  style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'通知单状态:'">
+        <el-select filterable v-model="searchData.notifyStatus" style="width: 120px">
+          <el-option label="全部" value=""></el-option>
+          <el-option label="已下达" value="已下达"></el-option>
+          <el-option label="仓库已确认" value="仓库已确认"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="'ReadyDate'" >
+        <el-date-picker
+          style="width: 120px"
+          v-model="searchData.startDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="'to'" >
+        <el-date-picker
+          style="width: 120px"
+          v-model="searchData.endDate"
+          type="date"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          placeholder="选择日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="' '" >
+        <el-button @click="searchTable()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'查询'}}</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      @row-click="changeData"
+      highlight-current-row
+      :height="height"
+      :data="dataList"
+      ref="mainTable"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%;">
+      <el-table-column
+        header-align="center"
+        align="center"
+        width="150"
+        fixed="left"
+        label="操作">
+        <template slot-scope="scope">
+
+          <a type="text" size="small" v-if="scope.row.notifyStatus==='已下达'" @click="confirmModelOpen(scope.row)">仓库确认</a>
+          <a type="text" size="small" v-if="scope.row.notifyStatus==='仓库已确认'" @click="cancerConfirm(scope.row)">取消确认</a>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item,index) in columnList1" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        :header-align="item.headerAlign"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
+          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                             style="width: 100px; height: 80px"/></span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 1000]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+    <el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName"   type="border-card" @tab-click="tabClick" >
+      <el-tab-pane label="明细" name="detail">
+        <el-table
+          :height="height"
+          :data="dataList2"
+          border
+          style="width: 100%;">
+          <el-table-column
+            v-for="(item,index) in columnList2" :key="index"
+            :sortable="item.columnSortable"
+            :prop="item.columnProp"
+            :header-align="item.headerAlign"
+            :show-overflow-tooltip="item.showOverflowTooltip"
+            :align="item.align"
+            :fixed="item.fixed==''?false:item.fixed"
+            :min-width="item.columnWidth"
+            :label="item.columnLabel">
+            <template slot-scope="scope">
+              <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+              <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
+            </template>
+          </el-table-column>
+<!--          <el-table-column-->
+<!--            fixed="left"-->
+<!--            header-align="center"-->
+<!--            align="center"-->
+<!--            width="100"-->
+<!--            label="操作">-->
+<!--            <template slot-scope="scope">-->
+<!--              <a  v-if="currentRow.notifyStatus==='已计划'" type="text" size="small" @click="openUpdateDetailModel(scope.row)">修改</a>-->
+<!--              <a v-if="currentRow.notifyStatus==='已计划'" type="text" size="small" @click="deleteDelDetail(scope.row)">删除</a>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+        </el-table>
+      </el-tab-pane>
+
+    </el-tabs>
+
+    <el-dialog title="仓库确认" :close-on-click-modal="false" v-drag :visible.sync="confirmModelFlag" width="400px">
+      <el-form  label-position="top"  style="margin-left: 7px;margin-top: -5px;">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="'CMC Invoice'" >
+              <el-input v-model="confirmModel.cmcInvoice" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'ReadyDate'" >
+              <el-input v-model="confirmModel.readyDate" disabled ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="'预计发货日期'" >
+              <el-date-picker
+                style="width: 100%"
+                v-model="confirmModel.notifyDate"
+                type="date"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+                placeholder="选择日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button type="primary" @click="confirmDo()">保存</el-button>
+        <el-button type="primary" @click="confirmModelFlag=false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+  import {} from "@/api/sysLanguage.js"
+  import {
+    searchEcssCoDelNotifyHeader,
+    searchEcssCoDelNotifyDetail,
+    confirmEcssDel,
+    cancerConfirmEcssDel,
+  }from "@/api/ecss/ecss.js"
+  import {getAllBuList}from  '@/api/factory/site.js'
+  export default {
+    name: "null",
+    components:{
+
+    },
+    data() {
+      return {
+        pageIndex: 1,
+        pageSize: 100,
+        totalPage: 0,
+        height: 200,
+        buList:[],
+        dataList:[],
+        dataList2:[],
+        dataListLoading: false,
+        searchData: {
+          page: 1,
+          limit: 100,
+          buNo:'',
+          delNo:'',
+          cmcInvoice:'',
+          notifyStatus:'',
+          startDate:'',
+          endDate:'',
+          username:this.$store.state.user.name,
+        },
+        buttons:{
+          search:'查询',
+        },
+        confirmModelFlag:false,
+        confirmModel:{
+          site:'',
+          buDesc:'',
+          cmcInvoice:'',
+          delNo:'',
+          readyDate:'',
+          shippingMode:'',
+          destination:'',
+          notifyDate:'',
+          remark:'',
+        },
+
+        activeName:'detail',
+        columnList1: [
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1BuDesc',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "buDesc",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "BU",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CmcInvoice',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "cmcInvoice",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "CMC Invoice",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1DelNo',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "delNo",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "发货通知单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 110
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1ReadyDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "readyDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "ReadyDate",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CustomerName',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "customerName",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "客户名称",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 120
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1ShippingMode',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "shippingMode",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "ShippingMode",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1Destination',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "destination",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Destination",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1NotifyStatus',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "notifyStatus",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "通知单状态",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1NotifyDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "notifyDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "发货日期",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 120
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1ErpDelNo',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "erpDelNo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "ERP发货单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CreateBy',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "createBy",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "创建人",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1CreateDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "createDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "创建时间",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 130
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1UpdateBy',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "updateBy",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "修改人",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1UpdateDate',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "updateDate",
+            headerAlign: "center",
+            align: "center",
+            columnLabel: "修改时间",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 130
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table1Remark',
+            tableId: "801001Table1",
+            tableName: "关务系统发货通知单",
+            columnProp: "remark",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Remark",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 300
+          },
+        ],
+        columnList2: [
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2ItemNo',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "itemNo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "行号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2PartNo',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "partNo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "PN",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2PartDescription',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "partDescription",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Description",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Qty',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "qty",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "Qty (pcs)",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2SalesOrder',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "salesOrder",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "销售订单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2CustomerPO',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "customerPO",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "客户采购单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Version',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "version",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Version",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Status',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "status",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Status",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Family',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "family",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Family",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Lt',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "lt",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "LT (wks)",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2CmcComment',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "cmcComment",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "CMC Comment",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2SaleType',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "saleType",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "内外销方式",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2AwbBl',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "awbBl",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "AWB/ BL#",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2ShippingNumber',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "shippingNumber",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "ShippingNumber",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2ForwarderInfo',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "forwarderInfo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Forwarder Info",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Currency',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "currency",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Currency",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Tp',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "tp",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "TP",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2TtlAmount',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "ttlAmount",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "TTL Amount",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2SumPrice',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "sumPrice",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "价税合计",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2So',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "so",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "SO",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Upc',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "upc",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "UPC",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          // {
+          //   userId: this.$store.state.user.name,
+          //   functionId: 801001,
+          //   serialNumber: '801001Table2ErpDelItemNo',
+          //   tableId: "801001Table2",
+          //   tableName: "关务系统发货通知单明细",
+          //   columnProp: "erpDelItemNo",
+          //   headerAlign: "center",
+          //   align: "right",
+          //   columnLabel: "ERP发货单行号",
+          //   columnHidden: false,
+          //   columnImage: false,
+          //   columnSortable: false,
+          //   sortLv: 0,
+          //   status: true,
+          //   fixed: '',
+          //   columnWidth: 60
+          // },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801001,
+            serialNumber: '801001Table2Remark',
+            tableId: "801001Table2",
+            tableName: "关务系统发货通知单明细",
+            columnProp: "remark",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "Remark",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 300
+          },
+        ],
+        currentRow:{},
+      }
+    },
+    mounted() {
+      this.$nextTick(() => {
+        this.height = (window.innerHeight - 240)/2;
+      })
+    },
+    methods: {
+      // 每页数
+      sizeChangeHandle (val) {
+        this.pageSize = val
+        this.pageIndex = 1
+        this.searchTable()
+      },
+      // 当前页
+      currentChangeHandle (val) {
+        this.pageIndex = val
+        this.searchTable()
+      },
+      searchTable(){
+        this.searchData.limit = this.pageSize
+        this.searchData.page = this.pageIndex
+        searchEcssCoDelNotifyHeader(this.searchData).then(({data}) => {
+          //区分请求成功和失败的状况
+          if (data && data.code == 0) {
+            this.dataList = data.page.list
+            this.pageIndex = data.page.currPage
+            this.pageSize = data.page.pageSize
+            this.totalPage = data.page.totalCount
+            if(this.dataList.length>0){
+              this.$refs.mainTable.setCurrentRow(this.dataList[0]);
+              this.changeData(this.dataList[0])
+            }else {
+              this.changeData(null)
+            }
+          } else {
+            this.dataList = [];
+          }
+        });
+      },
+      changeData(row){
+        this.currentRow = JSON.parse(JSON.stringify(row));
+        this.headerData=row;
+        this.refreshCurrentTabTable ();
+      },
+      refreshCurrentTabTable(){
+        if(this.currentRow===''||this.currentRow===null){
+          this.currentRow={site:'',delNo:''}
+        }
+        if(this.activeName==='detail'){
+          searchEcssCoDelNotifyDetail(this.currentRow).then(({data}) => {
+            //区分请求成功和失败的状况
+            if (data && data.code == 0) {
+              this.dataList2 = data.rows
+
+            } else {
+              this.dataList2 = [];
+            }
+          });
+        }
+      },
+      tabClick (tab, event) {
+        // 刷新列表数据
+        this.refreshCurrentTabTable()
+      },
+
+      confirmDo(){
+        confirmEcssDel(this.confirmModel).then(({data}) => {
+            if (data && data.code === 0) {
+              this.searchTable()
+              this.confirmModelFlag=false
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+      },
+      cancerConfirm(row){
+        this.$confirm('取消确认这条发货通知单？', '提示').then(() => {
+          cancerConfirmEcssDel(row).then(({data}) => {
+            if (data && data.code === 0) {
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        })
+      },
+      getBu () {
+        let tempData = {
+          username: this.$store.state.user.name,
+        }
+        getAllBuList(tempData).then(({data}) => {
+          if (data.code === 0) {
+            this.buList = data.rows
+          }
+        })
+      },
+      confirmModelOpen(row){
+        this.confirmModel=JSON.parse(JSON.stringify(row));
+        this.confirmModelFlag=true
+      },
+    },
+    created() {
+      this.getBu ()
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>