vue点击事件转圈等待返回取消

灿烂牵羊

于 2022-04-21 10:20:13 发布

阅读量1.8k

点赞数

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_37107017/article/details/124315114

版权

本文介绍了如何使用Vue.js实现批量操作，通过$confirm对话框确认后，调用autoRun函数进行订单数据自动计算，并在比对完成后下载结果文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    handleAutoRun(row) {
      const loading = this.$loading({
        lock: true,
        text: '数据比对中...',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.7)'
      });
      var that = this;
      const ids = row.id || this.ids;
      console.log(ids)
      this.$confirm('是否批量对选中订单自动计算?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function () {
        return autoRun(ids);
      }).then((response) => {
        this.getList();
        var url = "/common/download?fileName=" + encodeURI(response.msg) + "&delete=" + true;
        that.down(url, {}, "自动跑单数据比对结果.xlsx");
        this.msgSuccess("数据比对完成，正在导出比对结果...");
      }).finally(() => {
        loading.close();
      })
    },