Compare commits
No commits in common. 'f84d5ef57ee0fedb1a51f39edcbdb181450d7789' and 'e2d6ac6cb8dd52590e88427c7f5285e557ca356e' have entirely different histories.
f84d5ef57e
...
e2d6ac6cb8
2 changed files with 2 additions and 182 deletions
@ -1,168 +0,0 @@ |
||||
<template> |
||||
<a-modal |
||||
:title="title" |
||||
width="50%" |
||||
:visible="visible" |
||||
:confirmLoading="confirmLoading" |
||||
@ok="handleOk" |
||||
@cancel="handleCancel" |
||||
cancelText="关闭"> |
||||
<a-alert message="请下载" type="info" show-icon style="margin-bottom: 20px;"/> |
||||
<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 16 }" > |
||||
<!-- <a-alert message="请下载" type="info" show-icon /> --> |
||||
<a-form-item label="下载标准表格"> |
||||
<div class="standB"><a-button type="primary" icon="download" @click="handleDownload"/></div> |
||||
<div class="standBu"> <a-alert |
||||
message="必须下载标准表格,否则审核不通过" |
||||
type="error" |
||||
closable |
||||
@close="onClose" |
||||
/></div> |
||||
</a-form-item> |
||||
<a-form-item label="上传标准表格"> |
||||
<!-- @click="showProcess" --> |
||||
<a-upload |
||||
:multiple="false" |
||||
action="https://www.mocky.io/v2/5cc8019d300000980a055e76" |
||||
@change="handleChange"> |
||||
<a-button type="primary" icon="upload" ></a-button> |
||||
<!-- <div> |
||||
<p>当前状态：{{ ModalData.status }}</p> |
||||
<p>总记录数：{{ ModalData.records }}</p> |
||||
<p>已上传：{{ ModalData.uploaded }}</p> |
||||
<a-progress |
||||
:percent="parseInt(String(ModalData.uploaded/ModalData.records*100))" |
||||
title="上传进度：" |
||||
status="active" |
||||
:steps="ModalData.records"/> |
||||
</div> --> |
||||
</a-upload> |
||||
</a-form-item> |
||||
<a-form-model-item label="注意事项" v-if="uploadFinished"> |
||||
<a-list size="small" :data-source="datas"> |
||||
<a-list-item slot="renderItem" slot-scope="item,index" style="border-bottom:0px ;"> {{ index+1 }} . {{ item }}</a-list-item> |
||||
</a-list> |
||||
</a-form-model-item> |
||||
</a-form> |
||||
</a-modal> |
||||
</template> |
||||
|
||||
<script> |
||||
import getAction from '@api/manage' |
||||
import store from '@/store' |
||||
export default { |
||||
name: 'ModelTest', |
||||
comments: { |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
title: '导入xxxxxx', |
||||
visible: false, |
||||
model: {}, |
||||
// 注意事项默认值 |
||||
uploadFinished: false, |
||||
ModalData: { |
||||
uploaded: '0', |
||||
isVisible: 'false', |
||||
records: '0', |
||||
status: '判断文件结构' |
||||
}, |
||||
confirmLoading: false, |
||||
form: this.$form.createForm(this), |
||||
url: |
||||
{ |
||||
downfile: '' |
||||
}, |
||||
datas: [ |
||||
'Racing car sprays burning fuel into crowd.', |
||||
'Japanese princess to wed commoner.', |
||||
'Australian walks 100km after outback crash.', |
||||
'Man charged over missing wedding girl.', |
||||
'Los Angeles battles huge wildfires.' |
||||
] |
||||
} |
||||
}, |
||||
created() { |
||||
}, |
||||
computed: { |
||||
}, |
||||
methods: { |
||||
// 上传 |
||||
// 显示进度 |
||||
showProcess() { |
||||
let userId = store.getters.userInfo.id |
||||
let baseUrl = window._CONFIG['domianURL'] |
||||
baseUrl = baseUrl.replace('http', 'ws') |
||||
let ws = new WebSocket(`${baseUrl}/uploadProcess/${userId}`) |
||||
ws.onmessage = (e) => { |
||||
this.ModalData = JSON.parse(e.data) |
||||
} |
||||
}, |
||||
// 上传文件 |
||||
handleChange(info) { |
||||
if (info.file.status !== 'uploading') { |
||||
console.log(info.file, info.fileList) |
||||
} |
||||
if (info.file.status === 'done') { |
||||
this.$message.success(`${info.file.name} file uploaded successfully`) |
||||
this.handleUploadFinished() |
||||
} else if (info.file.status === 'error') { |
||||
this.$message.error(`${info.file.name} file upload failed.`) |
||||
} |
||||
}, |
||||
// 在文件上传结束后调用该方法使注意事项出现 |
||||
handleUploadFinished() { |
||||
this.uploadFinished = true |
||||
}, |
||||
// 下载标准文档 |
||||
handleDownload() { |
||||
console.log(1111) |
||||
// getAction(this.url.downfile).then(response => { |
||||
// const url = window.URL.createObjectURL(new Blob([response.data])) |
||||
// const link = document.createElement('a') |
||||
// link.href = url |
||||
// link.setAttribute('download', 'your-document.pdf') |
||||
// document.body.appendChild(link) |
||||
// link.click() |
||||
// }) |
||||
// .catch(error => { |
||||
// console.error(error) |
||||
// }) |
||||
}, |
||||
add() { |
||||
|
||||
}, |
||||
edit(record) { |
||||
this.visible = true |
||||
}, |
||||
|
||||
close() { |
||||
this.$emit('close') |
||||
this.visible = false |
||||
}, |
||||
handleCancel() { |
||||
this.close() |
||||
}, |
||||
|
||||
handleOk() { |
||||
|
||||
}, |
||||
// 关闭提示标签 |
||||
onClose(e) { |
||||
console.log(e, 'I was closed.') |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.standB{ |
||||
width: 15%; |
||||
float: left; |
||||
} |
||||
.standBu{ |
||||
width: 85%; |
||||
float: right; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue