属性导入弹框样式修改
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