87 lines
1.9 KiB
Vue
87 lines
1.9 KiB
Vue
<template>
|
||
<el-dialog :append-to-body="true" :close-on-click-modal="false" :visible.sync="dialog" title="执行脚本" width="400px">
|
||
<el-form ref="form" :rules="rules" size="small">
|
||
<el-upload
|
||
:action="databaseUploadApi"
|
||
:data="databaseInfo"
|
||
:headers="headers"
|
||
:on-success="handleSuccess"
|
||
:on-error="handleError"
|
||
class="upload-demo"
|
||
drag
|
||
>
|
||
<i class="el-icon-upload" />
|
||
<div class="el-upload__text">
|
||
将文件拖到此处，或
|
||
<em>点击上传</em>
|
||
</div>
|
||
<div slot="tip" class="el-upload__tip">上传后，系统会自动执行SQL脚本</div>
|
||
</el-upload>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="cancel">关闭</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
</template>
|
||
|
||
<script>
|
||
import { mapGetters } from 'vuex'
|
||
import { getToken } from '@/utils/auth'
|
||
export default {
|
||
props: {
|
||
databaseInfo: {
|
||
type: Object,
|
||
default() {
|
||
return {}
|
||
}
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
loading: false,
|
||
dialog: false,
|
||
headers: {
|
||
Authorization: 'Bearer ' + getToken()
|
||
},
|
||
rules: {}
|
||
}
|
||
},
|
||
computed: {
|
||
...mapGetters(['databaseUploadApi'])
|
||
},
|
||
mounted() {
|
||
},
|
||
methods: {
|
||
cancel() {
|
||
this.dialog = false
|
||
},
|
||
handleSuccess(response, file, fileList) {
|
||
if (response === 'success') {
|
||
this.$notify({
|
||
title: '执行成功',
|
||
type: 'success',
|
||
duration: 2500
|
||
})
|
||
} else {
|
||
this.$notify({
|
||
title: response,
|
||
type: 'error',
|
||
duration: 0
|
||
})
|
||
}
|
||
},
|
||
handleError(e, file, fileList) {
|
||
const msg = JSON.parse(e.message)
|
||
this.$notify({
|
||
title: msg.message,
|
||
type: 'error',
|
||
duration: 0
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
</style>
|