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