java_project
/
logpm_page
4
1
Fork 0
Code Issues Pull Requests Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3509 Commits
7 Branches
0 Tags
45 MiB
 
 
 
 
Tree: f38199e661
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'f38199e661'
${ noResults }
logpm_page/src/views/distribution/inventory/CreateOrder.vue

5194 lines
158 KiB
Raw Blame History

<template>
<div v-loading="details.loadingObj.submitLoadingBtn">
<basic-container>
<div class="position-r overflow-hidden">
<el-divider style="font-size: 28px">货物托运单</el-divider>
<el-form
ref="ruleFormRef"
:inline="true"
:rules="details.rules"
:model="query"
class="table_form"
label-width="100px"
>
<!-- 顶部 -->
<div class="flex-c-sb form_top">
<div>
<div class="flex-c-sb">
<div class="flex-c-c" style="margin-right: 50px">
<el-icon color="#172e60"><User /></el-icon>
品牌：
<span class="red">{{ query.brand }}</span>
</div>
<div class="flex-c-c">
<el-icon color="#172e60"><Van /></el-icon>
车次号：
<span class="red">{{ query.trainNumber }}</span>
</div>
</div>
<div class="mt10">
<el-form-item class="mt10" label="运单号: " prop="waybillNo" label-width="80px">
<div>
<el-input
v-model.trim="query.waybillNo"
:disabled="$route.query && $route.query.type === 'edit'"
placeholder="运单号"
clearable
/>
</div>
</el-form-item>
</div>
</div>
<div>
<div class="flex-c-sb">
<div class="flex-c-c" style="margin-right: 50px">
<el-icon color="#172e60"><Shop /></el-icon>
商场名称：
<span class="red">{{ query.dealerName || '暂无数据' }}</span>
</div>
<div class="flex-c-c">
<el-icon color="#172e60"><Shop /></el-icon>
商场编码：
<span class="red">{{ query.dealerCode || '暂无数据' }}</span>
</div>
</div>
<div class="flex-c-c mt10">
<div style="margin-right: 10px" class="flex-c-c">
<el-icon><User /></el-icon>
<span style="margin-left: 10px">{{ query.openOrderUserName }}</span>
</div>
<el-date-picker
v-model="query.openOrderDate"
:readonly="$route.query.type !== 'add'"
prefix-icon="Calendar"
type="datetime"
placeholder="创建时间"
:clearable="false"
/>
</div>
</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="departure">
<div class="w100">
<el-cascader
pleceholder="请选择到站地址"
:options="details.regionOptione"
style="width: 100%"
v-model="query.departure"
:props="{
checkStrictly: true,
}"
@change="() => handleFindPrice()"
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="到站:" prop="destination">
<div class="w100">
<el-cascader
pleceholder="请选择到站地址"
:options="details.regionOptione"
style="width: 100%"
v-model="query.destination"
:props="{
checkStrictly: true,
}"
@change="() => handleFindPrice()"
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="queryDestinationWarehouseName">
<el-select
class="w100"
v-model="query.queryDestinationWarehouseName"
filterable
remote
reserve-keyword
placeholder="目的仓"
@change="
val => {
destinationWarehouseNameChange(val);
handleFindPrice();
}
"
: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" readonly placeholder="货号"></el-input>
</el-form-item>
</div>
<!-- 订单自编号 -->
<div class="table-row">
<el-form-item label="订单自编号:" class="el-times">
<el-input
v-model="details.query.orderCode"
type="textarea"
placeholder="订单自编号"
disabled
></el-input>
<el-button
v-if="details.pageInfo.type !== 'edit'"
class="mt10"
type="primary"
@click="handleChooseOrder"
icon="Plus"
>
选取订单
</el-button>
</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"
:class="!query.shipperId ? 'is-error' : ''"
>
<SelectBox
:focus="handleCloseSelcet"
:input="() => handleFindClientInfo('shipper', 1)"
v-model="query.shipper"
placeholder="发货单位"
ref="shipper"
:minWidth="true"
>
<el-table
:data="details.shipperOptions"
style="width: 100%"
@row-click="
(column, prop, order) => {
handleChooseShipper(column, prop, order);
handleFindPrice();
}
"
v-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
:focus="handleCloseSelcet"
:input="() => handleFindClientInfo('shipperName')"
v-model="query.shipperName"
placeholder="发货人"
ref="shipperName"
:minWidth="true"
>
<el-table
:data="details.shipperNameOptions"
style="width: 100%"
@row-click="
(column, prop, order) => {
handleChooseShipper(column, prop, order);
handleFindPrice();
}
"
v-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
:focus="handleCloseSelcet"
:input="() => handleFindClientInfo('shipperMobile')"
v-model="query.shipperMobile"
placeholder="联系电话"
ref="shipperMobile"
:minWidth="true"
>
<el-table
:data="details.shipperMobileOptions"
style="width: 100%"
@row-click="
(column, prop, order) => {
handleChooseShipper(column, prop, order);
handleFindPrice();
}
"
v-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"
@change="e => handleRefreshText('shipperAddress', e, '')"
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"
:class="!query.consigneeId ? 'is-error' : ''"
>
<SelectBox
:focus="handleCloseSelcet"
:input="() => handleFindClientInfo('consignee', 1)"
v-model="query.consignee"
placeholder="收货单位"
ref="consignee"
:minWidth="true"
>
<el-table
:data="details.consigneeOptions"
style="width: 100%"
@row-click="
(column, prop, order) => {
handleChooseConsigner(column, prop, order);
handleFindPrice();
}
"
v-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
:focus="handleCloseSelcet"
:input="() => handleFindClientInfo('consigneeName')"
v-model="query.consigneeName"
placeholder="收货人"
ref="consigneeName"
:minWidth="true"
>
<el-table
:data="details.consigneeNameOptions"
style="width: 100%"
@row-click="
(column, prop, order) => {
handleChooseConsigner(column, prop, order);
handleFindPrice();
}
"
v-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
:focus="handleCloseSelcet"
:input="() => handleFindClientInfo('consigneeMobile')"
v-model="query.consigneeMobile"
placeholder="联系电话"
ref="consigneeMobile"
:minWidth="true"
>
<el-table
:data="details.consigneeMobileOptions"
style="width: 100%"
@row-click="
(column, prop, order) => {
handleChooseConsigner(column, prop, order);
handleFindPrice();
}
"
v-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"
@change="e => handleRefreshText('consigneeAddress', e, '')"
placeholder="收货地址"
></el-input>
</el-form-item>
</el-row>
</div>
</div>
</div>
<div class="table-row table_row_number">
<div class="flex-c-c title">提 货</div>
<el-form-item label="是否提货:" label-width="fit-content" prop="num" class="flex1">
<el-radio-group
@change="
() => {
details.query.pickupFee = 0;
if (!details.query.isPickUp) return;
handlePrice(false, 'pickup');
}
"
v-model="query.isPickUp"
class="flex-a"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="是否整车:" label-width="fit-content" prop="num" class="flex1">
<el-radio-group
:disabled="!query.isPickUp"
v-model="query.pickupCompleteOrNot"
class="flex-a"
@change="
() => {
details.query.pickupFee = 0;
handlePrice(false, 'pickup');
}
"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="车型:" label-width="fit-content" prop="num" class="flex1">
<el-select
class="w100"
:disabled="!query.isPickUp || !query.pickupCompleteOrNot"
v-model="query.pickupVehicleTypeId"
filterable
clearable
placeholder="请选择车型"
@change="
() => {
let _item = {} as any
for (let i = 0; i < details.vehicleTypeArr.length; i++) {
const val = details.vehicleTypeArr[i];
if (val.dictKey !== query.pickupVehicleTypeId) continue
_item = val
break
}
query.pickupVehicleType = _item.dictValue || ''
details.query.pickupFee = 0;
handlePrice(false, 'pickup');
}
"
>
<el-option
v-for="item in details.vehicleTypeArr"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictKey"
:disabled="item.isCheck === true"
/>
</el-select>
</el-form-item>
<div class="flex-c-c title">干 线</div>
<el-form-item label="是否整车:" label-width="fit-content" prop="num" class="flex1">
<!-- 金牌不存在整车一口价费用 -->
<el-radio-group
v-model="query.trunklineCompleteOrNot"
class="flex-a"
@change="
() => {
details.query.totalFreight = 0;
handlePrice(false, 'trunkline');
}
"
:disabled="isDisabled"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="车型:" label-width="fit-content" prop="num" class="flex1">
<el-select
class="w100"
:disabled="!query.trunklineCompleteOrNot"
v-model="query.trunklineVehicleTypeId"
filterable
clearable
placeholder="请选择车型"
@change="
() => {
let _item = {} as any
for (let i = 0; i < details.vehicleTypeArr.length; i++) {
const val = details.vehicleTypeArr[i];
if (val.dictKey !== query.trunklineVehicleTypeId) continue
_item = val
break
}
query.trunklineVehicleType = _item.dictValue || ''
details.query.totalFreight = 0;
handlePrice(false, 'trunkline');
}
"
>
<el-option
v-for="item in details.vehicleTypeArr"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictKey"
:disabled="item.isCheck === true"
/>
</el-select>
</el-form-item>
</div>
<!-- 计价方式行 -->
<div
class="table-row table_row_number"
style="display: flex"
v-for="(item, index) in details.goodsList"
:key="item"
>
<!-- 加减按钮 -->
<template v-if="details.submitType === 'notHaveData'">
<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>
</template>
<div>
<el-form-item
label="计价方式:"
label-width="fit-content"
prop="chargeType"
class="el-times"
>
<el-radio-group
v-model="item.chargeType"
@change="() => handleAssignmentItemPrice(item, false, item.chargeType)"
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"
>
<!-- 有数据 -->
<template v-if="details.submitType === 'haveData'">
<el-input v-model="item.goodsName" placeholder="货物名称" disabled />
</template>
<!-- 无数据 -->
<template v-else>
<SelectBox
ref="goodsNameRef"
className="goodsName"
:input="() => debounce(handleFindGoods(item.goodsName, item, 1), 1000)"
:focus="handleCloseSelcet"
v-model="item.goodsName"
placeholder="货物名称"
>
<div v-loading="item.loading">
<template v-if="item.goodsListOptions.length > 0">
<div
:class="{ goodsNameRow: true, active: val.goodsId === item.goodsId }"
v-for="val in item.goodsListOptions"
:key="val.goodsId"
@click="handleChooseGoods(item, val)"
>
{{ val.goodsName }}
</div>
</template>
<template v-else>
<div class="goodsNameRow" @click="handleCloseSelcet">暂无数据</div>
</template>
</div>
</SelectBox>
</template>
</el-form-item>
<el-form-item label="件数:" label-width="fit-content" prop="num" class="el-times">
<el-input-number
@focus="handleInputFocus"
:disabled="details.submitType === 'haveData'"
:controls="false"
v-model="item.num"
controls-position="right"
:min="0"
:max="info.maxNum + item.num - details.totalObj.totalCount"
:precision="0"
:step="1"
:value-on-clear="0"
@change="() => handleComputed(item)"
/>
</el-form-item>
<el-form-item label="体积(方):" label-width="fit-content" class="el-times">
<el-input-number
@focus="handleInputFocus"
:controls="false"
v-model="item.volume"
controls-position="right"
:min="0"
:precision="4"
:step="0.1"
:value-on-clear="0"
@change="() => handleComputed(item)"
/>
</el-form-item>
<el-form-item label="重量(kg):" label-width="fit-content" class="el-times">
<el-input-number
@focus="handleInputFocus"
:controls="false"
v-model="item.weight"
controls-position="right"
:min="0"
:precision="3"
:step="0.1"
:value-on-clear="0"
@change="() => handleComputed(item)"
/>
</el-form-item>
<el-form-item label="单价:" label-width="fit-content" class="el-times">
<el-input-number
@focus="handleInputFocus"
:controls="false"
v-model="item.price"
controls-position="right"
:min="0"
:precision="2"
:step="0.1"
:value-on-clear="0"
@change="() => handleComputed(item, true)"
/>
</el-form-item>
<el-form-item label="运费小计:" label-width="fit-content" class="el-times">
<el-input-number
@focus="handleInputFocus"
:controls="false"
v-model="item.subtotalFreight"
:precision="2"
:min="0"
:step="0.1"
:value-on-clear="0"
:disabled="item.price > 0 || Number(item.price) !== Number(item.price)"
@change="
() => {
handleTrunkLinePrice(
details.priceTemplate.trunkLine,
details.priceTemplate.template
);
}
"
/>
</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>
<span class="mr20"> 合计 </span>
<el-button
v-if="details.submitType === 'haveData'"
type="primary"
icon="Edit"
@click="handleShow"
>
配置包条品类
</el-button>
</div>
<!-- 货物名称 -->
<div>{{ details.goodsList.length }}</div>
<!-- 件数 -->
<div>
{{ details.totalObj.totalCount }}(最大数: <span class="red">{{ info.maxNum }}</span
>)
</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: 60%; flex: none">
<div style="flex: 1">
<div class="table-row-title" style="margin-bottom: 10px">
<div class="table-row-title-item fwb">
合计费用
<span class="red" style="margin-left: 10px">{{ 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-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.totalFreight"
:value-on-clear="0"
:disabled="!query.trunklineCompleteOrNot"
></el-input-number>
</el-form-item>
<el-form-item label="送货费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.deliveryFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="提货费:">
<el-input-number
@focus="handleInputFocus"
:disabled="!query.isPickUp"
:controls="false"
:precision="2"
:min="0"
:step="0.1"
v-model="query.pickupFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="仓库管理费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.warehouseManagementFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="仓储费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.storageFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="仓储操作费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.handlingFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="仓储分拣费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.sortingFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="其它费用:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.otherFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="保价费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
v-model="query.insuranceFee"
:precision="2"
:min="0"
:step="0.1"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label="申明价值:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
v-model="query.claimingValue"
:precision="2"
:min="0"
:step="0.1"
:value-on-clear="0"
></el-input-number>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="安装费:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.installFee"
:value-on-clear="0"
></el-input-number>
</el-form-item>
</el-row>
</el-form>
</div>
</div>
</div>
<!-- 付款方式 -->
<div class="border-left">
<div style="flex: 1">
<div class="table-row-title" style="margin-bottom: 10px">
<div class="table-row-title-item fwb">付款方式</div>
</div>
<div>
<el-row>
<el-form-item label-width="fit-content" label="支付方式:">
<el-select v-model="query.payType" class="m-2" placeholder="支付方式">
<el-option
v-for="item in query.payTypeList || []"
:key="item.dictValue"
:label="item.dictValue"
:value="item.dictKey"
/>
</el-select>
</el-form-item>
<el-form-item label-width="fit-content" label="付款方式:" prop="payWay">
<el-select
v-model="query.payWay"
class="m-2"
@change="handlePayWay"
placeholder="付款方式"
>
<el-option
v-for="item in query.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
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.xianPay"
:value-on-clear="0"
></el-input-number>
</el-form-item>
</el-row>
<el-row>
<el-form-item label-width="fit-content" label="到付:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.daoPay"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label-width="fit-content" label="月结:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.yuePay"
:value-on-clear="0"
></el-input-number>
</el-form-item>
<el-form-item label-width="fit-content" label="回付:">
<el-input-number
@focus="handleInputFocus"
:controls="false"
controls-position="right"
:precision="2"
:min="0"
:step="0.1"
v-model="query.huiPay"
:value-on-clear="0"
></el-input-number>
</el-form-item>
</el-row>
</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
@focus="handleInputFocus"
:controls="false"
v-model="query.thirdOperationFee"
controls-position="right"
:precision="2"
:step="0.1"
:value-on-clear="0"
/>
</el-form-item>
<el-form-item
label="送货方式:"
prop="deliveryWay"
label-width="fit-content"
class="el-times"
>
<el-select v-model="query.deliveryWay" class="m-2" placeholder="送货方式">
<el-option
v-for="item in query.deliveryWayList || []"
:key="item.dictValue"
:label="item.dictValue"
:value="item.dictKey"
/>
</el-select>
</el-form-item>
<el-form-item label="紧急度:" prop="urgency" label-width="fit-content" class="el-times">
<el-select v-model="query.urgency" class="m-2" placeholder="紧急度">
<el-option
v-for="item in query.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
@focus="handleInputFocus"
:controls="false"
v-model="query.receiptNum"
controls-position="right"
:precision="0"
:step="1"
:min="0"
:value-on-clear="0"
/>
</el-form-item>
<el-form-item label="回单要求:" label-width="fit-content" class="el-times">
<el-select
v-model="query.receipt"
class="m-2"
filterable
multiple
placeholder="回单要求"
>
<el-option
v-for="item in query.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 query.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 icon="Close" @click="back">关闭</el-button>
<el-button
type="primary"
:loading="details.loadingObj.submitLoadingBtn"
icon="Position"
@click="handleSubmit(ruleFormRef)"
>提交</el-button
>
<!-- <el-button type="primary" icon="Refresh" @click="resetForm(ruleFormRef)">
重置
</el-button> -->
</div>
</div>
</el-form>
<!-- 配置包条结算品类 -->
<div class="el-dialog-addTagVisited">
<el-dialog
destroy-on-close
:modal-append-to-body="false"
:close-on-click-modal="false"
:append-to-body="false"
width="80%"
v-model="details.popUpShow.dialogVisible"
:fullscreen="details.fullscreenObj.dialogVisible"
:show-close="false"
draggable
>
<!-- 标题 -- 头部控件区 -->
<template #header="{ close, titleId, titleClass }">
<div class="my-header flex-c-sb" draggable>
<div class="fwb" :id="titleId" :class="titleClass">配置包条结算品类</div>
<div class="flex-c-c">
<div @click="() => handleFullScrean('dialogVisible')" class="mr20">
<!-- 全屏显示按钮 -->
<el-button type="text" v-if="!details.fullscreenObj.dialogVisible">
<el-icon size="18px" class=""><FullScreen /></el-icon>
</el-button>
<el-button type="text" v-else>
<el-icon size="18px" class=""><CopyDocument /></el-icon>
</el-button>
</div>
<!-- 弹窗关闭按钮 -->
<el-button type="text">
<el-icon size="20px" class="" @click="close"><Close /></el-icon>
</el-button>
</div>
</div>
</template>
<div style="display: flex">
<el-select
v-model="details.package.incomeCategoryId"
filterable
remote
reserve-keyword
placeholder="结算品类"
@change="
val => {
const _item =
details.package.goodsListOptions.find(
val => val.goodsId === details.package.incomeCategoryId
) || {};
details.package.incomeCategoryName = _item.goodsName || '';
}
"
:remote-method="handleFindGoodsByName"
:loading="details.package.loading"
clearable
>
<el-option
v-for="item in details.package.goodsListOptions || []"
:key="item.goodsId"
:label="item.goodsName"
:value="item.goodsId"
/>
</el-select>
<el-button class="ml10" type="primary" icon="Edit" @click="handleBatchEdit">
批量修改
</el-button>
<el-button icon="Delete" @click="handleClearPackageQuery">清空</el-button>
</div>
<!-- 表格 -->
<tablecmt
class="mt10"
ref="packageTableNode"
:columnList="details.package.columnList"
:tableData="details.package.renderData"
@inputTxt="(index, row) => inputsc(index, row, 2)"
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="(index, row) => selectsc(index, row, 2)"
@selection="list => (details.package.selectionList = list)"
:isShowRefresh="false"
>
<template #default="slotProps">
<template v-if="slotProps.scope.column.label === '方数'">
<el-input-number
@focus="handleInputFocus"
:controls="false"
v-model="slotProps.scope.row.confirmVolume"
:precision="4"
:value-on-clear="0"
/>
</template>
<template v-else-if="slotProps.scope.column.label === '重量'">
<el-input-number
@focus="handleInputFocus"
:controls="false"
v-model="slotProps.scope.row.confirmWeight"
:precision="3"
:value-on-clear="0"
/>
</template>
<template v-else-if="slotProps.scope.column.label === '是否维护'">
<el-tag
:class="{
red: slotProps.scope.row.MaintenanceOrNot === '否',
green: slotProps.scope.row.MaintenanceOrNot === '是',
}"
style="color: #fff"
>
{{ slotProps.scope.row.MaintenanceOrNot }}
</el-tag>
</template>
<!-- 成本品类 -->
<template v-else-if="slotProps.scope.column.label === '成本品类'">
<el-select
class="w100"
v-model="slotProps.scope.row.costCategory"
filterable
remote
reserve-keyword
:placeholder="slotProps.scope.column.label"
@change="
val => {
const _item =
details.package.goodsListOptions.find(
val => val.goodsId === slotProps.scope.row.costCategory
) || {};
// 结算
slotProps.scope.row.costCategoryId = _item.goodsId || '';
slotProps.scope.row.costCategoryName = _item.goodsName || '其它';
slotProps.scope.row.costCategory = _item.goodsName || '其它';
// 维护状态
slotProps.scope.row.MaintenanceOrNot = slotProps.scope.row.incomeCategoryId
? '是'
: '否';
}
"
:remote-method="handleFindGoodsByName"
:loading="details.package.loading"
clearable
>
<el-option
v-for="item in details.package.goodsListOptions || []"
:key="item.goodsId"
:label="item.goodsName"
:value="item.goodsId"
/>
</el-select>
</template>
<!-- 收入品类 -->
<template v-else-if="slotProps.scope.column.label === '收入品类'">
<el-select
class="w100"
v-model="slotProps.scope.row.incomeCategory"
filterable
remote
reserve-keyword
:placeholder="slotProps.scope.column.label"
@change="
val => {
const _item =
details.package.goodsListOptions.find(
val => val.goodsId === slotProps.scope.row.incomeCategory
) || {};
// 成本
slotProps.scope.row.incomeCategoryId = _item.goodsId || '';
slotProps.scope.row.incomeCategoryName = _item.goodsName || '其它';
slotProps.scope.row.incomeCategory = _item.goodsName || '其它';
// 维护状态
slotProps.scope.row.MaintenanceOrNot = slotProps.scope.row.incomeCategoryId
? '是'
: '否';
}
"
:remote-method="handleFindGoodsByName"
:loading="details.package.loading"
clearable
>
<el-option
v-for="item in details.package.goodsListOptions || []"
:key="item.goodsId"
:label="item.goodsName"
:value="item.goodsId"
/>
</el-select>
</template>
</template>
</tablecmt>
<!-- 控件按钮 -->
<div class="flex-c-c dialog-footer mt20">
<el-button icon="Close" @click="details.popUpShow.dialogVisible = false">
取 消
</el-button>
<!-- 提交 -->
<el-button
icon="Position"
type="primary"
:loading="details.loadingObj.addTagLoading"
@click="handleSubmitPackage"
>
提 交
</el-button>
</div>
</el-dialog>
</div>
</div>
</basic-container>
<!-- 选取订单 -->
<el-dialog
class="el-dialog-columnList"
title="选取订单"
:visible.sync="details.popUpShow.columnListVisited"
width="80%"
v-model="details.popUpShow.columnListVisited"
>
<div style="display: flex">
<el-tabs
v-model="details.orderStatus"
tab-position="left"
style="height: 100%; width: fit-content; flex: none"
class="demo-tabs"
@tab-click="handleClickAll"
>
<el-tab-pane name="haveData" label="有数据"></el-tab-pane>
<el-tab-pane name="notHaveData" label="无数据"></el-tab-pane>
</el-tabs>
<div class="overflow">
<!-- <div class="flex-c-sb">
<div class="avue-crud__left"></div>
<div class="avue-crud__right">
<el-button icon="el-icon-refresh" @click="init" circle></el-button>
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
<el-button icon="Search" @click="searchHide" circle></el-button>
</div>
</div> -->
<!-- 表格 -->
<!-- 列表模块 -->
<tablecmt
:columnList="details.columnList"
:tableData="
details.orderStatus === 'haveData' ? details.haveDataData : details.notHaveDataData
"
:loading="
details.orderStatus === 'haveData'
? details.loadingObj.haveDataList
: details.loadingObj.notHaveDataList
"
@inputTxt="(index, row) => inputsc(index, row, 1)"
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="(index, row) => selectsc(index, row, 1)"
@selection="selectionChange"
:isShowRefresh="false"
>
<template #default="slotProps">
<template v-if="slotProps.scope.column.label === '操作'">
<el-text
v-if="details.orderStatus === 'haveData'"
@click="handleShowPackageOrderList(slotProps.scope)"
>
包明细
</el-text>
</template>
</template>
</tablecmt>
</div>
</div>
<!-- 分页模块 -->
<el-pagination
align="right"
class="mt10"
background
@size-change="sizeChange"
@current-change="currentChange"
:current-page="page.pageNum"
:page-sizes="[30, 50, 80, 120]"
:page-size="page.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total"
>
</el-pagination>
<div class="flex-c-c mt10">
<el-button @click="details.popUpShow.columnListVisited = false">取 消</el-button>
<el-button type="primary" @click="handleChoose">确 认</el-button>
</div>
</el-dialog>
<!-- 提示是否继续开单 -->
<el-dialog
title="提示"
:center="true"
:align-center="true"
:close-on-click-modal="false"
:close-on-press-escape="false"
:show-close="false"
:visible.sync="details.popUpShow.titleVisited"
width="30%"
v-model="details.popUpShow.titleVisited"
>
<div style="text-align: center">是否继续开单</div>
<div class="flex-c-c mt20">
<el-button icon="CircleClose" @click="back">取 消</el-button>
<el-button type="primary" icon="CircleCheck" @click="handleRepetition">确 认</el-button>
<el-button type="primary" icon="Printer" v-if="details.waybillId" @click="handlePrint">
打 印
</el-button>
</div>
</el-dialog>
<!-- 改单原因 -->
<el-dialog
title="修改信息"
:center="true"
:align-center="true"
:close-on-click-modal="false"
:close-on-press-escape="false"
:show-close="false"
:visible.sync="details.popUpShow.causeVisited"
width="50%"
v-model="details.popUpShow.causeVisited"
>
<el-form :model="details.causeForm" ref="causeFormRef" label-width="120px">
<el-form-item
label="修改原因："
style="margin-right: 0"
prop="editResonCode"
:rules="[{ required: true, message: '请选择修改原因', trigger: ['blur', 'change'] }]"
>
<el-select
v-model="details.causeForm.editResonCode"
clearable
placeholder="请选择修改原因"
style="width: 100%"
>
<el-option
v-for="item in query.editWaybillReasonTypeList"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictKey"
/>
</el-select>
</el-form-item>
<el-form-item label="备注：" style="margin-right: 0">
<el-input type="textarea" v-model="details.causeForm.refer" placeholder="请输入描述" />
</el-form-item>
</el-form>
<tablecmt
style="height: 40vh"
ref="tableNode"
:columnList="details.changeColumnList"
:tableData="details.changeData"
:loading="loadingObj.list"
>
<template #default="slotProps"> </template>
</tablecmt>
<div class="flex-c-c mt20">
<!-- 取消 -->
<el-button icon="CircleClose" @click="() => (details.popUpShow.causeVisited = false)">
取 消
</el-button>
<!-- 确认 -->
<el-button type="primary" icon="CircleCheck" @click="handleSubmitCause">确 认</el-button>
</div>
</el-dialog>
<!-- 运单打印 -->
<WaybillPrintTemplate
v-model="details.popUpShow.WaybillPrintTemplate"
:html="details.html"
width="fit-content"
/>
</div>
</template>
<script lang="ts">
export default {
name: '/distribution/inventory/CreateOrder',
};
</script>
<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, useStore } from 'vuex';
/** 获取字典 */
import { getDictionaryBiz } from '@/api/system/dict';
import {
computeNumber,
deepClone,
isNumber,
setNodeHeight,
debounce,
getObjType,
handleInputQuery,
handleFilterData,
handleClearTableQuery,
handleSelectQuery,
floorToDecimalPlaces,
} from '@/utils/util';
import { columnList, packageColumnList } from '@/option/waybill/TemporaryStorageList';
import { getopenOrderAdvancePageList } from '@/api/waybill/TemporaryStorageList';
import { getLazyTreeAll } from '@/api/base/region';
import { ElMessage, ElMessageBox } from 'element-plus';
import type { FormInstance, FormRules, Action } from 'element-plus';
import { useRouter, useRoute } from 'vue-router';
import {
postOpenOrderFindClientInfo,
getOpenOrderAdvanceToWaybillInfo,
postOpenOrderOpenWaybill,
getOpenOrderAdvanceFindWarehouseList,
postFindWaybillDetail,
postUpdateWaybill,
postUpdateWaybillVerify,
postOpenOrderOpenZeroWaybill,
postFindCategoryInfo,
postFindArrPrice,
postFindAdvanceDetailListByAdvanceIds,
postFindAdvanceDetailListByWaybillId,
} from '@/api/distribution/CreateOrder.js';
import { postPrintBatch } from '@/api/waybill/WaybillOrderList.js';
import { getList } from '@/api/basicdata/basicdataVehicleInfo';
// 获取vue实例
const instance = getCurrentInstance();
// 获取表单实例
const ruleFormRef = ref<FormInstance>();
const causeFormRef = ref<FormInstance>();
// 获取路由实例
const $router = useRouter();
const $route = useRoute();
// 获取vuex
let $store = useStore();
const tableNode = ref();
const details = reactive<any>({
/** 页面数据 */
pageInfo: {},
deepQuery: {},
/** 表格搜索条件 */
query: {
/** 品牌 */
brand: '',
/** 创建时间 */
openOrderDate: new Date(),
/** 客户车次号 */
customerTrain: '',
/** 运单号 */
waybillNo: '',
/** 发站仓id */
departureWarehouseId: '',
/** 发站仓名称 */
departureWarehouseName: '',
/** 到站 */
destination: [],
/** 订单自编号 */
orderCode: '',
/** 目的站名称 */
destinationWarehouseName: '',
/** 目的仓Id */
destinationWarehouseId: '',
queryDestinationWarehouseName: '',
/** 货号 */
goodsCode: '',
/** 发货单位id */
shipperId: '',
/** 发货单位 */
shipper: '',
/** 发货人 */
shipperName: '',
/** 发货人电话 */
shipperMobile: '',
/** 发货人地址 */
shipperAddress: '',
/** 收货单位id */
consigneeId: '',
/** 收货单位 */
consignee: '',
/** 收货人 */
consigneeName: '',
/** 收货人电话 */
consigneeMobile: '',
/** 收货人地址 */
consigneeAddress: '',
/** 货物品类 */
waybillDetailList: [],
/** 送货费 */
deliveryFee: 0,
/** 提货费 */
pickupFee: 0,
/** 仓库管理费 */
warehouseManagementFee: 0,
/** 仓储费 */
storageFee: 0,
/** 仓储操作费 */
handlingFee: 0,
/** 仓储分拣费 */
sortingFee: 0,
/** 其他费 */
otherFee: 0,
/** 保价费 */
insuranceFee: 0,
/** 安装费 */
installFee: 0,
/** 申明价值 */
claimingValue: 0,
/** 支付方式 */
payType: '',
/** 付款方式 */
payWay: '2',
/** 现付 */
xianPay: 0,
/** 到付 */
daoPay: 0,
/** 月付 */
yuePay: 0,
/** 回付 */
huiPay: 0,
huilaiPay: 0,
/** 回扣 */
rebate: 0,
/** 三方操作费 */
thirdOperationFee: 0,
/** 送货方式 */
deliveryWay: '1',
/** 紧急度 */
urgency: '1',
/** 回单方式(多选) */
receipt: [],
/** 运输方式 */
transportType: '',
/** 开单人 */
openOrderUserName: '',
/** 回单数 */
receiptNum: 0,
/** 备注 */
remark: '',
/** 运单类型 */
waybillType: 1,
/** 是否提货 */
isPickUp: 0,
/** 是否整车 -- 提货 */
pickupCompleteOrNot: 0,
/** 提货整车车型 */
pickupVehicleTypeId: '',
pickupVehicleType: '',
/** 是否整车 -- 干线 */
trunklineCompleteOrNot: 0,
/** 干线整车车型 */
trunklineVehicleType: '',
trunklineVehicleTypeId: '',
/** 商场编码 */
dealerCode: '',
/** 商场名称 */
dealerName: '',
},
/** 合计 */
totalObj: {
/** 总件数 */
totalCount: computed(() => {
let _totalNum = 0;
for (let i = 0; i < details.goodsList.length; i++) {
const value = details.goodsList[i];
if (value.num) _totalNum += value.num;
}
return _totalNum;
}),
/** 总重量 */
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,
/** 系统维护 -- 干线计价方式 */
systemChargeType: 1,
/** 系统维护 -- 配送计价方式 */
systemDeliveryChargeType: 1,
/** 系统维护 -- 提货计价方式 */
systemPickupChargeType: 1,
/** 系统维护 -- 仓库计价方式 */
systemWarehouseChargeType: 1,
/** 件数 */
num: 0,
/** 重量(kg) */
weight: 0,
/** 体积(方) */
volume: 0,
/** 单价 */
price: 0,
/** 系统维护 -- 运费单价 */
freightPrice: 0,
/** 系统维护 -- 配送单价 */
deliveryPrice: 0,
/** 系统维护 -- 提货单价 */
pickupPrice: 0,
/** 运费小计 */
subtotalFreight: 0,
/** 货物名称list */
goodsListOptions: [],
},
],
options: [],
/** 价格模板数据 */
priceTemplate: {} as any,
/** 车型 */
vehicleTypeArr: [],
/** 到站地区数组 */
regionOptione: [],
/** 收货方 -- 收货单位 */
consigneeOptions: [],
/** 收货方 -- 收货人 */
consigneeNameOptions: [],
/** 收货方 -- 收货电话 */
consigneeMobileOptions: [],
/** 发货方 -- 收货单位 */
shipperOptions: [],
/** 收货方 -- 收货人 */
shipperNameOptions: [],
/** 收货方 -- 收货电话 */
shipperMobileOptions: [],
/** 必填 */
rules: {
/** 发站仓名称 */
departureWarehouseName: [
{
required: true,
message: '请填写或选择发站仓',
trigger: ['change', 'blur'],
},
],
/** 发站 */
departure: [
{
required: true,
message: '请填写或选择发站地',
trigger: ['change', 'blur'],
},
],
/** 到站 */
destination: [
{
required: true,
message: '请填写或选择到站地',
trigger: ['change', 'blur'],
},
],
/** 目的站名称 */
queryDestinationWarehouseName: [
{
required: true,
message: '请选择目的仓',
trigger: ['blur', 'change'],
},
],
/** 发货单位 */
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: ['change', 'blur'],
},
],
/** 收货人电话 */
consigneeMobile: [
{
required: true,
message: '请选择或输入收货人电话',
trigger: ['change', 'blur'],
},
],
/** 付款方式 */
payWay: [
{
required: true,
message: '请选择付款方式',
trigger: ['change'],
},
],
/** 送货方式 */
deliveryWay: [
{
required: true,
message: '请选择送货方式',
trigger: ['change', 'blur'],
},
],
/** 紧急度 */
urgency: [
{
required: true,
message: '请选择紧急度',
trigger: ['change', 'blur'],
},
],
},
/** 列表 */
columnList: deepClone(columnList),
/** 列表数据 */
haveDataData: [],
notHaveDataData: [],
/** 页面loading */
loadingObj: {
loading: false,
/** 列表加载loading */
haveDataList: false,
notHaveDataList: false,
/** 配载信息loading */
stowageLoading: false,
/** 收货方 */
consignerLoading: false,
/** 提交按钮 */
submitLoadingBtn: false,
},
/** 列表复选框选中的数据 */
selectionList: [],
/** 是否显示设置表格 */
drawerShow: false,
/** 弹窗表格query */
tableQuery: {},
/** 分页参数 */
page: {
pageNum: 1,
pageSize: 30,
total: 0,
},
/** 弹出层显示 */
popUpShow: {
/** 订单选择 */
columnListVisited: false,
/** 是否继续开单 */
titleVisited: false,
/** 改单原因 */
causeVisited: false,
/** 运单打印 */
WaybillPrintTemplate: false,
/** 配置包条结算品类 */
dialogVisible: false,
},
/** 全屏 */
fullscreenObj: {
/** 配置包条结算品类 */
dialogVisible: false,
},
/** 列表Dom节点 */
listNode: '',
// 页面请求的问题
form: {},
/** 修改 -- 深拷贝goodsList, 区别：新增 / 删除 / 修改 */
deepCloneGoodsList: [],
/** 提交数据 */
submitData: {},
/** tab标签有无数据 */
orderStatus: 'haveData',
/** 提交类型 */
submitType: 'haveData' as 'haveData' | 'notHaveData',
/** 修改原因 */
causeForm: {},
/** 修改列表 -- 表头 */
changeColumnList: [
{
prop: 'itemName',
label: '修改项',
type: 1,
values: '',
width: '',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'oldValue',
label: '修改前',
type: 1,
values: '',
width: '',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'newValue',
label: '修改后',
type: 1,
values: '',
width: '',
checkarr: [],
fixed: false,
sortable: false,
},
],
/** 修改数据 */
changeData: [],
/** 提交后后台返回的waybillId */
waybillId: '',
/** 打印html */
html: '',
/** 配置包条品类 */
package: {
/** 包条数据 */
data: [],
/** 渲染数据 */
renderData: [],
/** 列表表头 */
columnList: deepClone(packageColumnList),
/** 筛选条件 */
query: {
inputQuery: {},
selectQuery: {},
},
/** 品类 */
goodsListOptions: [],
loading: false,
selectionList: [],
/** 批量设置品类 -- id */
incomeCategoryId: '',
/** 批量设置品类 -- 名称 */
incomeCategoryName: '',
},
});
details.deepQuery = deepClone(details.query);
/** 是否禁用 */
const isDisabled = computed(() => {
if (getObjType(details.priceTemplate) !== 'object') return false;
const { template } = details.priceTemplate;
if (getObjType(template) !== 'object') return false;
// 是否干线特殊配置
const { trunklineIsPeculiarSetup } = template;
const blackArr = ['金牌'];
const _flag = blackArr.includes(details.query.brand);
if (_flag && trunklineIsPeculiarSetup) return true;
else return false;
});
const info = ref<any>({});
const { query, data, drawerShow, page, loadingObj } = toRefs(details);
// 组件实例
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];
const packageTableNode = ref();
// 货物数组
const goodsNameRef = ref();
// 合计费用
const totalCost = computed(() => {
const _num = computeNumber(0, '+', details.query.totalFreight || 0)
.next('+', details.query.deliveryFee || 0)
.next('+', details.query.pickupFee || 0)
.next('+', details.query.warehouseManagementFee || 0)
.next('+', details.query.storageFee || 0)
.next('+', details.query.handlingFee || 0)
.next('+', details.query.sortingFee || 0)
.next('+', details.query.otherFee || 0)
.next('+', details.query.insuranceFee || 0)
.next('+', details.query.installFee || 0)
.next('+', details.query.thirdOperationFee || 0).result;
handlePayWay(_num);
return _num;
});
/** vuex */
const permission = computed(() => mapGetters(['permission', 'tagWel', 'tagList']));
onMounted(() => {});
// 改单时, 对数据库内到站值进行转译
const handleTranslationLocation = key => {
// 获取数据库中地址值
const _location = details.query[key];
let _arr = [];
// 循环查找匹配的到站地址
for (const iterator of details.regionOptione) {
let isBreak = false;
if (iterator.label === _location) {
_arr = [iterator.value];
isBreak = true;
} else if (getObjType(iterator.children) === 'array') {
for (const item of iterator.children) {
if (item.label === _location) {
_arr = [iterator.value, item.value];
isBreak = true;
break;
} else if (getObjType(item.children) === 'array') {
for (const value of item.children) {
if (value.label === _location) {
_arr = [iterator.value, item.value, value.value];
isBreak = true;
break;
}
}
}
}
if (isBreak) break;
}
if (isBreak) break;
}
details.query[key] = _arr;
};
/** 获取车型 */
getList({}).then(res => {
const { code, data } = res.data;
if (code !== 200 || getObjType(data) !== 'array') return;
details.vehicleTypeArr = data.map(val => {
return {
dictKey: val.id,
dictValue: val.vehicleModel,
};
});
});
/** 初始化包件数据 */
const initPackage = element => {
element.MaintenanceOrNot = element.incomeCategoryId ? '是' : '否';
// 收入结算
element.confirmIncomeCategoryName = element.incomeCategoryName || '其它';
element.confirmIncomeCategoryId = element.incomeCategoryId || '';
element.incomeCategoryName = element.incomeCategoryName || '其它';
element.incomeCategory = element.incomeCategoryName || '其它';
element.incomeCategoryId = element.incomeCategoryId || '';
// 成本结算
element.confirmCostCategoryName = element.costCategoryName || '其它';
element.confirmCostCategoryId = element.costCategoryId || '';
element.costCategoryName = element.costCategoryName || '其它';
element.costCategory = element.costCategoryName || '其它';
element.costCategoryId = element.costCategoryId || '';
element.volume = isNumber(element.volume) ? Number(element.volume) : 0;
element.confirmVolume = element.volume; // 配置包条提交时再反写体积
element.initVolume = element.volume; // 编辑提交时对比是否编辑
element.weight = isNumber(element.weight) ? Number(element.weight) : 0;
element.confirmWeight = element.weight; // 配置包条提交时再反写重量
element.initWeight = element.weight; // 编辑提交时对比是否编辑
};
/** 初始化获取暂存单转运单信息 */
const onLoad = async (idsArr = []) => {
try {
details.query = deepClone(details.deepQuery);
let ids = [];
if (idsArr.length === 0) ids = JSON.parse(details.pageInfo.ids);
else ids = idsArr;
await Promise.all([
// 初始化开单数据
getOpenOrderAdvanceToWaybillInfo({ advanceIds: ids }).then(res => {
const { code, data } = res.data;
if (code !== 200) return;
// 存储请求的数据
info.value = deepClone(data);
for (let key in data) {
details.query[key] = data[key] || '';
}
details.query.shipperAddress = data.shipperAddress || '';
details.query.consigneeAddress = data.consigneeAddress || '';
details.query.shipperId = data.shipperClientId || '';
details.query.consigneeId = data.consigneeClientId || '';
details.query.destination = data.destinationArray || [];
details.query.departure = data.departureArray || [];
details.query.queryDestinationWarehouseName = data.destinationWarehouseName || '';
// 是否提货
details.query.isPickUp = details.query.isPickUp ? details.query.isPickUp : 0;
// 是否整车 -- 提货
details.query.pickupCompleteOrNot = details.query.pickupCompleteOrNot
? details.query.pickupCompleteOrNot
: 0;
// 是否整车 -- 干线
details.query.trunklineCompleteOrNot = details.query.trunklineCompleteOrNot
? details.query.trunklineCompleteOrNot
: 0;
if (data.goodsList.length === 0) {
details.goodsList = [
{
index: 0,
/** 货物名称 */
goodsName: '',
/** 品类Id */
goodsId: '',
/** 计费方式 */
chargeType: 1,
/** 系统维护 -- 干线计价方式 */
systemChargeType: 1,
/** 系统维护 -- 配送计价方式 */
systemDeliveryChargeType: 1,
/** 系统维护 -- 提货计价方式 */
systemPickupChargeType: 1,
/** 系统维护 -- 仓库计价方式 */
systemWarehouseChargeType: 1,
/** 件数 */
num: 0,
/** 重量(kg) */
weight: 0,
/** 体积(方) */
volume: 0,
/** 单价 */
price: 0,
/** 系统维护 -- 运费单价 */
freightPrice: 0,
/** 系统维护 -- 配送单价 */
deliveryPrice: 0,
/** 系统维护 -- 提货单价 */
pickupPrice: 0,
/** 运费小计 */
subtotalFreight: 0,
/** 货物list */
goodsListOptions: [],
},
];
} else {
details.goodsList = data.goodsList.map(val => {
val.num = isNumber(val.num) ? Number(val.num) : 0;
val.price = isNumber(val.price) ? Number(val.price) : 0;
val.freightPrice = isNumber(val.freightPrice) ? Number(val.freightPrice) : 0;
val.deliveryPrice = isNumber(val.deliveryPrice) ? Number(val.deliveryPrice) : 0;
val.pickupPrice = isNumber(val.pickupPrice) ? Number(val.pickupPrice) : 0;
val.subtotalFreight = isNumber(val.subtotalFreight) ? Number(val.subtotalFreight) : 0;
/** 系统维护 -- 干线计价方式 */
val.systemChargeType = val.systemChargeType || 1;
/** 系统维护 -- 配送计价方式 */
val.systemDeliveryChargeType = val.systemDeliveryChargeType || 1;
/** 系统维护 -- 提货计价方式 */
val.systemPickupChargeType = val.systemPickupChargeType || 1;
/** 系统维护 -- 仓库计价方式 */
val.systemWarehouseChargeType = val.systemWarehouseChargeType || 1;
val.volume = isNumber(val.volume) ? Number(val.volume) : 0;
val.weight = isNumber(val.weight) ? Number(val.weight) : 0;
val.chargeType = val.chargeType || 1;
val.goodsListOptions = [];
val.goodsId = val.goodsId || '';
// 计算运费小计
handleComputed(val);
// 计算件数最大值
return val;
});
}
info.value.maxNum = data.totalNum;
details.query.goodsCode = '-' + data.totalNum;
if (data.defaultPayWay) {
details.query.payWay = data.defaultPayWay;
} else {
details.query.payWay =
data.payWayList.find(val => val.dictValue === '到付').dictKey || '2';
}
details.query.transportType = details.query.transportType || '1';
details.query.deliveryWay = details.query.defaultDeliveryWay || '1';
if (!details.query.defaultDeliveryWay && !details.query.consigneeId)
details.query.deliveryWay = '2';
handleFindPrice();
}),
// 获取包件数据
postFindAdvanceDetailListByAdvanceIds({ advanceIds: ids }).then(async res => {
if (details.submitType === 'notHaveData') return;
const { code, data } = res.data;
if (code !== 200) return;
details.package.data = data || [];
let _flag = false;
for (let i = 0; i < details.package.data.length; i++) {
const element = details.package.data[i];
initPackage(element);
!element.incomeCategoryId && (_flag = true);
}
details.package.renderData = handleFilterData(
details.package.data,
[],
details.package.query
);
if (!_flag) return;
await nextTick();
ElMessage.warning('存在数据未维护结算品类，请维护品类信息');
handleShow();
}),
]);
} catch (error) {
console.log('error :>> ', error);
} finally {
return null;
}
};
/** 初始化获取运单信息进行改单 */
const onEditLoad = async () => {
await Promise.all([
postFindWaybillDetail({ waybillId: details.pageInfo.id, isEdit: 1 }).then(res => {
const { code, data } = res.data;
if (code !== 200) return;
details.query = { ...data, ...data.warehouseWaybill };
delete details.query.warehouseWaybill;
details.query.trainNumber = details.query.customerTrain;
// 是否提货
details.query.isPickUp =
details.query.pickupFee && Number(details.query.pickupFee) > 0 ? 1 : 0;
// 是否整车 -- 提货
details.query.pickupCompleteOrNot = details.query.pickupCompleteOrNot
? details.query.pickupCompleteOrNot
: 0;
// 是否整车 -- 干线
details.query.trunklineCompleteOrNot = details.query.trunklineCompleteOrNot
? details.query.trunklineCompleteOrNot
: 0;
details.query.openOrderUserName = details.query.agent;
details.query.queryDestinationWarehouseName = details.query.destinationWarehouseName;
details.query.openOrderDate = data.warehouseWaybill.createTime;
details.query.orderCode = data.warehouseWaybill.orderNo;
details.query.transportType = details.query.transportType ? details.query.transportType : '1';
details.query.receipt = data.warehouseWaybill.receipt
? data.warehouseWaybill.receipt.split(',')
: [];
details.query.xianPay = isNumber(data.warehouseWaybill.xpay)
? Number(data.warehouseWaybill.xpay)
: data.warehouseWaybill.xpay;
details.query.huiPay = isNumber(data.warehouseWaybill.hpay)
? Number(data.warehouseWaybill.hpay)
: data.warehouseWaybill.hpay;
details.query.yuePay = isNumber(data.warehouseWaybill.ypay)
? Number(data.warehouseWaybill.ypay)
: data.warehouseWaybill.ypay;
details.query.daoPay = isNumber(data.warehouseWaybill.dpay)
? Number(data.warehouseWaybill.dpay)
: data.warehouseWaybill.dpay;
// 转译到站
if (details.regionOptione.length !== 0) {
handleTranslationLocation('departure');
handleTranslationLocation('destination');
}
// 初始化goodsList
if (data.warehouseWaybill.detailList.length === 0)
details.goodsList = [
{
index: 0,
/** 货物名称 */
goodsName: '',
/** 品类Id */
goodsId: '',
/** 计费方式 */
chargeType: 1,
/** 系统维护 -- 干线计价方式 */
systemChargeType: 1,
/** 系统维护 -- 配送计价方式 */
systemDeliveryChargeType: 1,
/** 系统维护 -- 提货计价方式 */
systemPickupChargeType: 1,
/** 系统维护 -- 仓库计价方式 */
systemWarehouseChargeType: 1,
/** 件数 */
num: 0,
/** 重量(kg) */
weight: 0,
/** 体积(方) */
volume: 0,
/** 单价 */
price: 0,
/** 系统维护 -- 运费单价 */
freightPrice: 0,
/** 系统维护 -- 配送单价 */
deliveryPrice: 0,
/** 系统维护 -- 提货单价 */
pickupPrice: 0,
/** 运费小计 */
subtotalFreight: 0,
/** 货物名称list */
goodsListOptions: [],
},
];
else {
info.value.maxNum = 0;
details.deepCloneGoodsList = [];
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.freightPrice = isNumber(val.freightPrice) ? Number(val.freightPrice) : 0;
val.deliveryPrice = isNumber(val.deliveryPrice) ? Number(val.deliveryPrice) : 0;
val.pickupPrice = isNumber(val.pickupPrice) ? Number(val.pickupPrice) : 0;
val.subtotalFreight = isNumber(val.subtotalFreight) ? Number(val.subtotalFreight) : 0;
/** 系统维护 -- 干线计价方式 */
val.systemChargeType = val.systemChargeType || 1;
/** 系统维护 -- 配送计价方式 */
val.systemDeliveryChargeType = val.systemDeliveryChargeType || 1;
/** 系统维护 -- 提货计价方式 */
val.systemPickupChargeType = val.systemPickupChargeType || 1;
/** 系统维护 -- 仓库计价方式 */
val.systemWarehouseChargeType = val.systemWarehouseChargeType || 1;
val.goodsName = val.productName;
val.goodsId = val.productId;
val.goodsListOptions = [];
// 计算件数最大值
info.value.maxNum += val.num;
details.deepCloneGoodsList.push({ ...val });
return val;
});
}
handleFindPrice(true);
}),
// 获取包件数据
postFindAdvanceDetailListByWaybillId({ waybillId: details.pageInfo.id }).then(async res => {
if (details.submitType === 'notHaveData') return;
const { code, data } = res.data;
if (code !== 200) return;
details.package.data = data || [];
let _flag = false;
for (let i = 0; i < details.package.data.length; i++) {
const element = details.package.data[i];
initPackage(element);
// 收入结算
element.cloneIncomeCategoryId = element.incomeCategoryId || ''; // 编辑提交时, 跟据confirmIncomeCategoryId判断是否修改
// 成本结算
element.cloneCostCategoryId = element.costCategoryId || ''; // 编辑提交时, 跟据confirmCostCategoryId判断是否修改
!element.incomeCategoryId && (_flag = true);
}
details.package.renderData = handleFilterData(
details.package.data,
[],
details.package.query
);
if (!_flag) return;
ElMessage.warning('存在数据未维护结算品类，请维护品类信息');
// await nextTick();
// handleShow();
}),
]);
};
/** 获取页面信息 */
const initPageInfo = async (idsArr = []) => {
try {
details.loadingObj.submitLoadingBtn = true;
// 获取省市区信息
await getLazyTreeAll().then(res => {
if (res.data.success) {
details.regionOptione = res.data.data;
// if (details.query.destination) handleTranslationLocation();
}
});
details.pageInfo = { ...$route.query };
// 新增
if (details.pageInfo.type !== 'edit') await onLoad(idsArr);
// 改单
else {
await onEditLoad();
}
const { shipper, shipperName, shipperMobile, consignee, consigneeName, consigneeMobile } =
details.query;
console.log('details.goodsList :>> ', details.goodsList);
for (let index = 0; index < details.goodsList.length; index++) {
const element = details.goodsList[index];
handleFindGoods(element.goodsName, element);
}
if (shipper) handleFindClientInfo('shipper');
if (shipperName) handleFindClientInfo('shipperName');
if (shipperMobile) handleFindClientInfo('shipperMobile');
if (consignee) handleFindClientInfo('consignee');
if (consigneeName) handleFindClientInfo('consigneeName');
if (consigneeMobile) handleFindClientInfo('consigneeMobile');
} catch (error) {
console.log('error :>> ', error);
} finally {
details.loadingObj.submitLoadingBtn = false;
}
};
const handleCloseSelcet = () => {
shipperNodeList.forEach(val => val.value.handleClose());
consigneeNodeList.forEach(val => val.value.handleClose());
goodsNameRef.value && goodsNameRef.value.forEach(val => val.handleClose());
};
/** 新增货物 */
const handleAdd = () => {
if (info.value.maxNum <= details.totalObj.totalCount) {
ElMessage({
message: '件数已用完, 无法再新增',
type: 'warning',
});
return;
}
const _flag = details.goodsList.every(val => {
// 件数和名称必填
if (val.goodsName === '' || !val.num) {
ElMessage({
message: '请填写完整件数和名称',
type: 'warning',
});
return false;
}
if (val.chargeType === 2 && val.volume === 0) {
ElMessage({
message: '请填写方数',
type: 'warning',
});
return false;
}
if (val.chargeType === 3 && val.weight === 0) {
ElMessage({
message: '请填写重量',
type: 'warning',
});
return false;
}
return true;
});
if (!_flag) return;
details.goodsList.push({
/** 货物名称 */
goodsName: '',
/** 品类Id */
goodsId: '',
/** 货物品类 */
waybillDetailList: '',
/** 计费方式 */
chargeType: 1,
/** 系统维护 -- 干线计价方式 */
systemChargeType: 1,
/** 系统维护 -- 配送计价方式 */
systemDeliveryChargeType: 1,
/** 系统维护 -- 提货计价方式 */
systemPickupChargeType: 1,
/** 系统维护 -- 仓库计价方式 */
systemWarehouseChargeType: 1,
/** 件数 */
num: 0,
/** 重量(kg) */
weight: 0,
/** 体积(方) */
volume: 0,
/** 单价 */
price: 0,
/** 系统维护 -- 运费单价 */
freightPrice: 0,
/** 系统维护 -- 配送单价 */
deliveryPrice: 0,
/** 系统维护 -- 提货单价 */
pickupPrice: 0,
/** 运费小计 */
subtotalFreight: 0,
goodsListOptions: [],
});
};
/** 请求订单数据 */
const initOrderList = async (params = {}) => {
const status = details.orderStatus;
try {
if (status === 'haveData') details.loadingObj.haveDataList = true;
else details.loadingObj.notHaveDataList = true;
params.freezeStatus = '0';
params.hasPackage = status === 'haveData' ? 1 : 0;
const res = await getopenOrderAdvancePageList(details.page, {
...details.tableQuery,
...details.form,
...params,
});
// 获取暂存单列表
const { code, data } = res.data;
if (code !== 200) return;
if (status === 'haveData') details.haveDataData = data.records;
else details.notHaveDataData = data.records;
details.data = data.records;
details.page.total = data.total;
} catch (error) {
console.log('error :>> ', error);
} finally {
// 开启列表loading动画
if (status === 'haveData') details.loadingObj.haveDataList = false;
else details.loadingObj.notHaveDataList = false;
return null;
}
};
const init = (params = {}) => {
details.page.pageNum = 1;
details.page.total = 0;
initOrderList(params);
};
/** 开启订单列表 */
const handleChooseOrder = async () => {
try {
details.popUpShow.columnListVisited = true;
// 开启列表loading动画
details.loadingObj.loading = true;
await init();
nextTick(() => {
const _node = document.querySelector('.el-dialog-columnList .maboxhi');
setNodeHeight(_node, '60vh');
});
// return res.data;
} catch (error) {
} finally {
// 开启列表loading动画
details.loadingObj.loading = false;
}
};
/** 选择订单 */
const handleChoose = () => {
try {
if (details.selectionList.length === 0) {
return ElMessage({
type: 'warning',
message: '请选择一条数据',
});
}
// const _htMallName = details.selectionList[0].htMallName;
// const _flag = details.selectionList.every(item => _htMallName === item.htMallName);
// if (!_flag) {
// return ElMessage({
// type: 'warning',
// message: '请选择统一商场开单',
// });
// }
let _htMallName = '';
let _dealerName = '';
let _brand = '';
for (let i = 0; i < details.selectionList.length; i++) {
const value = details.selectionList[i];
if (i === 0) {
_htMallName = value.htMallName;
_dealerName = value.dealerName;
_brand = value.brand;
}
if (!_htMallName) {
if (
_htMallName !== value.htMallName ||
_dealerName !== value.dealerName ||
_brand !== value.brand
) {
return ElMessage({
type: 'warning',
message: '请选择统一商场和品牌开单',
});
}
} else {
if (_htMallName !== value.htMallName || _brand !== value.brand) {
return ElMessage({
type: 'warning',
message: '请选择统一商场和品牌开单',
});
}
}
}
const ids = details.selectionList.map(val => val.id);
// 请求页面数据
initPageInfo(ids);
details.submitType = details.orderStatus;
details.popUpShow.columnListVisited = false;
details.popUpShow.titleVisited = false;
} catch (error) {
console.log('error :>> ', error);
} finally {
}
};
/** 表格表头输入框搜索 */
const inputsc = (index, row, type) => {
switch (type) {
case 1:
handleInputQuery(index, row, details.tableQuery);
init();
break;
case 2:
handleInputQuery(index, row, details.package.query.inputQuery, true);
details.package.renderData = handleFilterData(
details.package.data,
[],
details.package.query
);
break;
default:
break;
}
// details.tableQuery[row.prop] = index;
// if (!index && index !== 0) delete details.tableQuery[row.prop];
// init();
};
/** 表格表头时间选择 */
const timesc = (index, row) => {
if (!!index) {
index = dayjs(index).format('YYYY-MM-DD');
}
details.tableQuery[row.prop] = index;
if (!index) {
delete details.tableQuery[row.prop];
}
init();
};
/** 表格表头输入框搜索 */
const btnsc = () => {};
/** 表格表头下拉框选择 */
const selectsc = (index, row, type) => {
switch (type) {
case 1:
handleSelectQuery(index, row, details.tableQuery);
init();
break;
case 2:
handleSelectQuery(index, row, details.package.query.selectQuery);
details.package.renderData = handleFilterData(
details.package.data,
[],
details.package.query
);
break;
default:
break;
}
};
/** 表格表头复选框选择 */
const selectionChange = (list: any) => {
details.selectionList = list;
};
/** 每页数量改变执行的回调 */
const sizeChange = (pageSize: number) => {
details.page.pageSize = pageSize;
initOrderList();
};
/** 页码改变执行的回调 */
const currentChange = current => {
details.page.pageNum = current;
initOrderList();
};
/** 查看包明细 */
const handleShowPackageOrderList = ({ row }) => {
$router.push({
path: '/waybill/orderPackageListDetails?name=包明细',
query: {
id: row.id,
name: `订单 -- ${row.orderCode} 包明细`,
},
});
};
/** 移除 */
const handleRemove = (index: number) => {
details.goodsList.splice(index, 1);
};
/** 查询目的仓 */
const remoteMethod = val => {
debounce(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;
}
}
}, 500)();
};
/** 目的仓选择时给目的仓名称赋值 */
const destinationWarehouseNameChange = val => {
const _item = details.options.find(value => value.warehouseId === val);
details.query.destinationWarehouseName = _item.warehouseName;
details.query.destinationWarehouseId = _item.warehouseId;
details.query.queryDestinationWarehouseName = details.query.destinationWarehouseName;
};
/** 计算行合计
* row -- 行数据
* onlyComputedTrunline -- 是否只计算干线的价格
*/
const handleComputed = (row: any, onlyComputedTrunline = false) => {
const { template, trunkLine } = details.priceTemplate;
if (Boolean(isDisabled.value && template && trunkLine))
handleSpecialBrandPrice(row, trunkLine, template, !onlyComputedTrunline);
details.query.goodsCode = '-' + details.totalObj.totalCount;
const typeArr = { 1: 'num', 2: 'volume', 3: 'weight' };
const _trunklineKey = typeArr[row.chargeType];
const _pickupKey = typeArr[row.systemPickupChargeType];
const _dispatchKey = typeArr[row.systemDeliveryChargeType];
const _warehouseManagementKey = typeArr[row.warehouseManagementType];
const _warehouseHandlingKey = typeArr[row.warehouseHandlingType];
const _warehouseSortingKey = typeArr[row.warehouseSortingType];
// 计算干线价格 -- 行
if (_trunklineKey)
row.subtotalFreight = _trunklineKey
? computeNumber(row.price, '*', row[_trunklineKey]).result
: 0;
if (!onlyComputedTrunline) {
// 计算提货价格 -- 行
if (_pickupKey)
row.subtotalPickup = _pickupKey
? computeNumber(row.pickupPrice || 0, '*', row[_pickupKey]).result
: 0;
// 计算配送价格 -- 行
// if (_dispatchKey)
// row.subtotalDispatch = _dispatchKey
// ? computeNumber(row.deliveryPrice || 0, '*', row[_dispatchKey]).result
// : 0;
if (_warehouseManagementKey)
// 计算仓储管理费 -- 行
row.subtotalWarehouseManagement = _warehouseManagementKey
? computeNumber(row.warehouseManagementPrice || 0, '*', row[_warehouseManagementKey]).result
: 0;
if (_warehouseHandlingKey)
// 计算仓储操作费 -- 行
row.subtotalWarehouseHandlingFee = _warehouseHandlingKey
? computeNumber(row.warehouseHandlingPrice || 0, '*', row[_warehouseHandlingKey]).result
: 0;
if (_warehouseSortingKey)
// 计算仓储分拣费 -- 行
row.subtotalWarehouseSortingFee = _warehouseSortingKey
? computeNumber(row.warehouseSortingPrice || 0, '*', row[_warehouseSortingKey]).result
: 0;
console.log('row :>> ', row);
}
handlePrice(!onlyComputedTrunline, 'trunkline');
};
/** 查询客户信息 */
const handleFindClientInfo = async (type, isClearId = 0) => {
try {
// 是否清除id
if (isClearId === 1) {
type === 'consignee' ? (details.query.consigneeId = '') : (details.query.shipperId = '');
}
if (!details.query[type]) return (details[type + 'Options'] = []);
details.loadingObj.consignerLoading = true;
const nameReg = new RegExp('Name');
const MobileReg = new RegExp('Mobile');
const submitData: any = {};
if (nameReg.test(type)) submitData.linkMan = details.query[type];
else if (MobileReg.test(type)) submitData.linkPhone = details.query[type];
else submitData.clientName = details.query[type];
const res = await postOpenOrderFindClientInfo(submitData);
const { code, data } = res.data;
if (code !== 200) return;
details[type + 'Options'] = data || [];
} catch (error) {
console.log('error :>> ', error);
} finally {
details.loadingObj.consignerLoading = false;
}
};
/** 客户选择 */
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;
// 发站
const _departure = [];
if (column.provinceId) _departure[0] = column.provinceId;
if (column.cityId) _departure[1] = column.cityId;
if (column.areaId) _departure[2] = column.areaId;
if (_departure.length > 0) details.query.departure = _departure;
handleFindClientInfo('shipper');
handleFindClientInfo('shipperName');
handleFindClientInfo('shipperMobile');
handleCloseSelcet();
};
/** 收货客户选择 */
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;
// 仓库
if (column.destinationWarehouseId) {
details.query.destinationWarehouseId = column.destinationWarehouseId;
details.query.destinationWarehouseName = column.destinationWarehouseName;
details.query.queryDestinationWarehouseName = column.destinationWarehouseName;
}
// 送货方式
if (column.defaultDeliveryWay) details.query.deliveryWay = column.defaultDeliveryWay;
if (column.defaultPayWay) details.query.payWay = column.defaultPayWay + '';
// 到站
const _destination = [];
if (column.provinceId) _destination[0] = column.provinceId;
if (column.cityId) _destination[1] = column.cityId;
if (column.areaId) _destination[2] = column.areaId;
if (_destination.length > 0) details.query.destination = _destination;
handleFindClientInfo('consignee');
handleFindClientInfo('consigneeName');
handleFindClientInfo('consigneeMobile');
handleCloseSelcet();
};
/** 切换tabBar */
const handleClickAll = e => {
const _name = e.props.name;
details.orderStatus = _name;
init();
};
/** 返回上一个页面 */
function back() {
$store.commit('DEL_TAG_CURRENT');
if (details.pageInfo.backPath) return $router.push(details.pageInfo.backPath);
$router.back();
}
/** 检测支付金额 */
const handleDetectionPayWay = () => {
const minNum = 0;
const payType = Number(details.query.payWay);
let content = '';
switch (payType) {
// 现付
case 1:
if (Number(details.query.xianPay) <= minNum) content = '请输入大于0的现付金额';
break;
// 到付
case 2:
if (Number(details.query.daoPay) <= minNum) content = '请输入大于0的到付金额';
break;
// 月结
case 3:
if (Number(details.query.yuePay) <= minNum) content = '请输入大于0的月结金额';
break;
// 回付
case 4:
if (Number(details.query.huiPay) <= minNum) content = '请输入大于0的回付金额';
break;
default:
break;
}
return content;
};
/** 处理付款方式对应费用 */
const handlePayWay = (number?: number) => {
const payType = Number(details.query.payWay);
const enumPayType = {
1: 'xianPay',
2: 'daoPay',
3: 'yuePay',
4: 'huiPay',
};
for (const key in enumPayType) {
const value = enumPayType[key];
details.query[value] = 0;
}
const _item = enumPayType[payType];
if (_item) {
details.query[_item] = isNumber(number) ? number : totalCost.value;
}
};
/** 处理提货费用 */
const handlePickUpPrice = (pickup, template) => {
// 是否存在提货费用
if (!details.query.isPickUp) return (details.query.pickupFee = 0);
// 是否存在模板和维护价格
if (!pickup || !template) return;
// 是否整车
if (details.query.pickupCompleteOrNot) {
// 是否存在模板和维护价格
if (!pickup || !template) return (details.query.pickupFee = 0);
const { fullVehicle } = pickup;
if (getObjType(fullVehicle) !== 'array') return;
let item = {};
for (let i = 0; i < fullVehicle.length; i++) {
const value = fullVehicle[i];
if (Number(value.vehicleType) !== Number(details.query.pickupVehicleTypeId)) continue;
item = value;
break;
}
details.query.pickupFee = details.query.pickupFee ? details.query.pickupFee : item.price || 0;
} else {
// 非整车
let _total = 0;
for (let i = 0; i < details.goodsList.length; i++) {
_total = computeNumber(_total, '+', details.goodsList[i].subtotalPickup || 0).result;
}
console.log('_total :>> ', _total);
// 是否存在最低计费
if (
(pickup || template) &&
template.pickupIsMinCost &&
Number(details.query.pickupCompleteOrNot) === 0
) {
console.log('Number(template.pickupMinCostType) :>> ', Number(template.pickupMinCostType));
switch (Number(template.pickupMinCostType)) {
// 价格
case 1:
console.log('1231 :>> ', 1231);
details.query.pickupFee = pickup.minCost > _total ? pickup.minCost : _total;
break;
// 件
case 2:
details.query.pickupFee =
pickup.minCost > details.totalObj.totalCount
? _total + (pickup.additionalCost || 0)
: _total;
break;
// 方
case 3:
details.query.pickupFee =
pickup.minCost > details.totalObj.totalVolume
? _total + (pickup.additionalCost || 0)
: _total;
break;
// 重量
case 4:
details.query.pickupFee =
pickup.minCost > details.totalObj.totalWeghit
? _total + (pickup.additionalCost || 0)
: _total;
break;
default:
break;
}
} else details.query.pickupFee = _total;
// details.query.pickupFee = _total;
}
};
/** 处理干线费用 */
const handleTrunkLinePrice = (trunkLine, template) => {
// 是否整车
if (details.query.trunklineCompleteOrNot) {
// 是否存在模板和维护价格
if (!trunkLine || !template) return;
const { fullVehicle } = trunkLine;
if (getObjType(fullVehicle) !== 'array') return;
let item: any = {};
for (let i = 0; i < fullVehicle.length; i++) {
const value = fullVehicle[i];
if (Number(value.vehicleType) !== Number(details.query.trunklineVehicleTypeId)) continue;
item = value;
break;
}
details.query.totalFreight = details.query.totalFreight
? details.query.totalFreight
: item.price || 0;
} else {
// 非整车
let _total = 0;
for (let i = 0; i < details.goodsList.length; i++) {
const value = details.goodsList[i];
if (value.subtotalFreight) _total = computeNumber(_total, '+', value.subtotalFreight).result;
}
// 是否存在最低计费
if (trunkLine && template && template.trunklineIsMinCost) {
switch (Number(template.trunklineMinCostType)) {
// 价格
case 1:
details.query.totalFreight = trunkLine.minCost > _total ? trunkLine.minCost : _total;
break;
// 件
case 2:
details.query.totalFreight =
trunkLine.minCost > details.totalObj.totalCount
? computeNumber(_total, '+', trunkLine.minCost || 0).result
: _total;
break;
// 方
case 3:
details.query.totalFreight =
trunkLine.minCost > details.totalObj.totalVolume
? computeNumber(_total, '+', trunkLine.minCost || 0).result
: _total;
break;
// 重量
case 4:
details.query.totalFreight =
trunkLine.minCost > details.totalObj.totalWeghit
? computeNumber(_total, '+', trunkLine.minCost || 0).result
: _total;
break;
default:
break;
}
} else details.query.totalFreight = _total;
console.log('_total :>> ', _total);
}
};
/** 处理配送费 */
const handleDispatchPrice = (dispatch, template) => {
// 是否存在模板和维护价格
if (!dispatch || !template) return (details.query.deliveryFee = 0);
// 根据订单号分组
const _orderObj = {};
for (let i = 0; i < details.package.data.length; i++) {
const value = details.package.data[i];
// 根据订单分组
!_orderObj[value.orderCode] && (_orderObj[value.orderCode] = {});
const _item = _orderObj[value.orderCode];
const _key = value.incomeCategoryName + value.incomeCategoryId;
// 根据品类分组
for (let j = 0; j < details.goodsList.length; j++) {
const val = details.goodsList[j];
if (_key !== val.goodsName + val.goodsId) continue;
// orderGoodsNum为品类数量
if (!_item[_key]) {
// 单个体积
const singleVolume = floorToDecimalPlaces(
computeNumber(val.volume, '/', val.num).result,
4
);
// 单个重量
const singleWeight = floorToDecimalPlaces(
computeNumber(val.weight, '/', val.num).result,
4
);
_item[_key] = {
...val,
orderGoodsNum: 1,
orderGoodsVolume: singleVolume,
singleVolume,
orderGoodsWeight: singleWeight,
singleWeight,
};
continue;
}
_item[_key].orderGoodsNum++;
// 单个体积
_item[_key].orderGoodsVolume = floorToDecimalPlaces(
computeNumber(_item[_key].singleVolume, '*', _item[_key].orderGoodsNum).result,
4
);
// 单个重量
_item[_key].orderGoodsWeight = floorToDecimalPlaces(
computeNumber(_item[_key].singleWeight, '*', _item[_key].orderGoodsNum).result,
4
);
break;
}
}
const typeArr = { 1: 'orderGoodsNum', 2: 'orderGoodsVolume', 3: 'orderGoodsWeight' };
let _totalPrce = 0;
for (const key in _orderObj) {
const element = _orderObj[key];
// 订单总配送费
let _orderSubtotalDispatch = 0;
// 订单总重量
let _orderWeight = 0;
// 订单总体积
let _orderVolume = 0;
// 订单总数
let _orderNum = 0;
for (const childKey in element) {
const item = element[childKey];
_orderWeight = computeNumber(_orderWeight, '+', item.orderGoodsWeight).result;
_orderVolume = computeNumber(_orderVolume, '+', item.orderGoodsVolume).result;
_orderNum += item.orderGoodsNum;
const _dispatchKey = typeArr[item.systemDeliveryChargeType];
item.subtotalDispatch = _dispatchKey
? computeNumber(item.deliveryPrice || 0, '*', item[_dispatchKey]).result
: 0;
_orderSubtotalDispatch = computeNumber(
_orderSubtotalDispatch,
'+',
item.subtotalDispatch
).result;
}
// 是否存在最低费
if (
dispatch &&
template &&
template.dispatchIsMinCost &&
Number(template.dispatchMinCostMode) === 1
) {
switch (Number(template.dispatchMinCostType)) {
// 价格
case 1:
_orderSubtotalDispatch =
dispatch.minCost > _orderSubtotalDispatch ? dispatch.minCost : _orderSubtotalDispatch;
break;
// 件
case 2:
_orderSubtotalDispatch =
dispatch.minCost > _orderNum
? _orderSubtotalDispatch + (dispatch.additionalCost || 0)
: _orderSubtotalDispatch;
break;
// 方
case 3:
_orderSubtotalDispatch =
dispatch.minCost > _orderVolume
? _orderSubtotalDispatch + (dispatch.additionalCost || 0)
: _orderSubtotalDispatch;
break;
// 重量
case 4:
_orderSubtotalDispatch =
dispatch.minCost > _orderWeight
? _orderSubtotalDispatch + (dispatch.additionalCost || 0)
: _orderSubtotalDispatch;
break;
default:
break;
}
}
_totalPrce = computeNumber(_totalPrce, '+', _orderSubtotalDispatch).result;
}
details.query.deliveryFee = _totalPrce;
};
/** 处理仓库管理费 */
const handleWarehouseManagement = () => {
let _total = 0;
for (let i = 0; i < details.goodsList.length; i++) {
const value = details.goodsList[i];
_total = computeNumber(_total, '+', value.subtotalWarehouseManagement || 0).result;
}
details.query.warehouseManagementFee = _total;
};
/** 处理仓储操作费 */
const handleWarehouseHandlingFee = () => {
let _total = 0;
for (let i = 0; i < details.goodsList.length; i++) {
const value = details.goodsList[i];
_total = computeNumber(_total, '+', value.subtotalWarehouseHandlingFee || 0).result;
}
details.query.handlingFee = _total;
};
/** 处理仓储分拣费 */
const handleWarehouseSortingFee = () => {
let _total = 0;
for (let i = 0; i < details.goodsList.length; i++) {
const value = details.goodsList[i];
_total = computeNumber(_total, '+', value.subtotalWarehouseSortingFee || 0).result;
}
details.query.sortingFee = _total;
};
/** 处理模板费用 -- 计算 */
const handlePrice = (isAll = false, type) => {
const { dispatch, pickup, template, trunkLine } = details.priceTemplate;
console.log('type :>> ', type);
console.log('isAll :>> ', isAll);
/** 处理提货费用 */
(isAll || type === 'pickup') && handlePickUpPrice(pickup, template);
/** 处理干线费用 */
(isAll || type === 'trunkline') && handleTrunkLinePrice(trunkLine, template);
/** 处理配送费 */
(isAll || type === 'dispatch') && handleDispatchPrice(dispatch, template);
/** 处理仓库管理费 */
(isAll || type === 'warehouseMangement') && handleWarehouseManagement();
/** 处理仓储操作费 */
(isAll || type === 'warehousehandling') && handleWarehouseHandlingFee();
/** 处理仓储分拣费 */
(isAll || type === 'warehouseSorting') && handleWarehouseSortingFee();
};
/** 重置值 */
const handleRefreshText = (key, value, refreshValue?: string | number) => {
if (value) return;
query.value[key] = refreshValue ? refreshValue : '';
};
/** 计算品类单价 -- 系统单价 */
const handleComputedPlanPrice = submitData => {
const { dispatch, pickup, template, trunkLine } = details.priceTemplate;
const { addList } = submitData;
const typeArr = { 1: 'num', 2: 'volume', 3: 'weight' };
// 计算 运费 & 提货费 & 送货费 & 仓库管理费 基础合计
let _total = 0;
/** 干线 */
let _planTrunklineFee = 0;
let _trunklineFee = 0;
/** 提货 */
let _planSubtotalPickup = 0;
let _subtotalPickup = 0;
/** 送货 */
let _totalPlanPrce = 0;
let _totalPrce = 0;
for (let i = 0; i < addList.length; i++) {
const _val = addList[i];
const _trunklineKey = typeArr[_val.chargeType || 1];
const _pickupKey = typeArr[_val.systemPickupChargeType || 1];
// 干线费
_trunklineFee = computeNumber(
_trunklineFee,
'+',
_trunklineKey ? computeNumber(_val.freightPrice || 0, '*', _val[_trunklineKey]).result : 0
).result;
// 提货费
_subtotalPickup = computeNumber(
_subtotalPickup,
'+',
_pickupKey ? computeNumber(_val.pickupPrice || 0, '*', _val[_pickupKey]).result : 0
).result;
}
// 是否存在最低计费 -- 干线
if (trunkLine && template && template.trunklineIsMinCost) {
switch (Number(template.trunklineMinCostType)) {
// 价格
case 1:
_planTrunklineFee = trunkLine.minCost > _trunklineFee ? trunkLine.minCost : _trunklineFee;
break;
// 件
case 2:
_planTrunklineFee =
trunkLine.minCost > details.totalObj.totalCount
? _trunklineFee + (trunkLine.additionalCost || 0)
: _trunklineFee;
break;
// 方
case 3:
_planTrunklineFee =
trunkLine.minCost > details.totalObj.totalVolume
? _trunklineFee + (trunkLine.additionalCost || 0)
: _trunklineFee;
break;
// 重量
case 4:
_planTrunklineFee =
trunkLine.minCost > details.totalObj.totalWeghit
? _trunklineFee + (trunkLine.additionalCost || 0)
: _trunklineFee;
break;
default:
break;
}
}
// 是否存在最低计费 -- 提货
if (pickup && template && template.pickupIsMinCost) {
switch (Number(template.pickupMinCostType)) {
// 价格
case 1:
_planSubtotalPickup = pickup.minCost > _subtotalPickup ? pickup.minCost : _subtotalPickup;
break;
// 件
case 2:
_planSubtotalPickup =
pickup.minCost > details.totalObj.totalCount
? _subtotalPickup + (pickup.additionalCost || 0)
: _subtotalPickup;
break;
// 方
case 3:
_planSubtotalPickup =
pickup.minCost > details.totalObj.totalVolume
? _subtotalPickup + (pickup.additionalCost || 0)
: _subtotalPickup;
break;
// 重量
case 4:
_planSubtotalPickup =
pickup.minCost > details.totalObj.totalWeghit
? _subtotalPickup + (pickup.additionalCost || 0)
: _subtotalPickup;
break;
default:
break;
}
}
// 配送
if (dispatch && template && template.dispatchIsMinCost) {
// 根据订单号分组
const _orderObj = {};
for (let i = 0; i < details.package.data.length; i++) {
const value = details.package.data[i];
// 根据订单分组
!_orderObj[value.orderCode] && (_orderObj[value.orderCode] = {});
const _item = _orderObj[value.orderCode];
const _key = value.incomeCategoryName + value.incomeCategoryId;
// 根据品类分组
for (let j = 0; j < addList.length; j++) {
const val = addList[j];
if (_key !== val.goodsName + val.goodsId) continue;
// orderGoodsNum为品类数量
if (!_item[_key]) {
// 单个体积
const singleVolume = floorToDecimalPlaces(
computeNumber(val.volume, '/', val.num).result,
4
);
// 单个重量
const singleWeight = floorToDecimalPlaces(
computeNumber(val.weight, '/', val.num).result,
4
);
_item[_key] = {
...val,
orderGoodsNum: 1,
orderGoodsVolume: singleVolume,
singleVolume,
orderGoodsWeight: singleWeight,
singleWeight,
};
continue;
}
_item[_key].orderGoodsNum++;
// 单个体积
_item[_key].orderGoodsVolume = floorToDecimalPlaces(
computeNumber(_item[_key].singleVolume, '*', _item[_key].orderGoodsNum).result,
4
);
// 单个重量
_item[_key].orderGoodsWeight = floorToDecimalPlaces(
computeNumber(_item[_key].singleWeight, '*', _item[_key].orderGoodsNum).result,
4
);
break;
}
}
for (const key in _orderObj) {
const element = _orderObj[key];
// 订单总配送费
let _orderSubtotalDispatch = 0;
// 订单总重量
let _orderWeight = 0;
// 订单总体积
let _orderVolume = 0;
// 订单总数
let _orderNum = 0;
for (const childKey in element) {
const item = element[childKey];
_orderWeight = computeNumber(_orderWeight, '+', item.orderGoodsWeight).result;
_orderVolume = computeNumber(_orderVolume, '+', item.orderGoodsVolume).result;
_orderNum += item.orderGoodsNum;
const _dispatchKey = typeArr[item.systemDeliveryChargeType || 1];
item.subtotalDispatch = _dispatchKey
? computeNumber(item.deliveryPrice || 0, '*', item[_dispatchKey]).result
: 0;
_orderSubtotalDispatch = computeNumber(
_orderSubtotalDispatch,
'+',
item.subtotalDispatch
).result;
}
_totalPlanPrce = computeNumber(_totalPlanPrce, '+', _orderSubtotalDispatch).result;
switch (Number(template.dispatchMinCostType)) {
// 价格
case 1:
_orderSubtotalDispatch =
dispatch.minCost > _orderSubtotalDispatch ? dispatch.minCost : _orderSubtotalDispatch;
break;
// 件
case 2:
_orderSubtotalDispatch =
dispatch.minCost > _orderNum
? _orderSubtotalDispatch + (dispatch.additionalCost || 0)
: _orderSubtotalDispatch;
break;
// 方
case 3:
_orderSubtotalDispatch =
dispatch.minCost > _orderVolume
? _orderSubtotalDispatch + (dispatch.additionalCost || 0)
: _orderSubtotalDispatch;
break;
// 重量
case 4:
_orderSubtotalDispatch =
dispatch.minCost > _orderWeight
? _orderSubtotalDispatch + (dispatch.additionalCost || 0)
: _orderSubtotalDispatch;
break;
default:
break;
}
_totalPrce = computeNumber(_totalPrce, '+', _orderSubtotalDispatch).result;
}
if (_totalPrce - _totalPlanPrce === 0) {
return;
}
}
console.log('addList :>> ', addList);
for (let i = 0; i < addList.length; i++) {
const val = addList[i];
// 干线
if (trunkLine && template && template.trunklineIsMinCost) {
const differenceValue = computeNumber(_planTrunklineFee, '-', _trunklineFee).next(
'/',
info.value.maxNum
).result;
val.freightPrice = floorToDecimalPlaces(
computeNumber(differenceValue, '*', val.num)
.next('/', val[typeArr[val.chargeType || 1]])
.next('+', val.freightPrice).result,
2
);
}
// 提货
if (pickup && template && template.pickupIsMinCost) {
const differenceValue = computeNumber(_planSubtotalPickup, '-', _subtotalPickup).next(
'/',
info.value.maxNum
).result;
val.pickupPrice = floorToDecimalPlaces(
computeNumber(differenceValue, '*', val.num)
.next('/', val[typeArr[val.systemPickupChargeType || 1]])
.next('+', val.pickupPrice).result,
2
);
}
// 配送
if (dispatch && template && template.dispatchIsMinCost) {
const differenceValue = computeNumber(_totalPrce, '-', _totalPlanPrce).next(
'/',
info.value.maxNum
).result;
val.deliveryPrice = floorToDecimalPlaces(
computeNumber(differenceValue, '*', val.num)
.next('/', val[typeArr[val.systemDeliveryChargeType || 1]])
.next('+', val.deliveryPrice).result,
2
);
}
}
};
/** 聚焦后全选 */
const handleInputFocus = e => {
e.srcElement.select();
};
const getTranslationArr = codeArr => {
const _nameArr = [];
let _item = {};
_nameArr[0] = details.regionOptione.find(val => val.value === codeArr[0]);
_nameArr[1] = _nameArr[0].children.find(val => val.value === codeArr[1]);
if (codeArr.length === 2) {
_item = _nameArr[1];
} else {
_nameArr[2] = _nameArr[1].children.find(val => val.value === codeArr[2]);
_item = _nameArr[2];
}
return {
locationItem: _item,
nameArr: _nameArr,
};
};
/** 提交 */
const handleSubmit = (formEl: FormInstance | undefined) => {
if (!formEl) return;
formEl.validate(async valid => {
if (!valid) return false;
// 开启loading
details.loadingObj.submitLoadingBtn = true;
const timer = setTimeout(async () => {
try {
// 检测货物名称和件数是否正确填写
for (let i = 0; i < details.goodsList.length; i++) {
const val = details.goodsList[i];
// 检测货物名称和件数是否正确填写
if (!val.goodsName || !isNumber(val.num) || val.num === 0)
return ElMessage.warning('请填写正确的货物名称和件数');
val.chargeType = !isNumber(val.chargeType) || !val.chargeType ? 1 : val.chargeType;
val.systemChargeType =
!isNumber(val.systemChargeType) || !val.systemChargeType ? 1 : val.systemChargeType;
val.systemDeliveryChargeType =
!isNumber(val.systemDeliveryChargeType) || !val.systemDeliveryChargeType
? 1
: val.systemDeliveryChargeType;
val.systemPickupChargeType =
!isNumber(val.systemPickupChargeType) || !val.systemPickupChargeType
? 1
: val.systemPickupChargeType;
val.systemWarehouseChargeType =
!isNumber(val.systemWarehouseChargeType) || !val.systemWarehouseChargeType
? 1
: val.systemWarehouseChargeType;
val.weight = !isNumber(val.weight) ? 0 : val.weight;
val.volume = !isNumber(val.volume) ? 0 : val.volume;
val.price = !isNumber(val.price) ? 0 : val.price;
val.freightPrice = !isNumber(val.freightPrice) ? 0 : val.freightPrice;
val.deliveryPrice = !isNumber(val.deliveryPrice) ? 0 : val.deliveryPrice;
val.pickupPrice = !isNumber(val.pickupPrice) ? 0 : val.pickupPrice;
val.subtotalFreight = !isNumber(val.subtotalFreight) ? 0 : val.subtotalFreight;
}
// if (!(details.query.totalFreight > 0)) {
// return ElMessage.warning('请输入大于零的运费');
// }
if (totalCost.value === 0) return ElMessage.warning('合计费用不能等于0');
const submitData = {
...details.totalObj,
...details.query,
waybillDetailList: details.goodsList,
advanceIds: info.value.advanceIds,
huilaiPay: 1,
addList: [],
removeList: [],
};
submitData.customerTrain = details.query.trainNumber;
const { destination, departure } = submitData;
if (destination.length === 1) {
return ElMessage({ message: '请选择正确到站地址', type: 'warning' });
}
if (departure.length === 1) {
return ElMessage({ message: '请选择正确发站地址', type: 'warning' });
}
// 筛选到站
const { locationItem: _itemDestination, nameArr: dest_nameArr } =
getTranslationArr(destination);
submitData.destination = _itemDestination.label;
submitData.destinationCode = _itemDestination.value;
submitData.completeDestination = dest_nameArr.map(val => val.label).join('/');
// 筛选发站
const { locationItem: _itemDeparture, nameArr: de_nameArr } = getTranslationArr(departure);
submitData.departure = _itemDeparture.label;
submitData.departureCode = _itemDeparture.value;
submitData.completeDeparture = de_nameArr.map(val => val.label).join('/');
console.log('submitData :>> ', submitData);
// let numFlag = false;
// for (const iterator of details.goodsList) {
// if (iterator.subtotalFreight <= 0 || !iterator.subtotalFreight) {
// numFlag = true;
// break;
// }
// }
// if (numFlag) return ElMessage.warning('小计费用存在异常');
const _content = handleDetectionPayWay();
if (_content) {
return ElMessage.warning(_content);
}
submitData.goodsName = submitData.waybillDetailList.map(val => val.goodsName).join(',');
let res: any = {};
// 新增提交
if (details.pageInfo.type !== 'edit') {
submitData.addList = deepClone(details.goodsList);
submitData.removeList = [];
delete submitData.goodsList;
submitData.waybillType = 1;
if (getObjType(submitData.receipt) === 'array')
submitData.receipt = submitData.receipt.join(',');
submitData.updateAdvanceDetailList = [];
for (let i = 0; i < details.package.data.length; i++) {
const value = details.package.data[i];
const _obj = {
...value,
id: value.advanceDetailId,
incomeCategoryId: value.confirmIncomeCategoryId,
incomeCategoryName: value.confirmIncomeCategoryName,
costCategoryId: value.confirmCostCategoryId,
costCategoryName: value.confirmCostCategoryName,
};
submitData.updateAdvanceDetailList.push(_obj);
}
console.log('submitData :>> ', submitData);
handleComputedPlanPrice(submitData);
// 有数据开单
if (details.submitType === 'haveData') res = await postOpenOrderOpenWaybill(submitData);
else {
submitData.waybillType = 2;
res = await postOpenOrderOpenZeroWaybill(submitData);
}
const { code, data, msg } = res.data;
if (code !== 200) return;
if (msg) ElMessage.success(msg);
details.waybillId = getObjType(data) === 'object' ? data.waybillId || '' : '';
// 开启提示框, 是否继续开单
if (details.pageInfo.type === 'add') details.popUpShow.titleVisited = true;
} else {
submitData.waybillId = details.pageInfo.id;
const oldGoodsList = [...details.deepCloneGoodsList];
for (let iterator of details.goodsList) {
// 查看每一项是否存在Id updateType: 1新增; 2修改
if (iterator.id) {
// 存在则证明为老数据
// 根据存在的数据, 筛选被删除的数据
const _item = oldGoodsList.splice(
oldGoodsList.findIndex(val => val.id === iterator.id),
1
);
// 检测是否被修改
let _flag = false;
for (const key in iterator) {
_flag = iterator[key] !== _item[key];
// 检测到不一致则退出循环
if (_flag) break;
}
if (_flag) submitData.addList.push({ ...iterator, updateType: 2 });
} else {
submitData.addList.push({ ...iterator, updateType: 1 });
}
}
submitData.removeList = oldGoodsList;
delete submitData.goodsList;
submitData.waybillType = 1;
if (getObjType(submitData.receipt) === 'array')
submitData.receipt = submitData.receipt.join(',');
submitData.updateAdvanceDetailList = [];
for (let i = 0; i < details.package.data.length; i++) {
const value = details.package.data[i];
if (
value.cloneCostCategoryId === value.confirmCostCategoryId &&
value.cloneIncomeCategoryId === value.confirmIncomeCategoryId &&
value.initVolume === value.volume &&
value.initWeight === value.weight
)
continue;
const _obj = {
id: value.advanceDetailId,
incomeCategoryId: value.confirmIncomeCategoryId,
incomeCategoryName: value.confirmIncomeCategoryName,
costCategoryId: value.confirmCostCategoryId,
costCategoryName: value.confirmCostCategoryName,
weight: value.weight,
volume: value.volume,
};
submitData.updateAdvanceDetailList.push(_obj);
}
handleComputedPlanPrice(submitData);
// 记录提交参数
details.submitData = submitData;
const response = await postUpdateWaybillVerify(submitData);
if (response.data.code !== 200) return;
if (!response.data.data || response.data.data.length === 0)
return ElMessage.warning('没有更改的数据');
details.changeData = response.data.data;
details.popUpShow.causeVisited = true;
await nextTick();
setNodeHeight(tableNode.value.$el, '40vh');
}
} catch (error) {
console.log('error :>> ', error);
} finally {
clearTimeout(timer);
$store.commit('EDIT_REFRESHITEM', { title: 'TemporaryStorageList', status: true });
details.loadingObj.submitLoadingBtn = false;
}
}, 500);
});
};
/** 重复开单 */
const handleRepetition = () => {
// 清空输入框
details.tableQuery = {};
for (let index = 0; index < details.columnList.length; index++) {
details.columnList[index].values = '';
}
handleChooseOrder();
// resetForm(ruleFormRef.value);
};
/** 查询货物 */
const handleFindGoods = async (goodsName, item, isClearId = 0) => {
if (isClearId) item.goodsId = '';
if (!goodsName) return (item.goodsListOptions = []);
try {
item.loading = true;
const res = await postFindCategoryInfo({ goodsName });
const { code, data } = res.data;
if (code !== 200) return;
item.goodsListOptions = data;
} catch (error) {
console.log('error :>> ', error);
} finally {
item.loading = false;
}
};
/** 查询货物 */
const handleFindGoodsByName = debounce(async goodsName => {
if (!goodsName) return (details.package.goodsListOptions = []);
try {
details.package.loading = true;
const res = await postFindCategoryInfo({ goodsName });
const { code, data } = res.data;
if (code !== 200) return;
details.package.goodsListOptions = data;
} catch (error) {
console.log('error :>> ', error);
} finally {
details.package.loading = false;
}
}, 100);
// goodsListOptions
/** 转译始发地和目的地
* @param {Array} 循环数组
* @param {String} province 省
* @param {String} city 市
* @param {String} region 区
*/
const handleTranslation = (province, city, region) => {
let name = [];
for (let i = 0; i < details.regionOptione.length; i++) {
const value = details.regionOptione[i];
if (value.value !== province + '') continue;
name.push(value.value);
if (!value.children || value.children.length === 0) return name;
for (let index = 0; index < value.children.length; index++) {
const element = value.children[index];
if (element.value !== city + '') continue;
name.push(element.value);
if (!element.children || element.children.length === 0) return name;
for (let j = 0; j < element.children.length; j++) {
const item = element.children[j];
if (item.value === region + '') {
name.push(item.value);
break;
}
}
break;
}
break;
}
return name;
};
/** 干线价格赋值 */
const handleAssignmentItemPriceTrunkline = (value, trunkLine, template, chargeType) => {
const { pieceCategory, cubeCategory, weightCategory } = trunkLine;
const _obj = {
/** 件 */
1: pieceCategory,
/** 方 */
2: cubeCategory,
/** 公斤 */
3: weightCategory,
};
// 是否区分品类
if (template.trunklineIsByCategory) {
// 品类是否存在id
if (!value.goodsId) {
value.price = 0;
value.freightPrice = 0;
value.systemChargeType = 1;
} else if (chargeType === undefined) {
let _item: any = {};
// 件
if (getObjType(pieceCategory) === 'array') {
for (let j = 0; j < pieceCategory.length; j++) {
const item = pieceCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
_item.chargeType = 1;
break;
}
}
// 方
if (getObjType(cubeCategory) === 'array' && !_item.chargeType) {
for (let j = 0; j < cubeCategory.length; j++) {
const item = cubeCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
_item.chargeType = 2;
break;
}
}
// 重量
if (getObjType(weightCategory) === 'array' && !_item.chargeType) {
for (let j = 0; j < weightCategory.length; j++) {
const item = weightCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
_item.chargeType = 3;
break;
}
}
if (!_item.chargeType) {
value.price = 0;
value.freightPrice = 0;
value.systemChargeType = 1;
} else {
value.chargeType = _item.chargeType;
value.systemChargeType = _item.chargeType;
value.price = _item.price;
value.freightPrice = _item.price || 0;
}
} else {
// 定义计价方式 -- 不改变系统值
const _arr = _obj[chargeType];
let _item: any = {};
if (getObjType(_arr) === 'array') {
for (let j = 0; j < _arr.length; j++) {
const item = _arr[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
break;
}
}
value.price = _item.price || 0;
}
} else {
// 不区分品类
const _arr = _obj[value.chargeType];
const _price = getObjType(_arr) === 'array' && _arr.length > 0 ? _arr[0].price || 0 : 0;
value.price = _price;
value.freightPrice = _price;
value.systemChargeType = value.chargeType;
}
};
/** 金牌 -- 干线特殊处理 */
const handleSpecialBrandPrice = (value, trunkLine, template, isInit) => {
if (!isDisabled.value) return;
// 总件数小于15件 && 总方数小于0.8 && 总方数 / 总件数小于0.11 则按件计费, 否则以按方计费
const { totalCount, totalVolume } = details.totalObj;
if (totalCount < 15 && totalVolume < 0.8 && totalVolume / (totalCount || 1) < 0.11) {
if (value.chargeType === 1 && !isInit) return;
value.chargeType = 1;
value.systemChargeType = 1;
if (getObjType(trunkLine) !== 'object' || getObjType(template) !== 'object') {
value.freightPrice = 0;
return (value.price = 0);
}
const { pieceCategory } = trunkLine;
value.price = 5;
value.freightPrice = 5;
// 是否区分品类
if (template.trunklineIsByCategory) {
// 品类是否存在id
if (!value.goodsId) {
value.freightPrice = 0;
value.price = 0;
} else {
let _item: any = {};
// 件
if (getObjType(pieceCategory) === 'array') {
for (let j = 0; j < pieceCategory.length; j++) {
const item = pieceCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
break;
}
}
value.price = _item.price || 0;
value.freightPrice = _item.price || 0;
}
} else {
const _price =
getObjType(pieceCategory) === 'array' && pieceCategory.length > 0
? pieceCategory[0].price || 0
: 0;
// 不区分品类
value.price = _price;
value.freightPrice = _price;
}
} else {
if (value.chargeType === 2 && !isInit) return;
value.chargeType = 2;
value.systemChargeType = 2;
const { cubeCategory } = trunkLine;
// 是否区分品类
if (template.trunklineIsByCategory) {
// 品类是否存在id
if (!value.goodsId) {
value.freightPrice = 0;
value.price = 0;
} else {
let _item: any = {};
// 方
if (getObjType(cubeCategory) === 'array' && !_item.chargeType) {
for (let j = 0; j < cubeCategory.length; j++) {
const item = cubeCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
break;
}
}
value.price = _item.price || 0;
value.freightPrice = _item.price || 0;
}
} else {
const _price =
getObjType(cubeCategory) === 'array' && cubeCategory.length > 0
? cubeCategory[0].price || 0
: 0;
// 不区分品类
value.price = _price;
value.freightPrice = _price;
}
}
};
/** 提货价格赋值 */
const handleAssignmentItemPricePickUp = (value, pickup, template) => {
const { pieceCategory, cubeCategory, weightCategory } = pickup;
const _obj = {
/** 件 */
1: pieceCategory,
/** 方 */
2: cubeCategory,
/** 公斤 */
3: weightCategory,
};
// 是否区分品类
if (template.pickupIsByCategory) {
// 品类是否存在id
if (!value.goodsId) value.pickupPrice = 0;
else {
let _item: any = {};
for (const key in _obj) {
if (_item.chargeType) break;
const _arr = _obj[key];
if (getObjType(_arr) === 'array') {
for (let j = 0; j < _arr.length; j++) {
const item = _arr[j];
if (item.categoryId !== value.goodsId) continue;
_item = { ...item };
_item.chargeType = key;
break;
}
}
}
// 赋值
value.systemPickupChargeType = _item.chargeType || 0;
value.pickupPrice = _item.price || 0;
}
} else {
// 不区分品类 -- 暂时默认为按件
const _arr = _obj[1];
value.pickupPrice = getObjType(_arr) === 'array' && _arr.length > 0 ? _arr[0].price || 0 : 0;
value.systemPickupChargeType = 1;
}
};
/** 配送价格赋值 */
const handleAssignmentItemPriceDispatch = (value, dispatch, template) => {
const { pieceCategory, cubeCategory, weightCategory } = dispatch;
const _obj = {
/** 件 */
1: pieceCategory,
/** 方 */
2: cubeCategory,
/** 公斤 */
3: weightCategory,
};
// 是否区分品类
if (template.dispatchIsByCategory) {
// 品类是否存在id
if (!value.goodsId) value.deliveryPrice = 0;
else {
let _item: any = {};
for (const key in _obj) {
if (_item.chargeType) break;
const _arr = _obj[key];
if (getObjType(_arr) === 'array') {
for (let j = 0; j < _arr.length; j++) {
const item = _arr[j];
if (item.categoryId !== value.goodsId) continue;
_item = { ...item };
_item.chargeType = key;
break;
}
}
}
// 赋值
value.systemDeliveryChargeType = _item.chargeType || 1;
value.deliveryPrice = _item.price || 0;
}
} else {
// 不区分品类 -- 暂时默认为按件
const _arr = _obj[1];
value.deliveryPrice = getObjType(_arr) === 'array' && _arr.length > 0 ? _arr[0].price || 0 : 0;
value.systemDeliveryChargeType = 1;
}
};
/** 仓储管理价格赋值 */
const handleAssignmentItemPriceWarehouseManagementPrice = (value, warehouse, template) => {
if (!template || !template.warehouseIsAddFee || !template.warehouseIsManageFee) {
value.warehouseManagementPrice = 0;
value.warehouseManagementType = 1;
return;
}
value.warehouseManagementType = Number(template.warehousePricingType);
const { additionalCategory } = warehouse;
if (template.warehouseIsCategorySubjoin) {
// 品类是否存在id
if (!value.goodsId) value.warehouseManagementPrice = 0;
else {
let _item: any = {};
if (getObjType(additionalCategory) === 'array') {
for (let j = 0; j < additionalCategory.length; j++) {
const item = additionalCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
value.warehouseManagementPrice = _item.warehouseManagementPrice;
return;
}
}
// 赋值
value.warehouseManagementPrice = 0;
}
} else {
// 不区分品类 -- 暂时默认为按件
value.warehouseManagementPrice =
getObjType(additionalCategory) === 'array' && additionalCategory.length > 0
? additionalCategory[0].warehouseManagementPrice || 0
: 0;
}
};
/** 仓储管理价格赋值 */
const handleAssignmentItemPriceWarehouseHandingPrice = (value, warehouse, template) => {
if (!template || !template.warehouseIsAddFee || !template.warehouseIsManageFee) {
value.warehouseHandlingPrice = 0;
value.warehouseHandlingType = 1;
return;
}
value.warehouseHandlingType = Number(template.warehousePricingType);
const { additionalCategory } = warehouse;
if (template.warehouseIsCategorySubjoin) {
// 品类是否存在id
if (!value.goodsId) value.warehouseHandlingPrice = 0;
else {
let _item: any = {};
if (getObjType(additionalCategory) === 'array') {
for (let j = 0; j < additionalCategory.length; j++) {
const item = additionalCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
value.warehouseHandlingPrice = _item.operatePrice;
return;
}
}
// 赋值
value.warehouseHandlingPrice = 0;
}
} else {
// 不区分品类 -- 暂时默认为按件
value.warehouseHandlingPrice =
getObjType(additionalCategory) === 'array' && additionalCategory.length > 0
? additionalCategory[0].operatePrice || 0
: 0;
}
};
/** 仓储管理价格赋值 */
const handleAssignmentItemPriceWarehouseSortingPrice = (value, warehouse, template) => {
if (!template || !template.warehouseIsAddFee || !template.warehouseIsManageFee) {
value.warehouseSortingPrice = 0;
value.warehouseSortingType = 1;
return;
}
value.warehouseSortingType = Number(template.warehousePricingType);
const { additionalCategory } = warehouse;
if (template.warehouseIsCategorySubjoin) {
// 品类是否存在id
if (!value.goodsId) value.warehouseSortingPrice = 0;
else {
let _item: any = {};
if (getObjType(additionalCategory) === 'array') {
for (let j = 0; j < additionalCategory.length; j++) {
const item = additionalCategory[j];
if (item.categoryId !== value.goodsId) continue;
_item = item;
value.warehouseSortingPrice = _item.warehouseSortPrice;
return;
}
}
// 赋值
value.warehouseSortingPrice = 0;
}
} else {
// 不区分品类 -- 暂时默认为按件
value.warehouseSortingPrice =
getObjType(additionalCategory) === 'array' && additionalCategory.length > 0
? additionalCategory[0].warehouseSortPrice || 0
: 0;
}
};
/** 价格赋值
* isOnload 是否为初始化价格赋值, 初始化不赋值干线单价以及计算价格
*/
const handleAssignmentItemPrice = (value, isOnload = false, chargeType?: number | undefined) => {
// 处理品类费用
const { pickup, template, trunkLine, dispatch, warehouse } = details.priceTemplate;
// 干线
if (!isOnload) {
if (trunkLine && template) {
// 如果品牌为金牌, 切模板选择为特殊计费则特殊处理
if (isDisabled.value) handleSpecialBrandPrice(value, trunkLine, template, true);
else handleAssignmentItemPriceTrunkline(value, trunkLine, template, chargeType);
// 是否为区分品类
} else {
value.freightPrice = 0;
value.price = 0;
}
}
// 提货
if (pickup && template) {
handleAssignmentItemPricePickUp(value, pickup, template);
} else {
value.pickupPrice = 0;
value.systemPickupChargeType = 1;
}
// 配送
if (dispatch && template) handleAssignmentItemPriceDispatch(value, dispatch, template);
else {
value.deliveryPrice = 0;
value.systemDeliveryChargeType = 1;
}
// 仓库
if (warehouse && template) {
// 仓储管理费
handleAssignmentItemPriceWarehouseManagementPrice(value, warehouse, template);
// 仓储操作费
handleAssignmentItemPriceWarehouseHandingPrice(value, warehouse, template);
// 仓储分拣费
handleAssignmentItemPriceWarehouseSortingPrice(value, warehouse, template);
} else {
value.warehouseManagementPrice = 0;
value.warehouseHandlingPrice = 0;
value.warehouseSortingPrice = 0;
}
// 计算每行价格
if (!isOnload) handleComputed(value);
};
/** 获取价格
* isOnload -- 是否是初始化获取价格, 初始化不赋值干线单价和计算价格
*/
const handleFindPrice = async (isOnload = false) => {
try {
if (!details.query.brandId || !details.query.consigneeId) return;
let startArea = [];
let endArea = [];
details.query.departure && (startArea = handleTranslation(...details.query.departure));
details.query.destination && (endArea = handleTranslation(...details.query.destination));
const submitData = {
// 品牌
brandId: details.query.brandId,
// 收货方
clientId: details.query.consigneeId,
// 发货方
sendOrgId: details.query.shipperId,
// 发站
startProvinceId: startArea[0],
startCityId: startArea[1],
startCountyId: startArea[2],
// 到站
endProvinceId: endArea[0],
endCityId: endArea[1],
endCountyId: endArea[2],
};
const res = await postFindArrPrice(submitData);
const { code, data } = res.data;
if (code !== 200) return;
details.priceTemplate = data || {};
// 赋值
for (let i = 0; i < details.goodsList.length; i++) {
handleAssignmentItemPrice(details.goodsList[i], isOnload);
}
} catch (error) {
console.log('error :>> ', error);
}
};
/** 选择货物 */
const handleChooseGoods = (item, val) => {
// if (item.id)
let message = '';
for (let i = 0; i < details.goodsList.length; i++) {
const value = details.goodsList[i];
if (value.goodsId === val.goodsId) {
message = '该货物已添加';
break;
}
}
if (message) {
// item.goodsName = '';
return ElMessage.warning(message);
}
item.goodsName = val.goodsName;
item.goodsId = val.goodsId;
handleAssignmentItemPrice(item);
handleCloseSelcet();
};
details.orderStatus = $route.query.orderStatus;
details.submitType = $route.query.orderStatus;
initPageInfo();
/** 改单提交 */
const handleSubmitCause = async () => {
await nextTick();
causeFormRef.value.validate(async valid => {
if (!valid) return;
const submitData = { ...details.submitData, ...details.causeForm };
for (let i = 0; i < details.query.editWaybillReasonTypeList.length; i++) {
const value = details.query.editWaybillReasonTypeList[i];
if (value.dictKey !== details.causeForm.editResonCode) continue;
submitData.editReson = value.dictValue;
break;
}
try {
details.loadingObj.submitLoadingBtn = true;
details.popUpShow.causeVisited = false;
const res = await postUpdateWaybill(submitData);
const { code, msg } = res.data;
if (code !== 200) return;
if (msg) ElMessage.success(msg);
back();
} catch (error) {
console.log('error :>> ', error);
} finally {
details.loadingObj.submitLoadingBtn = false;
}
});
};
/** 打印 */
const handlePrint = async () => {
try {
details.loadingObj.pageLoading = true;
const res = await postPrintBatch({
ids: details.waybillId,
tempId: 16,
});
const { code, data } = res.data;
if (code !== 200 || !data || data.length === 0) return;
let _html = '';
if (getObjType(data) !== 'object') return;
for (const key in data) {
const element = data[key];
for (let i = 0; i < element.length; i++) {
const value = element[i];
let template = value.templateHtml;
console.log('value.templateHtml :>> ', value.templateHtml);
template = template.replace('第n页', `第${i + 1}页`);
template = template.replace('共n页', `共${element.length}页`);
// template = template.replaceAll('0.00', ``);
_html += JSON.parse(JSON.stringify(template));
}
}
console.log('res :>> ', res);
details.html = _html;
details.popUpShow.WaybillPrintTemplate = true;
} catch (error) {
console.log('error :>> ', error);
} finally {
details.loadingObj.pageLoading = false;
}
};
/**
* 是否开启全屏
* @params(_type) 开启或关闭
*/
const handleFullScrean = (_name: string, _type: 'open' | 'close' = 'open') => {
let _node: any = '';
if (_name) _node = document.querySelector(`.${_name} .maboxhi`);
switch (_name) {
case 'dialogVisible':
details.fullscreenObj.dialogVisible = !details.fullscreenObj.dialogVisible;
setNodeHeight(packageTableNode.value.$el, details.fullscreenObj.dialogVisible ? '' : '50vh');
break;
default:
details.fullscreenObj[_name] = !details.fullscreenObj[_name];
break;
}
};
/** 显示设置包件结算品类弹窗 */
const handleShow = async () => {
details.popUpShow.dialogVisible = true;
details.package.incomeCategoryId = '';
details.package.incomeCategoryName = '';
await nextTick();
setNodeHeight(packageTableNode.value.$el, details.fullscreenObj.dialogVisible ? '' : '50vh');
};
/** 批量修改 */
const handleBatchEdit = () => {
ElMessageBox.confirm('此操作将批量修改结算品类, 是否继续?', '提示', {
confirmButtonText: '修改收入品类',
cancelButtonText: '取消',
})
.then(() => {
for (let i = 0; i < details.package.selectionList.length; i++) {
const value = details.package.selectionList[i];
// 收入
value.incomeCategoryId = details.package.incomeCategoryId || '';
value.incomeCategoryName = details.package.incomeCategoryName || '其它';
value.incomeCategory = details.package.incomeCategoryName || '其它';
value.MaintenanceOrNot = value.incomeCategoryId ? '是' : '否';
}
})
.catch(() => {
// for (let i = 0; i < details.package.selectionList.length; i++) {
// const value = details.package.selectionList[i];
// // 成本
// value.costCategoryId = details.package.incomeCategoryId || '';
// value.costCategoryName = details.package.incomeCategoryName || '其它';
// value.costCategory = details.package.incomeCategoryName || '其它';
// value.MaintenanceOrNot = value.incomeCategoryId && value.costCategoryId ? '是' : '否';
// }
});
};
/** 清空包条结算列表搜索条件 */
const handleClearPackageQuery = () => {
for (const key in details.package.query) {
details.package.query[key] = {};
}
handleClearTableQuery(details.package.columnList);
packageTableNode.value.handleClearSelect();
details.package.renderData = handleFilterData(details.package.data, [], details.package.query);
};
/** 确认包件结算品类弹窗 */
const handleSubmitPackage = () => {
console.log('details.goodsList :>> ', details.goodsList);
const _goodsArr = [];
for (let i = 0; i < details.package.data.length; i++) {
const value = details.package.data[i];
console.log('value :>> ', value);
value.weight = value.confirmWeight;
value.volume = value.confirmVolume;
// if (!value.incomeCategoryId) return ElMessage.error('请选择包件结算品类');
value.confirmCostCategoryId = value.costCategoryId;
value.confirmCostCategoryName = value.costCategoryName;
value.confirmIncomeCategoryId = value.incomeCategoryId;
value.confirmIncomeCategoryName = value.incomeCategoryName;
console.log('value.volume :>> ', value.volume);
// 是否已添加此品类
let _flag = false;
for (let i = 0; i < _goodsArr.length; i++) {
const item = _goodsArr[i];
if (item.goodsId !== value.incomeCategoryId) continue;
item.num++;
// 计算单项总体积
item.weight = computeNumber(
Number(item.weight),
'+',
isNumber(value.weight) ? Number(value.weight) : 0
).result;
// 计算单项总方数
item.volume = computeNumber(
Number(item.volume),
'+',
isNumber(value.volume) ? Number(value.volume) : 0
).result;
console.log('item.volume :>> ', item.volume);
_flag = true;
break;
}
if (_flag) continue;
const _obj = {
/** 货物名称 */
goodsName: value.incomeCategoryName || '其它',
/** 品类Id */
goodsId: value.incomeCategoryId,
/** 计费方式 */
chargeType: 1,
/** 系统维护 -- 干线计价方式 */
systemChargeType: 1,
/** 系统维护 -- 配送计价方式 */
systemDeliveryChargeType: 1,
/** 系统维护 -- 提货计价方式 */
systemPickupChargeType: 1,
/** 系统维护 -- 仓库计价方式 */
systemWarehouseChargeType: 1,
/** 件数 */
num: 1,
/** 重量(kg) */
weight: isNumber(value.weight) ? Number(value.weight) : 0,
/** 体积(方) */
volume: isNumber(value.volume) ? Number(value.volume) : 0,
/** 单价 */
price: 0,
/** 系统维护 -- 运费单价 */
freightPrice: 0,
/** 系统维护 -- 配送单价 */
deliveryPrice: 0,
/** 系统维护 -- 提货单价 */
pickupPrice: 0,
/** 运费小计 */
subtotalFreight: 0,
goodsListOptions: [],
};
console.log('_obj :>> ', _obj);
_goodsArr.push(_obj);
handleAssignmentItemPrice(_obj);
}
details.goodsList = _goodsArr;
// 价格赋值
for (let i = 0; i < _goodsArr.length; i++) {
handleAssignmentItemPrice(_goodsArr[i]);
}
details.popUpShow.dialogVisible = false;
};
// watch(
// $route,
// async () => {
// if ($route.path !== '/distribution/inventory/CreateOrder') return;
// // 深拷贝基础数据
// details.deepQuery = deepClone(details.query);
// details.orderStatus = $route.query.orderStatus;
// initPageInfo();
// },
// { immediate: true }
// );
</script>
<style scoped lang="scss">
$borderColor: var(--el-color-primary);
$borderType: 1px solid $borderColor;
.table_form {
: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 $borderColor;
border-radius: 0;
}
}
:deep(.table_form .el-form-item) {
flex: 1 !important;
margin: 0 !important;
}
.border-left {
border-left: $borderType;
}
.form_top {
margin-bottom: 10px;
}
.border-top {
border-top: $borderType;
}
.table-row {
width: 100%;
display: flex;
// border-top: 1px dashed $borderColor;
border-left: $borderType;
border-bottom: none;
box-sizing: border-box;
.title {
width: fit-content;
flex: none;
padding: 0 20px;
font-size: 0.9rem;
background: var(--el-color-primary);
color: #fff;
}
.flex-a {
display: flex;
width: 100%;
justify-content: space-around;
}
&:first-child {
display: block;
border-top: $borderType;
border-left: $borderType;
> div {
width: 100%;
border: none;
}
}
&:last-child {
display: block;
border-bottom: $borderType;
border-right: $borderType;
box-sizing: border-box;
> div {
width: 100%;
border: none;
}
}
> div {
flex: 1;
padding: 5px;
border-bottom: $borderType;
border-right: $borderType;
display: inline-flex;
box-sizing: border-box;
}
}
.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;
// }
}
.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-radio) {
margin: 0;
}
: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;
}
// 底部
.footer {
height: 80px;
}
// 提交按钮容器
.submitDataContainer {
width: 80%;
position: fixed;
bottom: 20px;
z-index: 999;
text-align: center;
}
.w100 {
width: 100%;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
color: var(--el-color-primary);
}
.red {
color: var(--token-simulation-red-base-62);
}
:deep(.el-divider__text.is-center) {
font-size: 28px;
}
.overflow {
overflow: hidden;
}
:deep(.el-form-item__label) {
color: var(--el-color-primary);
font-weight: bold;
}
.fwb {
display: flex;
align-items: center;
font-weight: bold;
color: var(--el-color-danger) !important;
position: relative;
&::before {
content: '';
margin-right: 10px;
display: block;
width: 2px;
height: 1rem;
background: #f00;
}
}
.goodsNameRow {
background: #fff;
transition: all 0.3s;
padding: 10px 0;
cursor: pointer;
&:hover {
background: #f5f7fa;
}
&.active {
background: #f5f7fa;
}
}
.is-error {
:deep(.el-input__wrapper) {
border-color: #f00 !important;
}
:deep(.el-input__inner) {
color: #f00 !important;
}
}
.el-dialog-addTagVisited {
:deep(.el-overlay) {
position: absolute;
}
:deep(.el-overlay-dialog) {
position: absolute;
}
}
</style>