1014 lines
41 KiB
Vue
1014 lines
41 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-row :gutter="0">
|
||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||
|
||
<el-col :span="24">
|
||
<el-form-item label="订单号" prop="orderSn">
|
||
<el-input v-model="form.orderSn" placeholder="请输入订单号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="运单号" prop="billCode">
|
||
<el-input v-model="form.billCode" placeholder="请输入运单号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="子单号,逗号隔开" prop="billCodeSub">
|
||
<el-input v-model="form.billCodeSub" placeholder="请输入子单号,逗号隔开" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="订单状态" prop="orderStatus">
|
||
<el-input v-model="form.orderStatus" placeholder="请输入订单状态" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="订单状态描述" prop="orderStatusStr">
|
||
<el-input v-model="form.orderStatusStr" placeholder="请输入订单状态描述" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="订单类型" prop="orderType">
|
||
<el-input v-model="form.orderType" placeholder="请输入订单类型" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="客户编号2502021" prop="customerCode">
|
||
<el-input v-model="form.customerCode" placeholder="请输入客户编号2502021" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="客户名称" prop="customerName">
|
||
<el-input v-model="form.customerName" placeholder="请输入客户名称" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="收货人名" prop="receiveName">
|
||
<el-input v-model="form.receiveName" placeholder="请输入收货人名" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="收货公司" prop="receiveCompany">
|
||
<el-input v-model="form.receiveCompany" placeholder="请输入收货公司" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="收货人手机号" prop="receiveMobile">
|
||
<el-input v-model="form.receiveMobile" placeholder="请输入收货人手机号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="收货人电话" prop="receiveTel">
|
||
<el-input v-model="form.receiveTel" placeholder="请输入收货人电话" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="收货人国家" prop="receiveCountry">
|
||
<el-input v-model="form.receiveCountry" placeholder="请输入收货人国家" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="省" prop="receiveProvince">
|
||
<el-input v-model="form.receiveProvince" placeholder="请输入省" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="市" prop="receiveCity">
|
||
<el-input v-model="form.receiveCity" placeholder="请输入市" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="区" prop="receiveCounty">
|
||
<el-input v-model="form.receiveCounty" placeholder="请输入区" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="县" prop="receiveTown">
|
||
<el-input v-model="form.receiveTown" placeholder="请输入县" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="收货地址" prop="receiveAddress">
|
||
<el-input v-model="form.receiveAddress" placeholder="请输入收货地址" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="邮编" prop="receivePostcode">
|
||
<el-input v-model="form.receivePostcode" placeholder="请输入邮编" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件人名" prop="sendName">
|
||
<el-input v-model="form.sendName" placeholder="请输入寄件人名" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件公司" prop="sendCompany">
|
||
<el-input v-model="form.sendCompany" placeholder="请输入寄件公司" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件人手机号" prop="sendMobile">
|
||
<el-input v-model="form.sendMobile" placeholder="请输入寄件人手机号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件人电话" prop="sendTel">
|
||
<el-input v-model="form.sendTel" placeholder="请输入寄件人电话" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件人国家" prop="sendCountry">
|
||
<el-input v-model="form.sendCountry" placeholder="请输入寄件人国家" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件省" prop="sendProvince">
|
||
<el-input v-model="form.sendProvince" placeholder="请输入寄件省" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件市" prop="sendCity">
|
||
<el-input v-model="form.sendCity" placeholder="请输入寄件市" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件区" prop="sendCounty">
|
||
<el-input v-model="form.sendCounty" placeholder="请输入寄件区" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件县" prop="sendTown">
|
||
<el-input v-model="form.sendTown" placeholder="请输入寄件县" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件地址" prop="sendAddress">
|
||
<el-input v-model="form.sendAddress" placeholder="请输入寄件地址" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="寄件邮编" prop="sendPostcode">
|
||
<el-input v-model="form.sendPostcode" placeholder="请输入寄件邮编" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="支付方式" prop="paymentType">
|
||
<el-input v-model="form.paymentType" placeholder="请输入支付方式" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="支付月结编号" prop="custNo">
|
||
<el-input v-model="form.custNo" placeholder="请输入支付月结编号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="快递线路" prop="transLineType">
|
||
<el-input v-model="form.transLineType" placeholder="请输入快递线路" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="快递产品类型" prop="productType">
|
||
<el-input v-model="form.productType" placeholder="请输入快递产品类型" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="时效" prop="timeType">
|
||
<el-input v-model="form.timeType" placeholder="请输入时效" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="计泡比例" prop="meterType">
|
||
<el-input v-model="form.meterType" placeholder="请输入计泡比例" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="清关方式" prop="customsClear">
|
||
<el-input v-model="form.customsClear" placeholder="请输入清关方式" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="报关方式" prop="customsEclaration">
|
||
<el-input v-model="form.customsEclaration" placeholder="请输入报关方式" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="预计到达时间" prop="estimateDate">
|
||
<el-date-picker clearable
|
||
v-model="form.estimateDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="请选择预计到达时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="包装类型" prop="packType">
|
||
<el-input v-model="form.packType" placeholder="请输入包装类型" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="派件方式:1-送货上门" prop="dispatchMethod">
|
||
<el-input v-model="form.dispatchMethod" placeholder="请输入派件方式:1-送货上门" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="取件方式:1-上门取件" prop="pickupMethod">
|
||
<el-input v-model="form.pickupMethod" placeholder="请输入取件方式:1-上门取件" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="预计上门取件开始时间" prop="pickStartDate">
|
||
<el-date-picker clearable
|
||
v-model="form.pickStartDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="请选择预计上门取件开始时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="预计上门取件结束时间" prop="pickFinishDate">
|
||
<el-date-picker clearable
|
||
v-model="form.pickFinishDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="请选择预计上门取件结束时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="取货失败原因" prop="pickFailReason">
|
||
<el-input v-model="form.pickFailReason" placeholder="请输入取货失败原因" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="入仓代码" prop="intoWarehouseCode">
|
||
<el-input v-model="form.intoWarehouseCode" placeholder="请输入入仓代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="入仓名称" prop="intoWarehouseName">
|
||
<el-input v-model="form.intoWarehouseName" placeholder="请输入入仓名称" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="入仓地址" prop="intoWarehouseAddress">
|
||
<el-input v-model="form.intoWarehouseAddress" placeholder="请输入入仓地址" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="入仓联系人" prop="intoWarehouseContact">
|
||
<el-input v-model="form.intoWarehouseContact" placeholder="请输入入仓联系人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="入仓联系人电话" prop="intoWarehousePhone">
|
||
<el-input v-model="form.intoWarehousePhone" placeholder="请输入入仓联系人电话" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="入仓单号" prop="intoWarehouseBillCode">
|
||
<el-input v-model="form.intoWarehouseBillCode" placeholder="请输入入仓单号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="客户发货开始时间" prop="customerDeliveryBeginTime">
|
||
<el-input v-model="form.customerDeliveryBeginTime" placeholder="请输入客户发货开始时间" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="客户发货截止时间" prop="customerDeliveryEndTime">
|
||
<el-input v-model="form.customerDeliveryEndTime" placeholder="请输入客户发货截止时间" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="货物大类" prop="goodsType">
|
||
<el-input v-model="form.goodsType" placeholder="请输入货物大类" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="货物描述" prop="goodsInfo">
|
||
<el-input v-model="form.goodsInfo" placeholder="请输入货物描述" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="总重量" prop="totalWeight">
|
||
<el-input v-model="form.totalWeight" placeholder="请输入总重量" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="总体积" prop="totalVolume">
|
||
<el-input v-model="form.totalVolume" placeholder="请输入总体积" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="件数" prop="parcelQty">
|
||
<el-input v-model="form.parcelQty" placeholder="请输入件数" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="实际重量" prop="billWeight">
|
||
<el-input v-model="form.billWeight" placeholder="请输入实际重量" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="体积重量" prop="volumeWeight">
|
||
<el-input v-model="form.volumeWeight" placeholder="请输入体积重量" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="费用币种" prop="currency">
|
||
<el-input v-model="form.currency" placeholder="请输入费用币种" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="结算重量" prop="settlementWeight">
|
||
<el-input v-model="form.settlementWeight" placeholder="请输入结算重量" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="计费重量" prop="feeWeight">
|
||
<el-input v-model="form.feeWeight" placeholder="请输入计费重量" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="运费" prop="freight">
|
||
<el-input v-model="form.freight" placeholder="请输入运费" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否超长" prop="blOverLong">
|
||
<el-input v-model="form.blOverLong" placeholder="请输入是否超长" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否出账" prop="blBill">
|
||
<el-input v-model="form.blBill" placeholder="请输入是否出账" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否超重" prop="blOverWeight">
|
||
<el-input v-model="form.blOverWeight" placeholder="请输入是否超重" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="超重重量" prop="overWeightNumber">
|
||
<el-input v-model="form.overWeightNumber" placeholder="请输入超重重量" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="费用备注" prop="feeRemaker">
|
||
<el-input v-model="form.feeRemaker" placeholder="请输入费用备注" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="三段码" prop="thirdCode">
|
||
<el-input v-model="form.thirdCode" placeholder="请输入三段码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="实际货值" prop="realValue">
|
||
<el-input v-model="form.realValue" placeholder="请输入实际货值" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否投保" prop="blInsure">
|
||
<el-input v-model="form.blInsure" placeholder="请输入是否投保" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="投保货值" prop="insureValue">
|
||
<el-input v-model="form.insureValue" placeholder="请输入投保货值" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="投保货值币种" prop="insureValueCurrency">
|
||
<el-input v-model="form.insureValueCurrency" placeholder="请输入投保货值币种" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="保费币种" prop="insureFeeCurrency">
|
||
<el-input v-model="form.insureFeeCurrency" placeholder="请输入保费币种" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="保费" prop="insureFee">
|
||
<el-input v-model="form.insureFee" placeholder="请输入保费" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="保险备注" prop="insureRemark">
|
||
<el-input v-model="form.insureRemark" placeholder="请输入保险备注" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="保险站点" prop="insureSite">
|
||
<el-input v-model="form.insureSite" placeholder="请输入保险站点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="保险站点代码" prop="insureSiteCode">
|
||
<el-input v-model="form.insureSiteCode" placeholder="请输入保险站点代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="投保日期" prop="insureDate">
|
||
<el-input v-model="form.insureDate" placeholder="请输入投保日期" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否打印" prop="blPrint">
|
||
<el-input v-model="form.blPrint" placeholder="请输入是否打印" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="打印人" prop="printMan">
|
||
<el-input v-model="form.printMan" placeholder="请输入打印人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="打印人编号" prop="printManCode">
|
||
<el-input v-model="form.printManCode" placeholder="请输入打印人编号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="打印站点" prop="printSite">
|
||
<el-input v-model="form.printSite" placeholder="请输入打印站点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="打印时间" prop="printDate">
|
||
<el-input v-model="form.printDate" placeholder="请输入打印时间" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="打印次数" prop="printCount">
|
||
<el-input v-model="form.printCount" placeholder="请输入打印次数" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否同行转单" prop="blDispFd">
|
||
<el-input v-model="form.blDispFd" placeholder="请输入是否同行转单" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="转单时间" prop="dispFdDate">
|
||
<el-date-picker clearable
|
||
v-model="form.dispFdDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="请选择转单时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="转单原因" prop="dispFdReason">
|
||
<el-input v-model="form.dispFdReason" placeholder="请输入转单原因" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="转单代码" prop="transferCode">
|
||
<el-input v-model="form.transferCode" placeholder="请输入转单代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="转单单号" prop="transferBillcode">
|
||
<el-input v-model="form.transferBillcode" placeholder="请输入转单单号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="当前网点编号" prop="currentSiteCode">
|
||
<el-input v-model="form.currentSiteCode" placeholder="请输入当前网点编号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="上一网点点号" prop="lastSiteCode">
|
||
<el-input v-model="form.lastSiteCode" placeholder="请输入上一网点点号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="发件网点" prop="sendSite">
|
||
<el-input v-model="form.sendSite" placeholder="请输入发件网点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="发件网点代码" prop="sendSiteCode">
|
||
<el-input v-model="form.sendSiteCode" placeholder="请输入发件网点代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="派件员" prop="dispatchMan">
|
||
<el-input v-model="form.dispatchMan" placeholder="请输入派件员" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="派件人代码" prop="dispatchManCode">
|
||
<el-input v-model="form.dispatchManCode" placeholder="请输入派件人代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="派件时间" prop="dispatchDate">
|
||
<el-input v-model="form.dispatchDate" placeholder="请输入派件时间" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="派件网点" prop="dispatchSite">
|
||
<el-input v-model="form.dispatchSite" placeholder="请输入派件网点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="派件网点代码" prop="dispatchSiteCode">
|
||
<el-input v-model="form.dispatchSiteCode" placeholder="请输入派件网点代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="生成账单时间" prop="produceBillDate">
|
||
<el-date-picker clearable
|
||
v-model="form.produceBillDate"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="请选择生成账单时间">
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="生成账单站点" prop="produceBillSite">
|
||
<el-input v-model="form.produceBillSite" placeholder="请输入生成账单站点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="生成账单站点代码" prop="produceBillSiteCode">
|
||
<el-input v-model="form.produceBillSiteCode" placeholder="请输入生成账单站点代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="生成账单人" prop="produceBillMan">
|
||
<el-input v-model="form.produceBillMan" placeholder="请输入生成账单人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="生成账单人代码" prop="produceBillManCode">
|
||
<el-input v-model="form.produceBillManCode" placeholder="请输入生成账单人代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的地" prop="destination">
|
||
<el-input v-model="form.destination" placeholder="请输入目的地" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的地编号" prop="destinationCode">
|
||
<el-input v-model="form.destinationCode" placeholder="请输入目的地编号" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的省" prop="destinationProvince">
|
||
<el-input v-model="form.destinationProvince" placeholder="请输入目的省" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的城市" prop="destinationCity">
|
||
<el-input v-model="form.destinationCity" placeholder="请输入目的城市" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的国家" prop="destinationCounty">
|
||
<el-input v-model="form.destinationCounty" placeholder="请输入目的国家" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的财务中心" prop="destinationCenter">
|
||
<el-input v-model="form.destinationCenter" placeholder="请输入目的财务中心" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="目的地财务中心代码" prop="destinationCenterCode">
|
||
<el-input v-model="form.destinationCenterCode" placeholder="请输入目的地财务中心代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="业务人" prop="marketMan">
|
||
<el-input v-model="form.marketMan" placeholder="请输入业务人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="业务人代码" prop="marketManCode">
|
||
<el-input v-model="form.marketManCode" placeholder="请输入业务人代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="销售回款人" prop="payee">
|
||
<el-input v-model="form.payee" placeholder="请输入销售回款人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="销售联系人" prop="salesmen">
|
||
<el-input v-model="form.salesmen" placeholder="请输入销售联系人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="操作员" prop="operateEmployee">
|
||
<el-input v-model="form.operateEmployee" placeholder="请输入操作员" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="操作员代码" prop="operateEmployeeCode">
|
||
<el-input v-model="form.operateEmployeeCode" placeholder="请输入操作员代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否问题件" prop="blIsQuestion">
|
||
<el-input v-model="form.blIsQuestion" placeholder="请输入是否问题件" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="问题件原因" prop="problemCause">
|
||
<el-input v-model="form.problemCause" placeholder="请输入问题件原因" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否备注消息" prop="blMessage">
|
||
<el-input v-model="form.blMessage" placeholder="请输入是否备注消息" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="是否发送收件人短信" prop="blAcceptMessage">
|
||
<el-input v-model="form.blAcceptMessage" placeholder="请输入是否发送收件人短信" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="签收人" prop="signMan">
|
||
<el-input v-model="form.signMan" placeholder="请输入签收人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="签收人代码" prop="signManCode">
|
||
<el-input v-model="form.signManCode" placeholder="请输入签收人代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="签收站点" prop="signSite">
|
||
<el-input v-model="form.signSite" placeholder="请输入签收站点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="签收站点代码" prop="signSiteCode">
|
||
<el-input v-model="form.signSiteCode" placeholder="请输入签收站点代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="签收时间" prop="signDate">
|
||
<el-input v-model="form.signDate" placeholder="请输入签收时间" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="揽收图片备注" prop="billPicSendRmk">
|
||
<el-input v-model="form.billPicSendRmk" placeholder="请输入揽收图片备注" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="签收底单图片" prop="billPicDispatchRmk">
|
||
<el-input v-model="form.billPicDispatchRmk" placeholder="请输入签收底单图片" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="修改人" prop="modifier">
|
||
<el-input v-model="form.modifier" placeholder="请输入修改人" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="修改人代码" prop="modifierCode">
|
||
<el-input v-model="form.modifierCode" placeholder="请输入修改人代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="修改时间" prop="modifyDate">
|
||
<el-input v-model="form.modifyDate" placeholder="请输入修改时间" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="修改站点" prop="modifySite">
|
||
<el-input v-model="form.modifySite" placeholder="请输入修改站点" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="修改站点代码" prop="modifySiteCode">
|
||
<el-input v-model="form.modifySiteCode" placeholder="请输入修改站点代码" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="删除标志（0代表存在" prop="delFlag">
|
||
<el-input v-model="form.delFlag" placeholder="请输入删除标志（0代表存在" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="备注" prop="remark">
|
||
<el-input v-model="form.remark" placeholder="请输入备注" />
|
||
</el-form-item>
|
||
</el-col>
|
||
|
||
<el-form-item label="上级字典">
|
||
<treeselect
|
||
ref="tree"
|
||
v-model="form.parentId"
|
||
:options="emisWaybillOptions"
|
||
:normalizer="normalizer"
|
||
:default-expand-level="1"
|
||
:show-count="true"
|
||
placeholder="选择上级"
|
||
/>
|
||
</el-form-item>
|
||
|
||
|
||
</el-form>
|
||
</el-row>
|
||
<div style="text-align: center;margin-bottom: 10px;">
|
||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||
<el-button @click="cancel">取 消</el-button>
|
||
</div>
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { listEmisWaybill, getEmisWaybill, delEmisWaybill, addEmisWaybill, updateEmisWaybill } from "@/api/emis/emisWaybill";
|
||
|
||
export default {
|
||
name: "emisWaybillForm",
|
||
props:{
|
||
id:undefined
|
||
},
|
||
components: { },
|
||
dicts: [
|
||
],
|
||
data() {
|
||
return {
|
||
emisWaybillOptions: [],
|
||
// 遮罩层
|
||
loading: true,
|
||
// 表单参数
|
||
form: {},
|
||
// 表单校验
|
||
rules: {
|
||
id: [
|
||
{ required: true, message: "id不能为空", trigger: "blur" }
|
||
],
|
||
orderSn: [
|
||
{ required: true, message: "订单号不能为空", trigger: "blur" }
|
||
],
|
||
orderStatus: [
|
||
{ required: true, message: "订单状态不能为空", trigger: "blur" }
|
||
],
|
||
receiveName: [
|
||
{ required: true, message: "收货人名不能为空", trigger: "blur" }
|
||
],
|
||
receiveMobile: [
|
||
{ required: true, message: "收货人手机号不能为空", trigger: "blur" }
|
||
],
|
||
receiveAddress: [
|
||
{ required: true, message: "收货地址不能为空", trigger: "blur" }
|
||
],
|
||
sendName: [
|
||
{ required: true, message: "寄件人名不能为空", trigger: "blur" }
|
||
],
|
||
sendMobile: [
|
||
{ required: true, message: "寄件人手机号不能为空", trigger: "blur" }
|
||
],
|
||
sendAddress: [
|
||
{ required: true, message: "寄件地址不能为空", trigger: "blur" }
|
||
],
|
||
}
|
||
};
|
||
},
|
||
watch: {
|
||
"id": {
|
||
handler (newValue, oldValue) {
|
||
this.id = newValue;
|
||
this.initData();
|
||
},
|
||
deep: true
|
||
}
|
||
},
|
||
created() {
|
||
this.initData();
|
||
},
|
||
|
||
methods: {
|
||
initData() {
|
||
this.reset();
|
||
if(this.id !=undefined) {
|
||
this.loading = true;
|
||
getEmisWaybill(this.id).then(response => {
|
||
this.form = response.data;
|
||
this.loading = false;
|
||
});
|
||
}
|
||
this.getTreeselect();
|
||
},
|
||
// 取消按钮
|
||
cancel() {
|
||
this.reset();
|
||
this.$emit("on-cancel");
|
||
},
|
||
// 表单重置
|
||
reset() {
|
||
this.form = {
|
||
id: null,
|
||
orderSn: null,
|
||
custOrderId: null,
|
||
billCode: null,
|
||
billCodeSub: null,
|
||
orderStatus: null,
|
||
orderStatusStr: null,
|
||
orderType: null,
|
||
userId: null,
|
||
customerCode: null,
|
||
customerName: null,
|
||
openId: null,
|
||
receiveName: null,
|
||
receiveCompany: null,
|
||
receiveMobile: null,
|
||
receiveTel: null,
|
||
receiveCountry: null,
|
||
receiveProvince: null,
|
||
receiveCity: null,
|
||
receiveCounty: null,
|
||
receiveTown: null,
|
||
receiveAddress: null,
|
||
receivePostcode: null,
|
||
sendName: null,
|
||
sendCompany: null,
|
||
sendMobile: null,
|
||
sendTel: null,
|
||
sendCountry: null,
|
||
sendProvince: null,
|
||
sendCity: null,
|
||
sendCounty: null,
|
||
sendTown: null,
|
||
sendAddress: null,
|
||
sendPostcode: null,
|
||
paymentType: null,
|
||
custNo: null,
|
||
transLineType: null,
|
||
productType: null,
|
||
timeType: null,
|
||
meterType: null,
|
||
customsClear: null,
|
||
customsEclaration: null,
|
||
estimateDate: null,
|
||
packType: null,
|
||
dispatchMethod: null,
|
||
pickupMethod: null,
|
||
pickStartDate: null,
|
||
pickFinishDate: null,
|
||
pickFailReason: null,
|
||
intoWarehouseCode: null,
|
||
intoWarehouseName: null,
|
||
intoWarehouseAddress: null,
|
||
intoWarehouseContact: null,
|
||
intoWarehousePhone: null,
|
||
intoWarehouseBillCode: null,
|
||
customerDeliveryBeginTime: null,
|
||
customerDeliveryEndTime: null,
|
||
goodsType: null,
|
||
goodsInfo: null,
|
||
totalWeight: null,
|
||
totalVolume: null,
|
||
parcelQty: null,
|
||
billWeight: null,
|
||
volumeWeight: null,
|
||
currency: null,
|
||
settlementWeight: null,
|
||
feeWeight: null,
|
||
freight: null,
|
||
blOverLong: null,
|
||
blBill: null,
|
||
blOverWeight: null,
|
||
overWeightNumber: null,
|
||
blBillText: null,
|
||
feeRemaker: null,
|
||
thirdCode: null,
|
||
realValue: null,
|
||
blInsure: null,
|
||
insureValue: null,
|
||
insureValueCurrency: null,
|
||
insureFeeCurrency: null,
|
||
insureFee: null,
|
||
insureRemark: null,
|
||
insureSite: null,
|
||
insureSiteCode: null,
|
||
insureDate: null,
|
||
blPrint: null,
|
||
printMan: null,
|
||
printManCode: null,
|
||
printSite: null,
|
||
printDate: null,
|
||
printCount: null,
|
||
blDispFd: null,
|
||
dispFdDate: null,
|
||
dispFdReason: null,
|
||
transferCode: null,
|
||
transferBillcode: null,
|
||
currentSiteCode: null,
|
||
nextSiteCode: null,
|
||
lastSiteCode: null,
|
||
sendSite: null,
|
||
sendSiteCode: null,
|
||
dispatchMan: null,
|
||
dispatchManCode: null,
|
||
dispatchDate: null,
|
||
dispatchSite: null,
|
||
dispatchSiteCode: null,
|
||
produceBillDate: null,
|
||
produceBillSite: null,
|
||
produceBillSiteCode: null,
|
||
produceBillMan: null,
|
||
produceBillManCode: null,
|
||
destination: null,
|
||
destinationCode: null,
|
||
destinationProvince: null,
|
||
destinationCity: null,
|
||
destinationCounty: null,
|
||
destinationCenter: null,
|
||
destinationCenterCode: null,
|
||
marketMan: null,
|
||
marketManCode: null,
|
||
payee: null,
|
||
salesmen: null,
|
||
operateEmployee: null,
|
||
operateEmployeeCode: null,
|
||
blIsQuestion: null,
|
||
problemCause: null,
|
||
blMessage: null,
|
||
blAcceptMessage: null,
|
||
signMan: null,
|
||
signManCode: null,
|
||
signSite: null,
|
||
signSiteCode: null,
|
||
signDate: null,
|
||
billPicSendRmk: null,
|
||
billPicDispatchRmk: null,
|
||
modifier: null,
|
||
modifierCode: null,
|
||
modifyDate: null,
|
||
modifySite: null,
|
||
modifySiteCode: null,
|
||
delFlag: null,
|
||
createBy: null,
|
||
createTime: null,
|
||
updateBy: null,
|
||
updateTime: null,
|
||
remark: null
|
||
};
|
||
this.resetForm("form");
|
||
},
|
||
/** 提交按钮 */
|
||
submitForm() {
|
||
this.$refs["form"].validate(valid => {
|
||
if (valid) {
|
||
if (this.form.id != null) {
|
||
updateEmisWaybill(this.form).then(response => {
|
||
this.$modal.msgSuccess("修改成功");
|
||
this.$emit("on-changed");
|
||
});
|
||
} else {
|
||
addEmisWaybill(this.form).then(response => {
|
||
this.$modal.msgSuccess("修改成功");
|
||
this.$emit("on-changed");
|
||
});
|
||
}
|
||
}
|
||
});
|
||
},
|
||
/** 转换菜单数据结构 */
|
||
normalizer(node) {
|
||
if (node.children && !node.children.length) {
|
||
delete node.children;
|
||
}
|
||
return {
|
||
id: node.id,
|
||
label: node.idName,
|
||
children: node.children
|
||
};
|
||
},
|
||
/** 查询菜单下拉树结构 */
|
||
getTreeselect() {
|
||
const queryParams = {}
|
||
listEmisWaybill(queryParams).then(response => {
|
||
this.emisWaybillOptions = [];
|
||
const rootItem = { idId: 0, emisWaybillName: '-', children: [] };
|
||
rootItem.children = this.handleTree(response.data, "id");
|
||
this.emisWaybillOptions.push(rootItem);
|
||
|
||
if(this.parentId != undefined) {
|
||
this.form.parentId = this.parentId;
|
||
}
|
||
|
||
});
|
||
},
|
||
}
|
||
};
|
||
</script>
|