4 changed files with 153 additions and 4 deletions
@ -0,0 +1,95 @@
|
||||
<template> |
||||
<basic-container> |
||||
<div style="width: 50%; margin: 0 auto"> |
||||
<div class="downloads"> |
||||
<div> |
||||
请 |
||||
<el-link type="primary" @click="handleTemplate">下载模板</el-link> |
||||
并按照模板提示输入数据后上传 |
||||
</div> |
||||
</div> |
||||
<div class="tip"> |
||||
温馨提示: |
||||
<div>1、请选择模板下载;</div> |
||||
<div>2、导入必须是xls、xlsx文件;</div> |
||||
<div>3、文件大小最大为10MB;</div> |
||||
<div>4、号码最多10000个。</div> |
||||
</div> |
||||
<avue-form :option="auditoptions" :upload-after="uploadAfter"></avue-form> |
||||
</div> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getToken } from "@/util/auth"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
auditoptions: { |
||||
menuBtn: false, |
||||
labelWidth: 95, |
||||
size: "medium", |
||||
column: [ |
||||
{ |
||||
label: "电信对账单", |
||||
prop: "excelFile", |
||||
type: "upload", |
||||
drag: true, |
||||
loadText: "上传中,请稍等", |
||||
showFileList: false, |
||||
propsHttp: { |
||||
res: "data", |
||||
}, |
||||
tip: "请上传模板格式文件", |
||||
action: "/api/iot-sim/telecomCheckBill/import-checkBill", |
||||
rules: [ |
||||
{ |
||||
required: true, |
||||
message: "请选择文件", |
||||
trigger: "change", |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
|
||||
methods: { |
||||
//下载模板 |
||||
handleTemplate() { |
||||
window.open( |
||||
`${this.baseUrl}/${ |
||||
this.apis |
||||
}iot-sim/telecomCheckBill/export-checkBill?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}` |
||||
); |
||||
}, |
||||
uploadAfter(res, done, loading, column) { |
||||
done(); |
||||
window.open( |
||||
`${this.baseUrl}/${ |
||||
this.apis |
||||
}iot-sim/telecomCheckBill/export-checkBillInfo?${ |
||||
this.website.tokenHeader |
||||
}=${getToken()}` |
||||
); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
.downloads { |
||||
display: flex; |
||||
align-items: center; |
||||
padding-bottom: 30px; |
||||
font-size: 16px; |
||||
} |
||||
.tip { |
||||
padding-bottom: 50px; |
||||
color: #a8a8a8; |
||||
font-size: 15px; |
||||
} |
||||
</style> |
Loading…
Reference in new issue