1033 lines
42 KiB
Vue
1033 lines
42 KiB
Vue
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<el-row :gutter="0" >
|
||
|
|
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
|
||
|
|
<el-row :gutter="0" :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 8}" :xl="{span: 8}">
|
||
|
|
<el-col :span="24">
|
||
|
|
<div class="form-group-title">{{ $t('发货信息') }}</div>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="运单号" prop="billCode" >
|
||
|
|
<el-row>
|
||
|
|
<el-col :span="16">
|
||
|
|
<el-input v-model="form.billCode" placeholder="运单号" style="font-weight:600;color:black"/>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="8" style="padding-left:5px">
|
||
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" @change="checked=>handleBillCodeChange(checked)"><span style="font-size:10px">电子主单</span></el-checkbox>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="目的国" prop="destinationCounty">
|
||
|
|
<country-picker0 v-model="form.destinationCounty"></country-picker0>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="线路" prop="transLineType">
|
||
|
|
<trans-line-picker v-model="form.transLineType" :countryCode="form.destinationCounty"></trans-line-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="产品类型" prop="productType">
|
||
|
|
<trans-product-picker v-model="form.productType" :transLineCode="form.transLineType"></trans-product-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item :label="$t('发货时间')" prop="destination">
|
||
|
|
<el-input v-model="form.sendDate" placeholder="" readonly="" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="报关方式" prop="customsEclaration">
|
||
|
|
<el-select v-model="form.customsEclaration" placeholder="请选择">
|
||
|
|
<el-option
|
||
|
|
v-for="dict in dict.type.emis_declare_mode"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.label"
|
||
|
|
:value="dict.value"
|
||
|
|
></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="清关方式" prop="customsClear">
|
||
|
|
<el-select v-model="form.customsClear" placeholder="请选择">
|
||
|
|
<el-option
|
||
|
|
v-for="dict in dict.type.emis_customs_clear"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.label"
|
||
|
|
:value="dict.value"
|
||
|
|
></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<span> </span>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="取件类型" prop="pickupMethod">
|
||
|
|
<el-select v-model="form.pickupMethod" placeholder="请选择">
|
||
|
|
<el-option
|
||
|
|
v-for="dict in dict.type.emis_qujian_fangshi"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.label"
|
||
|
|
:value="dict.value"
|
||
|
|
></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item :label="$t('取件员')" prop="takePieceEmployeeCode">
|
||
|
|
<emis-user-picker0 v-model="form.takePieceEmployeeCode" ></emis-user-picker0>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item :label="$t('操作员')" prop="operateEmployeeCode">
|
||
|
|
<emis-user-picker1 v-model="form.operateEmployeeCode" ></emis-user-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<span> </span>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="回款联系人" prop="payee">
|
||
|
|
<el-input v-model="form.payee" placeholder="回款联系人" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
||
|
|
<el-form-item label="销售联系人" prop="salesmen">
|
||
|
|
<el-input v-model="form.salesmen" placeholder="销售联系人" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 12}" :xl="{span: 12}">
|
||
|
|
<div style="display:flex;padding-left: 30px;">
|
||
|
|
<el-checkbox-group v-model="printTypeCheckList">
|
||
|
|
<el-checkbox ><span style="font-size:10px">寄件网点存根联</span></el-checkbox>
|
||
|
|
<el-checkbox ><span style="font-size:10px">派件网点存根联</span></el-checkbox>
|
||
|
|
<el-checkbox ><span style="font-size:10px">寄件客户联</span></el-checkbox>
|
||
|
|
<el-checkbox ><span style="font-size:10px">收件客户联</span></el-checkbox>
|
||
|
|
<el-checkbox ><span style="font-size:10px">子单</span></el-checkbox>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
|
||
|
|
<el-row :gutter="0">
|
||
|
|
<el-col :span="12">
|
||
|
|
|
||
|
|
<el-row :gutter="0">
|
||
|
|
<el-col :span="24">
|
||
|
|
<div class="form-group-title">寄件人</div>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<div class="form-row-group-panel">
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="寄件客户" prop="customerCode">
|
||
|
|
<customer-picker0 v-model="form.customerCode"></customer-picker0>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="选择寄件人" prop="customerCode">
|
||
|
|
<customer-address-picker0 @onChange="onChangeSelectSender"></customer-address-picker0>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="寄件人" prop="sendName">
|
||
|
|
<el-input v-model="form.sendName" placeholder="" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="寄件电话" prop="sendMobile">
|
||
|
|
<el-input v-model="form.sendMobile" placeholder="" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="寄件公司" prop="sendCompany">
|
||
|
|
<el-input v-model="form.sendCompany" placeholder="" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<el-form-item label="寄件人电话" prop="sendTel">
|
||
|
|
<el-input v-model="form.sendTel" placeholder="请输入寄件人电话" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="国家" prop="sendCountry">
|
||
|
|
<country-picker1 v-model="form.sendCountry"></country-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="地区" prop="sendProvince" >
|
||
|
|
<!-- <region-adv-picker v-model="form.sendProvince" :countryCode="form.sendCountry" ></region-adv-picker> -->
|
||
|
|
<area-picker0 :countryCode="form.sendCountry" ></area-picker0>
|
||
|
|
|
||
|
|
<!-- <RegionPicker :countryCode="form.sendCountry" ></RegionPicker> -->
|
||
|
|
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<el-form-item label="省份" prop="sendProvince" >
|
||
|
|
<province-picker1 v-model="form.sendProvince" :countryCode="form.sendCountry" ></province-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="市" prop="sendCity" >
|
||
|
|
<city-picker1 v-model="form.sendCity" :pid="form.sendProvince" ></city-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="区" prop="sendCounty" >
|
||
|
|
<district-picker1 v-model="form.sendCounty" :pid="form.sendCity" ></district-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="镇" prop="sendTown" >
|
||
|
|
<town-picker1 v-model="form.sendTown" :pid="form.sendCounty" ></town-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="详细地址" prop="sendAddress">
|
||
|
|
<el-input v-model="form.sendAddress" type="textarea" placeholder="" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<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="registerSite">
|
||
|
|
<el-input v-model="form.registerSite" placeholder="请输入寄件网点" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="寄件网点" prop="registerSiteCode">
|
||
|
|
<el-input v-model="form.registerSiteCode" placeholder="寄件网点" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="" prop="blMessage">
|
||
|
|
<!-- <el-input v-model="form.blMessage" placeholder="请输入是否备注消息" /> -->
|
||
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blMessage" :true-label="1" :false-label="0"><span style="font-size:10px">寄件/签收短信</span></el-checkbox>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</el-row>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-row :gutter="0">
|
||
|
|
<el-col :span="24">
|
||
|
|
<div class="form-group-title">收件人</div>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<div class="form-row-group-panel">
|
||
|
|
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="收件客户" prop="customerCode">
|
||
|
|
<!-- <el-input v-model="form.customerCode" placeholder="请输入客户编号2502021" /> -->
|
||
|
|
<customer-picker1 v-model="form.receiveCustomerCode"></customer-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="选择收件人" prop="customerCode">
|
||
|
|
<!-- v-model="form.sendName" -->
|
||
|
|
<!-- <el-input v-model="form.customerCode" placeholder="请输入客户编号2502021" /> -->
|
||
|
|
<customer-address-picker1 @onChange="onChangeSelectReceiver"></customer-address-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<el-form-item label="客户名称" prop="customerName">
|
||
|
|
<el-input v-model="form.customerName" placeholder="请输入客户名称" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="收件人" prop="receiveName">
|
||
|
|
<el-input v-model="form.receiveName" placeholder="请输入收件人名" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="电话" prop="receiveMobile">
|
||
|
|
<el-input v-model="form.receiveMobile" placeholder="请输入收件人手机号" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="收件公司" prop="receiveCompany">
|
||
|
|
<el-input v-model="form.receiveCompany" placeholder="请输入收件公司" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<el-form-item label="收件人电话" prop="receiveTel">
|
||
|
|
<el-input v-model="form.receiveTel" placeholder="请输入收件人电话" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="国家" prop="receiveCountry">
|
||
|
|
<country-picker2 v-model="form.receiveCountry"></country-picker2>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="省" prop="receiveProvince">
|
||
|
|
<!-- <el-input v-model="form.receiveProvince" placeholder="请输入省" /> -->
|
||
|
|
<province-picker2 v-model="form.receiveProvince" :countryCode="form.receiveCountry" ></province-picker2>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="市" prop="receiveCity">
|
||
|
|
<city-picker1 v-model="form.receiveCity" :pid="form.receiveProvince" ></city-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="区" prop="receiveCounty">
|
||
|
|
<district-picker2 v-model="form.receiveCounty" :pid="form.receiveCity" ></district-picker2>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="镇" prop="receiveTown">
|
||
|
|
<town-picker1 v-model="form.receiveTown" :pid="form.receiveCounty" ></town-picker1>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="详细地址" prop="receiveAddress">
|
||
|
|
<el-input v-model="form.receiveAddress" type="textarea" 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="8">
|
||
|
|
<el-form-item label="目的地" prop="destinationCode">
|
||
|
|
<destination-picker v-model="form.destinationCode"></destination-picker>
|
||
|
|
<!-- <el-input v-model="form.destinationCode" placeholder="目的地" /> -->
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="24">
|
||
|
|
<el-form-item label="目的地网点" prop="dispatchUnderlingSite">
|
||
|
|
<el-input v-model="form.dispatchUnderlingSite" placeholder="请输入目的地网点" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="8">
|
||
|
|
<el-form-item label="目的网点" prop="dispatchUnderlingSiteCode">
|
||
|
|
<el-input v-model="form.dispatchUnderlingSiteCode" placeholder="目的网点" disabled />
|
||
|
|
</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="8">
|
||
|
|
<el-form-item label="派件网点" prop="dispatchSiteCode">
|
||
|
|
<el-input v-model="form.dispatchSiteCode" placeholder="派件网点" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="" prop="blAcceptMessage">
|
||
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blAcceptMessage" :true-label="1" :false-label="0"><span style="font-size:10px">派件短信</span></el-checkbox>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<el-form-item label="邮编" prop="receivePostcode">
|
||
|
|
<el-input v-model="form.receivePostcode" placeholder="请输入邮编" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
</div>
|
||
|
|
</el-row>
|
||
|
|
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
|
||
|
|
</el-row>
|
||
|
|
|
||
|
|
<el-row :gutter="0">
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-col :span="24">
|
||
|
|
<div class="form-group-title">货物信息</div>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<div class="form-row-group-panel">
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="货物大类" prop="goodsType">
|
||
|
|
<goods-picker v-model="form.goodsType"></goods-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="12">
|
||
|
|
<el-form-item label="货物描述" prop="goodsInfo">
|
||
|
|
<el-input v-model="form.goodsInfo" placeholder="货物描述" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="包装类型" prop="packType">
|
||
|
|
<el-select v-model="form.packType" placeholder="请选择">
|
||
|
|
<el-option
|
||
|
|
v-for="dict in dict.type.emis_tab_packing_type"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.label"
|
||
|
|
:value="dict.value"
|
||
|
|
></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="件数" prop="parcelQty">
|
||
|
|
<el-input v-model="form.parcelQty" placeholder="请输入件数" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="实际重量" prop="billWeight">
|
||
|
|
<el-input v-model="form.billWeight" placeholder="请输入实际重量" >
|
||
|
|
<span slot="suffix">(kg)</span>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="体积" prop="totalVolume">
|
||
|
|
<el-input v-model="form.totalVolume" placeholder="体积" >
|
||
|
|
<span slot="suffix">(m³)</span>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="体积重量" prop="volumeWeight">
|
||
|
|
<el-input v-model="form.volumeWeight" placeholder="" disabled>
|
||
|
|
<span slot="suffix">(kg)</span>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="结算重量" prop="settlementWeight">
|
||
|
|
<el-input v-model="form.settlementWeight" placeholder="" disabled >
|
||
|
|
<span slot="suffix">(kg)</span>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="" prop="blOverWeight">
|
||
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blOverWeight"><span style="font-size:10px">是否超重</span></el-checkbox>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="超重件数" prop="overWeightNumber">
|
||
|
|
<el-input :disabled="!form.blOverWeight" v-model="form.overWeightNumber" placeholder="超重件数" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="是否生成子单" prop="blGenSubbill">
|
||
|
|
<el-radio v-model="form.blGenSubbill" label="1">是</el-radio>
|
||
|
|
<el-radio v-model="form.blGenSubbill" label="0">否</el-radio>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="派件方式" prop="dispatchMethod">
|
||
|
|
<el-select v-model="form.dispatchMethod" placeholder="请选择">
|
||
|
|
<el-option
|
||
|
|
v-for="dict in dict.type.emis_tab_dispatch_mode"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.label"
|
||
|
|
:value="dict.value"
|
||
|
|
></el-option>
|
||
|
|
</el-select>
|
||
|
|
<!-- <el-input v-model="form.dispatchMethod" placeholder="请输入派件方式:1-送货上门" /> -->
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="进仓单" prop="goodsType">
|
||
|
|
<goods-picker v-model="form.goodsType"></goods-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="合同号" prop="custOrderId">
|
||
|
|
<el-input v-model="form.custOrderId" placeholder="合同号" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="备注" prop="remark">
|
||
|
|
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="子单号" prop="billCodeSub">
|
||
|
|
<el-input v-model="form.billCodeSub" type="textarea" placeholder="" disabled />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-col :span="24">
|
||
|
|
<div class="form-group-title">收费信息</div>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<div class="form-row-group-panel">
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="支付方式" prop="paymentType">
|
||
|
|
<el-select v-model="form.paymentType" placeholder="请选择">
|
||
|
|
<el-option
|
||
|
|
v-for="dict in dict.type.emis_payment_type"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.label"
|
||
|
|
:value="dict.value"
|
||
|
|
></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="第三方客户" prop="thirdCustomerCode">
|
||
|
|
<customer-picker2 v-model="form.thirdCustomerCode"></customer-picker2>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- <el-col :span="24">
|
||
|
|
<el-form-item label="第三方客户客户名称" prop="thirdCustomerName">
|
||
|
|
<el-input v-model="form.thirdCustomerName" placeholder="请输入第三方客户客户名称" />
|
||
|
|
</el-form-item>
|
||
|
|
</el-col> -->
|
||
|
|
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="计费方式" prop="calcFeeType">
|
||
|
|
<!-- <el-input v-model="form.calcFeeType" placeholder="请输入计费方式" /> -->
|
||
|
|
<el-radio-group v-model="form.calcFeeType">
|
||
|
|
<el-radio
|
||
|
|
v-for="dict in dict.type.emis_calc_fee_type"
|
||
|
|
:key="dict.value"
|
||
|
|
:label="dict.value"
|
||
|
|
>{{dict.label}}</el-radio>
|
||
|
|
</el-radio-group>
|
||
|
|
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
<el-col :span="24">
|
||
|
|
<el-form-item label="" prop="freight">
|
||
|
|
<el-input v-model="form.freight" placeholder="请输入运费" >
|
||
|
|
<span slot="prepend">
|
||
|
|
运费
|
||
|
|
</span>
|
||
|
|
</el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<div>
|
||
|
|
<el-input size="mini" placeholder="请输入内容" v-model="form.freight" class="input-with-select">
|
||
|
|
<el-select size="mini" v-model="form.freight" slot="prepend" placeholder="请选择">
|
||
|
|
<el-option label="运费" value="1"></el-option>
|
||
|
|
<el-option label="报关费" value="2"></el-option>
|
||
|
|
</el-select>
|
||
|
|
<el-select size="mini" v-model="form.freight" slot="append" placeholder="请选择">
|
||
|
|
<el-option label="CNY" value="CNY"></el-option>
|
||
|
|
<el-option label="USD" value="USD"></el-option>
|
||
|
|
</el-select>
|
||
|
|
</el-input>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</el-col>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
|
||
|
|
</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 { realMatchWaybill } from "@/api/emis/emisElectronicPag";
|
||
|
|
import { listEmisWaybill, getEmisWaybill, delEmisWaybill, addEmisWaybill, updateEmisWaybill} from "@/api/emis/emisWaybill";
|
||
|
|
import { parseTime } from "@/utils/custom";
|
||
|
|
|
||
|
|
|
||
|
|
import DestinationPicker from '@/views/emis/EmisBaseTools/DestinationPicker.vue';
|
||
|
|
|
||
|
|
import CustomerAddressPicker0 from '@/views/emis/EmisBaseTools/CustomerAddressPicker.vue';
|
||
|
|
import CustomerAddressPicker1 from '@/views/emis/EmisBaseTools/CustomerAddressPicker.vue';
|
||
|
|
|
||
|
|
|
||
|
|
import EmisUserPicker0 from '@/views/emis/EmisBaseTools/EmisUserPicker.vue';
|
||
|
|
import EmisUserPicker1 from '@/views/emis/EmisBaseTools/EmisUserPicker.vue';
|
||
|
|
|
||
|
|
import TransLinePicker from '@/views/emis/EmisBaseTools/TransLinePicker.vue';
|
||
|
|
import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vue';
|
||
|
|
|
||
|
|
import CountryPicker0 from '@/views/emis/EmisBaseTools/CountryPicker.vue';
|
||
|
|
|
||
|
|
import CountryPicker1 from '@/views/emis/EmisBaseTools/CountryPicker.vue';
|
||
|
|
import ProvincePicker1 from '@/views/emis/EmisBaseTools/ProvincePicker.vue';
|
||
|
|
import CityPicker1 from '@/views/emis/EmisBaseTools/CityPicker.vue';
|
||
|
|
import DistrictPicker1 from '@/views/emis/EmisBaseTools/DistrictPicker.vue';
|
||
|
|
import TownPicker1 from '@/views/emis/EmisBaseTools/TownPicker.vue';
|
||
|
|
|
||
|
|
import CountryPicker2 from '@/views/emis/EmisBaseTools/CountryPicker.vue';
|
||
|
|
import ProvincePicker2 from '@/views/emis/EmisBaseTools/ProvincePicker.vue';
|
||
|
|
import CityPicker2 from '@/views/emis/EmisBaseTools/CityPicker.vue';
|
||
|
|
import DistrictPicker2 from '@/views/emis/EmisBaseTools/DistrictPicker.vue';
|
||
|
|
import TownPicker2 from '@/views/emis/EmisBaseTools/TownPicker.vue';
|
||
|
|
|
||
|
|
// import AreaPicker0 from '@/views/emis/EmisBaseTools/AreaPicker.vue';
|
||
|
|
import CustomerPicker0 from '@/views/emis/EmisBaseTools/CustomerPicker.vue';
|
||
|
|
import CustomerPicker1 from '@/views/emis/EmisBaseTools/CustomerPicker.vue';
|
||
|
|
import CustomerPicker2 from '@/views/emis/EmisBaseTools/CustomerPicker.vue';
|
||
|
|
|
||
|
|
import GoodsPicker from '@/views/emis/EmisBaseTools/GoodsPicker.vue';
|
||
|
|
// import RegionAdvPicker from '@/views/emis/EmisBaseTools/RegionAdvPicker.vue';
|
||
|
|
|
||
|
|
// import RegionPicker from '@/views/emis/EmisBaseTools/RegionPicker.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "emisWaybillForm",
|
||
|
|
props:{
|
||
|
|
id:undefined
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
// RegionPicker,
|
||
|
|
// RegionAdvPicker,
|
||
|
|
// GoodsPicker,
|
||
|
|
// CustomerAddressPicker0,
|
||
|
|
// CustomerAddressPicker1,
|
||
|
|
// EmisUserPicker0,
|
||
|
|
// EmisUserPicker1,
|
||
|
|
// CustomerPicker0,
|
||
|
|
// CustomerPicker1,
|
||
|
|
// CustomerPicker2,
|
||
|
|
// DestinationPicker,
|
||
|
|
// TransLinePicker,
|
||
|
|
// TransProductPicker,
|
||
|
|
// AreaPicker0,
|
||
|
|
// CountryPicker0,
|
||
|
|
// CountryPicker1,
|
||
|
|
// ProvincePicker1,
|
||
|
|
// CityPicker1,
|
||
|
|
// DistrictPicker1,
|
||
|
|
// TownPicker1,
|
||
|
|
// CountryPicker2,
|
||
|
|
// ProvincePicker2,
|
||
|
|
// CityPicker2,
|
||
|
|
// DistrictPicker2,
|
||
|
|
// TownPicker2,
|
||
|
|
},
|
||
|
|
dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
|
||
|
|
'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
|
||
|
|
'emis_calc_fee_type'],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
emisWaybillOptions: [],
|
||
|
|
// 遮罩层
|
||
|
|
loading: true,
|
||
|
|
printTypeCheckList:[],
|
||
|
|
// 表单参数
|
||
|
|
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
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mouted(){
|
||
|
|
},
|
||
|
|
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;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var that=this;
|
||
|
|
setInterval(()=>{
|
||
|
|
that.showLocalTime();
|
||
|
|
}, 1000);
|
||
|
|
|
||
|
|
},
|
||
|
|
// 取消按钮
|
||
|
|
cancel() {
|
||
|
|
this.reset();
|
||
|
|
this.$emit("on-cancel");
|
||
|
|
},
|
||
|
|
// 表单重置
|
||
|
|
reset() {
|
||
|
|
this.form = {
|
||
|
|
id: null,
|
||
|
|
orderSn: null,
|
||
|
|
custOrderId: null,
|
||
|
|
billCode: null,
|
||
|
|
billCodeSub: null,
|
||
|
|
orderStatus: null,
|
||
|
|
orderType: null,
|
||
|
|
orderDate: null,
|
||
|
|
userId: null,
|
||
|
|
customerCode: null,
|
||
|
|
customerName: null,
|
||
|
|
receiveCustomerCode: null,
|
||
|
|
receiveCustomerName: null,
|
||
|
|
thirdCustomerCode: null,
|
||
|
|
thirdCustomerName: 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,
|
||
|
|
calcFeeType: 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,
|
||
|
|
registerSite: null,
|
||
|
|
registerSiteCode: null,
|
||
|
|
registerDate: null,
|
||
|
|
registerMan: null,
|
||
|
|
registerManCode: null,
|
||
|
|
takePieceEmployee: null,
|
||
|
|
takePieceEmployeeCode: null,
|
||
|
|
sendSite: null,
|
||
|
|
sendSiteCode: null,
|
||
|
|
sendDate: 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,
|
||
|
|
dispatchUnderlingSite: null,
|
||
|
|
dispatchUnderlingSiteCode: 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,
|
||
|
|
blGenSubbill: null,
|
||
|
|
signMan: null,
|
||
|
|
signManCode: null,
|
||
|
|
signSite: null,
|
||
|
|
signSiteCode: null,
|
||
|
|
signDate: null,
|
||
|
|
billPicSendRmk: null,
|
||
|
|
billPicDispatchRmk: null,
|
||
|
|
timezoneOffset: 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");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
onChangeSelectSender(value){
|
||
|
|
this.form.sendName=value.shortName;
|
||
|
|
this.form.sendMobile=value.phone;
|
||
|
|
this.form.sendCountry=value.country;
|
||
|
|
this.form.sendProvince=value.province;
|
||
|
|
this.form.sendCity=value.city;
|
||
|
|
this.form.sendCounty=value.district;
|
||
|
|
this.form.sendTown=value.town;
|
||
|
|
this.form.sendAddress=value.address;
|
||
|
|
this.form.sendCompany=value.company;
|
||
|
|
},
|
||
|
|
onChangeSelectReceiver(value){
|
||
|
|
this.form.receiveName=value.shortName;
|
||
|
|
this.form.receiveMobile=value.phone;
|
||
|
|
this.form.receiveCountry=value.country;
|
||
|
|
this.form.receiveProvince=value.province;
|
||
|
|
this.form.receiveCity=value.city;
|
||
|
|
this.form.receiveCounty=value.district;
|
||
|
|
this.form.receiveTown=value.town;
|
||
|
|
this.form.receiveAddress=value.address;
|
||
|
|
this.form.receiveCompany=value.company;
|
||
|
|
|
||
|
|
// receiveName: null,
|
||
|
|
// receiveCompany: null,
|
||
|
|
// receiveMobile: null,
|
||
|
|
// receiveTel: null,
|
||
|
|
// receiveCountry: null,
|
||
|
|
// receiveProvince: null,
|
||
|
|
// receiveCity: null,
|
||
|
|
// receiveCounty: null,
|
||
|
|
// receiveTown: null,
|
||
|
|
// receiveAddress: null,
|
||
|
|
// receivePostcode: null,
|
||
|
|
},
|
||
|
|
showLocalTime(){
|
||
|
|
this.form.sendDate = parseTime(new Date());
|
||
|
|
},
|
||
|
|
handleBillCodeChange(checked,item){
|
||
|
|
if(checked){
|
||
|
|
realMatchWaybill().then(response => {
|
||
|
|
console.log(response);
|
||
|
|
this.form.billCode=response.data;
|
||
|
|
});
|
||
|
|
}else{
|
||
|
|
this.form.billCode=""
|
||
|
|
}
|
||
|
|
},
|
||
|
|
querySearchAsync(queryString, cb) {
|
||
|
|
clearTimeout(this.timeout);
|
||
|
|
var results = [];
|
||
|
|
if (queryString == "") {
|
||
|
|
cb(results);
|
||
|
|
} else {
|
||
|
|
// this.timeout = setTimeout(() => {
|
||
|
|
const obj = {
|
||
|
|
hospitalId: this.$store.state.hospitalId,
|
||
|
|
name: queryString,
|
||
|
|
};
|
||
|
|
// bankOption(obj).then((res) => {
|
||
|
|
// if (res.code == 200) {
|
||
|
|
// var result = res.data;
|
||
|
|
// //循环放到一个远程搜索需要的数组
|
||
|
|
// for (let i = 0; i < result.length; i++) {
|
||
|
|
// const element = result[i];
|
||
|
|
// results.push({
|
||
|
|
// value: element,
|
||
|
|
// });
|
||
|
|
// }
|
||
|
|
// this.noData = false;
|
||
|
|
// if (result.length === 0) {
|
||
|
|
// results = [{ default: "无匹配数据" }];
|
||
|
|
// this.noData = true;
|
||
|
|
// }
|
||
|
|
// cb(results);
|
||
|
|
// } else {
|
||
|
|
// this.noData = true;
|
||
|
|
// results = [{ default: "无匹配数据" }];
|
||
|
|
// cb(results);
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
// }, 1500);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
createStateFilter(queryString) {
|
||
|
|
return (state) => {
|
||
|
|
return (
|
||
|
|
state.value.toLowerCase().indexOf(queryString.toLowerCase()) > -1
|
||
|
|
);
|
||
|
|
};
|
||
|
|
},
|
||
|
|
//选择联想关键词时触发
|
||
|
|
async handleSelect(val) {
|
||
|
|
this.keyword = val.value;
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
|
||
|
|
.el-form-item__label {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-input-group__append {
|
||
|
|
padding: 0 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-row{
|
||
|
|
display:flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
// padding-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-form-item__label {
|
||
|
|
font-size: 12px!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-form-item{
|
||
|
|
margin-bottom: 8px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-row-group-panel{
|
||
|
|
margin-right: 5px;
|
||
|
|
padding: 8px;
|
||
|
|
border-right: 1px solid #ededed;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.platform-auto-complete {
|
||
|
|
.el-autocomplete-suggestion__wrap {
|
||
|
|
padding: 5px 0;
|
||
|
|
ul li {
|
||
|
|
pointer-events: none; // 阻止可点击事件
|
||
|
|
.default {
|
||
|
|
text-align: center;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|