|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<basic-container>
|
|
|
|
|
<el-divider style="font-size: 28px">货物托运单</el-divider>
|
|
|
|
|
<el-form
|
|
|
|
|
ref="ruleFormRef"
|
|
|
|
|
:inline="true"
|
|
|
|
|
:rules="details.rules"
|
|
|
|
|
:model="query"
|
|
|
|
|
class="el-fr-d"
|
|
|
|
|
label-width="100px"
|
|
|
|
|
>
|
|
|
|
|
<!-- 顶部 -->
|
|
|
|
|
<div class="flex-c-sb form_top">
|
|
|
|
|
<div>
|
|
|
|
|
<el-form-item class="mt10" label="运单号: " prop="waybillNo" label-width="80px">
|
|
|
|
|
<div><el-input v-model.trim="query.waybillNo" placeholder="运单号" clearable /></div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="flex-c-c">
|
|
|
|
|
<div style="margin-right: 10px" class="flex-c-c">
|
|
|
|
|
<el-icon><User /></el-icon>
|
|
|
|
|
<span style="margin-left: 10px">{{ details.info.openOrderUserName }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<el-date-picker v-model="query.openOrderDate" type="datetime" placeholder="创建时间" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 第一排 -->
|
|
|
|
|
<div class="table-row mt15 border-top">
|
|
|
|
|
<el-form-item label="发站仓:" prop="departureWarehouseName" class="el-times">
|
|
|
|
|
<el-input disabled v-model="query.departureWarehouseName" placeholder="货号"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="到站:" prop="destination">
|
|
|
|
|
<div class="w100">
|
|
|
|
|
<el-cascader
|
|
|
|
|
pleceholder="请选择到站地址"
|
|
|
|
|
:options="details.regionOptione"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
v-model="query.destination"
|
|
|
|
|
:props="{
|
|
|
|
|
checkStrictly: true,
|
|
|
|
|
}"
|
|
|
|
|
filterable
|
|
|
|
|
clearable
|
|
|
|
|
>
|
|
|
|
|
<template #default="{ node, data }">
|
|
|
|
|
<span>{{ data.label }}</span>
|
|
|
|
|
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-cascader>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="目的仓:" class="el-times" prop="destinationWarehouseName">
|
|
|
|
|
<el-select
|
|
|
|
|
class="w100"
|
|
|
|
|
v-model="query.destinationWarehouseId"
|
|
|
|
|
filterable
|
|
|
|
|
remote
|
|
|
|
|
reserve-keyword
|
|
|
|
|
placeholder="目的仓"
|
|
|
|
|
@change="destinationWarehouseNameChange"
|
|
|
|
|
:remote-method="remoteMethod"
|
|
|
|
|
:loading="details.loadingObj.loading"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.options"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.warehouseName"
|
|
|
|
|
:value="item.warehouseId"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="货号:" prop="goodsCode">
|
|
|
|
|
<el-input v-model="query.goodsCode" placeholder="货号"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 发货方 && 收货方 -->
|
|
|
|
|
<div class="table-row">
|
|
|
|
|
<div style="margin-right: 10px">
|
|
|
|
|
<div class="flex-c table-row-title">发货方</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="发货单位:" prop="shipper">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.shipper, 'shipper')"
|
|
|
|
|
v-model="query.shipper"
|
|
|
|
|
placeholder="发货单位"
|
|
|
|
|
ref="shipper"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.shipperOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseShipper"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="发货人:" prop="shipperName">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.shipper, 'shipper')"
|
|
|
|
|
v-model="query.shipperName"
|
|
|
|
|
placeholder="发货人"
|
|
|
|
|
ref="shipperName"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.shipperOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseShipper"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="联系电话:" prop="shipperMobile">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.shipper, 'shipper')"
|
|
|
|
|
v-model="query.shipperMobile"
|
|
|
|
|
placeholder="联系电话"
|
|
|
|
|
ref="shipperMobile"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.shipperOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseShipper"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="发货地址:">
|
|
|
|
|
<el-input v-model="query.shipperAddress" placeholder="发货地址"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="border-left">
|
|
|
|
|
<div class="flex-c table-row-title">收货方</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- <el-form-item label="收货单位:" prop="consignee">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.consignee, 'consignee')"
|
|
|
|
|
v-model="query.consignee"
|
|
|
|
|
placeholder="收货单位"
|
|
|
|
|
ref="consignee"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.consignerOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseConsigner"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
<el-form-item label="发货单位:" prop="consignee">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.consignee, 'consignee')"
|
|
|
|
|
v-model="query.consignee"
|
|
|
|
|
placeholder="收货人"
|
|
|
|
|
ref="consignee"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.consignerOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseConsigner"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="收货人:" prop="consigneeName">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.consignee, 'consignee')"
|
|
|
|
|
v-model="query.consigneeName"
|
|
|
|
|
placeholder="收货人"
|
|
|
|
|
ref="consigneeName"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.consignerOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseConsigner"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="联系电话:" prop="consigneeMobile">
|
|
|
|
|
<SelectBox
|
|
|
|
|
:input="handleFindClientInfo(query.consignee, 'consignee')"
|
|
|
|
|
v-model="query.consigneeMobile"
|
|
|
|
|
placeholder="联系电话"
|
|
|
|
|
ref="consigneeMobile"
|
|
|
|
|
>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="details.consignerOptions"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
@row-click="handleChooseConsigner"
|
|
|
|
|
:loading="details.loadingObj.consignerLoading"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column prop="clientName" label="发货单位" width="130" />
|
|
|
|
|
<el-table-column prop="linkMan" label="发货人" width="130" />
|
|
|
|
|
<el-table-column prop="linkPhone" label="发货联系电话" width="130" />
|
|
|
|
|
<el-table-column prop="linkAddress" label="发货地址" width="200" />
|
|
|
|
|
</el-table>
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="发货地址:">
|
|
|
|
|
<el-input v-model="query.consigneeAddress" placeholder="发货地址"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 计价方式行 -->
|
|
|
|
|
<div
|
|
|
|
|
class="table-row table_row_number"
|
|
|
|
|
style="display: flex"
|
|
|
|
|
v-for="(item, index) in details.goodsList"
|
|
|
|
|
:key="item"
|
|
|
|
|
>
|
|
|
|
|
<!-- 加减按钮 -->
|
|
|
|
|
<div style="width: 55px; flex: none" class="flex-c-c">
|
|
|
|
|
<el-button
|
|
|
|
|
v-if="index === 0"
|
|
|
|
|
@click="handleAdd"
|
|
|
|
|
icon="Plus"
|
|
|
|
|
type="primary"
|
|
|
|
|
size="small"
|
|
|
|
|
circle
|
|
|
|
|
></el-button>
|
|
|
|
|
|
|
|
|
|
<el-button
|
|
|
|
|
v-else
|
|
|
|
|
@click="handleRemove(index)"
|
|
|
|
|
icon="Minus"
|
|
|
|
|
type="primary"
|
|
|
|
|
size="small"
|
|
|
|
|
circle
|
|
|
|
|
></el-button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="width: 230px; flex: none">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label="计价方式:"
|
|
|
|
|
label-width="fit-content"
|
|
|
|
|
prop="chargeType"
|
|
|
|
|
class="el-times"
|
|
|
|
|
>
|
|
|
|
|
<el-radio-group
|
|
|
|
|
v-model="item.chargeType"
|
|
|
|
|
@change="handleComputed(item)"
|
|
|
|
|
style="display: flex"
|
|
|
|
|
>
|
|
|
|
|
<el-radio :label="1">件</el-radio>
|
|
|
|
|
<el-radio :label="2">方</el-radio>
|
|
|
|
|
<el-radio :label="3">公斤</el-radio>
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-form-item
|
|
|
|
|
label="货物名称:"
|
|
|
|
|
label-width="fit-content"
|
|
|
|
|
prop="goodsName"
|
|
|
|
|
class="el-times"
|
|
|
|
|
>
|
|
|
|
|
<SelectBox className="goodsName" v-model="item.goodsName" placeholder="货物名称">
|
|
|
|
|
暂无数据
|
|
|
|
|
</SelectBox>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="件数:" label-width="fit-content" prop="num" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="item.num"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:min="0"
|
|
|
|
|
:precision="0"
|
|
|
|
|
:step="1"
|
|
|
|
|
@change="handleComputed(item)"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="体积(方):" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="item.volume"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:min="0"
|
|
|
|
|
:precision="4"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
@change="handleComputed(item)"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="重量(kg):" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="item.weight"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:min="0"
|
|
|
|
|
:precision="3"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
@change="handleComputed(item)"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="单价:" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="item.price"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:min="0"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
@change="handleComputed(item)"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="运费小计:" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="item.subtotalFreight"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
:disabled="item.price > 0 || Number(item.price) !== Number(item.price)"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 合计行 -->
|
|
|
|
|
<div class="table-row table_row_number table_row_total">
|
|
|
|
|
<div style="width: 55px; flex: none" class="flex-c-c"></div>
|
|
|
|
|
<div style="width: 230px; flex: none">合计</div>
|
|
|
|
|
<!-- 货物名称 -->
|
|
|
|
|
<div>{{ details.goodsList.length }}</div>
|
|
|
|
|
<!-- 件数 -->
|
|
|
|
|
<div>{{ details.totalObj.totalCount }}</div>
|
|
|
|
|
<!-- 体积 -->
|
|
|
|
|
<div>{{ details.totalObj.totalVolume }}</div>
|
|
|
|
|
<!-- 重量 -->
|
|
|
|
|
<div>{{ details.totalObj.totalWeghit }}</div>
|
|
|
|
|
<div></div>
|
|
|
|
|
<!-- 运费 -->
|
|
|
|
|
<div>{{ details.totalObj.totalFreight }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 合计运费 && 支付方式 -->
|
|
|
|
|
<div class="table-row">
|
|
|
|
|
<!-- 合计运费 -->
|
|
|
|
|
<div style="margin-right: 10px; width: 55%; flex: none; zoom: 0.9">
|
|
|
|
|
<div style="flex: 1">
|
|
|
|
|
<div class="table-row-title" style="margin-bottom: 10px">
|
|
|
|
|
<div class="table-row-title-item">
|
|
|
|
|
合计费用
|
|
|
|
|
<span class="red">{{ totalCost }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-form label-width="fit-content">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="运费:">
|
|
|
|
|
<el-input
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="details.totalObj.totalFreight"
|
|
|
|
|
disabled
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="送货费:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.deliveryFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="提货费:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.pickupFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="仓库管理费:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.warehouseManagementFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="仓储费:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.storageFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label="装卸费:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.handlingFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="其它费用:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.otherFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="保价费:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.insuranceFee"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="申明价值:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.claimingValue"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="回扣:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.rebate"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 付款方式 -->
|
|
|
|
|
<div style="zoom: 0.9" class="border-left">
|
|
|
|
|
<div style="flex: 1">
|
|
|
|
|
<div class="table-row-title" style="margin-bottom: 10px">
|
|
|
|
|
<div class="table-row-title-item">付款方式</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label-width="fit-content" label="支付方式:">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="query.payType"
|
|
|
|
|
:teleported="false"
|
|
|
|
|
class="m-2"
|
|
|
|
|
placeholder="支付方式"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.info.payTypeList"
|
|
|
|
|
:key="item.dictValue"
|
|
|
|
|
:label="item.dictValue"
|
|
|
|
|
:value="item.dictKey"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="付款方式:" label-width="fit-content" prop="payWay">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="query.payWay"
|
|
|
|
|
:teleported="false"
|
|
|
|
|
class="m-2"
|
|
|
|
|
placeholder="付款方式"
|
|
|
|
|
>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.info.payWayList"
|
|
|
|
|
:key="item.dictValue"
|
|
|
|
|
:label="item.dictValue"
|
|
|
|
|
:value="item.dictKey"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label-width="fit-content" label="现付:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.xianPay"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form-item label-width="fit-content" label="到付:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.daoPay"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label-width="fit-content" label="月结:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.yuePay"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label-width="fit-content" label="回付:">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.huiPay"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 代收款 -->
|
|
|
|
|
<div style="width: 10%; flex: none; zoom: 0.9">
|
|
|
|
|
<div style="flex: 1">
|
|
|
|
|
<div class="table-row-title" style="margin-bottom: 10px">
|
|
|
|
|
<div class="table-row-title-item">代收款</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-form label-width="fit-content" :rules="details.rules">
|
|
|
|
|
<el-row>
|
|
|
|
|
<div style="font-size: 14px">代收货款:</div>
|
|
|
|
|
<el-form-item label-width="0">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:min="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
v-model="query.replacePrice"
|
|
|
|
|
></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 计价方式行 -->
|
|
|
|
|
<div class="table-row table_row_number">
|
|
|
|
|
<div>
|
|
|
|
|
<el-form-item label="开单人:" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input v-model="query.openOrderUserName" disabled />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="三方操作费:" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="query.thirdOperationFee"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:precision="0"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item
|
|
|
|
|
prop="deliveryWay"
|
|
|
|
|
label="送货方式:"
|
|
|
|
|
label-width="fit-content"
|
|
|
|
|
class="el-times"
|
|
|
|
|
>
|
|
|
|
|
<el-select v-model="query.deliveryWay" class="m-2" placeholder="送货方式">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.info.deliveryWayList"
|
|
|
|
|
:key="item.dictValue"
|
|
|
|
|
:label="item.dictValue"
|
|
|
|
|
:value="item.dictKey"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="紧急度:" label-width="fit-content" prop="urgency" class="el-times">
|
|
|
|
|
<el-select v-model="query.urgency" class="m-2" placeholder="紧急度">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.info.urgencyList"
|
|
|
|
|
:key="item.dictValue"
|
|
|
|
|
:label="item.dictValue"
|
|
|
|
|
:value="item.dictKey"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="回单" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-input-number
|
|
|
|
|
:controls="false"
|
|
|
|
|
v-model="query.receiptNum"
|
|
|
|
|
controls-position="right"
|
|
|
|
|
:precision="0"
|
|
|
|
|
:step="1"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="回单要求:" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-select v-model="query.receipt" class="m-2" placeholder="回单要求">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.info.receiptList"
|
|
|
|
|
:key="item.dictValue"
|
|
|
|
|
:label="item.dictValue"
|
|
|
|
|
:value="item.dictKey"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="运输方式:" label-width="fit-content" class="el-times">
|
|
|
|
|
<el-select v-model="query.transportType" class="m-2" placeholder="运输方式">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in details.info.transportTypeList"
|
|
|
|
|
:key="item.dictValue"
|
|
|
|
|
:label="item.dictValue"
|
|
|
|
|
:value="item.dictKey"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 订单自编号 -->
|
|
|
|
|
<div class="table-row">
|
|
|
|
|
<el-form-item label="备注:" class="el-times">
|
|
|
|
|
<el-input v-model="query.remark" type="textarea" placeholder="备注"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<div class="flex-c-c">
|
|
|
|
|
<el-button type="primary" icon="Position" @click="handleSubmit(ruleFormRef)"
|
|
|
|
|
>提交</el-button
|
|
|
|
|
>
|
|
|
|
|
<!-- <el-button type="primary" icon="Refresh" @click="handleRefresh">重置</el-button> -->
|
|
|
|
|
<el-button type="primary" icon="Close" @click="back">关闭</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form>
|
|
|
|
|
</basic-container>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import {
|
|
|
|
|
ref,
|
|
|
|
|
reactive,
|
|
|
|
|
toRefs,
|
|
|
|
|
computed,
|
|
|
|
|
onMounted,
|
|
|
|
|
nextTick,
|
|
|
|
|
getCurrentInstance,
|
|
|
|
|
watch,
|
|
|
|
|
} from 'vue';
|
|
|
|
|
import functions from '@/utils/functions';
|
|
|
|
|
import dayjs from 'dayjs';
|
|
|
|
|
import { mapGetters } from 'vuex';
|
|
|
|
|
/** 获取字典 */
|
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict';
|
|
|
|
|
import { downloadXls, computeNumber } from '@/utils/util';
|
|
|
|
|
import { getLazyTreeAll } from '@/api/base/region';
|
|
|
|
|
import { ElMessage } from 'element-plus';
|
|
|
|
|
import type { FormInstance, FormRules } from 'element-plus';
|
|
|
|
|
import { useRouter, useRoute } from 'vue-router';
|
|
|
|
|
import { useStore } from 'vuex';
|
|
|
|
|
import {
|
|
|
|
|
postOpenOrderFindClientInfo,
|
|
|
|
|
getOpenOrderAdvanceToWaybillInfo,
|
|
|
|
|
postOpenOrderOpenWaybill,
|
|
|
|
|
getOpenOrderAdvanceFindWarehouseList,
|
|
|
|
|
postOpenOrderOpenZeroWaybillInfo,
|
|
|
|
|
postOpenOrderOpenZeroWaybill,
|
|
|
|
|
postFindWaybillDetail,
|
|
|
|
|
} from '@/api/distribution/CreateOrder.js';
|
|
|
|
|
|
|
|
|
|
// 获取vue实例
|
|
|
|
|
const instance = getCurrentInstance();
|
|
|
|
|
|
|
|
|
|
// 获取表单实例
|
|
|
|
|
const ruleFormRef = ref<FormInstance>();
|
|
|
|
|
|
|
|
|
|
// vuex
|
|
|
|
|
const $store = useStore();
|
|
|
|
|
|
|
|
|
|
// 获取路由实例
|
|
|
|
|
const $router = useRouter();
|
|
|
|
|
const $route = useRoute();
|
|
|
|
|
|
|
|
|
|
const details = reactive<any>({
|
|
|
|
|
/** 请求的数据 */
|
|
|
|
|
info: {},
|
|
|
|
|
/** 表格搜索条件 */
|
|
|
|
|
query: {
|
|
|
|
|
/** 品牌 */
|
|
|
|
|
brand: '',
|
|
|
|
|
/** 创建时间 */
|
|
|
|
|
openOrderDate: new Date(),
|
|
|
|
|
/** 客户车次号 */
|
|
|
|
|
customerTrain: '',
|
|
|
|
|
/** 运单号 */
|
|
|
|
|
waybillNo: '',
|
|
|
|
|
/** 发站仓id */
|
|
|
|
|
departureWarehouseId: '',
|
|
|
|
|
/** 发站仓名称 */
|
|
|
|
|
departureWarehouseName: '',
|
|
|
|
|
/** 到站 */
|
|
|
|
|
destination: '',
|
|
|
|
|
/** 订单自编号 */
|
|
|
|
|
orderCode: '',
|
|
|
|
|
/** 目的站名称 */
|
|
|
|
|
destinationWarehouseName: '',
|
|
|
|
|
/** 目的仓Id */
|
|
|
|
|
destinationWarehouseId: '',
|
|
|
|
|
/** 货物号 */
|
|
|
|
|
goodsCode: '',
|
|
|
|
|
/** 发货单位id */
|
|
|
|
|
shipperId: '',
|
|
|
|
|
/** 发货单位 */
|
|
|
|
|
shipper: '',
|
|
|
|
|
/** 发货人 */
|
|
|
|
|
shipperName: '',
|
|
|
|
|
/** 发货人电话 */
|
|
|
|
|
shipperMobile: '',
|
|
|
|
|
/** 发货人地址 */
|
|
|
|
|
shipperAddress: '',
|
|
|
|
|
/** 收货单位id */
|
|
|
|
|
consigneeId: '',
|
|
|
|
|
/** 收货单位 */
|
|
|
|
|
consignee: '',
|
|
|
|
|
/** 收货人 */
|
|
|
|
|
consigneeName: '',
|
|
|
|
|
/** 收货人电话 */
|
|
|
|
|
consigneeMobile: '',
|
|
|
|
|
/** 收货人地址 */
|
|
|
|
|
consigneeAddress: '',
|
|
|
|
|
/** 货物品类 */
|
|
|
|
|
waybillDetailList: [],
|
|
|
|
|
/** 送货费 */
|
|
|
|
|
deliveryFee: 0,
|
|
|
|
|
/** 提货费 */
|
|
|
|
|
pickupFee: 0,
|
|
|
|
|
/** 仓库管理费 */
|
|
|
|
|
warehouseManagementFee: 0,
|
|
|
|
|
/** 仓储费 */
|
|
|
|
|
storageFee: 0,
|
|
|
|
|
/** 装卸费 */
|
|
|
|
|
handlingFee: 0,
|
|
|
|
|
/** 其他费 */
|
|
|
|
|
otherFee: 0,
|
|
|
|
|
/** 保价费 */
|
|
|
|
|
insuranceFee: 0,
|
|
|
|
|
/** 申明价值 */
|
|
|
|
|
claimingValue: 0,
|
|
|
|
|
/** 支付方式 */
|
|
|
|
|
payType: '',
|
|
|
|
|
/** 付款方式 */
|
|
|
|
|
payWay: '',
|
|
|
|
|
/** 现付 */
|
|
|
|
|
xianPay: 0,
|
|
|
|
|
/** 到付 */
|
|
|
|
|
daoPay: 0,
|
|
|
|
|
/** 月付 */
|
|
|
|
|
yuePay: 0,
|
|
|
|
|
/** 回付 */
|
|
|
|
|
huiPay: 0,
|
|
|
|
|
/** 回扣 */
|
|
|
|
|
rebate: 0,
|
|
|
|
|
huilaiPay: 0,
|
|
|
|
|
/** 三方操作费 */
|
|
|
|
|
thirdOperationFee: 0,
|
|
|
|
|
/** 送货方式 */
|
|
|
|
|
deliveryWay: '',
|
|
|
|
|
/** 紧急度 */
|
|
|
|
|
urgency: '',
|
|
|
|
|
/** 回单方式(多选) */
|
|
|
|
|
receipt: '',
|
|
|
|
|
/** 运输方式 */
|
|
|
|
|
transportType: '',
|
|
|
|
|
/** 开单人 */
|
|
|
|
|
openOrderUserName: '',
|
|
|
|
|
/** 回单数 */
|
|
|
|
|
receiptNum: 0,
|
|
|
|
|
/** 代收货款 */
|
|
|
|
|
replacePrice: 0,
|
|
|
|
|
/** 备注 */
|
|
|
|
|
remark: '',
|
|
|
|
|
/** 运单类型 */
|
|
|
|
|
waybillType: 1,
|
|
|
|
|
},
|
|
|
|
|
/** 合计 */
|
|
|
|
|
totalObj: {
|
|
|
|
|
/** 总件数 */
|
|
|
|
|
totalCount: computed(() => {
|
|
|
|
|
return details.goodsList.reduce((curr, item) => {
|
|
|
|
|
if (item.num) return curr + item.num;
|
|
|
|
|
return curr;
|
|
|
|
|
}, 0);
|
|
|
|
|
}),
|
|
|
|
|
/** 总重量 */
|
|
|
|
|
totalWeghit: computed(() => {
|
|
|
|
|
return details.goodsList.reduce((curr, item) => {
|
|
|
|
|
if (item.weight) return computeNumber(curr, '+', item.weight).result;
|
|
|
|
|
return curr;
|
|
|
|
|
}, 0);
|
|
|
|
|
}),
|
|
|
|
|
/** 总体积 */
|
|
|
|
|
totalVolume: computed(() => {
|
|
|
|
|
return details.goodsList.reduce((curr, item) => {
|
|
|
|
|
if (item.volume) return computeNumber(curr, '+', item.volume).result;
|
|
|
|
|
return curr;
|
|
|
|
|
}, 0);
|
|
|
|
|
}),
|
|
|
|
|
/** 总运费 */
|
|
|
|
|
totalFreight: computed(() => {
|
|
|
|
|
return details.goodsList.reduce((curr, item) => {
|
|
|
|
|
if (item.subtotalFreight) return computeNumber(curr, '+', item.subtotalFreight).result;
|
|
|
|
|
return curr;
|
|
|
|
|
}, 0);
|
|
|
|
|
}),
|
|
|
|
|
},
|
|
|
|
|
/** 暂存单Id集合 */
|
|
|
|
|
advanceIds: [],
|
|
|
|
|
/** 货物集合 */
|
|
|
|
|
goodsList: [
|
|
|
|
|
{
|
|
|
|
|
index: 0,
|
|
|
|
|
/** 货物名称 */
|
|
|
|
|
goodsName: '',
|
|
|
|
|
/** 品类Id */
|
|
|
|
|
goodsId: '',
|
|
|
|
|
/** 计费方式 */
|
|
|
|
|
chargeType: 1,
|
|
|
|
|
/** 件数 */
|
|
|
|
|
num: 0,
|
|
|
|
|
/** 重量(kg) */
|
|
|
|
|
weight: 0,
|
|
|
|
|
/** 体积(方) */
|
|
|
|
|
volume: 0,
|
|
|
|
|
/** 单价 */
|
|
|
|
|
price: 0,
|
|
|
|
|
/** 运费小计 */
|
|
|
|
|
subtotalFreight: 0,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
options: [],
|
|
|
|
|
/** 到站地区数组 */
|
|
|
|
|
regionOptione: [],
|
|
|
|
|
/** 支付字典 */
|
|
|
|
|
payOption: [
|
|
|
|
|
{
|
|
|
|
|
label: '现金',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '银行卡',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '微信',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '支付宝',
|
|
|
|
|
value: 4,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '支票',
|
|
|
|
|
value: 5,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '账本',
|
|
|
|
|
value: 6,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 开单付款字典 */
|
|
|
|
|
paymentOption: [
|
|
|
|
|
{
|
|
|
|
|
label: '现付',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '到付',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '月结',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '回付',
|
|
|
|
|
value: 4,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '内部结算',
|
|
|
|
|
value: 5,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '多笔付',
|
|
|
|
|
value: 6,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 紧急度 */
|
|
|
|
|
emergencyOption: [
|
|
|
|
|
{
|
|
|
|
|
label: '正常',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '急',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '特急',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '加急',
|
|
|
|
|
value: 4,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 送货方式字典 */
|
|
|
|
|
shippingOption: [
|
|
|
|
|
{
|
|
|
|
|
label: '自提',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '送货',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '送货上门',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '送货上门(有电梯)',
|
|
|
|
|
value: 4,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '送货上门(无电梯)',
|
|
|
|
|
value: 5,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '送货卸货',
|
|
|
|
|
value: 6,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '送货安装',
|
|
|
|
|
value: 7,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 开单回单方式 */
|
|
|
|
|
receiptOption: [
|
|
|
|
|
{
|
|
|
|
|
label: '签回单',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '打收条',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '签信封',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '签回单盖章',
|
|
|
|
|
value: 4,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '1份回单',
|
|
|
|
|
value: 5,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '2份回单',
|
|
|
|
|
value: 6,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '3份回单',
|
|
|
|
|
value: 7,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '4份回单',
|
|
|
|
|
value: 8,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '5份回单',
|
|
|
|
|
value: 9,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 运输方式 */
|
|
|
|
|
transportationOption: [
|
|
|
|
|
{
|
|
|
|
|
label: '公路快运',
|
|
|
|
|
value: 1,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '海运',
|
|
|
|
|
value: 2,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '卡车航班',
|
|
|
|
|
value: 3,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '空运',
|
|
|
|
|
value: 4,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '普通汽班',
|
|
|
|
|
value: 5,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '快递',
|
|
|
|
|
value: 6,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 收货方 */
|
|
|
|
|
consignerOptions: [],
|
|
|
|
|
/** 发货方 */
|
|
|
|
|
shipperOptions: [],
|
|
|
|
|
/** 必填 */
|
|
|
|
|
rules: {
|
|
|
|
|
/** 发站仓名称 */
|
|
|
|
|
departureWarehouseName: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填写或选择发站仓',
|
|
|
|
|
trigger: ['change', 'blur'],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 到站 */
|
|
|
|
|
destination: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填写或选择到站地',
|
|
|
|
|
trigger: 'change',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 目的站名称 */
|
|
|
|
|
destinationWarehouseName: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择目的仓',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 发货单位 */
|
|
|
|
|
shipper: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择或输入发货单位',
|
|
|
|
|
trigger: ['change', 'blur'],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 发货人 */
|
|
|
|
|
shipperName: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择或输入收货人',
|
|
|
|
|
trigger: ['change', 'blur'],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 发货人电话 */
|
|
|
|
|
shipperMobile: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择或输入发货人电话',
|
|
|
|
|
trigger: ['change', 'blur'],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 收货单位 */
|
|
|
|
|
consignee: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择或输入收货单位',
|
|
|
|
|
trigger: ['change', 'blur'],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 收货人 */
|
|
|
|
|
consigneeName: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择或输入收货人',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 收货人电话 */
|
|
|
|
|
consigneeMobile: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择或输入收货人电话',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 付款方式 */
|
|
|
|
|
payWay: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择付款方式',
|
|
|
|
|
trigger: 'change',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 送货方式 */
|
|
|
|
|
deliveryWay: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择送货方式',
|
|
|
|
|
trigger: 'change',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 紧急度 */
|
|
|
|
|
urgency: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择紧急度',
|
|
|
|
|
trigger: 'change',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
payRules: [],
|
|
|
|
|
|
|
|
|
|
itemRules: {
|
|
|
|
|
/** 计价方式 */
|
|
|
|
|
chargeType: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填写运单号',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
/** 收货人地址 */
|
|
|
|
|
goodsName: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填写运单号',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
/** 收货人地址 */
|
|
|
|
|
num: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填写运单号',
|
|
|
|
|
trigger: 'blur',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
/** 页面loading */
|
|
|
|
|
loadingObj: {
|
|
|
|
|
loading: false,
|
|
|
|
|
/** 配载信息loading */
|
|
|
|
|
stowageLoading: false,
|
|
|
|
|
/** 收货方 */
|
|
|
|
|
consignerLoading: false,
|
|
|
|
|
},
|
|
|
|
|
/** 列表Dom节点 */
|
|
|
|
|
listNode: '',
|
|
|
|
|
form: {},
|
|
|
|
|
/** 页面数据 */
|
|
|
|
|
pageInfo: {},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const { query, data, drawerShow, page, loadingObj } = toRefs(details);
|
|
|
|
|
|
|
|
|
|
// 合计费用
|
|
|
|
|
const totalCost = computed(() => {
|
|
|
|
|
// let _num = 0;
|
|
|
|
|
const _num = computeNumber(0, '+', details.totalObj.totalFreight)
|
|
|
|
|
.next('+', details.query.deliveryFee)
|
|
|
|
|
.next('+', details.query.pickupFee)
|
|
|
|
|
.next('+', details.query.warehouseManagementFee)
|
|
|
|
|
.next('+', details.query.storageFee)
|
|
|
|
|
.next('+', details.query.handlingFee)
|
|
|
|
|
.next('+', details.query.otherFee)
|
|
|
|
|
.next('+', details.query.insuranceFee)
|
|
|
|
|
.next('+', details.query.rebate)
|
|
|
|
|
.next('+', details.query.claimingValue).result;
|
|
|
|
|
return _num;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const consignee = ref();
|
|
|
|
|
const consigneeName = ref();
|
|
|
|
|
const consigneeMobile = ref();
|
|
|
|
|
// 存放收货方节点的数组
|
|
|
|
|
const consigneeNodeList = [consignee, consigneeName, consigneeMobile];
|
|
|
|
|
|
|
|
|
|
const shipper = ref();
|
|
|
|
|
const shipperName = ref();
|
|
|
|
|
const shipperMobile = ref();
|
|
|
|
|
// 存放发货方节点的数组
|
|
|
|
|
const shipperNodeList = [shipper, shipperName, shipperMobile];
|
|
|
|
|
|
|
|
|
|
/** vuex */
|
|
|
|
|
const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
|
|
|
|
|
console.log('permission :>> ', permission);
|
|
|
|
|
|
|
|
|
|
onMounted(() => {});
|
|
|
|
|
|
|
|
|
|
const initPageInfo = async () => {
|
|
|
|
|
details.pageInfo = $route.query;
|
|
|
|
|
|
|
|
|
|
console.log('$route :>> ', $route);
|
|
|
|
|
if ($route.query.type !== 'edit') onLoad();
|
|
|
|
|
else {
|
|
|
|
|
const res = await postFindWaybillDetail({ waybillId: details.pageInfo.id });
|
|
|
|
|
const { code, data } = res.data;
|
|
|
|
|
if (code !== 200) return;
|
|
|
|
|
|
|
|
|
|
details.query = { ...data, ...data.warehouseWaybill };
|
|
|
|
|
details.info = { ...data };
|
|
|
|
|
delete details.query.warehouseWaybill;
|
|
|
|
|
details.query.orderCode = data.warehouseWaybill.orderNo;
|
|
|
|
|
if (data.warehouseWaybill.detailList.length === 0) {
|
|
|
|
|
details.goodsList = [
|
|
|
|
|
{
|
|
|
|
|
index: 0,
|
|
|
|
|
/** 货物名称 */
|
|
|
|
|
goodsName: '',
|
|
|
|
|
/** 品类Id */
|
|
|
|
|
goodsId: '',
|
|
|
|
|
/** 计费方式 */
|
|
|
|
|
chargeType: 1,
|
|
|
|
|
/** 件数 */
|
|
|
|
|
num: 0,
|
|
|
|
|
/** 重量(kg) */
|
|
|
|
|
weight: 0,
|
|
|
|
|
/** 体积(方) */
|
|
|
|
|
volume: 0,
|
|
|
|
|
/** 单价 */
|
|
|
|
|
price: 0,
|
|
|
|
|
/** 运费小计 */
|
|
|
|
|
subtotalFreight: 0,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
} else {
|
|
|
|
|
console.log('111 :>> ', 111);
|
|
|
|
|
details.goodsListIds = [];
|
|
|
|
|
details.goodsList = data.warehouseWaybill.detailList.map(val => {
|
|
|
|
|
val.num = Number(val.num);
|
|
|
|
|
val.volume = Number(val.volume);
|
|
|
|
|
val.weight = Number(val.weight);
|
|
|
|
|
val.price = Number(val.price);
|
|
|
|
|
val.subtotalFreight = Number(val.subtotalFreight);
|
|
|
|
|
|
|
|
|
|
details.goodsListIds.push(val.id);
|
|
|
|
|
val.goodsName = val.productName;
|
|
|
|
|
|
|
|
|
|
// 计算运费小计
|
|
|
|
|
if (!val.subtotalFreight) handleComputed(val);
|
|
|
|
|
|
|
|
|
|
// 计算件数最大值
|
|
|
|
|
console.log('val :>> ', val);
|
|
|
|
|
return val;
|
|
|
|
|
});
|
|
|
|
|
console.log('details.goodsListIds :>> ', details.goodsListIds);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
getLazyTreeAll().then(res => {
|
|
|
|
|
if (res.data.success) {
|
|
|
|
|
details.regionOptione = res.data.data;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/** 初始化获取暂存单转运单信息 */
|
|
|
|
|
const onLoad = async () => {
|
|
|
|
|
const res = await postOpenOrderOpenZeroWaybillInfo();
|
|
|
|
|
const { code, data } = res.data;
|
|
|
|
|
console.log('data :>> ', data);
|
|
|
|
|
if (code !== 200) return;
|
|
|
|
|
// 存储请求的数据
|
|
|
|
|
details.info = data;
|
|
|
|
|
|
|
|
|
|
for (let key in data) {
|
|
|
|
|
if (data[key]) details.query[key] = data[key];
|
|
|
|
|
}
|
|
|
|
|
// 初始化选择支付方式
|
|
|
|
|
if (details.info.defaultPayWay) {
|
|
|
|
|
details.info.payWay = details.info.defaultPayWay;
|
|
|
|
|
} else {
|
|
|
|
|
details.query.payWay =
|
|
|
|
|
details.info.payWayList.find(val => val.dictValue === '到付').dictKey || '2';
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 新增 */
|
|
|
|
|
const handleAdd = () => {
|
|
|
|
|
const _flag = details.goodsList.every(val => {
|
|
|
|
|
// 件数和名称必填
|
|
|
|
|
if (val.goodsName === '' || !val.num) {
|
|
|
|
|
ElMessage({
|
|
|
|
|
message: '请填写完整件数和名称',
|
|
|
|
|
type: 'warning',
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if (val.chargeType === 2 && val.weight === 0) {
|
|
|
|
|
ElMessage({
|
|
|
|
|
message: '请填写重量',
|
|
|
|
|
type: 'warning',
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if (val.chargeType === 3 && val.price === 0) {
|
|
|
|
|
ElMessage({
|
|
|
|
|
message: '请填写价格',
|
|
|
|
|
type: 'warning',
|
|
|
|
|
});
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
return true;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if (!_flag) return;
|
|
|
|
|
|
|
|
|
|
details.goodsList.push({
|
|
|
|
|
/** 货物名称 */
|
|
|
|
|
goodsName: '',
|
|
|
|
|
/** 品类Id */
|
|
|
|
|
goodsId: '',
|
|
|
|
|
/** 货物品类 */
|
|
|
|
|
waybillDetailList: '',
|
|
|
|
|
/** 计费方式 */
|
|
|
|
|
chargeType: 1,
|
|
|
|
|
/** 件数 */
|
|
|
|
|
num: 0,
|
|
|
|
|
/** 重量(kg) */
|
|
|
|
|
weight: 0,
|
|
|
|
|
/** 体积(方) */
|
|
|
|
|
volume: 0,
|
|
|
|
|
/** 单价 */
|
|
|
|
|
price: 0,
|
|
|
|
|
/** 运费小计 */
|
|
|
|
|
subtotalFreight: 0,
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 移除 */
|
|
|
|
|
const handleRemove = (index: number) => {
|
|
|
|
|
details.goodsList.splice(index, 1);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 查询目的仓 */
|
|
|
|
|
let _ant1 = null;
|
|
|
|
|
const remoteMethod = val => {
|
|
|
|
|
if (_ant1) clearTimeout(_ant1);
|
|
|
|
|
_ant1 = setTimeout(async () => {
|
|
|
|
|
if (val) {
|
|
|
|
|
try {
|
|
|
|
|
details.loadingObj.loading = true;
|
|
|
|
|
const res = await getOpenOrderAdvanceFindWarehouseList({ warehouseName: val });
|
|
|
|
|
const { data, code } = res.data;
|
|
|
|
|
if (code !== 200) return;
|
|
|
|
|
details.options = data || [];
|
|
|
|
|
} catch (error) {
|
|
|
|
|
} finally {
|
|
|
|
|
details.loadingObj.loading = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
clearTimeout(_ant1);
|
|
|
|
|
}, 1000);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 目的仓选择时给目的仓名称赋值 */
|
|
|
|
|
const destinationWarehouseNameChange = val => {
|
|
|
|
|
details.query.destinationWarehouseName = details.options.find(
|
|
|
|
|
value => value.warehouseId === val
|
|
|
|
|
).warehouseName;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 计算行合计 */
|
|
|
|
|
const handleComputed = (row: any) => {
|
|
|
|
|
if (!row.price) return;
|
|
|
|
|
if (row.chargeType === 1) row.subtotalFreight = computeNumber(row.num, '*', row.price).result;
|
|
|
|
|
else if (row.chargeType === 2)
|
|
|
|
|
row.subtotalFreight = computeNumber(row.volume, '*', row.price).result;
|
|
|
|
|
else if (row.chargeType === 3)
|
|
|
|
|
row.subtotalFreight = computeNumber(row.weight, '*', row.price).result;
|
|
|
|
|
// row.subtotalFreight = 1;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
let _ant = null;
|
|
|
|
|
/** 查询客户信息 */
|
|
|
|
|
const handleFindClientInfo = (value, type) => {
|
|
|
|
|
if (_ant) clearTimeout(_ant);
|
|
|
|
|
_ant = setTimeout(async () => {
|
|
|
|
|
if (value) {
|
|
|
|
|
try {
|
|
|
|
|
details.loadingObj.consignerLoading = true;
|
|
|
|
|
const res = await postOpenOrderFindClientInfo({ clientName: value });
|
|
|
|
|
const { code, data } = res.data;
|
|
|
|
|
if (code !== 200) return;
|
|
|
|
|
if (type === 'consignee') {
|
|
|
|
|
details.consignerOptions = data || [];
|
|
|
|
|
} else {
|
|
|
|
|
details.shipperOptions = data || [];
|
|
|
|
|
}
|
|
|
|
|
} catch (error) {
|
|
|
|
|
} finally {
|
|
|
|
|
details.loadingObj.consignerLoading = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
clearTimeout(_ant);
|
|
|
|
|
}, 1000);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 客户选择 */
|
|
|
|
|
const handleChooseShipper = (column, prop, order) => {
|
|
|
|
|
// 赋值
|
|
|
|
|
details.query.shipper = column.clientName;
|
|
|
|
|
details.query.shipperId = column.clientId;
|
|
|
|
|
details.query.shipperAddress = column.linkAddress;
|
|
|
|
|
details.query.shipperName = column.linkMan;
|
|
|
|
|
details.query.shipperMobile = column.linkPhone;
|
|
|
|
|
shipperNodeList.forEach(val => val.value.handleClose());
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 收货客户选择 */
|
|
|
|
|
const handleChooseConsigner = (column, prop, order) => {
|
|
|
|
|
// 赋值
|
|
|
|
|
details.query.consignee = column.clientName;
|
|
|
|
|
details.query.consigneeId = column.clientId;
|
|
|
|
|
details.query.consigneeAddress = column.linkAddress;
|
|
|
|
|
details.query.consigneeName = column.linkMan;
|
|
|
|
|
details.query.consigneeMobile = column.linkPhone;
|
|
|
|
|
consigneeNodeList.forEach(val => val.value.handleClose());
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 重置数据 */
|
|
|
|
|
const handleRefresh = () => {
|
|
|
|
|
for (let key in details.query) {
|
|
|
|
|
const _value = details.query[key];
|
|
|
|
|
const _type = Object.prototype.toString.call(_value);
|
|
|
|
|
if (_type === '[object String]' || _type === '[object Undefined]' || _type === '[object Null]')
|
|
|
|
|
details.query[key] = '';
|
|
|
|
|
else if (_type === '[object Number]') {
|
|
|
|
|
details.query[key] = 0;
|
|
|
|
|
} else if (_type === '[object Array]') details.query[key] = [];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (let key in details.info) {
|
|
|
|
|
details.query[key] = details.info[key];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
details.goodsList = details.info.goodsList.map(val => {
|
|
|
|
|
handleComputed(val);
|
|
|
|
|
return val;
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 返回 */
|
|
|
|
|
const back = () => {
|
|
|
|
|
$store.commit('DEL_TAG_CURRENT');
|
|
|
|
|
$router.back();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/** 提交 */
|
|
|
|
|
const handleSubmit = (formEl: FormInstance | undefined) => {
|
|
|
|
|
if (!formEl) return;
|
|
|
|
|
formEl.validate(async valid => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
console.log('submit!');
|
|
|
|
|
const submitData = {
|
|
|
|
|
...details.query,
|
|
|
|
|
waybillDetailList: details.goodsList,
|
|
|
|
|
advanceIds: details.info.advanceIds,
|
|
|
|
|
...details.totalObj,
|
|
|
|
|
huilaiPay: 1,
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const { destination } = submitData;
|
|
|
|
|
console.log('destination :>> ', destination);
|
|
|
|
|
if (destination.length === 1) {
|
|
|
|
|
return ElMessage({ message: '请选择正确到站地址', type: 'warning' });
|
|
|
|
|
}
|
|
|
|
|
// 筛选到站
|
|
|
|
|
const _findeLocation = details.regionOptione
|
|
|
|
|
.find(val => val.value === destination[0])
|
|
|
|
|
.children.find(val => val.value === destination[1]);
|
|
|
|
|
if (destination.length === 2) {
|
|
|
|
|
submitData.destination = _findeLocation.label;
|
|
|
|
|
} else {
|
|
|
|
|
submitData.destination = _findeLocation.children.find(
|
|
|
|
|
val => val.value === destination[2]
|
|
|
|
|
).label;
|
|
|
|
|
}
|
|
|
|
|
submitData.goodsName = submitData.waybillDetailList.map(val => val.goodsName).join(',');
|
|
|
|
|
// 零担 -- 2
|
|
|
|
|
submitData.waybillType = 2;
|
|
|
|
|
console.log('submitData :>> ', submitData);
|
|
|
|
|
const res = await postOpenOrderOpenZeroWaybill(submitData);
|
|
|
|
|
if (res.data.code !== 200) return;
|
|
|
|
|
ElMessage({
|
|
|
|
|
message: '开单成功',
|
|
|
|
|
type: 'success',
|
|
|
|
|
});
|
|
|
|
|
back();
|
|
|
|
|
console.log('res :>> ', res);
|
|
|
|
|
} else {
|
|
|
|
|
console.log('error submit!');
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
watch(
|
|
|
|
|
() => $route.query,
|
|
|
|
|
() => {
|
|
|
|
|
initPageInfo();
|
|
|
|
|
},
|
|
|
|
|
{ immediate: true }
|
|
|
|
|
);
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
$borderColor: #172e60;
|
|
|
|
|
|
|
|
|
|
:deep(.el-date-editor.el-input, .el-date-editor.el-input__wrapper) {
|
|
|
|
|
height: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-input__wrapper) {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
border-bottom: 1px solid #777;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 页面字体大小
|
|
|
|
|
.avue-crud {
|
|
|
|
|
font-size: 12px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form_top {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.border-top {
|
|
|
|
|
border-top: 1px dashed $borderColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-row {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
// border-top: 1px dashed $borderColor;
|
|
|
|
|
border-left: 1px dashed $borderColor;
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
&:first-child {
|
|
|
|
|
display: block;
|
|
|
|
|
border-top: 1px dashed $borderColor;
|
|
|
|
|
border-left: 1px dashed $borderColor;
|
|
|
|
|
|
|
|
|
|
> div {
|
|
|
|
|
width: 100%;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
display: block;
|
|
|
|
|
border-bottom: 1px dashed $borderColor;
|
|
|
|
|
border-right: 1px dashed $borderColor;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
> div {
|
|
|
|
|
width: 100%;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> div {
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
border-bottom: 1px dashed $borderColor;
|
|
|
|
|
border-right: 1px dashed $borderColor;
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.border-left {
|
|
|
|
|
border-left: 1px dashed $borderColor;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-row-title {
|
|
|
|
|
background: #f5f7fa;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
|
|
|
|
& + div {
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
|
|
:deep(.el-form-item) {
|
|
|
|
|
flex: 1;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-row) {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-row-title-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: '';
|
|
|
|
|
display: block;
|
|
|
|
|
width: 2px;
|
|
|
|
|
height: 25px;
|
|
|
|
|
background-color: var(--el-color-primary);
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-form-item__error) {
|
|
|
|
|
z-index: 99;
|
|
|
|
|
--el-color-danger: #f00;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-form-item.is-error .el-input__wrapper) {
|
|
|
|
|
--el-color-danger: #f00;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(
|
|
|
|
|
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before,
|
|
|
|
|
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left
|
|
|
|
|
> .el-form-item__label-wrap
|
|
|
|
|
> .el-form-item__label:before
|
|
|
|
|
) {
|
|
|
|
|
--el-color-danger: #f00;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table_row_number {
|
|
|
|
|
> div {
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table_row_total {
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background: #efefef;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.flex-c {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-select.m-2) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-form-item) {
|
|
|
|
|
flex: 1;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-radio) {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-form-item__error) {
|
|
|
|
|
z-index: 99;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-row-title-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: '';
|
|
|
|
|
display: block;
|
|
|
|
|
width: 2px;
|
|
|
|
|
height: 25px;
|
|
|
|
|
background-color: var(--el-color-primary);
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 底部
|
|
|
|
|
.footer {
|
|
|
|
|
height: 80px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 提交按钮容器
|
|
|
|
|
.submitDataContainer {
|
|
|
|
|
width: 80%;
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 20px;
|
|
|
|
|
z-index: 999;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.w100 {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.mt15 {
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.red {
|
|
|
|
|
color: var(--token-simulation-red-base-62);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-divider__text.is-center) {
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
