校验接口的使用

背景

之前从来没有接触过校验接口，这种接口的用法，和别的有些不一样，今天，我们就来理一理清楚；

点击一个按钮，调用的接口

• 在此处，点下一步按钮，调用两个接口
  • 先调用验证接口，验证成功后，调用信息列表接口；
  • 这在接口里面在调用接口；
  • 这个验证接口里面，不用获取数据，只有一个验证功能

接口信息

• 请求参数；

{
  "clientData": {
    "platform": "",
    "version": ""
  },
  "request": {
    "operatorId": 0,  
    "operatorName": "",
    "orderNo": "",
    "orgId": 0
  }
}

点击页面时

• 当点击页面下一步时，就会触发这个校验事件@click="asnVerification";

<el-input v-model.trim="orderNo" placeholder="请输入ASN单号"></el-input>
<el-button @click="asnVerification" >下一步</el-button>

• 校验输入单号的合法性；

asnVerification() {
  if (this.orderNo) {
  let request = {
     orderNo:this.orderNo,
     this.loading = true
  }
  orderReceiptAsnVerification(request)
  .then(result=>{
     this.getSKUList()
  })
  .finally(()=>{
     this.loading = false
  })
  }
}

获取信息列表接口

• 根据单号获取sku信息列表

getSKUList(){
let request = {
  orderNo: this.orderNo,
  pageNum:1,
  pageSize:500,
}
orderReceiptLogSkuDetailList(request).then(
 result=>{
   let {rows} = result
   this.skuList = rows
 }
)

}