fix: 按钮调整

src/views/order/podUs/index.vue

@@ -239,10 +239,195 @@
           </ElPopover>
         </ElFormItem>
         <ElFormItem>
-          <ElButton type="primary" @click="search">查询</ElButton>
+          <span>
+            <ElButton type="primary" @click="search">查询</ElButton>
+          </span>
         </ElFormItem>
         <ElFormItem>
-          <ElButton type="danger" @click="resetSearchForm">清空</ElButton>
+          <span>
+            <ElButton type="danger" @click="resetSearchForm">清空</ElButton>
+          </span>
+        </ElFormItem>
+        <ElFormItem>
+          <span v-if="status === 'PICKING'" class="item">
+            <ElButton
+              :loading="tifDownloadLoading"
+              type="warning"
+              @click="downloadTif('tiff')"
+            >
+              TIF排版
+            </ElButton>
+          </span>
+          <span v-if="status === 'PICKING'" class="item">
+            <ElButton
+              :loading="pngDownloadLoading"
+              type="warning"
+              @click="downloadTif('png')"
+            >
+              PNG排版
+            </ElButton>
+          </span>
+          <span v-if="status === 'TO_BE_CONFIRMED'" class="item">
+            <ElButton type="success" @click="confirmProduct">
+              确认生产
+            </ElButton>
+          </span>
+          <span v-if="status === 'EXCEPTION_ORDER'" class="item">
+            <ElButton type="success" @click="updateOrder">
+              转至待确认
+            </ElButton>
+          </span>
+          <span
+            v-if="status === 'EXCEPTION_ORDER' && exceptionStatus === 3"
+            class="item"
+          >
+            <ElButton type="warning" @click="asyncOrderAddress">
+              同步收货地址
+            </ElButton>
+          </span>
+          <span
+            v-if="status === 'EXCEPTION_ORDER' && exceptionStatus === 1"
+            class="item"
+          >
+            <ElButton type="warning" @click="assignOrder"> 分派 </ElButton>
+          </span>
+          <!-- <span
+          v-if="status === 'EXCEPTION_ORDER' && exceptionStatus === 2"
+          class="item"
+        >
+          <ElButton type="warning" @click="handleExceptionOrder">
+            处理异常
+          </ElButton>
+        </span> -->
+          <span
+            v-if="status === 'PICKING' || status === 'TO_BE_REPLENISHMENT'"
+            class="item"
+          >
+            <ElButton type="primary" @click="printProductionOrder">
+              打印生产单
+            </ElButton>
+          </span>
+          <span v-if="status === 'TO_BE_REPLENISHMENT'" class="item">
+            <ElButton type="success" @click="replenishmentSuccess">
+              补胚完成
+            </ElButton>
+          </span>
+          <span v-if="status === 'PICKING'" class="item">
+            <ElButton type="success" @click="printPickingOrder">
+              打印拣货单
+            </ElButton>
+          </span>
+          <span v-if="status === 'PICKING'" class="item">
+            <ElButton type="warning" @click="pickingComplete">
+              拣胚完成
+            </ElButton>
+          </span>
+          <span v-if="status === 'PICKING'" class="item">
+            <ElButton type="success" @click="toOutOfStock"> 转至缺货 </ElButton>
+          </span>
+          <span v-if="status === 'TO_BE_CONFIRMED'" class="item">
+            <ElButton type="warning" @click="changeExceptionOrder">
+              转为异常单
+            </ElButton>
+          </span>
+          <span v-if="status === 'TO_BE_CONFIRMED'" class="item">
+            <ElButton type="success" @click="confirmProductToRiin">
+              转至锐印生产
+            </ElButton>
+          </span>
+          <span
+            v-if="status === 'TO_BE_CONFIRMED' || status === 'EXCEPTION_ORDER'"
+            class="item"
+          >
+            <ElButton type="danger" @click="cancelOrder">取消</ElButton>
+          </span>
+          <!-- <span v-if="status !== 'IN_PRODUCTION'" class="item">
+          <ElButton type="success" @click="handleUpdateRemark">
+            添加内部标签
+          </ElButton>
+        </span> -->
+          <span v-if="status === 'IN_PRODUCTION'" class="item">
+            <ElButton type="warning" @click="onFastProduction">
+              快捷生产
+            </ElButton>
+          </span>
+          <span v-if="status === 'IN_PRODUCTION'" class="item">
+            <ElButton type="success" @click="applyForReplenishment(undefined)">
+              申请补胚
+            </ElButton>
+          </span>
+          <span v-if="status === 'WAIT_SHIPMENT'" class="item">
+            <ElButton type="warning" @click="printPodOrder"> POD打单 </ElButton>
+          </span>
+          <span v-if="status === 'CREATE_LOGISTICS'" class="item">
+            <ElButton type="warning" @click="logisticsToPicking">
+              转至待排单
+            </ElButton>
+          </span>
+          <span
+            v-if="status === 'WAIT_SHIPMENT' || status === 'CREATE_LOGISTICS'"
+            class="item"
+          >
+            <ElDropdown>
+              <el-button type="success">
+                物流接口<el-icon class="el-icon--right"><ArrowDown /></el-icon>
+              </el-button>
+              <template #dropdown>
+                <ElDropdownMenu>
+                  <ElDropdownItem
+                    @click="getOrderByIdApi('createLogisticsOrder')"
+                    >创建物流订单</ElDropdownItem
+                  >
+                  <ElDropdownItem @click="getOrderByIdApi('getTrackingNumber')"
+                    >获取跟踪号</ElDropdownItem
+                  >
+                  <ElDropdownItem @click="getOrderByIdApi('getPrintOrder')"
+                    >获取打印面单</ElDropdownItem
+                  >
+                  <ElDropdownItem
+                    @click="getOrderByIdApi('cancelLogisticsOrder')"
+                    >取消物流订单</ElDropdownItem
+                  >
+                  <ElDropdownItem
+                    @click="getOrderByIdApi('batchChangeLogistics')"
+                    >更换物流</ElDropdownItem
+                  >
+                </ElDropdownMenu>
+              </template>
+            </ElDropdown>
+          </span>
+          <span v-if="status === 'STOCK_OUT'" class="item">
+            <ElButton type="warning" @click="stockOutCheck">
+              补货校验
+            </ElButton>
+          </span>
+          <span v-if="status === 'STOCK_OUT'" class="item">
+            <ElButton type="success" @click="toBePicking">
+              转至待创建物流
+            </ElButton>
+          </span>
+          <span v-if="status === 'TO_BE_ARRANGE'" class="item">
+            <ElButton type="warning" @click="arrangeFinish">排单完成</ElButton>
+          </span>
+          <span v-if="status !== 'BATCH_DOWNLOAD'" class="item">
+            <ElButton type="primary" @click="downloadMaterial"
+              >下载素材</ElButton
+            >
+          </span>
+          <span
+            v-if="
+              status === 'TO_BE_CONFIRMED' ||
+              status === 'PICKING' ||
+              status === 'STOCK_OUT' ||
+              status === 'EXCEPTION_ORDER' ||
+              status === 'TO_BE_REPLENISHMENT'
+            "
+            class="item"
+          >
+            <ElButton type="success" @click="refreshMaterial">
+              刷新素材图
+            </ElButton>
+          </span>
         </ElFormItem>
       </ElForm>
     </div>
