5a5f9aa1 by 杨威

属性导入弹框样式修改

1 parent d551061d
...@@ -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;
......