From 044a502105fab0ccf83c1d2d42eea67e0890a479 Mon Sep 17 00:00:00 2001
From: ruanqi <qi.ruan@xujiesoft.com>
Date: Tue, 4 Mar 2025 17:23:15 +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                   |    3 +
 src/views/modules/ecss/declaration.vue | 1150 ++++++++++++++++++++++++
 src/views/modules/ecss/hsCode.vue      |   26 +-
 3 files changed, 1177 insertions(+), 2 deletions(-)
 create mode 100644 src/views/modules/ecss/declaration.vue

diff --git a/src/api/ecss/ecss.js b/src/api/ecss/ecss.js
index a755eb6..4efce24 100644
--- a/src/api/ecss/ecss.js
+++ b/src/api/ecss/ecss.js
@@ -55,3 +55,6 @@ export const getDeclarationDefaultData= data => createAPI(`/ecss/coDel/getDeclar
 export const partInformationHsCode= data => createAPI(`/ecss/coDel/partInformationHsCode`,'post',data)
 export const savePartHSCode= data => createAPI(`/ecss/coDel/savePartHSCode`,'post',data)
 export const saveDeclaration= data => createAPI(`/ecss/coDel/saveDeclaration`,'post',data)
+export const searchDeclarationHeader= data => createAPI(`/ecss/coDel/searchDeclarationHeader`,'post',data)
+export const searchDeclarationDetail= data => createAPI(`/ecss/coDel/searchDeclarationDetail`,'post',data)
+export const deleteDeclaration= data => createAPI(`/ecss/coDel/deleteDeclaration`,'post',data)
diff --git a/src/views/modules/ecss/declaration.vue b/src/views/modules/ecss/declaration.vue
new file mode 100644
index 0000000..019b0bf
--- /dev/null
+++ b/src/views/modules/ecss/declaration.vue
@@ -0,0 +1,1150 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;">
+      <el-form-item :label="'工厂编码:'">
+        <el-input v-model="searchData.site"  style="width: 120px"></el-input>
+      </el-form-item>
+      <el-form-item :label="'报关单号:'">
+        <el-input v-model="searchData.declarationNo"  style="width: 120px"></el-input>
+      </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-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">{{'查询'}}</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"
+        label="操作">
+        <template slot-scope="scope">
+          <a type="text" size="small" @click="deleteBG(scope.row)">删除报关单</a>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item,index) in columnList" :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>
+
+  </div>
+</template>
+
+<script>
+
+  import {} from "@/api/sysLanguage.js"
+  import {
+    searchDeclarationHeader,
+    searchDeclarationDetail,
+    deleteDeclaration,
+  }from "@/api/ecss/ecss.js"
+  import {EventBus} from "../../../main";
+  export default {
+    name: "declaration",
+    components:{
+
+    },
+    data() {
+      return {
+        pageIndex: 1,
+        pageSize: 100,
+        totalPage: 0,
+        height: 200,
+        dataList:[],
+        dataList2:[],
+        dataListLoading: false,
+        searchData: {
+          page: 1,
+          limit: 100,
+          site:"",
+          declarationNo:'',
+          delNo:'',
+          cmcInvoice:'',
+          startDate:'',
+          endDate:'',
+        },
+        buttons:{
+          search:'查询',
+        },
+        activeName:'detail',
+        columnList: [
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1Site',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "site",
+            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: 801006,
+            serialNumber: '801006Table1DeclarationNo',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "declarationNo",
+            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: 801006,
+            serialNumber: '801006Table1CustomsOfficeCode',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "customsOfficeCode",
+            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: 801006,
+            serialNumber: '801006Table1InputCode',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "inputCode",
+            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: 801006,
+            serialNumber: '801006Table2Levy',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "levy",
+            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: 801006,
+            serialNumber: '801006Table1LocalShipper',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "localShipper",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "境内发货人",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 130
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1LocalShipAddress',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "localShipAddress",
+            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: 801006,
+            serialNumber: '801006Table1ShipType',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "shipType",
+            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: 801006,
+            serialNumber: '801006Table1ShipDate',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "shipDate",
+            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: 801006,
+            serialNumber: '801006Table1SubmitDate',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "submitDate",
+            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: 801006,
+            serialNumber: '801006Table1FilingNo',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "filingNo",
+            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: 801006,
+            serialNumber: '801006Table1OverseasShipper',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "overseasShipper",
+            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: 801006,
+            serialNumber: '801006Table1ShippingMode',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "shippingMode",
+            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: 801006,
+            serialNumber: '801006Table1ShippingData',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "shippingData",
+            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: 801006,
+            serialNumber: '801006Table1DeliverNo',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "deliverNo",
+            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: 801006,
+            serialNumber: '801006Table1SalesPartner',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "salesPartner",
+            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: 801006,
+            serialNumber: '801006Table1RegulatoryMethod',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "regulatoryMethod",
+            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: 801006,
+            serialNumber: '801006Table1DutyStatus',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "dutyStatus",
+            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: 801006,
+            serialNumber: '801006Table1PermitNumber',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "permitNumber",
+            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: 801006,
+            serialNumber: '801006Table1CmcInvoice',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "cmcInvoice",
+            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: 801006,
+            serialNumber: '801006Table1SalesArea',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "salesArea",
+            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: 801006,
+            serialNumber: '801006Table1ReceiveArea',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "receiveArea",
+            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: 801006,
+            serialNumber: '801006Table1ShippingPort',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "shippingPort",
+            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: 801006,
+            serialNumber: '801006Table1ExitPort',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "exitPort",
+            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: 801006,
+            serialNumber: '801006Table1Documents',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "documents",
+            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: 801006,
+            serialNumber: '801006Table1Remark',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "remark",
+            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: 801006,
+            serialNumber: '801006Table1PackageType',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "packageType",
+            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: 801006,
+            serialNumber: '801006Table1PackageQty',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "packageQty",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "件数",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1GrossWeight',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "grossWeight",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "毛重（KG）",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1NetWeight',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "netWeight",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "毛重（KG）",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1PaymentType',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "paymentType",
+            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: 801006,
+            serialNumber: '801006Table1ShipPrice',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "shipPrice",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "运费",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1Premium',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "premium",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "保费",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1OtherPrice',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "otherPrice",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "杂费",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1SpecialRelationshipComfirm',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "specialRelationshipComfirm",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "特殊关系确认",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1PriceInfluenceConfirm',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "priceInfluenceConfirm",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "价格影响确认",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1RoyaltyPaymentsConfirm',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "royaltyPaymentsConfirm",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "支付特许使用费确认",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table1DelNo',
+            tableId: "801006Table1",
+            tableName: "报关单主记录",
+            columnProp: "delNo",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "发货通知单号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+        ],
+        columnList2: [
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2ItemNo',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "itemNo",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "序号",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 50
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2HsCode',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "hsCode",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "HS Code",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 100
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2HsCodeDesc',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "hsCodeDesc",
+            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: 801006,
+            serialNumber: '801006Table2Qty',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "qty",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "数量",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2NetWeight',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "netWeight",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "数量",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2UnitPrice',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "unitPrice",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "单价",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2TotalPrice',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "totalPrice",
+            headerAlign: "center",
+            align: "right",
+            columnLabel: "总价",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2Currency',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "currency",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "币制",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 60
+          },
+          {
+            userId: this.$store.state.user.name,
+            functionId: 801006,
+            serialNumber: '801006Table2MadeArea',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "madeArea",
+            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: 801006,
+            serialNumber: '801006Table2Destination',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "destination",
+            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: 801006,
+            serialNumber: '801006Table2SourceArea',
+            tableId: "801006Table2",
+            tableName: "报关单子记录",
+            columnProp: "sourceArea",
+            headerAlign: "center",
+            align: "left",
+            columnLabel: "境内货源地",
+            columnHidden: false,
+            columnImage: false,
+            columnSortable: false,
+            sortLv: 0,
+            status: true,
+            fixed: '',
+            columnWidth: 80
+          },
+        ],
+      }
+    },
+    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()
+      },
+      changeData(row){
+        this.currentRow = JSON.parse(JSON.stringify(row));
+        this.refreshCurrentTabTable ();
+      },
+      searchTable(){
+        this.searchData.limit = this.pageSize
+        this.searchData.page = this.pageIndex
+        searchDeclarationHeader(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 = [];
+          }
+        });
+      },
+      tabClick (tab, event) {
+        // 刷新列表数据
+        this.refreshCurrentTabTable()
+      },
+      refreshCurrentTabTable(){
+        if(this.currentRow===''||this.currentRow===null){
+          this.currentRow={site:'',declarationNo:''}
+        }
+        if(this.activeName==='detail'){
+          searchDeclarationDetail(this.currentRow).then(({data}) => {
+            //区分请求成功和失败的状况
+            if (data && data.code == 0) {
+              this.dataList2 = data.rows
+
+            } else {
+              this.dataList2 = [];
+            }
+          });
+        }
+
+      },
+      deleteBG(row){
+        this.$confirm('是否删除此条数据?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          deleteDeclaration(row).then(({data}) => {
+            if (data && data.code === 0) {
+              this.searchTable()
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {}
+              })
+            } else {
+              this.$alert(data.msg, '错误', {
+                confirmButtonText: '确定'
+              })
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+      },
+    },
+    created() {
+
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/modules/ecss/hsCode.vue b/src/views/modules/ecss/hsCode.vue
index 1802051..4e575e7 100644
--- a/src/views/modules/ecss/hsCode.vue
+++ b/src/views/modules/ecss/hsCode.vue
@@ -95,7 +95,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item :label="'属性模板'" >
+            <el-form-item  >
+              <span slot="label" @click="getBaseList(33)"><a herf="#">属性模板</a></span>
               <el-input v-model="addModel.codeNo"  ></el-input>
             </el-form-item>
           </el-col>
@@ -114,11 +115,13 @@
       </el-footer>
     </el-dialog>
 
-
+    <!--列表的组件-->
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
   </div>
 </template>
 
 <script>
+  import Chooselist from '@/views/modules/common/Chooselist_eam'
   import orderAttribute from "./orderProperties"
   import {} from "@/api/sysLanguage.js"
   import {
@@ -131,6 +134,7 @@
     name: "null",
     components:{
       orderAttribute,
+      Chooselist,
     },
     data() {
       return {
@@ -319,6 +323,24 @@
       })
     },
     methods: {
+      // 获取基础数据列表S
+      getBaseList(val, type) {
+        this.tagNo = val
+        this.$nextTick(() => {
+          let strVal = ''
+          if (val === 33) {
+            strVal = this.addModel.codeNo
+          }
+          this.$refs.baseList.init(val, strVal)
+        })
+      },
+
+      /* 列表方法的回调 */
+      getBaseData(val) {
+        if (this.tagNo === 33) {
+          this.addModel.codeNo = val.Code_No
+        }
+      },
       // 每页数
       sizeChangeHandle (val) {
         this.pageSize = val