@@ -325,176 +510,6 @@
           <span class="sub-status-item-label">待同步</span>
         </div>
       </div>
-      <div class="operation-box mb-10">
-        <span v-if="status === 'PICKING'" class="item">
-          <ElButton
-            :loading="tifDownloadLoading"
-            type="warning"
-            @click="downloadTif('tiff')"
-          >
-            TIF排版
-          </ElButton>
-        </span>
-        <span v-if="status === 'PICKING'" class="item">
-          <ElButton
-            :loading="pngDownloadLoading"
-            type="warning"
-            @click="downloadTif('png')"
-          >
-            PNG排版
-          </ElButton>
-        </span>
-        <span v-if="status === 'TO_BE_CONFIRMED'" class="item">
-          <ElButton type="success" @click="confirmProduct"> 确认生产 </ElButton>
-        </span>
-        <span v-if="status === 'EXCEPTION_ORDER'" class="item">
-          <ElButton type="success" @click="updateOrder"> 转至待确认 </ElButton>
-        </span>
-        <span
-          v-if="status === 'EXCEPTION_ORDER' && exceptionStatus === 3"
-          class="item"
-        >
-          <ElButton type="warning" @click="asyncOrderAddress">
-            同步收货地址
-          </ElButton>
-        </span>
-        <span
-          v-if="status === 'EXCEPTION_ORDER' && exceptionStatus === 1"
-          class="item"
-        >
-          <ElButton type="warning" @click="assignOrder"> 分派 </ElButton>
-        </span>
-        <!-- <span
-          v-if="status === 'EXCEPTION_ORDER' && exceptionStatus === 2"
-          class="item"
-        >
-          <ElButton type="warning" @click="handleExceptionOrder">
-            处理异常
-          </ElButton>
-        </span> -->
-        <span
-          v-if="status === 'PICKING' || status === 'TO_BE_REPLENISHMENT'"
-          class="item"
-        >
-          <ElButton type="primary" @click="printProductionOrder">
-            打印生产单
-          </ElButton>
-        </span>
-        <span v-if="status === 'TO_BE_REPLENISHMENT'" class="item">
-          <ElButton type="success" @click="replenishmentSuccess">
-            补胚完成
-          </ElButton>
-        </span>
-        <span v-if="status === 'PICKING'" class="item">
-          <ElButton type="success" @click="printPickingOrder">
-            打印拣货单
-          </ElButton>
-        </span>
-        <span v-if="status === 'PICKING'" class="item">
-          <ElButton type="warning" @click="pickingComplete">
-            拣胚完成
-          </ElButton>
-        </span>
-        <span v-if="status === 'PICKING'" class="item">
-          <ElButton type="success" @click="toOutOfStock"> 转至缺货 </ElButton>
-        </span>
-        <span v-if="status === 'TO_BE_CONFIRMED'" class="item">
-          <ElButton type="warning" @click="changeExceptionOrder">
-            转为异常单
-          </ElButton>
-        </span>
-        <span v-if="status === 'TO_BE_CONFIRMED'" class="item">
-          <ElButton type="success" @click="confirmProductToRiin">
-            转至锐印生产
-          </ElButton>
-        </span>
-        <span
-          v-if="status === 'TO_BE_CONFIRMED' || status === 'EXCEPTION_ORDER'"
-          class="item"
-        >
-          <ElButton type="danger" @click="cancelOrder">取消</ElButton>
-        </span>
-        <!-- <span v-if="status !== 'IN_PRODUCTION'" class="item">
-          <ElButton type="success" @click="handleUpdateRemark">
-            添加内部标签
-          </ElButton>
-        </span> -->
-        <span v-if="status === 'IN_PRODUCTION'" class="item">
-          <ElButton type="warning" @click="onFastProduction">
-            快捷生产
-          </ElButton>
-        </span>
-        <span v-if="status === 'IN_PRODUCTION'" class="item">
-          <ElButton type="success" @click="applyForReplenishment(undefined)">
-            申请补胚
-          </ElButton>
-        </span>
-        <span v-if="status === 'WAIT_SHIPMENT'" class="item">
-          <ElButton type="warning" @click="printPodOrder"> POD打单 </ElButton>
-        </span>
-        <span v-if="status === 'CREATE_LOGISTICS'" class="item">
-          <ElButton type="warning" @click="logisticsToPicking">
-            转至待排单
-          </ElButton>
-        </span>
-        <span
-          v-if="status === 'WAIT_SHIPMENT' || status === 'CREATE_LOGISTICS'"
-          class="item"
-        >
-          <ElDropdown>
-            <el-button type="success">
-              物流接口<el-icon class="el-icon--right"><ArrowDown /></el-icon>
-            </el-button>
-            <template #dropdown>
-              <ElDropdownMenu>
-                <ElDropdownItem @click="getOrderByIdApi('createLogisticsOrder')"
-                  >创建物流订单</ElDropdownItem
-                >
-                <ElDropdownItem @click="getOrderByIdApi('getTrackingNumber')"
-                  >获取跟踪号</ElDropdownItem
-                >
-                <ElDropdownItem @click="getOrderByIdApi('getPrintOrder')"
-                  >获取打印面单</ElDropdownItem
-                >
-                <ElDropdownItem @click="getOrderByIdApi('cancelLogisticsOrder')"
-                  >取消物流订单</ElDropdownItem
-                >
-                <ElDropdownItem @click="getOrderByIdApi('batchChangeLogistics')"
-                  >更换物流</ElDropdownItem
-                >
-              </ElDropdownMenu>
-            </template>
-          </ElDropdown>
-        </span>
-        <span v-if="status === 'STOCK_OUT'" class="item">
-          <ElButton type="warning" @click="stockOutCheck"> 补货校验 </ElButton>
-        </span>
-        <span v-if="status === 'STOCK_OUT'" class="item">
-          <ElButton type="success" @click="toBePicking">
-            转至待创建物流
-          </ElButton>
-        </span>
-        <span v-if="status === 'TO_BE_ARRANGE'" class="item">
-          <ElButton type="warning" @click="arrangeFinish">排单完成</ElButton>
-        </span>
-        <span v-if="status !== 'BATCH_DOWNLOAD'" class="item">
-          <ElButton type="primary" @click="downloadMaterial">下载素材</ElButton>
-        </span>
-        <span
-          v-if="
-            status === 'TO_BE_CONFIRMED' ||
-            status === 'PICKING' ||
-            status === 'STOCK_OUT' ||
-            status === 'EXCEPTION_ORDER' ||
-            status === 'TO_BE_REPLENISHMENT'
-          "
-          class="item"
-        >
-          <ElButton type="success" @click="refreshMaterial">
-            刷新素材图
-          </ElButton>
-        </span>
-      </div>
       <div
         v-if="
           status !== 'IN_PRODUCTION' &&
@@ -3733,6 +3748,10 @@ const replenishmentSuccess = async () => {
   }
 }
 
+.item {
+  margin-right: 15px;
+}
+
 .tabs {
   display: flex;
   align-items: center;