element 二次确认框，内容自定义处理

最新推荐文章于 2024-08-12 16:32:44 发布

御风傲天

最新推荐文章于 2024-08-12 16:32:44 发布

阅读量454

点赞数

分类专栏： element 文章标签： elementui vue.js

本文链接：https://blog.csdn.net/yufengaotian/article/details/133301081

版权

element 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

上代码：

async inspectionTypeOff(row) {
      console.log(row.id);
      let taskArray = await this.getTaskList(row.id); // 查询关联的任务
      console.log("taskArray", taskArray);
      let messageTip =
        taskArray.length > 0
          ? `<div><p>确认禁用巡检项（巡检项名称：${
              row.name
            }）吗？</p><p style='color: #E6A23C'><i class='el-icon-warning'></i>该巡检项已被定时任务${taskArray.join(
              "、"
            )}关联，禁用后将同步更新任务中该巡检项状态，同时任务中不执行该巡检项</p></div>`
          : `<p>确认禁用巡检项（巡检项名称：${row.name}）吗？</p>`;
      this.$alert(messageTip, "禁用巡检项", {
        dangerouslyUseHTMLString: true,
        confirmButtonText: "确定",
        cancelButtonText: "取消",
      })
        .then(() => {
          requestMethod.inspectionOff("put", row.id).then((res) => {
            if (res.status) {
              // 按照左侧数据筛选，重新获取列表数据
              this.$message.success(res.message || "操作成功");
              this.getDataList("", "", "", this.categoryId, true);
            }
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消禁用",
          });
        });
    },