导入功能样式

src/business/platform/data/templaterender/components/import-columns-dialog.vue

@@ -16,6 +16,7 @@
             :active="active"
             finish-status="success"
             align-center
+            simple
             class="steps"
         >
             <el-step title="上传Excel" />
@@ -51,6 +52,7 @@
                     :before-upload="beforeUpload"
                     action="https://www.bpmhome.cn/post"
                     accept=".xls,.xlsx"
+                    class="margin-20"
                 >
                     <i class="el-icon-upload" />
                     <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
@@ -73,7 +75,7 @@
             <el-col
                 v-if="active === 1"
                 :span="24"
-                class="preview-the-data"
+                class="preview-the-data padding-20"
             >
                 <el-table
                     ref="table"
@@ -108,7 +110,7 @@
             <el-col
                 v-if="active === 2"
                 :span="24"
-                class="select-fields"
+                class="select-fields padding-20"
             >
                 <el-row v-if="positionsList.length > 1" style="margin: 15px">
                     <el-col :span="2">
@@ -161,7 +163,7 @@
                 :span="24"
                 class="import-data"
             >
-                <div style="display: flex; margin-top: 20px; height: 100px;">
+                <div class="padding-20" style="display: flex; margin-top: 20px; height: 100px; ">
                     <div
                         v-if="!show"
                         class="transition-box importing"
@@ -541,6 +543,7 @@ export default {
   .steps {
     padding-bottom: 6px;
     border-bottom: 1px solid #eeeeee;
+    margin: 20px;
   }
 
   .manual-operation {
@@ -555,7 +558,7 @@ export default {
       }
 
       .upload-the-excel-detail {
-        padding: 5px 0;
+        margin: 5px 20px;
       }
 
       .el-upload__tip {
@@ -588,7 +591,6 @@ export default {
 
   .import-data {
     .transition-box {
-      margin-bottom: 10px;
       width: 100%;
       height: 100px;
       border-radius: 4px;
@@ -596,7 +598,6 @@ export default {
       color: #fff;
       padding: 40px 20px;
       box-sizing: border-box;
-      margin-right: 20px;
     }
 
     .importing {
@@ -608,4 +609,10 @@ export default {
     }
   }
 }
+.margin-20{
+    margin: 20px;
+}
+.padding-20{
+    padding: 20px;
+}
 </style>