<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
>
<el-form-item :label="$t('编号')" prop="orderNo">
<el-input
v-model.trim="noParam.value"
:placeholder="$t('请输入订单号、唛头、提单号')"
clearable
@input="replaceSpace(noParam, 'value')"
@keyup.enter.native="handleQuery"
>
<template slot="prepend">
<dict-selector
:type="DICT_TYPE.ORDER_QUERY_NO_FIELD"
defaultable
v-model="noParam.key"
class="w-50"
/>
</template>
</el-input>
</el-form-item>
<!-- <el-form-item :label="$t('唛头')" prop="marks">
<el-input v-model="queryParams.marks" :placeholder="$t('唛头')" clearable @keyup.enter.native="handleQuery" />
</el-form-item> -->
<el-form-item :label="$t('发货人')" prop="consignorKey">
<el-input
v-model.trim="queryParams.consignorKey"
:placeholder="$t('发货人')"
clearable
@keyup.enter.native="handleQuery"
@input="replaceSpace(queryParams, 'consignorKey')"
/>
</el-form-item>
<el-form-item :label="$t('收货人')" prop="consigneeKey">
<el-input
v-model.trim="queryParams.consigneeKey"
:placeholder="$t('收货人')"
clearable
@keyup.enter.native="handleQuery"
@input="replaceSpace(queryParams, 'consigneeKey')"
/>
</el-form-item>
<el-form-item label="">
<dict-selector
:type="DICT_TYPE.ECW_BEGINTIME_TYPE_ENDTIME"
:filter="(item) => item.value != 'PickTime'"
v-model="dateFilterType"
defaultable
style="width: 150px; margin-right: 5px"
/>
<el-date-picker
v-model="dateFilter"
type="datetimerange"
range-separator="-"
:start-placeholder="$t('开始日期')"
:end-placeholder="$t('结束日期')"
value-format="yyyy-MM-dd HH:mm:ss"
@change="handleQuery"
>
</el-date-picker>
</el-form-item>
<div>
<el-form-item :label="$t('始发仓')" prop="startWarehouseIds">
<el-select
v-model="queryParams.startWarehouseIds"
multiple
:placeholder="$t('请选择始发仓')"
clearable
@change="handleQuery"
>
<el-option
v-for="item in exportWarehouseList"
:label="$l(item, 'title')"
:value="item.id"
:key="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('目的国')" prop="destCountryId">
<el-select
v-model="destCountryId"
multiple
:label="destCountryId"
:placeholder="$t('请选择目的国')"
clearable
@change="handleQuery"
>
<el-option
v-for="item in AddressProvince"
:key="item.guojia"
:label="item.guojiaName"
:value="item.guojia"
></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('目的城市')" prop="objectiveId">
<el-select
v-model="objectiveId"
multiple
:placeholder="$t('请选择目的城市')"
style="width: 200px"
clearable
@change="handleQuery"
>
<el-option
v-for="item in AddressCity"
:key="item.shi"
:label="item.shiName"
:value="item.shi"
></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('目的仓')" prop="destWarehouseId">
<el-select
v-model="destWarehouseId"
multiple
:placeholder="$t('请选择目的仓')"
style="width: 200px"
clearable
@change="handleQuery"
>
<el-option
v-for="item in AddressTown"
:key="item.id"
:label="item.titleZh"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</div>
<el-form-item
:label="$t('运输方式')"
prop="transportId"
v-if="!transportId"
>
<dict-selector
:type="DICT_TYPE.ECW_TRANSPORT_TYPE"
v-model.number="queryParams.transportId"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('商品类型')" prop="goodsTypes" v-show="showSearch">
<selector v-model="queryParams.goodsTypes" multiple :options="productAttrList" label-field="attrName" value-field="id">
</selector>
</el-form-item>
<!--
<el-form-item :label="$t('品名')" prop="prodId">
<product-selector v-model="queryParams.prodId" @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item :label="$t('品牌')" prop="brand">
<dict-selector v-model="queryParams.brand" :type="DICT_TYPE.ECW_IS_BRAND" formatter="bool" clearable
@keyup.enter.native="handleQuery" />
</el-form-item> -->
<el-form-item :label="$t('商品')" prop="tidanNo" v-show="showSearch">
<el-input
v-model.trim="prodParam.value"
:placeholder="$t('请输入商品类型、品名或品牌')"
clearable
@keyup.enter.native="handleQuery"
@input="replaceSpace(prodParam, 'value')"
>
<template slot="prepend">
<dict-selector
:type="DICT_TYPE.ORDER_QUERY_PROD_FIELD"
defaultable
v-model="prodParam.key"
class="w-50"
/>
</template>
</el-input>
</el-form-item>
<el-form-item :label="$t('控货')" prop="isCargoControl" v-show="showSearch">
<dict-selector
v-model="queryParams.isCargoControl"
:type="DICT_TYPE.INFRA_BOOLEAN_STRING"
fomatter="bool"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('入仓类型')" prop="warehouseType" v-show="showSearch">
<dict-selector
:type="DICT_TYPE.ECW_WAREHOUSING_TYPE"
v-model="queryParams.warehouseTypes"
multiple
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('客户经理')">
<user-selector
manage
v-model="queryParams.salesmanIds"
multiple
clearable
@change="handleQuery"
:prepend="{ id: 0, nickname: $t('未分配客户经理') }"
/>
</el-form-item>
<el-form-item :label="$t('动态')" prop="statusList">
<dict-selector
:type="DICT_TYPE.ORDER_STATUS"
multiple
v-model="queryParams.statusList"
@keyup.enter.native="handleQuery"
:filter="statusDictFilter"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('收货人')" v-show="showSearch">
<el-select
v-model="queryParams.hasConsignee"
:placeholder="$t('请选择')"
clearable
@change="handleQuery"
>
<el-option :label="$t('有')" :value="true"></el-option>
<el-option :label="$t('无')" :value="false"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('报关方式')" prop="customsTypes" v-show="showSearch">
<dict-selector
:type="DICT_TYPE.ECW_CUSTOMS_TYPE"
multiple
v-model="queryParams.customsTypes"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('是否齐货')" v-show="showSearch">
<!--//字段存疑-->
<dict-selector
v-model="queryParams.isNeat"
:type="DICT_TYPE.INFRA_BOOLEAN_STRING"
fomatter="bool"
clearable
@change="handleQuery"
/>
</el-form-item>
<!-- <el-form-item :label="$t('重货比')" prop="weightRatio">
<el-input style="width: 100px;" v-model="molecule" placeholder="" clearable @change="moleculeChange"
@keyup.enter.native="handleQuery" />
-
<el-input style="width: 100px;" v-model="denominator" placeholder="" clearable @change="denominatorChange"
@keyup.enter.native="handleQuery" />
</el-form-item> -->
<el-form-item :label="$t('备案属性')" prop="productRecords" v-show="showSearch">
<dict-selector
:type="DICT_TYPE.PRODUCT_RECORD_ATTRIBUTE"
multiple
v-model="queryParams.productRecords"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('快递单号')" prop="number" v-show="showSearch">
<el-input
v-model="queryParams.number"
:placeholder="$t('快递单号')"
clearable
@keyup.enter.native="handleQuery"
onkeyup="this.value=this.value.replace(/\s+/g, '')"
/>
</el-form-item>
<el-form-item :label="$t('外部仓')" prop="isExternalWarehouse" v-show="showSearch">
<el-select
v-model="queryParams.isExternalWarehouse"
:placeholder="$t('请选择')"
clearable
@change="handleQuery"
>
<el-option :label="$t('外部仓')" value="true"></el-option>
<el-option :label="$t('自有仓')" value="false"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('异常状态')" prop="abnormalStateList" v-show="showSearch">
<dict-selector
:type="DICT_TYPE.ORDER_ABNORMAL_STATE"
multiple
v-model="queryParams.abnormalStateList"
@keyup.enter.native="handleQuery"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('审核状态')" prop="auditTypeList" v-show="showSearch">
<dict-selector
:type="DICT_TYPE.ECW_ORDER_APPROVAL_TYPE"
multiple
v-model="queryParams.auditTypeList"
@keyup.enter.native="handleQuery"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('增值服务')" prop="types" v-show="showSearch">
<el-select
v-model="queryParams.types"
multiple
:placeholder="$t('请选择')"
clearable
@change="handleQuery"
>
<el-option :label="$t('普通订单')" :value="0"></el-option>
<el-option :label="$t('集运服务')" :value="1"></el-option>
<el-option :label="$t('海外仓')" :value="2"></el-option>
</el-select>
</el-form-item>
<!--空运多一个出货渠道筛选-->
<el-form-item
:label="$t('出货渠道')"
prop="channelIds"
v-if="channelList.length"
>
<selector
:clearable="true"
:options="channelList"
:label-field="$l('name')"
value-field="channelId"
v-model="queryParams.channelIds"
multiple
></selector>
</el-form-item>
<el-form-item :label="$t('特需')" prop="packageType" v-show="showSearch">
<el-select
v-model="queryParams.packageTypeArr"
multiple
:placeholder="$t('请选择')"
clearable
>
<template v-for="item in getDictDatas(DICT_TYPE.ORDER_SPECIAL_NEEDS)">
<el-option
:label="$l(item, 'label')"
:value="item.value"
></el-option>
</template>
</el-select>
</el-form-item>
<el-form-item :label="$t('提货状态')" v-show="showSearch">
<dict-selector
:type="DICT_TYPE.PICK_STATE"
multiple
v-model="queryParams.pickStateList"
clearable
@change="handleQuery"
/>
</el-form-item>
<el-form-item :label="$t('提货率')" v-show="showSearch">
<el-input
type="number"
v-model.trim="pickRatio.value"
:placeholder="$t('请输入数字')"
clearable
@keyup.enter.native="handleQuery"
>
<template slot="prepend">
<dict-selector
:type="DICT_TYPE.PICK_RATIO_FIELD"
defaultable
v-model="pickRatio.key"
class="w-50"
/>
</template>
</el-input>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
:loading="loading"
>{{ $t("搜索") }}</el-button
>
<el-button icon="el-icon-refresh" @click="resetQuery">{{
$t("重置")
}}</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5" v-if="transportId">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ecw:order:create']"
>{{ $t("新增") }}</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-button type="primary" plain icon="el-icon-setting" size="mini" @click="handleEdit" :disabled="!batchWarehouseAdjustment">{{$t('批量调仓')}}-->
<!-- </el-button>-->
<el-button
type="primary"
v-hasPermi="['ecw:order:batch_release']"
plain
icon="el-icon-setting"
size="mini"
@click="showBatchPickup = true"
>{{ $t("批量提货") }}</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
:loading="exportLoading" v-hasPermi="['ecw:order:export']">{{$t('导出')}}</el-button> -->
<el-dropdown
v-hasPermi="
isAll
? ['ecw:order:export', 'ecw:order:export:other']
: [exportPermiString]
"
>
<el-button type="primary" :loading="exportLoading" size="mini">
{{ $t("导出") }} <i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
v-hasPermi="[exportPermiString]"
@click.native="exportChecked"
>{{ $t("导出勾选") }}</el-dropdown-item
>
<el-dropdown-item
v-hasPermi="[exportPermiString]"
@click.native="exportSearch"
>{{ $t("导出搜索") }}</el-dropdown-item
>
<template v-if="isAll">
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportAbnormal"
>{{ $t("异常单统计") }}</el-dropdown-item
>
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportHeavyOrder"
>{{ $t("重货单统计") }}</el-dropdown-item
>
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportReturnOrder"
>{{ $t("退仓单统计") }}</el-dropdown-item
>
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportSaleRepay"
>{{ $t("售后赔偿金额统计") }}</el-dropdown-item
>
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportCustomsDatas"
>{{ $t("报关数据统计") }}</el-dropdown-item
>
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportShippingDatas"
>{{ $t("客户出货量统计") }}</el-dropdown-item
>
<el-dropdown-item
hasPermi="[exportPermiString]"
@click.native="exportShipFee"
>{{ $t("预付运费统计") }}</el-dropdown-item
>
</template>
</el-dropdown-menu>
</el-dropdown>
</el-col>
<el-col :span="15" v-if="statistics">
<!-- 订单列表显示搜索条件对应箱数、仓库实测、收款方数、重量 -->
{{
$t(
"合计：{totalNum}箱，{totalVolume}m³(测) {totalChargeVolume}m³(重) {totalWeight}KG(测), {totalChargeWeight}kg(收费)",
statistics
)
}}
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table
v-loading="loading"
:data="list"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
:label="$t('订单编号')"
width="120px"
align="center"
prop="orderNo"
>
<template slot-scope="scope">
<router-link
:to="{
path: '/order/detail',
query: { orderId: scope.row.orderId },
}"
class="link-type"
>
<span>{{ scope.row.orderNo }}</span>
</router-link>
<div
style="display: flex; flex-wrap: wrap"
v-if="scope.row.advanceType"
>
<el-button
@click="deleteSpecial(item.value, scope.row.orderId)"
size="mini"
style="margin-left: 20px"
type="danger"
circle
v-for="(item, index) in specialRendering(scope.row.advanceType)"
:key="index"
>{{ item.symbol }}</el-button
>
</div>
</template>
</el-table-column>
<el-table-column :label="$t('发货人编号')" align="center">
<template slot-scope="{ row }">
<router-link :to="`/customer/query/${row.consignorCustomerId}`" class="link-type">
{{row.consignorCustomerNumber}}
</router-link>
</template>
</el-table-column>
<el-table-column :label="$t('收货人编号')" align="center" prop="consigneeCustomerNumber">
<template slot-scope="{ row }">
<router-link :to="`/customer/query/${row.consigneeCustomerId}`" class="link-type">
{{row.consigneeCustomerNumber}}
</router-link>
</template>
</el-table-column>
<el-table-column
:label="$t('总箱数/入仓箱数')"
align="center"
prop="sumNum"
>
<template slot-scope="{ row }">
<div :style="{ color: row.customsType != 1 ? 'red' : null }">
{{ row.totalNum }}{{ $t("箱") }}/{{ row.sumNum }}{{ $t("箱") }}
</div>
<dict-tag
v-if="row.customsType != 1"
style="color: red"
:type="DICT_TYPE.ECW_CUSTOMS_TYPE"
:value="row.customsType"
></dict-tag>
</template>
</el-table-column>
<el-table-column :label="$t('体积/重量')" align="center" prop="sumWeight">
<template slot-scope="{ row }">
<!--入仓前是填单数据，入仓后是入仓数据，装柜审核通过等状态inwarehouseState会变成0，所以只能通过sumNum来判断-->
<component
:is="row.orderType > 1 ? 'el-tooltip' : 'div'"
class="item"
:style="{
color: row.orderType > 1 ? 'red' : null,
}"
effect="dark"
:content="
row.orderType === 2
? (row.wvolume || 0) + 'm³'
: (row.vweight || 0) + 'kg'
"
placement="bottom"
>
<!-- <div v-if="row.sumNum > 0">{{row.sumVolume}}m³ /{{row.sumWeight}}Kg</div>
<div v-else>{{row.costVO.totalVolume}}m³ /{{row.costVO.totalWeight}}Kg</div> -->
<div>{{ row.sumVolume }}m³ /{{ row.sumWeight }}Kg</div>
</component>
</template>
</el-table-column>
<el-table-column
:label="$t('始发仓')"
align="center"
prop="startWarehouseName"
>
<template slot-scope="{ row }">
{{ row.startWarehouseName }}
<span style="color: red" v-if="row.isExternalWarehouse"
>({{ $t("外部仓") }})</span
>
</template>
</el-table-column>
<el-table-column
:label="$t('运输方式-渠道/目的地')"
align="center"
prop="transportId"
>
<template slot-scope="{ row }">
<dict-tag
:type="DICT_TYPE.ECW_TRANSPORT_TYPE"
:value="row.transportId"
/>
<template v-if="row.channelName">
- {{row.channelName}}
</template>
/ {{ row.dstWarehouseName }}
</template>
</el-table-column>
<el-table-column :label="$t('控货')" align="center" prop="transportId">
<template slot-scope="{ row }">
<dict-tag
:type="DICT_TYPE.INFRA_BOOLEAN_STRING"
:value="row.isCargoControl"
/>
</template>
</el-table-column>
<el-table-column :label="$t('增值服务')" align="center" prop="status">
<template slot-scope="{row}">
{{ getTypeText(row.type)}}
</template>
</el-table-column>
<el-table-column :label="$t('状态')" align="center" prop="status">
<template slot-scope="scope">
<!-- <dict-tag :type="DICT_TYPE.ORDER_STATUS" :value="scope.row.status" /> -->
{{ scope.row.statusText }}
</template>
</el-table-column>
<el-table-column :label="$t('唛头')" align="center" prop="marks" />
<el-table-column v-if="dept" :label="$t('客户经理')" align="center" prop="salesmanName" />
<el-table-column :label="$t('发货人客服')" align="center" prop="consignorFollowCustomerService" />
<el-table-column :label="$t('收货人客服')" align="center" prop="consigneeFollowCustomerService" />
<el-table-column :label="$t('到仓箱数/方数重量')" align="center" prop="status">
<template slot-scope="scope">
暂无数据
</template>
</el-table-column>
<el-table-column :label="$t('提货率')" align="center" prop="pickRatio" />
<el-table-column :label="$t('动态')" align="center" prop="statusMsg" />
<el-table-column
:label="$t('操作')"
align="center"
class-name="small-padding fixed-width actions"
width="180px"
>
<template slot-scope="scope">
<!-- 已删除的订单只需要删除和查看 https://zentao.jdshangmen.com/bug-view-684.html -->
<template v-if="scope.row.status == 88">
<el-button
type="text"
@click.native="oprateOrder(scope.row.orderId, 'deleteOrder')"
v-hasPermi="['ecw:order:delete']"
>{{ $t("删除") }}</el-button
>
</template>
<template v-else>
<!--操作相关的-->
<el-dropdown
v-hasPermi="[
'ecw:order:edit',
'ecw:order:delete',
'ecw:order:cancel',
'ecw:order:fee_apply',
'ecw:order:special',
'ecw:order:associate',
'ecw:order:mutex',
'ecw:order:release',
'ecw:order:merge',
'ecw:order:split',
'ecw:order:merge_log',
'ecw:order:split_log',
// 下面几个是特价里的
'ecw:order:discount',
'ecw:order:reduce',
'ecw:order:commission',
'ecw:order:heavy',
'ecw:order:bulky',
'ecw:order:setCanNotShipment',
]"
>
<el-button type="text">{{ $t("操作") }}</el-button>
<el-dropdown-menu slot="dropdown">
<!-- 编辑 -->
<template
v-if="
(scope.row.status < 12 ||
(scope.row.status == 12 &&
scope.row.shipmentState == 314)) &&
!scope.row.abnormalState &&
exclude(scope.row.inWarehouseState, [204, 205, 206]) &&
exclude(scope.row.shipmentState, [307, 407])
"
>
<el-dropdown-item
@click.native="handleUpdate(scope.row)"
v-hasPermi="['ecw:order:edit']"
>{{ $t("编辑") }}</el-dropdown-item
>
</template>
<!-- 删除 -->
<template v-if="include(scope.row.status, [0, 2, 88])">
<el-dropdown-item
@click.native="
oprateOrder(scope.row.orderId, 'deleteOrder')
"
v-hasPermi="['ecw:order:delete']"
>{{ $t("删除") }}</el-dropdown-item
>
</template>
<!-- 取消 -->
<template v-if="include(scope.row.status, [2])">
<el-dropdown-item
@click.native="
oprateOrder(scope.row.orderId, 'cancelOrder')
"
v-hasPermi="['ecw:order:cancel']"
>{{ $t("取消订单") }}</el-dropdown-item
>
</template>
<!-- <el-dropdown-item @click.native="oprateOrder(scope.row.orderId, 'recoveryOrder')" >{{$t('恢复订单')}}</el-dropdown-item>-->
<!-- 费用申请 -->
<template
v-if="
exclude(scope.row.status, [0, 88]) &&
exclude(scope.row.inWarehouseState, [204, 205, 206]) &&
exclude(scope.row.abnormalState, [1])
"
>
<el-dropdown-item
@click.native="
feeApplicationBol = true;
orderId = scope.row.orderId;
"
v-hasPermi="['ecw:order:fee_apply']"
>{{ $t("费用申请") }}</el-dropdown-item
>
</template>
<!-- 特需,互斥，关联 -->
<template
v-if="
include(scope.row.status, [2, 3, 5, 8, 9, 10]) &&
exclude(
scope.row.abnormalState,
[1, 99, 2, 3, 4, 9, 10, 11, 12, 14]
) &&
exclude(scope.row.inWarehouseState, [204])
"
>
<el-dropdown-item
@click.native="
orderId = scope.row.orderId;
orderNo = scope.row.orderNo;
isShow = true;
"
v-hasPermi="['ecw:order:special']"
>{{ $t("特需") }}</el-dropdown-item
>
<el-dropdown-item
@click.native="
$router.push(
`/order/associated-order/${scope.row.orderId}`
)
"
v-hasPermi="['ecw:order:associate']"
>{{ $t("关联") }}</el-dropdown-item
>
<el-dropdown-item
@click.native="
$router.push(`/order/mutex-order/${scope.row.orderId}`)
"
v-hasPermi="['ecw:order:mutex']"
>{{ $t("互斥") }}</el-dropdown-item
>
</template>
<!-- 特价 -->
<template
v-if="
exclude(scope.row.status, [0]) &&
exclude(scope.row.abnormalState, [1]) &&
exclude(scope.row.inWarehouseState, [204, 205, 206])
"
>
<!-- 特价里有多个操作，只要有其一权限就显示此菜单 -->
<el-dropdown-item
@click.native="
$router.push('/order/special/' + scope.row.orderId)
"
v-hasPermi="[
'ecw:order:discount',
'ecw:order:reduce',
'ecw:order:commission',
'ecw:order:heavy',
'ecw:order:bulky',
]"
>{{ $t("特价") }}</el-dropdown-item
>
</template>
<!-- 确认提货 -->
<template
v-if="
scope.row.status >= 5 &&
exclude(
scope.row.inWarehouseState,
[1, 99, 2, 3, 4, 9, 10, 11, 12, 14]
) &&
exclude(scope.row.inWarehouseState, [204, 205, 206]) &&
exclude(scope.row.abnormalState, [1])
"
>
<el-dropdown-item
@click.native="
$router.push(
`/order/release?orderId=${scope.row.orderId}`
)
"
v-hasPermi="['ecw:order:release']"
>{{ $t("确认提货") }}</el-dropdown-item
>
</template>
<!-- 合单，拆单 -->
<!--可出后不显示拆单（经确认合单也不显示） https://zentao.test.jdshangmen.com/bug-view-5322.html-->
<template
v-if="
([3, 4].indexOf(scope.row.transportId) < 0 ||
scope.row.airShipment < 2) &&
(scope.row.status < 12 ||
(scope.row.status == 12 &&
scope.row.shipmentState == 314)) &&
!scope.row.abnormalState &&
scope.row.status > 3 &&
exclude(
scope.row.inWarehouseState,
[204, 205, 206, 212, 213]
)
"
>
<el-dropdown-item
@click.native="
$router.push(
`/order/singleApply?orderNo=${scope.row.orderNo}`
)
"
v-hasPermi="['ecw:order:merge']"
>{{ $t("合单申请") }}</el-dropdown-item
>
<el-dropdown-item
@click.native="
$router.push(
`/order/splitApply?orderId=${scope.row.orderId}`
)
"
v-hasPermi="['ecw:order:split']"
>{{ $t("拆单申请") }}</el-dropdown-item
>
</template>
<!--撤销拆单，拆单的子订单,预装前显示，预装后变灰不可点击-->
<template
v-if="scope.row.parentOrderId && scope.row.status < 11"
>
<el-dropdown-item
@click.native="splitRevoke(scope.row)"
v-hasPermi="['ecw:order:split_revoke']"
>{{ $t("撤销拆单") }}</el-dropdown-item
>
</template>
<template v-if="scope.row.parentOrderId">
<el-dropdown-item
@click.native="showParentOrder(scope.row)"
>{{ $t("查看母订单") }}</el-dropdown-item
>
</template>
<!-- 合单日志，提货日志 -->
<template v-if="scope.row.status > 2">
<el-dropdown-item
@click.native="showMergedLogOrderNo = scope.row.orderNo"
v-hasPermi="['ecw:order:merge_log']"
>{{ $t("合单日志") }}</el-dropdown-item
>
<el-dropdown-item
@click.native="showPickupLogOrderNo = scope.row.orderNo"
v-hasPermi="['ecw:order:split_log']"
>{{ $t("提货日志") }}</el-dropdown-item
>
</template>
<!--变更出货渠道-->
<template v-if="scope.row.transportId == 3">
<el-dropdown-item
@click.native="handleUpdate(scope.row, true)"
v-hasPermi="['ecw:order:update_channel']"
>{{ $t("变更出货渠道") }}</el-dropdown-item
>
</template>
<!--不可出-->
<template
v-if="
include(scope.row.airShipment, [2, 3, 4]) &&
scope.row.status < 11
"
>
<el-dropdown-item
@click.native="setCanNotShipment(scope.row)"
v-hasPermi="['ecw:order:setCanNotShipment']"
>{{ $t("不可出") }}</el-dropdown-item
>
</template>
<!--转异-->
<el-dropdown-item
@click.native="handleException(scope.row)"
v-hasPermi="['ecw:order:turnException']"
>{{ $t("转异") }}</el-dropdown-item
>
<template
v-if="scope.row.abnormalState != 0"
>
<el-dropdown-item
@click.native="openException(scope.row)"
>{{ $t("查看异常") }}</el-dropdown-item
>
<el-dropdown-item
@click.native="openException(scope.row)"
>{{ $t("处理异常") }}</el-dropdown-item
>
</template>
</el-dropdown-menu>
</el-dropdown>
<template
v-if="
exclude(
scope.row.status,
[0, 11, 12, 13, 14, 15, 17, 18, 32]
) && exclude(scope.row.inWarehouseState, [204, 205, 206])
"
>
<!-- <el-divider direction="vertical"></el-divider> -->
<!--仓库相关的-->
<el-dropdown
v-hasPermi="[
'ecw:order:warehouse_add',
'ecw:order:warehouse_update',
'ecw:order:warehouse_exit',
'ecw:order:warehouse_adjustment',
'ecw:order:warehouse_transfer',
'ecw:order:warehouse_arrive',
'ecw:order:stocking',
]"
>
<el-button type="text">{{ $t("仓库") }}</el-button>
<el-dropdown-menu slot="dropdown">
<!-- 入仓操作 -->
<template
v-if="
include(scope.row.status, [0, 2]) ||
scope.row.inWarehouseState == 208
"
>
<el-dropdown-item
@click.native="
$router.push(
'/order/warehousing?id=' + scope.row.orderId
)
"
v-hasPermi="['ecw:order:warehouse_add']"
>{{ $t("入仓操作") }}</el-dropdown-item
>
</template>
<!-- 入仓补充 -->
<template
v-if="
include(
scope.row.inWarehouseState,
[201, 202, 202, 210, 202, 211, 202, 214, 215, 216]
) && include(scope.row.status, [2, 3, 5, 10, 9, 8])
"
>
<el-dropdown-item
@click.native="
$router.push(
'/order/warehousing-add?id=' + scope.row.orderId
)
"
v-hasPermi="['ecw:order:warehouse_replenish']"
>{{ $t("入仓补充") }}</el-dropdown-item
>
</template>
<!-- 入仓修改 -->
<template
v-if="
include(
scope.row.inWarehouseState,
[
201, 202, 207, 202, 209, 210, 202, 211, 202, 214, 215,
216, 204, 205,
]
) &&
scope.row.status != 11 &&
exclude(scope.row.shipmentState, [314, 315, 317, 318])
"
>
<el-dropdown-item
@click.native="
$router.push(
'/order/warehousing-update?id=' + scope.row.orderId
)
"
v-hasPermi="['ecw:order:warehouse_update']"
:disabled2="scope.row.parentOrderId"
>{{ $t("入仓修改") }}</el-dropdown-item
>
</template>
<!-- 退仓 -->
<template
v-if="
(include(
scope.row.inWarehouseState,
[202, 210, 211, 214, 215, 216]
) &&
exclude(scope.row.abnormalState, [1])) ||
include(scope.row.status, [16])
"
>
<el-dropdown-item
@click.native="
show = true;
orderId = scope.row.orderId;
"
v-hasPermi="['ecw:order:warehouse_exit']"
>{{ $t("退仓") }}</el-dropdown-item
>
</template>
<!-- 调仓 -->
<template
v-if="
(include(
scope.row.inWarehouseState,
[202, 207, 209, 210, 202, 211, 212, 215, 216, 218]
) ||
(include(scope.row.status, [16]) &&
exclude(scope.row.inWarehouseState, [213, 214]))) &&
exclude(
scope.row.abnormalState,
[1, 99, 2, 3, 4, 9, 10, 11, 12, 14]
)
"
>
<el-dropdown-item
@click.native="
orderId = scope.row.orderId;
warehouseBol = true;
"
v-hasPermi="['ecw:order:warehouse_adjustment']"
>{{ $t("调仓") }}</el-dropdown-item
>
</template>
<!-- 取消调仓 -->
<!-- <template v-if="
include(scope.row.inWarehouseState, [212,213,214])
">
<el-dropdown-item @click.native="$alert('// TODO')" >{{$t('取消调仓')}}</el-dropdown-item>
</template> -->
<!-- 调拨出仓 -->
<template v-if="include(scope.row.inWarehouseState, [213])">
<el-dropdown-item
@click.native="
$router.push({
path:
'/order/transfer-warehousing/' +
scope.row.orderId +
'/' +
1,
})
"
v-hasPermi="['ecw:order:warehouse_transfer']"
>{{ $t("调拨出仓") }}</el-dropdown-item
>
</template>
<!-- 调拨到仓 -->
<template v-if="include(scope.row.inWarehouseState, [214])">
<el-dropdown-item
@click.native="
$router.push({
path:
'/order/transfer-to-warehouse/' +
scope.row.orderId +
'/' +
2,
})
"
v-hasPermi="['ecw:order:warehouse_arrive']"
>{{ $t("调拨到仓") }}</el-dropdown-item
>
</template>
<!--开始备货-->
<!--需要异常处理后才能备货 https://zentao.test.jdshangmen.com/bug-view-4736.html-->
<template
v-if="
include(scope.row.airShipment, [2]) &&
scope.row.abnormalState === 0
"
>
<el-dropdown-item
@click.native="
$router.push({
path: '/order/stocking?id=' + scope.row.orderId,
})
"
v-hasPermi="['ecw:order:stocking']"
>{{ $t("开始备货") }}</el-dropdown-item
>
</template>
<!--修改备货-->
<template
v-if="
include(scope.row.airShipment, [3, 4, 10]) &&
scope.row.abnormalState === 0 &&
scope.row.status <= 5
"
>
<el-dropdown-item
@click.native="
$router.push({
path:
'/order/stocking?action=update&id=' +
scope.row.orderId,
})
"
v-hasPermi="['ecw:order:stocking_update']"
>{{ $t("修改备货") }}</el-dropdown-item
>
</template>
</el-dropdown-menu>
</el-dropdown>
</template>
<!-- <el-divider direction="vertical" v-if="scope.row.status != 0"></el-divider> -->
<!--打印相关的-->
<el-dropdown
v-if="scope.row.status != 0"
v-hasPermi="[
'ecw:order:print_tag',
'ecw:order:warehouse_receipt',
'ecw:order:landing_bill',
]"
>
<el-button type="text">{{ $t("打印") }}</el-button>
<el-dropdown-menu slot="dropdown">
<!-- 打印标签 -->
<template
v-if="
exclude(scope.row.status, [0]) &&
exclude(scope.row.abnormalState, [5, 6, 7, 8])
"
>
<el-dropdown-item
@click.native="printTag(scope.row)"
v-hasPermi="['ecw:order:print_tag']"
>{{ $t("打印标签") }}</el-dropdown-item
>
</template>
<!-- 打印入仓单 -->
<template
v-if="
exclude(scope.row.status, [0, 2]) &&
exclude(scope.row.abnormalState, [5, 6, 7, 8])
"
>
<el-dropdown-item
@click.native="
printWarehouseReceiptOrderId = scope.row.orderId
"
v-hasPermi="['ecw:order:warehouse_receipt']"
>{{ $t("打印入仓单") }}</el-dropdown-item
>
</template>
<!-- 打印提单 -->
<el-dropdown-item
@click.native="printLadingBillOrderId = scope.row.orderId"
:disabled="!scope.row.tidanNo"
v-hasPermi="['ecw:order:landing_bill']"
>{{ $t("打印提单") }}</el-dropdown-item
>
</el-dropdown-menu>
</el-dropdown>
<el-button type="text" @click="handleCopyOrder(scope.row.orderId)">{{$t('复制')}}</el-button>
</template>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.rows"
@pagination="getList"
/>
<special-needs
:orderNo="orderNo"
:show.sync="isShow"
:currency="JSON.stringify(currencyList)"
:order-id="orderId"
@determine="getList"
></special-needs>
<print-tag
v-if="printTagOrderId !== null"
:order-id="printTagOrderId"
@close="printTagOrderId = null"
:warehouse-in-num="printTagWarehouseInNum"
/>
<print-warehouse-receipt
v-if="printWarehouseReceiptOrderId !== null"
:order-id="printWarehouseReceiptOrderId"
@close="printWarehouseReceiptOrderId = null"
/>
<print-lading-bill
v-if="printLadingBillOrderId !== null"
:order-id="printLadingBillOrderId"
@close="printLadingBillOrderId = null"
/>
<batch-pickup
v-if="showBatchPickup"
@close="onBatchClose"
@success="onBatchClose"
/>
<withdrawal
v-if="show"
:dialog-visible="show"
:orderId="orderId"
></withdrawal>
<batch-single-application
@getList="getList"
:order-list="orderId"
:dialog-visible.sync="warehouseBol"
></batch-single-application>
<fee-application
v-if="feeApplicationBol"
:order-id="orderId"
:currencys="JSON.stringify(currencyList)"
:dialog-visible.sync="feeApplicationBol"
></fee-application>
<merge-log
:order-no="showMergedLogOrderNo"
v-if="showMergedLogOrderNo !== null"
@close="showMergedLogOrderNo = null"
/>
<pickup-log
v-if="showPickupLogOrderNo"
:order-no="showPickupLogOrderNo"
@close="showPickupLogOrderNo = null"
@delete="getList"
/>
<SplitRevoke
v-if="splitRevokeOrderId"
:order-id="splitRevokeOrderId"
@close="
splitRevokeOrderId = null;
getList();
"
></SplitRevoke>
<turn-exception
v-if="!!tureExceptionOrder"
ref="turnException"
:order-no="tureExceptionOrder.orderNo"
:order-id="tureExceptionOrder.orderId"
@done="handleTurnExceptionDone"
@cancel="handleExceptionClose"></turn-exception>
</div>
</template>
<script>
//图片上传组件 lanbm 2024-06-19 add
import imageUpload from "@/components/ImageUpload";
import Selector from "@/components/Selector";
import ProductSelector from "@/components/ProductSelector";
import { getProductAttrList } from "@/api/ecw/productAttr";
import CustomerSelector from "@/components/CustomerSelector";
import specialNeeds from "@/views/ecw/order/components/specialNeeds";
import {
createOrder,
updateOrder,
deleteOrder,
getOrder,
getOrderPage,
exportOrderExcel,
orderSpecialNeed,
cancelOrder,
recoveryOrder,
getMyOrderPage,
deptOrderPage,
orderStatistics,
orderMyStatistics,
orderDeptStatistics,
orderExportSearch,
orderExportMySearch,
orderExportDeptSearch,
exportAbnormal,
exportHeavyOrder,
exportReturnOrder,
exportSaleRepay,
exportCustomsDatas,
exportShippingDatas,
exportShipFee,
exportUnload,
splitCancelApply,
orderSplitRevoke,
setCanShipment,
setCanNotShipment,
getParentOrder,
getRegionList, copyOrder
} from '@/api/ecw/order'
/* import { getDictDatas, DICT_TYPE } from '@/utils/dict'; */
import PrintTag from "./components/PrintTag";
import PrintWarehouseReceipt from "./components/PrintWarehouseReceipt";
import PrintLadingBill from "./components/PrintLadingBill";
import BatchPickup from "./components/BatchPickup";
import withdrawal from "@/views/ecw/order/withdrawal";
import UserSelector from "@/components/UserSelector";
import BatchSingleApplication from "@/views/ecw/order/batchSingleApplication";
import FeeApplication from "@/views/ecw/order/feeApplication";
import MergeLog from "@/views/ecw/order/components/MergeLog";
import PickupLog from "./components/PickupLog";
import { getWarehouseList } from "@/api/ecw/warehouse";
import { getCurrencyPage } from "@/api/ecw/currency";
import SplitRevoke from "@/views/ecw/order/components/SplitRevoke";
import { getChannelList } from "@/api/ecw/channel";
import Template from "@/views/cms/template/index.vue";
import { getDictDatas } from "@/utils/dict";
import TurnException from '@/views/ecw/order/components/TurnException.vue'
export default {
name: "EcwOrderIndex",
components: {
TurnException,
Template,
UserSelector,
FeeApplication,
BatchSingleApplication,
MergeLog,
PickupLog,
SplitRevoke,
CustomerSelector,
ProductSelector,
Selector,
specialNeeds,
PrintTag,
PrintWarehouseReceipt,
PrintLadingBill,
BatchPickup,
withdrawal,
imageUpload, //图片上传组件
},
props: {
mine: Boolean, // 标识我的订单列表
dept: Boolean, // 标识部门订单列表
},
data() {
return {
AddressCity: [],
AddressProvince: [],
AddressTown: [],
destCountryId: null,
objectiveId: null,
destWarehouseId: null,
// 选中数组
ids: [],
//目的国
countryList: [],
//目的城市
cityList: [],
//目的仓
destWarehouseList: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 遮罩层
loading: true,
// 导出遮罩层
exportLoading: false,
// 显示搜索条件
showSearch: false,
// 总条数
total: 0,
// 订单列表
list: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
page: 1,
rows: 10,
packageTypeArr: [],
channelIds: [],
goodsTypes:[]
},
warehouseList: [],
//tradeCityList: [],
productAttrList: [], // 商品属性
molecule: "", //重货比分子
denominator: "", //重货比分母
dateFilterType: "", //日期筛选类别
dateFilter: [], //筛选日期
errorShow: false, //是否显示转异对话框 lanbm 2024-06-19 add
printTagOrderId: null, // 显示打印标签的订单ID
printTagWarehouseInNum: 0, // 打印标签的订单入仓箱数
printWarehouseReceiptOrderId: null, // 打印入仓单的订单ID
printLadingBillOrderId: null, // 打印提单的订单ID
showBatchPickup: false, // 是否显示批量提货弹窗
showMergedLogOrderNo: null, // 显示合单日志订单号
showPickupLogOrderNo: null, // 显示提货日志的订单号
isShow: false, //特殊显示
orderId: undefined,
adjustmentList: [],
show: false,
warehouseBol: false, //调仓申请
feeApplicationBol: false, //费用申请
multipleSelection: [],
transportId: null, // 指定运输方式
transportList: [],
orderNo: "",
params: {
page: 1,
rows: 20,
},
currencyList: [],
statistics: null, // 统计数据
splitRevokeOrderId: null, // 撤销拆单的订单ID
// 渠道列表，空运需要渠道筛选
channelList: [],
// 编号搜索条件
noParam: {
key: "numberKey",
value: "",
},
// 商品搜索条件
prodParam: {
key: "prodKey",
value: "",
},
// 当前操作转异的订单
tureExceptionOrder: null,
pickRatio: {
key: "eqPickRatio",
value: "",
}
};
},
watch: {
isChinese() {
this.getList();
},
// provinceCode destCountryId
destCountryId: {
//监听当前地区值的变化，于与上方地区值进行了双向绑定
deep: true, //深度监听
handler() {
//每当值省份值改变时其下地区值进行清空
this.AddressCity = [];
this.AddressTown = [];
this.objectiveId = "";
this.destWarehouseId = "";
this.findByprovinceCode();
if (this.destCountryId == "") {
getRegionList(4, 4)
.then(({ data }) => {
this.AddressCity = data;
})
.catch((error) => {
console.log(error);
});
getRegionList(5, 5)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
} else if (
this.destCountryId != "" &&
this.objectiveId == "" &&
this.destWarehouseId == ""
) {
getRegionList(2, this.destCountryId)
.then(({ data }) => {
this.AddressCity = data;
})
.catch((error) => {
console.log(error);
});
getRegionList(5, 5)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
}
//重新加载目的城市
//目的城市
// getRegionList(4, 4).then(({data}) => {
// this.AddressCity = data;
// })
// .catch(error => {
// console.log(error);
// });
// getRegionList(5, 5).then(({data}) => {
// this.AddressTown = data;
// })
// .catch(error => {
// console.log(error);
// });
},
},
objectiveId: {
deep: true, //深度监听
handler() {
this.AddressTown = [];
this.destWarehouseId = "";
this.findBycityCode();
if (
this.objectiveId != "" &&
this.destCountryId != "" &&
this.destWarehouseId == ""
) {
//获取当前城市值id，获取该城市下区域
getRegionList(3, this.objectiveId)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
} else if (
this.destCountryId == "" &&
this.objectiveId == "" &&
this.destWarehouseId == ""
) {
getRegionList(5, 5)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
} else if (
this.destCountryId != "" &&
this.objectiveId == "" &&
this.destWarehouseId == ""
) {
getRegionList(2, this.destCountryId)
.then(({ data }) => {
this.AddressCity = data;
})
.catch((error) => {
console.log(error);
});
getRegionList(5, 5)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
}
// else if(this.objectiveId!="" && this.objectiveId=="" ){
// getRegionList(5, 5).then(({data}) => {
// this.AddressTown = data;
// }).catch(error => {
// console.log(error);
// });
// }
},
},
destWarehouseId: {
deep: true, //深度监听
handler() {
if (
this.objectiveId != "" &&
this.destCountryId != "" &&
this.destWarehouseId == ""
) {
//获取当前城市值id，获取该城市下区域
getRegionList(3, this.objectiveId)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
} else if (
this.destCountryId != "" &&
this.objectiveId == "" &&
this.destWarehouseId == ""
) {
getRegionList(5, 5)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
}
// else if(this.objectiveId=="" && this.destWarehouseId==""){
// getRegionList(5, 5).then(({data}) => {
// this.AddressTown = data;
// })
// .catch(error => {
// console.log(error);
// });
// }
},
},
},
computed: {
// 导出的权限字符串
exportPermiString() {
let arr = ["ecw:order:export"];
if (this.mine) arr.push("my");
if (this.dept) arr.push("dept");
if (this.transportId) arr.push(this.transportId);
return arr.join(":");
},
// 是否全部订单
isAll() {
return !(this.mine || this.dept || this.transportId);
},
isChinese() {
return this.$i18n.locale === "zh_CN";
},
exportWarehouseList() {
/* tradeType 1 进口，2出口，3进出口 */
return this.warehouseList.filter(
(item) => item.tradeType == 2 || item.tradeType == 3
);
},
// importWarehouseList(){
// return this.warehouseList.filter(item => item.tradeType == 1 || item.tradeType == 3)
// },
importCountryList() {
return this.countryList.filter((item) => item.id !== null);
},
importCityList() {
return this.cityList.filter((item) => item.id !== null);
},
importWarehouseList() {
return this.destWarehouseList.filter((item) => item.id !== null);
},
/* exportCityList() {
return this.tradeCityList.filter(item => item.type == 2)
},
importCityList() {
return this.tradeCityList.filter(item => item.type == 1)
}, */
combinedQueryParams() {
let timeParams = {};
if (this.dateFilterType && this.dateFilter) {
timeParams["begin" + this.dateFilterType] = this.dateFilter[0];
timeParams["end" + this.dateFilterType] = this.dateFilter[1];
}
let queryParams = Object.assign({}, this.queryParams, timeParams);
if (this.transportId) {
queryParams.transportId = this.transportId;
}
if (this.noParam.value) {
queryParams[this.noParam.key] = this.noParam.value;
}
if (this.prodParam.value) {
queryParams[this.prodParam.key] = this.prodParam.value;
}
//目的国
if (this.destCountryId != null && this.destCountryId != "") {
queryParams.destCountryIds = this.destCountryId;
}
//目的城市
if (this.objectiveId != null && this.objectiveId != "") {
queryParams.objectiveIds = this.objectiveId;
}
//目的仓
if (this.destWarehouseId != null && this.destWarehouseId != "") {
queryParams.destWarehouseIds = this.destWarehouseId;
}
// 提货率
if (this.pickRatio.value) {
queryParams[this.pickRatio.key] = this.pickRatio.value
}
if(queryParams.statusList?.length){
queryParams.statusString = queryParams.statusList.join(",")
}
delete queryParams.statusList
return queryParams;
},
/*batchWarehouseAdjustment(){
return this.multipleSelection.length > 0 && this.multipleSelection.every(e => e.status === 5)
},*/
include() {
return (state, arr) => {
return arr.indexOf(state) > -1;
};
},
exclude() {
return (state, arr) => {
return arr.indexOf(state) == -1;
};
},
// 增值服务文本
getTypeText(){
return type => {
const arr = []
if(type.indexOf('1') > -1){
arr.push(this.$t('集运'))
}
if(type.indexOf('2') > -1){
arr.push(this.$t('海外仓'))
}
return arr.join("、")
}
}
},
activated() {
this.getList();
},
created() {
this.init(); //
this.getTransportFromRoute();
this.getList();
getProductAttrList().then((res) => (this.productAttrList = res.data));
//getTradeCityList().then(res => this.tradeCityList = res.data)
getWarehouseList().then((res) => {
this.tradeCityList = res.data;
this.warehouseList = res.data;
});
getCurrencyPage(this.params).then(
(res) => (this.currencyList = res.data.list)
);
// 如果是空运(专线空运和海空联运)则获取渠道
//if (this.transportId == 3 || this.transportId == 4) {
getChannelList().then((res) => (this.channelList = res.data));
//}
},
methods: {
init() {
//加载时发起请求获取所有省份值
getRegionList(1, 1)
.then(({ data }) => {
this.AddressProvince = data;
console.log(this.AddressProvince);
})
.catch((error) => {
console.log(error);
});
//目的城市
getRegionList(4, 4)
.then(({ data }) => {
this.AddressCity = data;
})
.catch((error) => {
console.log(error);
});
//目的仓
getRegionList(5, 5)
.then(({ data }) => {
this.AddressTown = data;
})
.catch((error) => {
console.log(error);
});
},
findByprovinceCode() {
//获取当前省份值id，获取该省份下城市 destCountryId provinceCode
getRegionList(2, this.destCountryId)
.then(({ data }) => {
this.AddressCity = data;
})
.catch((error) => {
console.log(error);
});
},
findBycityCode() {
//获取当前城市值id，获取该城市下区域
getRegionList(3, this.objectiveId)
.then(({ data }) => {
this.AddressTown = data;
// 去重
// let uniqueDataList = data.filter((item, index, self) => {
// // 返回第一个匹配项的索引，用于判断当前项是否为第一个匹配项
// const firstIndex = self.findIndex((obj) => obj.guojia === item.guojia);
// // 如果当前项是第一个匹配项，则保留，否则过滤掉
// return index === firstIndex;
// });
// this.AddressProvince = uniqueDataList
})
.catch((error) => {
console.log(error);
});
},
getDictDatas,
// 取消拆单申请
splitRevoke(row) {
this.splitRevokeOrderId = row.orderId;
},
// 获得导出函数
getExportFunc() {
let func = orderExportSearch;
if (this.mine) func = orderExportMySearch;
if (this.dept) func = orderExportDeptSearch;
return func;
},
// 导出勾选
exportChecked() {
if (!this.ids.length) {
return this.$message.error(this.$t("请勾选需要导出的订单"));
}
return this.exportExcel(
this.getExportFunc(),
{ orderIdList: this.ids },
this.$t("导出勾选")
);
},
// 导出搜索
exportSearch() {
return this.exportExcel(
this.getExportFunc(),
this.combinedQueryParams,
this.$t("导出搜索")
);
},
// 导出异常单
exportAbnormal() {
return this.exportExcel(
exportAbnormal,
this.combinedQueryParams,
this.$t("异常单统计")
);
},
// 重货单统计
exportHeavyOrder() {
return this.exportExcel(
exportHeavyOrder,
this.combinedQueryParams,
this.$t("重货单统计")
);
},
// 退仓单统计
exportReturnOrder() {
return this.exportExcel(
exportReturnOrder,
this.combinedQueryParams,
this.$t("退仓单统计")
);
},
// 售后赔偿金额统计
exportSaleRepay() {
return this.exportExcel(
exportSaleRepay,
this.combinedQueryParams,
this.$t("售后赔偿金额统计")
);
},
// 报关数据统计
exportCustomsDatas() {
return this.exportExcel(
exportCustomsDatas,
this.combinedQueryParams,
this.$t("报关数据统计")
);
},
// 客户出货量统计
exportShippingDatas() {
return this.exportExcel(
exportShippingDatas,
this.combinedQueryParams,
this.$t("客户出货量统计")
);
},
// 预付运费统计
exportShipFee() {
return this.exportExcel(
exportShipFee,
this.combinedQueryParams,
this.$t("预付运费统计")
);
},
// 卸货费统计
exportUnload() {
return this.exportExcel(
exportUnload,
this.combinedQueryParams,
this.$t("卸货费统计")
);
},
// 通用导出函数
exportExcel(func, params, fileName = null) {
this.exportLoading = true;
func(params)
.then((res) => {
if (!fileName) {
fileName = this.$t("订单");
}
this.$message.success(
this.$t("已加入导出队列，请稍后在下载日志中下载")
);
// this.$download.excel(res, fileName + '.xls');
})
.finally(() => {
this.exportLoading = false;
});
},
// 提取路径中的运输方式
getTransportFromRoute() {
let match = this.$route.path.match(/transport_(\d)/);
if (!match) return;
this.transportId = match[1];
},
oprateOrder(orderId, type) {
let actions = {
cancelOrder: {
callable: cancelOrder,
confirm: this.$t("确定要取消此订单么？"),
},
recoveryOrder: {
callable: recoveryOrder,
confirm: this.$t("确定要恢复此订单么？"),
},
deleteOrder: {
callable: deleteOrder,
confirm: this.$t("确定要删除此订单么？"),
},
};
let action = actions[type];
if (!action) {
return this.$alert("不支持此操作");
}
this.$confirm(action.confirm)
.then(() => {
return action.callable(orderId);
})
.then(() => {
this.getList();
});
},
/** 查询列表 */
getList() {
this.loading = true;
const query = { ...this.combinedQueryParams };
if (query.packageTypeArr && query.packageTypeArr.length) {
query.packageType = query.packageTypeArr.join(",");
}
let func = getOrderPage;
if (this.mine) {
func = getMyOrderPage;
/* return getMyOrderPage(this.combinedQueryParams).then(response => {
this.list = response.data.list;
this.total = response.data.total;
this.loading = false;
}); */
} else if (this.dept) {
func = deptOrderPage;
}
// 执行查询
func(query).then((response) => {
// 部分情况下，订单后面的操作下拉菜单会显示按钮，但是下来没有选项，在elTable组件更新的时候会导致渲染错误，所以要在更新渲染前清空一次list让table彻底重新渲染，避免部分更新导致异常
this.list = [];
this.$nextTick(() => {
this.list = response.data.list;
});
this.total = response.data.total;
this.loading = false;
});
this.getStatistics();
},
// 获得统计数据
getStatistics() {
let func = orderStatistics;
if (this.mine) {
func = orderMyStatistics;
} else if (this.dept) {
func = orderDeptStatistics;
}
const query = { ...this.combinedQueryParams };
if (query.packageTypeArr && query.packageTypeArr.length) {
query.packageType = query.packageTypeArr.join(",");
delete query.packageTypeArr;
}
func(query).then((res) => {
this.statistics = res.data;
});
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.page = 1;
this.$nextTick(this.getList);
},
/** 重置按钮操作 */
resetQuery() {
this.queryParams = {
page: 1,
rows: 10,
packageTypeArr: [],
channelId: '',
goodsTypes: [],
channelIds: []
};
this.destCountryId = null
this.destWarehouseId = null
this.objectiveId = null
this.pickRatio.value = ''
this.noParam.value = "";
this.prodParam.value = "";
this.dateFilter = [];
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.$router.push("create?transportType=" + this.transportId);
},
/** 修改按钮操作, updateChannel表示变更出货渠道 */
handleUpdate(row, updateChannel = false) {
let url = "edit?id=" + row.orderId;
if (updateChannel) {
url += "&updateChannel=1";
}
this.$router.push(url);
},
/** 导出按钮操作 */
handleExport() {
// 处理查询参数
// 执行导出
this.$modal
.confirm(this.$t("是否确认导出所有订单数据项?"))
.then(() => {
this.exportLoading = true;
return exportOrderExcel(this.combinedQueryParams);
})
.then((response) => {
this.$download.excel(response, "${table.classComment}.xls");
this.exportLoading = false;
})
.catch(() => {});
},
// 表格多选
handleSelectionChange(selection) {
this.multipleSelection = selection;
this.ids = selection.map((item) => item.orderId);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
handleEdit() {
this.warehouseBol = true;
this.orderId = this.ids.join(",");
},
moleculeChange() {},
denominatorChange() {},
specialRendering(val) {
console.log("val", val);
if (val !== undefined) {
let i = val.split(",");
return this.getDictDatas(this.DICT_TYPE.ORDER_SPECIAL_NEEDS)
.filter((e) => {
return i.indexOf(e.value) > -1;
})
.map((item) => {
// 打字开头的用最后一个字，否则取第一个字
item.symbol =
item.label[0] == "打"
? item.label[item.label.length - 1]
: item.label[0];
return item;
});
}
},
deleteSpecial(id, orderId) {
this.$confirm(this.$t("确定删除此特需么?"))
.then(() => {
return orderSpecialNeed({ orderId: orderId, advanceType: id });
})
.then(() => {
this.getList();
});
},
onBatchClose() {
this.showBatchPickup = false;
this.handleQuery();
},
// 打印标签
printTag(order) {
this.printTagOrderId = order.orderId;
this.printTagWarehouseInNum = order.sumNum;
},
// 过滤订单状态筛选字典内容
statusDictFilter(item) {
if (this.transportId == 3 && item.cssClass && item.cssClass != "air") {
return false;
}
if (this.transportId == 1 && item.cssClass && item.cssClass != "sea") {
return false;
}
if (
this.transportId == 4 &&
item.cssClass &&
item.cssClass != "sea-air"
) {
return false;
}
return true;
},
// 设置空运订单不可出
async setCanNotShipment(order) {
await this.$confirm(
this.$t("确定设置订单{orderNo}不可出么？", { orderNo: order.orderNo })
);
setCanNotShipment(order.orderId).then((res) => {
this.$message(this.$t("操作成功"));
this.getList();
});
},
// 查看母订单
showParentOrder(row) {
getParentOrder(row.orderId).then((res) => {
this.$router.push("./detail?orderId=" + res.data.orderId);
});
},
oprateOrder2(row, type) {
//lanbm 2024-06-19 添加的转异功能
this.order.orderNo = row.orderNo;
this.errorShow = true;
},
async handleException(order) {
this.tureExceptionOrder = order
await this.$nextTick()
this.$refs.turnException?.show()
},
handleTurnExceptionDone(){
this.tureExceptionOrder = null
this.getList()
},
handleExceptionClose() {
this.tureExceptionOrder = null;
},
// 复制订单
handleCopyOrder(orderId){
copyOrder(orderId).then(res => {
this.$router.push({ path: '/order/edit', query: { id: res.data } });
});
},
// 查看异常
openException(order){
this.$router.push({
path: "./pending?id=" + order.orderId,
});
},
// 自动去除空格
replaceSpace(obj, field){
obj[field] = obj[field].replace(/\s+/g, '');
}
},
};
</script>
<style lang="scss" scoped>
::v-deep .actions {
.el-dropdown {
margin-right: 10px;
&:last-child {
margin-right: 0;
}
}
}
</style>