优化新建订单成功

src/App.vue

@@ -78,16 +78,16 @@ $sizes: 0, 5, 10,20,30,50,75,100,150,200,300,500,800,1000;
     margin-top: #{$item}px !important;
   }
   .pl-#{$item}{
-    margin-left: #{$item}px !important;
+    padding-left: #{$item}px !important;
   }
   .pr-#{$item}{
-    margin-right: #{$item}px !important;
+    padding-right: #{$item}px !important;
   }
   .pb-#{$item}{
-    margin-bottom: #{$item}px !important;
+    padding-bottom: #{$item}px !important;
   }
   .pt-#{$item}{
-    margin-top: #{$item}px !important;
+    padding-top: #{$item}px !important;
   }
   .w-#{$item}{
     width: #{$item}px !important;

src/views/ecw/order/success.vue

 <template>
     <div v-if="order">
-        <el-row class="wrapper">
-          <el-col :span="10" class="icon">
+        <div class="wrapper flex w-1000 pb-20" style="margin:auto">
+          <div class="icon">
                 <img src="../../../assets/svg/success.svg" />
-          </el-col>
-          <el-col :span="14">
+          </div>
+          <div class="flex-1">
                 <div class="title">{{$t('新增订单生成成功')}}</div>
                 <div class="line bold font-lg">{{$t('订单号')}}：{{order.orderNo}}</div>
                 <div class="line">{{$t('唛头')}}：{{order.marks}}</div>
-                <div class="line">{{$t('运输方式')}}：<dict-tag :type="DICT_TYPE.ECW_TRANSPORT_TYPE" :value="order.transportId" /></div>
-                <div class="line" v-if="order.channelName">{{$t('出货渠道')}}：{{order.channelName}}</div>
-                <div class="line">{{$t('路线')}}：{{$l(order.logisticsInfoDto, 'startTitle')}} >> {{$l(order.logisticsInfoDto, 'destTitle')}}</div>
-                <div class="line">{{$t('单证报关')}}：<dict-tag :type="DICT_TYPE.ECW_CUSTOMS_TYPE" :value="order.customsType" /></div>
+
+                <div class="flex">
+                  <div class="line flex-1">{{$t('运输方式')}}：<dict-tag :type="DICT_TYPE.ECW_TRANSPORT_TYPE" :value="order.transportId" /></div>
+                  <div class="line flex-1" v-if="order.channelName">{{$t('出货渠道')}}：{{order.channelName}}</div>
+                </div>
+                <div class="flex">
+                  <div class="line flex-1">{{$t('路线')}}：{{$l(order.logisticsInfoDto, 'startTitle')}} >> {{$l(order.logisticsInfoDto, 'destTitle')}}</div>
+                  <div class="line flex-1">{{$t('单证报关')}}：<dict-tag :type="DICT_TYPE.ECW_CUSTOMS_TYPE" :value="order.customsType" /></div>
+                </div>
+
                 <div class="line">{{$t('商品列表')}}：
                     <span v-for="(item, index) in order.orderItemVOList" :key="index">
                         {{$l(item, 'prodTitle')}}
@@ -19,15 +25,17 @@
                     </span>
                 </div>
                 <div class="line">{{$t('总件数')}}：{{order.sumNum}}</div>
-                <div class="line mt-10">{{$t('仓库地址')}}：{{$l(order.logisticsInfoDto, 'startAddress')}}</div>
-                <div class="line">{{$t('仓库电话')}}： {{order.logisticsInfoDto.startTell}}</div>
-                <!-- v1.7新增 -->
-                <div class="line">{{$t('为保证入仓数据准确性，入仓请带上一份装箱单（品名，件数，毛重，尺寸方数，是否有牌）')}}</div>
-                <div class="line"></div>
-                <div class="line">{{$t('您的订单已提交，谢谢您选择捷道物流！')}}</div>
-          </el-col>
-        </el-row>
-        <div class="actions">
+          </div>
+        </div>
+        <div class="w-800" style="margin: auto">
+          <div class="line mt-20">{{$t('仓库地址')}}：{{$l(order.logisticsInfoDto, 'startAddress')}}</div>
+          <div class="line">{{$t('仓库电话')}}： {{order.logisticsInfoDto.startTell}}</div>
+          <!-- v1.7新增 -->
+          <div class="line">{{$t('为保证入仓数据准确性，入仓请带上一份装箱单（品名，件数，毛重，尺寸方数，是否有牌）')}}</div>
+          <div class="line"></div>
+          <div class="line">{{$t('您的订单已提交，谢谢您选择捷道物流！')}}</div>
+        </div>
+        <div class="actions mt-50">
             <el-button type="primary" @click="$redirect('detail?orderId=' + order.orderId)">{{$t('查看订单')}}</el-button>
             <el-button type="warning" @click="showNotice = true">{{$t('入仓须知')}}</el-button>
             <el-button type="info" @click="$redirect('create')">{{$t('再来一单')}}</el-button>
@@ -89,10 +97,11 @@ export default {
         font-size: 30px;
         margin-bottom: 20px;
     }
-    .line{
-        font-size: 14px;
-        margin-bottom: 10px;
-    }
+
+}
+.line{
+  font-size: 14px;
+  margin-bottom: 10px;
 }
 .actions{
     display: flex;