liupopo
2 years ago
5 changed files with 250 additions and 7 deletions
@ -0,0 +1,217 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<button-bar ref="btnbar" view-title="采购订单列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
||||
|
<el-card class="box-card"> |
||||
|
<div slot="header" class="clearfix"> |
||||
|
<span>导入库存信息查询</span> |
||||
|
<el-button style="float: right; padding: 3px 0" type="text" @click="resetCache">缓存数据重置(监管商品、仓店索引、供应商索引)</el-button> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-upload |
||||
|
ref="upload" |
||||
|
class="upload-demo" |
||||
|
:action="updateAction" |
||||
|
:on-change="handleChange" |
||||
|
:on-progress="handleProgress" |
||||
|
:on-preview="handlePreview" |
||||
|
:on-remove="handleRemove" |
||||
|
:on-success="handleSuccess" |
||||
|
:file-list="fileList" |
||||
|
:auto-upload="false" |
||||
|
:multiple="false" |
||||
|
:limit="1" |
||||
|
> |
||||
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button> |
||||
|
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> |
||||
|
<div slot="tip" class="el-upload__tip">上传 《库存信息查询.xlsx》文件</div> |
||||
|
</el-upload> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3>文件上传结果</h3> |
||||
|
<el-card class="box-card"> |
||||
|
<div>{{ uploadResultMesssage }}</div> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
<div> |
||||
|
<h3>库存汇总数据</h3> |
||||
|
<el-card class="box-card"> |
||||
|
<div>{{ hzResultMesssage }}</div> |
||||
|
<div> |
||||
|
<el-button :disabled="!hzFilePath" size="small" type="primary" @click="doDownloadHz">下载库存汇总文件</el-button> |
||||
|
<!-- <el-button :disabled="!ychzFilePath" size="small" type="primary" @click="doDownloadHzYc">下载烟草汇总文件</el-button> --> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
kchz, |
||||
|
resetAllCache |
||||
|
} from '@/api/kucun/kucun' |
||||
|
export default { |
||||
|
name: 'KucunKcxxcxIndex', |
||||
|
// components: { }, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
updateAction: process.env.VUE_APP_BASE_API + '/kucun/uploadGdData', |
||||
|
name: '库存数据导入', |
||||
|
fileList: [], |
||||
|
uploadResultMesssage: '', |
||||
|
hzResultMesssage: '', |
||||
|
hzFilePath: '', |
||||
|
ychzFilePath: '', |
||||
|
fullscreenloading: null |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
this.init() |
||||
|
// 加载列表 |
||||
|
// this.getList() |
||||
|
}, |
||||
|
methods: { |
||||
|
btnHandle(btnKey) { |
||||
|
switch (btnKey) { |
||||
|
case 'toUploadXlsx': |
||||
|
this.toUploadXlsx() |
||||
|
break |
||||
|
case 'filing': |
||||
|
this.filing() |
||||
|
break |
||||
|
case 'doDel': |
||||
|
this.doDel() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
init() {}, |
||||
|
getList() {}, |
||||
|
// 返回 |
||||
|
handleReturn() { |
||||
|
this.$router.go(-1) |
||||
|
}, |
||||
|
submitUpload() { |
||||
|
this.$refs.upload.submit() |
||||
|
}, |
||||
|
handleRemove(file, fileList) { |
||||
|
console.log(file, fileList) |
||||
|
}, |
||||
|
handlePreview(file) { |
||||
|
console.log('handlePreview', file) |
||||
|
}, |
||||
|
handleChange(file) { |
||||
|
console.log(this.fileList) |
||||
|
}, |
||||
|
handleProgress(event, file, fileList) { |
||||
|
// this.progressFlag = true; // 显示进度条 |
||||
|
// this.loadProgress = parseInt(event.percent); // 动态获取文件上传进度 |
||||
|
// if (this.loadProgress >= 100) { |
||||
|
// this.loadProgress = 100 |
||||
|
// setTimeout( () => {this.progressFlag = false}, 1000) // 一秒后关闭进度条 |
||||
|
// } |
||||
|
const _this = this |
||||
|
this.fullscreenloading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: '文件正在上传', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
console.log('111', event.percent) |
||||
|
if (event.percent >= 100) { |
||||
|
_this.fullscreenloading.text = '上传完成，正在导入数据库' |
||||
|
} |
||||
|
}, |
||||
|
handleSuccess(resp, file, fileList) { |
||||
|
// if (this.fullscreenloading) this.fullscreenloading.close() |
||||
|
// this.fullscreenloading = null |
||||
|
console.log('222', resp) |
||||
|
const rdata = resp.data |
||||
|
const _this = this |
||||
|
_this.fullscreenloading.text = '数据导入完成，进行汇总' |
||||
|
_this.uploadResultMesssage = '共导入数据：' + rdata.allNum + ' 条；符合监管条件的数据：' + rdata.validNum + ' 条；用时：' + rdata.durations + ' 毫秒。' |
||||
|
|
||||
|
kchz() |
||||
|
.then(res => { |
||||
|
if (this.fullscreenloading) this.fullscreenloading.close() |
||||
|
this.fullscreenloading = null |
||||
|
console.log('333', res) |
||||
|
_this.hzFilePath = res.data |
||||
|
}) |
||||
|
.catch(e => { |
||||
|
if (this.fullscreenloading) this.fullscreenloading.close() |
||||
|
this.fullscreenloading = null |
||||
|
}) |
||||
|
// kchzyc() |
||||
|
// .then(res => { |
||||
|
// if (this.fullscreenloading) this.fullscreenloading.close() |
||||
|
// this.fullscreenloading = null |
||||
|
// console.log('444', res) |
||||
|
// _this.ychzFilePath = res.data |
||||
|
// }) |
||||
|
// .catch(e => { |
||||
|
// if (this.fullscreenloading) this.fullscreenloading.close() |
||||
|
// this.fullscreenloading = null |
||||
|
// }) |
||||
|
}, |
||||
|
doDownloadHz() { |
||||
|
window.open(this.hzFilePath, '_blank') |
||||
|
// downloadhz({ filepath: this.hzFilePath }) |
||||
|
// .then(res => { |
||||
|
// console.log('xxx', res) |
||||
|
// const blob = new Blob([res.data]) |
||||
|
// const url = window.URL.createObjectURL(blob) // 创建 url 并指向 blob |
||||
|
// const a = document.createElement('a') |
||||
|
// a.href = url |
||||
|
// a.download = '导出数据.xlsx' |
||||
|
// a.click() |
||||
|
// window.URL.revokeObjectURL(url) // 释放该 ur |
||||
|
// }) |
||||
|
// .catch(e => { |
||||
|
// console.log(e) |
||||
|
// }) |
||||
|
}, |
||||
|
doDownloadHzYc() { |
||||
|
window.open(this.ychzFilePath, '_blank') |
||||
|
}, |
||||
|
resetCache() { |
||||
|
resetAllCache() |
||||
|
.then(res => { |
||||
|
this.$message({ |
||||
|
message: '缓存数据已重置！', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
}) |
||||
|
.catch(e => { |
||||
|
console.log('resetAllCache', e) |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.wenjiantit { |
||||
|
font-size: 16px; |
||||
|
font-weight: bold; |
||||
|
margin: 25px 0 10px 0; |
||||
|
} |
||||
|
|
||||
|
.forminfo { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
.listcon { |
||||
|
height: calc(100vh - 250px); |
||||
|
overflow-y: auto; |
||||
|
overflow-x: hidden; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
Loading…
Reference in new issue