feat: 代客下单商品列表增加库存不足图标，重新排序商品不同状态展示

src/views/tool/Instead/components/goods-item.vue

@@ -22,16 +22,9 @@
         (item.isStock && item.stockNumber * 1 <= 0)
       "
     >
-      <svg-icon
-        @click="ElMessage.error('该商品已售罄')"
-        v-if="item.isSoldStock || (item.isStock && item.stockNumber * 1 <= 0)"
-        iconClass="shouqing"
-        color="#fff"
-        size="60"
-      ></svg-icon>
       <svg-icon
         @click="ElMessage.error('该商品已下架')"
-        v-else-if="!item.isSale"
+        v-if="!item.isSale"
         iconClass="yi-xiajia"
         color="#fff"
         size="60"
@@ -43,6 +36,20 @@
         color="#fff"
         size="60"
       ></svg-icon>
+      <svg-icon
+        @click="ElMessage.error('该商品已售罄')"
+        v-else-if="item.isSoldStock"
+        iconClass="shouqing"
+        color="#fff"
+        size="60"
+      ></svg-icon>
+      <svg-icon
+        @click="ElMessage.error('库存不足')"
+        v-else-if="item.isStock && item.stockNumber * 1 <= 0"
+        iconClass="stock_null"
+        color="#fff"
+        size="60"
+      ></svg-icon>
     </div>
   </div>
 </template>