update

src/pages/order/add.vue

@@ -29,7 +29,13 @@
             :key="index"
             :rules="{ required: true, message: '外部订单号不能为空', trigger: 'change' }"
           >
-            <order-autocomplete v-model="ruleForm.paymentOrderIds[index]"></order-autocomplete>
+            <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>
           </el-form-item>
         </template>
         <el-button type="text" @click="addOrderId">
@@ -119,6 +125,10 @@ export default {
     // 新增外部订单号
     addOrderId() {
       this.ruleForm.paymentOrderIds.push('')
+    },
+    // 删除外部订单号
+    removeOrderId(index) {
+      this.ruleForm.paymentOrderIds.splice(index, 1)
     }
   }
 }
@@ -139,6 +149,12 @@ export default {
   padding-left: 10px;
   border-left: 1px solid #dcdfe6;
 }
+.order-id-row {
+  display: flex;
+  .el-button {
+    margin-left: 20px;
+  }
+}
 .form-footer {
   position: sticky;
   bottom: 0;