xuechunyuan
3 years ago
parent
a7e890ae9d
commit
8000ab007c
9 changed files with 551 additions and 286 deletions
@ -0,0 +1,18 @@ |
||||
import request from '@/util/axios' |
||||
|
||||
//列表
|
||||
export const queryExpressList = (param) => request({ |
||||
url: '/sjapi/list', |
||||
method: 'post', |
||||
data: param |
||||
}); |
||||
|
||||
//列表
|
||||
export const queryExpressDetail = (param) => request({ |
||||
url: '/pollapi/poll/query.do', |
||||
method: 'post', |
||||
headers: { |
||||
'Content-Type': 'application/x-www-form-urlencoded' |
||||
}, |
||||
params: param |
||||
}); |
||||
@ -0,0 +1,215 @@ |
||||
<template> |
||||
<div class="container_box"> |
||||
<el-form :inline="true" :model="queryForm" class="demo-form-inline" size="small"> |
||||
<el-form-item label="快递单号"> |
||||
<el-input v-model="queryForm.courierNumber" placeholder="快递单号" clearable></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="下单时间"> |
||||
<el-date-picker @change="changeSearchDate" v-model="queryForm.dateRange" type="daterange" range-separator="至" |
||||
start-placeholder="开始日期" end-placeholder="结束日期"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
<el-form-item label="快递类型"> |
||||
<el-select v-model="queryForm.expressType" placeholder="快递类型"> |
||||
<el-option label="全部" value=""></el-option> |
||||
<el-option :key="value" v-for="(key, value) in expressTypeList" :label="value" :value="value"></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button type="primary" @click="onSubmit">搜 索</el-button> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-upload ref="upload" class="upload-demo" action="/sjapi/send" :show-file-list="false" :on-success="uploadSuccess" |
||||
:on-error="uploadError" :limit="1"> |
||||
<el-button size="small">导 入</el-button> |
||||
</el-upload> |
||||
</el-form-item> |
||||
</el-form> |
||||
<el-table :data="expressData" size="small" border style="width: 100%"> |
||||
<el-table-column prop="orderTime" label="下单时间" width="180"> |
||||
<template slot-scope="scope"> |
||||
{{ dateFormatter(scope.row.orderTime) }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="courierNumber" label="快递单号"> |
||||
<template slot-scope="scope"> |
||||
<el-button @click="queryExpressDetail(scope.row)" type="text">{{ scope.row.courierNumber }}</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="expressType" label="快递类型"> |
||||
</el-table-column> |
||||
<el-table-column prop="placeOfOrigin" label="发件地"> |
||||
</el-table-column> |
||||
<el-table-column prop="destination" label="收件地"> |
||||
</el-table-column> |
||||
<el-table-column prop="addressee" label="收件人"> |
||||
</el-table-column> |
||||
<el-table-column prop="cellphoneNumber" label="收件人手机号"> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div style="margin-top:20px;"> |
||||
<el-pagination background :page-sizes="[10, 20, 50]" @size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" :current-page="pagination.page" |
||||
layout="total, sizes,prev, pager, next, jumper" :total="total"> |
||||
</el-pagination> |
||||
</div> |
||||
<!-- 快递100物流跟踪记录 --> |
||||
<el-dialog title="物流进度" :visible.sync="dialogVisible" :close-on-click-moda="false"> |
||||
<div style="height:400px;overflow-y:auto;font-size:12px;line-height:18px;text-align:left;"> |
||||
<div style="display:flex;margin-bottom:10px;" v-for="(item, index) in expressRecord" :key="'record' + index"> |
||||
<div style="width:120px;">{{ item.ftime }}</div> |
||||
<div style="flex:1;">{{ item.context }}</div> |
||||
</div> |
||||
</div> |
||||
<div slot="footer" class="dialog-footer" style="text-align:center;"> |
||||
<el-button size="small" @click="dialogVisible = false">关 闭</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { queryExpressList, queryExpressDetail } from "@/api/sjApi"; |
||||
import { dateFormat } from "@/util/date"; |
||||
import md5 from "js-md5"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
queryForm: { |
||||
courierNumber: '', |
||||
expressType: '', |
||||
dateRange: '', |
||||
}, |
||||
pagination: { |
||||
page: 1, |
||||
size: 10 |
||||
}, |
||||
total: 0, |
||||
expressData: [],//快递列表 |
||||
expressTypeList: { |
||||
'圆通速递': 'yuantong', |
||||
'韵达快递': 'yunda', |
||||
'中通快递': 'zhongtong', |
||||
'申通快递': 'shentong', |
||||
'极兔速递': 'jtexpress', |
||||
'邮政快递包裹': 'youzhengguonei', |
||||
'顺丰速运': 'shunfeng', |
||||
'EMS': 'ems', |
||||
'京东物流': 'jd', |
||||
},//快递类型 |
||||
dialogVisible: false, |
||||
expressRecord: [], //快递跟踪记录 |
||||
}; |
||||
}, |
||||
mounted() { |
||||
this.queryList(); |
||||
}, |
||||
methods: { |
||||
//日期范围 |
||||
changeSearchDate(date) { |
||||
if (date == null) { |
||||
this.queryForm.dateRange = ''; |
||||
} |
||||
}, |
||||
//快递列表 |
||||
queryList() { |
||||
let param = JSON.parse(JSON.stringify(this.queryForm)); |
||||
if (this.queryForm.dateRange) { |
||||
param.startTime = dateFormat(new Date(this.queryForm.dateRange[0]), 'yyyy-MM-dd hh:mm:ss'); |
||||
param.endTime = dateFormat(new Date(this.queryForm.dateRange[1]), 'yyyy-MM-dd') + ' 23:59:59'; |
||||
} |
||||
param.page = this.pagination.page; |
||||
param.size = this.pagination.size; |
||||
let _param = {}; |
||||
Object.keys(param).map(item => { |
||||
if (param[item] && item) { |
||||
_param[item] = param[item]; |
||||
} |
||||
}) |
||||
queryExpressList(_param).then(res => { |
||||
if (res.code == 200) { |
||||
this.total = res.total; |
||||
this.expressData = res.data; |
||||
} |
||||
|
||||
}) |
||||
}, |
||||
//分页 |
||||
handleSizeChange(val) { |
||||
//改变size 重新查询 |
||||
this.pagination.size = val; |
||||
this.pagination.page = 1; |
||||
this.queryList(); |
||||
}, |
||||
handleCurrentChange(val) { |
||||
this.pagination.page = val; |
||||
this.queryList(); |
||||
}, |
||||
//搜索查询 |
||||
onSubmit() { |
||||
this.pagination.page = 1; |
||||
this.queryList(); |
||||
}, |
||||
//excel导入 |
||||
uploadSuccess(response, file, fileList) { |
||||
if(response.code == 200) { |
||||
this.$message.success('导入成功'); |
||||
this.$refs.upload.clearFiles(); |
||||
this.pagination.page = 1; |
||||
this.queryList(); |
||||
} |
||||
}, |
||||
uploadError(err, file, fileList) { |
||||
console.log('导入失败', err) |
||||
}, |
||||
//快递100 |
||||
queryExpressDetail(row) { |
||||
let param = { |
||||
customer: "15A684C85BB850280B92FC3F5FBD4585", |
||||
sign: "", |
||||
param: JSON.stringify({ |
||||
"com": this.expressTypeList[row.expressType], |
||||
"num": row.courierNumber, |
||||
"phone": row.cellphoneNumber, |
||||
"from": "", |
||||
"to": "", |
||||
"resultv2": "4", |
||||
"show": "0", |
||||
"order": "desc" |
||||
}) |
||||
} |
||||
param.sign = md5(param.param + 'vERvNXiK9181' + param.customer).toUpperCase(); |
||||
queryExpressDetail(param).then(res => { |
||||
this.expressRecord = res.data; |
||||
this.dialogVisible = true; |
||||
}) |
||||
}, |
||||
//日期格式化 |
||||
dateFormatter(date) { |
||||
return dateFormat(new Date(date), 'yyyy/MM/dd hh:mm:ss') |
||||
} |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.container_box { |
||||
font-size: 12px; |
||||
height: 100%; |
||||
background: #fff; |
||||
padding: 20px; |
||||
|
||||
.demo-form-inline { |
||||
text-align: left; |
||||
|
||||
.el-form-item { |
||||
margin-bottom: 20px !important; |
||||
} |
||||
} |
||||
|
||||
::v-deep .el-form-item__label { |
||||
float: left; |
||||
font-size: 12px; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue