fix

 <template>
   <div class="product-image">
+    <span>{{skn}}</span>
     <img :src="src" alt="" width="150px" height="150px">
   </div>
 </template>
@@ -8,12 +9,14 @@
 .product-image {
   width: 150px;
   text-align: center;
+  vertical-align: top;
+  margin-top: 20px;
 }
 </style>
 
 <script>
 export default {
-  props: ["src"]
+  props: ["src",'skn']
 };
 </script>
 

@@ -91,19 +91,13 @@ export default {
     return {
       columns: [
         {
-          title: "skn",
-          width: 100,
-          render: (h, { row }) => {
-            return <span>{row.product.productSkn}</span>;
-          }
-        },
-        {
           title: "商品",
           width: 180,
           render: (h, { row }) => {
             return h(ProductImage, {
               props: {
-                src: row.product.url
+                src: row.product.url,
+                skn: row.product.productSkn
               }
             });
           }