<template>
<div class="app-container">
<el-card>
<div slot="header" class="header">
<div class="card-title">{{ $t("查看") }}</div>
<el-button
type="primary"
icon="el-icon-arrow-left"
@click="$store.dispatch('tagsView/delCurrentView')"
>{{ $t("返回") }}</el-button
>
</div>
<el-form
v-if="orderData"
:model="orderData"
ref="queryForm"
size="small"
:inline="true"
label-width="120px"
class="card"
>
<el-row>
<el-form-item :label="$t('订单号') + ':'">
<router-link
:to="{
path: '/order/detail',
query: { orderId: orderData.orderId },
}"
class="link-type"
>
<span>{{ orderData.orderNo || "" }}</span>
</router-link>
</el-form-item>
</el-row>
<div
v-if="
shopData &&
[
'goods_add_exception',
'line_loop_exception',
'overweight_exception',
'line_weight_exception',
'stock_up_exception',
'in_warehousing_diff_exception',
'channel_exception',
'not_shipping_channel_exception',
'channel_packaging_overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) == -1
"
>
<el-row>
<el-form-item :label="$t('产品名称') + ':'">
{{ shopData.prodTitleZh || "" }}
</el-form-item>
</el-row>
<el-row>
<el-form-item :label="$t('产品英文名称') + ':'">
{{ shopData.prodTitleEn || "" }}
</el-form-item>
</el-row>
</div>
<el-row>
<el-form-item :label="$t('运输路线') + ':'">
<span v-if="orderData"
>{{ $t("【")
}}<dict-tag
:type="DICT_TYPE.ECW_TRANSPORT_TYPE"
:value="orderData.transportId"
/>{{ $t("】") }}</span
>
<span
v-if="
getDictData(DICT_TYPE.ECW_TRANSPORT_TYPE, orderData.transportId)
.cssClass == 'channel'
"
>{{ $t("【") }}{{ orderData.channelName }}{{ $t("】") }}</span
>
{{ orderData ? getRouterNameById() : "" }}
</el-form-item>
</el-row>
<el-row>
<el-form-item
:label="$t('异常类型') + ':'"
v-if="
[
'overweight_exception',
'channel_packaging_overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) == -1
"
>
<dict-tag
:type="DICT_TYPE.ORDER_ERROR_TYPE"
:value="orderExceptionData.orderExceptionType"
/>
</el-form-item>
</el-row>
<el-row
:span="12"
v-if="
[
'overweight_exception',
'channel_packaging_overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) == -1
"
>
<el-form-item :label="$t('异常描述') + ':'">
<!-- <dict-tag :type="DICT_TYPE.ORDER_ERROR_TYPE" :value="orderExceptionData.orderExceptionType" /> -->
<!-- {{orderExceptionData.orderExceptionDescVO?orderExceptionData.orderExceptionDescVO.descZh:'无'}} -->
{{ $l(orderExceptionData.orderExceptionDescVO, "desc") }}
</el-form-item>
</el-row>
<el-row
:span="12"
v-if="
orderExceptionData.orderExceptionType == 'order_other_exception' &&
orderExceptionData.orderExceptionRemark
"
>
<el-form-item :label="$t('详细说明') + ':'">
<!-- <dict-tag :type="DICT_TYPE.ORDER_ERROR_TYPE" :value="orderExceptionData.orderExceptionType" /> -->
<!-- {{orderExceptionData.orderExceptionDescVO?orderExceptionData.orderExceptionDescVO.descZh:'无'}} -->
{{ $l(orderExceptionData.orderExceptionRemark, "desc") }}
</el-form-item>
</el-row>
<!-- 单证异常，发货人异常，其他异常 不显示这部分内容 -->
<div
v-if="
[
'order_doc_exception',
'order_consignor_exception',
'order_other_exception',
'overweight_exception',
'line_weight_exception',
'channel_packaging_overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) == -1
"
>
<!-- 预付异常,提货异常,代收货款是针对整个订单的 -->
<template
v-if="
[
'order_pay_exception',
'order_pick_up_exception',
'order_cod_exception',
'not_customer_service_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1
"
>
<el-row>
<el-form-item :label="$t('填单参数') + ':'">
<template v-if="orderData && orderData.costVO">
{{
(orderData.costVO.totalNum || 0) +
$t("箱 ") +
(orderData.costVO.totalVolume || 0) +
"m³ " +
(orderData.costVO.totalWeight || 0) +
"kg " +
(orderData.costVO.totalQuantity || 0) +
$t("个")
}}
</template>
</el-form-item>
<el-form-item
:label="$t('代收金额') + ':'"
v-if="
orderExceptionData.orderExceptionType == 'order_cod_exception'
"
>
<template v-if="orderData && orderData.costVO">
{{ orderExceptionData.orderExceptionAmount }}
{{
currencyMap[
orderExceptionData.orderExceptionAmountCurrencyId
]
}}
</template>
</el-form-item>
</el-row>
<el-row>
<el-form-item :label="$t('入仓参数') + ':'">
<template v-if="orderData && orderData.costVO">
<span>{{
(orderData.sumNum || 0) +
$t("箱") +
(orderData.sumVolume || 0) +
"m³ " +
(orderData.sumWeight || 0) +
"kg " +
(orderData.sumQuantity || 0) +
$t("个")
}}</span>
</template>
</el-form-item>
</el-row>
</template>
<template v-else>
<el-row v-if="shopData">
<el-form-item :label="$t('填单参数') + ':'">
<template>
{{
$t("{num}箱 {volume}m³ {weight}kg {quantity}个", {
num: shopData.num || 0,
volume: shopData.volume || 0,
weight: shopData.weight || 0,
quantity: shopData.quantity || 0,
})
}}
</template>
</el-form-item>
</el-row>
<el-row v-if="shopData">
<el-form-item :label="$t('入仓参数') + ':'"
><template v-if="shopData.warehouseInInfoVO">
{{
$t("{num}箱 {volume}m³ {weight}kg {quantity}个", {
num: shopData.warehouseInInfoVO.cartonsNum || 0,
volume: shopData.warehouseInInfoVO.volume || 0,
weight: shopData.warehouseInInfoVO.weight || 0,
quantity: shopData.warehouseInInfoVO.quantityAll || 0,
})
}}</template
>
<!-- <span>{{(orderData.sumNum||0)+$t('箱')+(orderData.sumVolume||0)+'m³ '+(orderData.sumWeight||0)+'kg '+(orderData.sumQuantity||0) +$t('个')}}</span> -->
<template v-else>{{ $t("无入仓数据") }}</template>
</el-form-item>
</el-row>
</template>
<el-row :span="12">
<el-form-item :label="$t('异常描述') + ':'">
<!-- <dict-tag :type="DICT_TYPE.ORDER_ERROR_TYPE" :value="orderExceptionData.orderExceptionType" /> -->
<!-- {{orderExceptionData.orderExceptionDescVO?orderExceptionData.orderExceptionDescVO.descZh:'无'}} -->
{{ $l(orderExceptionData.orderExceptionDescVO, "desc") }}
</el-form-item>
<div
style="display: inline-block; line-height: 32px; font-size: 14px"
v-if="
orderExceptionData.orderExceptionType == 'order_pay_exception'
"
>
<span style="color: red">{{
$t("注意:收款后无法修改备货信息,请先联系仓库确认订单备货完成")
}}</span>
<el-button
v-if="orderExceptionData.orderExceptionStatus != 2"
type="primary"
plain
icon="el-icon-plus"
style="margin-left: 20px"
@click="handleAdd"
>{{ $t("新增收款单") }}</el-button
>
</div>
</el-row>
<el-row v-if="orderExceptionData.orderExceptionDetails">
<el-form-item :label="$t('详细内容') + ':'">
<span>{{ orderExceptionData.orderExceptionDetails }}</span>
</el-form-item>
</el-row>
<el-row
v-if="
orderExceptionData.orderExceptionType == 'order_pay_exception' ||
orderExceptionData.orderExceptionType != 'goods_add_exception'
"
>
<el-form-item :label="$t('收费参数') + ':'">
<div v-if="shopData">
{{
$t("{num}箱 {volume}m³ {weight}kg {quantity}个", {
num: shopData.num || 0,
volume: shopData.wvolume || 0,
weight: shopData.vweight || 0,
quantity: shopData.quantity || 0,
})
}}
</div>
<span v-else
>{{ orderData.sumNum || 0 }}{{ $t("箱") }}
{{ orderData.wvolume || 0 }}m³ {{ orderData.vweight || 0 }}Kg
{{
orderData.warehouseInInfoVO
? orderData.warehouseInInfoVO.quantityAll
: orderData.sumQuantity
}}{{ $t("个") }}</span
>
</el-form-item>
</el-row>
<el-row>
<el-form-item :label="$t('创建时间') + ':'">
<span>{{ parseTime(orderExceptionData.createTime) }}</span>
</el-form-item>
</el-row>
<el-row>
<el-form-item :label="$t('处理时间') + ':'">
<span>{{
parseTime(orderExceptionData.handlerTime) || "/"
}}</span>
</el-form-item>
</el-row>
</div>
</el-form>
<!-- 预付异常的表格-->
<el-table
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
v-loading="loading"
border
:data="preException"
>
<el-table-column :label="$t('品名')" align="center">
<template slot-scope="scope">
{{ scope.row.titleZh + "(" + scope.row.titleEn + ")" }}
</template>
</el-table-column>
<el-table-column :label="$t('箱数')" prop="num" />
<el-table-column :label="$t('体积/重量')">
<template slot-scope="scope">
{{ scope.row.volume + "/" + scope.row.weight }}
</template>
</el-table-column>
<el-table-column :label="$t('收款类型')">
<template>
{{ $t("预付") }}
</template>
</el-table-column>
<el-table-column :label="$t('收入类型')">
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.FEE_TYPE"
:value="scope.row.feeType"
></dict-tag>
</template>
</el-table-column>
<el-table-column :label="$t('应收金额')" prop="totalAmount">
<template slot-scope="{ row }">
{{ row.totalAmount }}
{{ currencyMap[row.currencyId] }}
</template>
</el-table-column>
<el-table-column :label="$t('付款人')">
<template slot-scope="{ row }">
<span>
<dict-tag
:type="DICT_TYPE.DRAWEE"
:value="row.paymentUser"
></dict-tag>
</span>
</template>
</el-table-column>
<el-table-column :label="$t('付款状态')" prop="worth">
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.ECW_RECEIVABLE_STATE"
:value="scope.row.state"
></dict-tag>
</template>
</el-table-column>
<el-table-column :label="$t('付款状态')" prop="worth">
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.ECW_RECEIVABLE_STATE"
:value="scope.row.state"
></dict-tag>
</template>
</el-table-column>
</el-table>
<!-- 单证异常，发货人异常，其他异常的表格 -->
<el-table
v-if="
[
'order_doc_exception',
'order_consignor_exception',
'order_other_exception',
'fee_exception',
'not_shipping_channel_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1
"
v-loading="loading"
border
:data="orderData.orderItemVOList"
>
<el-table-column
:label="$t('序号')"
align="center"
prop="id"
type="index"
>
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
:label="$t('中文名')"
align="center"
prop="prodTitleZh"
/>
<el-table-column
:label="$t('英文名')"
align="center"
prop="prodTitleEn"
/>
<el-table-column :label="$t('品牌')" align="center" prop="brandType">
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.ECW_IS_BRAND"
:value="scope.row.brandType"
></dict-tag>
</template>
</el-table-column>
<el-table-column :label="$t('填单箱数')" prop="num" />
<!-- v2.0 入仓特性异常 -->
<el-table-column :label="$t('填单特性')" prop="prodAttrIds">
<template slot-scope="scope">
{{ getProdAtrr(scope.row.prodAttrIds) }}
</template>
</el-table-column>
<el-table-column :label="$t('入仓箱数')">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.cartonsNum
: 0
}}
</template>
</el-table-column>
<!-- v2.0 入仓特性异常 -->
<el-table-column :label="$t('入仓特性')" prop="num">
<template slot-scope="scope">
{{ getProdAtrr(scope.row.warehouseInProdAttrIds) }}
</template>
</el-table-column>
<el-table-column :label="$t('方数')" prop="volume">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.volume
: 0
}}
</template>
</el-table-column>
<el-table-column :label="$t('重量')" prop="weight">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.weight
: 0
}}
</template>
</el-table-column>
<el-table-column :label="$t('数量')" prop="quantity">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.quantityAll
: 0
}}
</template>
</el-table-column>
<el-table-column :label="$t('货值')" prop="worth" />
</el-table>
<!-- 重量超限异常 -->
<el-table
v-if="
['line_weight_exception', 'overweight_exception'].indexOf(
orderExceptionData.orderExceptionType
) > -1
"
border
:data="loopOrderItem"
>
<el-table-column
:label="$t('序号')"
align="center"
prop="id"
type="index"
>
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
:label="$t('中文名')"
align="center"
prop="prodTitleZh"
/>
<el-table-column
:label="$t('英文名')"
align="center"
prop="prodTitleEn"
/>
<el-table-column :label="$t('品牌')" align="center" prop="brandType">
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.ECW_IS_BRAND"
:value="scope.row.brandType"
></dict-tag>
</template>
</el-table-column>
<el-table-column :label="$t('填单箱数')" prop="num" />
<!-- v2.0 入仓特性异常 -->
<el-table-column :label="$t('填单特性')" prop="prodAttrIds">
<template slot-scope="scope">
{{ getProdAtrr(scope.row.prodAttrIds) }}
</template>
</el-table-column>
<el-table-column :label="$t('入仓箱数')">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.cartonsNum
: 0
}}
</template>
</el-table-column>
<!-- v2.0 入仓特性异常 -->
<el-table-column :label="$t('入仓特性')" prop="num">
<template slot-scope="scope">
{{ getProdAtrr(scope.row.warehouseInProdAttrIds) }}
</template>
</el-table-column>
<el-table-column :label="$t('方数')" prop="volume">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.volume
: 0
}}
</template>
</el-table-column>
<el-table-column :label="$t('重量')" prop="weight">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.weight
: 0
}}
</template>
</el-table-column>
<el-table-column :label="$t('数量')" prop="quantity">
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.quantityAll
: 0
}}
</template>
</el-table-column>
<el-table-column :label="$t('货值')" prop="worth" />
</el-table>
<div
class="overweight_order"
v-if="
([
'overweight_exception',
'channel_packaging_overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1 &&
handlerParams.orderExceptionHandlerResult ==
'update_weight_limit') ||
(['line_weight_exception'].indexOf(
orderExceptionData.orderExceptionType
) > -1 &&
handlerParams.orderExceptionHandlerResult == 'change_line_weight')
"
>
<span
v-if="
orderExceptionData.orderExceptionType == 'line_weight_exception'
"
>{{ $t("路线重量上限") }}(kg)</span
>
<span v-else>{{ $t("空运订单重量上限") }}(kg)</span>
<div style="width: 200px; margin-left: 20px">
<el-input
type="number"
v-model="handlerParams.weightLimit"
></el-input>
</div>
</div>
<!-- 未分配客户经理 -->
<div
v-if="
orderExceptionData.orderExceptionType ==
'not_customer_service_exception'
"
>
<el-row :gutter="20">
<el-col :span="8" v-if="orderData.consignorVO">
<el-descriptions
class="margin-top"
border
:title="$t('发货人')"
:column="1"
:labelStyle="{ width: '150px' }"
>
<el-descriptions-item :label="$t('发货人')">{{
orderData.consignorVO.name
}}</el-descriptions-item>
<el-descriptions-item :label="$t('发货人电话')">
+{{ orderData.consignorVO.countryCode }}
{{ orderData.consignorVO.phone }}
</el-descriptions-item>
<el-descriptions-item :label="$t('发货人邮箱')">{{
orderData.consignorVO.email
}}</el-descriptions-item>
<el-descriptions-item :label="$t('发货人公司名称')">
{{ orderData.consignorVO.company }}
</el-descriptions-item>
</el-descriptions>
</el-col>
<el-col :span="16" v-if="orderData.consigneeVO">
<el-descriptions
class="margin-top"
border
:title="$t('收货人')"
:column="2"
:labelStyle="{ width: '150px' }"
>
<el-descriptions-item :label="$t('收货人')">{{
orderData.consigneeVO.name
}}</el-descriptions-item>
<el-descriptions-item :label="$t('收货人电话')">
+{{ orderData.consigneeVO.countryCode }}
{{ orderData.consigneeVO.phone }}
</el-descriptions-item>
<el-descriptions-item :label="$t('收货人邮箱')">{{
orderData.consigneeVO.email
}}</el-descriptions-item>
<el-descriptions-item :label="$t('收货人公司名称')">
{{ orderData.consigneeVO.company }}
</el-descriptions-item>
<el-descriptions-item :label="$t('收货方式')">
<dict-tag
:type="DICT_TYPE.ECW_HARVEST_METHOD"
:value="orderData.consigneeVO.harvestMethod"
/>
</el-descriptions-item>
<el-descriptions-item :label="$t('收货地区')">
{{ region }}
</el-descriptions-item>
<el-descriptions-item :label="$t('收货地址')">
{{ orderData.consigneeVO.address }}
</el-descriptions-item>
</el-descriptions>
</el-col>
</el-row>
<div class="link-text">
<router-link
:to="{ path: '/customer/query/' + orderData.customerId }"
class="link-type"
>
<span>{{ $t("归属客户") }}:{{ customerData.name || "" }} </span
><span>{{ $t("客户编号") }}:{{ customerData.number || "" }}</span>
</router-link>
</div>
</div>
<el-form
:model="handlerParams"
ref="queryForms"
size="small"
:inline="true"
label-width="120px"
class="card"
>
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-form-item :label="$t('订单总金额') + ':'">
<span
style="margin-left: 8px"
v-for="(item, key) of orderFee.totalAmountList"
:key="key"
>
{{ item }}
{{ currencyMap[key] }}
</span>
</el-form-item>
</el-row>
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-form-item :label="$t('应付预付金额') + ':'">
<span
style="margin-left: 8px"
v-for="(item, key) of orderFee.totalPaymentAmount"
:key="key"
>{{ item }}{{ currencyMap[key] }}</span
>
</el-form-item>
</el-row>
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-col :span="6">
<el-form-item :label="$t('已核销预付金额') + ':'">
<span
v-if="JSON.stringify(orderFee.writeOffAmount) != '{}'"
style="margin-left: 8px"
v-for="(item, key) of orderFee.writeOffAmount"
:key="key"
>{{ item }}{{ currencyMap[key] }}</span
>
<span v-if="JSON.stringify(orderFee.writeOffAmount) == '{}'"
>0</span
>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('已核销预付金额占总金额比例') + ':'"
label-width="320px"
>
{{ orderFee.writeOffAmountScale }}%
</el-form-item>
</el-col>
</el-row>
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-col :span="6">
<el-form-item :label="$t('预付商品货值') + ':'">
{{ orderFee.paymentGoodsWorth }} {{ $t("人民币") }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('预付商品货值占总货值比例') + ':'"
label-width="320px"
>
{{ orderFee.paymentGoodsWorthScale }}%
</el-form-item>
</el-col>
</el-row>
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-col :span="6">
<el-form-item :label="$t('预付商品方数') + ':'">
{{ orderFee.paymentGoodsVolume }} {{ $t("立方米") }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('货值三分之一占运费和清关费总和比例') + ':'"
label-width="320px"
>
{{ orderFee.needWorthScale }}%
</el-form-item>
</el-col>
</el-row>
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-col :span="6">
<el-form-item :label="$t('订单总方数') + ':'">
{{ orderFee.totalVolume }} {{ $t("立方米") }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('预付商品方数占总方数比例') + ':'"
label-width="320px"
>
{{ orderFee.paymentGoodsVolumeScale }}%
</el-form-item>
</el-col>
</el-row>
<el-row
:span="12"
v-if="orderExceptionData.orderExceptionType == 'order_doc_exception'"
>
<el-form-item
v-if="orderExceptionData.orderExceptionStatus != 2"
:label="$t('报关资料') + ':'"
size="medium"
:require="true"
>
<file-upload
v-model="handlerParams.fileList"
:value="orderExceptionData.orderExceptionAttr"
></file-upload>
</el-form-item>
</el-row>
<el-form-item
:label="$t('附件')"
align="center"
v-if="
orderExceptionData.orderExceptionType == 'order_other_exception'
"
>
<template slot-scope="scope">
<div class="filelist">
<span
v-for="(item, index) in handlerParams.fileList"
:key="index"
@click="onClickOpenPreview(item, index)"
>{{ "附件" + (index + 1) }}</span
>
</div>
</template>
</el-form-item>
<!--货物重量异常-->
<el-row
:span="8"
v-if="
[
'goods_weight_exception',
'channel_exception',
'not_shipping_channel_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1
"
>
<el-form-item :label="$t('备注') + ':'" size="medium">
<el-input
style="width: 500px"
type="textarea"
v-model="handlerParams.orderExceptionHandlerRemark"
:disabled="orderExceptionData.orderExceptionStatus == 2"
/>
</el-form-item>
</el-row>
<!-- 渠道超限异常 -->
<div
v-if="
orderExceptionData.orderExceptionType ==
'channel_packaging_overweight_exception'
"
class="card"
>
<div style="font-size: 18px; font-weight: 600">
{{ $t("渠道包装超限品名列表") }}
</div>
<el-table
v-loading="loading"
border
:data="orderData.orderItemVOList"
>
<el-table-column
:label="$t('序号')"
align="center"
prop="id"
type="index"
min-width="30"
>
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
:label="$t('中文名')"
align="center"
prop="prodTitleZh"
min-width="50"
/>
<el-table-column
:label="$t('英文名')"
align="center"
prop="prodTitleEn"
min-width="50"
/>
<el-table-column
:label="$t('品牌')"
align="center"
min-width="50"
prop="brandType"
>
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.ECW_IS_BRAND"
:value="scope.row.brandType"
></dict-tag>
</template>
</el-table-column>
<el-table-column
:label="$t('填单箱数')"
align="center"
prop="num"
min-width="60"
/>
<!-- v2.0 入仓特性异常 -->
<el-table-column
:label="$t('填单特性')"
align="center"
prop="prodAttrIds"
min-width="60"
>
<template slot-scope="scope">
{{ getProdAtrr(scope.row.prodAttrIds) }}
</template>
</el-table-column>
<el-table-column
:label="$t('入仓箱数')"
align="center"
min-width="60"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.cartonsNum
: 0
}}
</template>
</el-table-column>
<!-- v2.0 入仓特性异常 -->
<el-table-column
:label="$t('入仓特性')"
align="center"
prop="num"
min-width="60"
>
<template slot-scope="scope">
{{ getProdAtrr(scope.row.warehouseInProdAttrIds) }}
</template>
</el-table-column>
<el-table-column
:label="$t('方数')"
align="center"
prop="volume"
min-width="30"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.volume
: 0
}}
</template>
</el-table-column>
<el-table-column
:label="$t('重量')"
prop="weight"
align="center"
min-width="30"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.weight
: 0
}}
</template>
</el-table-column>
<el-table-column
:label="$t('数量')"
prop="quantity"
align="center"
min-width="30"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.quantityAll
: 0
}}
</template>
</el-table-column>
<el-table-column
:label="$t('货值')"
prop="worth"
align="center"
min-width="30"
/>
<el-table-column
:label="$t('运费/全包价')"
prop="quantity"
align="center"
min-width="260"
>
<template slot-scope="scope">
<div v-if="scope.row.charging == 1" class="channel">
<!-- <span v-if="!scope.row.oneSeaFreight">{{$t('全包价')}}:{{$t('未报价')}}</span> -->
<div class="channel">
<div style="width: 80px">{{ $t("全包价") }}:</div>
<div
style="width: 88%"
class="channel"
v-if="
orderExceptionData.orderExceptionStatus == 0 &&
handlerParams.orderExceptionHandlerResult ==
'allow_over'
"
>
<div
v-if="
!scope.row.seaFreightCurrency ||
!scope.row.seaFreightVolume
"
>
/
</div>
<div v-else>
<inputor
default2="0"
v-model.number="scope.row.oneSeaFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
class="w100"
/>
<span
>{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
<!-- <selector v-model="scope.row.seaFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" defaultable2 class="w100" />
/ <selector v-model="scope.row.seaFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" defaultable2 class="w100" /> -->
</div>
</div>
<div v-else class="channel">
<span v-if="!scope.row.oneSeaFreight">{{
$t("未报价")
}}</span>
<span v-else
>{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
</div>
</div>
</div>
<div v-else>
<!-- <span v-if="!scope.row.oneSeaFreight">{{$t('运费')}}:{{$t('未报价')}}</span> -->
<div
class="channel"
v-if="
orderExceptionData.orderExceptionStatus == 0 &&
handlerParams.orderExceptionHandlerResult == 'allow_over'
"
>
<div style="width: 80px">{{ $t("运费") }}:</div>
<div
v-if="
!scope.row.seaFreightCurrency ||
!scope.row.seaFreightVolume
"
>
/
</div>
<div style="width: 88%" class="channel" v-else>
<inputor
default2="0"
v-model.number="scope.row.oneSeaFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
class="w100"
/>
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}
<!--template v-else>
<selector v-model="scope.row.seaFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" class="w100" />
/
<selector v-model="scope.row.seaFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" class="w100" />
</template-->
</div>
</div>
<div v-else class="channel">
<span v-if="!scope.row.oneSeaFreight">{{
$t("未报价")
}}</span>
<span v-else
>{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
</div>
</div>
</template>
</el-table-column>
<el-table-column
:label="$t('清关费')"
prop="quantity"
align="center"
min-width="180"
>
<template slot-scope="scope">
<div class="channel">
<!-- <span v-if="!scope.row.oneClearanceFreight">{{$t('未报价')}}</span> -->
<div
class="channel"
v-if="
orderExceptionData.orderExceptionStatus == 0 &&
handlerParams.orderExceptionHandlerResult == 'allow_over'
"
>
<div
v-if="
!scope.row.clearanceFreightCurrency ||
!scope.row.clearanceFreightVolume
"
>
/
</div>
<div v-else>
<inputor
default2="0"
v-model.number="scope.row.oneClearanceFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
class="w100"
/>
{{ currencyMap[scope.row.clearanceFreightCurrency] }} /
{{ unitMap[scope.row.clearanceFreightVolume] }}
<!--
<selector v-model="scope.row.clearanceFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" class="w100" />
/ <selector v-model="scope.row.clearanceFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" class="w100" />
-->
</div>
</div>
<div v-else>
<span v-if="!scope.row.oneClearanceFreight">{{
$t("未报价")
}}</span>
<span v-else
>{{ scope.row.oneClearanceFreight }}
{{ currencyMap[scope.row.clearanceFreightCurrency] }} /
{{ unitMap[scope.row.clearanceFreightVolume] }}</span
>
</div>
</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- 线路单证异常,重量超限 -->
<div
v-if="
orderExceptionData.orderExceptionType == 'line_loop_exception' ||
((orderExceptionData.orderExceptionType == 'overweight_exception' ||
orderExceptionData.orderExceptionType ==
'line_weight_exception') &&
handlerParams.orderExceptionHandlerResult == 'allow_over')
"
>
<div v-for="row in loopOrderItem" :key="row.orderItemId">
<!-- <span v-if="!scope.row.oneSeaFreight">{{$t('运费')}}:{{$t('未报价')}}</span> -->
<div v-if="orderExceptionData.orderExceptionStatus == 0">
<div>
<el-form-item v-if="unitChangable && handlerParams.orderExceptionHandlerResult != 'confirmed_return'" :label="$t('是否预付')">
<el-radio-group v-model="row.needPay">
<el-radio :label="1">{{ $t("预付") }}</el-radio>
<el-radio :label="0">{{ $t("均可") }}</el-radio>
</el-radio-group>
</el-form-item>
</div>
<div>
<el-form-item v-if="unitChangable && handlerParams.orderExceptionHandlerResult != 'confirmed_return'" :label="$t('单价模式')">
<dict-selector
:type="DICT_TYPE.ECW_PRICE_TYPE"
v-model="row.charging"
form-type="radio"
formatter="number"
/>
</el-form-item>
</div>
<div class="price_list" v-if="handlerParams.orderExceptionHandlerResult != 'confirmed_return'">
<div class="price_label">{{ row.charging == 1 ? $t('全包价') : $t("运费") }}:</div>
<div class="price_list">
<div
v-if="!row.seaFreightCurrency || !row.seaFreightVolume"
>
/
</div>
<div v-else>
<inputor
style="width: 100px"
default2="0"
v-model.number="row.oneSeaFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
/>
<span v-if="!unitChangable">
{{ currencyMap[row.seaFreightCurrency] }} /
{{ unitMap[row.seaFreightVolume] }}
</span>
<template v-else>
<selector style="width:100px" v-model="row.seaFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" defaultable2 />
/ <selector style="width:100px" v-model="row.seaFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" defaultable2 />
</template>
</div>
</div>
</div>
<div class="price_list" v-if="(row.charging === 0 || row.charging === '0') && handlerParams.orderExceptionHandlerResult != 'confirmed_return'">
<div class="price_label">{{ $t("清关费") }}:</div>
<div class="price_list">
<div
v-if="
!row.clearanceFreightCurrency ||
!row.clearanceFreightVolume
"
>
/
</div>
<div v-else>
<inputor
style="width: 100px"
default2="0"
v-model.number="row.oneClearanceFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
/>
<span v-if="!unitChangable">
{{ currencyMap[row.clearanceFreightCurrency] }} /
{{ unitMap[row.clearanceFreightVolume] }}
</span>
<template v-else>
<selector style="width:100px" v-model="row.clearanceFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" />
/ <selector style="width:100px" v-model="row.clearanceFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" />
</template>
</div>
</div>
</div>
</div>
<div v-else>
<div class="price_list">
<div v-if="!row.oneSeaFreight">
<span class="price_label">{{ $t("运费") }}:</span>
<span>{{ $t("未报价") }}</span>
</div>
<div v-else>
<span class="price_label">{{ $t("运费") }}:</span>
<span
>{{ row.oneSeaFreight }}
{{ currencyMap[row.seaFreightCurrency] }} /
{{ unitMap[row.seaFreightVolume] }}</span
>
</div>
</div>
<div class="price_list">
<div v-if="!row.oneClearanceFreight">
<span class="price_label">{{ $t("清关费") }}:</span>
<span>{{ $t("未报价") }}</span>
</div>
<div v-else>
<span class="price_label">{{ $t("清关费") }}:</span>
<span
>{{ row.oneClearanceFreight }}
{{ currencyMap[row.clearanceFreightCurrency] }} /
{{ unitMap[row.clearanceFreightVolume] }}</span
>
</div>
</div>
</div>
</div>
</div>
<!--预付异常的备选需要根据接口数据过滤-->
<el-row
v-if="orderExceptionData.orderExceptionType == 'order_pay_exception'"
>
<el-form-item :label="$t('处理结果') + ':'" required>
<el-select
v-model="handlerParams.orderExceptionHandlerResult"
:placeholder="$t('请选择')"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<template
v-for="dict in getDictDatas(
orderExceptionData.orderExceptionType + '_result'
)"
>
<el-option
:disabled="
orderFee &&
orderFee.result &&
orderFee.result.indexOf(dict.value) == -1
"
:key="dict.value"
:label="$l(dict, 'label')"
:value="dict.value"
/>
</template>
</el-select>
</el-form-item>
</el-row>
<el-row
v-else-if="
[
'order_miss_exception',
'order_superfluous_goods_exception',
'order_in_water_exception',
'order_damage_exception',
'goods_weight_exception',
].indexOf(orderExceptionData.orderExceptionType) == -1
"
>
<el-form-item :label="$t('处理结果') + ':'" required>
<el-select
v-model="handlerParams.orderExceptionHandlerResult"
:placeholder="$t('请选择')"
clearable
@change="handlerResultChange"
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<template
v-for="dict in getDictDatas(
orderExceptionData.orderExceptionType + '_result'
)"
>
<el-option
:disabled="dict.value == 'pending'"
:key="dict.value"
:label="$l(dict, 'label')"
:value="dict.value"
/>
</template>
</el-select>
</el-form-item>
</el-row>
<!-- v1.7新增商品异常 -->
<div
v-if="
shopData &&
orderExceptionData.orderExceptionType == 'goods_add_exception' &&
handlerParams.orderExceptionHandlerResult == 'goods_exists'
"
>
<el-row :gutter="24">
<el-col :span="6">
<el-form-item :label="$t('新增品名中文') + ':'">
{{ shopData.prodTitleZh || "" }}
</el-form-item>
</el-col>
<el-form-item
label="中文品名"
:rules="{
required: true,
message: $t('请选择产品'),
trigger: 'blur',
}"
class="mb-0 mr-0"
>
<product-selector
:status="0"
:disabled="orderExceptionData.orderExceptionStatus == 2"
@hook:mounted="onTableMounted"
v-model="productId2"
@change="onProductChange($event)"
/>
</el-form-item>
</el-row>
<el-row :gutter="24">
<el-col :span="6">
<el-form-item :label="$t('新增品名英文') + ':'">
{{ shopData.prodTitleEn || "" }}
</el-form-item>
</el-col>
<el-form-item
label="英文品名"
:rules="{
required: true,
message: $t('请选择产品'),
trigger: 'blur',
}"
class="mb-0 mr-0"
>
<product-selector
lang="En"
:status="0"
v-model="productId1"
:disabled="orderExceptionData.orderExceptionStatus == 2"
@change="onProductChange($event)"
/>
</el-form-item>
</el-row>
</div>
<el-row
v-if="
orderExceptionData.orderExceptionType ==
'not_customer_service_exception' &&
handlerParams.orderExceptionHandlerResult == 'allocate'
"
>
<el-form-item :label="$t('移交客户经理') + ':'" required>
<el-select
v-model="handlerParams.customerService"
:placeholder="$t('请选择客户经理')"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-option
v-for="dict in customerServiceList"
:key="dict.id"
:label="dict.nickname"
:value="dict.id"
/>
</el-select>
</el-form-item>
</el-row>
<!-- 代收货款 时需要填写代收金额 -->
<el-row v-if="handlerParams.orderExceptionHandlerResult == 'cod'">
<el-form-item :label="$t('代收金额') + ':'" size="medium" required>
<el-input
class="w-100"
type="text"
v-model="handlerParams.amount"
:disabled="orderExceptionData.orderExceptionStatus == 2"
/>
<!-- <el-select v-model="handlerParams.currency" clearable>
<el-option v-for="dict in getDictDatas('shipping_price_unit') "
:key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select> -->{{ getCurrencyLabel(handlerParams.currency) }}
<!-- <dict-tag type="shipping_price_unit" v-model="handlerParams.currency" class="w-100 ml-10" /> -->
</el-form-item>
</el-row>
<el-row
:span="8"
v-if="
orderExceptionData.orderExceptionType ==
'order_pick_up_exception' &&
handlerParams.orderExceptionHandlerResult == 'cost_required'
"
>
<el-form-item :label="$t('送货费用') + ':'" size="medium">
<el-input
style="width: 100px"
type="text"
v-model="handlerParams.amount"
:disabled="orderExceptionData.orderExceptionStatus == 2"
/>
<el-select
v-model="handlerParams.currency"
style="width: 100px; margin-left: 10px"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-option
v-for="dict in currencyList"
:key="dict.id"
:label="dict.titleZh"
:value="dict.id"
/>
</el-select>
</el-form-item>
</el-row>
<!--not_shipping_channel_exception 不可出渠道异常-->
<el-row
:span="8"
v-if="
[
'not_customer_service_exception',
'goods_add_exception',
'goods_weight_exception',
'channel_exception',
'not_shipping_channel_exception',
].indexOf(orderExceptionData.orderExceptionType) == -1
"
>
<el-form-item :label="$t('备注') + ':'" size="medium">
<el-input
style="width: 500px"
type="textarea"
v-model="handlerParams.orderExceptionHandlerRemark"
:disabled="orderExceptionData.orderExceptionStatus == 2"
/>
</el-form-item>
</el-row>
<div
v-if="
[
'order_miss_exception',
'order_superfluous_goods_exception',
'order_in_water_exception',
'order_damage_exception',
'goods_weight_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1
"
>
<el-row>
<el-form-item :label="$t('状态') + ':'">
<el-radio-group
v-model="handlerParams.orderExceptionStatus"
@change="changeExceptionStatus"
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-radio label="1">{{ $t("处理中") }}</el-radio>
<el-radio label="2">{{ $t("已处理") }}</el-radio>
</el-radio-group>
</el-form-item>
</el-row>
<el-row>
<el-form-item
:label="$t('处理结果') + ':'"
required
v-if="handlerParams.orderExceptionStatus == 2"
>
<el-select
v-model="handlerParams.orderExceptionHandlerResult"
:placeholder="$t('请选择')"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-option
v-for="dict in getDictDatas(
orderExceptionData.orderExceptionType + '_don_result'
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item
:label="$t('赔付金额') + ':'"
size="medium"
required
v-if="
orderExceptionData.orderExceptionType ==
'goods_weight_exception' &&
handlerParams.orderExceptionStatus == 2 &&
handlerParams.orderExceptionHandlerResult != 'customer_not_pay'
"
>
<el-input
style="width: 100px"
type="text"
v-model="handlerParams.amount"
:disabled="orderExceptionData.orderExceptionStatus == 2"
/>
<el-select
v-model="handlerParams.currency"
style="width: 100px; margin-left: 10px"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-option
v-for="dict in currencyList"
:key="dict.id"
:label="dict.titleZh"
:value="dict.id"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('赔付金额') + ':'"
size="medium"
required
v-else-if="
handlerParams.orderExceptionStatus == 2 &&
orderExceptionData.orderExceptionType !=
'goods_weight_exception'
"
>
<el-input
style="width: 100px"
type="text"
v-model="handlerParams.amount"
:disabled="orderExceptionData.orderExceptionStatus == 2"
/>
<el-select
v-model="handlerParams.currency"
style="width: 100px; margin-left: 10px"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-option
v-for="dict in currencyList"
:key="dict.id"
:label="dict.titleZh"
:value="dict.id"
/>
</el-select>
</el-form-item>
</el-row>
<div v-if="handlerParams.orderExceptionStatus == 1">
<el-form-item :label="$t('查明原因') + ':'" required>
<el-select
v-model="handlerParams.orderExceptionHandlerResult"
clearable
:disabled="orderExceptionData.orderExceptionStatus == 2"
>
<el-option
v-for="dict in getDictDatas(
orderExceptionData.orderExceptionType + '_result'
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</div>
</div>
<!-- <el-form-item :label="$t('查明原因')+':'" required v-if="orderExceptionData.orderExceptionType=='not_shipping_channel_exception'">
<el-select v-model="handlerParams.orderExceptionHandlerResult" clearable :disabled="orderExceptionData.orderExceptionStatus==2">
<el-option v-for="dict in getDictDatas(orderExceptionData.orderExceptionType+'_result')"
:key="dict.value" :label="dict.label" :value="dict.value"/>
</el-select>
</el-form-item> -->
<!-- 不可出渠道异常,渠道异常 not_shipping_channel_exception-->
<div
v-if="
(orderExceptionData.orderExceptionType ==
'not_shipping_channel_exception' &&
handlerParams.orderExceptionHandlerResult == 'change_channel') ||
(orderExceptionData.orderExceptionType == 'channel_exception' &&
handlerParams.orderExceptionHandlerResult ==
'set_shipment_channel')
"
>
<el-form-item
:label="$t('出货渠道')"
prop="channelId"
v-if="
getDictData(DICT_TYPE.ECW_TRANSPORT_TYPE, orderData.transportId)
.cssClass == 'channel'
"
>
<!--嵌套一个form来脱离disabled控制-->
<el-form>
<el-select
v-model="handlerParams.channelId"
:placeholder="$t('请选择出货渠道')"
@change="calculationPrice"
>
<el-option
v-for="item in channelList"
:key="item.channelId"
:label="$i18n.locale == 'zh_CN' ? item.nameZh : item.nameEn"
:value="item.channelId"
/>
</el-select>
<!--<selector
v-model="handlerParams.channelId"
:options="channelList"
value-field="channelId"
:label-field="$l(null, 'name')"
></selector> -->
</el-form>
</el-form-item>
<el-form-item :label="$t('选择线路')" prop="lineId">
<el-input
:value="
selectLine
? $l(selectLine, 'startTitle') +
' > ' +
$l(selectLine, 'destTitle')
: ''
"
disabled
:placeholder="$t('请在右侧选择线路')"
></el-input>
</el-form-item>
<!--select是原生组件，不受el-form的disabled控制-->
<select
size="5"
v-model="handlerParams.lineId"
style="
min-width: 300px;
border: 1px solid #dcdfe6;
border-radius: 4px;
"
@change="changeLined"
>
<option
v-for="item in routerList"
:value="item.id"
:key="item.id"
:disabled="orderExceptionData.orderExceptionStatus > 0"
>
{{ $l(item, "startTitle") }} >>
{{ $l(item, "destTitle") }} (<dict-tag
:type="DICT_TYPE.ECW_TRANSPORT_TYPE"
:value="item.transportType"
></dict-tag
>)
</option>
</select>
</div>
<!-- 不可出渠道异常 -->
<div
v-if="
orderExceptionData.orderExceptionType ==
'not_shipping_channel_exception' &&
(handlerParams.orderExceptionHandlerResult == 'change_channel' ||
handlerParams.orderExceptionHandlerResult == 'continue_channel')
"
class="card"
>
<el-table
v-loading="loading"
border
:data="orderData.orderItemVOList"
>
<el-table-column
:label="$t('序号')"
align="center"
prop="id"
type="index"
min-width="30"
>
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
:label="$t('中文名')"
align="center"
prop="prodTitleZh"
min-width="50"
/>
<el-table-column
:label="$t('英文名')"
align="center"
prop="prodTitleEn"
min-width="50"
/>
<el-table-column
:label="$t('品牌')"
align="center"
min-width="50"
prop="brandType"
>
<template slot-scope="scope">
<dict-tag
:type="DICT_TYPE.ECW_IS_BRAND"
:value="scope.row.brandType"
></dict-tag>
</template>
</el-table-column>
<el-table-column
:label="$t('填单箱数')"
align="center"
prop="num"
min-width="60"
/>
<!-- v2.0 入仓特性异常 -->
<el-table-column
:label="$t('填单特性')"
align="center"
prop="prodAttrIds"
min-width="60"
>
<template slot-scope="scope">
{{ getProdAtrr(scope.row.prodAttrIds) }}
</template>
</el-table-column>
<el-table-column
:label="$t('入仓箱数')"
align="center"
min-width="60"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.cartonsNum
: 0
}}
</template>
</el-table-column>
<!-- v2.0 入仓特性异常 -->
<el-table-column
:label="$t('入仓特性')"
align="center"
prop="num"
min-width="60"
>
<template slot-scope="scope">
{{ getProdAtrr(scope.row.warehouseInProdAttrIds) }}
</template>
</el-table-column>
<el-table-column
:label="$t('方数')"
align="center"
prop="volume"
min-width="30"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.volume
: 0
}}
</template>
</el-table-column>
<el-table-column
:label="$t('重量')"
prop="weight"
align="center"
min-width="30"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.weight
: 0
}}
</template>
</el-table-column>
<el-table-column
:label="$t('数量')"
prop="quantity"
align="center"
min-width="30"
>
<template slot-scope="scope">
{{
scope.row.warehouseInInfoVO
? scope.row.warehouseInInfoVO.quantityAll
: 0
}}
</template>
</el-table-column>
<el-table-column
:label="$t('货值')"
prop="worth"
align="center"
min-width="30"
/>
<el-table-column
:label="$t('运费/全包价')"
prop="quantity"
align="center"
min-width="260"
v-if="
handlerParams.orderExceptionHandlerResult == 'continue_channel'
"
>
<template slot-scope="scope">
<div v-if="scope.row.charging == 1" class="channel">
<!-- <span v-if="!scope.row.oneSeaFreight">{{$t('全包价')}}:{{$t('未报价')}}</span> -->
<div class="channel">
<div style="width: 80px">{{ $t("全包价") }}:</div>
<div
style="width: 88%"
class="channel"
v-if="orderExceptionData.orderExceptionStatus == 0"
>
<div
v-if="
!scope.row.seaFreightCurrency ||
!scope.row.seaFreightVolume
"
>
/
</div>
<div v-else>
<inputor
default2="0"
v-model.number="scope.row.oneSeaFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
class="w100"
/>
<span
>{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
<!-- <selector v-model="scope.row.seaFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" defaultable2 class="w100" />
/ <selector v-model="scope.row.seaFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" defaultable2 class="w100" /> -->
</div>
</div>
<div v-else class="channel">
<span v-if="!scope.row.oneSeaFreight">{{
$t("未报价")
}}</span>
<span v-else
>{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
</div>
</div>
</div>
<div v-else>
<!-- <span v-if="!scope.row.oneSeaFreight">{{$t('运费')}}:{{$t('未报价')}}</span> -->
<div
class="channel"
v-if="orderExceptionData.orderExceptionStatus == 0"
>
<div style="width: 80px">{{ $t("运费") }}:</div>
<div style="width: 88%" class="channel">
<div
v-if="
!scope.row.seaFreightCurrency ||
!scope.row.seaFreightVolume
"
>
/
</div>
<div v-else>
<inputor
default2="0"
v-model.number="scope.row.oneSeaFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
class="w100"
/>
<span
>{{ $t("运费") }}:{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
<!-- <selector v-model="scope.row.seaFreightCurrency" :options="currencyList" :label-field="$l('title')" value-field="id" defaultable2 class="w100" />
/ <selector v-model="scope.row.seaFreightVolume" :options="unitList" :label-field="$l('title')" value-field="id" defaultable2 class="w100" /> -->
</div>
</div>
</div>
<div v-else class="channel">
<span v-if="!scope.row.oneSeaFreight"
>{{ $t("运费") }}:{{ $t("未报价") }}</span
>
<span v-else
>{{ $t("运费") }}:{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
</div>
</div>
</template>
</el-table-column>
<el-table-column
:label="$t('清关费')"
prop="quantity"
align="center"
min-width="180"
v-if="
handlerParams.orderExceptionHandlerResult == 'continue_channel'
"
>
<template slot-scope="scope">
<div class="channel">
<!-- <span v-if="!scope.row.oneClearanceFreight">{{$t('未报价')}}</span> -->
<div
class="channel"
v-if="orderExceptionData.orderExceptionStatus == 0"
>
<div
v-if="
!scope.row.clearanceFreightCurrency ||
!scope.row.clearanceFreightVolume
"
>
/
</div>
<div v-else>
<inputor
default2="0"
v-model.number="scope.row.oneClearanceFreight"
type="number"
:placeholder="$t('整数或者两位小数')"
class="w100"
/>
<span
>{{ currencyMap[scope.row.clearanceFreightCurrency] }} /
{{ unitMap[scope.row.clearanceFreightVolume] }}</span
>
</div>
</div>
<div v-else>
<span v-if="!scope.row.oneClearanceFreight">{{
$t("未报价")
}}</span>
<span v-else
>{{ scope.row.oneClearanceFreight }}
{{ currencyMap[scope.row.clearanceFreightCurrency] }} /
{{ unitMap[scope.row.clearanceFreightVolume] }}</span
>
</div>
</div>
</template>
</el-table-column>
<el-table-column
:label="$t('运费/全包价')"
prop="quantity"
align="center"
min-width="220"
v-if="
handlerParams.orderExceptionHandlerResult == 'change_channel'
"
>
<template slot-scope="scope">
<div v-if="scope.row.charging == 1" class="channel">
<span v-if="!scope.row.oneSeaFreight"
>{{ $t("全包价") }}:{{ $t("未报价") }}</span
>
<span v-else
>{{ $t("全包价") }}:{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
<!-- <el-button v-if="orderExceptionData.orderExceptionStatus==0" type="primary" plain @click="routeToPrice(scope.row,1)">{{!scope.row.oneSeaFreight?$t('报价'):$t('修改报价')}}</el-button> -->
</div>
<div v-else class="channel">
<span v-if="!scope.row.oneSeaFreight"
>{{ $t("运费") }}:{{ $t("未报价") }}</span
>
<span v-else
>{{ $t("运费") }}:{{ scope.row.oneSeaFreight }}
{{ currencyMap[scope.row.seaFreightCurrency] }} /
{{ unitMap[scope.row.seaFreightVolume] }}</span
>
<!-- <el-button v-if="orderExceptionData.orderExceptionStatus==0" type="primary" plain @click="routeToPrice(scope.row,1)">{{!scope.row.oneSeaFreight?$t('报价'):$t('修改报价')}}</el-button> -->
</div>
</template>
</el-table-column>
<el-table-column
:label="$t('清关费')"
prop="quantity"
align="center"
min-width="260"
v-if="
handlerParams.orderExceptionHandlerResult == 'change_channel'
"
>
<template slot-scope="scope">
<div class="channel">
<span v-if="!scope.row.oneClearanceFreight">{{
$t("未报价")
}}</span>
<span v-else
>{{ scope.row.oneClearanceFreight }}
{{ currencyMap[scope.row.clearanceFreightCurrency] }} /
{{ unitMap[scope.row.clearanceFreightVolume] }}</span
>
<!-- <el-button v-if="orderExceptionData.orderExceptionStatus==0" type="primary" plain @click="routeToPrice(scope.row,2)">{{!scope.row.oneClearanceFreight?$t('报价'):$t('修改报价')}}</el-button> -->
</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- 渠道异常 -->
<div
v-if="
orderExceptionData.orderExceptionType == 'channel_exception' &&
handlerParams.orderExceptionHandlerResult == 'set_shipment_channel'
"
>
<div v-for="row in orderData.orderItemVOList" :key="row.orderItemId">
<div v-if="row.charging == 1">
<el-form-item
style="margin-left: 40px"
:label="$t('全包价成交单价') + ':'"
size="medium"
>
<span v-if="!row.oneSeaFreight">{{ $t("未报价") }}</span>
<span v-else
>{{ row.oneSeaFreight }}
{{ currencyMap[row.seaFreightCurrency] }} /
{{ unitMap[row.seaFreightVolume] }}</span
>
</el-form-item>
</div>
<div v-else class="feeList">
<el-form-item :label="$t('运费成交单价') + ':'" size="medium">
<span v-if="!row.oneSeaFreight">{{ $t("未报价") }}</span>
<span v-else
>{{ row.oneSeaFreight }}
{{ currencyMap[row.seaFreightCurrency] }} /
{{ unitMap[row.seaFreightVolume] }}</span
>
</el-form-item>
<el-form-item :label="$t('清关费成交单价') + ':'" size="medium">
<span v-if="!row.oneClearanceFreight">{{ $t("未报价") }}</span>
<span v-else
>{{ row.oneClearanceFreight }}
{{ currencyMap[row.clearanceFreightCurrency] }} /
{{ unitMap[row.clearanceFreightVolume] }}</span
>
</el-form-item>
</div>
</div>
</div>
<el-form-item
v-if="
orderExceptionData.orderExceptionType ==
'not_shipping_channel_exception' &&
handlerParams.orderExceptionHandlerResult == 'change_channel' &&
orderExceptionData.reason
"
:label="$t('审核驳回原因') + ':'"
size="medium"
>
<span>{{ orderExceptionData.orderExceptionNotes }}</span>
</el-form-item>
</el-form>
</el-card>
<!-- 只有不需要预付才需要审核 -->
<template
v-if="showWorkFlow && orderExceptionData.orderExceptionStatus != 2"
>
<div class="page-title">{{ $t("审批流程") }}</div>
<work-flow xmlkey="commission_config" v-model="handlerParams.ccIds" />
</template>
<div slot="footer" class="dialog-footer">
<!-- bpmStatus
异常流程状态，1处理中2通过3不通过4已取消
待审核可能没有bpmStatus字段
-->
<template
v-if="
orderExceptionData.bpmStatus == 1 ||
(orderExceptionData.bpmId && !orderExceptionData.bpmStatus)
"
>
<el-button
v-if="
[
'channel_packaging_overweight_exception',
'line_weight_exception',
'overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1
"
type="primary"
@click="
$router.push(
`/bpm/process-instance/detail?id=` + orderExceptionData.bpmId
)
"
>{{ $t("重量超限改价审核中") }}</el-button
>
<el-button
v-else
type="primary"
@click="
$router.push(
`/bpm/process-instance/detail?id=` + orderExceptionData.bpmId
)
"
>{{ $t("审核中") }}</el-button
>
<el-button
v-if="
[
'channel_packaging_overweight_exception',
'line_weight_exception',
'overweight_exception',
].indexOf(orderExceptionData.orderExceptionType) > -1
"
plain
type="primary"
@click="cancelAudit"
>{{ $t("取消重量超限改价审核") }}</el-button
>
<el-button v-else plain type="primary" @click="cancelAudit">{{
$t("取消审核")
}}</el-button>
<el-button
plain
type="primary"
@click="$store.dispatch('tagsView/delCurrentView')"
>{{ $t("返回") }}</el-button
>
</template>
<template v-else-if="orderExceptionData.orderExceptionStatus == 2">
<el-button
plain
type="primary"
@click="$store.dispatch('tagsView/delCurrentView')"
>{{ $t("返回") }}</el-button
>
</template>
<template v-else>
<el-button type="primary" @click="submitForm">{{
$t("提交")
}}</el-button>
<el-button
plain
type="primary"
@click="$store.dispatch('tagsView/delCurrentView')"
>{{ $t("取消") }}</el-button
>
</template>
</div>
<div class="preview" v-if="IsPreview">
<file-preview
:key="timers"
:TragetPic="TragetPic"
:FilePreAll="FilePreAll"
@Close="onClickClosePreview"
></file-preview>
</div>
</div>
</template>
<script>
import FileUpload from "@/components/FileUpload";
import { getDictData, getDictDatas } from "@/utils/dict";
import { getOrder } from "@/api/ecw/order";
import FilePreview from "@/components/FilePreview";
import { getCurrencyList } from "@/api/ecw/currency";
import {
getExceptionById,
handlerExceptionByExceptionId,
getOrderItemById,
getOrderFeeById,
getOrderExcptionResult,
getOrderExceptionChannelPriceList,
} from "@/api/ecw/orderException";
import { getFirstReceivableListByOrderId } from "@/api/ecw/financial";
import WorkFlow from "@/components/WorkFlow";
import { listByIds } from "@/api/ecw/region";
import { listServiceUser } from "@/api/system/user";
import { cancelProcessInstance } from "@/api/bpm/processInstance";
import { getCustomer } from "@/api/ecw/customer";
import ProductSelector from "@/components/ProductSelector";
import { getProductAttrList } from "@/api/ecw/productAttr";
import { getChannelList } from "@/api/ecw/channel";
import Selector from "@/components/Selector";
import { openedRouterList as getOpenedRouterList } from "@/api/ecw/warehouse";
import { getTradeCityList } from "@/api/ecw/region";
import { getUnitList } from "@/api/ecw/unit";
import { getProduct, calculationPrice } from "@/api/ecw/product";
import { getProductPriceGetPrice } from "@/api/ecw/productPrice";
import Inputor from "@/components/Inputor";
export default {
name: "EcwOrderPrepaydeal",
components: {
FileUpload,
WorkFlow,
FilePreview,
ProductSelector,
Selector,
Inputor,
},
data() {
return {
// 遮罩层
loading: false,
orderExceptionData: {},
types: "package,bag",
importance: 1,
orderData: {},
orderId: 0,
orderExceptionId: 0,
handlerParams: {
orderExceptionId: 0,
orderExceptionStatus: "1",
orderExceptionHandlerResult: "",
},
//发货/收货人信息
consigneeData: [],
routerList: [],
multipleSelection: [],
preException: [],
orderFee: [],
currencyList: [],
showWorkFlow: false, // 是否显示工作流
IsPreview: false, // 控制预览弹窗字段
timers: "", //时间戳
FilePreAll: [], // 预览数组
TragetPic: {},
region: "",
customerData: {}, //归属客户
customerServiceList: [], //客户经理
productId1: null,
productId2: null,
productAttrList: [], // 商品属性
channelName: "/",
channelList: [], // 出货取到
tradeCityList: [],
unitList: [],
selectLine: null,
calculating: false, // 是否正在计算费用，防止频繁重新请求,
loopOrderItem: [], //线路单询异常清关费,
// 単询异常是否可以更改单位
unitChangable: false
};
},
activated() {
this.handlerParams = {
orderExceptionId: 0,
orderExceptionStatus: "1",
orderExceptionHandlerResult: "",
};
if (this.$route.query.id) {
console.log(this.$route.query.id);
this.orderExceptionId = this.$route.query.id;
this.handlerParams.orderExceptionId = this.$route.query.id;
this.getList();
}
},
async created() {
getUnitList().then((res) => (this.unitList = res.data));
this.channelList = (await getChannelList()).data;
this.productAttrList = (await getProductAttrList()).data;
listServiceUser().then((r) => {
this.customerServiceList = r.data;
});
await getCurrencyList().then((res) => (this.currencyList = res.data));
this.tradeCityList = (await getTradeCityList()).data;
if (this.$route.query.id) {
this.orderExceptionId = this.$route.query.id;
this.handlerParams.orderExceptionId = this.$route.query.id;
this.getList();
}
},
watch: {
"handlerParams.orderExceptionHandlerResult"(val) {
console.log(val);
if (val == "no_pay" || val == "allow_over") {
this.showWorkFlow = true;
} else if (val == "continue_channel") {
this.showWorkFlow = true;
} else this.showWorkFlow = false;
// 如果是代收货款，则给默认单位
if (
val == "cod" &&
this.orderExceptionData.orderExceptionAmountCurrencyId
) {
this.$set(
this.handlerParams,
"currency",
this.orderExceptionData.orderExceptionAmountCurrencyId
);
}
if (
this.orderExceptionData.orderExceptionType ==
"not_shipping_channel_exception"
) {
//初始话渠道数据
this.calculationPrice();
}
},
"orderData.consigneeVO"(val) {
if (!val) return "-";
listByIds({ ids: [val.country, val.province, val.city].join(",") }).then(
(res) => {
console.log("listById", res);
let region = "";
res.data.forEach((item) => {
region +=
" " +
(this.$i18n.locale == "zh_CN" ? item.titleZh : item.titleEn);
});
this.region = region;
}
);
},
"orderData.channelId"() {
this.getChannel();
},
},
computed: {
currencyMap() {
let map = {};
this.currencyList.forEach((item) => {
map[item.id] = this.$l(item, "title");
});
return map;
},
unitMap() {
let map = {};
this.unitList.forEach((item) => {
map[item.id] = this.$l(item, "title");
});
return map;
},
// 是否已完成入仓
inWarehouse() {
return (
(!!this.orderData.inWarehouseState &&
this.orderData.inWarehouseState > 201) ||
this.orderData.shipmentState > 0
);
},
selectedRouter() {
console.log(this.handlerParams.lineId);
// otherService 1 集运服务 2 送货上门 3 非控货订单代收货款 4 海外仓 5 提货异常
if (!this.handlerParams.lineId) return null;
return this.routerList.find(
(item) => item.id == this.handlerParams.lineId
);
},
shopData() {
if (
this.orderExceptionData.orderItemId &&
this.orderData &&
this.orderData.orderItemVOList
) {
if (
this.orderExceptionData.orderExceptionType == "goods_add_exception" &&
!this.handlerParams.productId
) {
this.handlerParams.productId = this.orderData.orderItemVOList.find(
(item) => item.orderItemId == this.orderExceptionData.orderItemId
).prodId;
// this.productId1 = this.handlerParams.productId
// this.productId2 = this.handlerParams.productId
}
return this.orderData.orderItemVOList.find(
(item) => item.orderItemId == this.orderExceptionData.orderItemId
);
}
},
getDictData() {
return (type, value) => getDictData(type, value) || {};
},
exportCityList() {
return this.tradeCityList.filter(
(item) => item.type == 2 || item.type == 3
);
},
importCityList() {
return this.tradeCityList.filter(
(item) => item.type == 1 || item.type == 3
);
},
exportCityIds() {
let ids = [];
this.exportCityList.forEach((item) => {
ids.push(item.id);
});
return ids;
},
importCityIds() {
let ids = [];
this.importCityList.forEach((item) => {
ids.push(item.id);
});
return ids;
},
},
methods: {
changeLined(e) {
this.selectLine = this.routerList.find(
(item) => item.id == this.handlerParams.lineId
);
this.calculationPrice();
},
//getDictData,
onTableMounted(e) {
// console.warn('onTableMounted', e)
},
getProdAtrr(ids) {
if (!ids) return "";
let attr = [];
let attrIds = ids.split(",");
this.productAttrList.forEach((item) => {
if (
attrIds.indexOf(item.id) > -1 ||
attrIds.indexOf(item.id + "") > -1
) {
attr.push(this.$l(item, "attrName"));
}
});
return attr.join(",");
},
/** 查询列表 */
getCurrencyLabel(id) {
var label = this.currencyList.filter((item) => item.id == id);
if (label.length > 0)
return this.$i18n.locale == "zh_CN"
? label[0].titleZh
: label[0].titleEn;
return "";
},
getChannel() {
if (
!this.order ||
!this.order.channelId ||
this.order.transportId == 1 ||
this.order.transportId == 2
)
return;
getChannel(this.order.channelId).then((res) => {
this.channelName =
this.$i18n.locale == "zh_CN" ? res.data.nameZh : res.data.nameEn;
});
},
getList() {
let that = this;
that.loading = true;
getExceptionById(that.orderExceptionId).then((response) => {
that.orderExceptionData = response.data;
that.loading = false;
that.orderId = response.data.orderId;
that.getOrderData();
if (that.orderExceptionData.orderExceptionAttr) {
that.handlerParams.fileList =
that.orderExceptionData.orderExceptionAttr.split(",");
}
if (that.orderExceptionData.orderExceptionRemark) {
that.orderExceptionData.orderExceptionRemark = JSON.parse(
that.orderExceptionData.orderExceptionRemark
);
}
if (that.orderExceptionData.additionalJson) {
that.orderExceptionData.additionalJson = JSON.parse(
that.orderExceptionData.additionalJson
);
}
// if(response.data.hasOwnProperty('orderItemId')){
// that.getShopData(response.data.orderItemId)
// }
if (
that.orderExceptionData.orderExceptionType == "order_pay_exception"
) {
that.getOrderFeeByIdData();
that.getPreExceptionData();
}
if (that.orderExceptionData.orderExceptionStatus > 0) {
that.getOrderExcptionResult();
that.$set(
that.handlerParams,
"orderExceptionStatus",
that.orderExceptionData.orderExceptionStatus
);
}
});
},
// 获取路线
getOpenedRouterList() {
let params = {};
if (
this.orderData.departureVO &&
this.orderData.departureVO.departureId
) {
params.startCityId = this.orderData.departureVO.departureId;
}
if (
this.orderData.objectiveVO &&
this.orderData.objectiveVO.objectiveId
) {
params.destCityId = this.orderData.objectiveVO.objectiveId;
}
if (this.orderData.transportId) {
params.transportType = this.orderData.transportId;
}
// 始发，目的和运输方式都没有的时候不获取
if (!params.startCityId && !params.destCityId && !params.transportType)
return false;
getOpenedRouterList(params).then((res) => {
this.routerList = res.data.filter((item) => {
return (
this.exportCityIds.indexOf(item.startCityId) > -1 &&
this.importCityIds.indexOf(item.destCityId) > -1
);
});
if (
this.orderExceptionData.orderExceptionType == "channel_exception" ||
this.orderExceptionData.orderExceptionType ==
"not_shipping_channel_exception"
) {
//not_shipping_channel_exception 不可出渠道异常
this.selectLine = this.routerList.find(
(item) => item.id == this.handlerParams.lineId
);
}
});
},
changeExceptionStatus() {
this.$set(this.handlerParams, "orderExceptionHandlerResult", "");
},
//订单详情
getOrderData() {
//not_shipping_channel_exception 不可出渠道异常
getOrder(this.orderId).then((response) => {
this.orderData = response.data;
const orderItem = this.orderData.orderItemVOList.find(item => item.orderItemId === this.orderExceptionData.orderItemId)
console.log("uniChangable", this.orderExceptionData.orderExceptionStatus,
this.orderExceptionData.orderExceptionType,
orderItem?.oneSeaFreight, orderItem?.oneClearanceFreight)
// 待处理 且 単询异常 且 清关费和运费为0则可以修改单位
if(
this.orderExceptionData.orderExceptionStatus == 0 &&
this.orderExceptionData.orderExceptionType === "line_loop_exception" &&
orderItem && orderItem.oneSeaFreight === 0 && orderItem.oneClearanceFreight === 0
){
this.unitChangable = true
}else this.unitChangable = false
if (this.orderData.channelId != 0) {
this.channelList.map((v) => {
if (v.channelId == this.orderData.channelId) {
this.handlerParams.channelId = this.orderData.channelId;
}
});
}
this.handlerParams.lineId = this.orderData.lineId;
if (response.data.customerId) {
this.getCustomerData(response.data.customerId);
}
if (
[
"overweight_exception",
"line_weight_exception",
"not_shipping_channel_exception",
"channel_packaging_overweight_exception",
"channel_exception",
].indexOf(this.orderExceptionData.orderExceptionType) > -1
) {
// this.handlerParams.channelPriceList = []
this.getOpenedRouterList();
// if(this.orderExceptionData.orderExceptionStatus==0){
// this.orderData.orderItemVOList.map(v=>{
// if(!v.oneSeaFreight){
// v.seaFreightCurrency = this.currencyList[0]['id']
// v.seaFreightVolume = this.unitList[1]['id']
// }
// if(!v.oneClearanceFreight){
// v.clearanceFreightCurrency = this.currencyList[0]['id']
// v.clearanceFreightVolume = this.unitList[1]['id']
// }
// })
// }
}
if (
this.orderExceptionData.orderExceptionType == "line_loop_exception"
) {
this.getExceptionPriceList("line_loop_exception", 1);
}
if (
this.handlerParams.orderExceptionHandlerResult == "continue_channel"
) {
this.getExceptionPriceList("continue_channel", 1);
}
if (
[
"overweight_exception",
"line_weight_exception",
"channel_packaging_overweight_exception",
].indexOf(this.orderExceptionData.orderExceptionType) > -1
) {
if (
this.orderExceptionData.orderExceptionStatus != "0" &&
this.handlerParams.orderExceptionHandlerResult == "allow_over"
) {
this.getExceptionPriceList("continue_channel", 2);
} else {
this.getExceptionPriceList("line_loop_exception", 1);
}
}
});
},
getCustomerData(id) {
getCustomer(id).then((res) => {
this.customerData = res.data;
});
},
//获取异常结果
getOrderExcptionResult() {
getOrderExcptionResult({ orderExceptionId: this.orderExceptionId }).then(
(res) => {
this.handlerParams = Object.assign(
this.handlerParams,
res.data.list[0]
);
if (!this.orderExceptionData.handlerTime) {
this.orderExceptionData.handlerTime =
this.handlerParams.handlerTime;
}
if (this.handlerParams.handlerRemark) {
this.$set(
this.handlerParams,
"orderExceptionHandlerRemark",
this.handlerParams.handlerRemark
);
}
if (this.handlerParams.handlerResult) {
this.$set(
this.handlerParams,
"orderExceptionHandlerResult",
this.handlerParams.handlerResult
);
}
if (this.handlerParams.productId) {
this.productId2 = this.productId1 = this.handlerParams.productId;
}
if (this.orderExceptionData.orderExceptionStatus == 0) {
if (
(this.orderExceptionData.orderExceptionType ==
"overweight_exception" ||
this.orderExceptionData.orderException ==
"line_weight_exception") &&
this.orderExceptionData.additionalJson &&
this.orderExceptionData.additionalJson.weightSum
) {
this.$set(
this.handlerParams,
"weightLimit",
this.orderExceptionData.additionalJson.weightSum
);
}
if (
this.orderExceptionData.orderExceptionType ==
"channel_packaging_overweight_exception" &&
this.orderExceptionData.additionalJson &&
this.orderExceptionData.additionalJson.packagingWeightSum
) {
this.$set(
this.handlerParams,
"weightLimit",
this.orderExceptionData.additionalJson.packagingWeightSum
);
}
} else {
this.$set(
this.handlerParams,
"weightLimit",
this.handlerParams.weightLimit
);
}
}
);
},
getOrderFeeByIdData() {
getOrderFeeById({ id: this.orderId }).then((response) => {
this.orderFee = response.data;
this.handlerParams.orderExceptionHandlerResult =
this.orderFee.result[0];
// if(this.orderExceptionData.orderExceptionStatus==2){
// this.getOrderExcptionResult()
// }
});
},
getPreExceptionData() {
getFirstReceivableListByOrderId({ id: this.orderId }).then((response) => {
this.preException = response.data;
// this.preException.forEach(item=>{
// var curr = getDictData('shipping_price_unit', item.currencyId)
// if(curr.label == this.$t('美元')){
// item.doller = item.totalAmount
// }
// })
});
},
/* getShopData(id){
getOrderItemById(id).then(res=>{
this.shopData = res.data
})
}, */
handleSelectionChange(val) {
this.multipleSelection = val;
},
// 根据线路id显示线路名称
getRouterNameById() {
if (this.orderData.logisticsInfoDto) {
return (
this.$t("从") +
this.$t("【") +
this.orderData.logisticsInfoDto.startTitleZh +
this.$t("】") +
this.$t("发往") +
this.$t("【") +
this.orderData.logisticsInfoDto.destTitleZh +
this.$t("】")
);
}
return this.$t("无");
},
//新增异常处理结果切换
handlerResultChange() {
// if(this.orderExceptionData.orderExceptionType=='goods_add_exception'){
// this.productId1 = this.handlerParams.productId
// this.productId2 = this.handlerParams.productId
// }
if (
this.orderExceptionData.orderExceptionType ==
"not_shipping_channel_exception" ||
this.orderExceptionData.orderExceptionType == "channel_exception"
) {
this.getOpenedRouterList();
}
},
submitForm() {
if (!this.handlerParams.orderExceptionHandlerResult) {
this.$modal.msgError(this.$t("请选择处理结果"));
return;
}
if (
this.orderExceptionData.orderExceptionType == "order_doc_exception" &&
this.handlerParams.fileList &&
this.handlerParams.fileList.length > 0
) {
// if(!this.handlerParams.fileList||this.handlerParams.fileList.length==0){
// this.$modal.msgError(this.$t('请上传报关资料'));
// return
// }
this.handlerParams.files = Array.isArray(this.handlerParams.fileList)
? this.handlerParams.fileList.join(",")
: this.handlerParams.fileList;
}
if (
this.orderExceptionData.orderExceptionType == "goods_add_exception" &&
this.handlerParams.orderExceptionHandlerResult == "goods_absent"
) {
this.$redirect(
"/product/product-list?prodId=" + this.handlerParams.productId
);
return;
}
if (
this.orderExceptionData.orderExceptionType == "goods_add_exception" &&
this.handlerParams.orderExceptionHandlerResult == "goods_exists"
) {
if (this.productId1) {
this.handlerParams.productId = this.productId1;
} else {
this.$modal.msgError(this.$t("请选择产品"));
return;
}
}
if (
(this.orderExceptionData.orderExceptionType ==
"not_shipping_channel_exception" &&
this.handlerParams.orderExceptionHandlerResult == "change_channel") ||
(this.orderExceptionData.orderExceptionType == "channel_exception" &&
this.handlerParams.orderExceptionHandlerResult ==
"set_shipment_channel")
) {
if (
!this.handlerParams.channelId ||
this.handlerParams.channelId == 0
) {
this.$modal.msgError(this.$t("请选择出货渠道"));
return;
}
if (!this.handlerParams.lineId || this.handlerParams.lineId == 0) {
this.$modal.msgError(this.$t("请选择线路"));
return;
}
}
if (
([
"channel_packaging_overweight_exception",
"line_weight_exception",
"overweight_exception",
].indexOf(this.orderExceptionData.orderExceptionType) > -1 &&
this.handlerParams.orderExceptionHandlerResult ==
"update_weight_limit") ||
(["line_weight_exception"].indexOf(
this.orderExceptionData.orderExceptionType
) > -1 &&
this.handlerParams.orderExceptionHandlerResult ==
"change_line_weight")
) {
if (!this.handlerParams.weightLimit) {
if (
this.orderExceptionData.orderExceptionType ==
"line_weight_exception"
) {
this.$modal.msgError(this.$t("请输入路线重量上限"));
} else {
this.$modal.msgError(this.$t("请输入空运订单上限"));
}
return;
}
}
if (
[
"line_loop_exception",
"channel_packaging_overweight_exception",
"line_weight_exception",
"overweight_exception",
"not_shipping_channel_exception",
].indexOf(this.orderExceptionData.orderExceptionType) > -1
) {
if (
this.orderExceptionData.orderExceptionType == "line_loop_exception" ||
((this.orderExceptionData.orderExceptionType ==
"channel_packaging_overweight_exception" ||
this.orderExceptionData.orderExceptionType ==
"overweight_exception") &&
this.handlerParams.orderExceptionHandlerResult == "allow_over")
) {
this.handlerParams.orderItemVOList = this.loopOrderItem;
} else {
this.handlerParams.orderItemVOList = this.orderData.orderItemVOList;
}
this.handlerParams.channelPriceList = [];
let priceUnit = false;
this.handlerParams.orderItemVOList.map((v) => {
if (v.charging == 1) {
if (!v.seaFreightCurrency || !v.seaFreightVolume) {
priceUnit = true;
}
} else {
if (
!v.seaFreightCurrency ||
!v.seaFreightVolume ||
!v.clearanceFreightCurrency ||
!v.clearanceFreightVolume
) {
priceUnit = true;
}
}
var listItem = {
orderId: v.orderId,
orderItemId: v.orderItemId,
charging: v.charging,
freightFee: v.oneSeaFreight,
isPayAdvance: v.isPayAdvance || 0,
freightCurrencyId: v.seaFreightCurrency,
freightUnitId: v.seaFreightVolume,
clearanceFee: v.oneClearanceFreight,
clearanceCurrencyId: v.clearanceFreightCurrency,
clearanceUnitId: v.clearanceFreightVolume,
};
this.handlerParams.channelPriceList.push(listItem);
});
if (priceUnit) {
this.$modal.msgError(
this.$t("请先去设置运费或清关费本身的货币单位、计价单位")
);
return;
}
}
handlerExceptionByExceptionId(this.handlerParams).then((res) => {
this.$modal.msgSuccess(this.$t("提交成功"));
this.$redirect("/order/pending?id=" + this.orderData.orderId);
});
},
/** 跟进按钮操作 */
handleAdd() {
this.$router.push({
path: "/financial/creatCollection?receiptId=0",
query: {
orderId: this.orderId,
},
});
},
// 取消审核
cancelAudit() {
this.$prompt("请输入取消原因", {
inputPattern: /[\S]+/,
inputErrorMessage: this.$t("不能为空"),
})
.then(({ value }) => {
return cancelProcessInstance(this.orderExceptionData.bpmId, value);
})
.then((res) => {
this.getList();
});
},
getFileName(fileName) {
var fileArr = fileName.split("/");
return fileArr[fileArr.length - 1];
},
getFileFormat(fileName) {
var fileArr = this.getFileName(fileName).split(".");
return fileArr[fileArr.length - 1];
},
// 打开预览
onClickOpenPreview(val, index) {
this.TragetPic = {
// 当前点击的文件
FileName: this.getFileName(val), // 文件名称
name: this.getFileName(val), // 文件名称（可以不传）
format: this.getFileFormat(val), // 文件格式
url: val, // 预览地址
downUrl: "", // 下载地址
}; // 目标对象
var fileArr = this.handlerParams.fileList;
fileArr.forEach((item) => {
// 需要预览的文件数组（可以传空数组就是单张预览）
let obj = {
FileName: this.getFileName(item),
name: this.getFileName(item),
format: this.getFileFormat(item),
url: item,
downUrl: "",
};
this.FilePreAll.push(obj);
});
console.log(this.FilePreAll);
this.IsPreview = true; // 打开预览弹窗
this.timers = new Date().getTime(); // 刷新预览地址
},
// 关闭预览
onClickClosePreview(val) {
this.IsPreview = val; // 由组件内部传入的关闭数据赋值关闭
},
onProductChange(product) {
if (!product) {
this.productId1 = null;
this.productId2 = null;
return false;
}
this.productId1 = product.id;
this.productId2 = product.id;
},
//不可出渠道异常 ，未报价跳转
routeToPrice(row, index) {
if (index == 2) {
this.$router.push("/product/product-list?prodId=" + row.prodId);
return;
}
// 未报价异常lk ,
if (row.orderItemId) {
var productData = this.orderData.orderItemVOList.find(
(item) => item.orderItemId == row.orderItemId
);
if (productData) {
getProduct(productData.prodId).then((res) => {
let params = {
product_id: productData.prodId,
product_type: res.data.typeId,
transportId: this.orderData.transportId,
exportCity: this.orderData.logisticsInfoDto.startCityId,
importCity: this.orderData.logisticsInfoDto.destCityId,
startWarehouseId:
this.orderData.logisticsInfoDto.startWarehouseId,
destWarehouseId: this.orderData.logisticsInfoDto.destWarehouseId,
lineId: this.orderData.logisticsInfoDto.lineId,
channelId: this.orderData.logisticsInfoDto.channelId,
};
let queryParams = {
productId: productData.prodId,
lineId: this.orderData.logisticsInfoDto.lineId,
channelId: this.orderData.logisticsInfoDto.channelId,
};
let url = "";
if ([3, 4].indexOf(this.orderData.transportId) > -1) {
url =
"../../lineProject/product-price/edit-air?" +
new URLSearchParams(params).toString();
} else {
url =
"../../lineProject/product-price/edit-sea?" +
new URLSearchParams(params).toString();
}
getProductPriceGetPrice(queryParams).then((res) => {
console.log(res);
if (res.data) {
if ([3, 4].indexOf(+this.orderData.transportId) > -1) {
url =
"../../lineProject/product-price/edit-air?action=update&id=" +
res.data.id;
} else {
url =
"../../lineProject/product-price/edit-sea?action=update&id=" +
res.data.id;
}
}
return this.$router.push(url);
});
/* +productData.prodId
+'&product_type='+res.data.typeId
+'&transportId='+this.orderData.transportId
+'&exportCity='+this.orderData.logisticsInfoDto.startCityId+'&importCity='+this.orderData.logisticsInfoDto.destCityId */
});
}
} else {
return this.$confirm(
this.$t("数据缺少orderItemId参数，确定要跳转设置路线价格么？")
).then((res) => {
let url = "";
if ([3, 4].indexOf(this.orderData.transportId) > -1) {
url = "../../lineProject/product-price/edit-air?";
} else {
url = "../../lineProject/product-price/edit-sea?";
}
this.$router.push(url);
});
}
},
// 计算商品运费(根据货值计算保费)
calculationPrice() {
this.$forceUpdate();
let calcable = true;
if (!this.orderData.orderItemVOList.length) return false;
this.orderData.orderItemVOList.forEach((item) => {
if (!item.prodId) {
calcable = false;
}
//alert(item.oneClearanceFreight);
});
console.log("calculationPrice", this.handlerParams.channelId);
if (this.calculating || !calcable) return false;
this.calculating = true;
//console.log("calculating ---> ");
const params = {
lineId: this.handlerParams.lineId,
transportId: this.orderData.transportId,
channelId:
[3, 4].indexOf(this.orderData.transportId) > -1
? this.handlerParams.channelId
: undefined,
prodConditionParamList: this.getProductListWithDefaultValue(),
orderType: this.orderData.orderType,
};
// if(this.handlerParams.channelId){
// params.channelId = this.handlerParams.channelId
// }
this.$set(this.handlerParams, "channelId", this.handlerParams.channelId);
calculationPrice(params)
.then((res) => {
this.orderData.orderItemVOList.map((item, index) => {
//清关价问题关键点在这，后台获取的值的变量名称换了
item.oneClearanceFreight =
res.data.prodCostDtoList[index].oneClearanceFee;
//alert( item.oneClearanceFreight);
item.clearanceFreightCurrency =
res.data.prodCostDtoList[index].clearanceFeeCurrency;
item.clearanceFreightVolume =
res.data.prodCostDtoList[index].clearanceFeeVolume;
item.oneSeaFreight = res.data.prodCostDtoList[index].oneFreight;
item.seaFreightCurrency =
res.data.prodCostDtoList[index].freightCurrency;
item.seaFreightVolume =
res.data.prodCostDtoList[index].freightVolume;
});
})
.finally(() => {
this.calculating = false;
});
},
// 体积。件数，数量，重量为选填，但是接口确实必填，所以生成一个副本并赋予默认值
getProductListWithDefaultValue() {
let arr = [];
this.orderData.orderItemVOList.forEach((item) => {
let tmp = { ...item };
if (!tmp.volume) tmp.volume = 1;
if (!tmp.weight) tmp.weight = 1;
if (!tmp.quantity) tmp.quantity = 1;
if (!tmp.num) tmp.num = 1;
tmp.orderType = item.orderItemType;
//包装类型
tmp.packaging = item.unit;
arr.push(tmp);
});
return arr;
},
//获取提交的不可出渠道异常商品清关费
getExceptionPriceList(type, index) {
let that = this;
that.loopOrderItem = [];
if (type == "line_loop_exception") {
that.orderData.orderItemVOList.map((v, i) => {
if (
that.orderExceptionData.orderExceptionType ==
"channel_packaging_overweight_exception"
) {
if (
that.orderExceptionData.additionalJson &&
that.orderExceptionData.additionalJson.orderItemIdList.indexOf(
v.orderItemId
) > -1
) {
that.loopOrderItem.push(v);
}
} else {
if (v.orderItemId == that.orderExceptionData.orderItemId) {
that.loopOrderItem.push(v);
}
}
});
console.log(that.loopOrderItem);
} else {
getOrderExceptionChannelPriceList({
orderId: that.orderId,
exceptionId: parseInt(that.orderExceptionId),
exceptionResultId: that.handlerParams.id,
}).then((res) => {
if (res.code == 0) {
if (res.data.length > 0) {
that.orderData.orderItemVOList.map((v) => {
var item = res.data.find(
(vs) => vs.orderItemId == v.orderItemId
);
if (item) {
v.oneSeaFreight = item.freightFee;
v.seaFreightCurrency = item.freightCurrencyId;
v.seaFreightVolume = item.freightUnitId;
v.oneClearanceFreight = item.clearanceFee;
v.clearanceFreightCurrency = item.clearanceCurrencyId;
v.clearanceFreightVolume = item.clearanceUnitId;
}
if (item && index == 2) {
that.loopOrderItem.push(v);
}
});
}
}
});
}
},
},
};
</script>
<style scoped>
.link-text {
margin-top: 20px;
}
.link-text span {
font-size: 16px;
font-weight: 600;
margin-right: 20px;
}
.card-title {
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
.header {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.card {
margin: 20px 0;
}
.price_list {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.price_label {
width: 112px;
font-weight: 700;
text-align: right;
margin-right: 6px;
font-size: 14px;
color: #606266;
}
.channel {
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.dialog-footer {
padding: 40px;
width: 60%;
align-items: center;
display: flex;
/* justify-content: space-between; */
}
.filelist {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
}
.filelist span {
color: #1e98d7;
}
.red {
color: red;
}
.button {
margin-left: 40px;
}
.feeList {
display: flex;
flex-direction: column;
}
::v-deep .el-input--medium .el-input__inner {
padding: 0 4px;
}
::v-deep .el-table th.el-table__cell > .cell {
padding: 0 2px !important;
}
::v-deep .el-table td.el-table__cell div {
padding: 0 2px !important;
}
.w100 {
width: 100px;
}
.overweight_order {
display: flex;
align-items: center;
margin-top: 20px;
}
.overweight_order span {
font-size: 14px;
}
</style>