复制项页面
parent
d00b96672d
commit
2860badd7d
@ -0,0 +1,173 @@
|
||||
[
|
||||
{
|
||||
"title": "基本信息",
|
||||
"children": [
|
||||
{ "name": "委托单位", "code": "customername","copyName":"customerid" },
|
||||
{ "code": "customerid","noShow":true },
|
||||
{ "name": "提单号", "code": "mblno" },
|
||||
{ "name": "船公司", "code": "carrierid","copyName":"carrier" },
|
||||
{ "code": "carrier","noShow":true },
|
||||
{ "name": "订舱代理", "code": "forwarder","copyName":"forwarderid" },
|
||||
{ "code": "forwarderid","noShow":true },
|
||||
{ "name": "PO NO", "code": "pono" },
|
||||
{ "name": "分提单号", "code": "hblno" },
|
||||
{ "name": "订舱编号", "code": "custno" },
|
||||
{ "name": "EP号", "code": "EPCode" },
|
||||
{ "name": "运费协议号", "code": "contractno" },
|
||||
{ "name": "真提单号", "code": "tmblno" },
|
||||
{ "name": "船名", "code": "vessel" },
|
||||
{ "name": "内部航次", "code": "voynoinner" },
|
||||
{ "name": "航次/海关航次", "code": "voyno" },
|
||||
{ "name": "开船日期", "code": "etd" },
|
||||
{ "name": "是否占舱", "code": "zhanCangFlag" },
|
||||
{ "name": "船司航线", "code": "lanename" },
|
||||
{ "name": "船代", "code": "shipagency","copyName":"shipagencyid" },
|
||||
{ "code": "shipagencyid","noShow":true },
|
||||
{ "name": "航线", "code": "lineName" },
|
||||
{ "name": "揽货人", "code": "sale","copyName":"saleid" },
|
||||
{ "code": "saleid","noShow":true },
|
||||
{ "name": "操作", "code": "op","copyName":"opid" },
|
||||
{ "code": "opid","noShow":true },
|
||||
{ "name": "单证", "code": "doc","copyName":"docid" },
|
||||
{ "code": "docid","noShow":true },
|
||||
{ "name": "客服", "code": "custservice","copyName":"custserviceid" },
|
||||
{ "code": "custserviceid","noShow":true },
|
||||
{ "name": "航线操作", "code": "route","copyName":"routeid" },
|
||||
{ "code": "routeid","noShow":true },
|
||||
{ "name": "航线管理", "code": "lineManage","copyName":"lineManageID" },
|
||||
{ "code": "lineManageID","noShow":true },
|
||||
{ "name": "单证备注", "code": "dzRemark" },
|
||||
{ "name": "操作备注", "code": "czRemark" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "收发通信息",
|
||||
"children": [
|
||||
{ "name": "发货人", "code": "shipper" },
|
||||
{ "name": "收货人", "code": "consignee" },
|
||||
{ "name": "通知人", "code": "notifyparty" },
|
||||
{ "name": "场站", "code": "yard","copyName":"yardid" },
|
||||
{ "code": "yardid","noShow":true },
|
||||
{ "name": "场站费自结", "code": "feeself" },
|
||||
{ "name": "报关行", "code": "customser","copyName":"customserid" },
|
||||
{ "code": "customserid","noShow":true },
|
||||
{ "name": "车队", "code": "trucker","copyName":"truckerid" },
|
||||
{ "code": "truckerid","noShow":true },
|
||||
{ "name": "国外代理", "code": "agentname","copyName":"agentid" },
|
||||
{ "code": "agentid","noShow":true },
|
||||
{ "name": "仓库", "code": "warehouse","copyName":"warehouseID" },
|
||||
{ "code": "warehouseID","noShow":true },
|
||||
{ "name": "装运方式", "code": "shippingMethod" },
|
||||
{ "name": "截港时间", "code": "closingdate" },
|
||||
{ "name": "截单时间", "code": "closedocdate" },
|
||||
{ "name": "VGM时间", "code": "closevgmdate" },
|
||||
{ "name": "收货地代码", "code": "placereceiptid" },
|
||||
{ "name": "收货地", "code": "placereceipt" },
|
||||
{ "name": "装货港代码", "code": "portloadid" },
|
||||
{ "name": "装货港", "code": "portload" },
|
||||
{ "name": "中转港代码", "code": "transportid" },
|
||||
{ "name": "中转港", "code": "transport" },
|
||||
{ "name": "卸货港代码", "code": "portdischargeid" },
|
||||
{ "name": "卸货港", "code": "portdischarge" },
|
||||
{ "name": "目的地代码", "code": "destinationid" },
|
||||
{ "name": "目的地", "code": "destination" },
|
||||
{ "name": "交货地代码", "code": "placedeliveryid" },
|
||||
{ "name": "交货地", "code": "placedelivery" },
|
||||
{ "name": "件数", "code": "pkgs" },
|
||||
{ "name": "包装", "code": "kindpkgs" },
|
||||
{ "name": "毛重", "code": "kgs" },
|
||||
{ "name": "尺寸", "code": "cbm" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "货物信息",
|
||||
"children": [
|
||||
{ "name": "Seal No.(封志号) Marks & Nos.(标记与号码)", "code": "marks" },
|
||||
{ "name": "Description of Goods(包装种类与货名)", "code": "description" },
|
||||
{ "name": "品名", "code": "goodsname","copyName":"goodscode" },
|
||||
{ "code": "goodscode","noShow":true },
|
||||
{ "name": "货物标志", "code": "cargoid" },
|
||||
{ "name": "HS编码", "code": "hscode" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "签单信息",
|
||||
"children": [
|
||||
{ "name": "签单方式", "code": "issuetype" },
|
||||
{ "name": "签单日期", "code": "issuedate" },
|
||||
{ "name": "签单地点", "code": "issueplace" },
|
||||
{ "name": "签单地代码", "code": "issueplaceid" },
|
||||
{ "name": "提单份数", "code": "nobill" },
|
||||
{ "name": "副本份数", "code": "copynobill" },
|
||||
{ "name": "预付地点", "code": "prepardat","copyName":"prepardatid" },
|
||||
{ "code": "prepardatid","noShow":true },
|
||||
{ "name": "到付地点", "code": "payableat","copyName":"payableatid" },
|
||||
{ "code": "payableatid","noShow":true },
|
||||
{ "name": "付费方式", "code": "blfrt" },
|
||||
{ "name": "第三付款地", "code": "thirdpayaddr" },
|
||||
{ "name": "运输条款", "code": "service" },
|
||||
{ "name": "冷藏通风量", "code": "reeferf" },
|
||||
{ "name": "设置温度", "code": "tempset" },
|
||||
{ "name": "温度单位", "code": "tempid" },
|
||||
{ "name": "最低温度", "code": "tempmin" },
|
||||
{ "name": "最高温度", "code": "tempmax" },
|
||||
{ "name": "湿度", "code": "humidity" },
|
||||
{ "name": "危险品等级", "code": "dclass" },
|
||||
{ "name": "危险品编号", "code": "dunno" },
|
||||
{ "name": "危险品页号", "code": "dpage" },
|
||||
{ "name": "危险品标签", "code": "dlabel" },
|
||||
{ "name": "危险品联系人", "code": "linkman" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "备注信息",
|
||||
"children": [
|
||||
{ "name": "订舱备注", "code": "soremark" },
|
||||
{ "name": "截单备注", "code": "siremark" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "箱信息",
|
||||
"children": [
|
||||
{ "name": "箱信息", "code": "ctnall" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "EDI补充信息",
|
||||
"children": [
|
||||
{ "name": "发送方EDI代码", "code": "bookingEDIExt.sendCode" },
|
||||
{ "name": "接收方EDI代码", "code": "bookingEDIExt.receiveCode" },
|
||||
{ "name": "EDI联系人名称", "code": "bookingEDIExt.ediAttn" },
|
||||
{ "name": "EDI联系人电话", "code": "bookingEDIExt.ediAttnTel" },
|
||||
{ "name": "EDI联系人邮箱", "code": "bookingEDIExt.ediAttnMail" },
|
||||
{ "name": "AMS收货人", "code": "bookingEDIExt.amsConsignee" },
|
||||
{ "name": "AMS通知人", "code": "bookingEDIExt.amsNotifyParty" },
|
||||
{ "name": "操作英文名称", "code": "bookingEDIExt.opEName" },
|
||||
{ "name": "操作电话", "code": "bookingEDIExt.opTel" },
|
||||
{ "name": "操作邮箱", "code": "bookingEDIExt.opEmail" },
|
||||
{ "name": "商品名称", "code": "bookingEDIExt.goodsName" },
|
||||
{ "name": "SOC箱", "code": "iscontainersoc" },
|
||||
{ "name": "SCAC代码", "code": "scaccode" },
|
||||
{ "name": "ITN编号", "code": "itncode" },
|
||||
{ "name": "订舱人说明", "code": "bookingEDIExt.orderRemark" },
|
||||
{ "name": "付款方", "code": "freightpayer" },
|
||||
{ "name": "第一层包装皮重", "code": "bookingEDIExt.kingTareweight" },
|
||||
{ "name": "委托方", "code": "bookingEDIExt.weiTuoFang" },
|
||||
{ "name": "辅助字段1", "code": "bookingEDIExt.exRemark1" },
|
||||
{ "name": "辅助字段2", "code": "bookingEDIExt.exRemark2" },
|
||||
{ "name": "辅助字段3", "code": "bookingEDIExt.exRemark3" },
|
||||
{ "name": "辅助字段4", "code": "bookingEDIExt.exRemark4" },
|
||||
{ "name": "收货人EDI代码", "code": "bookingEDIExt.consigneeEdiCode" },
|
||||
{ "name": "发货人EDI代码", "code": "bookingEDIExt.shipperEdiCode" },
|
||||
{ "name": "通知方EDI代码", "code": "bookingEDIExt.notifyCdoe" },
|
||||
{ "name": "太平销售EDI代码", "code": "bookingEDIExt.salerCode" },
|
||||
{ "name": "EMANIFEST HBL", "code": "bookingEDIExt.emanifestHbl" },
|
||||
{ "name": "Master Bol Indicator", "code": "bookingEDIExt.masterBolIndicator" },
|
||||
{ "name": "S0C C0C", "code": "bookingEDIExt.s0CC0C" },
|
||||
{ "name": "欧盟港口、伊朗港口、KHI", "code": "bookingEDIExt.ckhi" },
|
||||
{ "name": "南美东", "code": "bookingEDIExt.cncm" },
|
||||
{ "name": "巴西线木质包装情况", "code": "bookingEDIExt.wncm" },
|
||||
{ "name": "ACI HBL", "code": "bookingEDIExt.acihbl" }
|
||||
]
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,88 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-card :bordered="false">
|
||||
<a-row>
|
||||
<a-col :span="2" :offset="22">
|
||||
<a-button @click="handleSubmit" type="primary">
|
||||
保存
|
||||
</a-button>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-checkbox-group v-model="WebData" :style="{ width: '100%', marginTop: '10px' }">
|
||||
<a-row v-for="item in Data" :key="item.title">
|
||||
<a-divider orientation="left">
|
||||
{{ item.title }}
|
||||
</a-divider>
|
||||
<a-col v-show="!item2.noShow" :span="6" v-for="item2 in item.children" :key="item2.code">
|
||||
<a-checkbox @change="onChange($event,item2)" :value="item2.code">{{ item2.name }}</a-checkbox>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-checkbox-group>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { DjyTenantConfigGet, DjyTenantConfigSave } from '@/api/modular/main/TenantConfig'
|
||||
import Data from './Data.json'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
Data,
|
||||
WebData: [],
|
||||
id: '',
|
||||
queryParam: {
|
||||
Type: 'booking_form_copy'
|
||||
}
|
||||
}
|
||||
},
|
||||
created() { },
|
||||
mounted() {
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
Object.assign(this.$data, this.$options.data())
|
||||
this.FnGetData()
|
||||
},
|
||||
onChange(val, item) {
|
||||
if (val.target.checked) {
|
||||
this.WebData.push(item.copyName)
|
||||
} else {
|
||||
if (item.copyName) {
|
||||
this.WebData.splice(this.WebData.indexOf(item.copyName), 1)
|
||||
}
|
||||
this.$forceUpdate()
|
||||
}
|
||||
},
|
||||
FnGetData() {
|
||||
DjyTenantConfigGet(this.queryParam).then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data) {
|
||||
this.WebData = JSON.parse(res.data.configJson)
|
||||
this.id = res.data.id
|
||||
}
|
||||
} else {
|
||||
this.WebData = []
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmit() {
|
||||
DjyTenantConfigSave({ id: this.id ? this.id : null, configJson: JSON.stringify(this.WebData), type: 'booking_form_copy' }).then(
|
||||
res => {
|
||||
if (res.success) {
|
||||
this.$message.success('保存成功')
|
||||
localStorage.setItem('booking_form_copy', JSON.stringify(this.WebData))
|
||||
this.FnGetData()
|
||||
} else {
|
||||
this.$message.error(`保存失败,${res.message}`)
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less"></style>
|
||||
Loading…
Reference in New Issue