Skip to content

C
cs_vsofpm
Commit afae7f5c authored by wuhao's avatar wuhao 🎯
Browse files
Options

asder

parent 5b2b8918
Pipeline #3582 passed with stages
      in 2 minutes and 47 seconds
      Hide whitespace changes
      Inline Side-by-side
      Showing with 319 additions and 306 deletions
      src/components/ProductCard/sxcard.jsx
      View file @ afae7f5c
      ......@@ -23,7 +23,7 @@ import EditIcon from "@mui/icons-material/Edit";
      import GroupIcon from "@mui/icons-material/Group";
      import PauseIcon from "@mui/icons-material/Pause";
      import { history, useModel } from "@umijs/max";
      import { Badge, Progress } from "antd";
      import { Progress } from "antd";
      import dayjs from "dayjs";
      import { useEffect, useState } from "react";
      ......@@ -88,357 +88,370 @@ export default function ShopProductCard({
      }));
      }, [TEACH_TRAIN_MANAGE_LIST]);
      return (
      <Badge count={Numcount?.[id] ?? unReadMsgCount} offset={[-10, 10]}>
      <Card sx={{ borderRadius: 3 }} className="hovered" id="jikl">
      <Box sx={{ pt: "66%", position: "relative" }} className="center">
      {typeName && (
      <Label
      variant="filled"
      color={
      (type === 1 && "warning") ||
      (type === 2 && "info") ||
      (type === 3 && "default") ||
      "error"
      }
      sx={{
      zIndex: 9,
      top: 20,
      left: 20,
      let num = Numcount?.[id] ?? unReadMsgCount;
      position: "absolute",
      textTransform: "uppercase",
      }}
      >
      {typeName}
      </Label>
      )}
      <StyledProductImg
      alt={trainName}
      src={picUrl ?? DEFAULT_404_IMG}
      sx={{ borderRadius: 2 }}
      />
      return (
      <Card sx={{ borderRadius: 3 }} className="hovered" id="jikl">
      <div
      style={{
      width: 24,
      height: 24,
      backgroundColor: "#ff4800",
      position: "absolute",
      right: 6,
      top: 6,
      zIndex: 999,
      borderRadius: 30,
      color: "#fff",
      fontSize: 12,
      display: !num ? "none" : "flex",
      }}
      className="center"
      >
      {num > 100 ? "99+" : num}
      </div>
      <Box sx={{ pt: "66%", position: "relative" }} className="center">
      {typeName && (
      <Label
      variant="filled"
      color={
      (type === 1 && "warning") ||
      (type === 2 && "info") ||
      (type === 3 && "default") ||
      "error"
      }
      sx={{
      zIndex: 9,
      top: 20,
      left: 20,
      <Box
      className="actionhover"
      sx={{ borderRadius: 2, overflow: "hidden" }}
      position: "absolute",
      textTransform: "uppercase",
      }}
      >
      <Box className="masker"></Box>
      {ifs && (
      <Box className="edit">
      <Tooltip placement="bottom-start" title="编辑">
      <IconButton
      onClick={() => {
      edit(product);
      }}
      >
      <EditIcon
      style={{ fontSize: 20, color: colors.blue[200] }}
      ></EditIcon>
      </IconButton>
      </Tooltip>
      <Tooltip
      placement="bottom-start"
      title={confirm ? "确认删除" : "删除"}
      >
      {confirm ? (
      <IconButton
      disabled={confirm === "1"}
      onClick={() => {
      remove(product);
      }}
      sx={{ marginLeft: 2 }}
      >
      <CheckIcon
      style={{
      fontSize: 20,
      color:
      confirm === "1"
      ? colors.grey[500]
      : colors.green[500],
      }}
      ></CheckIcon>
      </IconButton>
      ) : (
      <IconButton
      onClick={() => {
      setconfirm("1");
      setTimeout(() => {
      setconfirm(true);
      }, 200);
      setTimeout(() => {
      setconfirm(false);
      }, 3000);
      }}
      >
      <DeleteIcon
      style={{ fontSize: 20, color: colors.red[500] }}
      ></DeleteIcon>
      </IconButton>
      )}
      </Tooltip>
      </Box>
      )}
      <Stack
      direction="row"
      alignItems="center"
      justifyContent="space-between"
      width={"100%"}
      className="stackani"
      padding={"0px 12px"}
      >
      <Tooltip placement="bottom-start" title={"协作教师"}>
      {typeName}
      </Label>
      )}
      <StyledProductImg
      alt={trainName}
      src={picUrl ?? DEFAULT_404_IMG}
      sx={{ borderRadius: 2 }}
      />
      <Box
      className="actionhover"
      sx={{ borderRadius: 2, overflow: "hidden" }}
      >
      <Box className="masker"></Box>
      {ifs && (
      <Box className="edit">
      <Tooltip placement="bottom-start" title="编辑">
      <IconButton
      onClick={() => {
      tauthorized(product, ifs);
      edit(product);
      }}
      >
      <GroupIcon
      style={{
      fontSize: 24,
      color: "#fff",
      }}
      ></GroupIcon>
      <EditIcon
      style={{ fontSize: 20, color: colors.blue[200] }}
      ></EditIcon>
      </IconButton>
      </Tooltip>
      <Tooltip placement="bottom-start" title={"成绩管理"}>
      <IconButton
      onClick={() => {
      history.push("/work/rebustrain/" + product.id);
      }}
      >
      <IconFont
      type="icon-chengjidan"
      style={{
      fontSize: 20,
      color: "#fff",
      <Tooltip
      placement="bottom-start"
      title={confirm ? "确认删除" : "删除"}
      >
      {confirm ? (
      <IconButton
      disabled={confirm === "1"}
      onClick={() => {
      remove(product);
      }}
      ></IconFont>
      </IconButton>
      sx={{ marginLeft: 2 }}
      >
      <CheckIcon
      style={{
      fontSize: 20,
      color:
      confirm === "1"
      ? colors.grey[500]
      : colors.green[500],
      }}
      ></CheckIcon>
      </IconButton>
      ) : (
      <IconButton
      onClick={() => {
      setconfirm("1");
      setTimeout(() => {
      setconfirm(true);
      }, 200);
      setTimeout(() => {
      setconfirm(false);
      }, 3000);
      }}
      >
      <DeleteIcon
      style={{ fontSize: 20, color: colors.red[500] }}
      ></DeleteIcon>
      </IconButton>
      )}
      </Tooltip>
      </Stack>
      </Box>
      </Box>
      </Box>
      )}
      <Stack spacing={1} sx={{ p: 2 }}>
      <Stack
      direction={"row"}
      justifyContent={"space-between"}
      direction="row"
      alignItems="center"
      justifyContent="space-between"
      width={"100%"}
      overflow={"hidden"}
      alignItems={"center"}
      className="stackani"
      padding={"0px 12px"}
      >
      <div className="center">
      <Progress
      type="circle"
      size={20}
      percent={
      (totalSubmitExperimentNum * 100) / (totalExperimentNum ?? 1)
      }
      strokeColor={{
      "0%": "#00c6fb",
      "100%": "#005bea",
      <Tooltip placement="bottom-start" title={"协作教师"}>
      <IconButton
      onClick={() => {
      tauthorized(product, ifs);
      }}
      />
      <Tooltip placement="bottom-start" title={trainName}>
      <Typography
      variant="subtitle2"
      noWrap
      sx={{
      paddingLeft: 1,
      >
      <GroupIcon
      style={{
      fontSize: 24,
      color: "#fff",
      }}
      >
      {trainName}
      </Typography>
      </Tooltip>
      </div>
      ></GroupIcon>
      </IconButton>
      </Tooltip>
      <Box width={60} textAlign={"right"} flexShrink={0}>
      <Tooltip placement="bottom-start" title={createTime}>
      <Typography
      component="span"
      variant="body2"
      sx={{
      color: "text.disabled",
      <Tooltip placement="bottom-start" title={"成绩管理"}>
      <IconButton
      onClick={() => {
      history.push("/work/rebustrain/" + product.id);
      }}
      >
      <IconFont
      type="icon-chengjidan"
      style={{
      fontSize: 20,
      color: "#fff",
      }}
      >
      {difftime(dayjs(), dayjs(createTime))}
      </Typography>
      </Tooltip>
      </Box>
      ></IconFont>
      </IconButton>
      </Tooltip>
      </Stack>
      </Box>
      </Box>
      <Stack spacing={1} sx={{ p: 2 }}>
      <Stack
      direction={"row"}
      justifyContent={"space-between"}
      width={"100%"}
      overflow={"hidden"}
      alignItems={"center"}
      >
      <div className="center">
      <Progress
      type="circle"
      size={20}
      percent={
      (totalSubmitExperimentNum * 100) / (totalExperimentNum ?? 1)
      }
      strokeColor={{
      "0%": "#00c6fb",
      "100%": "#005bea",
      }}
      />
      <Tooltip placement="bottom-start" title={trainName}>
      <Typography
      variant="subtitle2"
      noWrap
      sx={{
      paddingLeft: 1,
      }}
      >
      {trainName}
      </Typography>
      </Tooltip>
      </div>
      <Stack
      direction={"row"}
      justifyContent={"space-between"}
      width={"100%"}
      overflow={"hidden"}
      alignItems={"center"}
      >
      <Stack direction={"row"} alignItems={"center"}>
      <AccessTimeFilledIcon
      sx={{ color: colors.grey[800], fontSize: 20 }}
      />
      <Box width={60} textAlign={"right"} flexShrink={0}>
      <Tooltip placement="bottom-start" title={createTime}>
      <Typography
      component="span"
      variant="body2"
      sx={{
      paddingLeft: 1,
      color: "text.disabled",
      }}
      >
      {startTime ?? "-"}~{deadline}
      {difftime(dayjs(), dayjs(createTime))}
      </Typography>
      </Stack>
      </Tooltip>
      </Box>
      </Stack>
      <Stack
      direction={"row"}
      justifyContent={"space-between"}
      width={"100%"}
      overflow={"hidden"}
      alignItems={"center"}
      >
      <Stack direction={"row"} alignItems={"center"}>
      <AccessTimeFilledIcon
      sx={{ color: colors.grey[800], fontSize: 20 }}
      />
      <Typography
      component="span"
      variant="body2"
      sx={{
      paddingLeft: 1,
      }}
      >
      {startTime ?? "-"}~{deadline}
      </Typography>
      </Stack>
      </Stack>
      <Stack
      direction={"row"}
      justifyContent={"space-between"}
      alignItems={"center"}
      padding={"0 2px"}
      >
      <Stack direction={"row"} spacing={2} alignItems={"center"}>
      <Tooltip placement="bottom-start" title="备课">
      <Stack
      direction={"row"}
      alignItems={"center"}
      onClick={() => {
      history.push("/work/dobustrain/" + product.id);
      <Stack
      direction={"row"}
      justifyContent={"space-between"}
      alignItems={"center"}
      padding={"0 2px"}
      >
      <Stack direction={"row"} spacing={2} alignItems={"center"}>
      <Tooltip placement="bottom-start" title="备课">
      <Stack
      direction={"row"}
      alignItems={"center"}
      onClick={() => {
      history.push("/work/dobustrain/" + product.id);
      }}
      sx={{ cursor: "pointer" }}
      >
      <IconFont
      type="icon-beike"
      style={{ fontSize: 16, opacity: 0.6 }}
      ></IconFont>
      <Typography
      component="span"
      variant="body2"
      sx={{
      color: "text.disabled",
      paddingLeft: 1.2,
      fontSize: 12,
      margin: 0,
      }}
      sx={{ cursor: "pointer" }}
      >
      <IconFont
      type="icon-beike"
      style={{ fontSize: 16, opacity: 0.6 }}
      ></IconFont>
      <Typography
      component="span"
      variant="body2"
      sx={{
      color: "text.disabled",
      paddingLeft: 1.2,
      fontSize: 12,
      margin: 0,
      }}
      >
      {sectionNum}课时/{experimentNum}实验
      </Typography>
      </Stack>
      </Tooltip>
      {sectionNum}课时/{experimentNum}实验
      </Typography>
      </Stack>
      </Tooltip>
      <Tooltip placement="bottom-start" title="授权">
      <Stack
      direction={"row"}
      alignItems={"center"}
      sx={{ cursor: "pointer" }}
      onClick={() => {
      authorized(product, ifs);
      <Tooltip placement="bottom-start" title="授权">
      <Stack
      direction={"row"}
      alignItems={"center"}
      sx={{ cursor: "pointer" }}
      onClick={() => {
      authorized(product, ifs);
      }}
      >
      <IconFont
      type="icon-shouquanguanli"
      style={{ fontSize: 16, color: "#999" }}
      ></IconFont>
      <Typography
      component="a"
      variant="body2"
      sx={{
      color: "text.disabled",
      paddingLeft: 1.2,
      fontSize: 12,
      margin: 0,
      }}
      >
      {studentNum}学生
      </Typography>
      </Stack>
      </Tooltip>
      </Stack>
      <Stack direction={"row"} spacing={0}>
      <Tooltip placement="bottom-start" title={ifs ? "发布" : "暂停发布"}>
      <IconButton
      style={{
      opacity: type !== 5 && type !== 4 ? 1 : 0,
      pointerEvents: type === 5 || type === 4 ? "none" : "auto",
      }}
      onClick={() => {
      if (type === 5 || type === 4) return;
      if (ifs) {
      publish(product, { type: 2 });
      } else {
      publish(product, { type: 3 });
      }
      }}
      >
      {ifs ? (
      <IconFont
      type="icon-shouquanguanli"
      style={{ fontSize: 16, color: "#999" }}
      type="icon-fabu"
      style={{ fontSize: 20, color: colors.blue[600] }}
      ></IconFont>
      <Typography
      component="a"
      variant="body2"
      sx={{
      color: "text.disabled",
      paddingLeft: 1.2,
      fontSize: 12,
      margin: 0,
      }}
      >
      {studentNum}学生
      </Typography>
      </Stack>
      </Tooltip>
      </Stack>
      ) : (
      <PauseIcon
      style={{ fontSize: 20, color: colors.grey[900] }}
      ></PauseIcon>
      )}
      </IconButton>
      </Tooltip>
      <Stack direction={"row"} spacing={0}>
      {type === 3 && (
      <Tooltip
      placement="bottom-start"
      title={ifs ? "发布" : "暂停发布"}
      title={shut ? "确认关闭" : "关闭"}
      >
      <IconButton
      style={{
      opacity: type !== 5 && type !== 4 ? 1 : 0,
      pointerEvents: type === 5 || type === 4 ? "none" : "auto",
      }}
      onClick={() => {
      if (type === 5 || type === 4) return;
      if (ifs) {
      publish(product, { type: 2 });
      } else {
      publish(product, { type: 3 });
      }
      }}
      >
      {ifs ? (
      <IconFont
      type="icon-fabu"
      style={{ fontSize: 20, color: colors.blue[600] }}
      ></IconFont>
      ) : (
      <PauseIcon
      style={{ fontSize: 20, color: colors.grey[900] }}
      ></PauseIcon>
      )}
      </IconButton>
      </Tooltip>
      {type === 3 && (
      <Tooltip
      placement="bottom-start"
      title={shut ? "确认关闭" : "关闭"}
      >
      {shut ? (
      <IconButton
      disabled={shut === "1"}
      onClick={() => {
      publish(product, { type: 5 });
      {shut ? (
      <IconButton
      disabled={shut === "1"}
      onClick={() => {
      publish(product, { type: 5 });
      }}
      >
      <CheckIcon
      style={{
      fontSize: 20,
      color:
      shut === "1" ? colors.grey[500] : colors.green[500],
      }}
      >
      <CheckIcon
      style={{
      fontSize: 20,
      color:
      shut === "1" ? colors.grey[500] : colors.green[500],
      }}
      ></CheckIcon>
      </IconButton>
      ) : (
      <IconButton
      onClick={() => {
      setshut("1");
      ></CheckIcon>
      </IconButton>
      ) : (
      <IconButton
      onClick={() => {
      setshut("1");
      setTimeout(() => {
      setshut(true);
      }, 200);
      setTimeout(() => {
      setshut(true);
      }, 200);
      setTimeout(() => {
      setshut(false);
      }, 3000);
      }}
      >
      <CloseIcon
      type="icon-guanbi"
      style={{ fontSize: 20, color: "#ff4800" }}
      ></CloseIcon>
      </IconButton>
      )}
      </Tooltip>
      )}
      </Stack>
      setTimeout(() => {
      setshut(false);
      }, 3000);
      }}
      >
      <CloseIcon
      type="icon-guanbi"
      style={{ fontSize: 20, color: "#ff4800" }}
      ></CloseIcon>
      </IconButton>
      )}
      </Tooltip>
      )}
      </Stack>
      </Stack>
      </Card>
      </Badge>
      </Stack>
      </Card>
      );
      }
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment