Merge branch 'dev' of…

Merge branch 'dev' of ssh://xmgit.ixm5.cn:10022/xiaomai-cloud-class/xiaomai-cloud-class-web into dev

Merge branch 'dev' of…
Merge branch 'dev' of ssh://xmgit.ixm5.cn:10022/xiaomai-cloud-class/xiaomai-cloud-class-web into dev
0c983e5e · guomingpang · 07b3c46e · 0ca14136 · 0c983e5e · 0c983e5e
Commit 0c983e5e authored Jul 01, 2021 by guomingpang
7 changed files
--- a/src/components/ContactWidget.tsx
+++ b/src/components/ContactWidget.tsx
@@ -16,7 +16,7 @@ function Content() {
        <div className="contact-widget">
        <div className="qrcode">
          <img src="https://cdn.xiaomai5.com/qixueyuankehu.png" alt=""></img>
-          <div className="des">微信/企业微信扫码续费</div>
+          <div className="des">微信/企业微信扫码咨询</div>
        </div>
        <div className="phone"><svg style={{position:"relative",top:"2px",marginRight:"4px"}} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M512.651 3.78c-281.433 0-509.21 228.324-509.21 509.209 0 281.43 228.325 509.203 509.21 509.203 281.427 0 509.202-228.317 509.202-509.203 0.55-280.885-227.775-509.21-509.202-509.21z m198.205 743.553c-36.14 36.136-169.737 1.641-302.24-130.312-131.953-131.959-165.902-266.104-129.768-301.695 31.211-31.21 68.99-85.417 125.939-14.782 56.943 70.629 29.016 90.34-3.291 122.647-22.449 22.448 24.642 79.392 73.37 128.125 49.283 48.73 105.678 95.818 128.126 73.368 32.306-32.305 52.017-60.23 122.646-3.288 71.182 56.949 16.426 95.276-14.782 125.937z" p-id="4409" fill="#999999"></path></svg>
        咨询电话：19157875632</div>

--- a/src/modules/college-manage/UserManagePage.tsx
+++ b/src/modules/college-manage/UserManagePage.tsx
@@ -142,9 +142,6 @@ function UserManagePage() {
            <div className="header-item">
              <span className="item-name">搜索学员：</span>
              <Search
-                style={{
-                  width: 300,
-                }}
                placeholder="搜索学员姓名/手机号"
                onSearch={(value) => {
                  const _query = { ...query };

--- a/src/modules/college-manage/modal/ChooseMembersModal.jsx
+++ b/src/modules/college-manage/modal/ChooseMembersModal.jsx
@@ -328,6 +328,10 @@ class ChooseMembersModal extends React.Component {
          visible={isOpen}
          onCancel={() => this.handleClose()}
          onOk={() => {
+            if (User.getVersion() && User.getVersion().whetherReachUserNum) {
+              message.error("添加失败，企业使用人数超出限制")
+              return
+            }
            if (_.isEmpty(selectUserList)) {
              message.warning(type === 'USER' ? '请选择员工' : '请选择学员')
              return null;

--- a/src/modules/course-manage/modal/ShareLiveModal.jsx
+++ b/src/modules/course-manage/modal/ShareLiveModal.jsx
@@ -6,67 +6,67 @@
 * @Description: 大班直播分享弹窗
 */
-import React from 'react'
+import React from 'react';
-import { Modal, Button, message } from 'antd'
+import { Modal, Button, message } from 'antd';
-import domtoimage from 'dom-to-image'
+import domtoimage from 'dom-to-image';
-import qrcode from '@/libs/qrcode/qrcode.js'
+import qrcode from '@/libs/qrcode/qrcode.js';
-import User from '@/common/js/user'
+import User from '@/common/js/user';
-import $ from 'jquery'
+import $ from 'jquery';
-import _ from 'underscore'
+import _ from 'underscore';
-import CourseService from '@/domains/course-domain/CourseService'
+import CourseService from '@/domains/course-domain/CourseService';
-import './ShareLiveModal.less'
+import './ShareLiveModal.less';
 class ShareLiveModal extends React.Component {
  constructor(props) {
-    super(props)
+    super(props);
    this.state = {
      shareUrl: 'https://xiaomai5.com/liveShare?courseId=12',
-    }
+    };
  }
  componentDidMount() {
    // 获取短链接
-    this.handleConvertShortUrl()
+    this.handleConvertShortUrl();
  }
  handleConvertShortUrl = () => {
-    const { longUrl } = this.props.data
+    const { longUrl } = this.props.data;
    // 发请求
    CourseService.getQrcode({
      urls: [longUrl],
    }).then((res) => {
-      const { result = [] } = res
+      const { result = [] } = res;
      this.setState(
        {
          shareUrl: result[0].shortUrl,
        },
        () => {
-          const qrcodeWrapDom = document.querySelector('#qrcodeWrap')
+          const qrcodeWrapDom = document.querySelector('#qrcodeWrap');
          const qrcodeNode = new qrcode({
            text: this.state.shareUrl,
            size: 98,
-          })
+          });
-          qrcodeWrapDom.appendChild(qrcodeNode)
+          qrcodeWrapDom.appendChild(qrcodeNode);
-          const qrcodeWrapDomDownload = document.querySelector('#qrcodeWrap-dowload')
+          const qrcodeWrapDomDownload = document.querySelector('#qrcodeWrap-dowload');
          const qrcodeNodeDownLoad = new qrcode({
            text: this.state.shareUrl,
            size: 196,
-          })
+          });
-          qrcodeWrapDomDownload.appendChild(qrcodeNodeDownLoad)
+          qrcodeWrapDomDownload.appendChild(qrcodeNodeDownLoad);
        }
-      )
+      );
-    })
+    });
-  }
+  };
  componentWillUnmount() {
    // 页面销毁之前清空定时器
-    clearTimeout(this.timer)
+    clearTimeout(this.timer);
  }
  // 下载海报
