fix: 样式修改

src/views/order/factoryOrderNew/index.vue

@@ -776,91 +776,99 @@
               >
                 <template #operation="{ row }">
                   <div class="main-table-operation">
-                    <span class="item">
-                    <ElButton
-                      v-if="status === 'PENDING_RECEIVE'"
-                      type="primary"
-                      link
-                      size="small"
-                      @click.stop="handleSingleConfirmOrder(row)"
-                    >
-                      {{
-                        pendingAcceptSubTab === 'ACCEPT_FAIL_OUT_OF_STOCK'
-                          ? '重新接单'
-                          : '接单'
-                      }}
-                    </ElButton>
-                  </span>
-                  <span class="item">
-                    <ElButton
+                    <span v-if="status === 'PENDING_RECEIVE'" class="item">
+                      <ElButton
+                        type="primary"
+                        link
+                        size="small"
+                        @click.stop="handleSingleConfirmOrder(row)"
+                      >
+                        {{
+                          pendingAcceptSubTab === 'ACCEPT_FAIL_OUT_OF_STOCK'
+                            ? '重新接单'
+                            : '接单'
+                        }}
+                      </ElButton>
+                    </span>
+                    <span
                       v-if="
                         showPendingLogisticsUpdateAddress() &&
                         row.shipmentType === 1
                       "
-                      type="primary"
-                      link
-                      size="small"
-                      @click.stop="openUpdateReceiverAddress(row)"
-                    >
-                      修改地址
-                    </ElButton>
-                  </span>
-                  <span class="item">
-                    <ElButton
-                      v-if="showChangeLogistics(row)"
-                      type="warning"
-                      link
-                      size="small"
-                      @click.stop="handleChangeLogistics(row)"
+                      class="item"
                     >
-                      更换物流方式
-                    </ElButton>
-                  </span>
-                  <span class="item">
-                    <ElButton
+                      <ElButton
+                        type="primary"
+                        link
+                        size="small"
+                        @click.stop="openUpdateReceiverAddress(row)"
+                      >
+                        修改地址
+                      </ElButton>
+                    </span>
+                    <span v-if="showChangeLogistics(row)" class="item">
+                      <ElButton
+                        type="warning"
+                        link
+                        size="small"
+                        @click.stop="handleChangeLogistics(row)"
+                      >
+                        更换物流方式
+                      </ElButton>
+                    </span>
+                    <span
                       v-if="showPendingLogisticsUpdateAddress()"
-                      type="success"
-                      link
-                      size="small"
-                      @click.stop="handleRefreshReceiverAddress(row)"
+                      class="item"
                     >
-                      {{
-                        row.shipmentType === 0 ? '同步物流/地址' : '同步地址'
-                      }}
-                    </ElButton>
-                  </span>
-                  <span class="item">
-                    <ElButton
+                      <ElButton
+                        type="success"
+                        link
+                        size="small"
+                        @click.stop="handleRefreshReceiverAddress(row)"
+                      >
+                        {{
+                          row.shipmentType === 0 ? '同步物流/地址' : '同步地址'
+                        }}
+                      </ElButton>
+                    </span>
+                    <span
                       v-if="status === 'SUSPEND' && suspendedSubTab !== 1"
-                      type="warning"
-                      link
-                      size="small"
-                      @click.stop="handleCancelSuspend(row)"
+                      class="item"
                     >
-                      取消挂起
-                    </ElButton>
-                  </span>
-                  <span class="item">
-                    <ElButton
+                      <ElButton
+                        type="warning"
+                        link
+                        size="small"
+                        @click.stop="handleCancelSuspend(row)"
+                      >
+                        取消挂起
+                      </ElButton>
+                    </span>
+                    <span
                       v-if="status === 'SUSPEND' && suspendedSubTab === 1"
-                      type="success"
-                      link
-                      size="small"
-                      @click.stop="handleInterceptionSuccess(row)"
+                      class="item"
                     >
-                      拦截成功
-                    </ElButton>
-                  </span>
-                  <span class="item">
-                    <ElButton
+                      <ElButton
+                        type="success"
+                        link
+                        size="small"
+                        @click.stop="handleInterceptionSuccess(row)"
+                      >
+                        拦截成功
+                      </ElButton>
+                    </span>
+                    <span
                       v-if="status === 'SUSPEND' && suspendedSubTab === 1"
-                      type="danger"
-                      link
-                      size="small"
-                      @click.stop="handleInterceptionFail(row)"
+                      class="item"
                     >
-                      拦截失败
-                    </ElButton>
+                      <ElButton
+                        type="danger"
+                        link
+                        size="small"
+                        @click.stop="handleInterceptionFail(row)"
+                      >
+                        拦截失败
+                      </ElButton>
                     </span>
                   </div>
                 </template>