属性导入弹框样式修改
Showing
1 changed file
with
35 additions
and
19 deletions
| ... | @@ -5,25 +5,27 @@ | ... | @@ -5,25 +5,27 @@ |
| 5 | :visible.sync="isVisible" | 5 | :visible.sync="isVisible" |
| 6 | width="30%" | 6 | width="30%" |
| 7 | :before-close="close"> | 7 | :before-close="close"> |
| 8 | <div class="main-button"> | 8 | <div class="wrap"> |
| 9 | <el-upload | 9 | <div class="main-button"> |
| 10 | class="upload-demo" | 10 | <el-upload |
| 11 | action="/api/tx/excelGeo/import" | 11 | class="upload-demo" |
| 12 | :data="sxdrData" | 12 | action="/api/tx/excelGeo/import" |
| 13 | :on-success="uploadSuccess" | 13 | :data="sxdrData" |
| 14 | :show-file-list="false" | 14 | :on-success="uploadSuccess" |
| 15 | multiple | 15 | :show-file-list="false" |
| 16 | > | 16 | multiple |
| 17 | <el-button type="primary" icon="iconfont iconshangchuan">上传</el-button> | 17 | > |
| 18 | </el-upload> | 18 | <el-button type="primary" icon="iconfont iconshangchuan">上传</el-button> |
| 19 | <el-button type="primary" @click="downloadTemplate">下载模板</el-button> | 19 | </el-upload> |
| 20 | </div> | 20 | </div> |
| 21 | <el-button type="primary" class="download" @click="downloadTemplate">下载模板</el-button> | ||
| 22 | </div> | ||
| 21 | <ul> | 23 | <ul> |
| 22 | <li v-for="(item,index) in errorData" :key="index">{{item}}</li> | 24 | <li v-for="(item,index) in errorData" :key="index">{{item}}</li> |
| 23 | </ul> | 25 | </ul> |
| 24 | <span slot="footer" class="dialog-footer"> | 26 | <span slot="footer" class="dialog-footer"> |
| 25 | <el-button @click="cancel">取 消</el-button> | 27 | <el-button @click="cancel">取 消</el-button> |
| 26 | <el-button type="primary" @click="confirm">确 定</el-button> | 28 | <!-- <el-button type="primary" @click="confirm">确 定</el-button> --> |
| 27 | </span> | 29 | </span> |
| 28 | </el-dialog> | 30 | </el-dialog> |
| 29 | </div> | 31 | </div> |
| ... | @@ -114,12 +116,26 @@ | ... | @@ -114,12 +116,26 @@ |
| 114 | </script> | 116 | </script> |
| 115 | 117 | ||
| 116 | <style scoped lang="less"> | 118 | <style scoped lang="less"> |
| 117 | .main-button { | 119 | .wrap{ |
| 118 | display: -webkit-flex; | 120 | width: 100%; |
| 119 | display: flex; | 121 | height: 30px; |
| 120 | flex-direction: column-reverse; | 122 | position: relative; |
| 121 | flex-wrap: nowrap; | 123 | .main-button { |
| 124 | display: -webkit-flex; | ||
| 125 | display: flex; | ||
| 126 | flex-direction: column-reverse; | ||
| 127 | flex-wrap: nowrap; | ||
| 128 | position: absolute; | ||
| 129 | left: 165px; | ||
| 130 | top: 18px; | ||
| 131 | } | ||
| 132 | .download{ | ||
| 133 | position: absolute; | ||
| 134 | left: 300px; | ||
| 135 | top: 18px; | ||
| 136 | } | ||
| 122 | } | 137 | } |
| 138 | |||
| 123 | 139 | ||
| 124 | ul { | 140 | ul { |
| 125 | margin-top: 20px; | 141 | margin-top: 20px; | ... | ... |
-
Please register or sign in to post a comment