Browse Source

一键导出

java8
han\hanst 8 months ago
parent
commit
11cae868ac
  1. 2
      src/api/ecss/ecss.js
  2. 40
      src/views/modules/ecss/codelnotify.vue
  3. 5
      src/views/modules/ecss/codelnotifyConfirm.vue
  4. 10
      src/views/modules/ecss/createDeclaration.vue
  5. 451
      src/views/modules/ecss/declaration.vue
  6. 216
      src/views/modules/ecss/ecssTemplate.vue
  7. 32
      src/views/modules/ecss/hsCode.vue

2
src/api/ecss/ecss.js

@ -105,4 +105,6 @@ export const getPropertiesListByDeclaration = data => createAPI(`/ecss/coDel/get
export const queryPartListAll = data => createAPI(`/ecss/coDel/queryPartListAll`,'post',data)
export const searchCustomList = (data) => createAPI(`/select/ecssMapper/getCustomerList/list`,'post',data)

40
src/views/modules/ecss/codelnotify.vue

@ -119,10 +119,10 @@
</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
<el-table ref="detailTable"
:height="height"
:data="dataList2"
border
border show-summary :summary-method="getSummaries"
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList2" :key="index"
@ -1620,7 +1620,10 @@
//
if (data && data.code == 0) {
this.dataList2 = data.rows
this.dataList2.forEach(o => {
o.ttlAmount = o.ttlAmount.toFixed(2);
o.sumPrice = o.sumPrice.toFixed(2);
});
} else {
this.dataList2 = [];
}
@ -1907,6 +1910,36 @@
return s
},
getSummaries(param) {
const { columns } = param;
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '合计';
return;
}
const values = this.dataList2.map(item => Number(item[column.property]));
if (!values.every(value => isNaN(value))) {
switch(column.property) {
case 'qty':
sums[index] = `${values.reduce((a, b) => a + b, 0)}`;
break;
case 'ttlAmount':
sums[index] = `${values.reduce((a, b) => a + b, 0)}`;
break;
case 'sumPrice':
sums[index] = `${values.reduce((a, b) => a + b, 0)}`;
break;
default:
sums[index] = '';
}
} else {
sums[index] = '';
}
});
this.$nextTick(() => this.$refs.detailTable.doLayout());// ,
return sums;
}
},
created() {
this.getBu ()
@ -1916,4 +1949,5 @@
<style scoped>
</style>

5
src/views/modules/ecss/codelnotifyConfirm.vue

@ -1997,7 +1997,10 @@
//
if (data && data.code == 0) {
this.dataList2 = data.rows
this.dataList2.forEach(o => {
o.ttlAmount = o.ttlAmount.toFixed(2);
o.sumPrice = o.sumPrice.toFixed(2);
});
} else {
this.dataList2 = [];
}

10
src/views/modules/ecss/createDeclaration.vue

@ -417,6 +417,9 @@
align="right"
label="总价"
min-width="60">
<template slot-scope="scope">
<span >{{scope.row.totalPrice.toFixed(2)}}</span>
</template>
</el-table-column>
<el-table-column
prop="currency"
@ -1570,7 +1573,10 @@
//
if (data && data.code == 0) {
this.dataList2 = data.rows
this.dataList2.forEach(o => {
o.ttlAmount = o.ttlAmount.toFixed(2);
o.sumPrice = o.sumPrice.toFixed(2);
});
} else {
this.dataList2 = [];
}
@ -1633,6 +1639,8 @@
},
setDestination(){
this.detailList.forEach(o => o.destination=this.customerMap.get(this.declarationData.overseasShipper))
this.declarationData.receiveArea=this.customerMap.get(this.declarationData.overseasShipper)
this.declarationData.salesArea=this.customerMap.get(this.declarationData.overseasShipper)
},
saveDeclaration(){
if(this.detailList==null|| this.detailList.length<1){

451
src/views/modules/ecss/declaration.vue

@ -51,8 +51,11 @@
<el-form-item label=" ">
<el-button @click="exportGoodsList()" type="primary" style="margin-left: 2px">{{'导出出口货物委托书'}}</el-button>
</el-form-item>
<el-form-item label=" ">
<!-- <el-form-item label=" ">
<el-button @click="exportContract()" type="primary" style="margin-left: 2px">{{'导出合同'}}</el-button>
</el-form-item>-->
<el-form-item label=" ">
<el-button @click="exportAllOpen()" type="primary" style="margin-left: 2px">{{'一键导出'}}</el-button>
</el-form-item>
</el-form>
@ -126,6 +129,215 @@
</el-table>
</el-tab-pane>
</el-tabs>
<el-dialog title="一键导出" :close-on-click-modal="false" v-drag :visible.sync="exportAllFlag" :width="'740px'">
<el-form label-position="top" style="margin-left: 7px;margin-top: 10px;margin-bottom: 20px">
<el-row :gutter="20">
<div class="custom-divider"><span class="text" style="left: 22%">报关要素</span></div>
<!-- 报关要素-->
<el-col :span="8">
<el-form-item :label="'品牌'" >
<el-radio v-model="brandType" label="境外品牌(其他)">境外品牌其他</el-radio>
<el-radio v-model="brandType" label="无品牌">无品牌</el-radio>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'品名类型'" >
<el-radio v-model="hsCodeDescType" label="Y">中文</el-radio>
<el-radio style="margin-left: 50px;" v-model="hsCodeDescType" label="N">英文</el-radio>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<div class="custom-divider"><span class="text">发票</span></div>
<!-- 发票-->
<el-col :span="8" >
<el-form-item :label="''" >
<el-checkbox v-model="exportInvoice.hsCodeDesc">品名</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8" >
<el-form-item :label="''" >
<el-checkbox v-model="exportInvoice.contractFlag">合同</el-checkbox>
</el-form-item>
</el-col>
<!-- 箱单-->
</el-row>
<el-row :gutter="20">
<div class="custom-divider"><span class="text">箱单</span></div>
<el-col :span="8" >
<el-form-item :label="''" >
<el-checkbox v-model="exportPaking.goodsLabel">货物明细</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8" v-show="currentRow.buNo==='03-RFID'">
<el-form-item :label="''" >
<el-checkbox v-model="exportPaking.upc">UPC</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8" v-show="currentRow.buNo==='03-RFID'">
<el-form-item :label="''" >
<el-checkbox v-model="exportPaking.so">SO</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'序号类型'" >
<el-radio v-model="exportPaking.itemNo" label="Y">序号</el-radio>
<el-radio v-model="exportPaking.itemNo" label="N">栈板号</el-radio>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'Shipping Mark'" >
<el-input v-model="exportPaking.shippingMark"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
<el-form-item :label="'栈板重量参数'" >
<el-input v-model="exportPaking.palletWeight"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'RFID Base Material'" >
<el-checkbox v-model="exportPaking.material"></el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'HS Code'" >
<el-input :disabled="!exportPaking.material" v-model="exportPaking.hsCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-show="currentRow.buNo==='01-Label' || currentRow.buNo==='03-RFID'">
<el-form-item :label="'制造地'" >
<el-input v-model="exportPaking.origin"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'Non-reusable plastic packaging'" >
<el-checkbox v-model="exportPaking.packaging"></el-checkbox>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'plastic packaging'" >
<el-input :disabled="!exportPaking.packaging" v-model="exportPaking.kgs"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 出口货物委托书-->
<div class="custom-divider"><span class="text" style="left: 25%">出口货物委托书</span></div>
<el-col :span="8">
<el-form-item :label="'贸易方式'" >
<el-input v-model="exportGoods.salesMethod"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'币制'" >
<el-input v-model="exportGoods.currency"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'货物产地'" >
<el-input v-model="exportGoods.madeArea"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'发货港'" >
<el-input v-model="exportGoods.sendPort"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'唛头'" >
<el-input v-model="exportGoods.voyage"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'提/送货日期'" >
<el-input v-model="exportGoods.deliveryGoodsDate"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :label="'船期'" >
<el-input v-model="exportGoods.shippingDate"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :label="'发货人'" >
<el-input type="textarea"
:rows="4" v-model="exportGoods.shipper"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table v-show="currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM'"
:height="240"
:data="propertiesList"
stripe
highlight-current-row
border :row-style="{ height: '30px' }"
style="width: 100%;">
<el-table-column
prop="hsCode"
header-align="center"
align="center"
label="HS Code">
</el-table-column>
<el-table-column
prop="hsCodeDesc"
header-align="center"
align="center"
label="品名">
</el-table-column>
<el-table-column
prop="ehundred"
header-align="center"
align="center"
label="品牌">
<template slot-scope="scope">
<el-select v-model="scope.row.brand" placeholder="请选择" style="width: 150px">
<el-option :value="i.availableValue" :label="i.availableValue" v-for="(i,key) in scope.row.availableList" :key="key"></el-option>
</el-select>
</template>
</el-table-column>
</el-table>
<el-table v-show="currentRow.buNo==='03-RFID'"
:height="180"
:data="notifyPartDetailList"
stripe
highlight-current-row
border :row-style="{ height: '30px' }"
style="width: 100%;margin-top: 70px">
<el-table-column
prop="partNo"
header-align="center"
align="center"
label="PN">
</el-table-column>
<el-table-column
prop="ehundred"
header-align="center"
align="center"
label="E100">
<template slot-scope="scope">
<el-input v-model="scope.row.ehundred" style="width: 100px;"></el-input>
</template>
</el-table-column>
<el-table-column
prop="lossratio"
header-align="center"
align="center"
label="纯FSC纸重量损耗">
<template slot-scope="scope">
<el-input v-model="scope.row.lossratio" style="width: 100px;"></el-input>
</template>
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button type="primary" @click="exportAll()">确定</el-button>
<el-button type="primary" @click="exportAllFlag=false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="导出报关要素" :close-on-click-modal="false" v-drag :visible.sync="brandTypeFlag"
:width="(currentRow.buNo==='02-Hardtag' || currentRow.buNo==='04-MHM')?'600px':'300px'">
<el-form label-position="top" style="margin-left: 7px;margin-top: 10px;margin-bottom: 20px">
@ -447,7 +659,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'船名 / 航次'" >
<el-form-item :label="'唛头'" >
<el-input v-model="exportGoods.voyage"></el-input>
</el-form-item>
</el-col>
@ -534,6 +746,7 @@
},
data() {
return {
exportAllFlag:false,
templateFlag:false,
templateData:{},
templateList:[],
@ -569,7 +782,7 @@
hsCode:'',
material:'',
hsCodeDescType:'',
goodsLabel:'',
goodsLabel:true,
},
exportPakingFlag:false,
exportPaking:{
@ -587,7 +800,7 @@
hsCode:'',
material:'',
hsCodeDescType:'',
goodsLabel:'',
goodsLabel:true,
boxChange:''
},
brandType:'',
@ -1622,6 +1835,17 @@
//this.hsCodeDescType=''
this.declarationFlag = true
},
searchTemplateOne() {
this.templateData.buNo = this.currentRow.buNo
this.templateData.customName = this.currentRow.customName
searchTemplateList(this.templateData).then(({data}) => {
if (data && data.code === 0){
if (data.rows && data.rows.length > 0) {
this.templateRowDblclick(data.rows[0]);
}
}
})
},
exportInvoiceList() {
if (!this.currentRow || !this.currentRow.buNo) {
this.$message.warning('请选择报关单!')
@ -1661,6 +1885,8 @@
}
});
}
this.templateData.type='发票'
this.searchTemplateOne();
},
exportPakingList() {
if (!this.currentRow || !this.currentRow.buNo) {
@ -1707,6 +1933,8 @@
}
});
}
this.templateData.type='箱单'
this.searchTemplateOne();
},
exportGoodsList() {
if (!this.currentRow || !this.currentRow.buNo) {
@ -1718,7 +1946,7 @@
this.exportGoods.madeArea = 'Shanghai, China'
this.exportGoods.sendPort = 'Shanghai, China'
this.exportGoods.deliveryGoodsDate = ''
this.exportGoods.voyage = ''
this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:''
this.exportGoods.shippingDate = ''
this.exportGoodsFlag = true
},
@ -1845,6 +2073,173 @@
);
this.searchTable()
},
exportAll(){
if (!this.currentRow || !this.currentRow.buNo) {
this.$message.warning('请选择报关单!')
return
}
let exportParam=this.exportPaking
exportParam.salesMethod=this.exportGoods.salesMethod
exportParam.currency=this.exportGoods.currency
exportParam.madeArea=this.exportGoods.madeArea
exportParam.sendPort=this.exportGoods.sendPort
exportParam.deliveryGoodsDate=this.exportGoods.deliveryGoodsDate
exportParam.voyage=this.exportGoods.voyage
exportParam.shippingDate=this.exportGoods.shippingDate
exportParam.hsCodeDescType=this.exportGoods.hsCodeDescType
exportParam.shipper=this.exportGoods.shipper
exportParam.brandType = this.brandType
exportParam.hsCodeDescType=this.hsCodeDescType
if (this.propertiesList.length>0) {
this.currentRow.brand='品牌'
exportParam.brand = '品牌'
exportParam.propertiesList = this.propertiesList
}
exportParam.hsCodeDesc = this.exportInvoice.hsCodeDesc
exportParam.contractFlag = this.exportInvoice.contractFlag
exportParam.declarationNo = this.currentRow.declarationNo
exportParam.site = this.currentRow.site
exportParam.delNo = this.currentRow.delNo
exportParam.notifyPartDetailList = this.notifyPartDetailList
ExportUtil.export(
"/ecss/coDel/downloadAll",
exportParam, this.currentRow.declarationNo+"单证信息.xlsx"
);
this.exportAllFlag = false
this.searchTable()
},
async exportAllOpen() {
if (!this.currentRow || !this.currentRow.buNo) {
this.$message.warning('请选择报关单!')
return
}
//
this.brandType='境外品牌(其他)'
this.exportAllFlag = true
if (this.currentRow.buNo==='02-Hardtag' || this.currentRow.buNo==='04-MHM') {
this.currentRow.brand='品牌'
getPropertiesListByDeclaration(this.currentRow).then(({data}) => {
if (data && data.code == 0) {
this.propertiesList = data.rows
} else {
this.propertiesList = [];
}
});
}
//
this.exportInvoice.templateName=''
this.exportInvoice.hsCodeDesc=this.currentRow.hsCodeDesc
this.exportInvoice.contractFlag=this.currentRow.contractFlag
this.exportInvoice.packaging=this.currentRow.packaging
this.exportInvoice.kgs=this.currentRow.kgs
this.exportInvoice.hsCode=this.currentRow.hsCode
this.exportInvoice.material=this.currentRow.material
this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType
this.exportInvoice.goodsLabel=this.currentRow.goodsLabel
this.exportInvoice.origin="made in china"
if (!this.exportInvoice.origin) {
this.exportInvoice.origin = 'made in china'
}
if (!this.exportInvoice.itemNo) {
this.exportInvoice.itemNo = 'Y'
}
this.notifyPartDetailList = [];
this.templateData.type='发票'
await this.searchTemplateOne();
//
//this.exportPaking.origin='made in china'
this.exportPaking.itemNo=this.currentRow.itemNo
this.exportPaking.upc=this.currentRow.upc
this.exportPaking.so=this.currentRow.so
this.exportPaking.shippingMark=this.currentRow.shippingMark
this.exportPaking.palletWeight=this.currentRow.palletWeight
this.exportPaking.hsCodeDesc=this.currentRow.hsCodeDesc
this.exportPaking.contractFlag=this.currentRow.contractFlag
this.exportPaking.packaging=this.currentRow.packaging
this.exportPaking.kgs=this.currentRow.kgs
this.exportPaking.hsCode=this.currentRow.hsCode
this.exportPaking.material=this.currentRow.material
this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType
this.exportPaking.goodsLabel=this.currentRow.goodsLabel
this.exportPaking.boxChange=this.currentRow.boxChange
if (!this.exportPaking.origin) {
this.exportPaking.origin = 'made in china'
}
if (!this.exportPaking.itemNo) {
this.exportPaking.itemNo = 'Y'
}
this.notifyPartDetailList = [];
this.exportPaking.templateName=''
if (this.currentRow.buNo==='03-RFID') {
await getNotifyPartDetail(this.currentRow).then(({data}) => {
//
if (data && data.code == 0) {
this.notifyPartDetailList = data.rows
this.notifyPartDetailList.forEach(o => {
if (!o.lossratio) {
o.lossratio = '1.2';
}
});
} else {
this.notifyPartDetailList = [];
}
});
}
this.templateData.type='箱单'
await searchTemplateList(this.templateData).then(({data}) => {
if (data && data.code === 0){
if (data.rows && data.rows.length > 0) {
let row = data.rows[0];
this.exportPaking.templateName=row.name
this.exportPaking.upc=row.upc
this.exportPaking.so=row.so
this.exportPaking.shippingMark=row.shippingMark
this.exportPaking.palletWeight=row.palletWeight
this.exportPaking.boxChange=row.boxChange
this.exportPaking.itemNo=row.itemNo
this.exportPaking.origin=this.currentRow.origin?this.currentRow.origin:row.origin
this.exportPaking.packaging=this.currentRow.packaging?this.currentRow.packaging:row.packaging
this.exportPaking.kgs=this.currentRow.kgs?this.currentRow.kgs:row.kgs
this.exportPaking.hsCode=this.currentRow.hsCode?this.currentRow.hsCode:row.hsCode
this.exportPaking.material=this.currentRow.material?this.currentRow.material:row.material
this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
this.exportPaking.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
this.notifyPartDetailList.forEach(o => {
// fsc
if (o.lossratio) {
if (row.fscWeight) {
o.lossratio = o.lossratio;
} else {
o.lossratio = '';
}
} else {
if (row.fscWeight) {
o.lossratio = '1.2';
} else {
o.lossratio = '';
}
}
});
}
}
})
this.exportGoods.salesMethod = 'EXW'
this.exportGoods.currency = 'USD'
this.exportGoods.madeArea = 'Shanghai, China'
this.exportGoods.sendPort = 'Shanghai, China'
this.exportGoods.deliveryGoodsDate = ''
this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:''
this.exportGoods.shippingDate = '';
this.templateData.type='出口货物委托书'
await this.searchTemplateOne();
},
getCustomerInfo() {
getCustomerInfo(this.currentRow).then(({data}) => {
//
@ -1871,6 +2266,7 @@
},
searchTemplateList () {
this.templateData.buNo = this.currentRow.buNo
this.templateData.customName = ''
searchTemplateList(this.templateData).then(({data}) => {
if (data && data.code === 0){
this.templateList = data.rows;
@ -1890,7 +2286,7 @@
this.exportInvoice.material=this.currentRow.material?this.currentRow.material:row.material
this.exportInvoice.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
this.exportInvoice.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
} else {
} else if (this.templateData.type=='箱单'){
this.exportPaking.templateName=row.name
this.exportPaking.upc=row.upc
this.exportPaking.so=row.so
@ -1906,6 +2302,33 @@
this.exportPaking.material=this.currentRow.material?this.currentRow.material:row.material
this.exportPaking.hsCodeDescType=this.currentRow.hsCodeDescType?this.currentRow.hsCodeDescType:row.hsCodeDescType
this.exportPaking.goodsLabel=this.currentRow.goodsLabel?this.currentRow.goodsLabel:row.goodsLabel
} else if (this.templateData.type=='出口货物委托书'){
this.exportGoods.salesMethod = row.salesMethod
this.exportGoods.currency = row.currency
this.exportGoods.madeArea = row.madeArea
this.exportGoods.sendPort = row.sendPort
this.exportGoods.deliveryGoodsDate = row.deliveryGoodsDate
this.exportGoods.voyage = this.currentRow.buNo==='01-Label' || this.currentRow.buNo==='03-RFID'?this.currentRow.cmcInvoice:row.voyage
this.exportGoods.shippingDate = row.shippingDate;
this.exportGoods.shipper=row.shipper
}
if (this.templateData.type!=='出口货物委托书') {
this.notifyPartDetailList.forEach(o => {
// fsc
if (o.lossratio) {
if (row.fscWeight) {
o.lossratio = o.lossratio;
} else {
o.lossratio = '';
}
} else {
if (row.fscWeight) {
o.lossratio = '1.2';
} else {
o.lossratio = '';
}
}
});
}
this.templateFlag = false
},
@ -1922,4 +2345,20 @@
font-size: 12px;
height: 24px;
}
.custom-divider {
position: relative;
height: 1px;
background: #ebeef5;
margin: 10px 0;
width: 720px;
}
.custom-divider .text {
position: absolute;
left: 20%;
top: -10px;
transform: translateX(-50%);
padding: 0 15px;
background: white;
color: #909399;
}
</style>

216
src/views/modules/ecss/ecssTemplate.vue

@ -80,7 +80,7 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item :label="'BU:'">
<el-select v-model="addModel.buNo" placeholder="请选择" :disabled="addModel.addFlag!==0" style="width: 100%">
<el-select v-model="addModel.buNo" @change="changeBu" placeholder="请选择" :disabled="addModel.addFlag!==0" style="width: 100%">
<el-option
v-for = "i in buList"
:key = "i.buNo"
@ -90,6 +90,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="''" >
<template #label>
<span slot="label" style="" class="big-label">
<a href="#" @click="openCustom()">客户</a>
</span>
</template>
<el-input v-model="addModel.customName" disabled ></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'模版类型'" >
<el-select filterable v-model="addModel.type" placeholder="请选择" :disabled="addModel.addFlag!==0" style="width:100%;">
@ -103,12 +113,6 @@
<el-input v-model="addModel.name"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'品名类型'" >
<el-radio v-model="addModel.hsCodeDescType" label="Y">中文</el-radio>
<el-radio v-model="addModel.hsCodeDescType" label="N">英文</el-radio>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='发票'">
<el-form-item :label="''" >
<el-checkbox v-model="addModel.hsCodeDesc">品名</el-checkbox>
@ -119,6 +123,18 @@
<el-checkbox v-model="addModel.contractFlag">合同</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'品名类型'" >
<el-radio v-model="addModel.hsCodeDescType" label="Y">中文</el-radio>
<el-radio v-model="addModel.hsCodeDescType" label="N">英文</el-radio>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='箱单'">
<el-form-item :label="'序号类型'" >
<el-radio v-model="addModel.itemNo" label="Y">序号</el-radio>
<el-radio v-model="addModel.itemNo" label="N">栈板号</el-radio>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='箱单'">
<el-form-item :label="''" >
<el-checkbox v-model="addModel.upc">UPC</el-checkbox>
@ -134,17 +150,17 @@
<el-checkbox v-model="addModel.boxChange">显示箱数零头</el-checkbox>
</el-form-item>
</el-col>-->
<el-col :span="12" >
<el-col :span="12" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="''" >
<el-checkbox v-model="addModel.goodsLabel">货物明细</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='箱单'">
<el-form-item :label="'序号类型'" >
<el-radio v-model="addModel.itemNo" label="Y">序号</el-radio>
<el-radio v-model="addModel.itemNo" label="N">栈板号</el-radio>
<el-col :span="12" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="''" >
<el-checkbox v-model="addModel.fscWeight">是否维护纯FSC纸重量损耗</el-checkbox>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='箱单'">
<el-form-item :label="'Shipping Mark'" >
<el-input v-model="addModel.shippingMark"></el-input>
@ -155,39 +171,107 @@
<el-input v-model="addModel.palletWeight"></el-input>
</el-form-item>
</el-col>
<el-col :span="addModel.type=='箱单'?24:12">
<el-col :span="24" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="'制造地'" >
<el-input v-model="addModel.origin"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="'RFID Base Material'" >
<el-checkbox v-model="addModel.material"></el-checkbox>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="'HS Code'" >
<el-input :disabled="!addModel.material" v-model="addModel.hsCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="'Non-reusable plastic packaging'" >
<el-checkbox v-model="addModel.packaging"></el-checkbox>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12" v-show="addModel.type=='箱单' || addModel.type=='发票'">
<el-form-item :label="'plastic packaging'" >
<el-input :disabled="!addModel.packaging" v-model="addModel.kgs"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'贸易方式'" >
<el-input v-model="addModel.salesMethod"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'币制'" >
<el-input v-model="addModel.currency"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'货物产地'" >
<el-input v-model="addModel.madeArea"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'发货港'" >
<el-input v-model="addModel.sendPort"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'唛头'" >
<el-input v-model="addModel.voyage"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'提/送货日期'" >
<el-input v-model="addModel.deliveryGoodsDate"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'船期'" >
<el-input v-model="addModel.shippingDate"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-show="addModel.type=='出口货物委托书'">
<el-form-item :label="'发货人'" >
<el-input type="textarea" :rows="4" v-model="addModel.shipper"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-footer :style="addModel.type=='出口货物委托书'?'height:40px;margin-top: 80px;text-align:center':'height:40px;margin-top: 10px;text-align:center'">
<el-button type="primary" @click="saveEcssTemplate()">保存</el-button>
<el-button type="primary" @click="addModelFlag=false">关闭</el-button>
</el-footer>
</el-dialog>
<el-dialog title="客户" @close="closeCustomDialog" @open="openCustomDialog" :visible.sync="customFlag" width="559px" v-drag>
<el-form inline="inline" label-position="top" :model="customData" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="客户名称">
<el-input v-model="customData.ccusname" clearable style="width: 200px"></el-input>
</el-form-item>
<el-form-item label=" ">
<el-button type="primary" style="padding: 3px 12px" @click="searchCustomList()">查询</el-button>
</el-form-item>
</el-form>
<el-table
:height="400"
:data="customList"
stripe
highlight-current-row
border
@row-dblclick="customRowDblclick"
style="width: 100%;">
<el-table-column
prop="ccusname"
header-align="left"
align="left"
label="客户名称">
</el-table-column>
</el-table>
<el-footer style="height:40px;margin-top: 10px;text-align:center">
<el-button @click="customFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
<!--列表的组件-->
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
</div>
@ -200,6 +284,7 @@
searchEcssTemplateData,
saveEcssTemplateData,
deleteEcssTemplate,
searchCustomList
}from "@/api/ecss/ecss.js"
import {getBuList}from '@/api/factory/site.js'
export default {
@ -209,7 +294,7 @@
},
data() {
return {
types: [ '发票', '箱单'],
types: [ '发票', '箱单', '出口货物委托书'],
pageIndex: 1,
pageSize: 100,
totalPage: 0,
@ -234,10 +319,12 @@
addFlag:0,
site:'',
buNo:'',
customName:'',
name:'',
type:'',
upc:'',
so:'',
fscWeight:'',
origin:'',
packaging:'',
kgs:'',
@ -250,7 +337,18 @@
hsCodeDescType:'',
goodsLabel:'',
remark:'',
boxChange:''
boxChange:'',
salesMethod :'EXW',
currency:'USD',
madeArea:'Shanghai, China',
sendPort:'Shanghai, China',
deliveryGoodsDate:'',
voyage:'',
shippingDate:'',
shipper:'Checkpoint Commercial (Shanghai) Co., Ltd. 保点贸易(上海)有限公司\t\t\t\t\t\t\n' +
'Room 1411, No. 31, Lane 2419, Hunan Road, Pudong New Area, Shanghai\t\t\t\t\t\t\n' +
'电话/Tel: (86-21)38112888 传真/Fax: (86-21)38112990\t\t\t\t\t\t\n' +
'上海市浦东新区沪南路2419弄31号1411室\t\t\t\t\t\t\n'
},
addDisabledFlag:true,
activeName:'attribute',
@ -273,6 +371,24 @@
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801003,
serialNumber: '801007Table1EcssTemplateNo',
tableId: "801007Table1",
tableName: "EcssTemplate基础信息",
columnProp: "customName",
headerAlign: "center",
align: "center",
columnLabel: "客户名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 200
},
{
userId: this.$store.state.user.name,
functionId: 801003,
@ -401,6 +517,9 @@
},
],
currentRow:{},
customFlag:false,
customData:{},
customList:[],
}
},
mounted() {
@ -496,6 +615,7 @@
so:'',
origin:'',
packaging:'',
fscWeight:'',
kgs:'',
shippingMark:'',
hsCode:'',
@ -504,10 +624,22 @@
hsCodeDesc:'',
contractFlag:'',
hsCodeDescType:'',
goodsLabel:'',
goodsLabel:true,
remark:'',
boxChange:''
boxChange:'',
salesMethod :'EXW',
currency:'USD',
madeArea:'Shanghai, China',
sendPort:'Shanghai, China',
deliveryGoodsDate:'',
voyage:'',
shippingDate:'',
shipper:'Checkpoint Commercial (Shanghai) Co., Ltd. 保点贸易(上海)有限公司\t\t\t\t\t\t\n' +
'Room 1411, No. 31, Lane 2419, Hunan Road, Pudong New Area, Shanghai\t\t\t\t\t\t\n' +
'电话/Tel: (86-21)38112888 传真/Fax: (86-21)38112990\t\t\t\t\t\t\n' +
'上海市浦东新区沪南路2419弄31号1411室\t\t\t\t\t\t\n'
}
this.addModelFlag=true
},
updateModelOpen(row){
@ -524,6 +656,7 @@
origin:row.origin,
packaging:row.packaging,
itemNo:row.itemNo,
fscWeight:row.fscWeight,
kgs:row.kgs,
shippingMark:row.shippingMark,
hsCode:row.hsCode,
@ -534,7 +667,16 @@
hsCodeDescType:row.hsCodeDescType,
goodsLabel:row.goodsLabel,
remark:row.remark,
boxChange:row.boxChange
boxChange:row.boxChange,
customName: row.customName,
salesMethod :row.salesMethod,
currency:row.currency,
madeArea:row.madeArea,
sendPort:row.sendPort,
deliveryGoodsDate:row.deliveryGoodsDate,
voyage:row.voyage,
shippingDate:row.shippingDate,
shipper:row.shipper
}
this.addModelFlag=true
},
@ -593,6 +735,32 @@
}
})
},
openCustom () {
this.customFlag = true;
},
openCustomDialog () {
//
this.searchCustomList();
},
closeCustomDialog () {
this.customList = []
this.customFlag = false
},
searchCustomList () {
searchCustomList(this.customData).then(({data}) => {
if (data && data.code === 0){
this.customList = data.rows;
}
})
},
customRowDblclick (row) {
this.addModel.customName=row.ccusname
this.customFlag = false
},
changeBu(){
this.addModel.kgs=this.addModel.buNo==='03-RFID'?'4.5':this.addModel.buNo==='01-Label'?'2.5':''
}
},
activated() {
this.searchTable()

32
src/views/modules/ecss/hsCode.vue

@ -114,6 +114,11 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="'单位'" >
<el-input v-model="addModel.unit" ></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item :label="'备注'" >
<el-input v-model="addModel.remark" ></el-input>
</el-form-item>
@ -178,6 +183,7 @@
hsCodeDesc:'',
hsCodeDescEn:'',
codeNo:'',
unit:'',
remark:'',
},
addDisabledFlag:true,
@ -217,7 +223,7 @@
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
columnWidth: 120
},
{
userId: this.$store.state.user.name,
@ -235,7 +241,7 @@
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
columnWidth: 150
},
{
userId: this.$store.state.user.name,
@ -253,7 +259,7 @@
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
columnWidth: 150
},
{
userId: this.$store.state.user.name,
@ -273,6 +279,24 @@
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801003,
serialNumber: '801003Table1CodeNo',
tableId: "801003Table1",
tableName: "HsCode基础信息",
columnProp: "unit",
headerAlign: "center",
align: "center",
columnLabel: "单位",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801003,
@ -468,6 +492,7 @@
hsCode:'',
hsCodeDesc: '',
codeNo:'',
unit:'',
remark:'',
}
this.addModelFlag=true
@ -482,6 +507,7 @@
hsCodeDesc : row.hsCodeDesc,
hsCodeDescEn : row.hsCodeDescEn,
codeNo:row.codeNo,
unit:row.unit,
remark:row.remark,
}
this.addModelFlag=true

Loading…
Cancel
Save