示例框架

vue & element-ui

效果图


script

要害:async/await

    import { INSERT_PHONE} from "@/api"; // 封装好的post接口,代码略    // 调配 aa / 调配 bb (业务需要)    showAssign(title, data) {        this.$prompt(          `调配${title}前,请补充该用户手机号码`,          `调配${title}提醒`,          {            closeOnClickModal: false,            cancelButtonClass: "el-button--info",            inputPattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,            inputPlaceholder: "该手机号用于收取领取明码,请确保填写",            inputErrorMessage: "请输出正确的手机号码"          }        )          .then(async ({ value }) => {            let params = {              id: data.id,              phoneNo: value            };            await INSERT_PHONE(params).then(res => {              if (res.code === 10000) {               // 胜利的业务操作(代码略)              } else {                // 失败的提醒                 this.$message({                  center: true,                  message: res.remark,                  type: "error"                });              }            });          })          .catch(() => {            return false;          });      }    },