花材列表页

ghs/src/views/item/list.vue

@@ -17,8 +17,8 @@
 		></cl-avatar>
 	</template>
 
-      <template #table-column-goodsName="{scope}">
-        <span>{{ scope.row.goodsName }}</span>
+      <template #table-column-name="{scope}">
+        <span class="item-name">{{ scope.row.name }}</span>
       </template>
 
       <template #table-column-delStatus="{scope}">
@@ -493,23 +493,19 @@ export default {
         .set('table', {
           columns: [
             {
-              prop: 'id',
-              label: 'ID',
+              prop: 'name',
+              label: '名称',
               align: 'center',
-              'min-width': 50
+			  fixed: 'left',
+              'min-width': 100
             },
 			{
 				prop: 'cover',
 				label: '图片',
 				align: 'center',
+				fixed: 'left',
 				'min-width': 60,
 			},
-            {
-              prop: 'name',
-              label: '名称',
-              align: 'center',
-              'min-width': 110
-            },
             {
               prop: 'cost',
               label: '每扎成本',
@@ -520,7 +516,7 @@ export default {
               prop: 'addPrice',
               label: '每扎加价',
               align: 'center',
-              'min-width': 150
+              'min-width': 130
             },
             {
               prop: 'price',
@@ -552,6 +548,12 @@ export default {
               align: 'center',
               'min-width': 90
             },
+            {
+              prop: 'stock',
+              label: '库存',
+              align: 'center',
+              'min-width': 70
+            },
             {
               prop: 'ratio',
               label: '单位比',
@@ -575,6 +577,12 @@ export default {
               label: '大小单位',
               align: 'center',
               'min-width': 80
+            },
+            {
+              prop: 'id',
+              label: 'ID',
+              align: 'center',
+              'min-width': 50
             }
           ],
           op: {
@@ -949,4 +957,9 @@ export default {
     padding: 2px 5px;
   }
 }
+.item-name{
+overflow: hidden;
+text-overflow:ellipsis;
+white-space: nowrap;
+}
 </style>