@@ -79,31 +79,31 @@ class ShareLiveModal extends React.Component {
      () => {
        this.setState({ time: new Date().valueOf() }, () => {
          setTimeout(() => {
-            let node = document.getElementById('poster-dowload')
+            let node = document.getElementById('poster-dowload');
            domtoimage.toPng(node).then((imgData) => {
-              console.log(imgData)
+              console.log(imgData);
-              const download = document.createElement('a')
+              const download = document.createElement('a');
-              const { courseName } = this.props.data
+              const { courseName } = this.props.data;
-              $(download).attr('href', imgData).attr('download', `${courseName}.png`).get(0).click()
+              $(download).attr('href', imgData).attr('download', `${courseName}.png`).get(0).click();
-            })
+            });
-          }, 1000)
+          }, 1000);
-        })
+        });
      }
-    )
+    );
-  }
+  };
  // 复制分享链接
  handleCopy = () => {
-    const textContent = document.getElementById('shareUrl').innerText
+    const textContent = document.getElementById('shareUrl').innerText;
-    window.copyText(textContent)
+    window.copyText(textContent);
-    message.success('复制成功!')
+    message.success('复制成功!');
-  }
+  };
  render() {
-    const { courseDivision, data, type, title } = this.props
+    const { courseDivision, data, type, title } = this.props;
-    const { courseName, scheduleVideoUrl, courseMediaVOS, coverUrl } = data
+    const { courseName, scheduleVideoUrl, courseMediaVOS, coverUrl } = data;
-    const { shareUrl, showImg, time } = this.state
+    const { shareUrl, showImg, time } = this.state;
    // 判断是否是默认图, 默认图不需要在URL后面增加字符串
    let coverImgSrc = '';
    switch (type) {
@@ -111,21 +111,27 @@ class ShareLiveModal extends React.Component {
        if (courseMediaVOS && courseMediaVOS.length > 0) {
          data.courseMediaVOS.map((item, index) => {
            if (item.contentType === 'COVER') {
-              coverImgSrc = item.mediaUrl
+              coverImgSrc = item.mediaUrl;
+            } else {
+              coverImgSrc = 'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png';
            }
-          })
+          });
        } else {
          coverImgSrc = 'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png';
        }
        break;
      case 'videoClass': // 视频课
-        coverImgSrc = coverUrl || (courseDivision === 'internal' ? `${scheduleVideoUrl}?x-oss-process=video/snapshot,t_0,m_fast&anystring=anystring` : 'https://image.xiaomaiketang.com/xm/mt3ZQRxGKB.png')
+        coverImgSrc =
+          coverUrl ||
+          (courseDivision === 'internal'
+            ? `${scheduleVideoUrl}?x-oss-process=video/snapshot,t_0,m_fast&anystring=anystring`
+            : 'https://image.xiaomaiketang.com/xm/mt3ZQRxGKB.png');
        break;
      case 'graphicsClass': // 图文课
        coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png';
        break;
      case 'offlineClass': // 线下课
-          coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
+        coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
        break;
    }
