76 lines
1.8 KiB
Vue
76 lines
1.8 KiB
Vue
<template>
|
|
<!--导出文件改名字模态框-->
|
|
<el-dialog :visible.sync="exportModelFlag" title="导出文件" width="310px" :append-to-body="appendToBody">
|
|
<el-form :inline="true" class="label-input-form search-area">
|
|
<el-form-item label="导出名称" class="search-item">
|
|
<el-input class="exportFileInput" v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<span slot="footer" class="demo-drawer-footer">
|
|
<el-button class="common-button-default" icon="el-icon-close" @click="cancel">取消</el-button>
|
|
<el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="submit">提交</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "exportDialog",
|
|
data() {
|
|
return {
|
|
exportModelFlag: false,
|
|
exportName: ''
|
|
}
|
|
},
|
|
props: {
|
|
appendToBody: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
methods: {
|
|
openModel() {
|
|
this.exportName = ''
|
|
this.exportModelFlag = true
|
|
},
|
|
cancel() {
|
|
this.exportModelFlag = false
|
|
},
|
|
submit() {
|
|
// 导出文件名
|
|
this.$emit('exportName', this.exportName)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.exportFileInput /deep/.el-input__inner {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
/deep/ .label-input-form .add-form-item .el-form-item__content .el-input .el-input__inner {
|
|
width: 280px;
|
|
}
|
|
|
|
/deep/ .el-dialog .el-dialog__header {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
color: #17233d;
|
|
font-weight: bold;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/deep/ .el-dialog .el-dialog__body {
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
/deep/ .el-dialog .el-dialog__footer .el-button {
|
|
height: 32px;
|
|
padding: 8px 23px;
|
|
}
|
|
</style>
|