import PropTypes from "prop-types"; // @mui import { Box, Card, colors, IconButton, Stack, Tooltip, Typography, } from "@mui/material"; import { styled } from "@mui/material/styles"; // utils // components import IconFont from "@/components/IconFont"; import Label from "@/components/label"; import difftime from "@/utils/difftime"; import AccessTimeFilledIcon from "@mui/icons-material/AccessTimeFilled"; import { history } from "@umijs/max"; import dayjs from "dayjs"; import { useState } from "react"; // ---------------------------------------------------------------------- const StyledProductImg = styled("img")({ top: 0, width: "92%", height: "92%", marginTop: "4%", objectFit: "cover", position: "absolute", }); ShopProductCard.propTypes = { product: PropTypes.object, }; export default function ShopProductCard({ product, }) { const { trainName, picUrl, createTime, typeName, type, deadline, sectionNum, experimentNum, startTime, } = product; const [confirm, setconfirm] = useState(false); const [shut, setshut] = useState(false); return ( {typeName && ( )}
{trainName}
{difftime(dayjs(), dayjs(createTime))}
{startTime ?? "-"}~{deadline} {sectionNum}课时/{experimentNum}实验 { history.push("/work/domybustrain/" + product.id); }} > { history.push("/work/myrebustrain/" + product.id); }} >
); }