fix: 订单创建页面商品名称规格长宽放同一行

src/pages/order/create.vue

@@ -46,9 +46,7 @@
       
       <view v-for="(item, index) in orderItems" :key="index" class="order-item">
         <view class="item-info">
-          <text class="item-name">{{ item.productName }}</text>
-          <text class="item-spec" v-if="item.length && item.width">{{ item.spec || '-' }} {{ item.length }} x {{ item.width }} x {{ item.quantity }} = {{ (item.length * item.width * item.quantity / 1000000).toFixed(4) }} m²</text>
-          <text class="item-spec" v-else>{{ item.spec || '-' }}</text>
+          <text class="item-name">{{ item.productName }}</text><text class="item-spec">{{ item.spec ? '　' + item.spec : '' }}</text><text class="item-dims" v-if="item.length && item.width">{{ item.length }}x{{ item.width }}</text>
         </view>
         <view class="item-edit">
           <view class="quantity-edit">
@@ -578,12 +576,14 @@ export default {
 
 .item-info {
   margin-bottom: 16rpx;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
 }
 
 .item-name {
   font-size: 28rpx;
   font-weight: bold;
-  display: block;
   color: #333;
 }
 
@@ -592,6 +592,15 @@ export default {
   color: #999;
 }
 
+.item-dims {
+  font-size: 22rpx;
+  color: #667eea;
+  background: #f0f0ff;
+  padding: 2rpx 8rpx;
+  border-radius: 4rpx;
+  margin-left: 8rpx;
+}
+
 .item-edit {
   display: flex;
   align-items: center;