修改订单有规格图片显示规格图片，图片和文字间距

src/components/orderParts/detail/detail_order.vue

@@ -25,7 +25,7 @@
             <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ item.shop_name }}</el-col>
             <el-col :span="24" v-for="(goods, index) in item.goods" :key="index">
               <el-col :span="24" class="goods bode">
-                <el-col :span="6"><el-image :src="goods.goods.file[0].url"></el-image></el-col>
+                <el-col :span="6"><el-image class="image" :src="goods.goods.file[0].url"></el-image></el-col>
                 <el-col :span="18">
                   <el-col :span="12">
                     <p>{{ goods.goods.name }}</p>
@@ -203,6 +203,9 @@ export default {
     }
     .goods {
       padding: 10px 0;
+      .image {
+        padding: 0 10px 0 0;
+      }
       .money {
         text-align: right;
       }

src/components/orderParts/detail/detail_sales_order.vue

@@ -25,7 +25,8 @@
             <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ item.shop_name }}</el-col>
             <el-col :span="24" v-for="(goods, index) in item.goods" :key="index">
               <el-col :span="24" class="goods">
-                <el-col :span="6"><el-image :src="goods.goods.file[0].url"></el-image></el-col>
+                <el-col :span="6" v-if="goods.file && goods.file.length != 0"><el-image class="image" :src="goods.file[0].url"></el-image></el-col>
+                <el-col :span="6" v-else><el-image class="image" :src="goods.goods.file[0].url"></el-image></el-col>
                 <el-col :span="18">
                   <el-col :span="12">
                     <p>{{ goods.goods.name }}</p>
@@ -67,7 +68,7 @@
           <el-col :span="24" class="goods_total">
             <el-col :span="6">快递费</el-col>
             <el-col :span="18" class="other">
-              <p>￥{{ total_detail.freight_total }}</p>
+              <p>￥{{ total_detail.freight_total || '0' }}</p>
             </el-col>
           </el-col>
           <el-col :span="24" class="goods_total">
@@ -185,6 +186,9 @@ export default {
     }
     .goods {
       padding: 10px 0;
+      .image {
+        padding: 0 10px 0 0;
+      }
       .money {
         text-align: right;
       }

src/components/orderParts/detail/detail_sales_orderDetail.vue

@@ -28,7 +28,11 @@
           <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ shop.name }}</el-col>
           <el-col :span="24" v-for="(item, index) in list" :key="index">
             <el-col :span="24" class="goods bode">
-              <el-col :span="6"><el-image :src="item.goods.file[0].url"></el-image></el-col>
+              <el-col :span="6" v-if="item.file && item.file.length != 0"><el-image class="image" :src="item.file[0].url"></el-image></el-col>
+              <el-col :span="6" v-else-if="item.goods && item.goods.file && item.file.goods.length != 0"
+                ><el-image class="image" :src="item.goods.file[0].url"></el-image
+              ></el-col>
+              <el-col :span="6" v-else><el-image class="image" :src="item.url"></el-image></el-col>
               <el-col :span="18">
                 <el-col :span="12">
                   <el-col>
@@ -76,7 +80,7 @@
           <el-col :span="24" class="goods_total bode">
             <el-col :span="6">快递费</el-col>
             <el-col :span="18" class="other">
-              <p>￥{{ total_detail.freight_total }}</p>
+              <p>￥{{ total_detail.freight_total || '0' }}</p>
             </el-col>
           </el-col>
           <el-col :span="24" class="goods_total bode">
@@ -368,6 +372,9 @@ export default {
     }
     .goods {
       padding: 10px 0;
+      .image {
+        padding: 0 10px 0 0;
+      }
       .money {
         text-align: right;
       }

src/components/orderParts/detail/parts/card-1.vue

@@ -15,8 +15,9 @@
           <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ shop.name }}</el-col>
           <el-col :span="24" v-for="(item, index) in list" :key="index">
             <el-col :span="24" class="goods bode">
-              <el-col :span="6" v-if="item.goods.file"><el-image :src="item.goods.file[0].url"></el-image></el-col>
-              <el-col :span="6" v-if="item.url"><el-image :src="item.url"></el-image></el-col>
+              <el-col :span="6" class="image" v-if="item.file.length != 0"><el-image :src="item.file[0].url"></el-image></el-col>
+              <el-col :span="6" class="image" v-else-if="item.goods.file"><el-image :src="item.goods.file[0].url"></el-image></el-col>
+              <el-col :span="6" class="image" v-if="item.url"><el-image :src="item.url"></el-image></el-col>
               <el-col :span="18">
                 <el-col :span="12">
                   <el-col :span="24"> {{ item.goods.name }} </el-col>
@@ -180,6 +181,9 @@ export default {
   }
   .goods {
     padding: 10px 0;
+    .image {
+      padding: 0 10px 0 0;
+    }
     .money {
       text-align: right;
     }

src/components/salesParts/detail.vue

@@ -28,7 +28,7 @@
           <el-col :span="24" class="shop"> <i class="el-icon-s-shop"></i>{{ shop.name }}</el-col>
           <el-col v-if="info.type == '1' || info.type == '2' || info.type == '3'">
             <el-col :span="24" class="goods">
-              <el-col :span="6"><el-image :src="file"></el-image></el-col>
+              <el-col :span="6"><el-image class="image" :src="file"></el-image></el-col>
               <el-col :span="18">
                 <el-col :span="12">
                   <p>{{ goods.name }}</p>
@@ -437,6 +437,9 @@ export default {
     }
     .goods {
       padding: 10px 0;
+      .image {
+        padding: 0 10px 0 0;
+      }
       .money {
         text-align: right;
       }