bug fixes

src/pages/order/add.vue

@@ -29,13 +29,14 @@
             :key="index"
             :rules="{ required: true, message: '外部订单号不能为空', trigger: 'change' }"
           >
-            <div class="order-id-row">
-              <order-autocomplete
-                v-model="ruleForm.paymentOrderIds[index]"
-                style="min-width: 400px"
-              ></order-autocomplete>
-              <el-button icon="el-icon-delete" @click="removeOrderId(index)" v-if="index"></el-button>
-            </div>
+            <order-autocomplete v-model="ruleForm.paymentOrderIds[index]"></order-autocomplete>
+            <el-button
+              type="text"
+              icon="el-icon-delete"
+              class="order-id-delete"
+              @click="removeOrderId(index)"
+              v-if="index"
+            ></el-button>
           </el-form-item>
         </template>
         <el-button type="text" @click="addOrderId">
@@ -149,11 +150,10 @@ export default {
   padding-left: 10px;
   border-left: 1px solid #dcdfe6;
 }
-.order-id-row {
-  display: flex;
-  .el-button {
-    margin-left: 20px;
-  }
+.order-id-delete {
+  position: absolute;
+  right: 5px;
+  top: -40px;
 }
 .form-footer {
   position: sticky;