@@ -214,8 +220,8 @@ class ShareLiveModal extends React.Component {
          </div>
        </div>
      </Modal>
-    )
+    );
  }
 }
-export default ShareLiveModal
+export default ShareLiveModal;
--- a/src/modules/root/CollegeManagePage.jsx
+++ b/src/modules/root/CollegeManagePage.jsx
@@ -93,7 +93,7 @@ function ExpirationPopover(props) {
          <div className="qrcode">
            <img src="https://cdn.xiaomai5.com/qixueyuankehu.png" alt=""></img>
-            <div className="des">微信/企业微信扫码续费</div>
+            <div className="des">微信/企业微信扫码咨询</div>
          </div>
          <div className="phone"><svg style={{position:"relative",top:"2px",marginRight:"4px"}} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M512.651 3.78c-281.433 0-509.21 228.324-509.21 509.209 0 281.43 228.325 509.203 509.21 509.203 281.427 0 509.202-228.317 509.202-509.203 0.55-280.885-227.775-509.21-509.202-509.21z m198.205 743.553c-36.14 36.136-169.737 1.641-302.24-130.312-131.953-131.959-165.902-266.104-129.768-301.695 31.211-31.21 68.99-85.417 125.939-14.782 56.943 70.629 29.016 90.34-3.291 122.647-22.449 22.448 24.642 79.392 73.37 128.125 49.283 48.73 105.678 95.818 128.126 73.368 32.306-32.305 52.017-60.23 122.646-3.288 71.182 56.949 16.426 95.276-14.782 125.937z" p-id="4409" fill="#999999"></path></svg>
          咨询电话：19157875632</div>

--- a/src/modules/root/Menu.less
+++ b/src/modules/root/Menu.less
@@ -164,6 +164,7 @@
        display: inline-block;
        width: 58px;
        text-align: center;
+        color: #333333;
        margin: 0 auto;
        border-radius: 2px;
        border: 1px solid #E8E8E8;
@@ -182,7 +183,7 @@
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
-      color: #666666;
+      color: #999999;
      line-height: 22px;
      margin: 6px auto 0 auto;
    }

--- a/src/modules/teach-tool/examination-manager/ExamData.tsx
+++ b/src/modules/teach-tool/examination-manager/ExamData.tsx
-import React, { useState, useRef, useEffect, useContext } from 'react'
+import React, { useState, useRef, useEffect, useContext } from 'react';
-import Service from "@/common/js/service";
+import Service from '@/common/js/service';
-import { PageControl } from "@/components";
+import { PageControl } from '@/components';
 import { Input, Select, Tooltip, Button, Table } from 'antd';
-import User from "@/common/js/user";
+import User from '@/common/js/user';
 import moment from 'moment';
