@ -1,10 +1,10 @@
< template > < template >
< div class = "container_box" > < div class = "container_box" >
< el -form :inline ="true" :model ="queryForm" class = "demo-form-inline" size = "small" > < el -form :inline ="true" :model ="queryForm" class = "demo-form-inline" size = "small" >
< el -form -item label = "快递单 号" > < el -form -item label = "运单编 号" >
< el -input v -model = " queryForm.courierNumber " placeholder = "快递单 号" clearable > < / e l - i n p u t > < el -input v -model = " queryForm.courierNumber " placeholder = "运单编 号" clearable > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item label = "下单 时间" > < el -form -item label = "派件 时间" >
< el -date -picker @change ="changeSearchDate" v -model = " queryForm.dateRange " type = "daterange" range -separator = " 至 " < el -date -picker @change ="changeSearchDate" v -model = " queryForm.dateRange " type = "daterange" range -separator = " 至 "
start - placeholder = "开始日期" end - placeholder = "结束日期" > start - placeholder = "开始日期" end - placeholder = "结束日期" >
< / e l - d a t e - p i c k e r > < / e l - d a t e - p i c k e r >
@ -19,33 +19,47 @@
< el -button type = "primary" @click ="onSubmit" > 搜 索 < / el -button > < el -button type = "primary" @click ="onSubmit" > 搜 索 < / el -button >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item > < el -form -item >
< el -upload ref = "upload" class = "upload-demo" action = "/sjapi/send" :show-file-list ="false" :on-success ="uploadSuccess " < el -upload ref = "upload" class = "upload-demo" :on-change ="UploadChange" action = "http://192.168.1.38:8210/send" :show-file-list ="false "
: on - error = "uploadError" : limit = "1" > : before - upload = "handleBeforeUpload" : on - success = "uploadSuccess" : on - error = "uploadError" : limit = "1" >
< el -button size = "small" > 导 入 < / e l - b u t t o n > < el -button size = "small" v -loading .fullscreen.lock = " importLoading " > 导 入 < / e l - b u t t o n >
< / e l - u p l o a d > < / e l - u p l o a d >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - f o r m > < / e l - f o r m >
< el -table :data ="expressData" size = "small" border style = "width: 100%" > < el -table :data ="expressData" size = "small" border style = "width: 100%" v-loading ="loading" >
< el -table -column prop = "orderTime" label = "下单时间" width = "180" > <!-- < el -table -column prop = "orderTime" label = "下单时间" width = "180" >
< template slot -scope = " scope " > < template slot -scope = " scope " >
{ { dateFormatter ( scope . row . orderTime ) } } { { dateFormatter ( scope . row . orderTime ) } }
< / template > < / template >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n > - - >
< el -table -column prop = "courierNumber" label = "快递单 号" > < el -table -column prop = "courierNumber" label = "运单编 号" >
< template slot -scope = " scope " > < template slot -scope = " scope " >
< el -button @click ="queryExpressDetail(scope.row)" type = "text" > { { scope . row . courierNumber } } < / e l - b u t t o n > < el -button @click ="queryExpressDetail(scope.row)" type = "text" > { { scope . row . courierNumber } } < / e l - b u t t o n >
< / template > < / template >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "expressType" label = "快递类型" > < el -table -column prop = "expressType" label = "快递类型" >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "deliveryTime" label = "派件时间" >
< template slot -scope = " scope " >
{ { dateFormatter ( scope . row . deliveryTime ) } }
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "receiptStatus" label = "签收标识" >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "expressPlace" label = "签收网点" >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "endTime" label = "签收时间" >
< template slot -scope = " scope " >
{ { scope . row . endTime ? dateFormatter ( scope . row . endTime ) : "" } }
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column prop = "placeOfOrigin" label = "发件地" > < el -table -column prop = "placeOfOrigin" label = "发件地" >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "destination" label = "收件地" > < el -table -column prop = "destination" label = "收件地" >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "addressee" label = "收件人" > <!-- < el -table -column prop = "addressee" label = "收件人" >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "cellphoneNumber" label = "收件人手机号" > < el -table -column prop = "cellphoneNumber" label = "收件人手机号" >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n > - - >
< / e l - t a b l e > < / e l - t a b l e >
< div style = "margin-top:20px;" > < div style = "margin-top:20px;" >
< el -pagination background : page -sizes = " [ 10 , 20 , 50 ] " @size-change ="handleSizeChange" < el -pagination background : page -sizes = " [ 10 , 20 , 50 ] " @size-change ="handleSizeChange"
@ -99,6 +113,8 @@ export default {
} , / / 快 递 类 型 } , / / 快 递 类 型
dialogVisible : false , dialogVisible : false ,
expressRecord : [ ] , / / 快 递 跟 踪 记 录 expressRecord : [ ] , / / 快 递 跟 踪 记 录
loading : false ,
importLoading : false , / / 导 入 l o a d i n g
} ; } ;
} , } ,
mounted ( ) { mounted ( ) {
@ -126,13 +142,20 @@ export default {
_param [ item ] = param [ item ] ; _param [ item ] = param [ item ] ;
} }
} ) } )
this . loading = true ;
try {
queryExpressList ( _param ) . then ( res => { queryExpressList ( _param ) . then ( res => {
this . loading = false ;
if ( res . code == 200 ) { if ( res . code == 200 ) {
this . total = res . total ; this . total = res . total ;
this . expressData = res . data ; this . expressData = res . data ;
} }
} , err => {
this . loading = false ;
} ) } )
} catch ( error ) {
this . loading = false ;
}
} , } ,
/ / 分 页 / / 分 页
handleSizeChange ( val ) { handleSizeChange ( val ) {
@ -151,7 +174,24 @@ export default {
this . queryList ( ) ; this . queryList ( ) ;
} , } ,
/ / e x c e l 导 入 / / e x c e l 导 入
handleBeforeUpload ( file ) {
const isLt10M = file . size / 1024 / 1024 < 10 ;
if ( ! isLt10M ) {
this . $message . error ( '导入文件不能超过 10MB!' ) ;
} else {
this . importLoading = true ;
}
return isLt10M ;
} ,
UploadChange ( file , fileList ) {
setTimeout ( ( ) => {
this . importLoading = false ;
this . $refs . upload . clearFiles ( ) ;
this . $refs . upload . abort ( ) ;
} , 1000 * 60 * 1 ) ; / / 三 分 钟 之 后 关 闭 加 载
} ,
uploadSuccess ( response , file , fileList ) { uploadSuccess ( response , file , fileList ) {
this . importLoading = false ;
if ( response . code == 200 ) { if ( response . code == 200 ) {
this . $message . success ( '导入成功' ) ; this . $message . success ( '导入成功' ) ;
this . $refs . upload . clearFiles ( ) ; this . $refs . upload . clearFiles ( ) ;
@ -160,6 +200,7 @@ export default {
} }
} , } ,
uploadError ( err , file , fileList ) { uploadError ( err , file , fileList ) {
this . importLoading = false ;
console . log ( '导入失败' , err ) console . log ( '导入失败' , err )
} , } ,
/ / 快 递 1 0 0 / / 快 递 1 0 0
xuechunyuan
3 years ago