gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:导入导出样式布局调整

Browse Source
This commit is contained in:
bsdbc
2020-02-28 15:57:23 +08:00
parent a95fd7d7dd
commit 920357935f
1 changed files with 37 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
nezha-fronted/src/components/common/exportXLSX.vue
View File

@@ -4,13 +4,13 @@
<el-dropdown split-button type="primary" size="mini">
<slot name="optionZone" class="option-button"></slot>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="showImportBox(1)">{{$t('overall.importExcelLower')}}</el-dropdown-item>
<el-dropdown-item @click.native="showImportBox(2)">{{$t('overall.exportExcelLower')}}</el-dropdown-item>
<el-dropdown-item @click.native="showImportBox(1)" class="dropdown-content"><i class="el-icon-upload2"></i>{{$t('overall.importExcelLower')}}</el-dropdown-item>
<el-dropdown-item @click.native="showImportBox(2)" class="dropdown-content"><i class="el-icon-download"></i>{{$t('overall.exportExcelLower')}}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div>
<el-dialog :visible.sync="importBox.show" :title="importBox.title" :modal-append-to-body='false' :show-close="true" :width="importBox.width" @close="closeDialog">
<el-dialog :visible.sync="importBox.show" :title="importBox.title" :modal-append-to-body='false' :show-close="true" :width="importBox.width" @close="closeDialog" >
<div v-if="importBox.type==1">
<div class="upload-body">
<el-upload class="upload-demo" ref="uploadExcel" action="" :file-list="importFileList" :on-change="importChange" :auto-upload="false" accept=".xlsx,.xls">
@@ -21,16 +21,16 @@
</el-upload>
</div>
<div slot="footer" class="footer">
<div class="right-box-bottom-btns">
<button @click="downloadTemplate" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
<div class="el-message-box__btns" style="text-align: right;">
<button @click="downloadTemplate" class="el-button el-button--default el-button--small">
<span>{{$t('overall.template')}}</span>
</button>
<button @click="closeDialog" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100" style="margin-left: 0px">
<span>{{$t('overall.cancel')}}</span>
</button>
<button @click="importExcel" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-min-width-100">
<button @click="importExcel" class="el-button el-button--default el-button--small">
<span>{{$t('overall.importExcel')}}</span>
</button>
<button @click="closeDialog" class="el-button el-button--default el-button--small" >
<span>{{$t('overall.cancel')}}</span>
</button>
</div>
</div>
</div>
@@ -68,11 +68,11 @@
</div>
</div>
<div slot="footer" class="footer">
<div class="right-box-bottom-btns">
<button @click="rollbackImport" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
<div class="el-message-box__btns">
<button @click="rollbackImport" class="el-button el-button--default el-button--small">
<span>{{$t('overall.rollbackImport')}}</span>
</button>
<button @click="closeDialog" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
<button @click="closeDialog" class="el-button el-button--default el-button--small">
<span>{{$t('overall.cancel')}}</span>
</button>
</div>
@@ -296,10 +296,10 @@
left:2px;
}
.footer:before{
content: '';
clear:both;
display: block;
height: 40px;
/*content: '';*/
/*clear:both;*/
/*display: block;*/
/*height: 40px;*/
}
.upload-body{
text-align: center;
@@ -322,4 +322,25 @@
.result-title{
font-weight: bold;
}
/**dialog 在视图中居中显示start*/
.el-dialog{
display: flex;
flex-direction: column;
margin:0 !important;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
/*height:600px;*/
max-height:calc(100% - 30px);
max-width:calc(100% - 30px);
}
.el-dialog .el-dialog__body{
flex:1;
overflow: auto;
}
/**dialog 在视图中居中显示end*/
.dropdown-content{
font-size: 14px !important;
}
</style>