-import './userData.less'
+import './userData.less';
 const { Search } = Input;
 const { Option } = Select;
 interface sortType {
-    type: "ascend" | "descend" | null | undefined
+  type: 'ascend' | 'descend' | null | undefined;
 }
 function ExamData(props: any) {
-    const sortStatus: sortType = {
+  const sortStatus: sortType = {
-        type: undefined
+    type: undefined,
-    }
+  };
-    const examDataInit: any = {};
+  const examDataInit: any = {};
-    const queryInit: any = { current: 1, size: 10, order: 'SORT_ASC' };
+  const queryInit: any = { current: 1, size: 10, order: 'SORT_ASC' };
-    const [examData, setUserData] = useState(examDataInit);
+  const [examData, setUserData] = useState(examDataInit);
-    const [list, setList] = useState([]);
+  const [list, setList] = useState([]);
-    const [query, setQuery] = useState(queryInit);
+  const [query, setQuery] = useState(queryInit);
-    const [total, setTotal] = useState(0);
+  const [total, setTotal] = useState(0);
-    const [field, setfield] = useState('');
+  const [field, setfield] = useState('');
-    const [allData, setAllData] = useState(0);
+  const [allData, setAllData] = useState(0);
-    const [order, setOrder] = useState(sortStatus.type);
+  const [order, setOrder] = useState(sortStatus.type);
-    const questionTypeList = {
+  const questionTypeList = {
-        SINGLE_CHOICE: "单选题",
+    SINGLE_CHOICE: '单选题',
-        MULTI_CHOICE: "多选题",
+    MULTI_CHOICE: '多选题',
-        JUDGE: "判断题",
+    JUDGE: '判断题',
-        GAP_FILLING: "填空题",
+    GAP_FILLING: '填空题',
-        INDEFINITE_CHOICE: "不定项选择题",
+    INDEFINITE_CHOICE: '不定项选择题',
-    };
+  };
-    const userTypeEnum = {
+  const userTypeEnum = {
-        WORK_WE_CHAT: '企业微信',
+    WORK_WE_CHAT: '企业微信',
-        WE_CHAT: '微信'
+    WE_CHAT: '微信',
-    }
+  };
-    const userExamStateEnum = {
+  const userExamStateEnum = {
-        EXAM: '进行中',
+    EXAM: '进行中',
-        LACK_EXAM: '缺考',
+    LACK_EXAM: '缺考',
-        FINISH_EXAM: '已考试'
+    FINISH_EXAM: '已考试',
-    }
+  };
-    const orderEnum = {
+  const orderEnum = {
-        currentAccuracy: {
+    currentAccuracy: {
-            ascend: 'ACCURACY_ASC',
+      ascend: 'ACCURACY_ASC',
-            descend: 'ACCURACY_DESC'
+      descend: 'ACCURACY_DESC',
-        },
+    },
+  };
-    }
+  const queryRef = useRef({});
-    const queryRef = useRef({});
+  useEffect(() => {
+    queryExamUserData();
-    useEffect(() => {
+  }, []);
-        queryExamUserData();
-    }, [])
+  useEffect(() => {
+    queryRef.current = query;
-    useEffect(() => {
+    queryExamUserDataList();
-        queryRef.current = query;
+  }, [query]);
-        queryExamUserDataList();
-    }, [query])
+  function queryExamUserData() {
+    Service.Hades('public/hades/queryExamQuestionData', {
-    function queryExamUserData() {
+      examId: props.examId,
-        Service.Hades('public/hades/queryExamQuestionData', {
+      tenantId: User.getStoreId(),
-            examId: props.examId,
+      userId: User.getStoreUserId(),
-            tenantId: User.getStoreId(),
+      source: 0,
-            userId: User.getStoreUserId(),
+    }).then((res) => {
-            source: 0
+      setUserData(res.result);
-        }).then((res) => {
+    });
-            setUserData(res.result)
+  }
-        })
+  function queryExamUserDataList() {
-    }
+    Service.Hades('public/hades/queryExamQuestionDataList', {
+      ...query,
+      examId: props.examId,
-    function queryExamUserDataList() {
+      tenantId: User.getStoreId(),
-        Service.Hades('public/hades/queryExamQuestionDataList', {
+      userId: User.getStoreUserId(),
-            ...query,
+      source: 0,
-            examId: props.examId,
+    }).then((res) => {
-            tenantId: User.getStoreId(),
+      setList(res.result.records);
-            userId: User.getStoreUserId(),
+      setTotal(parseInt(res.result.total));
-            source: 0
+      if (!allData) {
-        }).then((res) => {
+        setAllData(parseInt(res.result.total));
-            setList(res.result.records);
+      }
-            setTotal(parseInt(res.result.total))
+    });
-            if (!allData) {
+  }
-                setAllData(parseInt(res.result.total))
-            }
+  const columns = [
-        })
+    {
-    }
+      title: '序号',
+      dataIndex: 'sort',
+      width: 60,
-    const columns = [
+      render: (text: any, record: any, index: any) => <span>{index + 1}</span>,
+    },
-        {
+    {
-            title: "序号",
+      title: '题目',
-            dataIndex: "sort",
+      dataIndex: 'questionStem',
-            width: 60,
+      ellipsis: true,
-            render: (text: any) => <span>{text + 1}</span>,
+      width: 350,
-        },
+      render: (val: any) => {
-        {
+        var handleVal = val;
-            title: "题目",
+        handleVal = handleVal.replace(/<(?!img|input).*?>/g, '');
-            dataIndex: "questionStem",
+        handleVal = handleVal.replace(/<\s?input[^>]*>/gi, '_、');
-            ellipsis: true,
+        handleVal = handleVal.replace(/\&nbsp\;/gi, ' ');
-            width: 350,
+        return (
-            render: (val: any) => {
+          <Tooltip
-                var handleVal = val;
+            overlayClassName='aid-tool-list'
-                handleVal = handleVal.replace(/<(?!img|input).*?>/g, "");
+            title={<div style={{ maxWidth: 700, width: 'auto' }}>{handleVal}</div>}
-                handleVal = handleVal.replace(/<\s?input[^>]*>/gi, "_、");
+            placement='topLeft'
-                handleVal = handleVal.replace(/\&nbsp\;/gi, " ");
+            overlayStyle={{ maxWidth: 700 }}>
-                return (
+            {handleVal}
-                    <Tooltip
+          </Tooltip>
-                        overlayClassName="aid-tool-list"
+        );
-                        title={
+      },
-                            <div style={{ maxWidth: 700, width: "auto" }}>{handleVal}</div>
+    },
-                        }
+    {
-                        placement="topLeft"
+      title: '题型',
-                        overlayStyle={{ maxWidth: 700 }}
+      dataIndex: 'questionType',
-                    >
+      render: (text: any) => <span>{(questionTypeList as any)[text]}</span>,
-                        {handleVal}
+      filters: Object.keys(questionTypeList).map((key) => {
-                    </Tooltip>
+        return {
-                );
+          text: (questionTypeList as any)[key],
-            },
+          value: key,
+        };
-        },
+      }),
-        {
+    },
-            title: "题型",
+    {
-            dataIndex: "questionType",
+      title: '本次正确率',
-            render: (text: any) => <span>{(questionTypeList as any)[text]}</span>,
+      dataIndex: 'currentAccuracy',
-            filters: Object.keys(questionTypeList).map((key) => {
+      sorter: true,
-                return {
+      sortOrder: field === 'currentAccuracy' ? order : sortStatus.type,
-                    text: (questionTypeList as any)[key],
+      render: (text: any) => <span>{parseInt((text * 100) as any)}%</span>,
-                    value: key
+    },
-                }
+    {
-            }),
+      title: (
+        <div>
-        },
+          历史正确率{' '}
-        {
+          <Tooltip overlayClassName='tool-list' title='包含本次考试正确率' placement='top' overlayStyle={{ maxWidth: 700 }}>
-            title: "本次正确率",
+            {' '}
-            dataIndex: "currentAccuracy",
+            <span style={{ color: 'rgba(191, 191, 191, 1)' }} className='icon iconfont'>
-            sorter: true,
+              &#xe61d;
-            sortOrder: field === "currentAccuracy" ? order : sortStatus.type,
+            </span>
-            render: (text: any) => <span>{parseInt(text * 100 as any)}%</span>,
+          </Tooltip>
-        },
-        {
-            title: <div>历史正确率 <Tooltip
-                overlayClassName="tool-list"
-                title='包含本次考试正确率'
-                placement="top"
-                overlayStyle={{ maxWidth: 700 }}
-            >  <span style={{ color: 'rgba(191, 191, 191, 1)' }} className="icon iconfont">&#xe61d;</span>
-            </Tooltip>
-            </div>,
-            dataIndex: "totalAccuracy",
-            render: (text: any) => <span>{parseInt(text * 100 as any)}%</span>,
-        },
-    ];
-    function onChange(pagination: any, filters: any, sorter: any, extra: any) {
-        console.log(filters, sorter);
-        setfield(sorter.field);
-        setOrder(sorter.order)
-        console.log(sorter.field, sorter.order, (orderEnum as any)[sorter.field])
-        let _query: any = { ...queryRef.current };
-        console.log(filters.questionType)
-        if (filters.questionType) {
-            console.log(233232)
-            _query.questionType = filters.questionType;
-            _query.current = 1;
-        } else {
-            delete _query.questionType
-        }
-        _query.order = (orderEnum as any)[sorter.field][sorter.order]
-        setQuery(_query)
-    }
-    function download() {
-        Service.Hades('public/hades/exportExamData', {
-            // ...query,
-            examId: props.examId,
-            exportDataType: 'EXAM_QUESTION_DATA',
-            tenantId: User.getStoreId(),
-            userId: User.getStoreUserId(),
-            source: 0
-        }).then((res) => {
-            const dom = (document as any).getElementById("load-play-back-excel")
-            dom.setAttribute('href', res.result);
-            dom.click();
-        })
-    }
-    return <div className="rr">
-        <a
-            download
-            id="load-play-back-excel"
-            style={{ position: "absolute", left: "-10000px" }}
-        ></a>
-        <div className="dataPanal">
-            {
-                !!examData.singleChoiceCnt && <div className="item">
-                    <div className="num">{Math.round((examData.singleChoiceAccuracy || 0) * 100)}%</div>
-                    <div className="percent">正确率</div>
-                    <div className="subTitle"><div className="type"><span className="icon iconfont">&#xe7fa;</span>单选题 <span>(共{examData.singleChoiceCnt}题)</span></div></div>
-                </div>
-            }
-            {
-                !!examData.multiChoiceCnt && <div className="item">
-                    <div className="num">{Math.round((examData.multiChoiceAccuracy || 0) * 100)}%</div>
-                    <div className="percent">正确率</div>
-                    <div className="subTitle"><div className="type"><span className="icon iconfont">&#xe7fb;</span>多选题<span>(共{examData.multiChoiceCnt}题)</span></div></div>
-                </div>
-            }
-            {
-                !!examData.judgeCnt && <div className="item">
-                    <div className="num">{Math.round((examData.judgeAccuracy || 0) * 100)}%</div>
-                    <div className="percent">正确率</div>
-                    <div className="subTitle"><div className="type"><span className="icon iconfont">&#xe7fc;</span>判断题<span>(共{examData.judgeCnt}题)</span></div></div>
-                </div>
-            }
-            {
-                !!examData.gapFillingCnt && <div className="item">
-                    <div className="num">{Math.round((examData.gapFillingAccuracy || 0) * 100)}%</div>
-                    <div className="percent">正确率</div>
-                    <div className="subTitle"><div className="type"><span className="icon iconfont">&#xe7fd;</span>填空题<span>(共{examData.gapFillingCnt}题)</span></div></div>
-                </div>
-            }
-            {
-                !!examData.indefiniteChoiceCnt && <div className="item">
-                    <div className="num">{Math.round((examData.indefiniteChoiceAccuracy || 0) * 100)}%</div>
-                    <div className="percent">正确率</div>
-                    <div className="subTitle"><div className="type"><span className="icon iconfont">&#xe7fe;</span>不定项选择题 <span>(共{examData.indefiniteChoiceCnt}题)</span></div></div>
-                </div>
-            }
-        </div>
-        {
-            !!allData && <Button style={{ marginBottom: 12, marginTop: 12 }} onClick={download} >导出</Button>
-        }
-        <div className="content">
-            <Table
-                bordered
-                size="small"
-                columns={columns}
-                dataSource={list}
-                onChange={onChange}
-                pagination={false}
-            >
-            </Table>
-            {total > 0 &&
-                <PageControl
-                    size="small"
-                    current={query.current - 1}
-                    pageSize={query.size}
-                    total={total}
-                    toPage={(page: any) => {
-                        console.log(page)
-                        let _query: any = { ...queryRef.current };
-                        _query.current = page + 1;
-                        setQuery(_query)
-                    }}
-                />
-            }
        </div>
+      ),
+      dataIndex: 'totalAccuracy',
+      render: (text: any) => <span>{parseInt((text * 100) as any)}%</span>,
+    },
+  ];
+  function onChange(pagination: any, filters: any, sorter: any, extra: any) {
+    console.log(filters, sorter);
+    setfield(sorter.field);
+    setOrder(sorter.order);
+    console.log(sorter.field, sorter.order, (orderEnum as any)[sorter.field]);
+    let _query: any = { ...queryRef.current };
+    console.log(filters.questionType);
+    if (filters.questionType) {
+      console.log(233232);
+      _query.questionType = filters.questionType;
+      _query.current = 1;
+    } else {
+      delete _query.questionType;
+    }
+    _query.order = (orderEnum as any)[sorter.field][sorter.order];
+    setQuery(_query);
+  }
+  function download() {
+    Service.Hades('public/hades/exportExamData', {
+      // ...query,
+      examId: props.examId,
+      exportDataType: 'EXAM_QUESTION_DATA',
+      tenantId: User.getStoreId(),
+      userId: User.getStoreUserId(),
+      source: 0,
+    }).then((res) => {
+      const dom = (document as any).getElementById('load-play-back-excel');
+      dom.setAttribute('href', res.result);
+      dom.click();
+    });
+  }
+  return (
+    <div className='rr'>
+      <a download id='load-play-back-excel' style={{ position: 'absolute', left: '-10000px' }}></a>
+      <div className='dataPanal'>
+        {!!examData.singleChoiceCnt && (
+          <div className='item'>
+            <div className='num'>{Math.round((examData.singleChoiceAccuracy || 0) * 100)}%</div>
+            <div className='percent'>正确率</div>
+            <div className='subTitle'>
+              <div className='type'>
+                <span className='icon iconfont'>&#xe7fa;</span>单选题 <span>(共{examData.singleChoiceCnt}题)</span>
+              </div>
+            </div>
+          </div>
+        )}
+        {!!examData.multiChoiceCnt && (
+          <div className='item'>
+            <div className='num'>{Math.round((examData.multiChoiceAccuracy || 0) * 100)}%</div>
+            <div className='percent'>正确率</div>
+            <div className='subTitle'>
+              <div className='type'>
+                <span className='icon iconfont'>&#xe7fb;</span>多选题<span>(共{examData.multiChoiceCnt}题)</span>
+              </div>
+            </div>
+          </div>
+        )}
+        {!!examData.judgeCnt && (
+          <div className='item'>
+            <div className='num'>{Math.round((examData.judgeAccuracy || 0) * 100)}%</div>
+            <div className='percent'>正确率</div>
+            <div className='subTitle'>
+              <div className='type'>
+                <span className='icon iconfont'>&#xe7fc;</span>判断题<span>(共{examData.judgeCnt}题)</span>
+              </div>
+            </div>
+          </div>
+        )}
+        {!!examData.gapFillingCnt && (
+          <div className='item'>
+            <div className='num'>{Math.round((examData.gapFillingAccuracy || 0) * 100)}%</div>
+            <div className='percent'>正确率</div>
+            <div className='subTitle'>
+              <div className='type'>
+                <span className='icon iconfont'>&#xe7fd;</span>填空题<span>(共{examData.gapFillingCnt}题)</span>
+              </div>
+            </div>
+          </div>
+        )}
+        {!!examData.indefiniteChoiceCnt && (
+          <div className='item'>
+            <div className='num'>{Math.round((examData.indefiniteChoiceAccuracy || 0) * 100)}%</div>
+            <div className='percent'>正确率</div>
+            <div className='subTitle'>
+              <div className='type'>
+                <span className='icon iconfont'>&#xe7fe;</span>不定项选择题 <span>(共{examData.indefiniteChoiceCnt}题)</span>
+              </div>
+            </div>
+          </div>
+        )}
+      </div>
+      {!!allData && (
+        <Button style={{ marginBottom: 12, marginTop: 12 }} onClick={download}>
+          导出
+        </Button>
+      )}
+      <div className='content'>
+        <Table bordered size='small' columns={columns} dataSource={list} onChange={onChange} pagination={false}></Table>
+        {total > 0 && (
+          <PageControl
+            size='small'
+            current={query.current - 1}
+            pageSize={query.size}
+            total={total}
+            toPage={(page: any) => {
+              console.log(page);
+              let _query: any = { ...queryRef.current };
+              _query.current = page + 1;
+              setQuery(_query);
+            }}
+          />
+        )}
+      </div>
    </div>
+  );
 }
+export default ExamData;
-export default ExamData;
\ No newline at end of file