tiefen_space_h5/utils/tools/handleFuns.js

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faClose} from "@fortawesome/free-solid-svg-icons";
import { Dialog,Toast } from "antd-mobile";
import html2canvas from "html2canvas";
import {checkRole} from "../auth"
export const handleShowVideos = (video) => {
  Dialog.className = "videoMask";
  Dialog.show({
    title: "",
    content: (
      <div className="flex flex-col gap-2">
        <div className="flex w-full justify-end">
          <div
            className="flex w-12 h-12 justify-center items-center bg-[#33333348] rounded-full"
            key="closeBtn"
            onClick={() => Dialog.clear()}
          >
            <FontAwesomeIcon icon={faClose} size="2xl" />
          </div>
        </div>
        <div className="my-4">
          <video
            width="100%"
            height="100%"
            controls
            className="w-screen h-[70vh] rounded-lg object-contain"
            poster={video.url}
          >
            <source src={video.mp4} type="video/mp4" />
            您的浏览器不支持 Video 标签。
          </video>
        </div>
        {/* <div
          className="flex w-12 h-12 justify-center items-center bg-[#33333348] rounded-full"
          key="closeBtn"
          // onClick={handleSeeAllPhotos}
        >
          <FontAwesomeIcon icon={faSave} size="2xl" />
        </div> */}
      </div>
    ),
    bodyStyle: {
      background: "none",
      maxHeight: "none",
      height: "100%",
    },
  });
};

//保存div内容为图片
export const saveImage = async (divId) => {
  const div = document.getElementById(divId);
  html2canvas(div, { useCORS: true }).then(function (canvas) {
    // 创建一个图片元素
    var img = canvas.toDataURL("image/jpg");
    // 创建一个链接元素
    var link = document.createElement("a");
    link.href = img;
    // 设置下载的文件名
    link.download = "SAVE_IMAGE.jpg";
    // 触发点击
    link.click();
  });
};
//保存图片
export const saveFile = async (href) => {
  const isVip = checkRole();
  if (!isVip) {
    setIsVipModalVisible(true);
    Toast.show({
      icon: "fail",
      content: "仅会员支持下载",
      position: "top",
    });
    return;
  }
  var link = document.createElement("a");
  link.href = href;
  link.target = "_blank";
  // 设置下载的文件名
  link.download = "newfile.mp4";
  // 触发点击
  // link.click();
  link.style.display = "none"; // 设置为隐藏元素
  document.body.appendChild(link);
  link.click(); // 模拟点击以开始下载
  document.body.removeChild(link); // 下载后移除元素
};