Modal模板字符串练习

最新推荐文章于 2024-09-21 18:46:25 发布

iiiilooaixuud

最新推荐文章于 2024-09-21 18:46:25 发布

阅读量88

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qq_46617584/article/details/131398444

版权

文章展示了两个JavaScript函数，一个是用于确认激活或关闭某项功能，另一个是删除操作。这两个函数都使用了Modal.confirm进行用户确认，通过API进行数据更新，并提供成功或失败的消息反馈。在删除操作中，还处理了分页和数据重载的情况。

摘要由CSDN通过智能技术生成

function active(val, item) {
  Modal.confirm({
    title: `您确定要${val ? "激活" : "关闭"}${item.name}吗？`,
    okText: "确定",
    cancelText: "取消",
    onOk: () => {
      editApiVersion({ id: item.id, isActivation: val })
        .then((res) => {
          if (JSON.stringify(res) !== "{}") {
            message.success("修改成功！");
            getInfo({
              ApiTemplateId: props.drawerData.id,
              VersionType: VersionType.value,
            });
          } else {
            message.error("修改失败");
            // openNotificationWithIcon('error', '提示')
          }
        })
        .catch((err) => {
          message.error("修改失败");
          // openNotificationWithIcon('error', '提示')
          console.log(err);
        });
    },
  });
}

function delEvent(record) {
  Modal.confirm({
     title: h("div", {}, "是否要删除【", [
      h(
        "b",
        { style: "color: red" },
        record['name']
      ),
      h("span", "】"),
    ]),
    okText: "确定",
    cancelText: "取消",
    onOk: () => {
      delRole({ id: record.id })
        .then((res) => {
          message.success("删除成功");
          objArray.pagination.current =
            dataSource.value.length === 1 && objArray.pagination.current !== 1
              ? objArray.pagination.current - 1
              : objArray.pagination.current;
          getTableData(objArray.searchParams);
        })
        .catch((err) => {});
    },
  });
}