Loading 遮罩

        batchDelete(){
            if (this.dataList.length == 0) {
              this.$message.warning('无可操作数据,请勾选后在执行!')
              return;
            }
            this.$confirm('是否确认删除?', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(async () => {
              const loading = this.$loading({
                lock: true,
                text: 'Loading',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
              });

              for (let a in this.dataList) {
                loading.setText((a * 1 + 1) + "/" + this.dataList.length)
                await delObj(this.dataList[a].id).then(res => {
                })
              }

              loading.close();
              this.$message.success('批量删除操作成功')
              this.$refs.list.init();
            }).catch(err =>{

            })
          },
//后台批量
batchDel(r){
            if (this.dataList.length == 0) {
              this.$message.warning('无可操作数据,请勾选后在执行!')
              return;
            }
            this.$confirm('是否确认删除?', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(async () => {
              const loading = this.$loading({
                lock: true,
                text: 'Loading',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.7)'
              });
              await delObjIds(this.dataList.map(u=>u.id).join(",")).then(res =>{
                this.$message.success('批量删除操作成功')
                this.$refs.list.init();
              }).catch(err =>{})

              loading.close();

            }).catch(err =>{
              loading.close();
            })
          },
posted @ 2022-05-18 10:27  寒冷的雨呢  阅读(101)  评论(0编辑  收藏  举报