Commit 2316c39e authored by ylpmty's avatar ylpmty

订单详情

parent 3a60611b
...@@ -135,6 +135,7 @@ export const DICT_TYPE = { ...@@ -135,6 +135,7 @@ export const DICT_TYPE = {
CONTROL_GOODS_STATUS: 'control_goods_status', //控货状态 CONTROL_GOODS_STATUS: 'control_goods_status', //控货状态
DISBURSEMENT_TYPE: 'disbursement_type', //垫付类型 DISBURSEMENT_TYPE: 'disbursement_type', //垫付类型
DRAWEE: 'drawee', // 付款人 DRAWEE: 'drawee', // 付款人
BEGINTIME_TYPE_ENDTYPE: 'begintime_type_endtime', //时间筛选类别
} }
/** /**
......
<template> <template>
<div class="app-container"> <div class="app-container">
<el-card class="card"> <el-card class="card">
<div slot="header" class="card-title">订单详情-EC00636U-CNG2506-01</div> <div slot="header" class="card-title">订单详情{{list.orderNo}}-{{list.orderId}}</div>
<div slot="header" class="card-title">订单编号:EC00636U</div> <div slot="header" class="card-title">订单编号:{{list.orderNo}}</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-descriptions class="margin-top" border title="发货人" :column="2"> <el-descriptions class="margin-top" border title="发货人" :column="2">
<el-descriptions-item label="发货人">kooriookami</el-descriptions-item> <el-descriptions-item label="发货人">{{list.consignorVO.name}}</el-descriptions-item>
<el-descriptions-item label="发货人电话">18100000000</el-descriptions-item> <el-descriptions-item label="发货人电话">{{list.consignorVO.phone}}</el-descriptions-item>
<el-descriptions-item label="发货人邮箱">18100000000</el-descriptions-item> <el-descriptions-item label="发货人邮箱">{{list.consignorVO.email}}</el-descriptions-item>
<el-descriptions-item label="发货人公司名称"> <el-descriptions-item label="发货人公司名称">
<el-tag size="small">学校学校学校学校</el-tag> <el-tag size="small">{{list.consignorVO.company}}</el-tag>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-descriptions class="margin-top" border title="收货人" :column="2"> <el-descriptions class="margin-top" border title="收货人" :column="2">
<el-descriptions-item label="收货人">kooriookami</el-descriptions-item> <el-descriptions-item label="收货人">{{list.consigneeVO.name}}</el-descriptions-item>
<el-descriptions-item label="收货人电话">18100000000</el-descriptions-item> <el-descriptions-item label="收货人电话">{{list.consigneeVO.phone}}</el-descriptions-item>
<el-descriptions-item label="收货人邮箱">18100000000</el-descriptions-item> <el-descriptions-item label="收货人邮箱">{{list.consigneeVO.email}}</el-descriptions-item>
<el-descriptions-item label="收货人公司名称"> <el-descriptions-item label="收货人公司名称">
<el-tag size="small">学校学校学校学校</el-tag> <el-tag size="small">{{list.consigneeVO.company}}</el-tag>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </el-card>
<el-card class="card"> <el-card class="card">
<div slot="header" class="card-title">物流信息/基础信息</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-descriptions class="margin-top" border title="物流信息" :column="2"> <el-descriptions class="margin-top" border title="物流信息" :column="2">
<el-descriptions-item label="始发仓">广州仓</el-descriptions-item> <el-descriptions-item label="始发仓">{{list.logisticsInfoDto.startTitleZh}}</el-descriptions-item>
<el-descriptions-item label="目的仓">Dubai</el-descriptions-item> <el-descriptions-item label="目的仓">{{list.logisticsInfoDto.destTitleZh}}</el-descriptions-item>
<el-descriptions-item label="地址" :span="2">广州市白云区鹤边鹤泰二横路民通院内第一栋捷道仓库E&C(收货时间周一至周六10:00-19:30) <el-descriptions-item label="地址" :span="2">{{list.logisticsInfoDto.startAddressZh}}</el-descriptions-item>
</el-descriptions-item> <el-descriptions-item label="运输方式">{{list.logisticsInfoDto.transportId | transportFilter(transportList)}}</el-descriptions-item>
<el-descriptions-item label="运输方式">海运拼柜</el-descriptions-item> <el-descriptions-item label="出货渠道">{{list.logisticsInfoDto.startTitleZh}}</el-descriptions-item>
<el-descriptions-item label="出货渠道">/</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-descriptions class="margin-top" border title="基础信息" :column="2"> <el-descriptions class="margin-top" border title="基础信息" :column="2">
<el-descriptions-item label="唛头">kooriookami</el-descriptions-item> <el-descriptions-item label="唛头">{{list.marks}}</el-descriptions-item>
<el-descriptions-item label="送货时间">2022-05-22</el-descriptions-item> <el-descriptions-item label="送货时间"></el-descriptions-item>
<el-descriptions-item label="是否控货"></el-descriptions-item> <el-descriptions-item label="是否控货">{{list.isCargoControl?'':''}}</el-descriptions-item>
<el-descriptions-item label="填单信息">22箱 1000KG 14</el-descriptions-item> <el-descriptions-item label="填单信息">{{list.sumNum}}{{list.sumWeight}}Kg {{list.sumVolume}}</el-descriptions-item>
<el-descriptions-item label="仓库实测">123箱 900Kg 11.23m³</el-descriptions-item> <el-descriptions-item label="仓库实测"></el-descriptions-item>
<el-descriptions-item label="收款数据">123箱 900Kg 11.23m³</el-descriptions-item> <el-descriptions-item label="收款数据"></el-descriptions-item>
<el-descriptions-item label="入仓类型">一次到齐</el-descriptions-item> <el-descriptions-item label="入仓类型"></el-descriptions-item>
<el-descriptions-item label="单证报关">我司全代</el-descriptions-item> <el-descriptions-item label="单证报关">{{list.customsType | customsTypeFilter(customsTypeList)}}</el-descriptions-item>
<el-descriptions-item label="代收货款">是(50000美元)</el-descriptions-item> <el-descriptions-item label="代收货款">{{list.isCollection?'':''}}</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </el-card>
<el-card class="card"> <el-card class="card">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName">
<el-tab-pane label="货物详情" name="first"> <el-tab-pane label="货物详情" name="first">
<el-table :data="tableData" border style="width: 100%"> <el-table :data="list.orderItemVOList" border style="width: 100%">
<el-table-column prop="date" label="中文品名" /> <el-table-column prop="prodTitleZh" label="中文品名" />
<el-table-column prop="name" label="英文品名" /> <el-table-column prop="prodTitleEn" label="英文品名" />
<el-table-column prop="address" label="品牌" /> <el-table-column prop="brand" label="品牌" />
<el-table-column prop="address" label="填单件数" /> <el-table-column prop="num" label="填单件数" />
<el-table-column prop="address" label="入仓件数" /> <el-table-column prop="num" label="入仓件数" />
<el-table-column prop="address" label="单位" /> <el-table-column prop="unit" label="单位" />
<el-table-column prop="address" label="货值" /> <el-table-column prop="worth" label="货值" />
<el-table-column prop="address" label="材质" /> <el-table-column prop="" label="材质" />
<el-table-column prop="address" label="体积(m3)" /> <el-table-column prop="volume" label="体积(m3)" />
<el-table-column prop="address" label="重量(kg)" /> <el-table-column prop="weight" label="重量(kg)" />
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo"
...@@ -75,16 +73,16 @@ ...@@ -75,16 +73,16 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="订单动态" name="second"> <el-tab-pane label="订单动态" name="second">
<el-timeline :reverse="true"> <el-timeline :reverse="true">
<el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp"> <el-timeline-item v-for="(activity, index) in list.orderTimeVOList" :key="index" :timestamp="activity.timestamp">
{{ activity.content }} {{ activity.titleZh }}
</el-timeline-item> </el-timeline-item>
</el-timeline> </el-timeline>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="运单资料/提货单" name="three"> <el-tab-pane label="运单资料/提货单" name="three">
<el-descriptions class="margin-top" border title="" :column="3"> <el-descriptions class="margin-top" border title="" :column="3">
<el-descriptions-item label="单票立即转运"></el-descriptions-item> <el-descriptions-item label="单票立即转运">{{list.isSingleTicketTransport?'':''}}</el-descriptions-item>
<el-descriptions-item label="包装类型">纸箱</el-descriptions-item> <el-descriptions-item label="包装类型"></el-descriptions-item>
<el-descriptions-item label="包装要求备注">多个订单一起打包,不要单独打</el-descriptions-item> <el-descriptions-item label="包装要求备注">{{list.remarks}}</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-button type="text">查看入仓单</el-button> <el-button type="text">查看入仓单</el-button>
<el-button type="text" disabled> <el-button type="text" disabled>
...@@ -109,10 +107,19 @@ ...@@ -109,10 +107,19 @@
<script> <script>
import { getOrder } from '@/api/ecw/order' import { getOrder } from '@/api/ecw/order'
import { getDictDatas, DICT_TYPE } from '@/utils/dict';
export default { export default {
name: "detail", name: "detail",
components: { components: {
},
filters: {
customsTypeFilter(e, customsTypeList) {
if (e) return customsTypeList.find(item => item.value == e).label
},
transportFilter(e, transportList) {
if (e) return transportList.find(item => item.value == e).label
}
}, },
data() { data() {
return { return {
...@@ -135,15 +142,16 @@ export default { ...@@ -135,15 +142,16 @@ export default {
}, { }, {
content: '创建成功', content: '创建成功',
timestamp: '2018-04-11' timestamp: '2018-04-11'
}] }],
}; customsTypeList: getDictDatas(DICT_TYPE.ECW_CUSTOMS_TYPE), //报关类型
transportList: getDictDatas(DICT_TYPE.ECW_TRANSPORT_TYPE), //运输方式
}
}, },
created() { created() {
if (this.$route.query.orderId) { if (this.$route.query.orderId) {
this.orderId = this.$route.query.orderId this.orderId = this.$route.query.orderId
this.getList(); this.getList();
} }
this.getList();
}, },
methods: { methods: {
/** 查询列表 */ /** 查询列表 */
......
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
<el-form-item label="收货人" prop="consigneeId"> <el-form-item label="收货人" prop="consigneeId">
<el-input v-model="queryParams.consigneeId" placeholder="收货人" clearable @keyup.enter.native="handleQuery" /> <el-input v-model="queryParams.consigneeId" placeholder="收货人" clearable @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="日期筛选">
<dict-selector :type="DICT_TYPE.BEGINTIME_TYPE_ENDTYPE" v-model="dateFilterType" style="width: 220px;margin-right: 0" />
<el-date-picker v-model="dateFilter" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item label="始发地" prop="startWarehouseId"> <el-form-item label="始发地" prop="startWarehouseId">
<el-select v-model="queryParams.startWarehouseId" placeholder="请选择始发地"> <el-select v-model="queryParams.startWarehouseId" placeholder="请选择始发地">
...@@ -54,9 +58,9 @@ ...@@ -54,9 +58,9 @@
<el-form-item label="入仓类型" prop="warehouseType"> <el-form-item label="入仓类型" prop="warehouseType">
<dict-selector :type="DICT_TYPE.ECW_WAREHOUSING_TYPE" v-model="queryParams.warehousingType" /> <dict-selector :type="DICT_TYPE.ECW_WAREHOUSING_TYPE" v-model="queryParams.warehousingType" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="跟进客服" prop=""> <el-form-item label="跟进客服" >
<customer-selector v-model="" /> <customer-selector />
</el-form-item> --> </el-form-item>
<el-form-item label="订单状态" prop="status"> <el-form-item label="订单状态" prop="status">
<dict-selector :type="DICT_TYPE.PAY_ORDER_STATUS" v-model="queryParams.status" <dict-selector :type="DICT_TYPE.PAY_ORDER_STATUS" v-model="queryParams.status"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
...@@ -65,9 +69,9 @@ ...@@ -65,9 +69,9 @@
<dict-selector :type="DICT_TYPE.ECW_CUSTOMS_TYPE" v-model="queryParams.customsType" clearable <dict-selector :type="DICT_TYPE.ECW_CUSTOMS_TYPE" v-model="queryParams.customsType" clearable
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="是否齐货" prop="customsType"> <el-form-item label="是否齐货" >
<dict-selector v-model="queryParams.isCargoControl" :type="DICT_TYPE.INFRA_BOOLEAN_STRING" fomatter="bool" /> <dict-selector v-model="queryParams.isCargoControl" :type="DICT_TYPE.INFRA_BOOLEAN_STRING" fomatter="bool" />
</el-form-item> --> </el-form-item>
<el-form-item label="重货比" prop="weightRatio"> <el-form-item label="重货比" prop="weightRatio">
<el-input style="width: 100px;" v-model="molecule" placeholder="" clearable @change="moleculeChange" <el-input style="width: 100px;" v-model="molecule" placeholder="" clearable @change="moleculeChange"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
...@@ -109,7 +113,14 @@ ...@@ -109,7 +113,14 @@
<!-- 列表 --> <!-- 列表 -->
<el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="订单编号" align="center" prop="orderNo" />
<el-table-column label="订单编号" 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>
</template>
</el-table-column>
<el-table-column label="唛头" align="center" prop="marks" /> <el-table-column label="唛头" align="center" prop="marks" />
<el-table-column label="入仓箱数" align="center" prop="sumNum" /> <el-table-column label="入仓箱数" align="center" prop="sumNum" />
<el-table-column label="入仓重量" align="center" prop="sumWeight" /> <el-table-column label="入仓重量" align="center" prop="sumWeight" />
...@@ -311,7 +322,9 @@ export default { ...@@ -311,7 +322,9 @@ export default {
tradeCityList: [], tradeCityList: [],
productAttrList: [], // 商品属性 productAttrList: [], // 商品属性
molecule: '', //重货比分子 molecule: '', //重货比分子
denominator: '' //重货比分母 denominator: '', //重货比分母
dateFilterType: '', //日期筛选类别
dateFilter: [], //筛选日期
}; };
}, },
computed: { computed: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment