feat: 工厂订单添加尺码筛选

src/views/order/factoryOrderNew/index.vue

@@ -294,6 +294,26 @@
                       ></ElOption>
                     </ElSelect>
                   </ElFormItem>
+                  <ElFormItem label="尺码筛选">
+                    <ElSelect
+                      v-model="searchForm.size"
+                      multiple
+                      collapse-tags
+                      collapse-tags-tooltip
+                      placeholder="请选择"
+                      clearable
+                      filterable
+                      :teleported="false"
+                      style="width: 150px"
+                    >
+                      <ElOption
+                        v-for="(item, index) in sizes"
+                        :key="index"
+                        :value="item"
+                        :label="item"
+                      ></ElOption>
+                    </ElSelect>
+                  </ElFormItem>
                   <ElFormItem label="客户标签">
                     <ElSelect
                       v-model="searchForm.tagsIdArr"
@@ -756,6 +776,7 @@
               >
                 <template #operation="{ row }">
                   <div class="main-table-operation">
+                    <span class="item">
                     <ElButton
                       v-if="status === 'PENDING_RECEIVE'"
                       type="primary"
@@ -769,6 +790,8 @@
                           : '接单'
                       }}
                     </ElButton>
+                  </span>
+                  <span class="item">
                     <ElButton
                       v-if="
                         showPendingLogisticsUpdateAddress() &&
@@ -781,6 +804,8 @@
                     >
                       修改地址
                     </ElButton>
+                  </span>
+                  <span class="item">
                     <ElButton
                       v-if="showChangeLogistics(row)"
                       type="warning"
@@ -790,6 +815,8 @@
                     >
                       更换物流方式
                     </ElButton>
+                  </span>
+                  <span class="item">
                     <ElButton
                       v-if="showPendingLogisticsUpdateAddress()"
                       type="success"
@@ -801,34 +828,40 @@
                         row.shipmentType === 0 ? '同步物流/地址' : '同步地址'
                       }}
                     </ElButton>
-
+                  </span>
+                  <span class="item">
                     <ElButton
                       v-if="status === 'SUSPEND' && suspendedSubTab !== 1"
-                      type="primary"
+                      type="warning"
                       link
                       size="small"
                       @click.stop="handleCancelSuspend(row)"
                     >
                       取消挂起
                     </ElButton>
+                  </span>
+                  <span class="item">
                     <ElButton
                       v-if="status === 'SUSPEND' && suspendedSubTab === 1"
-                      type="primary"
+                      type="success"
                       link
                       size="small"
                       @click.stop="handleInterceptionSuccess(row)"
                     >
                       拦截成功
                     </ElButton>
+                  </span>
+                  <span class="item">
                     <ElButton
                       v-if="status === 'SUSPEND' && suspendedSubTab === 1"
-                      type="primary"
+                      type="danger"
                       link
                       size="small"
                       @click.stop="handleInterceptionFail(row)"
                     >
                       拦截失败
                     </ElButton>
+                    </span>
                   </div>
                 </template>
               </TableView>
@@ -1205,7 +1238,7 @@ const interceptSuccessForm = ref<{ suspendSussessType: number | undefined }>({
   suspendSussessType: undefined,
 })
 const interceptSuccessRows = ref<FactoryOrderNewListData[]>([])
-
+const sizes = ['FS', 'XS', 'S', 'M', 'L', 'XL', 'XXL', '3XL', '4XL', '5XL']
 const {
   userMarkList,
   receiverCountryList,
@@ -1708,7 +1741,7 @@ const mainColumns = computed(() => [
   {
     prop: 'operation',
     label: '操作',
-    minWidth: 300,
+    minWidth: 100,
     align: 'center',
     slot: 'operation',
     fixed: 'right',
@@ -2987,7 +3020,11 @@ onMounted(() => {
 .page {
   display: flex;
 }
-
+.main-table-operation {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
 .order-status {
   width: 180px;