Merge branch 'master' into feature/zhangleyuan/20210608/optimize

package.json

@@ -105,6 +105,10 @@
   },
   },
   "scripts": {
   "scripts": {
     "start": "node scripts/start.js",
     "start": "node scripts/start.js",
+    "start:dev": "cross-env DEPLOY_ENV=dev node scripts/start.js",
+    "start:dev1": "cross-env DEPLOY_ENV=dev node scripts/start.js",
+    "start:rc": "cross-env DEPLOY_ENV=rc node scripts/start.js",
+    "start:gray": "cross-env DEPLOY_ENV=gray node scripts/start.js",
     "build:dev": "cross-env DEPLOY_ENV=dev node scripts/build.js",
     "build:dev": "cross-env DEPLOY_ENV=dev node scripts/build.js",
     "build:dev1": "cross-env DEPLOY_ENV=dev node scripts/build.js",
     "build:dev1": "cross-env DEPLOY_ENV=dev node scripts/build.js",
     "build:rc": "cross-env DEPLOY_ENV=rc node scripts/build.js",
     "build:rc": "cross-env DEPLOY_ENV=rc node scripts/build.js",

src/common/js/user.ts

@@ -11,32 +11,34 @@ import Storage from './storage';
 import { PREFIX, USER_PREFIX } from '@/domains/basic-domain/constants';
 import { PREFIX, USER_PREFIX } from '@/domains/basic-domain/constants';
 
 
 class User {
 class User {
-  
-  getStoreId(){
-    return Storage.get(`${PREFIX}_storeId`)
+  getStoreId() {
+    return Storage.get(`${PREFIX}_storeId`);
   }
   }
 
 
   getEnterpriseId() {
   getEnterpriseId() {
-    return Storage.get(`${PREFIX}_enterpriseId`)
+    return Storage.get(`${PREFIX}_enterpriseId`);
   }
   }
 
 
-  getStoreName(){
-    return Storage.get(`${PREFIX}_storeName`) 
+  getStoreName() {
+    return Storage.get(`${PREFIX}_storeName`);
   }
   }
 
 
-  getStoreType(){
-    return Storage.get(`${PREFIX}_storeType`) 
+  getStoreType() {
+    return Storage.get(`${PREFIX}_storeType`);
   }
   }
 
 
-  getStoreUserId(){
-    return Storage.get(`${PREFIX}_storeUserId`)
+  getStoreUserId() {
+    return Storage.get(`${PREFIX}_storeUserId`);
   }
   }
 
 
-  getUserId(){
-    return Storage.get(`${PREFIX}_userId`)
+  getCustomerId() {
+    return Storage.get(`${PREFIX}_customerId`);
+  }
+  getUserId() {
+    return Storage.get(`${PREFIX}_userId`);
   }
   }
-  getUserRole(){
-    return Storage.get(`${PREFIX}_userRole`)
+  getUserRole() {
+    return Storage.get(`${PREFIX}_userRole`);
   }
   }
 
 
   getToken() {
   getToken() {
@@ -47,67 +49,71 @@ class User {
     return Storage.get(`${PREFIX}_isAdmin`);
     return Storage.get(`${PREFIX}_isAdmin`);
   }
   }
 
 
-  setStoreId(value:any){
-    return Storage.set(`${PREFIX}_storeId`,value)
+  setStoreId(value: any) {
+    return Storage.set(`${PREFIX}_storeId`, value);
   }
   }
 
 
   setEnterpriseId(value: any) {
   setEnterpriseId(value: any) {
-    return Storage.set(`${PREFIX}_enterpriseId`,value)
+    return Storage.set(`${PREFIX}_enterpriseId`, value);
+  }
+
+  setStoreName(value: any) {
+    return Storage.set(`${PREFIX}_storeName`, value);
   }
   }
 
 
-  setStoreName(value:any){
-    return Storage.set(`${PREFIX}_storeName`,value) 
+  setStoreType(value: any) {
+    return Storage.set(`${PREFIX}_storeType`, value);
   }
   }
 
 
-  setStoreType(value:any){
-    return Storage.set(`${PREFIX}_storeType`,value) 
+  setStoreUserId(value: any) {
+    return Storage.set(`${PREFIX}_storeUserId`, value);
   }
   }
 
 
-  setStoreUserId(value:any){
-    return Storage.set(`${PREFIX}_storeUserId`,value)
+  setCustomerId(value: any) {
+    return Storage.set(`${PREFIX}_customerId`, value);
   }
   }
 
 
-  setUserId(value:any){
-    return Storage.set(`${PREFIX}_userId`,value)
+  setUserId(value: any) {
+    return Storage.set(`${PREFIX}_userId`, value);
   }
   }
 
 
-  setUserRole(value:any){
-    return Storage.set(`${PREFIX}_userRole`,value)
+  setUserRole(value: any) {
+    return Storage.set(`${PREFIX}_userRole`, value);
   }
   }
 
 
-  setToken(value:any) {
-    return Storage.set(`${PREFIX}_token`,value);
+  setToken(value: any) {
+    return Storage.set(`${PREFIX}_token`, value);
   }
   }
 
 
   setIsAdmin(value: any) {
   setIsAdmin(value: any) {
     return Storage.set(`${PREFIX}_isAdmin`, value);
     return Storage.set(`${PREFIX}_isAdmin`, value);
   }
   }
 
 
-  removeToken(){
+  removeToken() {
     return Storage.remove(`${PREFIX}_token`);
     return Storage.remove(`${PREFIX}_token`);
   }
   }
 
 
-  removeUserId(){
+  removeUserId() {
     return Storage.remove(`${PREFIX}_userId`);
     return Storage.remove(`${PREFIX}_userId`);
   }
   }
 
 
   removeEnterpriseId() {
   removeEnterpriseId() {
-    return Storage.remove(`${PREFIX}_enterpriseId`)
+    return Storage.remove(`${PREFIX}_enterpriseId`);
   }
   }
 
 
-  getCustomerStoreId(){
+  getCustomerStoreId() {
     return Storage.get(`${PREFIX}_customerStoreId`);
     return Storage.get(`${PREFIX}_customerStoreId`);
   }
   }
-  setCustomerStoreId(value:any) {
-    return Storage.set(`${PREFIX}_customerStoreId`,value);
+  setCustomerStoreId(value: any) {
+    return Storage.set(`${PREFIX}_customerStoreId`, value);
   }
   }
-  setIdentifier(value:any){
-    return Storage.set(`${PREFIX}_identifier`,value);
+  setIdentifier(value: any) {
+    return Storage.set(`${PREFIX}_identifier`, value);
   }
   }
-  getIdentifier(){
+  getIdentifier() {
     return Storage.get(`${PREFIX}_identifier`);
     return Storage.get(`${PREFIX}_identifier`);
   }
   }
-  clearUserInfo(){
+  clearUserInfo() {
     Storage.remove(`${USER_PREFIX}_token`);
     Storage.remove(`${USER_PREFIX}_token`);
     Storage.remove(`${USER_PREFIX}_userId`);
     Storage.remove(`${USER_PREFIX}_userId`);
     Storage.remove(`${USER_PREFIX}_userPhone`);
     Storage.remove(`${USER_PREFIX}_userPhone`);

src/components/XMTable.jsx

 import React, { useEffect, useState } from 'react';
 import React, { useEffect, useState } from 'react';
 import { Empty, ConfigProvider, Table } from 'antd';
 import { Empty, ConfigProvider, Table } from 'antd';
+import Lottie from 'react-lottie';
+import * as nodata from '../modules/lottie/nodata/data.json';
 
 
 function XMTable(props) {
 function XMTable(props) {
   const [empty, setEmpty] = useState(props.renderEmpty || {});
   const [empty, setEmpty] = useState(props.renderEmpty || {});
@@ -12,9 +14,25 @@ function XMTable(props) {
 
 
   // 自定义表格空状态
   // 自定义表格空状态
   function customizeRenderEmpty() {
   function customizeRenderEmpty() {
+    const defaultOptions = {
+      loop: true,
+      autoplay: true,
+      animationData: empty.image || nodata,
+      rendererSettings: {
+        preserveAspectRatio: 'xMidYMid slice'
+      }
+    }
     return (
     return (
       <Empty
       <Empty
-        image={empty.image || Empty.PRESENTED_IMAGE_SIMPLE}
+        image={<div style={{ marginTop: 24 }}>
+        <Lottie
+          options={defaultOptions}
+          height={150}
+          width={150}
+          isStopped={false}
+          isPaused={false}
+        />
+      </div>}
         imageStyle={{
         imageStyle={{
           height: 150,
           height: 150,
         }}
         }}

src/core/page.less

@@ -7,7 +7,7 @@
   left: 0px;
   left: 0px;
   right: 0;
   right: 0;
   bottom: 0;
   bottom: 0;
-  z-index:3;
+  z-index: 3;
   background-color: #fff;
   background-color: #fff;
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -moz-osx-font-smoothing: grayscale;
@@ -20,12 +20,12 @@
     bottom: 0;
     bottom: 0;
     z-index: 102;
     z-index: 102;
     overflow: auto;
     overflow: auto;
-    margin:0 16px;
-    .box{
-      &:first-child{
+    margin: 0 16px;
+    .box {
+      &:first-child {
         margin-bottom: 8px;
         margin-bottom: 8px;
       }
       }
-      &:last-child{
+      &:last-child {
         margin-bottom: 16px;
         margin-bottom: 16px;
       }
       }
     }
     }
@@ -48,10 +48,10 @@
   .content-header {
   .content-header {
     padding: 16px 16px 8px 16px;
     padding: 16px 16px 8px 16px;
     line-height: 30px;
     line-height: 30px;
-    font-size:24px;
-    color:#333;
-    font-weight:bold;
-    background: #FFF;
+    font-size: 24px;
+    color: #333;
+    font-weight: bold;
+    background: #fff;
     h1 {
     h1 {
       font-weight: normal;
       font-weight: normal;
       display: inline-block;
       display: inline-block;

src/modules/college-manage/modal/ChooseMembersModal.jsx

@@ -6,9 +6,11 @@
 
 
 import React from 'react';
 import React from 'react';
 import { Modal, Input, Table, message, Tooltip, Empty } from 'antd';
 import { Modal, Input, Table, message, Tooltip, Empty } from 'antd';
+import { XMTable } from '@/components';
 import Service from '@/common/js/service';
 import Service from '@/common/js/service';
 import User from '@/common/js/user'
 import User from '@/common/js/user'
 import SetEmployeeModal from "./SetEmployeeModal";
 import SetEmployeeModal from "./SetEmployeeModal";
+import search from '../../lottie/search/data.json';
 import './ChooseMembersModal.less';
 import './ChooseMembersModal.less';
 import _ from 'underscore';
 import _ from 'underscore';
 
 
@@ -311,19 +313,18 @@ class ChooseMembersModal extends React.Component {
                   enterButton={<span className="icon iconfont">&#xe832;</span>}
                   enterButton={<span className="icon iconfont">&#xe832;</span>}
                 />
                 />
                 <div className='container-left-body-table'>
                 <div className='container-left-body-table'>
-                  <Table 
+                  <XMTable 
                     rowKey={(record) => record.enterpriseVisibleUserId}
                     rowKey={(record) => record.enterpriseVisibleUserId}
                     dataSource={allUserList}
                     dataSource={allUserList}
                     columns={this.selectedColumnsLeft()}               
                     columns={this.selectedColumnsLeft()}               
                     pagination={false}
                     pagination={false}
                     scroll={{ y: 290}}
                     scroll={{ y: 290}}
-                    // bordered={true}
-                    locale={{
-                      emptyText: <div>
-                        <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={false} />
-                        <div style={{ color: '#333', marginTop: -70 }}>暂无数据</div>
+                    renderEmpty={{
+                      image: searchKey ? search : '',
+                      description: <div>
+                        <div style={{ color: '#333' }}>暂无数据</div>
                         <div style={{ color: '#666', padding: '0 32px', fontSize: '12px' }}>需要先将员工添加到企微可见范围后，员工才会出现在这里</div>
                         <div style={{ color: '#666', padding: '0 32px', fontSize: '12px' }}>需要先将员工添加到企微可见范围后，员工才会出现在这里</div>
-                      </div>,
+                      </div>
                     }}
                     }}
                     size={'small'}
                     size={'small'}
                     rowSelection={{
                     rowSelection={{

src/modules/course-manage/graphics-course/components/GraphicsCourseList.jsx

 /*
 /*
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2020-08-05 10:12:45
  * @Date: 2020-08-05 10:12:45
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-05-27 20:13:53
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-02 15:05:54
  * @Description: 视频课-列表模块
  * @Description: 视频课-列表模块
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -364,7 +364,7 @@ class GraphicsCourseList extends React.Component {
       <ShareLiveModal
       <ShareLiveModal
         needStr={needStr}
         needStr={needStr}
         data={shareData}
         data={shareData}
-        type="videoClass"
+        type="graphicsClass"
         title="图文课"
         title="图文课"
         close={() => {
         close={() => {
           this.setState({
           this.setState({

src/modules/course-manage/modal/ManageCoursewareModal.jsx

 /*
 /*
  * @Author: 吴文洁 
  * @Author: 吴文洁 
  * @Date: 2020-06-22 14:26:37 
  * @Date: 2020-06-22 14:26:37 
- * @Last Modified by: 吴文洁
- * @Last Modified time: 2020-07-23 09:33:02
+ * @Last Modified by: chenshu
+ * @Last Modified time: 2021-06-08 18:18:46
  */
  */
 import React, { useEffect, useState } from 'react';
 import React, { useEffect, useState } from 'react';
 import { Modal, Button, Table, Progress, message, Tooltip, Spin, Popconfirm } from 'antd';
 import { Modal, Button, Table, Progress, message, Tooltip, Spin, Popconfirm } from 'antd';
@@ -40,7 +40,7 @@ class ManageCoursewareModal extends React.Component {
   componentDidMount() {
   componentDidMount() {
     this.getCoursewareList();
     this.getCoursewareList();
     var animation = Lottie.loadAnimation({
     var animation = Lottie.loadAnimation({
-      path: "https://image.xiaomaiketang.com/xm/MQwp2aJaxf.json",
+      path: "https://image.xiaomaiketang.com/xm/SDBkP7mbJX.json",
       name: "test",
       name: "test",
       renderer: "svg",
       renderer: "svg",
       loop: true,
       loop: true,

src/modules/course-manage/modal/ManageCoursewareModal.less

@@ -8,8 +8,8 @@
     .empty-image {
     .empty-image {
       display: block;
       display: block;
       margin: 24px auto 12px;
       margin: 24px auto 12px;
-      width:100px;
-      height:100px;
+      width:150px;
+      height:150px;
     }
     }
     .empty-button {
     .empty-button {
       display: block;
       display: block;

src/modules/course-manage/modal/ShareLiveModal.jsx

@@ -18,8 +18,6 @@ import CourseService from '@/domains/course-domain/CourseService'
 
 
 import './ShareLiveModal.less'
 import './ShareLiveModal.less'
 
 
-const DEFAULT_COVER = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'
-
 class ShareLiveModal extends React.Component {
 class ShareLiveModal extends React.Component {
   constructor(props) {
   constructor(props) {
     super(props)
     super(props)
@@ -98,27 +96,31 @@ class ShareLiveModal extends React.Component {
 
 
   render() {
   render() {
     const { courseDivision, data, type, title } = this.props
     const { courseDivision, data, type, title } = this.props
-    const { courseName, coverUrl = DEFAULT_COVER, scheduleVideoUrl } = data
+    const { courseName, scheduleVideoUrl, courseMediaVOS, coverUrl } = data
     const { shareUrl, showImg, time } = this.state
     const { shareUrl, showImg, time } = this.state
-
     // 判断是否是默认图, 默认图不需要在URL后面增加字符串
     // 判断是否是默认图, 默认图不需要在URL后面增加字符串
-    const isDefaultCover = coverUrl === DEFAULT_COVER
-
-    let coverImgSrc = coverUrl
-    if (type === 'videoClass') {
-      if ((!coverUrl || isDefaultCover) && title !== '图文课' && title !== '线下课') {
-        if (courseDivision === 'external') {
-          coverImgSrc = 'https://image.xiaomaiketang.com/xm/mt3ZQRxGKB.png'
-        } else {
-          coverImgSrc = `${scheduleVideoUrl}?x-oss-process=video/snapshot,t_0,m_fast&anystring=anystring`
-        }
-      }
-    } else {
+    let coverImgSrc = '';
+    switch (type) {
+      case 'liveClass': // 直播课
+        if (courseMediaVOS && courseMediaVOS.length > 0) {
           data.courseMediaVOS.map((item, index) => {
           data.courseMediaVOS.map((item, index) => {
             if (item.contentType === 'COVER') {
             if (item.contentType === 'COVER') {
               coverImgSrc = item.mediaUrl
               coverImgSrc = item.mediaUrl
             }
             }
           })
           })
+        } 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')
+        break;
+      case 'graphicsClass': // 图文课
+        coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png';
+        break;
+      case 'offlineClass': // 线下课
+          coverImgSrc = coverUrl || 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
+        break;
     }
     }
 
 
     return (
     return (
@@ -137,7 +139,7 @@ class ShareLiveModal extends React.Component {
               <span className='text'>{User.getStoreName()}</span>
               <span className='text'>{User.getStoreName()}</span>
             </div>
             </div>
 
 
-            <div className='course-name-title'>{type === 'videoClass' ? `${courseName}开课啦` : `邀请你观看直播：`}</div>
+            <div className='course-name-title'>{type === 'liveClass' ? `邀请你观看直播：` : `${courseName}开课啦`}</div>
             {type === 'liveClass' && <div class='live-couse-name'>{courseName}</div>}
             {type === 'liveClass' && <div class='live-couse-name'>{courseName}</div>}
             <Choose>
             <Choose>
               <When condition={showImg}>
               <When condition={showImg}>

src/modules/course-manage/offline-course/AddOfflineCourse.jsx

 /*
 /*
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2020-08-05 10:07:47
  * @Date: 2020-08-05 10:07:47
- * @LastEditors: wufan
- * @LastEditTime: 2021-05-27 19:25:48
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-07 15:06:26
  * @Description: 线下课新增/编辑页
  * @Description: 线下课新增/编辑页
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -518,6 +518,11 @@ class AddOfflineCourse extends React.Component {
     if(coverId){
     if(coverId){
       scheduleMediaRequests = [coverObj]
       scheduleMediaRequests = [coverObj]
     }
     }
+
+    // 编辑且使用默认图时不传
+    if (pageType === 'edit' && coverUrl === defaultCoverUrl) {
+      scheduleMediaRequests = []
+    }
     const commonParams = {
     const commonParams = {
       categoryId,
       categoryId,
       courseName,
       courseName,

src/modules/course-manage/offline-course/components/OfflineCourseList.jsx

 /*
 /*
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2020-08-05 10:12:45
  * @Date: 2020-08-05 10:12:45
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-05-27 20:14:01
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-02 16:15:55
  * @Description: 视频课-列表模块
  * @Description: 视频课-列表模块
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -25,7 +25,7 @@ import QRCodeModal from '../modal/QRCodeModal';
 import './OfflineCourseList.less';
 import './OfflineCourseList.less';
 
 
 const ENV = process.env.DEPLOY_ENV || 'dev';
 const ENV = process.env.DEPLOY_ENV || 'dev';
-const defaultCoverUrl = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png';
+const defaultCoverUrl = 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
 
 
 class OfflineCourseList extends React.Component {
 class OfflineCourseList extends React.Component {
 
 
@@ -358,7 +358,7 @@ class OfflineCourseList extends React.Component {
       <ShareLiveModal
       <ShareLiveModal
         needStr={needStr}
         needStr={needStr}
         data={shareData}
         data={shareData}
-        type="videoClass"
+        type="offlineClass"
         title="线下课"
         title="线下课"
         close={() => {
         close={() => {
           this.setState({
           this.setState({

src/modules/course-manage/offline-course/modal/PreviewOfflineModal.jsx

@@ -6,7 +6,7 @@ import Service from "@/common/js/service";
 import './PreviewOfflineModal.less';
 import './PreviewOfflineModal.less';
 import ENUM from '@/modules/knowledge-base/ENUM';
 import ENUM from '@/modules/knowledge-base/ENUM';
 
 
-const defaultCoverUrl = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png';
+const defaultCoverUrl = 'https://image.xiaomaiketang.com/xm/pxbWKsYA87.png';
 
 
 class PreviewOfflineModal extends React.Component {
 class PreviewOfflineModal extends React.Component {
 
 

src/modules/course-manage/video-course/index.jsx

-import React from 'react'
-import { Tabs } from 'antd'
-import VideoCourseFilter from './components/VideoCourseFilter'
-import VideoCourseOpt from './components/VieoCourseOpt'
-import VideoCourseList from './components/VideoCourseList'
-import CourseService from '@/domains/course-domain/CourseService'
-import User from '@/common/js/user'
-const { TabPane } = Tabs
+import React from 'react';
+import { Tabs } from 'antd';
+import VideoCourseFilter from './components/VideoCourseFilter';
+import VideoCourseOpt from './components/VieoCourseOpt';
+import VideoCourseList from './components/VideoCourseList';
+import CourseService from '@/domains/course-domain/CourseService';
+import User from '@/common/js/user';
+const { TabPane } = Tabs;
 class VideoCourse extends React.Component {
 class VideoCourse extends React.Component {
   constructor(props) {
   constructor(props) {
-    super(props)
+    super(props);
     this.state = {
     this.state = {
       query: {
       query: {
         size: 10,
         size: 10,
@@ -18,45 +18,43 @@ class VideoCourse extends React.Component {
       dataSource: [], // 视频课列表
       dataSource: [], // 视频课列表
       totalCount: 0, // 视频课数据总条数
       totalCount: 0, // 视频课数据总条数
       currentTabKey: 'internal',
       currentTabKey: 'internal',
-    }
+    };
   }
   }
 
 
   componentWillMount() {
   componentWillMount() {
     // 获取视频课列表
     // 获取视频课列表
-    this.handleFetchScheduleList()
+    this.handleFetchScheduleList();
   }
   }
 
 
   // 获取视频课列表
   // 获取视频课列表
   handleFetchScheduleList = (_query = {}) => {
   handleFetchScheduleList = (_query = {}) => {
-    const { currentTabKey } = this.state
+    const { currentTabKey } = this.state;
     const query = {
     const query = {
       ...this.state.query,
       ...this.state.query,
       ..._query,
       ..._query,
 
 
       courseDivision: currentTabKey === 'external' ? 1 : null,
       courseDivision: currentTabKey === 'external' ? 1 : null,
-    }
-
-    // 更新请求参数
-    this.setState({ query })
+    };
 
 
     CourseService.videoSchedulePage(query).then((res) => {
     CourseService.videoSchedulePage(query).then((res) => {
-      const { result = {} } = res || {}
-      const { records = [], total = 0 } = result
+      const { result = {} } = res || {};
+      const { records = [], total = 0 } = result;
       if (Number(total) && query.size * (query.current - 1) >= Number(total)) {
       if (Number(total) && query.size * (query.current - 1) >= Number(total)) {
         this.handleFetchScheduleList({
         this.handleFetchScheduleList({
           ...query,
           ...query,
           current: 1,
           current: 1,
-        })
-        return
+        });
+        return;
       }
       }
       this.setState({
       this.setState({
+        query,
         dataSource: records,
         dataSource: records,
         totalCount: Number(total),
         totalCount: Number(total),
-      })
-    })
-  }
+      });
+    });
+  };
   currenTabChange = (currentTabKey) => {
   currenTabChange = (currentTabKey) => {
-    const { query } = this.state
+    const { query } = this.state;
     this.setState(
     this.setState(
       {
       {
         currentTabKey,
         currentTabKey,
@@ -66,20 +64,21 @@ class VideoCourse extends React.Component {
         },
         },
       },
       },
       () => {
       () => {
-        this.handleFetchScheduleList()
-      }
-    )
+        console.log('this.state.query===>', this.state.query);
+        // this.handleFetchScheduleList()
       }
       }
+    );
+  };
   changeShelfState = (index, shelfState) => {
   changeShelfState = (index, shelfState) => {
-    const { dataSource } = this.state
-    dataSource[index].shelfState = shelfState
+    const { dataSource } = this.state;
+    dataSource[index].shelfState = shelfState;
     this.setState({
     this.setState({
       dataSource,
       dataSource,
-    })
-  }
+    });
+  };
 
 
   render() {
   render() {
-    const { dataSource, totalCount, query, currentTabKey } = this.state
+    const { dataSource, totalCount, query, currentTabKey } = this.state;
     return (
     return (
       <div className='page video-course-page'>
       <div className='page video-course-page'>
         <div className='content-header'>视频课</div>
         <div className='content-header'>视频课</div>
@@ -107,8 +106,8 @@ class VideoCourse extends React.Component {
           />
           />
         </div>
         </div>
       </div>
       </div>
-    )
+    );
   }
   }
 }
 }
 
 
-export default VideoCourse
+export default VideoCourse;

src/modules/knowledge-base/components/KnowledgeBaseList.jsx

@@ -10,7 +10,6 @@
 import React from "react";
 import React from "react";
 import { Modal, message, Tooltip, Switch, Dropdown, Button } from "antd";
 import { Modal, message, Tooltip, Switch, Dropdown, Button } from "antd";
 import { Route, withRouter } from "react-router-dom";
 import { Route, withRouter } from "react-router-dom";
-import Lottie from 'react-lottie';
 import { PageControl, XMTable } from "@/components";
 import { PageControl, XMTable } from "@/components";
 import { LIVE_SHARE_MAP } from "@/common/constants/academic/cloudClass";
 import { LIVE_SHARE_MAP } from "@/common/constants/academic/cloudClass";
 import { appId, shareUrl, LIVE_SHARE } from "@/domains/course-domain/constants";
 import { appId, shareUrl, LIVE_SHARE } from "@/domains/course-domain/constants";
@@ -18,7 +17,6 @@ import ScanFileModal from "../../resource-disk/modal/ScanFileModal";
 import WatchData from "./WatchData";
 import WatchData from "./WatchData";
 import KnowledgeAPI from "@/data-source/knowledge/request-api";
 import KnowledgeAPI from "@/data-source/knowledge/request-api";
 import ENUM from "../ENUM.js";
 import ENUM from "../ENUM.js";
-import * as nodata from '../../lottie/nodata/data.json';
 import "./KnowledgeBaseList.less";
 import "./KnowledgeBaseList.less";
 
 
 const DEFAULT_SIZE_UNIT = 1000 * 1000 // 将B转换成M
 const DEFAULT_SIZE_UNIT = 1000 * 1000 // 将B转换成M
@@ -494,14 +492,6 @@ class KnowledgeBaseList extends React.Component {
       preserveSelectedRowKeys: true,
       preserveSelectedRowKeys: true,
       onChange: onSelectChange,
       onChange: onSelectChange,
     }
     }
-    const defaultOptions = {
-      loop: true,
-      autoplay: true,
-      animationData: nodata,
-      rendererSettings: {
-        preserveAspectRatio: 'xMidYMid slice'
-      }
-    }
     return (
     return (
       <div className="knowledge-base-list">
       <div className="knowledge-base-list">
         <XMTable
         <XMTable
@@ -515,15 +505,6 @@ class KnowledgeBaseList extends React.Component {
           bordered
           bordered
           className="knowledge-list-table"
           className="knowledge-list-table"
           renderEmpty={{
           renderEmpty={{
-            image: <div style={{ marginTop: 24 }}>
-              <Lottie
-                options={defaultOptions}
-                height={150}
-                width={150}
-                isStopped={false}
-                isPaused={false}
-              />
-            </div>,
             description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
             description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
           }}
           }}
         />
         />

src/modules/knowledge-base/modal/AddCourse.jsx

@@ -2,8 +2,8 @@
  * @Description:
  * @Description:
  * @Author: zangsuyun
  * @Author: zangsuyun
  * @Date: 2021-03-13 09:54:26
  * @Date: 2021-03-13 09:54:26
- * @LastEditors: fusanqiasng
- * @LastEditTime: 2021-06-01 10:26:46
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-10 19:55:24
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
 
 
@@ -324,7 +324,7 @@ class AddCourse extends React.Component {
                   return <img className='course-cover' src={item.mediaUrl} alt='' />;
                   return <img className='course-cover' src={item.mediaUrl} alt='' />;
                 }
                 }
               })}
               })}
-              {!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} alt='' />}
+              {!hasCover && <img className='course-cover' src={'https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png'} alt='' />}
               <div>
               <div>
                 <Choose>
                 <Choose>
                   <When condition={record.courseName.length > 17}>
                   <When condition={record.courseName.length > 17}>
@@ -501,8 +501,7 @@ class AddCourse extends React.Component {
           const { coverUrl } = record;
           const { coverUrl } = record;
           return (
           return (
             <div className='record__item'>
             <div className='record__item'>
-              {/* 上传了封面的话就用上传的封面, 没有的话就取视频的第一帧 */}
-              <img className='course-cover' src={coverUrl || 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} alt='' />
+              <img className='course-cover' src={coverUrl || 'https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png'} alt='' />
               <Choose>
               <Choose>
                 <When condition={record.courseName.length > 25}>
                 <When condition={record.courseName.length > 25}>
                   <Tooltip title={record.courseName}>
                   <Tooltip title={record.courseName}>

src/modules/lottie/addData/data.json

+{"v":"5.6.10","fr":25,"ip":0,"op":15,"w":150,"h":150,"nm":"提示性添加","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"“ͼ²ã 3”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.135,0.204],[-0.096,0.017],[0,0],[0,0],[0,-0.132],[0,0],[0,0],[0,0],[0.155,0.189],[0.238,-0.004],[0,0],[0.205,-0.315],[0.105,-0.523]],"o":[[0.091,-0.463],[0.138,-0.207],[0,0],[0,0],[0.012,0.013],[0,0],[0,0],[0,0],[0,-0.24],[-0.153,-0.191],[0,0],[-0.345,0.058],[-0.208,0.318],[0,0]],"v":[[-0.465,1.011],[-0.107,0.008],[0.245,-0.28],[0.32,-0.287],[0.407,-0.262],[0.452,-0.057],[0.446,0.041],[1.163,0.113],[1.172,-0.057],[0.962,-0.72],[0.32,-1.007],[0.126,-0.99],[-0.709,-0.386],[-1.172,0.87]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[99.144,51.033],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.435,-0.439],[-0.585,1.913],[1.655,0.401],[0.585,-1.913]],"o":[[1.339,0.409],[0.585,-1.913],[-1.684,-0.306],[-0.585,1.913]],"v":[[-1.221,3.376],[2.368,0.187],[0.979,-3.479],[-2.368,-0.739]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[98.876,52.156],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-12.039,1.757],[0.261,-2.221],[-0.794,-0.138],[0.757,-0.082],[0.93,1.749],[-0.051,0.507],[1.769,2.423],[9.323,-4.156],[0.389,-0.927],[-4.348,-5.617]],"o":[[-0.058,0.191],[-0.021,0.412],[0.985,0.197],[2.997,-5.358],[-1.261,-2.372],[0.019,-1.772],[-4.091,-5.433],[-1.564,0.672],[-0.542,1.089],[2.853,4.009]],"v":[[9.828,8.262],[9.474,11.814],[12.465,11.264],[12.856,11.697],[15.91,1.024],[13.296,-1.03],[12.235,-6.792],[-9.438,-5.68],[-13.946,-6.326],[-12.492,4.993]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.345097979377,0.388234994926,0.509803981407,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[86.79,38.693],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.606,0.001],[-0.185,0.031],[0,0],[-0.565,0.672],[0,0],[0.552,-0.095],[0,0],[0,0],[0.134,0],[0.467,0.28]],"o":[[0.606,0.366],[0.192,0],[0,0],[0.77,-0.129],[0,0],[-0.417,0.492],[0,0],[0,0],[-0.132,0.022],[-0.423,-0.001],[0,0]],"v":[[-2.242,0.408],[-0.4,0.944],[0.165,0.896],[0.166,0.896],[2.242,-0.3],[1.478,-0.945],[-0.001,-0.09],[-0.014,-0.088],[-0.001,-0.09],[-0.4,-0.056],[-1.726,-0.448]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[85.605,57.104],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0.004,-0.599],[-0.312,-0.315],[-0.497,-0.117],[0,0],[0.124,0.129],[0.005,0.243],[-0.356,0.639]],"o":[[-0.395,0.721],[-0.005,0.446],[0.31,0.317],[0,0],[-0.381,-0.089],[-0.121,-0.131],[-0.004,-0.321],[0,0]],"v":[[-0.329,-1.889],[-0.958,0.063],[-0.492,1.263],[0.735,1.889],[0.963,0.915],[0.224,0.565],[0.042,0.063],[0.546,-1.406]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[83.296,52.6],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.509,-0.992],[-0.491,1.001],[0.509,0.992],[0.491,-1.001]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[89.058,51.27],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.509,-0.992],[-0.491,1.001],[0.509,0.992],[0.491,-1.001]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[79.713,50.713],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.095,-0.029],[0.703,-6.059],[0,0],[6.06,0.702],[-0.652,5.552],[0.037,0.221],[-0.171,3.294],[-5.831,-0.423]],"o":[[6.06,0.703],[0,0],[-0.702,6.059],[-5.552,-0.651],[-0.008,-0.316],[0.102,-1.015],[0.423,-5.831],[0.191,0.059]],"v":[[1.315,-14.281],[10.954,-2.028],[10.135,4.415],[-2.118,14.053],[-11.005,2.761],[-10.963,1.937],[-10.525,-4.621],[0.809,-14.331]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[87.342,50.332],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 8","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-2.889,-0.253],[-2.768,0.662],[0,0],[0,0]],"o":[[2.082,2.592],[2.89,0.253],[0,0],[0,0],[0,0]],"v":[[-7.869,0.178],[-0.903,4.107],[7.052,3.433],[7.869,-4.36],[-6.451,-3.606]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.345097979377,0.388234994926,0.509803981407,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[88.662,62.504],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 9","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[3.885,0.34],[0.21,3.331],[0,0]],"o":[[0,0],[-0.677,3.153],[-3.885,-0.34],[0,0],[0,0]],"v":[[7.951,-7.558],[6.992,3.401],[-0.985,8.525],[-7.951,2.093],[-6.992,-8.865]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.890196018593,0.909803981407,0.960784014534,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[88.621,64.098],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 10","np":2,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"“ͼ²ã 14”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[32.75,47.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[32.75,45.5,0],"to":[0,0,0],"ti":[0,0,0]},{"t":15,"s":[32.75,47.5,0]}],"ix":2},"a":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[24.75,25,0],"to":[0,0,0],"ti":[0,0,0]},{"t":15,"s":[24.75,25,0]}],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.8,0],[0,-0.8],[0,0],[0,0],[0,-0.8],[0.8,0],[0,0],[0,0],[0.8,0],[0,0.8],[0,0],[0,0],[0,0.8],[-0.8,0],[0,0],[0,0]],"o":[[0.8,0],[0,0],[0,0],[0.8,0],[0,0.8],[0,0],[0,0],[0,0.8],[-0.8,0],[0,0],[0,0],[-0.8,0],[0,-0.8],[0,0],[0,0],[0,-0.8]],"v":[[0,-6],[1.5,-4.5],[1.5,-1.5],[4.5,-1.5],[6,0],[4.5,1.5],[1.5,1.5],[1.5,4.5],[0,6],[-1.5,4.5],[-1.5,1.5],[-4.5,1.5],[-6,0],[-4.5,-1.5],[-1.5,-1.5],[-1.5,-4.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[25,25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.6,0],[0,0],[0,-0.6],[0,0],[0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[0.6,0],[0,0],[0,0.6],[0,0],[-0.6,0],[0,0],[0,-0.6]],"v":[[-17.5,-10],[17.5,-10],[18.5,-9],[18.5,9],[17.5,10],[-17.5,10],[-18.5,9],[-18.5,-9]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.160783999574,0.4,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[25.5,25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.6,0],[0,0],[0,-0.6],[0,0],[0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[0.6,0],[0,0],[0,0.6],[0,0],[-0.6,0],[0,0],[0,-0.6]],"v":[[-17.5,-10],[17.5,-10],[18.5,-9],[18.5,9],[17.5,10],[-17.5,10],[-18.5,9],[-18.5,-9]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.64313695571,0.839215985466,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[22.5,25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":-2,"op":25,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"“ͼ²ã 17”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[2.908,5.4],[-1.992,-5.801],[-2.908,-5.4],[1.992,5.801]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[103.964,94.418],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.699,-1.5],[-5,-11.699],[0,0],[0,0],[-2.801,2.2]],"o":[[2.5,2.2],[0,0],[0,0],[-0.801,-4.399],[4.8,-3.7]],"v":[[1.35,-13.5],[12.65,7.3],[-4.75,15.2],[-11.85,-1.5],[-8.85,-11.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[110.164,85.418],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-3.1,-0.899],[0.6,-1.101],[0,0],[19.5,-1.199],[5.4,-0.3],[1.5,0],[0,0],[0,0.6],[-0.5,0.1],[-1.9,1.2],[-3.5,0.3],[-6,1.7]],"o":[[6.2,1.9],[0,0],[-2.101,3.399],[-5,0.301],[-2.7,0.2],[0,0],[-0.6,0],[0,-0.5],[0.4,-1.3],[1.1,-0.7],[5.9,-1.7],[8.8,-2.7]],"v":[[19.1,-8.101],[24.501,0.7],[24.3,1],[0.3,7.899],[-15.4,8.8],[-21.8,9],[-24.3,9],[-25.3,8],[-24.4,7],[-21.2,2.5],[-14.4,1.1],[3.4,-4]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[103.314,111.818],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.1,0.101],[0,0],[-2,-4],[-0.699,-1.399],[-1.2,-3.601],[4.101,-1.7],[0,0],[1.6,3.8],[0.1,0.1],[0.5,1.3],[2.3,4.8],[-3.7,1.8]],"o":[[0,0],[4.2,-1.8],[2.4,4.7],[0.601,1.3],[1.4,4.2],[0,0],[-3.8,1.6],[-0.101,-0.101],[-1.3,-3.6],[-0.6,-1.4],[-1.801,-3.7],[0.101,-0.1]],"v":[[-7.05,-15.55],[-7.05,-15.55],[3.95,-11.55],[8.45,-2.35],[11.15,5.05],[6.45,15.65],[6.35,15.751],[-3.45,11.751],[-3.65,11.35],[-6.35,4.05],[-10.75,-5.249],[-7.35,-15.35]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[116.564,101.268],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"“ͼ²ã 21”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-70,0.5],[-55.8,0.5],[-55.8,-0.5],[-70,-0.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-47.8,0.5],[70,0.5],[70,-0.5],[-47.8,-0.5]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[70,118],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"“ͼ²ã 22”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.101,0.5],[0,0],[-2.4,-2],[2.9,-2.9],[0,0],[0,0],[0,0],[-1.8,5.399],[0,0],[-1.7,1.3],[-5.2,0.101]],"o":[[0,0],[1.7,-0.601],[0,0],[10.4,2.4],[1,0.9],[0,0],[0,0],[0,0],[-1.1,-21.9],[0,0],[0.9,-2.4],[1.7,-1.3],[0,0]],"v":[[-7.25,-26.7],[-3.55,-24.999],[2.15,-26.7],[3.849,-26.3],[23.15,-19.6],[20.349,-13.999],[15.849,26.8],[-22.95,26.8],[-23.05,23.8],[-21.95,-17.2],[-21.85,-17.4],[-17.95,-24.7],[-7.55,-26.8]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[88.25,91.4],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"“ͼ²ã 23”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":8,"s":[2]},{"t":15,"s":[0]}],"ix":10},"p":{"a":0,"k":[89,92.75,0],"ix":2},"a":{"a":0,"k":[84,74.75,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.5,2.4],[4.4,-2.6],[4.6,-4.2],[0,0],[0,0],[0.6,4.199]],"o":[[-7.2,-0.1],[-4.3,2.6],[0,0],[0,0],[2,-3.6],[-0.601,-4.301]],"v":[[12.05,-16.251],[-5.35,-12.55],[-18.75,-2.35],[-8.75,16.35],[16.05,5.549],[18.15,-6.15]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.752940996955,0.788234994926,0.882353001015,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[70.25,81.05],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1,0.5],[0,0],[-0.5,-1],[0,0],[1,-0.5],[0.5,1],[0,0]],"o":[[0,0],[0.9,-0.6],[0,0],[0.6,0.9],[-0.9,0.6],[0,0],[-0.6,-0.9]],"v":[[-3.3,-5.55],[-3.3,-5.55],[-0.6,-4.85],[4,2.85],[3.3,5.55],[0.6,4.85],[-4,-2.85]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[31.961,50.51],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.1,0],[0,0],[-1.1,-0.8],[0,0],[0.8,-1.1],[0.1,-0.2],[0,0],[0.9,0.5],[0,0],[-0.6,1.2]],"o":[[0,0],[0.8,-1.1],[0,0],[1.1,0.8],[-0.1,0.1],[0,0],[-0.8,0.7],[0,0],[-1.1,-0.7],[-0.2,-0.2]],"v":[[-6.2,1.15],[-1.3,-5.35],[2.1,-5.85],[5.5,-3.25],[6,0.15],[5.7,0.55],[-0.2,5.849],[-3,6.15],[-5.3,4.75],[-6.2,1.45]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[31.661,57.31],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-3.2,-2.5],[0,0],[0.9,0.6],[1.2,-1.3],[-0.8,-2]],"o":[[0,0],[-0.2,-6],[-1.3,-0.8],[-0.9,1],[0.7,2.301]],"v":[[-1.1,8.1],[7.8,5.2],[6.2,-4.6],[-1.9,-6.8],[-7,1]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[31.761,60.16],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[4.5,0.7],[3.8,13.6],[0.6,3.1],[0,0],[0,0],[0,0]],"o":[[-16,10.601],[-4.8,-0.7],[-1.5,-5.2],[0,0],[0,0],[0,0],[0,0]],"v":[[23.5,2.55],[-7.2,17.45],[-20.4,-1.75],[-23.5,-14.25],[-14,-18.15],[-4.5,-0.05],[11.6,-10.05]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,82.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"“ͼ²ã 27”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,1.399],[0,0],[-1.3,0],[0,-1.3],[0,0],[1.3,0]],"o":[[0,0],[0,-1.3],[1.3,0],[0,0],[0,1.3],[-1.3,0]],"v":[[-2.4,3.601],[-2.4,-3.6],[0,-6],[2.4,-3.6],[2.4,3.601],[0,6]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.737254961799,0.768626972273,0.858824008119,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[34.961,60.359],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"“ͼ²ã 29”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[19,-21],[-19,-21],[-20,-20],[-20,20],[-19,21],[19,21],[20,20],[20,-20]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[109,44],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"“ͼ²ã 30”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,78.5,0],"ix":2},"a":{"a":0,"k":[70,60.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[19,-24],[-19,-24],[-20,-23],[-20,23],[-19,24],[19,24],[20,23],[20,-23]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[52,24],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file

src/modules/lottie/previewEmpty/data.json

+{"v":"5.6.10","fr":25,"ip":0,"op":20,"w":150,"h":150,"nm":"不存在","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"“ͼ²ã 3”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[4]},{"t":20,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[114.5,42.5,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[114.875,40.875,0],"to":[0,0,0],"ti":[0,0,0]},{"t":20,"s":[114.5,42.5,0]}],"ix":2},"a":{"a":0,"k":[114.5,42.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,1.345],[-0.572,1.279],[-1.152,0.888],[-1.288,-0.003],[-0.432,-0.426],[-0.003,-0.413],[0.208,-0.394],[0.15,-0.068],[0.337,0.001],[0.265,0.14],[0.146,0.288],[-0.001,0.545],[-0.443,0.771],[-0.882,0.452],[-0.699,0.001],[-1.1,-0.553],[0,0],[1.174,0],[0.821,-0.422],[0.572,-1],[0.001,-1.045],[-0.314,-0.631],[-0.511,-0.267],[-0.544,-0.001],[-0.487,0.249],[-0.314,0.587],[-0.002,0.71],[0.583,0.559],[1.272,0.004],[1.445,-1.107],[0.671,-1.504],[0,-1.91],[-0.381,-1.714]],"o":[[-0.362,-1.626],[0,-1.741],[0.573,-1.279],[1.142,-0.883],[1.014,-0.004],[0.222,0.214],[0.002,0.41],[-0.201,0.397],[-0.244,0.127],[-0.327,0],[-0.266,-0.142],[-0.191,-0.381],[-0.001,-0.768],[0.443,-0.772],[0.618,-0.315],[0.884,0],[0,0],[-1.254,-0.63],[-0.926,-0.001],[-1.161,0.594],[-0.572,1.001],[0.001,0.741],[0.29,0.584],[0.512,0.269],[0.562,-0.001],[0.569,-0.302],[0.307,-0.59],[0.003,-0.694],[-0.849,-0.803],[-1.625,0.004],[-1.336,1.026],[-0.673,1.504],[0,1.477],[0,0]],"v":[[-5.97,8.933],[-6.51,4.475],[-5.642,-0.044],[-3.07,-3.278],[0.872,-4.616],[3.161,-3.903],[3.496,-2.977],[3.156,-1.686],[2.514,-0.93],[1.6,-0.723],[0.682,-0.937],[0.063,-1.562],[-0.238,-2.981],[0.423,-5.383],[2.407,-7.287],[4.364,-7.758],[7.337,-6.951],[8.01,-8.291],[4.364,-9.258],[1.723,-8.622],[-0.878,-6.128],[-1.738,-2.981],[-1.279,-0.892],[-0.016,0.391],[1.6,0.777],[3.2,0.404],[4.486,-0.991],[4.996,-2.977],[4.2,-4.985],[0.872,-6.116],[-3.984,-4.467],[-7.011,-0.656],[-8.01,4.475],[-7.435,9.259]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.160783999574,0.4,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[113.453,42.696],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"“ͼ²ã 4”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":10,"s":[4]},{"t":20,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[43,61,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":10,"s":[42,60.75,0],"to":[0,0,0],"ti":[0,0,0]},{"t":20,"s":[43,61,0]}],"ix":2},"a":{"a":0,"k":[43,61,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,-1.156],[-0.796,-1.547],[-1.561,-1.009],[-1.167,0.001],[-0.919,0.833],[-0.013,1.063],[0.303,0.392],[0.525,0.13],[0.236,0],[0.359,-0.508],[0.002,-0.638],[-0.845,-1.158],[-1.697,-0.486],[0,0],[-0.908,-0.003],[-0.6,0.108],[0,0],[0.937,0.001],[0.421,0.126],[0,0],[0,0],[0.674,0.917],[-0.005,0.739],[-0.112,0.146],[-0.274,0.012],[-0.143,-0.036],[-0.074,-0.093],[-0.002,-0.199],[0.679,-0.604],[1.126,0],[1.084,0.701],[0.671,1.303],[0.001,1.806],[-0.238,1.22]],"o":[[-0.253,1.3],[-0.001,1.996],[0.794,1.547],[1.292,0.838],[1.534,0],[0.915,-0.84],[0.002,-0.461],[-0.301,-0.394],[-0.247,-0.062],[-0.68,-0.012],[-0.366,0.504],[0.005,1.137],[0.846,1.153],[0,0],[0.703,0.197],[1.024,-0.001],[0,0],[-0.435,0.082],[-0.829,0.003],[0,0],[0,0],[-1.351,-0.388],[-0.675,-0.912],[-0.002,-0.416],[0.119,-0.142],[0.095,0],[0.268,0.07],[0.072,0.095],[0.013,0.453],[-0.675,0.61],[-0.86,-0.001],[-1.369,-0.888],[-0.67,-1.303],[0,-1.045],[0,0]],"v":[[-9.294,-8.252],[-9.676,-4.567],[-8.494,0.765],[-4.938,4.612],[-1.199,5.811],[2.561,4.363],[4.069,1.416],[3.639,0.084],[2.358,-0.717],[1.633,-0.812],[-0.045,0.012],[-0.55,1.765],[0.735,5.342],[4.558,8.001],[4.557,8.001],[7.067,8.252],[9.676,8.067],[9.405,6.592],[7.067,6.752],[4.971,6.559],[4.944,6.551],[4.971,6.559],[1.944,4.454],[0.95,1.765],[1.163,0.9],[1.633,0.688],[1.989,0.737],[2.449,0.998],[2.569,1.416],[1.554,3.251],[-1.199,4.311],[-4.123,3.353],[-7.16,0.079],[-8.176,-4.567],[-7.822,-7.965]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.160783999574,0.4,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[41.243,59.606],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"“ͼ²ã 5”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[75,75,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-70,0.5],[-54.606,0.5],[-54.606,-0.5],[-70,-0.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-44.949,0.5],[70,0.5],[70,-0.5],[-44.949,-0.5]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[75.313,136.243],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"“ͼ²ã 6”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[2]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[2]},{"t":20,"s":[0]}],"ix":10},"p":{"a":0,"k":[75,91.5,0],"ix":2},"a":{"a":0,"k":[75,91.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.122,0.208],[-0.108,0.021],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,-0.091],[0,0],[0,0],[0,0],[0.154,0.181],[0.213,-0.004],[0,0],[0.186,-0.327],[0.084,-0.525]],"o":[[0.074,-0.472],[0.127,-0.211],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.006,0.01],[0,0],[0,0],[0,0],[0,-0.22],[-0.155,-0.183],[0,0],[-0.361,0.059],[-0.191,0.33],[0,0]],"v":[[-0.423,1.025],[-0.114,-0.001],[0.222,-0.291],[0.328,-0.301],[0.394,-0.293],[0.395,-0.295],[0.392,-0.294],[0.394,-0.293],[0.395,-0.295],[0.392,-0.294],[0.415,-0.144],[0.404,0.005],[1.118,0.096],[1.135,-0.144],[0.936,-0.767],[0.328,-1.021],[0.101,-1.001],[-0.737,-0.364],[-1.135,0.912]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[86.221,74.553],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.389,-0.372],[-0.513,1.912],[1.665,0.271],[0.513,-1.913]],"o":[[1.39,0.372],[0.513,-1.913],[-1.666,-0.271],[-0.512,1.912]],"v":[[-1.083,3.404],[2.384,0.078],[0.897,-3.505],[-2.385,-0.673]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[85.965,75.696],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-11.334,2.275],[0.103,-2.213],[-0.757,-0.113],[0.771,-0.132],[0.98,1.684],[-0.001,0.572],[1.615,1.448],[3.764,-6.996],[0.381,-0.914],[-3.94,-3.921]],"o":[[-0.023,0.161],[-0.02,0.446],[1.017,0.152],[2.721,-6.542],[-1.372,-2.357],[0.002,-1.796],[-5.179,-4.64],[-0.894,1.661],[-0.473,1.134],[2.697,2.684]],"v":[[9.136,7.761],[8.949,11.323],[11.889,10.709],[12.259,11.136],[14.869,-1.203],[12.551,-3.149],[10.643,-7.128],[-9.799,-3.379],[-15.193,-3.379],[-11.909,7.148]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.345097979377,0.388234994926,0.509803981407,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[74.4,61.789],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.794,0.003],[0,0],[0.753,-0.601]],"o":[[0.584,-0.461],[0,0],[-0.991,-0.003],[0,0]],"v":[[-0.705,0.846],[1.327,0.157],[1.327,-0.843],[-1.327,0.063]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[75.872,80.632],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0.003,-0.585],[-0.325,-0.315],[-0.505,-0.089],[0,0],[0.12,0.121],[0.005,0.261],[-0.334,0.638]],"o":[[-0.372,0.72],[-0.005,0.459],[0.323,0.317],[0,0],[-0.381,-0.066],[-0.118,-0.122],[-0.003,-0.324],[0,0]],"v":[[-0.37,-1.868],[-0.955,0.063],[-0.474,1.287],[0.788,1.868],[0.96,0.883],[0.228,0.576],[0.045,0.063],[0.518,-1.407]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[72.23,76.883],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.5,-1],[-0.5,1],[0.5,1],[0.5,-1]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[77.985,75.354],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.5,-1],[-0.5,1],[0.5,1],[0.5,-1]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[68.625,75.15],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.359,0.468],[0.645,1.872],[1.532,-0.707],[-0.645,-1.872]],"o":[[1.359,-0.468],[-0.645,-1.872],[-1.532,0.707],[0.645,1.872]],"v":[[1.172,3.536],[2.186,-1.159],[-1.05,-3.297],[-2.186,0.885]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[65.317,75.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 8","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.135,-0.012],[0.491,-5.627],[0,0],[0,0],[5.628,0.491],[-0.454,5.203],[0,0],[-0.011,0.387],[-0.172,3.769],[-5.424,-0.248]],"o":[[5.627,0.491],[0,0],[0,0],[-0.492,5.628],[-5.203,-0.454],[0,0],[0.05,-0.513],[0.032,-1.143],[0.249,-5.424],[0.135,0.006]],"v":[[0.873,-14.31],[10.173,-3.231],[10.173,-3.229],[9.471,4.793],[-1.612,14.094],[-10.21,3.851],[-10.201,3.752],[-10.11,2.402],[-9.802,-4.966],[0.468,-14.336]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[75.117,73.23],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 9","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-2.985,-0.157],[-0.468,-0.002],[0,0],[-1.745,0.353]],"o":[[0,0],[0,0],[0,0],[2.286,2.387],[0.473,0.025],[0,0],[1.812,-0.006],[0,0]],"v":[[7.657,-4.716],[-6.267,-3.715],[-7.554,-1.104],[-7.657,0.86],[0.25,4.676],[1.662,4.716],[1.856,4.716],[7.19,4.176]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.345097979377,0.388234994926,0.509803981407,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[76.191,85.259],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 10","np":2,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.189,-0.198]],"o":[[0,0],[0.185,0.213],[0,0]],"v":[[0.332,-0.982],[-0.332,0.366],[0.229,0.982]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[68.305,85.137],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 11","np":2,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.757,0.183],[0,0],[-0.807,0.244],[0,0],[0,0]],"o":[[0,0],[0.822,-0.167],[0,0],[0,0],[-0.773,-0.198]],"v":[[-1.088,-1.275],[-1.221,1.275],[1.221,0.659],[1.221,0.636],[1.206,-0.703]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[84.603,88.161],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 12","np":4,"cix":2,"bm":0,"ix":12,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[-0.773,-0.198]],"o":[[0,0],[0,0],[0,0],[0.757,0.183],[0,0]],"v":[[1.067,-3.525],[1.066,-3.525],[-0.814,-3.39],[-1.147,2.953],[1.147,3.525]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[84.662,83.933],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 13","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[3.833,0.201],[0.289,2.993],[0,0],[0,0]],"o":[[0,0],[0,0],[-0.6,2.946],[-3.832,-0.2],[0,0],[0,0],[0,0]],"v":[[7.83,-8.639],[7.149,4.343],[7.096,4.341],[-0.617,9.223],[-7.777,3.562],[-7.83,3.558],[-7.15,-9.424]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.890196018593,0.909803981407,0.960784014534,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[76.195,85.793],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 14","np":2,"cix":2,"bm":0,"ix":14,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"“ͼ²ã 7”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[75,75,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.998,-5.958],[0.002,6.042],[0.998,5.958],[-0.002,-6.042]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[51.5,119],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[1.128,-8.416],[-2.11,8.225],[-1.128,8.416],[2.11,-8.225]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[98.119,120.18],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-6.071,-1.983],[4.038,-14.473],[1.759,-10.557],[0,0],[0.247,3.679],[-3.757,1.228],[-4.984,1.202]],"o":[[5.287,1.239],[3.588,1.172],[-0.47,3.506],[0,0],[-0.499,-10.177],[-3.032,-14.917],[5.667,-1.851],[0,0]],"v":[[7.043,-24.604],[24.082,-19.771],[23.407,3.695],[20.063,24.79],[-23.52,24.79],[-24.638,4.006],[-23.55,-20.21],[-7.574,-24.79]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[75.293,111.21],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"“ͼ²ã 8”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[3]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[2]},{"t":20,"s":[0]}],"ix":10},"p":{"a":0,"k":[113.25,135,0],"ix":2},"a":{"a":0,"k":[113.25,135,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.098,-0.066],[0.738,-0.129],[1.193,-0.384],[-0.346,-1.288],[0,0],[-1.334,0.357],[0,0],[0.259,0.966],[0,0],[0,0]],"o":[[-2.405,0.145],[-0.588,0.103],[-1.269,0.408],[0,0],[0.357,1.333],[0,0],[0.967,-0.259],[0,0],[0,0],[-0.384,-1.03]],"v":[[3.264,-3.189],[-1.452,-2.778],[-4.125,-2.049],[-5.774,0.979],[-5.734,1.131],[-2.672,2.898],[4.58,0.955],[5.861,-1.264],[5.81,-1.428],[5.758,-1.566]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[127.938,95.123],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.693,0],[3.507,0.107],[0.04,-1.337],[0,0],[-1.38,0],[0,0],[-1.599,0.101],[-2.78,1.191],[0,0.785],[0.662,0]],"o":[[-3.838,0.235],[-1.534,0],[-1.337,-0.04],[0,0],[0,1.38],[0,0],[4.598,-0.011],[1.646,-0.105],[0.722,-0.309],[0,-0.662],[0,0]],"v":[[8.541,-2.555],[0.244,-2.203],[-7.317,-2.363],[-9.812,-0.015],[-9.814,0.058],[-7.314,2.557],[-7.309,2.557],[1.986,2.39],[8.624,0.447],[9.814,-1.358],[8.614,-2.557]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[131.186,95.835],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.307,10.698],[0,0],[0,0],[-3.407,-0.873],[-3.561,8.857]],"o":[[0,0],[0,0],[0.351,6.875],[1.873,0.48],[2.739,-6.815]],"v":[[10.556,-18.513],[3.316,-20.513],[-10.556,8.411],[-4.918,20.033],[4.486,7.757]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[118.188,116.193],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"“ͼ²ã 9”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[75,75,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-6.071,-1.983],[-2.631,-12.392],[0,0],[0,0]],"o":[[6.071,1.983],[0,0],[0,0],[-1.108,-11.024]],"v":[[-2.25,-12.289],[10.804,9.272],[-7.73,14.272],[-9.695,1.272]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[101.625,103.728],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.018,-4.128],[-1.409,1.514],[0,0]],"o":[[0,0],[2.275,9.051],[2.018,4.129],[0,0],[0,0]],"v":[[6.039,-13.991],[-9.718,-11.213],[-3.278,8.556],[1.862,12.478],[9.718,11.729]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[104.97,123.766],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"“ͼ²ã 10”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[-3]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[-2]},{"t":20,"s":[0]}],"ix":10},"p":{"a":0,"k":[46.5,135,0],"ix":2},"a":{"a":0,"k":[46.5,135,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.098,-0.066],[-0.738,-0.129],[-1.194,-0.383],[0.345,-1.287],[0,0],[1.333,0.357],[0,0],[-0.259,0.967],[0,0],[0,0]],"o":[[2.406,0.145],[0.588,0.103],[1.269,0.408],[0,0],[-0.357,1.334],[0,0],[-0.966,-0.259],[0,0],[0,0],[0.384,-1.03]],"v":[[-3.264,-3.189],[1.452,-2.778],[4.125,-2.049],[5.775,0.978],[5.734,1.131],[2.673,2.898],[-4.58,0.955],[-5.861,-1.264],[-5.809,-1.427],[-5.757,-1.566]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[31.061,95.587],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-1.694,0],[-3.507,0.106],[-0.041,-1.337],[0,0],[1.38,0],[0,0],[1.599,0.1],[2.78,1.191],[0,0.785],[-0.662,0]],"o":[[3.837,0.234],[1.534,0],[1.337,-0.041],[0,0],[0,1.38],[0,0],[-4.598,-0.011],[-1.645,-0.104],[-0.722,-0.31],[0,-0.662],[0,0]],"v":[[-8.54,-2.554],[-0.243,-2.202],[7.318,-2.362],[9.812,-0.015],[9.813,0.058],[7.315,2.557],[7.309,2.557],[-1.986,2.39],[-8.624,0.447],[-9.813,-1.358],[-8.614,-2.557]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[27.813,96.299],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.825,11.088],[0,0],[0,0],[3.408,-0.873],[3.56,8.857]],"o":[[0,0],[0,0],[-0.351,6.875],[-1.873,0.479],[-2.739,-6.815]],"v":[[-10.556,-18.512],[-3.316,-20.513],[10.556,8.412],[4.918,20.034],[-5.209,8.343]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[40.812,116.657],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"“ͼ²ã 11”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[75,75,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.072,-1.983],[3.826,-15.704],[0,0],[0,0]],"o":[[-6.072,1.983],[0,0],[0,0],[0.238,-9.112]],"v":[[2.93,-13.618],[-11.918,12.914],[8.925,15.601],[11.68,-2.924]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[48.814,104.618],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-4.433,-1.341],[0.402,-4.233],[0,0],[0,0]],"o":[[2.041,-5.061],[4.433,1.341],[0,0],[0,0],[0,0]],"v":[[-7.216,-8.234],[2.494,-13.816],[8.541,-5.456],[1.445,15.157],[-8.943,10.046]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[47.44,118.816],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"“ͼ²ã 12”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[75,75,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.105,0],[0,0],[0,-1.104],[0,0],[0,0],[0,-1.104],[0,0],[0,0],[0,1.104],[0,0]],"o":[[0,0],[-1.105,0],[0,0],[0,0],[1.105,0],[0,0],[0,0],[1.105,0],[0,0],[0,-1.104]],"v":[[13.5,-19],[-13.5,-19],[-15.5,-17],[-15.5,5],[-2.5,5],[-0.5,7],[-0.5,19],[13.5,19],[15.5,17],[15.5,-17]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[54.5,50],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,-1.104],[0,0],[-1.104,0],[0,0],[-2.784,0.91],[-0.746,0.236],[0,0],[0,0],[0,1.104]],"o":[[0,0],[-1.104,0],[0,0],[0,1.105],[0,0],[-0.943,-8.424],[0.758,-0.248],[0,0],[0,0],[-1.105,0],[0,0]],"v":[[5.5,-25],[-18.5,-25],[-20.5,-23],[-20.5,23],[-18.5,25],[15.482,25],[18.243,11],[20.5,10.274],[20.5,-11],[7.5,-11],[5.5,-13]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[33.5,80],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.105,0],[0,0],[0,0],[-1.105,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,1.104],[0,0],[0,0],[0,-1.104]],"v":[[5.5,-7],[-7.5,-7],[-7.5,5],[-5.5,7],[7.5,7],[7.5,-5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.925490016563,0.941175991881,0.968626972273,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[46.5,62],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.105,0],[0,0],[0,-1.105],[0,0],[-1.104,0],[0,0],[0,1.104],[0,0]],"o":[[0,0],[-1.104,0],[0,0],[0,1.104],[0,0],[1.105,0],[0,0],[0,-1.105]],"v":[[18.5,-28],[-18.5,-28],[-20.5,-26],[-20.5,26],[-18.5,28],[18.5,28],[20.5,26],[20.5,-26]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[115.5,49],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file

src/modules/lottie/search/data.json

+{"v":"5.6.10","fr":25,"ip":0,"op":25,"w":150,"h":150,"nm":"搜索无结果","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"“ͼ²ã 3”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,74,0],"ix":2},"a":{"a":0,"k":[70,63.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-70,0.5],[40,0.5],[40,-0.5],[-70,-0.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[52.1,0.5],[70,0.5],[70,-0.5],[52.1,-0.5]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[70,126],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"“ͼ²ã 4”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[5]},{"t":20,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[53.25,58.75,0],"to":[0,-0.292,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":10,"s":[53.25,57,0],"to":[0,0,0],"ti":[0,-0.292,0]},{"t":20,"s":[53.25,58.75,0]}],"ix":2},"a":{"a":0,"k":[48.25,48.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.3,0.4],[1.1,-0.6],[0.5,-1.4],[0,0],[-0.5,0.3],[-0.8,-0.3],[-0.3,-0.5],[0.2,-0.7],[0.4,-0.3],[0,0],[0.4,-0.4],[0.3,-0.8],[0,0],[0,0],[0,0],[-0.3,0.3],[-0.5,0.2],[0,0],[-0.1,0.1],[-0.3,0.9],[0.6,0.9]],"o":[[-1.4,-0.4],[-1.1,0.5],[0,0],[0.3,-0.8],[0.5,-0.4],[0.7,0.2],[0.2,0.5],[-0.1,0.5],[0,0],[-1.6,0.7],[-0.4,0.4],[0,0],[0,0],[0,0],[0.1,-0.5],[0.3,-0.3],[0,0],[0.5,-0.2],[0.6,-0.5],[0.4,-1.2],[-0.6,-0.9]],"v":[[1.25,-6.75],[-2.45,-6.55],[-4.75,-3.65],[-2.55,-2.95],[-1.45,-4.65],[0.55,-4.85],[1.95,-3.85],[2.05,-2.15],[1.15,-0.95],[0.85,-0.75],[-2.15,0.95],[-3.15,2.75],[-3.25,2.85],[-1.05,3.55],[-0.95,3.25],[-0.25,2.05],[0.85,1.35],[2.05,0.85],[2.95,0.35],[4.35,-1.75],[4.05,-4.85]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-0.4,-0.1],[-0.2,-0.3],[0.1,-0.5],[0.3,-0.2],[0.4,0.1],[0.2,0.3],[-0.2,0.5],[-0.4,0.2]],"o":[[0.4,0.1],[0.2,0.3],[-0.1,0.4],[-0.4,0.2],[-0.4,-0.1],[-0.2,-0.4],[0.1,-0.4],[0.3,-0.2]],"v":[[-2.45,4.15],[-1.55,4.85],[-1.45,6.05],[-2.15,6.95],[-3.35,7.05],[-4.25,6.35],[-4.35,5.15],[-3.55,4.25]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.160783999574,0.4,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[52.65,41.15],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"形状图层 1","sr":1,"ks":{"o":{"a":0,"k":19,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,75,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[22.695,22.109],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"椭圆路径 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"fl","c":{"a":0,"k":[0.87450986376,0.901960844152,0.956862804936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-14.777,8.93],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"椭圆 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"“ͼ²ã 5”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[-7]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[-9]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[-9]},{"t":25,"s":[-7]}],"ix":10},"p":{"a":0,"k":[106.125,131.5,0],"ix":2},"a":{"a":0,"k":[114.75,123.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.099,0.014],[0,0],[-0.051,-1.117],[0,0],[-1.116,0.05],[-0.112,0.086],[0,0],[-0.121,0.892],[0,0],[1.09,0.148]],"o":[[0,0],[-1.104,-0.049],[0,0],[-0.05,1.104],[0.1,0.013],[0,0],[0.833,-0.189],[0,0],[0.147,-1.09],[-0.198,-0.027]],"v":[[3.861,-4.084],[-3.904,-4.131],[-5.884,-2.18],[-5.968,2.148],[-4.018,4.13],[-3.608,4.084],[3.85,2.677],[5.493,0.982],[5.871,-1.792],[4.158,-4.043]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.862744978362,0.886274988511,0.945097979377,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[101.329,76.27],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.109,-3.648],[0,0],[-0.135,0.99],[-1.527,0.096],[-1.086,-1.661]],"o":[[0,0],[-4.167,-3.493],[0.089,-1.401],[1.229,-0.135],[1.158,1.873]],"v":[[6.657,2.541],[-0.354,7.339],[-6.522,0.749],[-3.642,-6.329],[4.847,-5.678]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[102.189,79.125],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.292,-8.52],[-8.486,-2.197],[-2.86,7.558],[0,0],[0,0],[0,0],[7.656,1.972]],"o":[[-2.198,8.486],[7.913,2.09],[0,0],[0,0],[0,0],[0.613,-7.581],[-8.392,-2.232]],"v":[[-17.808,-3.965],[-6.498,15.418],[12.397,5.674],[18.779,7.37],[20.006,3.185],[13.402,1.466],[1.575,-15.275]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-1.577,6.124],[-6.159,-1.671],[1.671,-6.16],[6.159,1.671]],"o":[[1.577,-6.125],[6.159,1.671],[-1.671,6.159],[-6.16,-1.671]],"v":[[-13.565,-2.865],[0.476,-11.032],[8.642,3.01],[-5.399,11.176]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.160783999574,0.4,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[77.396,70.77],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":4,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.198,-8.485],[-8.485,-2.197],[-2.697,7.711],[0,0],[0,0],[0,0],[7.562,2.006]],"o":[[-2.198,8.486],[8.007,2.056],[0,0],[0,0],[0,0],[0.648,-7.487],[-8.452,-2.104]],"v":[[-17.786,-3.965],[-6.476,15.417],[12.444,5.452],[18.884,7.019],[19.984,2.776],[13.355,1.278],[1.563,-15.369]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-1.671,6.159],[-6.16,-1.671],[1.671,-6.16],[6.16,1.671]],"o":[[1.577,-6.125],[6.159,1.671],[-1.671,6.159],[-6.124,-1.577]],"v":[[-13.543,-2.866],[0.499,-11.032],[8.664,3.009],[-5.377,11.175]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.64313695571,0.839215985466,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[75.467,70.514],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":4,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0.983,1.086],[0,0],[-1.807,-0.492]],"o":[[-1.513,-0.414],[0,0],[1.182,1.312],[0,0]],"v":[[2.478,0.351],[-1.259,-1.934],[-2.478,-0.834],[2.046,1.934]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[69.921,76.684],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-1.786,-12.74],[0.791,12.84],[1.786,12.74],[-0.791,-12.84]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[103.092,100.967],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.842,0.995],[6.633,20.985],[1.849,5.701],[0,0],[-0.597,-6.742],[-2.239,-2.827]],"o":[[2.805,-3.555],[-1.704,-5.278],[0,0],[0.61,6.643],[0.859,10.007],[4.38,5.642]],"v":[[5.275,20.19],[3.067,-7.358],[-2.262,-23.827],[-9.7,-19.591],[-7.896,0.536],[-5.755,18.186]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[110.976,102.75],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"“ͼ²ã 6”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[-2]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":10,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":15,"s":[0]},{"t":25,"s":[-2]}],"ix":10},"p":{"a":0,"k":[46.75,103.75,0],"ix":2},"a":{"a":0,"k":[41.75,93.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0.208,0.425],[0.18,0.149],[0.231,0.035],[0.096,0],[0.16,-0.072],[0.089,-0.227],[0.005,-0.268],[0,0],[-0.011,0.006],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.082,-0.247],[-0.038,-0.437]],"o":[[-0.059,-0.648],[-0.105,-0.212],[-0.179,-0.15],[-0.098,-0.015],[-0.162,0],[-0.244,0.106],[-0.093,0.229],[0,0],[0.001,-0.262],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.069,0.056],[0.082,0.245],[0,0]],"v":[[1.424,1.184],[1.055,-0.411],[0.634,-0.962],[0.002,-1.247],[-0.288,-1.271],[-0.778,-1.174],[-1.297,-0.619],[-1.424,0.117],[-0.424,0.132],[-0.358,-0.268],[-0.364,-0.272],[-0.36,-0.267],[-0.358,-0.268],[-0.364,-0.272],[-0.36,-0.267],[-0.382,-0.294],[-0.366,-0.262],[-0.36,-0.267],[-0.382,-0.294],[-0.366,-0.262],[-0.354,-0.266],[-0.288,-0.271],[-0.155,-0.259],[-0.004,-0.192],[0.243,0.242],[0.428,1.271]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[26.311,80.461],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.227,-0.717],[0.951,1.669],[-1.523,0.67],[-0.935,-1.767]],"o":[[-1.228,0.717],[-0.951,-1.669],[1.523,-0.67],[0.935,1.769]],"v":[[1.99,3.052],[-2.205,0.768],[-1.693,-3.099],[2.153,-1.174]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[26.551,81.273],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[11.126,-0.566],[-0.675,-2.132],[0.655,-0.302],[-0.723,0.089],[-0.51,1.944],[0.119,0.524],[-0.636,2.734],[-6.57,-3.268],[-0.597,-0.702],[3.643,-7.017]],"o":[[0.083,0.114],[0.135,0.427],[-0.983,0.451],[-4.375,-4.338],[0.719,-2.619],[-0.441,-1.69],[1.432,-5.848],[1.403,0.728],[0.764,0.931],[-2.378,4.787]],"v":[[-7.743,8.907],[-6.663,12.317],[-9.621,12.457],[-9.897,12.919],[-15.694,3.496],[-13.562,0.898],[-13.601,-3.968],[6.854,-9.74],[11.71,-10.995],[12.562,0.884]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.345097979377,0.388234994926,0.509803981407,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[35.072,65.811],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.87,0.778],[1.153,0.181],[0.87,-0.778],[-1.153,-0.181]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[40.506,84.78],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-0.16,-0.257],[0,-0.148],[0.091,-0.129],[0.244,-0.14],[0,0],[-0.201,0.276],[0.002,0.343],[0.23,0.367],[0.425,0.377],[0,0]],"o":[[0.375,0.333],[0.162,0.258],[-0.002,0.131],[-0.092,0.127],[0,0],[0.33,-0.191],[0.201,-0.275],[0,-0.39],[-0.232,-0.369],[0,0],[0,0]],"v":[[-1.009,-1.199],[-0.209,-0.305],[0.007,0.303],[-0.119,0.668],[-0.615,1.08],[-0.115,1.947],[0.691,1.255],[1.007,0.303],[0.639,-0.836],[-0.345,-1.947],[-1.009,-1.198]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[41.695,78.259],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-0.829,-0.803],[-0.11,1.149],[0.829,0.803],[0.109,-1.149]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[35.411,79.067],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 6","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-1.416,-0.979],[-0.466,1.657],[1.416,0.979],[0.466,-1.657]],"c":false},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.356862984452,0.4,0.521568986481,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[44.491,75.703],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 7","np":2,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.114,-0.083],[-2.035,-5.689],[0,0],[-5.689,2.035],[1.9,5.263],[0.067,0.214],[1.012,3.197],[5.641,-1.739]],"o":[[-5.689,2.036],[0,0],[2.035,5.689],[5.262,-1.9],[-0.052,-0.311],[-0.337,-1.065],[-1.754,-5.543],[-0.083,-0.114]],"v":[[-4.55,-13.548],[-11.144,0.595],[-8.973,6.709],[5.169,13.303],[11.279,0.298],[10.993,-0.456],[9.051,-6.736],[-4.238,-13.6]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[37.427,76.893],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 8","np":2,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-2.9,0.107],[-2.644,1.14],[0,0],[0,0]],"o":[[2.423,2.276],[3.014,-0.111],[0,0],[0,0],[0,0]],"v":[[-7.198,1.043],[0.51,4.246],[7.198,2.492],[5.017,-4.353],[-5.794,-2.735]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.345097979377,0.388234994926,0.509803981407,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[40.326,87.963],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 9","np":2,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-3.737,1.298],[0.971,3.253],[0.105,0.095],[0.1,-0.005]],"o":[[0,0],[0,0],[1.271,3.238],[3.842,-1.202],[-0.005,-0.101],[-0.005,-0.1],[0,0]],"v":[[5.027,-9.962],[-9.249,-5.309],[-5.898,5.13],[3.099,8.664],[8.278,0.482],[8.162,0.188],[8.052,-0.007]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.890196018593,0.909803981407,0.960784014534,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[39.246,89.973],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 10","np":2,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"“ͼ²ã 7”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,74,0],"ix":2},"a":{"a":0,"k":[70,63.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.854,0.007],[0.007,0.854],[0.854,-0.006],[-0.007,-0.854]],"o":[[0.854,-0.007],[-0.006,-0.854],[-0.854,0.007],[0.006,0.855]],"v":[[0.035,1.486],[1.486,-0.035],[-0.035,-1.487],[-1.486,0.035]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[28.197,124.349],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.049,1.802],[4.401,0.025],[0.009,-3.324],[-3.898,-0.11]],"o":[[0.009,-3.324],[-4.401,-0.024],[-0.022,1.615],[4.121,0.132]],"v":[[7.981,2.129],[-0.013,-3.907],[-8.008,2.054],[-0.449,3.33]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[19.727,122.622],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-2.503,-2.959],[-1.367,-4.04],[0,0],[2.631,3.121],[4.447,0.017]],"o":[[4.236,0.032],[2.554,3.03],[0,0],[-1.406,-4.157],[-2.681,-3.193],[0,0]],"v":[[-8.442,-6.963],[1.557,-2.6],[7.495,7.963],[8.442,7.643],[2.322,-3.245],[-8.436,-7.963]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.627450980392,0.670587995941,0.792156982422,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[29.966,115.441],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.013,-2.877],[0.546,-9.378],[0,0],[0,0],[5.511,2.615]],"o":[[-2.91,4.293],[0,0],[0,0],[0.658,-5.932],[-5.15,-2.415]],"v":[[-6.812,-6.491],[-12.009,14.064],[5.068,14.085],[11.351,1.067],[3.997,-11.67]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[24.722,111.739],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.3,-5.601],[-3.1,-17.601],[0,0],[0,0],[-5,1.2]],"o":[[0.9,3.699],[0,0],[0,0],[13,-8],[6.9,-1.5]],"v":[[17.1,-11.35],[23.1,20.65],[-17.6,20.65],[-23.1,-5.45],[3.9,-19.15]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.803921987496,0.83529399797,0.917646998985,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[46.9,105.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 5","np":2,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"“ͼ²ã 8”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,74,0],"ix":2},"a":{"a":0,"k":[70,63.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-3.3,4.9],[-6.9,-1.3],[-10.3,-4.601],[0,0],[0,0]],"o":[[1,-1.5],[3.7,0.7],[0,0],[0,0],[-8.2,-5]],"v":[[-16.65,-10.15],[-0.95,-12.95],[19.95,-4.95],[11.85,14.25],[-9.35,4.75]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.752940996955,0.788234994926,0.882353001015,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[62.523,98.47],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.4,-3.9],[0,0],[-3.9,-2.399],[-0.1,-0.101],[0,0],[-1.199,1.9],[0,0],[3.7,2.5],[0.2,0.1],[0,0]],"o":[[0,0],[-2.4,3.8],[0.1,0.101],[0,0],[2,1.1],[0,0],[2.5,-3.7],[-0.199,-0.1],[0,0],[-4.1,-2.2]],"v":[[-16.2,-9.85],[-16.5,-9.45],[-13.9,1.85],[-13.5,2.15],[8,13.95],[13.7,12.55],[16.4,8.65],[14.2,-2.45],[13.6,-2.85],[-4.6,-12.85]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[84.373,106.569],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"“ͼ²ã 9”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,74,0],"ix":2},"a":{"a":0,"k":[70,63.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[12.5,-2.5],[-12.5,-2.5],[-13.5,-1.5],[-13.5,1.5],[-12.5,2.5],[12.5,2.5],[13.5,1.5],[13.5,-1.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.96470600203,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[67.5,29.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[12.5,-2.5],[-12.5,-2.5],[-13.5,-1.5],[-13.5,1.5],[-12.5,2.5],[12.5,2.5],[13.5,1.5],[13.5,-1.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.96470600203,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[67.5,20.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[6.5,-2.5],[-6.5,-2.5],[-7.5,-1.5],[-7.5,1.5],[-6.5,2.5],[6.5,2.5],[7.5,1.5],[7.5,-1.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.96470600203,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[61.5,11.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[17,-2.5],[-17,-2.5],[-18,-1.5],[-18,1.5],[-17,2.5],[17,2.5],[18,1.5],[18,-1.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.96470600203,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[72,2.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"“ͼ²ã 10”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,74,0],"ix":2},"a":{"a":0,"k":[70,63.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.1,0],[0,0],[0,-1.1],[0,0],[-1.1,0],[0,0],[0,1.1],[0,0]],"o":[[0,0],[-1.1,0],[0,0],[0,1.1],[0,0],[1.1,0],[0,0],[0,-1.1]],"v":[[18.5,-25],[-18.5,-25],[-20.5,-23],[-20.5,23],[-18.5,25],[18.5,25],[20.5,23],[20.5,-23]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[23.5,52],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"“ͼ²ã 11”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[75,74,0],"ix":2},"a":{"a":0,"k":[70,63.5,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,0.6],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[0.6,0],[0,0],[0,-0.6]],"v":[[12.5,-2.5],[-12.5,-2.5],[-13.5,-1.5],[-13.5,1.5],[-12.5,2.5],[12.5,2.5],[13.5,1.5],[13.5,-1.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.87450986376,0.901960844152,0.956862804936,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[117.5,44.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-5.5,5.5],[-5.5,-5.5],[5.5,-5.5],[5.5,5.5]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.875903739181,0.902435601926,0.955499387255,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[109.5,30.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.2,0],[0,0],[0,3.3],[0,0]],"o":[[0,0],[0,2.2],[0,0],[-3.3,0],[0,0],[0,0]],"v":[[14.6,-6],[14.6,2],[18.6,6],[-12.6,6],[-18.6,0],[-18.6,-6]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.901961023667,0.917646998985,0.956862984452,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[112.6,64],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0.6],[0,0],[-0.6,0],[0,0],[0,-0.6],[0,0],[0.6,0]],"o":[[-0.6,0],[0,0],[0,-0.6],[0,0],[0.6,0],[0,0],[0,0.6],[0,0]],"v":[[-13.5,4],[-14.5,3],[-14.5,0],[-13.5,-1],[11.5,-1],[12.5,0],[12.5,3],[11.5,4]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-14.5,-7],[-14.5,-18],[-3.5,-18],[-3.5,-7]],"c":true},"ix":2},"nm":"路径 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0.6,0],[0,0],[0,-0.6],[0,0],[-0.6,0],[0,0],[0,2.8],[0,0]],"o":[[0,0],[-0.6,0],[0,0],[0,0.6],[0,0],[2.8,0],[0,0],[0,-0.6]],"v":[[19.5,-27],[-19.5,-27],[-20.5,-26],[-20.5,26],[-19.5,27],[15.5,27],[20.5,22],[20.5,-26]],"c":true},"ix":2},"nm":"路径 3","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"合并路径 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784014534,0.968626972273,0.984314024682,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[118.5,43],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 4","np":5,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file

src/modules/plan-manage/components/PlanList.jsx

@@ -10,7 +10,7 @@
 import React, { useState } from 'react';
 import React, { useState } from 'react';
 import { Table, Modal, message, Tooltip, Switch, Dropdown } from 'antd';
 import { Table, Modal, message, Tooltip, Switch, Dropdown } from 'antd';
 import { withRouter } from 'react-router-dom';
 import { withRouter } from 'react-router-dom';
-import { PageControl } from '@/components';
+import { PageControl, XMTable } from "@/components";
 import PlanService from '@/domains/plan-domain/planService';
 import PlanService from '@/domains/plan-domain/planService';
 import SharePlanModal from '../modal/SharePlanModal';
 import SharePlanModal from '../modal/SharePlanModal';
 import { LIVE_SHARE } from '@/domains/course-domain/constants';
 import { LIVE_SHARE } from '@/domains/course-domain/constants';
@@ -305,7 +305,7 @@ function PlanList(props) {
   }
   }
   return (
   return (
     <div className='plan-list'>
     <div className='plan-list'>
-      <Table
+      <XMTable
         rowKey={(record) => record.id}
         rowKey={(record) => record.id}
         showSorterTooltip={false}
         showSorterTooltip={false}
         dataSource={props.planListData}
         dataSource={props.planListData}
@@ -316,6 +316,9 @@ function PlanList(props) {
         size='middle'
         size='middle'
         scroll={{ x: 1400 }}
         scroll={{ x: 1400 }}
         className='plan-list-table'
         className='plan-list-table'
+        renderEmpty={{
+          description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
+        }}
       />
       />
       <div className='box-footer'>
       <div className='box-footer'>
         <PageControl
         <PageControl

src/modules/plan-manage/modal/SharePlanModal.jsx

@@ -16,7 +16,7 @@ import CourseService from '@/domains/course-domain/CourseService'
 
 
 import './SharePlanModal.less'
 import './SharePlanModal.less'
 
 
-const DEFAULT_COVER = 'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'
+const DEFAULT_COVER = 'https://image.xiaomaiketang.com/xm/rEAetaTEh3.png'
 
 
 class ShareLiveModal extends React.Component {
 class ShareLiveModal extends React.Component {
   constructor(props) {
   constructor(props) {

src/modules/plan-manage/modal/relatedCourseModal.jsx

@@ -304,7 +304,7 @@ class SelectOperatorModal extends React.Component {
                 return null
                 return null
               })}
               })}
               <If condition={!hasCover}>
               <If condition={!hasCover}>
-                <img className='course-cover' src={"https://image.xiaomaiketang.com/xm/YNfi45JwFA.png"} alt='' />
+                <img className='course-cover' src={"https://image.xiaomaiketang.com/xm/Yip2YtFDwH.png"} alt='' />
               </If>
               </If>
 
 
               <div>
               <div>
@@ -432,8 +432,7 @@ class SelectOperatorModal extends React.Component {
           const { coverUrl } = record
           const { coverUrl } = record
           return (
           return (
             <div className='course-info'>
             <div className='course-info'>
-              {/* 上传了封面的话就用上传的封面, 没有的话就取视频的第一帧 */}
-              <img className='course-cover' src={coverUrl || "https://image.xiaomaiketang.com/xm/YNfi45JwFA.png"} alt='' />
+              <img className='course-cover' src={coverUrl || "https://image.xiaomaiketang.com/xm/wFnpZtp2yB.png"} alt='' />
               <div className='course-name'>{record.courseName}</div>
               <div className='course-name'>{record.courseName}</div>
             </div>
             </div>
           )
           )

src/modules/resource-disk/components/FolderList.jsx

 /*
 /*
  * @Author: 吴文洁 
  * @Author: 吴文洁 
  * @Date: 2020-06-09 10:47:51 
  * @Date: 2020-06-09 10:47:51 
- * @Last Modified by: 吴文洁
- * @Last Modified time: 2020-07-23 09:33:09
+ * @Last Modified by: chenshu
+ * @Last Modified time: 2021-06-08 18:10:25
  * @Description: 文件夹列表
  * @Description: 文件夹列表
  */
  */
 
 
@@ -11,12 +11,13 @@ import { Table, Menu, Dropdown, Modal, message,Tooltip } from 'antd';
 import _ from 'underscore';
 import _ from 'underscore';
 // import * as lodash from 'lodash';
 // import * as lodash from 'lodash';
 import { PageControl, LottieIcon } from 'xiaomai-b-components';
 import { PageControl, LottieIcon } from 'xiaomai-b-components';
-
+import { XMTable } from '@/components';
 import Service from '@/common/js/service';
 import Service from '@/common/js/service';
 import { formatDate } from '@/domains/basic-domain/utils';
 import { formatDate } from '@/domains/basic-domain/utils';
 import { FILE_TYPE_ICON_MAP, SUPPORT_FILE_TYPE_MAP, DEFAULT_SIZE_UNIT } from '@/domains/resource-disk/constants';
 import { FILE_TYPE_ICON_MAP, SUPPORT_FILE_TYPE_MAP, DEFAULT_SIZE_UNIT } from '@/domains/resource-disk/constants';
 import { getFileTypeByName } from '@/domains/resource-disk/utils';
 import { getFileTypeByName } from '@/domains/resource-disk/utils';
-
+import addData from '../../lottie/addData/data.json';
+import search from '../../lottie/search/data.json';
 import UploadProgressModal from '@/bu-components/UploadProgressModal';
 import UploadProgressModal from '@/bu-components/UploadProgressModal';
 import SelectPrepareFileModal from '@/bu-components/SelectPrepareFileModal';
 import SelectPrepareFileModal from '@/bu-components/SelectPrepareFileModal';
 import CopyFileModal from '@/bu-components/CopyFileModal';
 import CopyFileModal from '@/bu-components/CopyFileModal';
@@ -693,9 +694,11 @@ class FolderList extends React.Component {
           </When>
           </When>
 
 
           <Otherwise>
           <Otherwise>
-            <LottieIcon
-              title={
-                <Choose>
+            <XMTable
+              className="add-empty"
+              renderEmpty={{
+                image: !showResultPage ? addData : search,
+                description: <Choose>
                   <When condition={!showResultPage}>
                   <When condition={!showResultPage}>
                     <input
                     <input
                       multiple
                       multiple
@@ -709,7 +712,7 @@ class FolderList extends React.Component {
                     {
                     {
                       <Choose>
                       <Choose>
                         <When condition={hasManagementAuthority}>
                         <When condition={hasManagementAuthority}>
-                          <div>你还没有上传文件，点击
+                          <div className="lottie-icon-title">你还没有上传文件，点击
                             <Tooltip title="支持文件类型：ppt、word、excel、pdf、jpg、mp3、mp4">
                             <Tooltip title="支持文件类型：ppt、word、excel、pdf、jpg、mp3、mp4">
                               <span
                               <span
                                 className="upload-btn"
                                 className="upload-btn"
@@ -729,7 +732,7 @@ class FolderList extends React.Component {
                     <div className="desc">搜索无结果</div>
                     <div className="desc">搜索无结果</div>
                   </Otherwise>
                   </Otherwise>
                 </Choose>
                 </Choose>
-              }
+              }}
             />
             />
           </Otherwise>
           </Otherwise>
         </Choose>
         </Choose>

src/modules/resource-disk/index.less

@@ -215,8 +215,7 @@
         cursor: pointer;
         cursor: pointer;
       }
       }
 
 
-      .lottie-icon {
-        &__title {
+      .lottie-icon-title {
         color: #999;
         color: #999;
         .upload-btn {
         .upload-btn {
           color: #5A8EFA;
           color: #5A8EFA;
@@ -224,12 +223,16 @@
           cursor: pointer;
           cursor: pointer;
         }
         }
       }
       }
-      }
       // td.ant-table-column-sort{
       // td.ant-table-column-sort{
       //   background:none !important;
       //   background:none !important;
       // }
       // }
     }
     }
   }
   }
+  .add-empty {
+    .ant-table-cell {
+      border: none;
+    }
+  }
 }
 }
 
 
 
 

src/modules/root/ErrorCollege.jsx

 import User from '@/common/js/user';
 import User from '@/common/js/user';
 import React from 'react';
 import React from 'react';
-import Header from './Header'
+import Lottie from "lottie-web";
+import { Modal } from "antd";
 import Service from "@/common/js/service";
 import Service from "@/common/js/service";
+import { LIVE_SHARE } from "@/domains/course-domain/constants";
+import BaseService from "@/domains/basic-domain/baseService";
 import './ErrorCollege.less';
 import './ErrorCollege.less';
 
 
 export default class ErrorCollege extends React.Component {
 export default class ErrorCollege extends React.Component {
   constructor(props) {
   constructor(props) {
     super(props);
     super(props);
     this.state = {
     this.state = {
-      menuType: true,
+      nickName: '',
     }
     }
   }
   }
 
 
   componentDidMount() {
   componentDidMount() {
+    this.getUserInfo();
     this.getStorePermission();
     this.getStorePermission();
+    var animation = Lottie.loadAnimation({
+      path: "https://image.xiaomaiketang.com/xm/AhcJZHdMZf.json",
+      name: "test",
+      renderer: "svg",
+      loop: true,
+      autoplay: true,
+      container: document.getElementById("lottie-box")
+    });
   }
   }
 
 
   getStorePermission() {
   getStorePermission() {
@@ -29,17 +41,62 @@ export default class ErrorCollege extends React.Component {
     });
     });
   }
   }
   
   
-  handleMenuType() {
-    this.setState({ menuType: !menuType });
+  getUserInfo() {
+    const param = {
+      storeUserId: User.getStoreUserId(),
+    };
+    BaseService.getStoreUser(param).then((res) => {
+      const { nickName } = res.result;
+      this.setState({ nickName });
+    });
+  }
+  
+  handleLogoutConfirm() {
+    return Modal.confirm({
+      title: "你确定要退出登录吗？",
+      content: "退出后，需重新登录",
+      icon: (
+        <span className="icon iconfont default-confirm-icon">&#xe839; </span>
+      ),
+      okText: "退出登录",
+      cancelText: "点错了",
+      onOk: () => {
+        this.handleLogout();
+      },
+    });
+  }
+
+  handleLogout() {
+    BaseService.logout({identifier:User.getIdentifier()}).then((res) => {
+      User.removeUserId();
+      User.removeToken();
+      User.removeEnterpriseId();
+      User.clearUserInfo();
+      const url = `${LIVE_SHARE}store/index?id=${User.getCustomerStoreId()||User.getStoreId()}&userId=${User.getUserId()}&from=work_weixin`;
+      window.location.href = url;
+
+    });
   }
   }
 
 
   render() {
   render() {
-    const { menuType } = this.state;
+    const { nickName } = this.state;
     return (
     return (
       <div className="error-college-page">
       <div className="error-college-page">
-        <Header id="error" handleMenuType={this.handleMenuType} menuType={menuType} />
+        <div className="header">
+          <img src='https://image.xiaomaiketang.com/xm/FEdG7BMwKr.png' className="logo" alt="" />
+          <div className="name-box">
+            <img src='https://image.xiaomaiketang.com/xm/hcp6zs5HTn.png' className="avatar" alt="" />
+            <span className="name">{nickName}</span>
+            <span
+              className="control"
+              onClick={() => {
+                this.handleLogoutConfirm();
+              }}
+            >退出登录</span>
+          </div>
+        </div>
         <div className="error-college-box">
         <div className="error-college-box">
-          <img src="https://image.xiaomaiketang.com/xm/MQRaYkbr6J.png" className="error-college-image" />
+          <div id="lottie-box" className="error-college-image"></div>
           <span className="error-college-tip">{User.getStoreName()}已停用</span>
           <span className="error-college-tip">{User.getStoreName()}已停用</span>
         </div>
         </div>
       </div>
       </div>

src/modules/root/ErrorCollege.less

@@ -2,6 +2,36 @@
   position: relative;
   position: relative;
   width: 100vw;
   width: 100vw;
   height: 100vh;
   height: 100vh;
+  .header {
+    display: flex;
+    align-items: center;
+    height: 60px;
+    padding: 0 344px;
+    justify-content: space-between;
+    .logo {
+      width: 117px;
+      height: 30px;
+    }
+    .name-box {
+      display: flex;
+      align-items: center;
+      .avatar {
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        margin-right: 6px;
+      }
+      .name {
+        color: #666;
+        font-size: 16px;
+        margin-right: 8px;
+      }
+      .control {
+        color: #2966FF;
+        cursor: pointer;
+      }
+    }
+  }
   .error-college-box {
   .error-college-box {
     position: absolute;
     position: absolute;
     top: 50px;
     top: 50px;
@@ -10,20 +40,20 @@
     bottom: 0;
     bottom: 0;
     .error-college-image {
     .error-college-image {
       position: absolute;
       position: absolute;
-      top: 246px;
+      top: 266px;
       left: 50%;
       left: 50%;
       transform: translateX(-50%);
       transform: translateX(-50%);
-      width: 246px;
-      height: 132px;
+      width: 200px;
+      height: 200px;
       display: block;
       display: block;
     }
     }
     .error-college-tip {
     .error-college-tip {
       position: absolute;
       position: absolute;
-      top: 404px;
+      top: 482px;
       left: 50%;
       left: 50%;
       transform: translateX(-50%);
       transform: translateX(-50%);
-      color: #8C8E93;
-      font-size: 13px;
+      color: #000;
+      font-size: 18px;
     }
     }
   }
   }
 }
 }
\ No newline at end of file

src/modules/teach-tool/components/AnswerDescPage.jsx

+/*
+ * @Author: yuananting
+ * @Date: 2021-04-08 15:50:52
+ * @LastEditors: wufan
+ * @LastEditTime: 2021-04-24 15:55:19
+ * @Description: 助学工具-考试-答案详情
+ * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
+ */
+import React, { useState, useEffect, useRef } from 'react';
+import { Route, withRouter } from 'react-router-dom';
+import User from '@/common/js/user';
+import Service from '@/common/js/service';
+import Lottie from 'lottie-web';
+import './AnswerDescPage.less';
+import { message } from 'antd';
+import XMAudio from './XMAudio';
+import ScanFileModal from '@/modules/prepare-lesson/modal/ScanFileModal';
+const NUM_TO_WORD_MAP = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+
+function AnswerDescPage(props) {
+  const examId = props.match.params.testId.replace(/\?.+/, '');
+  const paperId = window.getParameterByName('paperId');
+  const [customerId, setCustomerId] = useState('');
+  const [examDetail, setExamDetail] = useState({
+    examDesc: '',
+    examDuration: 0,
+    examEndTime: '',
+    examName: '',
+    examStartTime: '',
+    paperId: 0,
+    passRate: 0,
+    passScore: 0,
+    resultContent: '',
+    resultShow: '',
+    totalQuestionCount: 0,
+    totalScore: 0,
+    userCorrectQuestion: 0,
+    userExamDuration: 0,
+    userExamState: '',
+    userScore: 0,
+  });
+  const [paperDetail, setPaperDetail] = useState({}); // 试卷详情
+  const [userAnswerList, setUserAnswerList] = useState([]); // 用户当前答案列表
+  const [allUserAnswerList, setAllUserAnswerList] = useState([]); // 用户所有答案列表
+  const [errorUserAnswerList, setErrorUserAnswerList] = useState([]); // 用户错误答案列表
+
+  const [questionList, setQuestionList] = useState([]); // 用户当前题目列表
+  const [allQuestionList, setAllQuestionList] = useState([]); // 用户所有题目列表
+  const [errorQuestionList, setErrorQuestionList] = useState([]); // 用户错误题目列表
+  const [errorCount, setErrorCount] = useState(0);
+
+  const [onlyError, setOnlyError] = useState(true); // 只显示错题
+  const [activeIndex, setActiveIndex] = useState(0); // 当前答题索引
+  const [activeOrderIndex, setActiveOrderIndex] = useState(0); // 当前答题序号
+  const [isShowQuestionCard, setIsShowQuestionCard] = useState(false); // 答题卡是否展开
+  const [isShowErrorPage, setIsShowErrorPage] = useState(false); // 是否展示异常提示页面
+
+  // 是否打开预览文件弹框
+  const [showScanFile, setShowScanFile] = useState(false);
+  const [scanFileAddress, setScanFileAddress] = useState(false);
+  const [scanFileType, setScanFileType] = useState(false);
+  const questionTypeList = {
+    SINGLE_CHOICE: '单选题',
+    MULTI_CHOICE: '多选题',
+    JUDGE: '判断题',
+    GAP_FILLING: '填空题',
+    INDEFINITE_CHOICE: '不定项选择题',
+  };
+
+  useEffect(() => {
+    getPaperDetail();
+    getExamDetail();
+  }, []);
+  useEffect(() => {
+    Lottie.loadAnimation({
+      path: 'https://image.xiaomaiketang.com/xm/AcQWnGATCM.json',
+      name: 'test',
+      renderer: 'svg',
+      loop: true,
+      autoplay: true,
+      container: document.getElementById('empty-img-box'),
+    });
+  }, []);
+  // 获取考试详情
+  function getExamDetail() {
+    const params = {
+      examId,
+      source: 0,
+      tenantId: User.getStoreId() || window.getParameterByName('id'),
+      userId: props.userId,
+    };
+    Service.Hades('public/customerHades/queryUserExamResult', params, {
+      reject: true,
+    })
+      .then((res) => {
+        const data = { ...res.result };
+        setExamDetail(data);
+      })
+      .catch((res) => {
+        if (res.code === 'EXAM_IS_NOT_EXIST') {
+          handleChangeShowErrorPage();
+        } else {
+          message.error(res.message);
+        }
+      });
+  }
+
+  // 获取试卷详情
+  function getPaperDetail() {
+    Service.Hades('public/customerHades/queryUserExamAnswer', {
+      examId,
+      paperId,
+      readAnswer: true,
+      source: 0,
+      tenantId: User.getStoreId() || window.getParameterByName('id'),
+      userId: props.userId,
+    }).then((res) => {
+      const { paperDetailVO, userExamAnswerVO } = res.result;
+      const paperDetail = { ...paperDetailVO };
+      const allUserAnswerList = [...userExamAnswerVO];
+      let allQuestionList = [...paperDetail.questionList];
+      allQuestionList = allQuestionList.map((item, index) => {
+        item.orderIndex = index;
+        return item;
+      });
+
+      const errorUserAnswerList = _.filter(allUserAnswerList, (item) => {
+        return item.isCorrect === 0;
+      });
+
+      let errorQuestionList = [];
+      let userAnswerMap = {};
+      errorUserAnswerList.forEach((item) => {
+        userAnswerMap[item.questionId] = true;
+      });
+
+      allQuestionList.forEach((item) => {
+        if (userAnswerMap[item.questionId]) {
+          errorQuestionList.push(item);
+        }
+      });
+      setActiveOrderIndex(errorQuestionList.length > 0 ? errorQuestionList[0].orderIndex : 0);
+      setPaperDetail(paperDetail);
+      setAllUserAnswerList(allUserAnswerList);
+      setErrorUserAnswerList(errorUserAnswerList);
+      setErrorCount(errorUserAnswerList.length);
+      setUserAnswerList(errorUserAnswerList);
+      setAllQuestionList(allQuestionList);
+      setErrorQuestionList(errorQuestionList);
+      setQuestionList(errorQuestionList);
+    });
+  }
+
+  function handleChangeShowErrorPage() {
+    setIsShowErrorPage(true);
+  }
+
+  function handleChangeActiveIndex(isPre) {
+    if (onlyError) {
+      if (isPre && activeOrderIndex !== errorQuestionList[0].orderIndex) {
+        setActiveOrderIndex(errorQuestionList[activeIndex - 1].orderIndex);
+        setActiveIndex(activeIndex - 1);
+      } else if (!isPre && activeOrderIndex !== errorQuestionList[errorCount - 1].orderIndex) {
+        setActiveOrderIndex(errorQuestionList[activeIndex + 1].orderIndex);
+        setActiveIndex(activeIndex + 1);
+      }
+    } else {
+      if (isPre && activeOrderIndex !== 0) {
+        setActiveOrderIndex(activeIndex - 1);
+        setActiveIndex(activeIndex - 1);
+      } else if (!isPre && activeOrderIndex !== questionList.length - 1) {
+        setActiveOrderIndex(activeIndex + 1);
+        setActiveIndex(activeIndex + 1);
+      }
+    }
+  }
+
+  function renderFooterText() {
+    if (onlyError && errorCount > 0) {
+      // 只看错题
+      return (
+        <div className='footer-btn'>
+          <div className='pre-next'>
+            <div
+              className={`${activeOrderIndex === (errorQuestionList.length > 0 ? errorQuestionList[0].orderIndex : 0) ? 'disabled' : ''} pre`}
+              onClick={() => handleChangeActiveIndex(true)}>
+              <span className='icon iconfont'>&#xe79c;</span>
+              <div className='text'>上一题</div>
+            </div>
+            <div
+              className={`${activeOrderIndex === (errorQuestionList.length > 0 ? errorQuestionList[errorCount - 1].orderIndex : 0) ? 'disabled' : ''} next`}
+              onClick={() => handleChangeActiveIndex(false)}>
+              <div className='text'>下一题</div>
+              <span className='icon iconfont'>&#xe79b;</span>
+            </div>
+          </div>
+        </div>
+      );
+    } else if (!onlyError) {
+      return (
+        <div className='footer-btn'>
+          <div className='pre-next'>
+            <div className={`${activeOrderIndex === 0 ? 'disabled' : ''} pre`} onClick={() => handleChangeActiveIndex(true)}>
+              <span className='icon iconfont'>&#xe79c;</span>
+              <div className='text'>上一题</div>
+            </div>
+            <div className={`${activeOrderIndex === questionList.length - 1 ? 'disabled' : ''} next`} onClick={() => handleChangeActiveIndex(false)}>
+              <div className='text'>下一题</div>
+              <span className='icon iconfont'>&#xe79b;</span>
+            </div>
+          </div>
+        </div>
+      );
+    }
+  }
+
+  function handleRenderQuestionItem() {
+    return _.map(questionList, (questionItem, questionIndex) => {
+      const { questionStemList, optionList, gapFillingAnswerList, questionAnswerDescList, questionType, score, questionId, orderIndex } = questionItem;
+      return (
+        <div className={`question-info-item`}>
+          {renderStem(questionItem, questionStemList, questionType, score, orderIndex, questionId, gapFillingAnswerList)}
+          {questionType !== 'GAP_FILLING' &&
+            _.map(optionList, (optionItem, optionIndex) => {
+              return renderOption(optionItem, optionIndex, questionId);
+            })}
+          {renderAnswerCompare(questionId, questionType, optionList, gapFillingAnswerList)}
+          {/* {renderAnswerDesc(questionAnswerDescList)} */}
+        </div>
+      );
+    });
+  }
+
+  // 查看图片或视频
+  function handleScanFile(scanFileType, scanFileAddress) {
+    setShowScanFile(true);
+    setScanFileAddress(scanFileAddress);
+    setScanFileType(scanFileType);
+  }
+
+  // 渲染多媒体内容
+  function renderMediaContent(mediaContent) {
+    return (
+      <div className='media-container'>
+        {_.map(mediaContent, (mediaItem, mediaIndex) => {
+          let dom = '';
+          let { type, content, size } = mediaItem;
+          switch (type) {
+            case 'PICTURE':
+              dom = (
+                <div key={mediaIndex + 1} className='picture-box'>
+                  <img src={content} onClick={() => handleScanFile('JPG', content)} />
+                </div>
+              );
+              break;
+            case 'VOICE':
+              dom = (
+                <div key={mediaIndex + 1} className='voice-box'>
+                  <XMAudio
+                    url={content}
+                    getDuration={(durationSize) => {
+                      size = durationSize;
+                    }}
+                    index={mediaIndex + 1}
+                    size={size || 1000}
+                  />
+                </div>
+              );
+              break;
+            case 'AUDIO':
+              dom = (
+                <div key={mediaIndex} className='voice-box'>
+                  <XMAudio
+                    url={content}
+                    getDuration={(durationSize) => {
+                      size = durationSize;
+                    }}
+                    index={mediaIndex}
+                    size={size || 1000}
+                  />
+                </div>
+              );
+              break;
+          }
+          return dom;
+        })}
+      </div>
+    );
+  }
+
+  // 渲染题干
+  function renderStem(questionItem, questionStemList, questionType, score, orderIndex, questionId, gapFillingAnswerList) {
+    const textContent = _.filter(questionStemList, (item) => {
+      return item.type === 'RICH_TEXT';
+    });
+
+    const mediaContent = _.filter(questionStemList, (item) => {
+      return item.type !== 'RICH_TEXT';
+    });
+
+    let content = textContent.length > 0 ? textContent[0].content : '';
+
+    const userAnswerItem = _.filter(userAnswerList, (item) => {
+      return item.questionId === questionId;
+    });
+
+    // 填空题题干渲染
+    if (questionType === 'GAP_FILLING' && userAnswerItem.length > 0) {
+      let userAnswer = [];
+      if (userAnswerItem[0].answer) {
+        userAnswer = userAnswerItem[0].answer;
+      } else {
+        gapFillingAnswerList.forEach((item, index) => {
+          userAnswer.push('');
+        });
+      }
+
+      gapFillingAnswerList.map((gapItem, gapIndex) => {
+        let gapValue = gapItem.correctAnswerList.includes(userAnswer[gapIndex])
+          ? `<img src="https://image.xiaomaiketang.com/xm/FwZa2Kaypc.png" />`
+          : `<img src="https://image.xiaomaiketang.com/xm/7tRHDf6ysA.png" />`;
+        content = content.replace(
+          /(_)|(<input.*?>)/,
+          `<div class="gap-line"><span>${userAnswer[gapIndex] === '@X#$' ? '' : userAnswer[gapIndex]} </span>${gapValue}</div>`
+        );
+      });
+    }
+
+    let textDom = (
+      <div
+        key={0}
+        className='text-dom'
+        dangerouslySetInnerHTML={{
+          __html: content,
+        }}
+      />
+    );
+
+    return (
+      <div className='stem-line__item' id={questionItem.questionId}>
+        <div className='text'>
+          <img
+            className='answer-icon'
+            src={userAnswerItem[0].isCorrect === 1 ? 'https://image.xiaomaiketang.com/xm/FwZa2Kaypc.png' : 'https://image.xiaomaiketang.com/xm/7tRHDf6ysA.png'}
+          />
+          <span className='question-index'>第{orderIndex + 1}题</span>
+          <span className='steam-line_type'>（{`${questionTypeList[questionType]} | ${score}分`}）</span>
+          {textDom}
+        </div>
+        {renderMediaContent(mediaContent)}
+      </div>
+    );
+  }
+
+  // 渲染选项
+  function renderOption(optionItem, optionIndex, questionId) {
+    const { questionOptionContentList, optionSort, isCorrectAnswer, id } = optionItem;
+    const textContent = _.filter(questionOptionContentList, (item) => {
+      return item.type === 'RICH_TEXT';
+    });
+
+    const mediaContent = _.filter(questionOptionContentList, (item) => {
+      return item.type !== 'RICH_TEXT';
+    });
+
+    let content = textContent.length > 0 ? textContent[0].content : '';
+    let textDom = (
+      <span
+        key={0}
+        className='text-dom'
+        dangerouslySetInnerHTML={{
+          __html: content,
+        }}
+      />
+    );
+
+    const userAnswerItem = _.filter(userAnswerList, (item) => {
+      return item.questionId === questionId;
+    });
+
+    let userAnswer = [];
+    if (userAnswerItem.length > 0) {
+      if (userAnswerItem[0].answer) {
+        userAnswer = userAnswerItem[0].answer;
+      }
+    }
+
+    let optionStatus = '';
+    if (userAnswer.includes(id)) {
+      // 选中
+      optionStatus = 'answered';
+    }
+
+    let answerStatusIcon = 'default';
+
+    if (isCorrectAnswer) {
+      answerStatusIcon = 'https://image.xiaomaiketang.com/xm/FwZa2Kaypc.png';
+    } else if (userAnswer.includes(id)) {
+      answerStatusIcon = 'https://image.xiaomaiketang.com/xm/7tRHDf6ysA.png';
+    } else {
+      answerStatusIcon = 'default';
+    }
+
+    return (
+      <div className='option-line__item'>
+        <div className={`text ${optionStatus}`}>
+          <div className='option-sort'>{NUM_TO_WORD_MAP[optionSort]}</div>
+          <div className='option-content'>
+            <div className='text-dom'>{textDom}</div>
+            {mediaContent.length > 0 && renderMediaContent(mediaContent)}
+          </div>
+        </div>
+        {answerStatusIcon !== 'default' && <img className='icon' src={answerStatusIcon} />}
+      </div>
+    );
+  }
+
+  // 渲染答案对比
+  function renderAnswerCompare(questionId, questionType, optionList, gapFillingAnswerList) {
+    const userAnswerItem = _.filter(userAnswerList, (item) => {
+      return item.questionId === questionId;
+    });
+    const userAnswer = userAnswerItem.length > 0 && userAnswerItem[0].answer;
+
+    if (questionType === 'GAP_FILLING') {
+      return (
+        <div className='answer-compare-box'>
+          <div className='answer-info' style={{ marginBottom: '0.16rem' }}>
+            <div className='title'>考试作答是</div>
+            {userAnswer &&
+              userAnswer.map((item, index) => {
+                return (
+                  <div className='content'>
+                    <span>[填空{index + 1}]</span>
+                    <span
+                      dangerouslySetInnerHTML={{
+                        __html: item === '@X#$' ? '' : item,
+                      }}
+                    />
+                    <span>;</span>
+                  </div>
+                );
+              })}
+          </div>
+          <div className='answer-info'>
+            <div className='title'>正确答案是</div>
+            {gapFillingAnswerList.map((item, index) => {
+              return (
+                <div className='content' style={{ color: '#20CECD' }}>
+                  <span>[填空{index + 1}]</span>
+                  {_.map(item.correctAnswerList, (childItem, childIndex) => {
+                    return (
+                      <span
+                        dangerouslySetInnerHTML={{
+                          __html: childItem,
+                        }}
+                      />
+                    );
+                  })}
+                  <span>;</span>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+      );
+    } else {
+      // 正确答案序号
+      const rightOptionSort = _.filter(optionList, (item) => {
+        return item.isCorrectAnswer === 1;
+      }).map((sortItem) => {
+        return sortItem.optionSort;
+      });
+
+      const userAnswerSort = _.filter(optionList, (item) => {
+        if (userAnswer) {
+          return userAnswer.includes(item.id);
+        }
+      }).map((sortItem) => {
+        return sortItem.optionSort;
+      });
+
+      return (
+        <div className='answer-compare-box'>
+          <div className='answer-info'>
+            <div className='title'>考试作答是</div>
+            <div className='content'>
+              {userAnswerSort.map((item) => {
+                return <span>{NUM_TO_WORD_MAP[item]} </span>;
+              })}
+            </div>
+          </div>
+          <div className='answer-info'>
+            <div className='title'>正确答案是</div>
+            <div className='content' style={{ color: '#20CECD' }}>
+              {rightOptionSort.map((item) => {
+                return <span>{NUM_TO_WORD_MAP[item]} </span>;
+              })}
+            </div>
+          </div>
+        </div>
+      );
+    }
+  }
+
+  // 渲染答案解析
+  function renderAnswerDesc(questionAnswerDescList) {
+    const textContent = _.filter(questionAnswerDescList, (item) => {
+      return item.type === 'RICH_TEXT';
+    });
+
+    const mediaContent = _.filter(questionAnswerDescList, (item) => {
+      return item.type !== 'RICH_TEXT';
+    });
+
+    let content = textContent.length > 0 ? `${textContent[0].content}：` : '';
+
+    let textDom = (
+      <div
+        key={0}
+        className='text-dom'
+        dangerouslySetInnerHTML={{
+          __html: content,
+        }}
+      />
+    );
+
+    return (
+      <div className='desc-line__item'>
+        {textDom}
+        {renderAnswerDescMedia(mediaContent)}
+      </div>
+    );
+  }
+
+  // 渲染答案解析的多媒体
+  function renderAnswerDescMedia(mediaContent) {
+    const pictureMediaList = _.filter(mediaContent, (mediaItem) => {
+      return mediaItem.type === 'PICTURE';
+    });
+    const voiceMediaList = _.filter(mediaContent, (mediaItem) => {
+      return mediaItem.type === 'VOICE';
+    });
+    const audioMediaList = _.filter(mediaContent, (mediaItem) => {
+      return mediaItem.type === 'AUDIO';
+    });
+    const videoMediaList = _.filter(mediaContent, (mediaItem) => {
+      return mediaItem.type === 'VIDEO';
+    });
+
+    return (
+      <div className='desc-media-container'>
+        {pictureMediaList.length > 0 && (
+          <div className='desc-picture-box'>
+            {_.map(pictureMediaList, (pictureItem, pictureIndex) => {
+              let { content } = pictureItem;
+              return (
+                <div className='picture-box' key={pictureIndex}>
+                  <img className='img-box' src={content} onClick={() => handleScanFile('JPG', content)} />
+                </div>
+              );
+            })}
+          </div>
+        )}
+        {audioMediaList.length > 0 && (
+          <div className='desc-audio-box'>
+            {_.map(audioMediaList, (audioItem, audioIndex) => {
+              let { content, size } = audioItem;
+              return (
+                <div className='audio-box' key={audioIndex}>
+                  <XMAudio
+                    forbidParse
+                    url={content}
+                    getDuration={(durationSize) => {
+                      size = durationSize;
+                    }}
+                    index={audioIndex}
+                    size={size || 1000}
+                  />
+                </div>
+              );
+            })}
+          </div>
+        )}
+        {voiceMediaList.length > 0 && (
+          <div className='desc-audio-box'>
+            {_.map(voiceMediaList, (voiceItem, voiceIndex) => {
+              let { content, size } = voiceItem;
+              return (
+                <div className='audio-box' key={voiceIndex}>
+                  <XMAudio
+                    forbidParse
+                    url={content}
+                    getDuration={(durationSize) => {
+                      size = durationSize;
+                    }}
+                    index={voiceIndex}
+                    size={size || 1000}
+                  />
+                </div>
+              );
+            })}
+          </div>
+        )}
+        {videoMediaList.length > 0 && (
+          <div className='desc-video-box'>
+            {_.map(videoMediaList, (videoItem, videoIndex) => {
+              let { content } = videoItem;
+              return (
+                <div className='video-box' key={videoIndex}>
+                  <img className='video-box_content' src={`${content}?x-oss-process=video/snapshot,t_0,m_fast`} />
+                  <img className='video-box_btn' src='https://image.xiaomaiketang.com/xm/r5H8cYm4ch.png' onClick={() => handleScanFile('MP4', content)} />
+                </div>
+              );
+            })}
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  // 答题卡展开和收起
+  function handleToggleQuestionCardShow() {
+    setIsShowQuestionCard(!isShowQuestionCard);
+  }
+
+  // 快速跳转题目
+  function handleQuickActiveQuestion(orderIndex, answerIndex) {
+    setActiveOrderIndex(orderIndex);
+    setActiveIndex(answerIndex);
+    setIsShowQuestionCard(false);
+  }
+
+  // 只选错题
+  function chooseErrorAnswer() {
+    setOnlyError(!onlyError);
+    setActiveOrderIndex(!onlyError ? (errorCount > 0 ? errorQuestionList[0].orderIndex : 0) : 0);
+    setActiveIndex(0);
+    setUserAnswerList(!onlyError ? errorUserAnswerList : allUserAnswerList);
+    setQuestionList(!onlyError ? errorQuestionList : allQuestionList);
+  }
+
+  const { totalQuestionCount, userCorrectQuestion } = examDetail;
+
+  let sortedAnswerList = [];
+  let userAnswerMap = {};
+  userAnswerList.forEach((item) => {
+    userAnswerMap[item.questionId] = item;
+  });
+
+  questionList.forEach((item) => {
+    if (userAnswerMap[item.questionId]) {
+      sortedAnswerList.push({
+        ...userAnswerMap[item.questionId],
+        orderIndex: item.orderIndex,
+      });
+    }
+  });
+
+  return (
+    <div className='answer-desc-page'>
+      <div className='center'>
+        <div className='box-content'>
+          <div className='answer-desc-header'>
+            <div className='desc-header-container'>
+              <div className='desc-title'>答案详情</div>
+              <div className='choose-error-box'>
+                <img
+                  onClick={() => {
+                    chooseErrorAnswer();
+                  }}
+                  src={onlyError ? 'https://image.xiaomaiketang.com/xm/FwZa2Kaypc.png' : 'https://image.xiaomaiketang.com/xm/crtyKFjcAm.png'}
+                />
+                <span>只看错题</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className={`empty ${errorCount === 0 && onlyError ? '' : 'empty-hide'}`}>
+          <div className='img-box'>
+            <div id='empty-img-box'></div>
+          </div>
+          <div className='empty-text'>本次考试无错题</div>
+        </div>
+
+        <If condition={!(errorCount === 0 && onlyError)}>
+          <div className='answer-desc-content'>
+            <div className='question-list-box'>{handleRenderQuestionItem()}</div>
+          </div>
+        </If>
+        {/* {renderFooterText()} */}
+      </div>
+      {showScanFile && (
+        <ScanFileModal
+          fileType={scanFileType}
+          item={{
+            ossAddress: scanFileAddress,
+          }}
+          close={() => {
+            setShowScanFile(false);
+          }}
+        />
+      )}
+    </div>
+  );
+}
+
+export default withRouter(AnswerDescPage);

src/modules/teach-tool/components/AnswerDescPage.less

+.answer-desc-page {
+  background-color: #fff;
+  p {
+    margin: 0 !important;
+  }
+  .answer-desc-header {
+    .desc-header-container {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .desc-title {
+        font-size: 20px;
+        font-weight: 500;
+        color: #333333;
+        position: relative;
+        margin-left: 8px;
+        line-height: 28px;
+        &::before {
+          position: absolute;
+          content: '';
+          left: -8px;
+          top: 50%;
+          transform: translateY(-50%);
+          width: 4px;
+          height: 16px;
+          background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
+        }
+      }
+      .choose-error-box {
+        display: flex;
+        align-items: center;
+        img {
+          width: 18px;
+          height: 18px;
+          margin-right: 2px;
+        }
+        span {
+          font-size: 15px;
+          color: #999999;
+        }
+      }
+    }
+  }
+
+  .answer-desc-content {
+    width: 840px;
+    margin: 0 auto;
+    text-align: left;
+    .question-list-box {
+      padding: 21px 0;
+      .question-info-item {
+        margin-bottom: 20px;
+        .stem-line__item {
+          margin-bottom: 16px;
+
+          .text {
+            line-height: 1.8;
+            .answer-icon {
+              width: 20px;
+              height: 20px;
+              margin-right: 12px;
+              display: inline-block;
+              margin-bottom: 5px;
+            }
+            .question-index {
+              font-size: 16px;
+              font-family: PingFangSC-Medium, PingFang SC;
+              font-weight: 500;
+              color: #333333;
+            }
+            .steam-line_type {
+              font-size: 13px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #999999;
+            }
+            .text-dom {
+              color: #333333;
+              word-wrap: break-word;
+              word-break: break-all;
+              white-space: normal;
+              font-size: 17px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #333333;
+
+              * {
+                display: inline;
+              }
+              .gap-line {
+                border-bottom: 1px solid;
+                margin: 0 8px;
+                padding: 0 4px;
+                img {
+                  margin-left: 4px;
+                  width: 16px;
+                  height: 16px;
+                }
+              }
+            }
+          }
+        }
+        .option-line__item {
+          margin-bottom: 12px;
+          display: flex;
+          align-items: center;
+          .icon {
+            margin-left: 12px;
+            width: 20px;
+            height: 20px;
+          }
+          .text {
+            width: 100%;
+            background: #f4f6fa;
+            border-radius: 5px;
+            display: flex;
+            align-items: center;
+            padding: 16px;
+            .option-sort {
+              font-size: 15px;
+              line-height: 21px;
+              position: relative;
+              &::after {
+                position: absolute;
+                left: 22px;
+                content: '';
+                width: 1px;
+                height: 20px;
+                background-color: rgba(238, 238, 238, 1);
+              }
+            }
+            .option-content {
+              margin-left: 32px;
+            }
+            .text-dom {
+              font-size: 15px;
+              color: #333333;
+              line-height: 21px;
+              word-wrap: break-word;
+              word-break: break-all;
+              white-space: normal;
+            }
+            &.answered {
+              background: rgba(41, 102, 255, 0.05);
+              border: 1px solid #2966ff;
+              color: #2966ff;
+              .text-dom {
+                color: #2966ff;
+              }
+            }
+            &.right {
+              background: rgba(21, 217, 177, 0.05);
+              border: 1px solid #15d9b1;
+              color: #15d9b1;
+            }
+            &.wrong {
+              background: rgba(255, 79, 79, 0.05);
+              border: 1px solid #ff4f4f;
+              color: #ff4f4f;
+            }
+          }
+        }
+        .desc-line__item {
+          margin-top: 20px;
+          .desc-title {
+            font-size: 20px;
+            font-weight: 500;
+            color: #333333;
+            position: relative;
+            margin-left: 8px;
+            line-height: 36px;
+            &::before {
+              position: absolute;
+              content: '';
+              left: -8px;
+              top: 50%;
+              transform: translateY(-50%);
+              width: 4px;
+              height: 16px;
+              background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
+            }
+          }
+          .text-dom {
+            font-size: 14px;
+            color: #999999;
+            line-height: 20px;
+            word-wrap: break-word;
+            word-break: break-all;
+            white-space: normal;
+            * {
+              display: inline;
+            }
+          }
+        }
+        .media-container {
+          .picture-box {
+            width: 88px;
+            height: 88px;
+            border-radius: 4px;
+            overflow: hidden;
+            align-items: center;
+            justify-content: center;
+            margin-top: 12px;
+            margin-right: 12px;
+            position: relative;
+            display: inline-flex;
+            border: 1px solid #e8e8e8;
+            img {
+              max-width: 100%;
+              max-height: 100%;
+              border-radius: 4px;
+              vertical-align: middle;
+              width: auto;
+              height: auto;
+              position: absolute;
+              top: 50%;
+              left: 50%;
+              transform: translate(-50%, -50%);
+            }
+          }
+          .voice-box {
+            width: 27px;
+            height: 40px;
+            margin-top: 12px;
+            margin-right: 12px;
+          }
+        }
+        .desc-media-container {
+          margin: 12px 0;
+          .desc-picture-box {
+            display: inline-flex;
+            margin-bottom: 12px;
+            .picture-box {
+              width: 88px;
+              height: 88px;
+              border-radius: 4px;
+              overflow: hidden;
+              align-items: center;
+              justify-content: center;
+              margin-right: 12px;
+              position: relative;
+              display: inline-flex;
+              border: 1px solid #e8e8e8;
+              .img-box {
+                max-width: 100%;
+                max-height: 100%;
+                border-radius: 4px;
+                vertical-align: middle;
+                width: auto;
+                height: auto;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+              }
+            }
+          }
+          .desc-audio-box {
+            margin-bottom: 12px;
+            .audio-box {
+              margin-bottom: 12px;
+              border-radius: 5px;
+              height: 40px;
+            }
+          }
+          .desc-video-box {
+            .video-box {
+              position: relative;
+              display: inline-block;
+              width: 208px;
+              height: calc(208px * 9 / 16);
+              position: relative;
+              background-color: #000;
+              margin: 0px 12px 12px 0;
+              &_content {
+                max-width: 100%;
+                max-height: 100%;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+              }
+              &_btn {
+                width: 32px;
+                height: 32px;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                margin-top: -16px;
+                margin-left: -16px;
+              }
+              .icon_arrow {
+                position: absolute;
+                top: -12px;
+                right: -8px;
+                color: #bfbfbf;
+                cursor: pointer;
+                font-size: 16px;
+              }
+            }
+          }
+        }
+        .answer-compare-box {
+          margin-top: 16px;
+          padding-top: 12px;
+          padding-bottom: 12px;
+          font-size: 15px;
+          margin-bottom: 8px;
+          .answer-info {
+            margin-bottom: 8px;
+            .title {
+              color: #999999;
+              display: inline-block;
+              margin-right: 12px;
+              font-size: 14px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #999999;
+              line-height: 20px;
+            }
+            .content {
+              font-weight: 500;
+              color: #333333;
+              display: inline;
+              word-wrap: break-word;
+              word-break: break-all;
+              white-space: normal;
+              span {
+                margin-right: 4px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .footer-btn {
+    width: 100%;
+    height: 64px;
+    background: #ffffff;
+    position: fixed;
+    bottom: 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-top: 1px solid rgba(238, 238, 238, 1);
+    padding: 10px 16px;
+    .hand-in-paper {
+      display: flex;
+      .icon {
+        width: 15px;
+        line-height: 18px;
+        color: rgba(255, 183, 20, 1);
+        margin-right: 6px;
+      }
+    }
+
+    .pre-next {
+      width: 343px;
+      height: 44px;
+      border-radius: 5px;
+      border: 2px solid #eeeeee;
+      display: flex;
+      justify-content: space-between;
+      .pre,
+      .next {
+        width: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .icon {
+          width: 17px;
+          line-height: 11px;
+          margin-left: 5px;
+          color: #ccc;
+        }
+        .text {
+          font-size: 15px;
+          color: #666;
+          line-height: 21px;
+        }
+        &.disabled {
+          pointer-events: none;
+          .text {
+            color: #cccccc;
+          }
+        }
+      }
+    }
+  }
+}
+.empty {
+  z-index: 10;
+  width: 100%;
+  height: 360px;
+  background-color: #fff;
+  .img-box {
+    margin: 0 auto;
+    width: 120px;
+  }
+  img {
+    height: 120px;
+    display: inline-block;
+    margin-top: 100px;
+    margin-bottom: 18px;
+  }
+  .empty-text {
+    width: 250px;
+    height: 18px;
+    font-size: 13px;
+    color: #333;
+    line-height: 18px;
+    margin: 0 auto;
+    text-align: center;
+  }
+  &.empty-hide {
+    position: absolute;
+    left: -9999px;
+    top: -9999px;
+  }
+}

src/modules/teach-tool/components/XMAudio.jsx

@@ -5,9 +5,9 @@
  * @Last Modified time: 2020-04-18 10:54:32
  * @Last Modified time: 2020-04-18 10:54:32
  */
  */
 
 
-import React, { useState, useEffect, useRef } from "react";
-import "./XMAudio.less";
-import VideoUpload from "@/core/upload";
+import React, { useState, useEffect, useRef } from 'react';
+import './XMAudio.less';
+import VideoUpload from '@/core/upload';
 
 
 let timerInterval;
 let timerInterval;
 
 
@@ -22,7 +22,7 @@ const XMAudio = (props) => {
   const [totalTime, setTotalTime] = useState(Math.round(Number(size)));
   const [totalTime, setTotalTime] = useState(Math.round(Number(size)));
   const prevTimeRef = useRef();
   const prevTimeRef = useRef();
   useEffect(() => {
   useEffect(() => {
-    if(!props.forbidParse){
+    if (!props.forbidParse) {
       VideoUpload.getVideoParseRoute(props.url).then((newUrl) => {
       VideoUpload.getVideoParseRoute(props.url).then((newUrl) => {
         setUrl(newUrl);
         setUrl(newUrl);
       });
       });
@@ -30,7 +30,7 @@ const XMAudio = (props) => {
     setLeftTime(Math.round(Number(size)));
     setLeftTime(Math.round(Number(size)));
     setTotalTime(Math.round(Number(size)));
     setTotalTime(Math.round(Number(size)));
 
 
-    ref.current.addEventListener("pause", () => {
+    ref.current.addEventListener('pause', () => {
       clearInterval(timer);
       clearInterval(timer);
       setPlaying(false);
       setPlaying(false);
       setTimer(null);
       setTimer(null);
@@ -42,7 +42,6 @@ const XMAudio = (props) => {
   }, [props.url]);
   }, [props.url]);
 
 
   useEffect(() => {
   useEffect(() => {
-
     if (playing) {
     if (playing) {
       timerInterval = setInterval(() => {
       timerInterval = setInterval(() => {
         setPlayedTime((preTime) => {
         setPlayedTime((preTime) => {
@@ -53,18 +52,18 @@ const XMAudio = (props) => {
         if ((prevTimeRef.current + 20) % 1000 === 0) {
         if ((prevTimeRef.current + 20) % 1000 === 0) {
           setLeftTime(totalTime - (prevTimeRef.current + 20));
           setLeftTime(totalTime - (prevTimeRef.current + 20));
         }
         }
-        if ((prevTimeRef.current + 30) >= totalTime) {
+        if (prevTimeRef.current + 30 >= totalTime) {
           clearInterval(timerInterval);
           clearInterval(timerInterval);
           setPlayedTime(0);
           setPlayedTime(0);
           setLeftTime(totalTime);
           setLeftTime(totalTime);
           setPlaying(false);
           setPlaying(false);
         }
         }
       }, 20);
       }, 20);
-      const audioDomList = document.querySelectorAll("audio");
+      const audioDomList = document.querySelectorAll('audio');
       for (let i = 0; i < Array.from(audioDomList).length; i++) {
       for (let i = 0; i < Array.from(audioDomList).length; i++) {
         if (audioDomList[i] === ref.current) {
         if (audioDomList[i] === ref.current) {
           ref.current.play();
           ref.current.play();
-          setTimer(timerInterval)
+          setTimer(timerInterval);
         } else {
         } else {
           audioDomList[i].pause();
           audioDomList[i].pause();
         }
         }
@@ -75,9 +74,7 @@ const XMAudio = (props) => {
     }
     }
   }, [playing]);
   }, [playing]);
 
 
-  const audioImg = `https://xiaomai-image.oss-cn-hangzhou.aliyuncs.com/${
-    playing ? 1584514990496 : 1584514999661
-    }.png`;
+  const audioImg = `https://xiaomai-image.oss-cn-hangzhou.aliyuncs.com/${playing ? 1584514990496 : 1584514999661}.png`;
 
 
   function _togglePlay() {
   function _togglePlay() {
     playing ? pausePlay() : startPlay();
     playing ? pausePlay() : startPlay();
@@ -112,78 +109,74 @@ const XMAudio = (props) => {
     }
     }
   }
   }
 
 
-
-
   function _startTime() {
   function _startTime() {
     let time = Math.floor(playedTime / 1000);
     let time = Math.floor(playedTime / 1000);
-    let second = 0
+    let second = 0;
     let minute = 0;
     let minute = 0;
-    let result = 0
+    let result = 0;
     if (time > 0) {
     if (time > 0) {
-      minute = Math.floor(time % 3600 / 60);
+      minute = Math.floor((time % 3600) / 60);
       second = Math.floor((time - 60 * minute) % 60);
       second = Math.floor((time - 60 * minute) % 60);
 
 
       if (minute < 10) {
       if (minute < 10) {
-        minute = "0" + minute;
+        minute = '0' + minute;
       }
       }
       if (second < 10) {
       if (second < 10) {
-        second = "0" + second;
+        second = '0' + second;
       }
       }
-      result = minute + ':' + second
-    }else{
-      result = "00:00"
+      result = minute + ':' + second;
+    } else {
+      result = '00:00';
     }
     }
     return result;
     return result;
   }
   }
 
 
   function _endTime() {
   function _endTime() {
     let time = Math.floor(totalTime / 1000);
     let time = Math.floor(totalTime / 1000);
-    let second = 0
+    let second = 0;
     let minute = 0;
     let minute = 0;
-    let result = 0
+    let result = 0;
     if (time > 0) {
     if (time > 0) {
-      minute = Math.floor(time % 3600 / 60);
+      minute = Math.floor((time % 3600) / 60);
       second = Math.floor((time - 60 * minute) % 60);
       second = Math.floor((time - 60 * minute) % 60);
 
 
       if (minute < 10) {
       if (minute < 10) {
-        minute = "0" + minute;
+        minute = '0' + minute;
       }
       }
       if (second < 10) {
       if (second < 10) {
-        second = "0" + second;
+        second = '0' + second;
       }
       }
-      result = minute + ':' + second
+      result = minute + ':' + second;
     }
     }
 
 
-    if(time === 0){
-      result = "00:00"
+    if (time === 0) {
+      result = '00:00';
     }
     }
     return result;
     return result;
   }
   }
 
 
-
   function putDownFlag(event) {
   function putDownFlag(event) {
     let dragDiv = event.target;
     let dragDiv = event.target;
-    dragDiv.style.cursor = "pointer";
+    dragDiv.style.cursor = 'pointer';
     let offsetX = parseInt(dragDiv.style.left); // 获取当前的x轴距离
     let offsetX = parseInt(dragDiv.style.left); // 获取当前的x轴距离
     let innerX = event.clientX - offsetX; // 获取鼠标在方块内的x轴距
     let innerX = event.clientX - offsetX; // 获取鼠标在方块内的x轴距
     // 按住鼠标时为div修改样式
     // 按住鼠标时为div修改样式
-    dragDiv.style.width = "16px";
-    dragDiv.style.height = "16px";
-    dragDiv.style.top = "-7px";
-    dragDiv.style.backGround = "linear-gradient(180deg, #FFB467 0%, #FF9143 100%)"
+    dragDiv.style.width = '16px';
+    dragDiv.style.height = '16px';
+    dragDiv.style.top = '-7px';
+    dragDiv.style.backGround = 'linear-gradient(180deg, #FFB467 0%, #FF9143 100%)';
     // 鼠标移动的时候不停的修改div的left和top值
     // 鼠标移动的时候不停的修改div的left和top值
     document.onmousemove = function (event) {
     document.onmousemove = function (event) {
-      dragDiv.style.left = event.clientX - innerX + "px";
+      dragDiv.style.left = event.clientX - innerX + 'px';
       // 边界判断
       // 边界判断
       if (parseInt(dragDiv.style.left) <= 0) {
       if (parseInt(dragDiv.style.left) <= 0) {
-        dragDiv.style.left = "0px";
+        dragDiv.style.left = '0px';
       }
       }
       if (parseInt(dragDiv.style.left) >= 154) {
       if (parseInt(dragDiv.style.left) >= 154) {
-        dragDiv.style.left = "149px";
-      }
-
-      setPlayedTime(parseInt(dragDiv.style.left) / 150 * totalTime)
+        dragDiv.style.left = '149px';
       }
       }
+      setPlayedTime((parseInt(dragDiv.style.left) / 150) * totalTime);
+    };
     // 鼠标抬起时，清除绑定在文档上的mousemove和mouseup事件
     // 鼠标抬起时，清除绑定在文档上的mousemove和mouseup事件
     // 否则鼠标抬起后还可以继续拖拽方块
     // 否则鼠标抬起后还可以继续拖拽方块
     document.onmouseup = function () {
     document.onmouseup = function () {
@@ -191,50 +184,43 @@ const XMAudio = (props) => {
       document.onmouseup = null;
       document.onmouseup = null;
       // 清除border
       // 清除border
 
 
-      dragDiv.style.top = "-4px";
-      dragDiv.style.width = "10px";
-      dragDiv.style.height = "10px";
-    }
+      dragDiv.style.top = '-4px';
+      dragDiv.style.width = '10px';
+      dragDiv.style.height = '10px';
+    };
   }
   }
-  function mouseOver(event){
+  function mouseOver(event) {
     let dragDiv = event.target;
     let dragDiv = event.target;
-    dragDiv.style.cursor = "pointer";
-    dragDiv.style.width = "16px";
-    dragDiv.style.height = "16px";
-    dragDiv.style.top = "-7px";
-    dragDiv.style.backGround = "linear-gradient(180deg, #FFB467 0%, #FF9143 100%)"
+    dragDiv.style.cursor = 'pointer';
+    dragDiv.style.width = '16px';
+    dragDiv.style.height = '16px';
+    dragDiv.style.top = '-7px';
+    dragDiv.style.backGround = 'linear-gradient(180deg, #FFB467 0%, #FF9143 100%)';
   }
   }
-  function mouseLeave (event){
+  function mouseLeave(event) {
     let dragDiv = event.target;
     let dragDiv = event.target;
-    dragDiv.style.top = "-4px";
-      dragDiv.style.width = "10px";
-      dragDiv.style.height = "10px";
+    dragDiv.style.top = '-4px';
+    dragDiv.style.width = '10px';
+    dragDiv.style.height = '10px';
+    ref.current.currentTime = playedTime / 1000;
   }
   }
   return (
   return (
-    <div className="xm-audio" style={style}>
-      <img src={audioImg} onClick={_togglePlay} className="audio-image" />
-      <div className="process-area">
+    <div className='xm-audio' style={style}>
+      <img src={audioImg} onClick={_togglePlay} className='audio-image' />
+      <div className='process-area'>
+        <div className='complete-area' style={{ width: `${(playedTime / totalTime) * 150}px ` }} />
         <div
         <div
-          className="complete-area"
-          style={{ width: `${(playedTime / totalTime) * 150}px ` }}
-        />
-        <div
-          className="flag"
+          className='flag'
           style={{ left: `${(playedTime / totalTime) * 150}px ` }}
           style={{ left: `${(playedTime / totalTime) * 150}px ` }}
           onMouseDown={(e) => putDownFlag(e)}
           onMouseDown={(e) => putDownFlag(e)}
-          onMouseOver={(e)=> mouseOver(e)}
-          onMouseLeave={(e)=>mouseLeave(e)}
+          onMouseOver={(e) => mouseOver(e)}
+          onMouseLeave={(e) => mouseLeave(e)}
         />
         />
       </div>
       </div>
-      <span className="sec-time">
+      <span className='sec-time'>
         {`${_startTime()}`}/{`${_endTime()}`}
         {`${_startTime()}`}/{`${_endTime()}`}
       </span>
       </span>
-      <audio
-        src={url}
-        ref={ref}
-        autoPlay={false}
-        onCanPlayThrough={_getDuration}
-      />
+      <audio src={url} ref={ref} autoPlay={false} onCanPlayThrough={_getDuration} />
     </div>
     </div>
   );
   );
 };
 };

src/modules/teach-tool/components/XMAudio.less

@@ -5,10 +5,11 @@
  * @Last Modified time: 2020-03-24 10:18:43
  * @Last Modified time: 2020-03-24 10:18:43
  */
  */
 
 
- .xm-audio {
+.xm-audio {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   width: 280px;
   width: 280px;
+  padding: 10px 20px;
   border-radius: 5px;
   border-radius: 5px;
   background-color: #ffffff;
   background-color: #ffffff;
   .audio-image {
   .audio-image {
@@ -24,11 +25,11 @@
     cursor: pointer;
     cursor: pointer;
   }
   }
   .play-icon {
   .play-icon {
-    color: #FC8540;
+    color: #fc8540;
   }
   }
-  .sec-time{
+  .sec-time {
     white-space: nowrap;
     white-space: nowrap;
-    color: #FF8534;
+    color: #ff8534;
     margin-left: 12px;
     margin-left: 12px;
     font-size: 13px;
     font-size: 13px;
   }
   }
@@ -38,11 +39,11 @@
     border-radius: 3px;
     border-radius: 3px;
     margin-left: 12px;
     margin-left: 12px;
     position: relative;
     position: relative;
-    background:rgba(255,133,52,0.2);
+    background: rgba(255, 133, 52, 0.2);
 
 
     .complete-area {
     .complete-area {
       height: 100%;
       height: 100%;
-      background-color: #FF8534;
+      background-color: #ff8534;
       border-top-left-radius: 3px;
       border-top-left-radius: 3px;
       border-bottom-left-radius: 3px;
       border-bottom-left-radius: 3px;
     }
     }
@@ -52,7 +53,7 @@
       width: 10px;
       width: 10px;
       height: 10px;
       height: 10px;
       border-radius: 50%;
       border-radius: 50%;
-      background:linear-gradient(180deg,rgba(255,180,103,1) 0%,rgba(255,145,67,1) 100%);
+      background: linear-gradient(180deg, rgba(255, 180, 103, 1) 0%, rgba(255, 145, 67, 1) 100%);
     }
     }
   }
   }
 }
 }

src/modules/teach-tool/examination-manager/Index.tsx

-import React, { useState, useRef, useEffect, useContext } from 'react'
+import React, { useState, useRef, useEffect, useContext } from 'react';
 import { Input, Select, DatePicker, Tooltip, Button, Table, Dropdown, Menu, Modal } from 'antd';
 import { Input, Select, DatePicker, Tooltip, Button, Table, Dropdown, Menu, Modal } from 'antd';
-import Lottie from 'react-lottie';
 import TeacherSelect from '@/modules/common/TeacherSelect';
 import TeacherSelect from '@/modules/common/TeacherSelect';
 import { Route, withRouter } from 'react-router-dom';
 import { Route, withRouter } from 'react-router-dom';
-import Service from "@/common/js/service";
+import Service from '@/common/js/service';
 import moment from 'moment';
 import moment from 'moment';
-import { PageControl, XMTable } from "@/components";
+import { PageControl, XMTable } from '@/components';
 import AddExam from './AddExam';
 import AddExam from './AddExam';
-import User from "@/common/js/user";
-import { XMContext } from "@/store/context";
-import ExamShareModal from './ExamShareModal'
-import DataAnalysic from './DataAnalysic'
-import PreviewModal from './PreviewModal'
-import * as nodata from '../../lottie/nodata/data.json';
-import './index.less'
+import User from '@/common/js/user';
+import { XMContext } from '@/store/context';
+import ExamShareModal from './ExamShareModal';
+import DataAnalysic from './DataAnalysic';
+import PreviewModal from './PreviewModal';
+import './index.less';
 const { RangePicker } = DatePicker;
 const { RangePicker } = DatePicker;
 const { Search } = Input;
 const { Search } = Input;
 const { Option } = Select;
 const { Option } = Select;
 
 
 interface sortType {
 interface sortType {
-    type: "ascend" | "descend" | null | undefined
+  type: 'ascend' | 'descend' | null | undefined;
 }
 }
 
 
 interface fixType {
 interface fixType {
-    left :boolean | "right" | "left" | undefined,
-    right: "right" | "left" ,
+  left: boolean | 'right' | 'left' | undefined;
+  right: 'right' | 'left';
 }
 }
 
 
-const fixStr:fixType={
-    left:'left',
-    right:'right'
-}
+const fixStr: fixType = {
+  left: 'left',
+  right: 'right',
+};
 
 
 function ExaminationManager(props: any) {
 function ExaminationManager(props: any) {
   const queryInit: any = {
   const queryInit: any = {
     examName: '',
     examName: '',
-        current: 1, size: 10, order: 'EXAM_START_TIME_DESC'
-    }
+    current: 1,
+    size: 10,
+    order: 'EXAM_START_TIME_DESC',
+  };
 
 
   const sortStatus: sortType = {
   const sortStatus: sortType = {
-        type: undefined
-    }
-
-    const sortEnum = {
+    type: undefined,
+  };
 
 
-    }
+  const sortEnum = {};
   const { match } = props;
   const { match } = props;
   const sortState: any = false;
   const sortState: any = false;
   const ctx: any = useContext(XMContext);
   const ctx: any = useContext(XMContext);
@@ -55,7 +53,7 @@ function ExaminationManager(props: any) {
   const [field, setfield] = useState('');
   const [field, setfield] = useState('');
   const [order, setOrder] = useState(sortStatus.type);
   const [order, setOrder] = useState(sortStatus.type);
   const [modal, setModal] = useState(null);
   const [modal, setModal] = useState(null);
-    const [questionCntSort, setQuestionCntSort] = useState(sortState)
+  const [questionCntSort, setQuestionCntSort] = useState(sortState);
   const [openPreviewModal, setOpenPreviewModal] = useState(false);
   const [openPreviewModal, setOpenPreviewModal] = useState(false);
   const [info, setInfo] = useState({ examDuration: 0 });
   const [info, setInfo] = useState({ examDuration: 0 });
   const queryRef = useRef({});
   const queryRef = useRef({});
@@ -63,27 +61,27 @@ function ExaminationManager(props: any) {
   const orderEnum = {
   const orderEnum = {
     userCnt: {
     userCnt: {
       ascend: 'USER_CNT_ASC',
       ascend: 'USER_CNT_ASC',
-            descend: 'USER_CNT_DESC'
+      descend: 'USER_CNT_DESC',
     },
     },
     passCnt: {
     passCnt: {
       ascend: 'PASS_CNT_ASC',
       ascend: 'PASS_CNT_ASC',
-            descend: 'PASS_CNT_DESC'
+      descend: 'PASS_CNT_DESC',
     },
     },
     examCreateTime: {
     examCreateTime: {
       ascend: 'CREATED_ASC',
       ascend: 'CREATED_ASC',
-            descend: 'CREATED_DESC'
-        }
-    }
-
+      descend: 'CREATED_DESC',
+    },
+  };
 
 
   const columns = [
   const columns = [
     {
     {
-            title: "考试",
+      title: '考试',
       // fixed:fixStr.left,
       // fixed:fixStr.left,
-            width:320,
-            dataIndex: "examName",
+      width: 320,
+      dataIndex: 'examName',
       render: (text: any, record: any) => {
       render: (text: any, record: any) => {
-                var _text = '未开始', _color = 'rgba(255, 183, 20, 1)';
+        var _text = '未开始',
+          _color = 'rgba(255, 183, 20, 1)';
         if (moment().valueOf() > record.examEndTime) {
         if (moment().valueOf() > record.examEndTime) {
           _text = '已结束';
           _text = '已结束';
           _color = 'rgba(153, 153, 153, 1)';
           _color = 'rgba(153, 153, 153, 1)';
@@ -92,102 +90,106 @@ function ExaminationManager(props: any) {
           _color = 'rgba(59, 189, 170, 1)';
           _color = 'rgba(59, 189, 170, 1)';
         }
         }
 
 
-                return <div style={{ width: 320 }}>
-                    <div className='oneLineText' style={{ width: 320,color:'#333',fontWeight:'bold' }} >{text}</div>
-                    <div> <span >{moment(record.examStartTime).format("YYYY-MM-DD HH:mm")}~{moment(record.examEndTime).format("YYYY-MM-DD HH:mm")} </span> <div className="status" style={{ border: `1px solid  ${_color}`,borderRadius:2, color: _color }}>{_text}</div></div>
+        return (
+          <div style={{ width: 320 }}>
+            <div className='oneLineText' style={{ width: 320, color: '#333', fontWeight: 'bold' }}>
+              {text}
+            </div>
+            <div>
+              {' '}
+              <span>
+                {moment(record.examStartTime).format('YYYY-MM-DD HH:mm')}~{moment(record.examEndTime).format('YYYY-MM-DD HH:mm')}{' '}
+              </span>{' '}
+              <div className='status' style={{ border: `1px solid  ${_color}`, borderRadius: 2, color: _color }}>
+                {_text}
+              </div>
+            </div>
             <div>创建人:{record.examCreator}</div>
             <div>创建人:{record.examCreator}</div>
           </div>
           </div>
+        );
       },
       },
     },
     },
     {
     {
-            title: "考试时长",
-            dataIndex: "examDuration",
+      title: '考试时长',
+      dataIndex: 'examDuration',
       render: (text: any) => <span>{(text || 0) / 60 / 1000}分钟</span>,
       render: (text: any) => <span>{(text || 0) / 60 / 1000}分钟</span>,
     },
     },
     {
     {
-            title: "及格分/总分",
-            dataIndex: "totalScore",
+      title: '及格分/总分',
+      dataIndex: 'totalScore',
       render: (text: any, record: any) => <span>{`${record.passScore || 0}/${record.totalScore || 0}`}</span>,
       render: (text: any, record: any) => <span>{`${record.passScore || 0}/${record.totalScore || 0}`}</span>,
     },
     },
     {
     {
-            title: "题目数量",
-            align:fixStr.right,
-            dataIndex: "questionCnt",
-
+      title: '题目数量',
+      align: fixStr.right,
+      dataIndex: 'questionCnt',
     },
     },
     {
     {
-            title: "参与人数",
-            dataIndex: "userCnt",
-            align:fixStr.right,
+      title: '参与人数',
+      dataIndex: 'userCnt',
+      align: fixStr.right,
       sorter: true,
       sorter: true,
-            sortOrder: field === "userCnt" ? order : sortStatus.type,
-
+      sortOrder: field === 'userCnt' ? order : sortStatus.type,
     },
     },
     {
     {
-            title: "及格数",
-            dataIndex: "passCnt",
-            align:fixStr.right,
+      title: '及格数',
+      dataIndex: 'passCnt',
+      align: fixStr.right,
       sorter: true,
       sorter: true,
-            sortOrder: field === "passCnt" ? order : sortStatus.type,
-
+      sortOrder: field === 'passCnt' ? order : sortStatus.type,
     },
     },
     {
     {
-            title: "创建时间",
-            dataIndex: "examCreateTime",
-            align:fixStr.right,
+      title: '创建时间',
+      dataIndex: 'examCreateTime',
+      align: fixStr.right,
       sorter: true,
       sorter: true,
-            sortOrder: field === "examCreateTime" ? order : sortStatus.type,
-            render: (text: any, record: any) => <span>{moment(text).format("YYYY-MM-DD HH:mm")}</span>,
-
+      sortOrder: field === 'examCreateTime' ? order : sortStatus.type,
+      render: (text: any, record: any) => <span>{moment(text).format('YYYY-MM-DD HH:mm')}</span>,
     },
     },
     {
     {
-            title: "操作",
-            fixed:fixStr.right,
-            dataIndex: "operate",
+      title: '操作',
+      fixed: fixStr.right,
+      dataIndex: 'operate',
       width: 150,
       width: 150,
-            render: (text: any, record: any) => <div className="table_operate">
-                {
-                    ctx.xmState?.userPermission?.SeeExamData() && [<div
-                        key="data"
-                        className="operate__item"
+      render: (text: any, record: any) => (
+        <div className='table_operate'>
+          {ctx.xmState?.userPermission?.SeeExamData() && [
+            <div
+              key='data'
+              className='operate__item'
               onClick={() => {
               onClick={() => {
                 props.history.push({
                 props.history.push({
-                                pathname: `${match.url}/analysic/${record.examId}`
-                            })
-                        }}
-                    >
+                  pathname: `${match.url}/analysic/${record.examId}`,
+                });
+              }}>
               数据
               数据
             </div>,
             </div>,
-                    <span className="operate__item split" > | </span>]
-                }
-
+            <span className='operate__item split'> | </span>,
+          ]}
 
 
           <div
           <div
-                    key="share"
-                    className="operate__item"
-                    onClick={() => { shareModal(record) }}
-                >
+            key='share'
+            className='operate__item'
+            onClick={() => {
+              shareModal(record);
+            }}>
             分享
             分享
           </div>
           </div>
-                <span className="operate__item split" > | </span>
+          <span className='operate__item split'> | </span>
           <Dropdown overlay={getOpe(record)}>
           <Dropdown overlay={getOpe(record)}>
             <span className='more'>更多</span>
             <span className='more'>更多</span>
           </Dropdown>
           </Dropdown>
-
-
-
-            </div>,
+        </div>
+      ),
     },
     },
-
-
   ];
   ];
 
 
   function queryExamDetail(examId: string) {
   function queryExamDetail(examId: string) {
-        Service.Hades("public/hades/queryExamDetail", {
+    Service.Hades('public/hades/queryExamDetail', {
       examId,
       examId,
       tenantId: User.getStoreId(),
       tenantId: User.getStoreId(),
       userId: User.getStoreUserId(),
       userId: User.getStoreUserId(),
-            source: 0
+      source: 0,
     }).then((res) => {
     }).then((res) => {
       setInfo(res.result);
       setInfo(res.result);
       setOpenPreviewModal(true);
       setOpenPreviewModal(true);
@@ -195,86 +197,84 @@ function ExaminationManager(props: any) {
   }
   }
 
 
   function shareModal(record: any) {
   function shareModal(record: any) {
-        const modal = <ExamShareModal
+    const modal = (
+      <ExamShareModal
         data={record}
         data={record}
         close={() => {
         close={() => {
-                setModal(null)
+          setModal(null);
         }}
         }}
       />
       />
-        setModal(modal as any)
+    );
+    setModal(modal as any);
   }
   }
 
 
   function getOpe(item: any) {
   function getOpe(item: any) {
-        return <Menu>
+    return (
+      <Menu>
         <Menu.Item
         <Menu.Item
-                key="1"
+          key='1'
           onClick={() => {
           onClick={() => {
             queryExamDetail(item.examId);
             queryExamDetail(item.examId);
-                }}
-            >预览</Menu.Item>
-            {
-                ctx.xmState?.userPermission?.AddExam() && (moment().valueOf() < item.examStartTime) && <Menu.Item key="2">
+          }}>
+          预览
+        </Menu.Item>
+        {ctx.xmState?.userPermission?.AddExam() && moment().valueOf() < item.examStartTime && (
+          <Menu.Item key='2'>
             <span
             <span
               onClick={() => {
               onClick={() => {
                 if (moment().valueOf() + 5 * 60 * 1000 > item.examStartTime) {
                 if (moment().valueOf() + 5 * 60 * 1000 > item.examStartTime) {
                   Modal.info({
                   Modal.info({
                     title: '无法编辑',
                     title: '无法编辑',
                     content: '离考试开始时间小于5分钟，为保证答题数据的准确性，不能再进行编辑了',
                     content: '离考试开始时间小于5分钟，为保证答题数据的准确性，不能再进行编辑了',
-
-                                })
+                  });
                 } else {
                 } else {
                   props.history.push({
                   props.history.push({
-                                    pathname: `${match.url}/edit/${item.examId}`
-                                })
-
+                    pathname: `${match.url}/edit/${item.examId}`,
+                  });
                 }
                 }
-                        }}
-                    >
+              }}>
               编辑
               编辑
             </span>
             </span>
           </Menu.Item>
           </Menu.Item>
-            }
+        )}
 
 
-            {ctx.xmState?.userPermission?.AddExam() &&
-                <Menu.Item key="3" onClick={() => props.history.push(`${match.url}/copy/${item.examId}`)}>复制</Menu.Item>
-            }
-            {
-                ctx.xmState?.userPermission?.DelExam() && ((moment().valueOf() + 30 * 60 * 1000 < item.examStartTime) || (moment().valueOf() > item.examEndTime)) && <Menu.Item key="4">
+        {ctx.xmState?.userPermission?.AddExam() && (
+          <Menu.Item key='3' onClick={() => props.history.push(`${match.url}/copy/${item.examId}`)}>
+            复制
+          </Menu.Item>
+        )}
+        {ctx.xmState?.userPermission?.DelExam() && (moment().valueOf() + 30 * 60 * 1000 < item.examStartTime || moment().valueOf() > item.examEndTime) && (
+          <Menu.Item key='4'>
             <span
             <span
               onClick={() => {
               onClick={() => {
-                            deleteExam(item)
-                        }}
-                    >
+                deleteExam(item);
+              }}>
               删除
               删除
             </span>
             </span>
           </Menu.Item>
           </Menu.Item>
-            }
-
-
+        )}
       </Menu>
       </Menu>
+    );
   }
   }
 
 
-
   function deleteExam(item: any) {
   function deleteExam(item: any) {
-
     Modal.confirm({
     Modal.confirm({
       title: '删除考试',
       title: '删除考试',
       content: '确定删除该考试吗？',
       content: '确定删除该考试吗？',
       okText: '删除',
       okText: '删除',
       cancelText: '取消',
       cancelText: '取消',
-            icon: <span className="icon iconfont default-confirm-icon">&#xe6f4;</span>,
+      icon: <span className='icon iconfont default-confirm-icon'>&#xe6f4;</span>,
       onOk: () => {
       onOk: () => {
-                Service.Hades("public/hades/deleteExam", {
-                    "examId": item.examId,
+        Service.Hades('public/hades/deleteExam', {
+          examId: item.examId,
           userId: User.getStoreUserId(),
           userId: User.getStoreUserId(),
           tenantId: User.getStoreId(),
           tenantId: User.getStoreId(),
-                    source: 0
+          source: 0,
         }).then(() => {
         }).then(() => {
-                    getList()
-                })
-            }
-        })
-
+          getList();
+        });
+      },
+    });
   }
   }
 
 
   function getList() {
   function getList() {
@@ -283,139 +283,150 @@ function ExaminationManager(props: any) {
     //     _query.examCreator =parseInt(_query.examCreator)
     //     _query.examCreator =parseInt(_query.examCreator)
     // }
     // }
 
 
-        Service.Hades("public/hades/queryExamPageList", {
-            ..._query, userId: User.getStoreUserId(),
+    Service.Hades('public/hades/queryExamPageList', {
+      ..._query,
+      userId: User.getStoreUserId(),
       tenantId: User.getStoreId(),
       tenantId: User.getStoreId(),
-            source: 0
+      source: 0,
     }).then((res) => {
     }).then((res) => {
-            setList(res.result?.records || [])
-            setTotal(parseInt(res.result.total))
-        })
+      setList(res.result?.records || []);
+      setTotal(parseInt(res.result.total));
+    });
   }
   }
 
 
   useEffect(() => {
   useEffect(() => {
     queryRef.current = query;
     queryRef.current = query;
     getList();
     getList();
-    }, [query])
+  }, [query]);
 
 
   function onShowSizeChange(current: any, size: any) {
   function onShowSizeChange(current: any, size: any) {
-       ( queryRef.current as any).size =size
+    (queryRef.current as any).size = size;
   }
   }
 
 
-
   function onChange(pagination: any, filters: any, sorter: any, extra: any) {
   function onChange(pagination: any, filters: any, sorter: any, extra: any) {
     setfield(sorter.field);
     setfield(sorter.field);
-        setOrder(sorter.order)
+    setOrder(sorter.order);
     let _query: any = { ...queryRef.current };
     let _query: any = { ...queryRef.current };
-        _query.order = (orderEnum as any)[sorter.field][sorter.order] || 'EXAM_START_TIME_DESC'
-        setQuery(_query)
+    _query.order = (orderEnum as any)[sorter.field][sorter.order] || 'EXAM_START_TIME_DESC';
+    setQuery(_query);
   }
   }
 
 
-    const defaultOptions = {
-        loop: true,
-        autoplay: true,
-        animationData: nodata,
-        rendererSettings: {
-          preserveAspectRatio: 'xMidYMid slice'
-        }
-      }
-    return <div className="page examination-manager">
-        <div className="content-header">考试</div>
-        <div className="box content-body">
-            <div className="xm-search-filter">
+  return (
+    <div className='page examination-manager'>
+      <div className='content-header'>考试</div>
+      <div className='box content-body'>
+        <div className='xm-search-filter'>
           <div style={{ display: 'flex' }}>
           <div style={{ display: 'flex' }}>
-                    <div className="search-condition">
-                        <div className="search-condition__item">
-                            <span className="search-name">考试名称：</span>
+            <div className='search-condition'>
+              <div className='search-condition__item'>
+                <span className='search-name'>考试名称：</span>
                 <Search
                 <Search
                   value={query.examName}
                   value={query.examName}
                   className='search-input'
                   className='search-input'
-                                placeholder="搜索考试名称"
+                  placeholder='搜索考试名称'
                   onChange={(e) => {
                   onChange={(e) => {
-                                    const _query = { ...query }
-                                    _query.examName = e.target.value
+                    const _query = { ...query };
+                    _query.examName = e.target.value;
                     _query.current = 1;
                     _query.current = 1;
                     setQuery(_query);
                     setQuery(_query);
                   }}
                   }}
-                                onSearch={() => { }}
-                                enterButton={<span className="icon iconfont">&#xe832;</span>}
+                  onSearch={() => {}}
+                  enterButton={<span className='icon iconfont'>&#xe832;</span>}
                 />
                 />
               </div>
               </div>
 
 
-                        <TeacherSelect val={query.examCreator}
+              <TeacherSelect
+                val={query.examCreator}
                 onChange={(examCreator: any) => {
                 onChange={(examCreator: any) => {
-
-                                const _query = { ...query }
+                  const _query = { ...query };
                   _query.examCreator = examCreator;
                   _query.examCreator = examCreator;
                   _query.current = 1;
                   _query.current = 1;
                   setQuery(_query);
                   setQuery(_query);
                 }}
                 }}
-                            roleCodes={["CloudManager", 'StoreManager']}
-                        ></TeacherSelect>
+                roleCodes={['CloudManager', 'StoreManager']}></TeacherSelect>
 
 
-                        <div className="search-condition__item">
-                            <span className="search-name">考试时间：</span>
+              <div className='search-condition__item'>
+                <span className='search-name'>考试时间：</span>
                 <RangePicker
                 <RangePicker
                   className='search-input'
                   className='search-input'
-                                value={[
-                                    query.examStartTime ? moment(Number(query.examStartTime)) : null,
-                                    query.examStartTime ? moment(Number(query.examEndTime)) : null
-                                ]}
+                  value={[query.examStartTime ? moment(Number(query.examStartTime)) : null, query.examStartTime ? moment(Number(query.examEndTime)) : null]}
                   onChange={(date: any) => {
                   onChange={(date: any) => {
-                                    const _query = { ...query }
+                    const _query = { ...query };
                     _query.examStartTime = date && date[0]?.startOf('day').valueOf();
                     _query.examStartTime = date && date[0]?.startOf('day').valueOf();
                     _query.examEndTime = date && date[1]?.endOf('day').valueOf();
                     _query.examEndTime = date && date[1]?.endOf('day').valueOf();
                     _query.current = 1;
                     _query.current = 1;
                     setQuery(_query);
                     setQuery(_query);
-
-                                }} />
+                  }}
+                />
               </div>
               </div>
-                        {
-                            !!expandFilter && <div className="search-condition__item">
-                                <span className="search-name">创建时间：</span>
+              {!!expandFilter && (
+                <div className='search-condition__item'>
+                  <span className='search-name'>创建时间：</span>
                   <RangePicker
                   <RangePicker
                     className='search-input'
                     className='search-input'
                     value={[
                     value={[
                       query.createStartTime ? moment(Number(query.createStartTime)) : null,
                       query.createStartTime ? moment(Number(query.createStartTime)) : null,
-                                        query.createStartTime ? moment(Number(query.createEndTime)) : null
+                      query.createStartTime ? moment(Number(query.createEndTime)) : null,
                     ]}
                     ]}
                     onChange={(date: any) => {
                     onChange={(date: any) => {
-                                        const _query = { ...query }
+                      const _query = { ...query };
                       _query.createStartTime = date && date[0]?.startOf('day').valueOf();
                       _query.createStartTime = date && date[0]?.startOf('day').valueOf();
                       _query.createEndTime = date && date[1]?.endOf('day').valueOf();
                       _query.createEndTime = date && date[1]?.endOf('day').valueOf();
                       _query.current = 1;
                       _query.current = 1;
                       setQuery(_query);
                       setQuery(_query);
-
-                                    }} />
+                    }}
+                  />
                 </div>
                 </div>
-                        }
-
+              )}
             </div>
             </div>
-                    <div className="reset-fold-area">
-                        <Tooltip title="清空筛选"><span className="resetBtn iconfont icon" onClick={() => {
-                            setfield('')
+            <div className='reset-fold-area'>
+              <Tooltip title='清空筛选'>
+                <span
+                  className='resetBtn iconfont icon'
+                  onClick={() => {
+                    setfield('');
                     setQuery({ current: 1, size: 10, order: 'EXAM_START_TIME_DESC' });
                     setQuery({ current: 1, size: 10, order: 'EXAM_START_TIME_DESC' });
-                        }}>&#xe61b; </span></Tooltip>
-                        <span style={{ cursor: 'pointer' }} className="fold-btn" onClick={() => {
-                            setExpandFilter(!expandFilter)
-                        }}>{expandFilter ? <span><span>收起</span><span className="iconfont icon fold-icon" >&#xe82d; </span> </span> : <span>展开<span className="iconfont icon fold-icon" >&#xe835; </span></span>}</span>
+                  }}>
+                  &#xe61b;{' '}
+                </span>
+              </Tooltip>
+              <span
+                style={{ cursor: 'pointer' }}
+                className='fold-btn'
+                onClick={() => {
+                  setExpandFilter(!expandFilter);
+                }}>
+                {expandFilter ? (
+                  <span>
+                    <span>收起</span>
+                    <span className='iconfont icon fold-icon'>&#xe82d; </span>{' '}
+                  </span>
+                ) : (
+                  <span>
+                    展开<span className='iconfont icon fold-icon'>&#xe835; </span>
+                  </span>
+                )}
+              </span>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
-            {
-                ctx.xmState?.userPermission?.AddExam() && <Button type='primary' onClick={() => {
+        {ctx.xmState?.userPermission?.AddExam() && (
+          <Button
+            type='primary'
+            onClick={() => {
               props.history.push({
               props.history.push({
-                        pathname: `${match.url}/add`
-                    })
-                }} style={{ margin: '4px 0 16px' }}>新建考试</Button>
-
-            }
-
+                pathname: `${match.url}/add`,
+              });
+            }}
+            style={{ margin: '4px 0 16px' }}>
+            新建考试
+          </Button>
+        )}
 
 
-            <div className="content">
+        <div className='content'>
           <XMTable
           <XMTable
             bordered
             bordered
-                    size="small"
+            size='small'
             columns={columns}
             columns={columns}
             dataSource={list}
             dataSource={list}
             scroll={{ x: 1150 }}
             scroll={{ x: 1150 }}
@@ -423,22 +434,11 @@ function ExaminationManager(props: any) {
             pagination={false}
             pagination={false}
             style={{ margin: '0px 0 16px' }}
             style={{ margin: '0px 0 16px' }}
             renderEmpty={{
             renderEmpty={{
-                      image: <div style={{ marginTop: 24 }}>
-                        <Lottie
-                          options={defaultOptions}
-                          height={150}
-                          width={150}
-                          isStopped={false}
-                          isPaused={false}
-                        />
-                      </div>,
-                      description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
-                    }}
-                >
-                </XMTable>
-                {total > 0 &&
+              description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>,
+            }}></XMTable>
+          {total > 0 && (
             <PageControl
             <PageControl
-                        size="small"
+              size='small'
               current={query.current - 1}
               current={query.current - 1}
               pageSize={query.size}
               pageSize={query.size}
               total={total}
               total={total}
@@ -446,48 +446,75 @@ function ExaminationManager(props: any) {
               toPage={(page: any) => {
               toPage={(page: any) => {
                 let _query: any = { ...queryRef.current };
                 let _query: any = { ...queryRef.current };
                 _query.current = page + 1;
                 _query.current = page + 1;
-                            setQuery(_query)
+                setQuery(_query);
               }}
               }}
             />
             />
-                }
+          )}
         </div>
         </div>
       </div>
       </div>
-        {openPreviewModal &&
+      {openPreviewModal && (
         <PreviewModal
         <PreviewModal
           info={{ ...info, examDuration: (info.examDuration || 0) / 60000 }}
           info={{ ...info, examDuration: (info.examDuration || 0) / 60000 }}
-                onClose={() => { setOpenPreviewModal(false) }}
+          onClose={() => {
+            setOpenPreviewModal(false);
+          }}
         />
         />
-        }
-        <Route path={`${match.url}/add`} render={() => {
-            return <AddExam type="add" freshList={() => {
+      )}
+      <Route
+        path={`${match.url}/add`}
+        render={() => {
+          return (
+            <AddExam
+              type='add'
+              freshList={() => {
                 let _query: any = { ...queryRef.current };
                 let _query: any = { ...queryRef.current };
                 if (_query.current != 1) {
                 if (_query.current != 1) {
                   _query.current = 1;
                   _query.current = 1;
-                    setQuery(_query)
+                  setQuery(_query);
                 } else {
                 } else {
-                    getList()
+                  getList();
                 }
                 }
-            }} />;
-        }} />
-        <Route path={`${match.url}/edit/:id`} render={() => {
-            return <AddExam type='edit' freshList={() => {
-                getList()
-            }} />;
-        }} />
-        <Route path={`${match.url}/copy/:id`} render={() => {
-            return <AddExam type='copy' freshList={() => {
-                getList()
-            }} />;
-        }} />
+              }}
+            />
+          );
+        }}
+      />
+      <Route
+        path={`${match.url}/edit/:id`}
+        render={() => {
+          return (
+            <AddExam
+              type='edit'
+              freshList={() => {
+                getList();
+              }}
+            />
+          );
+        }}
+      />
+      <Route
+        path={`${match.url}/copy/:id`}
+        render={() => {
+          return (
+            <AddExam
+              type='copy'
+              freshList={() => {
+                getList();
+              }}
+            />
+          );
+        }}
+      />
 
 
-        <Route path={`${match.url}/analysic/:id`} render={() => {
+      <Route
+        path={`${match.url}/analysic/:id`}
+        render={() => {
           return <DataAnalysic />;
           return <DataAnalysic />;
-        }} />
-        {
-            modal
-        }
-
+        }}
+      />
+      {modal}
     </div>
     </div>
+  );
 }
 }
 
 
 export default withRouter(ExaminationManager);
 export default withRouter(ExaminationManager);

src/modules/teach-tool/examination-manager/TestDetailPage.jsx

+/*
+ * @Author: yuananting
+ * @Date: 2021-04-07 16:10:21
+ * @LastEditors: wufan
+ * @LastEditTime: 2021-04-26 10:21:19
+ * @Description: 助学工具-考试-考试结果
+ * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
+ */
+import React, { useState, useEffect } from 'react';
+import { withRouter } from 'react-router-dom';
+import User from '@/common/js/user';
+import './TestDetailPage.less';
+import Service from '@/common/js/service';
+import { message } from 'antd';
+import AnswerDescPage from '../components/AnswerDescPage';
+import Breadcrumbs from '@/components/Breadcrumbs';
+
+function TestDetailPage(props) {
+  const examId = props.match.params.testId.replace(/\?.+/, '');
+  const paperId = window.getParameterByName('paperId');
+  const userId = window.getParameterByName('userId');
+  const [examDetail, setExamDetail] = useState({
+    answerAnalysis: '',
+    resultShow: '',
+    examDesc: '',
+    examDuration: 0,
+    examEndTime: '',
+    examName: '',
+    examStartTime: '',
+    paperId: 0,
+    passRate: 0,
+    passScore: 0,
+    resultContent: '',
+    totalQuestionCount: 0,
+    totalScore: 0,
+    userCorrectQuestion: 0,
+    userExamDuration: 0,
+    userScore: 0,
+  }); // 考试详情
+  const [paperDetail, setPaperDetail] = useState({}); // 试卷详情
+  const [questionList, setQuestionList] = useState([]); // 试卷题目列表
+  const [userAnswerList, setUserAnswerList] = useState([]); // 用户答案列表
+  const [isScrollShow, setIsScrollShow] = useState(false); // 是否展示回到顶部按钮
+
+  const { answerAnalysis, resultContent, examName, totalScore, totalQuestionCount, passScore, examDuration, userExamDuration, userScore, userCorrectQuestion } =
+    examDetail;
+
+  useEffect(() => {
+    bindScroll();
+    getPaperDetail();
+    getExamDetail();
+  }, []);
+
+  function bindScroll() {
+    window.addEventListener('scroll', handleScroll, true);
+  }
+
+  function getExamDetail() {
+    const params = {
+      examId,
+      source: 0,
+      tenantId: User.getStoreId() || window.getParameterByName('id'),
+      userId,
+    };
+    Service.Hades('public/customerHades/queryUserExamResult', params, {
+      reject: true,
+    })
+      .then((res) => {
+        const data = { ...res.result };
+        setExamDetail(data);
+      })
+      .catch((res) => {
+        if (res.code === 'EXAM_IS_NOT_EXIST') {
+          handleChangeShowErrorPage();
+        } else {
+          message.error(res.message);
+        }
+      });
+  }
+
+  function getPaperDetail() {
+    Service.Hades('public/customerHades/queryUserExamAnswer', {
+      examId,
+      paperId,
+      source: 0,
+      readAnswer: true,
+      tenantId: User.getStoreId() || window.getParameterByName('id'),
+      userId,
+    }).then((res) => {
+      if (res.success) {
+        const { paperDetailVO, userExamAnswerVO } = res.result;
+        const userAnswerList = [...userExamAnswerVO];
+        const { questionList } = paperDetailVO;
+        setPaperDetail(paperDetail);
+        setUserAnswerList(userAnswerList);
+        setQuestionList(questionList || []);
+      }
+    });
+  }
+
+  function handleChangeShowErrorPage() {
+    setIsShowErrorPage(true);
+  }
+
+  // 用户时长转换
+  function formatTime(msTime) {
+    let time = msTime / 1000;
+    let hour = Math.floor(time / 60 / 60) % 24 > 9 ? Math.floor(time / 60 / 60) % 24 : '0' + (Math.floor(time / 60 / 60) % 24);
+    let minute = Math.floor(time / 60) % 60 > 9 ? Math.floor(time / 60) % 60 : '0' + (Math.floor(time / 60) % 60);
+    let second = time % 60 > 9 ? Math.round(time % 60) : '0' + Math.round(time % 60);
+    return `${hour}:${minute}:${second}`;
+  }
+
+  // 快速跳转题目
+  function handleQuickActiveQuestion(questionId) {
+    let selectDom = document.getElementById(`${questionId}`);
+    selectDom.scrollIntoView({
+      block: 'center',
+    });
+  }
+
+  // 回到顶部
+  function handleGoTop() {
+    window.scrollTo(0, 0);
+  }
+
+  // 监听滚动，200以后出现回到顶部按钮
+  function handleScroll() {
+    if (window.pageYOffset > 200) {
+      setIsScrollShow(true);
+    } else {
+      setIsScrollShow(false);
+    }
+  }
+
+  function renderResultInfo() {
+    return (
+      <div>
+        <div className='exam-info'>
+          <div className='info-score item'>
+            <div className='current-score'>
+              {userScore}
+              <img src='https://image.xiaomaiketang.com/xm/TsaApiPyxA.png' />
+            </div>
+            <div className='origin-data'>总分{totalScore}</div>
+          </div>
+
+          <div className='info-level item'>
+            <div className='current-level'>{userScore < passScore ? '不及格' : '及格'}</div>
+            <div className='origin-data'>及格分{passScore}</div>
+          </div>
+
+          <div className='info-correct item'>
+            <div className='current-correct'>
+              {userCorrectQuestion}
+              <div className='text'>答对题数</div>
+            </div>
+            <div className='origin-data'>共{totalQuestionCount}题</div>
+          </div>
+
+          <div className='info-time item'>
+            <div className='current-time'>
+              {formatTime(Number(userExamDuration > examDuration ? examDuration : userExamDuration || 0))}
+              <div className='text'>用时</div>
+            </div>
+            <div className='origin-data'>考试时长{(examDuration || 0) / 60 / 1000}分钟</div>
+          </div>
+        </div>
+
+        <div className='exam-result'>
+          <div className='result-title'>
+            <div className='left-title'>答题情况</div>
+            <div className='right-tip'>
+              <span className='correct-num'>{userCorrectQuestion}</span>
+              <span className='incorrect-num'>/{totalQuestionCount} </span>
+              道正确
+            </div>
+          </div>
+          <div className='result-content'>
+            {sortedAnswerList.map((item, index) => {
+              return (
+                <div
+                  className='result-content__item'
+                  onClick={() => {
+                    console.log('item', item);
+                    handleQuickActiveQuestion(item.questionId);
+                  }}>
+                  <img
+                    className='icon'
+                    src={item.isCorrect === 1 ? 'https://image.xiaomaiketang.com/xm/FwZa2Kaypc.png' : 'https://image.xiaomaiketang.com/xm/7tRHDf6ysA.png'}
+                  />
+                  <div className='result-content-box'>{index + 1}</div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+        <AnswerDescPage userId={userId} />
+      </div>
+    );
+  }
+
+  let sortedAnswerList = [];
+  questionList.map((item) => {
+    userAnswerList &&
+      userAnswerList.map((answerItem) => {
+        if (item.questionId === answerItem.questionId) {
+          sortedAnswerList.push(answerItem);
+        }
+      });
+  });
+
+  return (
+    <div className='exam-result-page page'>
+      <Breadcrumbs navList={'答题详情'} goBack={props.history.goBack} />
+
+      <div className='center'>
+        <div className='box'>
+          <div className='box-content'>
+            <div
+              className='exam-head'
+              style={{
+                padding: examName.length > 20 ? '8px 0 14px' : '16px 0 29px',
+              }}>
+              <div className={`exam-name ${examName.length > 20 ? 'many' : 'few'}`}>{examName}</div>
+            </div>
+            {renderResultInfo()}
+          </div>
+        </div>
+      </div>
+      {isScrollShow && <div className='go-top' onClick={handleGoTop}></div>}
+    </div>
+  );
+}
+
+export default withRouter(TestDetailPage);

src/modules/teach-tool/examination-manager/TestDetailPage.less

+.exam-result-page {
+  margin: 0 auto;
+  .go-top {
+    cursor: pointer;
+    position: fixed;
+    width: 48px;
+    height: 48px;
+    background-image: url('https://image.xiaomaiketang.com/xm/jWix2xDm4t.png');
+    background-size: 100%;
+    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    bottom: 125px;
+    right: calc(~'(100vw - 1232px)/2');
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    &:hover {
+      background-image: url('https://image.xiaomaiketang.com/xm/GHBBNDtTDd.png');
+    }
+  }
+  .box {
+    .box-content {
+      position: relative;
+      width: 840px;
+      margin: 0 auto;
+      .exam-head {
+        color: #333;
+        text-align: center;
+        .exam-name {
+          width: 600px;
+          font-weight: 500;
+          margin: 0 auto;
+          font-size: 24px;
+          line-height: 33px;
+        }
+        .many {
+          font-size: 21px;
+          line-height: 29px;
+        }
+        .few {
+          font-size: 25px;
+          line-height: 36px;
+        }
+      }
+      .empty-result {
+        box-sizing: border-box;
+        margin: 0 16px;
+        background: #ffffff;
+        box-shadow: 0 -15px 10px 0 rgba(0, 34, 121, 0.1);
+        border-radius: 4px 4px 0 0;
+        padding-top: 56px;
+        .lack-desc {
+          margin-top: 16px;
+          .title {
+            font-size: 17px;
+            font-weight: 500;
+            color: #333333;
+            line-height: 24px;
+            margin-bottom: 4px;
+          }
+          .content {
+            font-size: 15px;
+            color: #999999;
+            line-height: 21px;
+          }
+        }
+        .after-desc {
+          margin-top: 16px;
+          .title {
+            font-size: 17px;
+            font-weight: 500;
+            color: #333333;
+            line-height: 24px;
+            margin-bottom: 20px;
+          }
+          .after-show-box {
+            // margin: 0 37px;
+            padding: 11px 21px;
+            background: #f4f6fa;
+            border-radius: 4px;
+            font-size: 15px;
+            color: #999999;
+            line-height: 21px;
+            text-align: center;
+          }
+        }
+      }
+
+      .exam-info {
+        width: 840px;
+        box-sizing: border-box;
+        margin: 0 auto;
+        padding: 24px 0 12px;
+        height: 130px;
+        background: #ffffff;
+        box-shadow: 0px 5px 30px 0px rgba(12, 54, 158, 0.08);
+        border-radius: 4px;
+        display: flex;
+
+        justify-content: center;
+        .item {
+          flex: 1 25%;
+          display: flex;
+          flex-direction: column;
+
+          // height: 130px;
+          align-items: center;
+          justify-content: space-between;
+          position: relative;
+          .origin-data {
+            text-align: center;
+            font-size: 14px;
+            color: #999999;
+            line-height: 20px;
+          }
+          .line {
+            &::before {
+              width: 1px;
+              height: 40px;
+              content: '';
+              position: absolute;
+              right: 0;
+              top: 0;
+              background-color: rgba(232, 232, 232, 1);
+            }
+          }
+          &.info-score {
+            .current-score {
+              font-size: 40px;
+              font-weight: 500;
+              color: #ff4f4f;
+              text-align: center;
+              line-height: 42px;
+              img {
+                display: block;
+                margin: 0 auto;
+                width: 27px;
+                height: 12px;
+                padding-left: 4px;
+              }
+            }
+          }
+          &.info-level {
+            .current-level {
+              font-size: 24px;
+              font-family: PingFangSC-Medium, PingFang SC;
+              font-weight: 500;
+              color: #333333;
+              line-height: 33px;
+              text-align: center;
+            }
+          }
+          &.info-correct {
+            .current-correct {
+              display: flex;
+              flex-direction: column;
+              padding-bottom: 20px;
+              justify-content: space-between;
+              align-items: center;
+              font-size: 20px;
+              font-weight: 500;
+              color: #333333;
+              line-height: 28px;
+              .text {
+                margin-top: 4px;
+                width: 48px;
+                height: 17px;
+                font-size: 12px;
+                font-family: PingFangSC-Regular, PingFang SC;
+                font-weight: 400;
+                color: #9b9b9b;
+                line-height: 17px;
+                text-align: center;
+              }
+            }
+          }
+          &.info-time {
+            .current-time {
+              display: flex;
+              flex-direction: column;
+              padding-bottom: 20px;
+              justify-content: space-between;
+              align-items: center;
+              font-size: 20px;
+              font-weight: 500;
+              color: #333333;
+              line-height: 28px;
+            }
+            .text {
+              margin-top: 4px;
+              width: 48px;
+              height: 17px;
+              font-size: 12px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #9b9b9b;
+              line-height: 17px;
+              text-align: center;
+            }
+          }
+        }
+      }
+      .left-title {
+        font-size: 20px;
+        font-weight: 500;
+        color: #333333;
+        position: relative;
+        margin-left: 8px;
+        line-height: 28px;
+        &::before {
+          position: absolute;
+          content: '';
+          left: -8px;
+          top: 50%;
+          transform: translateY(-50%);
+          width: 4px;
+          height: 16px;
+          background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
+        }
+      }
+      .exam-result {
+        padding: 44px 0 24px 0;
+        vertical-align: middle;
+        .result-title {
+          display: flex;
+          justify-content: space-between;
+          margin-bottom: 30px;
+          line-height: 24px;
+          .right-tip {
+            font-size: 15px;
+            font-weight: 500;
+            color: #999999;
+            .correct-num {
+              color: #16e0b7;
+            }
+            .incorrect-num {
+              font-size: 11px;
+            }
+          }
+        }
+        .result-content {
+          display: flex;
+          flex-wrap: wrap;
+          &__item {
+            position: relative;
+            margin: 0 16px 16px 0;
+            width: 36px;
+            height: 36px;
+            background: #f4f6fa;
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            &:nth-child(5n) {
+              margin-right: 50px;
+            }
+            &:nth-child(15n) {
+              margin-right: 0px;
+            }
+            .icon {
+              width: 16px;
+              height: 16px;
+              position: absolute;
+              left: 50%;
+              top: 0;
+              transform: translate(-50%, -50%);
+            }
+            .result-content-box {
+              width: 36px;
+              height: 36px;
+              font-size: 15px;
+              line-height: 36px;
+              background: #f4f6fa;
+              border-radius: 4px;
+              text-align: center;
+            }
+          }
+        }
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    height: 64px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid rgba(238, 238, 238, 1);
+    box-sizing: border-box;
+    .text {
+      cursor: pointer;
+      background: #ffb714;
+      border-radius: 5px;
+      width: 342px;
+      font-size: 15px;
+      color: #ffffff;
+      line-height: 44px;
+      text-align: center;
+      &.disabled {
+        background-color: #ccc;
+      }
+    }
+  }
+}

src/modules/teach-tool/examination-manager/UserData.tsx

-import React, { useState, useRef, useEffect } from 'react'
-import Service from "@/common/js/service";
-import { PageControl } from "@/components";
+import React, { useState, useRef, useEffect } from 'react';
+import Service from '@/common/js/service';
+import { PageControl } from '@/components';
 import { Input, Select, Tooltip, Table, Button } from 'antd';
 import { Input, Select, Tooltip, Table, Button } from 'antd';
-import User from "@/common/js/user";
+import { ColumnsType } from 'antd/es/table';
+import User from '@/common/js/user';
 import moment from 'moment';
 import moment from 'moment';
-import './userData.less'
+import './userData.less';
 const { Search } = Input;
 const { Search } = Input;
 const { Option } = Select;
 const { Option } = Select;
 declare var window: any;
 declare var window: any;
 
 
 interface sortType {
 interface sortType {
-    type: "ascend" | "descend" | null | undefined
+  type: 'ascend' | 'descend' | null | undefined;
+}
+interface User {
+  key: number;
+  name: string;
 }
 }
-
 
 
 function DataAnalysic(props: any) {
 function DataAnalysic(props: any) {
   const sortStatus: sortType = {
   const sortStatus: sortType = {
-        type: undefined
-    }
+    type: undefined,
+  };
 
 
   const useDataInit: any = {};
   const useDataInit: any = {};
-    const queryInit: any = { current: 1, size: 10, };
+  const queryInit: any = { current: 1, size: 10 };
   const [useData, setUserData] = useState(useDataInit);
   const [useData, setUserData] = useState(useDataInit);
   const [list, setList] = useState([]);
   const [list, setList] = useState([]);
   const [query, setQuery] = useState(queryInit);
   const [query, setQuery] = useState(queryInit);
@@ -31,136 +35,172 @@ function DataAnalysic(props: any) {
 
 
   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 ExamPassColorEnum = {
   const ExamPassColorEnum = {
     EXAM_FAIL: 'rgba(255, 79, 79, 1)',
     EXAM_FAIL: 'rgba(255, 79, 79, 1)',
     EXAM_PASS: 'rgba(59, 189, 170, 1)',
     EXAM_PASS: 'rgba(59, 189, 170, 1)',
-
-    }
+  };
 
 
   const ExamPassEnum = {
   const ExamPassEnum = {
     EXAM_FAIL: '不及格',
     EXAM_FAIL: '不及格',
     EXAM_PASS: '及格',
     EXAM_PASS: '及格',
-    }
+  };
 
 
   const userExamStateColorEnum = {
   const userExamStateColorEnum = {
     EXAM: 'rgba(35, 143, 255, 1)',
     EXAM: 'rgba(35, 143, 255, 1)',
     LACK_EXAM: 'rgba(204, 204, 204, 1)',
     LACK_EXAM: 'rgba(204, 204, 204, 1)',
-        FINISH_EXAM: 'rgba(47, 200, 60, 1)'
-    }
-
+    FINISH_EXAM: 'rgba(47, 200, 60, 1)',
+  };
 
 
   const orderEnum = {
   const orderEnum = {
     score: {
     score: {
       ascend: 'EXAM_SCORE_ASC',
       ascend: 'EXAM_SCORE_ASC',
-            descend: 'EXAM_SCORE_DESC'
+      descend: 'EXAM_SCORE_DESC',
     },
     },
     userDuration: {
     userDuration: {
       ascend: 'USER_DURATION_ASC',
       ascend: 'USER_DURATION_ASC',
-            descend: 'USER_DURATION_DESC'
+      descend: 'USER_DURATION_DESC',
     },
     },
-
-    }
-
+  };
 
 
   const queryRef = useRef({});
   const queryRef = useRef({});
 
 
   useEffect(() => {
   useEffect(() => {
     queryExamUserData();
     queryExamUserData();
-    }, [])
+  }, []);
 
 
   useEffect(() => {
   useEffect(() => {
     queryRef.current = query;
     queryRef.current = query;
     queryExamUserDataList();
     queryExamUserDataList();
-    }, [query])
+  }, [query]);
 
 
   function queryExamUserData() {
   function queryExamUserData() {
     Service.Hades('public/hades/queryExamUserData', {
     Service.Hades('public/hades/queryExamUserData', {
       examId: props.examId,
       examId: props.examId,
       tenantId: User.getStoreId(),
       tenantId: User.getStoreId(),
       userId: User.getStoreUserId(),
       userId: User.getStoreUserId(),
-            source: 0
+      source: 0,
     }).then((res) => {
     }).then((res) => {
-            setUserData(res.result)
-
-        })
+      setUserData(res.result);
+    });
   }
   }
 
 
-
   function queryExamUserDataList() {
   function queryExamUserDataList() {
     Service.Hades('public/hades/queryExamUserDataList', {
     Service.Hades('public/hades/queryExamUserDataList', {
       ...query,
       ...query,
       examId: props.examId,
       examId: props.examId,
       tenantId: User.getStoreId(),
       tenantId: User.getStoreId(),
       userId: User.getStoreUserId(),
       userId: User.getStoreUserId(),
-            source: 0
+      source: 0,
     }).then((res) => {
     }).then((res) => {
       setList(res.result.records);
       setList(res.result.records);
-            setTotal(parseInt(res.result.total))
+      setTotal(parseInt(res.result.total));
       if (!allData) {
       if (!allData) {
-                setAllData(parseInt(res.result.total))
+        setAllData(parseInt(res.result.total));
       }
       }
-        })
+    });
   }
   }
 
 
-
-    const columns = [
-
+  const columns: ColumnsType<User> = [
     {
     {
-            title: "学员",
-            dataIndex: "userName",
-            render: (text: any, record: any) => <span>{text}<span style={{ color: record.userSource === 'WORK_WE_CHAT' ? 'rgba(255, 157, 20, 1)' : 'rgba(29, 204, 101, 1)' }} >@{(userTypeEnum as any)[record.userSource]}</span></span>,
+      title: '学员',
+      dataIndex: 'userName',
+      render: (text: any, record: any) => (
+        <span>
+          {text}
+          <span style={{ color: record.userSource === 'WORK_WE_CHAT' ? 'rgba(255, 157, 20, 1)' : 'rgba(29, 204, 101, 1)' }}>
+            @{(userTypeEnum as any)[record.userSource]}
+          </span>
+        </span>
+      ),
     },
     },
     {
     {
-            title: "手机号",
-            dataIndex: "phone",
+      title: '手机号',
+      dataIndex: 'phone',
     },
     },
     {
     {
-            title: "考试状态",
-            dataIndex: "userExamState",
-            render: (text: any) => <span> <span className='exstatus' style={{ background: (userExamStateColorEnum as any)[text] }}></span> {(userExamStateEnum as any)[text]}</span>,
-
+      title: '考试状态',
+      dataIndex: 'userExamState',
+      render: (text: any) => (
+        <span>
+          {' '}
+          <span className='exstatus' style={{ background: (userExamStateColorEnum as any)[text] }}></span> {(userExamStateEnum as any)[text]}
+        </span>
+      ),
     },
     },
     {
     {
-            title: "考试成绩",
-            dataIndex: "score",
+      title: '考试成绩',
+      dataIndex: 'score',
       sorter: true,
       sorter: true,
-            sortOrder: field === "score" ? order : sortStatus.type,
-            render: (text: any, record: any) => <span> {text} <span style={{ border: `1px solid ${(ExamPassColorEnum as any)[record.examPass]}`, fontSize: 12, color: (ExamPassColorEnum as any)[record.examPass], display: 'inline-block', padding: '0px 2px' }}>{(ExamPassEnum as any)[record.examPass]}</span></span>,
-
+      sortOrder: field === 'score' ? order : sortStatus.type,
+      render: (text: any, record: any) => (
+        <span>
+          {' '}
+          {text}{' '}
+          <span
+            style={{
+              border: `1px solid ${(ExamPassColorEnum as any)[record.examPass]}`,
+              fontSize: 12,
+              color: (ExamPassColorEnum as any)[record.examPass],
+              display: 'inline-block',
+              padding: '0px 2px',
+            }}>
+            {(ExamPassEnum as any)[record.examPass]}
+          </span>
+        </span>
+      ),
     },
     },
     {
     {
-            title: "进入考试时间",
-            dataIndex: "examStartTime",
-            render: (text: any) => <span>{moment(text).format("YYYY-MM-DD HH:mm")}</span>,
-
+      title: '进入考试时间',
+      dataIndex: 'examStartTime',
+      render: (text: any) => <span>{moment(text).format('YYYY-MM-DD HH:mm')}</span>,
     },
     },
     {
     {
-            title: "考试用时",
-            dataIndex: "userDuration",
+      title: '考试用时',
+      dataIndex: 'userDuration',
       sorter: true,
       sorter: true,
-            sortOrder: field === "userDuration" ? order : sortStatus.type,
-            render: (text: any,record:any) => <span>{ record.userExamState==='FINISH_EXAM' ? window.formatHourTime(text):'-'}  </span>,
+      sortOrder: field === 'userDuration' ? order : sortStatus.type,
+      render: (text: any, record: any) => <span>{record.userExamState === 'FINISH_EXAM' ? window.formatHourTime(text) : '-'} </span>,
+    },
+    //TODO:
+    {
+      title: '操作',
+      key: '',
+      dataIndex: 'edit',
+      render: (value: any, record: any) => {
+        return (
+          <Choose>
+            <When condition={record.userExamState === 'FINISH_EXAM'}>
+              <div
+                className='answer-detail'
+                onClick={() => {
+                  checkAnswerDetail(record);
+                }}>
+                答题详情
+              </div>
+            </When>
+            <Otherwise>-</Otherwise>
+          </Choose>
+        );
+      },
     },
     },
-
-
   ];
   ];
 
 
   function onChange(pagination: any, filters: any, sorter: any, extra: any) {
   function onChange(pagination: any, filters: any, sorter: any, extra: any) {
     setfield(sorter.field);
     setfield(sorter.field);
-        setOrder(sorter.order)
-        console.log(sorter.field, sorter.order, (orderEnum as any)[sorter.field])
+    setOrder(sorter.order);
+    console.log(sorter.field, sorter.order, (orderEnum as any)[sorter.field]);
     let _query: any = { ...queryRef.current };
     let _query: any = { ...queryRef.current };
-        _query.order = (orderEnum as any)[sorter.field][sorter.order]
-        setQuery(_query)
+    _query.order = (orderEnum as any)[sorter.field][sorter.order];
+    setQuery(_query);
   }
   }
 
 
   function download() {
   function download() {
@@ -170,149 +210,157 @@ function DataAnalysic(props: any) {
       exportDataType: 'EXAM_USER_DATA',
       exportDataType: 'EXAM_USER_DATA',
       tenantId: User.getStoreId(),
       tenantId: User.getStoreId(),
       userId: User.getStoreUserId(),
       userId: User.getStoreUserId(),
-            source: 0
+      source: 0,
     }).then((res) => {
     }).then((res) => {
-            const dom = (document as any).getElementById("load-play-back-excel")
+      const dom = (document as any).getElementById('load-play-back-excel');
       dom.setAttribute('href', res.result);
       dom.setAttribute('href', res.result);
       dom.click();
       dom.click();
-
-        })
+    });
+  }
+  //查看答题详情
+  function checkAnswerDetail(record: any) {
+    const { paperId, userExamState } = props.examDetail?.examPaper;
+    const { userId } = record;
+    window.RCHistory.push({
+      pathname: `/test-detail/${props.examId}?paperId=${paperId}&userExamState=${userExamState}&userId=${userId}`,
+    });
   }
   }
 
 
-
-    return <div className="rr">
-        <a
-            download
-            id="load-play-back-excel"
-            style={{ position: "absolute", left: "-10000px" }}
-        >
+  return (
+    <div className='rr'>
+      <a target='_blank' download id='load-play-back-excel' style={{ position: 'absolute', left: '-10000px' }}>
         111
         111
       </a>
       </a>
-        <div className="dataPanal">
-            <div className="item">
-                <div className="num">{useData.joinCnt || 0}</div>
-                <div className="percent"></div>
-                <div className="subTitle">参与人数</div>
+      <div className='dataPanal'>
+        <div className='item'>
+          <div className='num'>{useData.joinCnt || 0}</div>
+          <div className='percent'></div>
+          <div className='subTitle'>参与人数</div>
         </div>
         </div>
-            <div className="item">
-                <div className="num">{useData.finishCnt || 0}</div>
-                <div className="percent">占比{parseInt(((useData.finishCnt || 0) / (useData.joinCnt || 1)) * 100 + '')}%</div>
-                <div className="subTitle">完成考试数 (人)</div>
+        <div className='item'>
+          <div className='num'>{useData.finishCnt || 0}</div>
+          <div className='percent'>占比{parseInt(((useData.finishCnt || 0) / (useData.joinCnt || 1)) * 100 + '')}%</div>
+          <div className='subTitle'>完成考试数 (人)</div>
         </div>
         </div>
-            <div className="item">
-                <div className="num">{useData.passCnt || 0}</div>
-                <div className="percent">占比{parseInt(((useData.passCnt || 0) / (useData.finishCnt || 1)) * 100 + '')}%</div>
-                <div className="subTitle">及格数 (人)</div>
+        <div className='item'>
+          <div className='num'>{useData.passCnt || 0}</div>
+          <div className='percent'>占比{parseInt(((useData.passCnt || 0) / (useData.finishCnt || 1)) * 100 + '')}%</div>
+          <div className='subTitle'>及格数 (人)</div>
         </div>
         </div>
-            <div className="item">
-                <div className="num">{useData.averageScore || 0}</div>
-                <div className="percent">总分{props.examDetail?.examPaper?.totalScore}</div>
-                <div className="subTitle">平均分</div>
+        <div className='item'>
+          <div className='num'>{useData.averageScore || 0}</div>
+          <div className='percent'>总分{props.examDetail?.examPaper?.totalScore}</div>
+          <div className='subTitle'>平均分</div>
         </div>
         </div>
-            <div className="item">
-                <div className="num">  {window.formatHourTime(useData.averageDuration || 0)} </div>
-                <div className="percent"></div>
-                <div className="subTitle">平均用时</div>
+        <div className='item'>
+          <div className='num'> {window.formatHourTime(useData.averageDuration || 0)} </div>
+          <div className='percent'></div>
+          <div className='subTitle'>平均用时</div>
         </div>
         </div>
       </div>
       </div>
 
 
-        <div className="xm-search-filter" style={{ marginTop: 16 }}>
+      <div className='xm-search-filter' style={{ marginTop: '24px' }}>
         <div style={{ display: 'flex' }}>
         <div style={{ display: 'flex' }}>
-                <div className="search-condition">
-                    <div className="search-condition__item">
-                        <span className="search-name">学员:</span>
+          <div className='search-condition'>
+            <div className='search-condition__item'>
+              <span className='search-name'>学员:</span>
               <Search
               <Search
                 value={query.examName}
                 value={query.examName}
                 className='search-input'
                 className='search-input'
-                            placeholder="搜索学员名或手机号"
+                placeholder='搜索学员名或手机号'
                 onChange={(e) => {
                 onChange={(e) => {
-                                const _query = { ...query }
-                                _query.searchKey = e.target.value
+                  const _query = { ...query };
+                  _query.searchKey = e.target.value;
                   setQuery(_query);
                   setQuery(_query);
                 }}
                 }}
-                            onSearch={() => { }}
-                            enterButton={<span className="icon iconfont">&#xe832;</span>}
+                onSearch={() => {}}
+                enterButton={<span className='icon iconfont'>&#xe832;</span>}
               />
               />
             </div>
             </div>
 
 
-                    <div className="search-condition__item">
-                        <span className="search-name">学员类型:</span>
-                        <Select value={query.userSource} placeholder="请选择学员类型" onChange={(val) => {
-                            const _query = { ...query }
-                            _query.userSource = val
+            <div className='search-condition__item'>
+              <span className='search-name'>学员类型:</span>
+              <Select
+                value={query.userSource}
+                placeholder='请选择学员类型'
+                onChange={(val) => {
+                  const _query = { ...query };
+                  _query.userSource = val;
                   setQuery(_query);
                   setQuery(_query);
-                        }} className='search-input' allowClear>
-                            {
-                                Object.keys(userTypeEnum).map((key: any) => {
-                                    return <Option value={key}>{(userTypeEnum as any)[key]}</Option>
-                                })
-                            }
-
-
+                }}
+                className='search-input'
+                allowClear>
+                {Object.keys(userTypeEnum).map((key: any) => {
+                  return (
+                    <Option value={key} key={key}>
+                      {(userTypeEnum as any)[key]}
+                    </Option>
+                  );
+                })}
               </Select>
               </Select>
             </div>
             </div>
 
 
-                    <div className="search-condition__item">
-                        <span className="search-name">考试状态:</span>
-                        <Select value={query.userExamState} placeholder="请选择考试状态" onChange={(val) => {
-                            const _query = { ...query }
-                            _query.userExamState = val
+            <div className='search-condition__item'>
+              <span className='search-name'>考试状态:</span>
+              <Select
+                value={query.userExamState}
+                placeholder='请选择考试状态'
+                onChange={(val) => {
+                  const _query = { ...query };
+                  _query.userExamState = val;
                   setQuery(_query);
                   setQuery(_query);
-                        }} className='search-input' allowClear>
-                            {
-                                Object.keys(userExamStateEnum).map((key: any) => {
-                                    return <Option value={key}>{(userExamStateEnum as any)[key]}</Option>
-                                })
-                            }
-
-
+                }}
+                className='search-input'
+                allowClear>
+                {Object.keys(userExamStateEnum).map((key: any) => {
+                  return (
+                    <Option value={key} key={key}>
+                      {(userExamStateEnum as any)[key]}
+                    </Option>
+                  );
+                })}
               </Select>
               </Select>
             </div>
             </div>
-
           </div>
           </div>
-                <div className="reset-fold-area">
-                    <Tooltip title="清空筛选"><span className="resetBtn iconfont icon" onClick={() => {
-                        setfield('')
+          <div className='reset-fold-area'>
+            <Tooltip title='清空筛选'>
+              <span
+                className='resetBtn iconfont icon'
+                onClick={() => {
+                  setfield('');
                   setQuery({ current: 1, size: 10 });
                   setQuery({ current: 1, size: 10 });
-                    }}>&#xe61b; </span></Tooltip>
-
+                }}>
+                &#xe61b;{' '}
+              </span>
+            </Tooltip>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
-        {
-            !!allData && <Button style={{ marginBottom: 12 }} onClick={download} >导出</Button>
-        }
-
-
-        <div className="content">
-            <Table
-                bordered
-                size="small"
-                columns={columns}
-                dataSource={list}
-                onChange={onChange}
-                pagination={false}
-            >
-            </Table>
-            {total > 0 &&
+      {!!allData && (
+        <Button style={{ marginBottom: 12 }} onClick={download}>
+          导出
+        </Button>
+      )}
+
+      <div className='content analysic-content'>
+        <Table bordered size='small' rowClassName='analysic-content-row' columns={columns} dataSource={list} onChange={onChange} pagination={false}></Table>
+        {total > 0 && (
           <PageControl
           <PageControl
-                    size="small"
+            size='small'
             current={query.current - 1}
             current={query.current - 1}
             pageSize={query.size}
             pageSize={query.size}
             total={total}
             total={total}
-
             toPage={(page: any) => {
             toPage={(page: any) => {
-                        console.log(page)
+              console.log(page);
               let _query: any = { ...queryRef.current };
               let _query: any = { ...queryRef.current };
               _query.current = page + 1;
               _query.current = page + 1;
-                        setQuery(_query)
+              setQuery(_query);
             }}
             }}
           />
           />
-            }
+        )}
       </div>
       </div>
-
     </div>
     </div>
+  );
 }
 }
 
 
-
 export default DataAnalysic;
 export default DataAnalysic;

src/modules/teach-tool/examination-manager/dataAnalysic.less

-.dataAnalysic{
-    .titleBox{
+.dataAnalysic {
+  .titleBox {
     position: relative;
     position: relative;
-        padding-left: 28px;
     font-size: 19px;
     font-size: 19px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
     font-weight: 500;
     color: #333333;
     color: #333333;
     line-height: 26px;
     line-height: 26px;
-        background: #FFFFFF;
-        &::before{
-          width:4px;
-          height:12px;
-          content:'';
-          background-image: linear-gradient(#2966FF 83.5%, #0ACCA4 16.5%);
-          display:inline-block;
-          position: absolute;
-          left:16px;
-          top:7px;
+    background: #ffffff;
+    &::before {
+      width: 4px;
+      height: 12px;
+      content: '';
+      background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
+      display: inline-block;
+      margin-right: 8px;
     }
     }
   }
   }
   .ant-tabs-content-holder {
   .ant-tabs-content-holder {

src/modules/teach-tool/examination-manager/index.less

-.examination-manager{
-    .status{
+.examination-manager {
+  .status {
     display: inline-block;
     display: inline-block;
     margin-left: 4px;
     margin-left: 4px;
     border: 1px solid #999;
     border: 1px solid #999;
     padding: 2px 4px;
     padding: 2px 4px;
     line-height: 16px;
     line-height: 16px;
   }
   }
-    .ant-table-column-sorters {
-        justify-content: flex-end;
-    }
 
 
   .ant-table-column-sorter {
   .ant-table-column-sorter {
     margin-top: 0px !important;
     margin-top: 0px !important;

src/modules/teach-tool/examination-manager/userData.less

-.dataPanal{
+.dataPanal {
   border-radius: 4px;
   border-radius: 4px;
-    border: 1px solid #E8E8E8;
+  border: 1px solid #e8e8e8;
   display: flex;
   display: flex;
-    .item{
+  .item {
     text-align: center;
     text-align: center;
     // width: 29.9%;
     // width: 29.9%;
     position: relative;
     position: relative;
     flex: 1;
     flex: 1;
-        .num{
-         
+    .num {
       font-size: 26px;
       font-size: 26px;
       font-family: PingFangSC-Medium, PingFang SC;
       font-family: PingFangSC-Medium, PingFang SC;
       font-weight: 500;
       font-weight: 500;
@@ -16,7 +15,7 @@
       line-height: 26px;
       line-height: 26px;
       margin-top: 12px;
       margin-top: 12px;
     }
     }
-        .percent{
+    .percent {
       margin-top: 6px;
       margin-top: 6px;
       font-size: 12px;
       font-size: 12px;
       font-family: PingFangSC-Regular, PingFang SC;
       font-family: PingFangSC-Regular, PingFang SC;
@@ -26,7 +25,7 @@
       height: 20px;
       height: 20px;
       margin-bottom: 18px;
       margin-bottom: 18px;
     }
     }
-        .subTitle{
+    .subTitle {
       font-size: 14px;
       font-size: 14px;
       font-family: PingFangSC-Regular, PingFang SC;
       font-family: PingFangSC-Regular, PingFang SC;
       font-weight: 400;
       font-weight: 400;
@@ -34,16 +33,16 @@
       line-height: 20px;
       line-height: 20px;
       margin-bottom: 12px;
       margin-bottom: 12px;
     }
     }
-        .type{
+    .type {
       font-size: 14px;
       font-size: 14px;
       font-family: PingFangSC-Regular, PingFang SC;
       font-family: PingFangSC-Regular, PingFang SC;
       font-weight: 400;
       font-weight: 400;
       color: #333333;
       color: #333333;
       line-height: 20px;
       line-height: 20px;
-            span{
+      span {
         color: rgba(153, 153, 153, 1);
         color: rgba(153, 153, 153, 1);
       }
       }
-            .icon{
+      .icon {
         color: rgba(204, 204, 204, 1);
         color: rgba(204, 204, 204, 1);
         font-size: 16px;
         font-size: 16px;
         margin-right: 4px;
         margin-right: 4px;
@@ -52,7 +51,7 @@
       }
       }
     }
     }
 
 
-        &:after{
+    &:after {
       content: '';
       content: '';
       width: 0px;
       width: 0px;
       height: 40px;
       height: 40px;
@@ -63,14 +62,13 @@
       right: 0px;
       right: 0px;
     }
     }
 
 
-        &:last-child{
-            &:after{
+    &:last-child {
+      &:after {
         display: none;
         display: none;
       }
       }
     }
     }
-
   }
   }
-    .exstatus{
+  .exstatus {
     width: 4px;
     width: 4px;
     height: 4px;
     height: 4px;
     background: rgb(35, 143, 255);
     background: rgb(35, 143, 255);
@@ -80,3 +78,13 @@
     top: -4px;
     top: -4px;
   }
   }
 }
 }
+.answer-detail {
+  color: rgb(35, 143, 255);
+}
+.analysic-content {
+  .ant-table-bordered .ant-table-tbody tr {
+    &.analysic-content-row {
+      height: 50px;
+    }
+  }
+}

src/modules/teach-tool/paper-manage/OperatePaper.jsx

@@ -2,7 +2,7 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-03-27 16:15:13
  * @Date: 2021-03-27 16:15:13
  * @LastEditors: yuananting
  * @LastEditors: yuananting
- * @LastEditTime: 2021-06-01 17:07:30
+ * @LastEditTime: 2021-06-10 19:57:55
  * @Description: 助学工具-新建/复制/编辑试卷
  * @Description: 助学工具-新建/复制/编辑试卷
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -19,8 +19,9 @@ import {
   message,
   message,
   Modal,
   Modal,
   Spin,
   Spin,
+  Space,
+  Radio,
 } from "antd";
 } from "antd";
-import Lottie from 'react-lottie';
 import { PlusOutlined } from "@ant-design/icons";
 import { PlusOutlined } from "@ant-design/icons";
 import { XMTable } from "@/components";
 import { XMTable } from "@/components";
 import ShowTips from "@/components/ShowTips";
 import ShowTips from "@/components/ShowTips";
@@ -31,6 +32,7 @@ import PaperPreviewModal from "./modal/PreviewPaperModal";
 import User from "@/common/js/user";
 import User from "@/common/js/user";
 import AidToolService from "@/domains/aid-tool-domain/AidToolService";
 import AidToolService from "@/domains/aid-tool-domain/AidToolService";
 import Bus from "@/core/bus";
 import Bus from "@/core/bus";
+import _ from "underscore";
 import { Route, withRouter } from "react-router-dom";
 import { Route, withRouter } from "react-router-dom";
 import * as paperEmpty from '../../lottie/paperEmpty/data.json';
 import * as paperEmpty from '../../lottie/paperEmpty/data.json';
 import AddExam from "@/modules/teach-tool/examination-manager/AddExam";
 import AddExam from "@/modules/teach-tool/examination-manager/AddExam";
@@ -71,12 +73,38 @@ class OperatePaper extends Component {
       },
       },
       selectQuestionModal: null,
       selectQuestionModal: null,
       paperPreviewModal: null,
       paperPreviewModal: null,
+      quickSortModalVisible: false,  // 快捷排序弹窗显隐
       selectQuestionList: [],
       selectQuestionList: [],
       currentOperate: "",
       currentOperate: "",
       currentNav: "",
       currentNav: "",
       currentCategoryPapers: [],
       currentCategoryPapers: [],
       loading: false,
       loading: false,
       check: false,
       check: false,
+      sorterMethod: "addOrder",
+      sorterBy: [
+        "SINGLE_CHOICE",
+        "MULTI_CHOICE",
+        "JUDGE",
+        "GAP_FILLING",
+        "INDEFINITE_CHOICE",
+      ],
+      sorterTypeList: [
+        {
+          typeKey: "SINGLE_CHOICE",
+        },
+        {
+          typeKey: "MULTI_CHOICE",
+        },
+        {
+          typeKey: "JUDGE",
+        },
+        {
+          typeKey: "GAP_FILLING",
+        },
+        {
+          typeKey: "INDEFINITE_CHOICE",
+        },
+      ],
     };
     };
   }
   }
 
 
@@ -129,10 +157,10 @@ class OperatePaper extends Component {
     };
     };
     const res = await AidToolService.queryPaperDetail(query);
     const res = await AidToolService.queryPaperDetail(query);
     const { result } = res;
     const { result } = res;
-    const { paperName, passRate } = result;
+    const { paperName, passRate, questionList } = result;
     this.setState(
     this.setState(
       {
       {
-        selectQuestionList: result.questionList,
+        selectQuestionList: questionList,
         formData: {
         formData: {
           ...result,
           ...result,
           paperId: getParameterByName("paperId"),
           paperId: getParameterByName("paperId"),
@@ -146,7 +174,11 @@ class OperatePaper extends Component {
           paperName: this.state.formData.paperName,
           paperName: this.state.formData.paperName,
           passRate,
           passRate,
         });
         });
-        this.setFormData(result.questionList);
+        questionList.map((item, index) => {
+          item.sorterIndex = index;
+          return item;
+        });
+        this.setFormData(questionList);
       }
       }
     );
     );
   };
   };
@@ -197,30 +229,8 @@ class OperatePaper extends Component {
       return prev + Number(cur.score) || 0;
       return prev + Number(cur.score) || 0;
     }, 0);
     }, 0);
 
 
-    const sortedTableData = [
-      ...singleQuestion,
-      ...multiQuestion,
-      ...indefiniteQuestion,
-      ...judgeQuestion,
-      ...gapQuestion,
-    ];
-    let currentQuestionList = [];
-
-    switch (sorter) {
-      case "ascend":
-        currentQuestionList = sortedTableData;
-        break;
-      case "descend":
-        currentQuestionList = sortedTableData.reverse();
-        break;
-      default:
-        currentQuestionList = _selectQuestionList;
-        break;
-    }
-
     const passScore = Math.round(totalScore * formData.passRate * 0.01);
     const passScore = Math.round(totalScore * formData.passRate * 0.01);
     this.setState({
     this.setState({
-      selectQuestionList: currentQuestionList,
       formData: {
       formData: {
         ...formData,
         ...formData,
         singleChoiceCnt: singleQuestion.length,
         singleChoiceCnt: singleQuestion.length,
@@ -242,12 +252,14 @@ class OperatePaper extends Component {
 
 
   // 选择题目
   // 选择题目
   chooseQuestion = () => {
   chooseQuestion = () => {
+    const { selectQuestionList, sorterMethod, sorterBy } = this.state;
     const m = (
     const m = (
       <SelectQuestionModal
       <SelectQuestionModal
-        getSelectedQuestion={this.state.selectQuestionList}
+        getSelectedQuestion={selectQuestionList}
         setSelectedQuestion={(list) => {
         setSelectedQuestion={(list) => {
           this.setState({ selectQuestionModal: null }, () => {
           this.setState({ selectQuestionModal: null }, () => {
             this.setFormData(list);
             this.setFormData(list);
+            this.quickSorter(list, sorterMethod, sorterBy);
           });
           });
         }}
         }}
         close={() => {
         close={() => {
@@ -262,7 +274,7 @@ class OperatePaper extends Component {
 
 
   // 移动已选题目
   // 移动已选题目
   handleMoveItem = (index, moveLength) => {
   handleMoveItem = (index, moveLength) => {
-    const { selectQuestionList } = this.state;
+    const selectQuestionList = [...this.state.selectQuestionList];
     const item = selectQuestionList.splice(index + moveLength, 1);
     const item = selectQuestionList.splice(index + moveLength, 1);
     selectQuestionList.splice(index, 0, item[0]);
     selectQuestionList.splice(index, 0, item[0]);
     this.setState({ selectQuestionList }, () =>
     this.setState({ selectQuestionList }, () =>
@@ -473,14 +485,6 @@ class OperatePaper extends Component {
     });
     });
   };
   };
 
 
-  // 题型排序
-  sortByQuestionType = (pagination, filters, sorter) => {
-    const { columnKey, order } = sorter;
-    if (columnKey === "questionType") {
-      this.setFormData(this.state.selectQuestionList, order);
-    }
-  };
-
   // 表头设置
   // 表头设置
   parseColumns = () => {
   parseColumns = () => {
     const { selectQuestionList } = this.state;
     const { selectQuestionList } = this.state;
@@ -499,8 +503,6 @@ class OperatePaper extends Component {
         dataIndex: "questionType",
         dataIndex: "questionType",
         key: "questionType",
         key: "questionType",
         width: "12%",
         width: "12%",
-        sorter: true,
-        showSorterTooltip: false,
         filters: [
         filters: [
           {
           {
             text: "单选题",
             text: "单选题",
@@ -560,8 +562,7 @@ class OperatePaper extends Component {
             <Tooltip title="多选题和填空题的漏选/半对得分不能高于题目本身分值">
             <Tooltip title="多选题和填空题的漏选/半对得分不能高于题目本身分值">
               <span
               <span
                 className="icon iconfont"
                 className="icon iconfont"
-                style={{ color: "#BFBFBF", fontSize: 14,fontWeight:"400"
-              }}
+                style={{ color: "#BFBFBF", fontSize: 14, fontWeight: "400" }}
               >
               >
                 &#xe7c4;
                 &#xe7c4;
               </span>
               </span>
@@ -680,11 +681,37 @@ class OperatePaper extends Component {
     return columns;
     return columns;
   };
   };
 
 
+  // 上下移题型
+  handleMoveTypeSorter = (index, moveLength) => {
+    const sorterTypeList = [...this.state.sorterTypeList];
+    const item = sorterTypeList.splice(index + moveLength, 1);
+    sorterTypeList.splice(index, 0, item[0]);
+    const sorterBy = _.pluck(sorterTypeList, "typeKey");
+    this.setState({ sorterTypeList, sorterBy });
+  };
+
+  // 快捷排序
+  quickSorter = (list, sorterMethod, sorterBy) => {
+    this.setState({
+      selectQuestionList:
+        sorterMethod === "addOrder"
+          ? list.sort((a, b) => a.sorterIndex - b.sorterIndex)
+          : list.sort(
+              (a, b) =>
+                sorterBy.indexOf(a.questionTypeEnum || a.questionType) -
+                sorterBy.indexOf(b.questionTypeEnum || b.questionType)
+            ),
+    });
+  };
+
   render() {
   render() {
     const {
     const {
       selectQuestionModal,
       selectQuestionModal,
       paperPreviewModal,
       paperPreviewModal,
-      selectQuestionList,
+      quickSortModalVisible,
+      sorterMethod,
+      sorterTypeList,
+      sorterBy,
       currentNav,
       currentNav,
       formData,
       formData,
       loading,
       loading,
@@ -709,14 +736,50 @@ class OperatePaper extends Component {
       totalScore,
       totalScore,
     } = formData;
     } = formData;
     const { match } = this.props;
     const { match } = this.props;
-    const defaultOptions = {
-      loop: true,
-      autoplay: true,
-      animationData: paperEmpty,
-      rendererSettings: {
-        preserveAspectRatio: 'xMidYMid slice'
-      }
-    }
+    const selectQuestionList = [...this.state.selectQuestionList];
+
+    const questionTypeEnum = {
+      SINGLE_CHOICE: "【单选题】",
+      MULTI_CHOICE: "【多选题】",
+      JUDGE: "【判断题】",
+      GAP_FILLING: "【填空题】",
+      INDEFINITE_CHOICE: "【不定项选择题】",
+    };
+
+    const typeColumns = [
+      {
+        title: "题型",
+        dataIndex: "typeKey",
+        key: "typeKey",
+        render: (text, record, index) => <span style={{color: '#333333'}}>{questionTypeEnum[text]}</span>,
+      },
+      {
+        title: "操作",
+        key: "action",
+        align: 'right',
+        render: (text, record, index) => (
+          <Space size="middle">
+            <span
+              style={{color: index > 0 ? '#2966FF' : '#CCCCCC', cursor: 'pointer'}}
+              onClick={() => {
+                index > 0 && this.handleMoveTypeSorter(index, -1);
+              }}
+            >
+              上移
+            </span>
+            <span style={{color: '#BFBFBF'}}> | </span>
+            <span
+              style={{color: index < 4 ? '#2966FF' : '#CCCCCC', cursor: 'pointer'}}
+              onClick={() => {
+                index < 4 && this.handleMoveTypeSorter(index, 1);
+              }}
+            >
+              下移
+            </span>
+          </Space>
+        ),
+      },
+    ];
     return (
     return (
       <div>
       <div>
         <div className="page operate-paper-page">
         <div className="page operate-paper-page">
@@ -789,7 +852,7 @@ class OperatePaper extends Component {
                     </span>
                     </span>
                   </div>
                   </div>
                 </Form.Item>
                 </Form.Item>
-
+                <Space size={8}>
                   <Button
                   <Button
                     className="choose-btn"
                     className="choose-btn"
                     type="primary"
                     type="primary"
@@ -798,6 +861,17 @@ class OperatePaper extends Component {
                   >
                   >
                     自选题目
                     自选题目
                   </Button>
                   </Button>
+                  <Button
+                    className="choose-btn"
+                    onClick={() => {
+                      this.setState({
+                        quickSortModalVisible: true,
+                      });
+                    }}
+                  >
+                    快捷排序
+                  </Button>
+                </Space>
                 {questionCnt > 0 && (
                 {questionCnt > 0 && (
                   <div
                   <div
                     className="paper-info-tip"
                     className="paper-info-tip"
@@ -826,15 +900,7 @@ class OperatePaper extends Component {
                   pagination={false}
                   pagination={false}
                   onChange={this.sortByQuestionType}
                   onChange={this.sortByQuestionType}
                   renderEmpty={{
                   renderEmpty={{
-                    image: <div style={{ marginTop: 24 }}>
-                      <Lottie
-                        options={defaultOptions}
-                        height={150}
-                        width={150}
-                        isStopped={false}
-                        isPaused={false}
-                      />
-                    </div>,
+                    image: paperEmpty,
                     description: <span style={{ display: 'block', paddingBottom: 24 }}>请在左上角添加题目</span>
                     description: <span style={{ display: 'block', paddingBottom: 24 }}>请在左上角添加题目</span>
                   }}
                   }}
                 />
                 />
@@ -853,6 +919,47 @@ class OperatePaper extends Component {
           </Spin>
           </Spin>
           {selectQuestionModal}
           {selectQuestionModal}
           {paperPreviewModal}
           {paperPreviewModal}
+          <Modal
+            maskClosable={false}
+            className="type-order-modal"
+            title="快捷排序"
+            width={560}
+            visible={quickSortModalVisible}
+            onOk={() => {
+              this.setState(
+                {
+                  quickSortModalVisible: false,
+                },
+                () => this.quickSorter(selectQuestionList, sorterMethod, sorterBy)
+              );
+            }}
+            onCancel={() => {
+              this.setState({ quickSortModalVisible: false });
+            }}
+          >
+            <Radio.Group
+              onChange={(e) =>
+                this.setState({
+                  sorterMethod: e.target.value,
+                })
+              }
+              value={sorterMethod}
+            >
+              <Radio value={"addOrder"}>按添加顺序排序</Radio>
+              <Radio value={"typeOrder"}>按题型排序</Radio>
+            </Radio.Group>
+            {sorterMethod === "typeOrder" && (
+              <Table
+                className="type-order-table"
+                style={{marginTop: '24px'}}
+                showHeader={false}
+                columns={typeColumns}
+                dataSource={sorterTypeList}
+                pagination={false}
+                bordered={false}
+              />
+            )}
+          </Modal>
         </div>
         </div>
         <Route
         <Route
           path={`${match.url}/exam-operate-page`}
           path={`${match.url}/exam-operate-page`}

src/modules/teach-tool/paper-manage/OperatePaper.less

@@ -89,3 +89,22 @@
 .ant-dropdown-menu-item-selected > span {
 .ant-dropdown-menu-item-selected > span {
   color: #333333;
   color: #333333;
 }
 }
+
+.type-order-modal {
+  .type-order-table {
+    tr {
+      background: #F7F8F9 !important;
+      display: flex;
+      margin-bottom: 8px;
+      width: 521px;
+      justify-content: space-between;
+      td {
+        border: none !important;
+      }
+    }
+    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+      background: #F7F8F9 !important;
+    }
+  }
+}
+

src/modules/teach-tool/paper-manage/components/PaperList.jsx

@@ -19,7 +19,6 @@ import {
   ConfigProvider,
   ConfigProvider,
   Empty,
   Empty,
 } from "antd";
 } from "antd";
-import Lottie from 'react-lottie';
 import { PageControl, XMTable } from "@/components";
 import { PageControl, XMTable } from "@/components";
 import "./PaperList.less";
 import "./PaperList.less";
 import { Route, withRouter } from "react-router-dom";
 import { Route, withRouter } from "react-router-dom";
@@ -31,7 +30,6 @@ import Service from "@/common/js/service";
 import _ from "underscore";
 import _ from "underscore";
 import PaperPreviewModal from "../modal/PreviewPaperModal";
 import PaperPreviewModal from "../modal/PreviewPaperModal";
 import MoveModal from '../../modal/MoveModal';
 import MoveModal from '../../modal/MoveModal';
-import * as nodata from '../../../lottie/nodata/data.json';
 import Bus from "@/core/bus";
 import Bus from "@/core/bus";
 
 
 const { Search } = Input;
 const { Search } = Input;
@@ -547,14 +545,6 @@ class PaperList extends Component {
       User.getUserRole()
       User.getUserRole()
     );
     );
     const { match } = this.props;
     const { match } = this.props;
-    const defaultOptions = {
-      loop: true,
-      autoplay: true,
-      animationData: nodata,
-      rendererSettings: {
-        preserveAspectRatio: 'xMidYMid slice'
-      }
-    }
     return (
     return (
       <div className={"paper-list " + this.props.type}>
       <div className={"paper-list " + this.props.type}>
         <div className="paper-list-filter">
         <div className="paper-list-filter">
@@ -635,15 +625,6 @@ class PaperList extends Component {
               bordered
               bordered
               loading={loading}
               loading={loading}
               renderEmpty={{
               renderEmpty={{
-                image: <div style={{ marginTop: 24 }}>
-                  <Lottie
-                    options={defaultOptions}
-                    height={150}
-                    width={150}
-                    isStopped={false}
-                    isPaused={false}
-                  />
-                </div>,
                 description: <span style={{ display: 'block', paddingBottom: 24 }}>还没有试卷</span>
                 description: <span style={{ display: 'block', paddingBottom: 24 }}>还没有试卷</span>
               }}
               }}
             />
             />
@@ -660,16 +641,7 @@ class PaperList extends Component {
               pagination={false}
               pagination={false}
               bordered
               bordered
               renderEmpty={{
               renderEmpty={{
-                image: <div style={{ marginTop: 24 }}>
-                  <Lottie
-                    options={defaultOptions}
-                    height={150}
-                    width={150}
-                    isStopped={false}
-                    isPaused={false}
-                  />
-                </div>,
-                description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
+                description: <span style={{ display: 'block', paddingBottom: 24 }}>还没有试卷</span>
               }}
               }}
             />
             />
           )}
           )}

src/modules/teach-tool/paper-manage/modal/PreviewPaperModal.jsx

@@ -8,6 +8,7 @@
  */
  */
 import React, { Component } from "react";
 import React, { Component } from "react";
 import { Modal, ConfigProvider, Empty } from "antd";
 import { Modal, ConfigProvider, Empty } from "antd";
+import Lottie from 'react-lottie';
 import User from "@/common/js/user";
 import User from "@/common/js/user";
 import AidToolService from "@/domains/aid-tool-domain/AidToolService";
 import AidToolService from "@/domains/aid-tool-domain/AidToolService";
 import "./PreviewPaperModal.less";
 import "./PreviewPaperModal.less";
@@ -15,6 +16,7 @@ import ScanFileModal from "@/modules/resource-disk/modal/ScanFileModal";
 import _ from "underscore";
 import _ from "underscore";
 import XMAudio from "../../components/XMAudio";
 import XMAudio from "../../components/XMAudio";
 import { NUM_TO_WORD_MAP } from "@/common/constants/punchClock/punchClock";
 import { NUM_TO_WORD_MAP } from "@/common/constants/punchClock/punchClock";
+import previewEmpty from '../../../lottie/previewEmpty/data.json';
 const questionTypeList = {
 const questionTypeList = {
   SINGLE_CHOICE: "单选题",
   SINGLE_CHOICE: "单选题",
   MULTI_CHOICE: "多选题",
   MULTI_CHOICE: "多选题",
@@ -254,13 +256,28 @@ class PreviewPaperModal extends Component {
 
 
   // 自定义空状态
   // 自定义空状态
   customizeRenderEmpty = () => {
   customizeRenderEmpty = () => {
+    const defaultOptions = {
+      loop: true,
+      autoplay: true,
+      animationData: previewEmpty,
+      rendererSettings: {
+        preserveAspectRatio: 'xMidYMid slice'
+      }
+    }
     return (
     return (
       <Empty
       <Empty
-        image="https://image.xiaomaiketang.com/xm/emptyTable.png"
-        imageStyle={{
-          height: 100,
-        }}
-        description={"暂无内容"}
+        image={
+          <div style={{ marginTop: 24 }}>
+            <Lottie
+              options={defaultOptions}
+              height={150}
+              width={150}
+              isStopped={false}
+              isPaused={false}
+            />
+          </div>
+        }
+        description={<span style={{ display: 'block', paddingBottom: 24, marginTop: 50 }}>暂无内容</span>}
       ></Empty>
       ></Empty>
     );
     );
   };
   };

src/modules/teach-tool/paper-manage/modal/SelectQuestionModal.jsx

@@ -2,7 +2,7 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-03-29 10:52:26
  * @Date: 2021-03-29 10:52:26
  * @LastEditors: yuananting
  * @LastEditors: yuananting
- * @LastEditTime: 2021-05-08 16:11:27
+ * @LastEditTime: 2021-06-07 14:45:02
  * @Description: 助学工具-试卷-新建选择题目弹窗
  * @Description: 助学工具-试卷-新建选择题目弹窗
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -42,7 +42,8 @@ class SelectQuestionModal extends Component {
         width={1080}
         width={1080}
         onOk={() => {
         onOk={() => {
           this.props.setSelectedQuestion(
           this.props.setSelectedQuestion(
-            this.listRef.current.state.selectQuestionKeys.map((item) => {
+            this.listRef.current.state.selectQuestionKeys.map((item, index) => {
+              item.sorterIndex = index;
               item.questionId = item.id || item.questionId;
               item.questionId = item.id || item.questionId;
               item.questionType = item.questionTypeEnum || item.questionType;
               item.questionType = item.questionTypeEnum || item.questionType;
               item.score = item.score || 2;
               item.score = item.score || 2;

src/modules/teach-tool/question-manage/components/OperateQuestionTab.jsx

 /*
 /*
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-02-25 14:34:29
  * @Date: 2021-02-25 14:34:29
- * @LastEditors: wufan
- * @LastEditTime: 2021-05-14 18:17:08
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-09 12:00:12
  * @Description: 助学工具-题库-操作题目Tab
  * @Description: 助学工具-题库-操作题目Tab
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -66,23 +66,25 @@ class OperateQuestionTab extends Component {
   }
   }
 
 
   componentDidMount() {
   componentDidMount() {
-    const { chooseOptions } = this.state;
+    const { questionTypeKey } = this.props;
+    const isEditCurrent =
+      getParameterByName("id") &&
+      getParameterByName("type") === questionTypeKey;
+    const optionSize = isEditCurrent ? 20 : 4;
     if (
     if (
       ["INDEFINITE_CHOICE", "MULTI_CHOICE", "SINGLE_CHOICE"].includes(
       ["INDEFINITE_CHOICE", "MULTI_CHOICE", "SINGLE_CHOICE"].includes(
-        this.props.questionTypeKey
+        questionTypeKey
       )
       )
     ) {
     ) {
-      if (chooseOptions.length === 0) {
       // 选择题（单选 多选 不定项）-插入4条默认选项
       // 选择题（单选 多选 不定项）-插入4条默认选项
-        for (var i = 0; i < 4; i++) {
+      for (var i = 0; i < optionSize; i++) {
         this.handleAddOption();
         this.handleAddOption();
         this.setState({
         this.setState({
           [`optionsValidate_${i}`]: "success",
           [`optionsValidate_${i}`]: "success",
           [`optionsText_${i}`]: "",
           [`optionsText_${i}`]: "",
         });
         });
       }
       }
-      }
-    } else if (this.props.questionTypeKey === "JUDGE") {
+    } else if (questionTypeKey === "JUDGE") {
       this.initJudgeOption("正确");
       this.initJudgeOption("正确");
       this.initJudgeOption("错误");
       this.initJudgeOption("错误");
     }
     }
@@ -634,7 +636,7 @@ class OperateQuestionTab extends Component {
       this.state.stemContent,
       this.state.stemContent,
       (contentItem) => contentItem.type === "RICH_TEXT"
       (contentItem) => contentItem.type === "RICH_TEXT"
     );
     );
-    if(stemContent.textLength > 1000) {
+    if (stemContent.textLength > 1000) {
       validateError++;
       validateError++;
     }
     }
     let stem = stemContent.content.replace(/<[^>]+>/g, "");
     let stem = stemContent.content.replace(/<[^>]+>/g, "");
@@ -694,7 +696,7 @@ class OperateQuestionTab extends Component {
         optionUnChecked = item.isCorrectAnswer
         optionUnChecked = item.isCorrectAnswer
           ? optionUnChecked
           ? optionUnChecked
           : optionUnChecked + 1;
           : optionUnChecked + 1;
-        if(optionContent[0].textLength > 1000) {
+        if (optionContent[0].textLength > 1000) {
           validateError++;
           validateError++;
         }
         }
         let optionInput = optionContent[0].content.replace(/<[^>]+>/g, "");
         let optionInput = optionContent[0].content.replace(/<[^>]+>/g, "");
@@ -1040,11 +1042,11 @@ class OperateQuestionTab extends Component {
             return dom ? (
             return dom ? (
               <div
               <div
                 className="question-item_question-content"
                 className="question-item_question-content"
-                style={{
-                  display: ["PICTURE", "VIDEO"].includes(type)
-                    ? "inline-grid"
-                    : "flex",
-                }}
+                style={
+                  !["PICTURE", "VIDEO"].includes(type)
+                    ? { display: "flex" }
+                    : { float: "left" }
+                }
                 key={index}
                 key={index}
               >
               >
                 {dom}
                 {dom}
@@ -1194,10 +1196,8 @@ class OperateQuestionTab extends Component {
                 data-label="正确答案"
                 data-label="正确答案"
               >
               >
                 {_.map(chooseOptions, (optionItem, optionIndex) => {
                 {_.map(chooseOptions, (optionItem, optionIndex) => {
-                  const {
-                    questionOptionContentList,
-                    isCorrectAnswer,
-                  } = optionItem;
+                  const { questionOptionContentList, isCorrectAnswer } =
+                    optionItem;
                   optionItem.optionSort = optionIndex;
                   optionItem.optionSort = optionIndex;
                   const mediaBtn = ["VOICE", "AUDIO", "PICTURE"];
                   const mediaBtn = ["VOICE", "AUDIO", "PICTURE"];
                   const placeHold =
                   const placeHold =

src/modules/teach-tool/question-manage/components/OperateQuestionTab.less

@@ -2,7 +2,7 @@
   border-radius: 2px;
   border-radius: 2px;
   padding: 16px;
   padding: 16px;
   position: relative;
   position: relative;
-  margin-bottom: 35px;
+  margin-bottom: 70px;
 
 
   .editor-fill-box_single {
   .editor-fill-box_single {
     border-radius: 4px;
     border-radius: 4px;
@@ -24,7 +24,7 @@
     color: #999999;
     color: #999999;
     margin-top: 8px;
     margin-top: 8px;
     .fill-info_icon {
     .fill-info_icon {
-      color: #2966FF;
+      color: #2966ff;
       font-size: 14px;
       font-size: 14px;
       padding-left: 9px;
       padding-left: 9px;
       cursor: pointer;
       cursor: pointer;
@@ -72,7 +72,6 @@
     }
     }
     .audio-box {
     .audio-box {
       box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
       box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
-      padding: 10px 20px;
     }
     }
     .img-box {
     .img-box {
       max-width: 88px;
       max-width: 88px;
@@ -229,7 +228,7 @@
     line-height: 33px;
     line-height: 33px;
     align-self: stretch;
     align-self: stretch;
     .option-operate_item__icon:hover {
     .option-operate_item__icon:hover {
-      color: #2966FF;
+      color: #2966ff;
     }
     }
     .icon {
     .icon {
       color: #bfbfbf;
       color: #bfbfbf;
@@ -252,7 +251,7 @@
     border-radius: 4px;
     border-radius: 4px;
     border: 1px dashed #e8e8e8;
     border: 1px dashed #e8e8e8;
     font-size: 14px;
     font-size: 14px;
-    color: #2966FF;
+    color: #2966ff;
     line-height: 44px;
     line-height: 44px;
     text-align: center;
     text-align: center;
     cursor: pointer;
     cursor: pointer;

src/modules/teach-tool/question-manage/components/QuestionList.jsx

@@ -6,71 +6,54 @@
  * @Description: 助学工具-题库-题目列表数据
  * @Description: 助学工具-题库-题目列表数据
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
-import React, { Component } from "react";
-import {
-  Table,
-  ConfigProvider,
-  Empty,
-  Row,
-  Input,
-  Select,
-  Tooltip,
-  Space,
-  Button,
-  Modal,
-  message,
-  Menu,
-  Dropdown,
-  DatePicker,
-} from "antd";
-import Lottie from 'react-lottie';
-import _ from "underscore";
-import { Route, withRouter } from "react-router-dom";
+import React, { Component } from 'react';
+import { Table, ConfigProvider, Empty, Row, Input, Select, Tooltip, Space, Button, Modal, message, Menu, Dropdown, DatePicker } from 'antd';
+import _ from 'underscore';
+import { Route, withRouter } from 'react-router-dom';
 import { DownOutlined } from '@ant-design/icons';
 import { DownOutlined } from '@ant-design/icons';
-import { PageControl, XMTable } from "@/components";
-import User from "@/common/js/user";
-import AidToolService from "@/domains/aid-tool-domain/AidToolService";
-import PreviewQuestionModal from "../modal/PreviewQuestionModal";
-import BatchImportQuestionModal from "../modal/BatchImportQuestionModal";
-import OperateQuestion from "../OperateQuestion";
-import Bus from "@/core/bus";
+import { PageControl, XMTable } from '@/components';
+import User from '@/common/js/user';
+import AidToolService from '@/domains/aid-tool-domain/AidToolService';
+import PreviewQuestionModal from '../modal/PreviewQuestionModal';
+import BatchImportQuestionModal from '../modal/BatchImportQuestionModal';
+import OperateQuestion from '../OperateQuestion';
+import Bus from '@/core/bus';
 import moment from 'moment';
 import moment from 'moment';
-import Service from "@/common/js/service";
+import Service from '@/common/js/service';
 import MoveModal from '../../modal/MoveModal';
 import MoveModal from '../../modal/MoveModal';
-import * as nodata from '../../../lottie/nodata/data.json';
-import "./QuestionList.less";
+import './QuestionList.less';
 
 
 const { RangePicker } = DatePicker;
 const { RangePicker } = DatePicker;
 const { Search } = Input;
 const { Search } = Input;
 
 
 const questionTypeEnum = {
 const questionTypeEnum = {
-  SINGLE_CHOICE: "单选题",
-  MULTI_CHOICE: "多选题",
-  JUDGE: "判断题",
-  GAP_FILLING: "填空题",
-  INDEFINITE_CHOICE: "不定项选择题",
+  SINGLE_CHOICE: '单选题',
+  MULTI_CHOICE: '多选题',
+  JUDGE: '判断题',
+  GAP_FILLING: '填空题',
+  INDEFINITE_CHOICE: '不定项选择题',
 };
 };
 
 
 const questionTypeList = [
 const questionTypeList = [
   {
   {
-    label: "单选题",
-    value: "SINGLE_CHOICE",
+    label: '单选题',
+    value: 'SINGLE_CHOICE',
   },
   },
   {
   {
-    label: "多选题",
-    value: "MULTI_CHOICE",
+    label: '多选题',
+    value: 'MULTI_CHOICE',
   },
   },
   {
   {
-    label: "判断题",
-    value: "JUDGE",
+    label: '判断题',
+    value: 'JUDGE',
   },
   },
   {
   {
-    label: "填空题",
-    value: "GAP_FILLING",
+    label: '填空题',
+    value: 'GAP_FILLING',
   },
   },
   {
   {
-    label: "不定项选择题",
-    value: "INDEFINITE_CHOICE",
+    label: '不定项选择题',
+    value: 'INDEFINITE_CHOICE',
   },
   },
 ];
 ];
 
 
@@ -81,7 +64,7 @@ class QuestionList extends Component {
       query: {
       query: {
         current: 1,
         current: 1,
         size: 10,
         size: 10,
-        order: "UPDATED_DESC", // 排序规则[ ACCURACY_DESC, ACCURACY_ASC, CREATED_DESC, CREATED_ASC, UPDATED_DESC, UPDATED_ASC ]
+        order: 'UPDATED_DESC', // 排序规则[ ACCURACY_DESC, ACCURACY_ASC, CREATED_DESC, CREATED_ASC, UPDATED_DESC, UPDATED_ASC ]
         categoryId: null, // 当前题库分类Id
         categoryId: null, // 当前题库分类Id
         questionName: null, // 题目名称
         questionName: null, // 题目名称
         questionType: null, // 题目类型
         questionType: null, // 题目类型
@@ -98,16 +81,15 @@ class QuestionList extends Component {
   componentDidMount() {
   componentDidMount() {
     this.queryQuestionPageList();
     this.queryQuestionPageList();
     this.queryCategoryTree();
     this.queryCategoryTree();
-    Bus.bind("queryQuestionPageList", (selectedCategoryId) => {
-      selectedCategoryId =
-        selectedCategoryId === "null" ? null : selectedCategoryId;
+    Bus.bind('queryQuestionPageList', (selectedCategoryId) => {
+      selectedCategoryId = selectedCategoryId === 'null' ? null : selectedCategoryId;
       this.clearSelect();
       this.clearSelect();
       this.InitSearch(selectedCategoryId);
       this.InitSearch(selectedCategoryId);
     });
     });
   }
   }
 
 
   componentWillUnmount() {
   componentWillUnmount() {
-    Bus.unbind("queryQuestionPageList", this.queryQuestionPageList);
+    Bus.unbind('queryQuestionPageList', this.queryQuestionPageList);
   }
   }
 
 
   // 查询分类树
   // 查询分类树
@@ -145,7 +127,7 @@ class QuestionList extends Component {
       ...this.state.query,
       ...this.state.query,
       categoryId,
       categoryId,
       current: 1,
       current: 1,
-      order: "UPDATED_DESC", // 排序规则
+      order: 'UPDATED_DESC', // 排序规则
       questionName: null, // 题目名称
       questionName: null, // 题目名称
       questionType: null, // 题目类型
       questionType: null, // 题目类型
     };
     };
@@ -165,7 +147,7 @@ class QuestionList extends Component {
         },
         },
       },
       },
       () => {
       () => {
-        if (searchType === "questionName") return;
+        if (searchType === 'questionName') return;
         this.queryQuestionPageList();
         this.queryQuestionPageList();
       }
       }
     );
     );
@@ -176,7 +158,7 @@ class QuestionList extends Component {
     const _query = {
     const _query = {
       ...this.state.query,
       ...this.state.query,
       current: 1,
       current: 1,
-      order: "UPDATED_DESC", // 排序规则
+      order: 'UPDATED_DESC', // 排序规则
       questionName: null, // 题目名称
       questionName: null, // 题目名称
       questionType: null, // 题目类型
       questionType: null, // 题目类型
       updateDateStart: null,
       updateDateStart: null,
@@ -199,68 +181,65 @@ class QuestionList extends Component {
   handleChangeTable = (pagination, filters, sorter) => {
   handleChangeTable = (pagination, filters, sorter) => {
     const { columnKey, order } = sorter;
     const { columnKey, order } = sorter;
     let sort = null;
     let sort = null;
-    if (columnKey === "accuracy" && order === "ascend") {
-      sort = "ACCURACY_ASC";
+    if (columnKey === 'accuracy' && order === 'ascend') {
+      sort = 'ACCURACY_ASC';
     }
     }
-    if (columnKey === "accuracy" && order === "descend") {
-      sort = "ACCURACY_DESC";
+    if (columnKey === 'accuracy' && order === 'descend') {
+      sort = 'ACCURACY_DESC';
     }
     }
-    if (columnKey === "updateTime" && order === "ascend") {
-      sort = "UPDATED_ASC";
+    if (columnKey === 'updateTime' && order === 'ascend') {
+      sort = 'UPDATED_ASC';
     }
     }
-    if (columnKey === "updateTime" && order === "descend") {
-      sort = "UPDATED_DESC";
+    if (columnKey === 'updateTime' && order === 'descend') {
+      sort = 'UPDATED_DESC';
     }
     }
     const _query = this.state.query;
     const _query = this.state.query;
-    _query.order = sort || "UPDATED_DESC";
+    _query.order = sort || 'UPDATED_DESC';
     this.setState({ query: _query }, () => this.queryQuestionPageList());
     this.setState({ query: _query }, () => this.queryQuestionPageList());
   };
   };
 
 
   // 表头设置
   // 表头设置
   parseColumns = () => {
   parseColumns = () => {
     // 权限判断
     // 权限判断
-    const isPermiss = ["CloudManager", "StoreManager"].includes(
-      User.getUserRole()
-    );
+    const isPermiss = ['CloudManager', 'StoreManager'].includes(User.getUserRole());
     const columns = [
     const columns = [
       {
       {
-        title: "题型",
-        key: "questionTypeEnum",
-        dataIndex: "questionTypeEnum",
-        width: "16%",
+        title: '题型',
+        key: 'questionTypeEnum',
+        dataIndex: 'questionTypeEnum',
+        width: '16%',
         render: (val) => {
         render: (val) => {
           return questionTypeEnum[val];
           return questionTypeEnum[val];
         },
         },
       },
       },
       {
       {
-        title: "题目",
-        key: "questionStem",
-        dataIndex: "questionStem",
+        title: '题目',
+        key: 'questionStem',
+        dataIndex: 'questionStem',
         ellipsis: {
         ellipsis: {
           showTitle: false,
           showTitle: false,
         },
         },
         render: (val) => {
         render: (val) => {
           var handleVal = val;
           var handleVal = val;
-          handleVal = handleVal.replace(/<(?!img|input).*?>/g, "");
-          handleVal = handleVal.replace(/<\s?input[^>]*>/gi, "_、");
-          handleVal = handleVal.replace(/\&nbsp\;/gi, " ");
-          handleVal = handleVal.replace(/style\s*?=\s*?([‘"])[\s\S]*?\1/gi, "");
+          handleVal = handleVal.replace(/<(?!img|input).*?>/g, '');
+          handleVal = handleVal.replace(/<\s?input[^>]*>/gi, '_、');
+          handleVal = handleVal.replace(/\&nbsp\;/gi, ' ');
+          handleVal = handleVal.replace(/style\s*?=\s*?([‘"])[\s\S]*?\1/gi, '');
           return (
           return (
             <Tooltip
             <Tooltip
-              overlayClassName="aid-tool-list"
+              overlayClassName='aid-tool-list'
               title={
               title={
                 <div
                 <div
-                  style={{ maxWidth: 700, width: "auto" }}
+                  style={{ maxWidth: 700, width: 'auto' }}
                   dangerouslySetInnerHTML={{
                   dangerouslySetInnerHTML={{
                     __html: handleVal,
                     __html: handleVal,
                   }}
                   }}
                 />
                 />
               }
               }
-              placement="topLeft"
-              overlayStyle={{ maxWidth: 700 }}
-            >
+              placement='topLeft'
+              overlayStyle={{ maxWidth: 700 }}>
               <div
               <div
-                className="one-line-text"
+                className='one-line-text'
                 dangerouslySetInnerHTML={{
                 dangerouslySetInnerHTML={{
                   __html: handleVal,
                   __html: handleVal,
                 }}
                 }}
@@ -270,62 +249,47 @@ class QuestionList extends Component {
         },
         },
       },
       },
       {
       {
-        title: "正确率",
-        key: "accuracy",
-        dataIndex: "accuracy",
+        title: '正确率',
+        key: 'accuracy',
+        dataIndex: 'accuracy',
         sorter: true,
         sorter: true,
         showSorterTooltip: false,
         showSorterTooltip: false,
-        width: "14%",
+        width: '14%',
         render: (val) => {
         render: (val) => {
-          return parseInt(val * 100) + "%";
+          return parseInt(val * 100) + '%';
         },
         },
       },
       },
       {
       {
-        title: "更新时间",
-        key: "updateTime",
-        dataIndex: "updateTime",
+        title: '更新时间',
+        key: 'updateTime',
+        dataIndex: 'updateTime',
         sorter: true,
         sorter: true,
         showSorterTooltip: false,
         showSorterTooltip: false,
-        width: "24%",
+        width: '24%',
         render: (val) => {
         render: (val) => {
-          return formatDate("YYYY-MM-DD H:i:s", val);
+          return formatDate('YYYY-MM-DD H:i:s', val);
         },
         },
       },
       },
       {
       {
-        title: "操作",
-        key: "operate",
-        dataIndex: "operate",
-        width: "24%",
+        title: '操作',
+        key: 'operate',
+        dataIndex: 'operate',
+        width: '24%',
         render: (val, record) => {
         render: (val, record) => {
           return (
           return (
-            <div className="record-operate">
-              <div
-                className="record-operate__item"
-                onClick={() => this.previewQuestion(record.id)}
-              >
+            <div className='record-operate'>
+              <div className='record-operate__item' onClick={() => this.previewQuestion(record.id)}>
                 预览
                 预览
               </div>
               </div>
+              {isPermiss && <span className='record-operate__item split'> | </span>}
               {isPermiss && (
               {isPermiss && (
-                <span className="record-operate__item split"> | </span>
-              )}
-              {isPermiss && (
-                <div
-                  className="record-operate__item"
-                  onClick={() =>
-                    this.editQuestion(record.id, record.questionTypeEnum)
-                  }
-                >
+                <div className='record-operate__item' onClick={() => this.editQuestion(record.id, record.questionTypeEnum)}>
                   编辑
                   编辑
                 </div>
                 </div>
               )}
               )}
+              {isPermiss && <span className='record-operate__item split'> | </span>}
               {isPermiss && (
               {isPermiss && (
-                <span className="record-operate__item split"> | </span>
-              )}
-              {isPermiss && (
-                <div
-                  className="record-operate__item"
-                  onClick={() => this.delQuestionConfirm(record)}
-                >
+                <div className='record-operate__item' onClick={() => this.delQuestionConfirm(record)}>
                   删除
                   删除
                 </div>
                 </div>
               )}
               )}
@@ -374,13 +338,11 @@ class QuestionList extends Component {
   // 删除题目确认弹窗
   // 删除题目确认弹窗
   delQuestionConfirm(record) {
   delQuestionConfirm(record) {
     return Modal.confirm({
     return Modal.confirm({
-      title: "提示",
-      content: "确定要删除此题目吗？",
-      icon: (
-        <span className="icon iconfont default-confirm-icon">&#xe839; </span>
-      ),
-      okText: "删除",
-      cancelText: "取消",
+      title: '提示',
+      content: '确定要删除此题目吗？',
+      icon: <span className='icon iconfont default-confirm-icon'>&#xe839; </span>,
+      okText: '删除',
+      cancelText: '取消',
       onOk: () => {
       onOk: () => {
         this.deleteQuestion(record);
         this.deleteQuestion(record);
       },
       },
@@ -397,7 +359,7 @@ class QuestionList extends Component {
     };
     };
     AidToolService.deleteQuestion(params).then((res) => {
     AidToolService.deleteQuestion(params).then((res) => {
       if (res.success) {
       if (res.success) {
-        message.success("删除成功");
+        message.success('删除成功');
         const { query, total, selectedRowKeys } = this.state;
         const { query, total, selectedRowKeys } = this.state;
         const { size, current } = query;
         const { size, current } = query;
         const _query = query;
         const _query = query;
@@ -409,11 +371,11 @@ class QuestionList extends Component {
         }
         }
         data.query = _query;
         data.query = _query;
         if (selectedRowKeys.includes(record.id)) {
         if (selectedRowKeys.includes(record.id)) {
-          data.selectedRowKeys = _.reject(selectedRowKeys, item => item === record.id);
+          data.selectedRowKeys = _.reject(selectedRowKeys, (item) => item === record.id);
         }
         }
         this.setState(data, () => {
         this.setState(data, () => {
           this.queryQuestionPageList();
           this.queryQuestionPageList();
-          Bus.trigger("queryCategoryTree", "remain");
+          Bus.trigger('queryCategoryTree', 'remain');
         });
         });
       }
       }
     });
     });
@@ -435,7 +397,7 @@ class QuestionList extends Component {
         close={() => {
         close={() => {
           this.setState({ batchImportQuestionModal: null }, () => {
           this.setState({ batchImportQuestionModal: null }, () => {
             this.queryQuestionPageList();
             this.queryQuestionPageList();
-            Bus.trigger("queryCategoryTree", "remain");
+            Bus.trigger('queryCategoryTree', 'remain');
           });
           });
         }}
         }}
         categoryId={categoryId}
         categoryId={categoryId}
@@ -459,23 +421,21 @@ class QuestionList extends Component {
   setMoreOperationOption() {
   setMoreOperationOption() {
     return (
     return (
       <Menu>
       <Menu>
-        <Menu.Item key="2">
+        <Menu.Item key='2'>
           <div
           <div
-            key="import"
+            key='import'
             onClick={() => {
             onClick={() => {
               this.batchMove();
               this.batchMove();
-            }}
-          >
+            }}>
             批量移动
             批量移动
           </div>
           </div>
         </Menu.Item>
         </Menu.Item>
-        <Menu.Item key="1">
+        <Menu.Item key='1'>
           <div
           <div
-            key="import"
+            key='import'
             onClick={() => {
             onClick={() => {
               this.batchDelete();
               this.batchDelete();
-            }}
-          >
+            }}>
             批量删除
             批量删除
           </div>
           </div>
         </Menu.Item>
         </Menu.Item>
@@ -490,7 +450,7 @@ class QuestionList extends Component {
       return null;
       return null;
     }
     }
     this.setState({ openMoveModal: true });
     this.setState({ openMoveModal: true });
-  }
+  };
 
 
   batchMoveRemote = (categoryId) => {
   batchMoveRemote = (categoryId) => {
     const { selectedRowKeys, query } = this.state;
     const { selectedRowKeys, query } = this.state;
@@ -501,7 +461,8 @@ class QuestionList extends Component {
       tenantId: User.getStoreId(),
       tenantId: User.getStoreId(),
       userId: User.getUserId(),
       userId: User.getUserId(),
     };
     };
-    Service.Hades('public/hades/batchMoveQuestion', data, { reject: true }).then((res) => {
+    Service.Hades('public/hades/batchMoveQuestion', data, { reject: true })
+      .then((res) => {
         if (res.success) {
         if (res.success) {
           message.success('移动成功');
           message.success('移动成功');
           Bus.trigger('queryCategoryTree', 'remain');
           Bus.trigger('queryCategoryTree', 'remain');
@@ -520,10 +481,11 @@ class QuestionList extends Component {
         } else {
         } else {
           message.error('移动失败');
           message.error('移动失败');
         }
         }
-    }).catch(() => {
-      message.error('移动失败');
       })
       })
-  }
+      .catch(() => {
+        message.error('移动失败');
+      });
+  };
 
 
   batchDelete = () => {
   batchDelete = () => {
     const { selectedRowKeys, query } = this.state;
     const { selectedRowKeys, query } = this.state;
@@ -532,13 +494,11 @@ class QuestionList extends Component {
       return null;
       return null;
     }
     }
     Modal.confirm({
     Modal.confirm({
-      title: "确定要删除题目吗？",
-      content: "删除后，不可恢复。",
-      icon: (
-        <span className="icon iconfont default-confirm-icon">&#xe839; </span>
-      ),
-      okText: "删除",
-      cancelText: "取消",
+      title: '确定要删除题目吗？',
+      content: '删除后，不可恢复。',
+      icon: <span className='icon iconfont default-confirm-icon'>&#xe839; </span>,
+      okText: '删除',
+      cancelText: '取消',
       onOk: () => {
       onOk: () => {
         const data = {
         const data = {
           id: selectedRowKeys,
           id: selectedRowKeys,
@@ -546,7 +506,8 @@ class QuestionList extends Component {
           tenantId: User.getStoreId(),
           tenantId: User.getStoreId(),
           userId: User.getUserId(),
           userId: User.getUserId(),
         };
         };
-        Service.Hades('public/hades/batchDeleteQuestion', data, { reject: true }).then((res) => {
+        Service.Hades('public/hades/batchDeleteQuestion', data, { reject: true })
+          .then((res) => {
             if (res.success) {
             if (res.success) {
               message.success('删除成功');
               message.success('删除成功');
               Bus.trigger('queryCategoryTree', 'remain');
               Bus.trigger('queryCategoryTree', 'remain');
@@ -565,28 +526,20 @@ class QuestionList extends Component {
             } else {
             } else {
               message.error('删除失败');
               message.error('删除失败');
             }
             }
-        }).catch(() => {
-          message.error('删除失败');
           })
           })
+          .catch(() => {
+            message.error('删除失败');
+          });
       },
       },
-    })
-  }
+    });
+  };
 
 
   clearSelect = () => {
   clearSelect = () => {
     this.setState({ selectedRowKeys: [] });
     this.setState({ selectedRowKeys: [] });
-  }
+  };
 
 
   render() {
   render() {
-    const {
-      dataSource = [],
-      total,
-      query,
-      previewQuestionModal,
-      batchImportQuestionModal,
-      selectedRowKeys,
-      openMoveModal,
-      questionData,
-    } = this.state;
+    const { dataSource = [], total, query, previewQuestionModal, batchImportQuestionModal, selectedRowKeys, openMoveModal, questionData } = this.state;
     const { current, size, categoryId, questionName, questionType } = query;
     const { current, size, categoryId, questionName, questionType } = query;
     const { match } = this.props;
     const { match } = this.props;
     const rowSelection = {
     const rowSelection = {
@@ -594,56 +547,44 @@ class QuestionList extends Component {
       preserveSelectedRowKeys: true,
       preserveSelectedRowKeys: true,
       onChange: this.onSelectChange,
       onChange: this.onSelectChange,
     };
     };
-    const defaultOptions = {
-      loop: true,
-      autoplay: true,
-      animationData: nodata,
-      rendererSettings: {
-        preserveAspectRatio: 'xMidYMid slice'
-      }
-    }
     return (
     return (
-      <div className="question-list">
-        <div className="question-list-filter">
-          <Row type="flex" justify="space-between" align="top">
-            <div className="search-condition">
-              <div className="search-condition__item">
-                <span className="search-label">题目：</span>
+      <div className='question-list'>
+        <div className='question-list-filter'>
+          <Row type='flex' justify='space-between' align='top'>
+            <div className='search-condition'>
+              <div className='search-condition__item'>
+                <span className='search-label'>题目：</span>
                 <Search
                 <Search
-                  placeholder="搜索题目名称"
+                  placeholder='搜索题目名称'
                   value={questionName}
                   value={questionName}
                   style={{ width: '100%' }}
                   style={{ width: '100%' }}
                   onChange={(e) => {
                   onChange={(e) => {
-                    this.handleChangeQuery("questionName", e.target.value);
+                    this.handleChangeQuery('questionName', e.target.value);
                   }}
                   }}
                   onSearch={() => {
                   onSearch={() => {
                     this.queryQuestionPageList();
                     this.queryQuestionPageList();
                   }}
                   }}
-                  enterButton={<span className="icon iconfont">&#xe832;</span>}
+                  enterButton={<span className='icon iconfont'>&#xe832;</span>}
                 />
                 />
               </div>
               </div>
 
 
-              <div className="search-condition__item">
-                <span className="search-label">题型：</span>
+              <div className='search-condition__item'>
+                <span className='search-label'>题型：</span>
                 <Select
                 <Select
-                  placeholder="请选择题目类型"
+                  placeholder='请选择题目类型'
                   value={questionType}
                   value={questionType}
                   style={{ width: '100%' }}
                   style={{ width: '100%' }}
                   showSearch
                   showSearch
                   allowClear
                   allowClear
-                  enterButton={<span className="icon iconfont">&#xe832;</span>}
-                  filterOption={(inputVal, option) =>
-                    option.props.children.includes(inputVal)
-                  }
+                  filterOption={(inputVal, option) => option.props.children.includes(inputVal)}
                   onChange={(value) => {
                   onChange={(value) => {
                     if (_.isEmpty(value)) {
                     if (_.isEmpty(value)) {
-                      this.handleChangeQuery("questionType", value);
+                      this.handleChangeQuery('questionType', value);
                     }
                     }
                   }}
                   }}
                   onSelect={(value) => {
                   onSelect={(value) => {
-                    this.handleChangeQuery("questionType", value);
-                  }}
-                >
+                    this.handleChangeQuery('questionType', value);
+                  }}>
                   {_.map(questionTypeList, (item, index) => {
                   {_.map(questionTypeList, (item, index) => {
                     return (
                     return (
                       <Select.Option value={item.value} key={item.value}>
                       <Select.Option value={item.value} key={item.value}>
@@ -653,20 +594,16 @@ class QuestionList extends Component {
                   })}
                   })}
                 </Select>
                 </Select>
               </div>
               </div>
-              <div className="search-condition__item">
-                <span className="search-label">更新时间：</span>
+              <div className='search-condition__item'>
+                <span className='search-label'>更新时间：</span>
                 <RangePicker
                 <RangePicker
-                  value={
-                    query.updateDateStart
-                      ? [moment(query.updateDateStart), moment(query.updateDateEnd)]
-                      : null
-                  }
+                  value={query.updateDateStart ? [moment(query.updateDateStart), moment(query.updateDateEnd)] : null}
                   style={{ width: '100%' }}
                   style={{ width: '100%' }}
-                  format={"YYYY-MM-DD"}
+                  format={'YYYY-MM-DD'}
                   onChange={(dates) => {
                   onChange={(dates) => {
                     const _query = _.clone(query);
                     const _query = _.clone(query);
-                    _query.updateDateStart = dates ? dates[0].startOf("day").valueOf() : null;
-                    _query.updateDateEnd = dates ? dates[1].endOf("day").valueOf() : null;
+                    _query.updateDateStart = dates ? dates[0].startOf('day').valueOf() : null;
+                    _query.updateDateEnd = dates ? dates[1].endOf('day').valueOf() : null;
                     _query.current = 0;
                     _query.current = 0;
                     this.setState({ query: _query }, () => this.queryQuestionPageList());
                     this.setState({ query: _query }, () => this.queryQuestionPageList());
                   }}
                   }}
@@ -674,43 +611,44 @@ class QuestionList extends Component {
               </div>
               </div>
             </div>
             </div>
 
 
-            <div className="reset-fold-area">
-              <Tooltip title="清空筛选">
-                <span
-                  className="resetBtn iconfont icon"
-                  onClick={this.handleReset}
-                >
-                  &#xe61b;{" "}
+            <div className='reset-fold-area'>
+              <Tooltip title='清空筛选'>
+                <span className='resetBtn iconfont icon' onClick={this.handleReset}>
+                  &#xe61b;{' '}
                 </span>
                 </span>
               </Tooltip>
               </Tooltip>
             </div>
             </div>
           </Row>
           </Row>
         </div>
         </div>
-        {["CloudManager", "StoreManager"].includes(User.getUserRole()) &&
-          (
+        {['CloudManager', 'StoreManager'].includes(User.getUserRole()) && (
           <Space size={8}>
           <Space size={8}>
-              {_.isEmpty(selectedRowKeys) ?
-                (!!categoryId && [
-                  <Button key="1" type="primary" onClick={this.handleCreateQuestion}>
+            {_.isEmpty(selectedRowKeys) ? (
+              !!categoryId && [
+                <Button key='1' type='primary' onClick={this.handleCreateQuestion}>
                   新建题目
                   新建题目
                 </Button>,
                 </Button>,
-                  <Button key="2" onClick={this.batchImportQuestion}>批量导入</Button>
-                ])
-                : <div className="select-container"> 
-                  <span className="con">
+                <Button key='2' onClick={this.batchImportQuestion}>
+                  批量导入
+                </Button>,
+              ]
+            ) : (
+              <div className='select-container'>
+                <span className='con'>
                   <div>
                   <div>
-                      <span className="icon iconfont tip">&#xe6f2;</span>
-                      <span className="text">已选择{selectedRowKeys.length}项</span>
+                    <span className='icon iconfont tip'>&#xe6f2;</span>
+                    <span className='text'>已选择{selectedRowKeys.length}项</span>
                   </div>
                   </div>
                   <div>
                   <div>
-                      <span className="clear" onClick={this.clearSelect}>清空</span>
+                    <span className='clear' onClick={this.clearSelect}>
+                      清空
+                    </span>
                   </div>
                   </div>
                 </span>
                 </span>
               </div>
               </div>
-              }
+            )}
             {!!categoryId ? (
             {!!categoryId ? (
               <Dropdown overlay={this.setMoreOperationOption()}>
               <Dropdown overlay={this.setMoreOperationOption()}>
-                  <Button id="more_operate">
+                <Button id='more_operate'>
                   更多操作
                   更多操作
                   <DownOutlined />
                   <DownOutlined />
                 </Button>
                 </Button>
@@ -723,7 +661,7 @@ class QuestionList extends Component {
             )}
             )}
           </Space>
           </Space>
         )}
         )}
-        <div className="question-list-content">
+        <div className='question-list-content'>
           <XMTable
           <XMTable
             rowKey={(record) => record.id}
             rowKey={(record) => record.id}
             dataSource={dataSource}
             dataSource={dataSource}
@@ -733,45 +671,35 @@ class QuestionList extends Component {
             onChange={this.handleChangeTable}
             onChange={this.handleChangeTable}
             rowSelection={rowSelection}
             rowSelection={rowSelection}
             renderEmpty={{
             renderEmpty={{
-              image: <div style={{ marginTop: 24 }}>
-                <Lottie
-                  options={defaultOptions}
-                  height={150}
-                  width={150}
-                  isStopped={false}
-                  isPaused={false}
-                />
-              </div>,
-              description: <span style={{ display: 'block', paddingBottom: 24 }}><span>还没有题目</span>
-                {["CloudManager", "StoreManager"].includes(User.getUserRole()) &&
-                  categoryId && (
+              description: (
+                <span style={{ display: 'block', paddingBottom: 24 }}>
+                  <span>还没有题目</span>
+                  {['CloudManager', 'StoreManager'].includes(User.getUserRole()) && categoryId && (
                     <span>
                     <span>
                       ，快去
                       ，快去
                       <span
                       <span
-                        className="empty-list-tip"
+                        className='empty-list-tip'
                         onClick={() => {
                         onClick={() => {
                           this.handleCreateQuestion();
                           this.handleCreateQuestion();
-                        }}
-                      >
+                        }}>
                         新建一个
                         新建一个
                       </span>
                       </span>
                       吧！
                       吧！
                     </span>
                     </span>
                   )}
                   )}
                 </span>
                 </span>
+              ),
             }}
             }}
           />
           />
           {total > 0 && (
           {total > 0 && (
-            <div className="box-footer">
+            <div className='box-footer'>
               <PageControl
               <PageControl
                 current={current - 1}
                 current={current - 1}
                 pageSize={size}
                 pageSize={size}
                 total={total}
                 total={total}
                 toPage={(page) => {
                 toPage={(page) => {
                   const _query = { ...query, current: page + 1 };
                   const _query = { ...query, current: page + 1 };
-                  this.setState({ query: _query }, () =>
-                    this.queryQuestionPageList()
-                  );
+                  this.setState({ query: _query }, () => this.queryQuestionPageList());
                 }}
                 }}
                 showSizeChanger={true}
                 showSizeChanger={true}
                 onShowSizeChange={this.onShowSizeChange}
                 onShowSizeChange={this.onShowSizeChange}
@@ -780,10 +708,10 @@ class QuestionList extends Component {
           )}
           )}
           {previewQuestionModal}
           {previewQuestionModal}
           {batchImportQuestionModal}
           {batchImportQuestionModal}
-          {openMoveModal &&
+          {openMoveModal && (
             <MoveModal
             <MoveModal
               visible={openMoveModal}
               visible={openMoveModal}
-              title="题目"
+              title='题目'
               data={questionData}
               data={questionData}
               categoryId={query.categoryId}
               categoryId={query.categoryId}
               length={selectedRowKeys.length}
               length={selectedRowKeys.length}
@@ -793,12 +721,9 @@ class QuestionList extends Component {
                 this.setState({ openMoveModal: false });
                 this.setState({ openMoveModal: false });
               }}
               }}
             />
             />
-          }
+          )}
         </div>
         </div>
-        <Route
-          path={`${match.url}/question-operate-page`}
-          component={OperateQuestion}
-        />
+        <Route path={`${match.url}/question-operate-page`} component={OperateQuestion} />
       </div>
       </div>
     );
     );
   }
   }

src/modules/teach-tool/question-manage/modal/PreviewQuestionModal.less

@@ -32,7 +32,7 @@
       color: #666666;
       color: #666666;
       .input-box {
       .input-box {
         margin-bottom: 8px;
         margin-bottom: 8px;
-        display: inline-block;
+        // display: inline-block;
         *:not(p) {
         *:not(p) {
           font-weight: normal !important;
           font-weight: normal !important;
           font-size: 14px !important;
           font-size: 14px !important;

src/routes/config/mainRoutes.tsx

@@ -14,13 +14,13 @@ import UserManage from '@/modules/college-manage/UserManagePage';
 import StoreDecorationPage from '@/modules/store-manage/StoreDecorationPage';
 import StoreDecorationPage from '@/modules/store-manage/StoreDecorationPage';
 import CourseCatalogPage from '@/modules/store-manage/CourseCatalogPage';
 import CourseCatalogPage from '@/modules/store-manage/CourseCatalogPage';
 import LiveCoursePage from '@/modules/course-manage/LiveCoursePage';
 import LiveCoursePage from '@/modules/course-manage/LiveCoursePage';
-import AddLivePage from '@/modules/course-manage/AddLive'
-import VideoCoursePage from '@/modules/course-manage/video-course'
-import GraphicsCoursePage from '@/modules/course-manage/graphics-course'
-import OfflineCoursePage from '@/modules/course-manage/offline-course'
-import AddVideoCoursePage from '@/modules/course-manage/video-course/AddVideoCourse'
-import AddGraphicsCoursePage from '@/modules/course-manage/graphics-course/AddGraphicsCourse'
-import AddOfflineCoursePage from '@/modules/course-manage/offline-course/AddOfflineCourse'
+import AddLivePage from '@/modules/course-manage/AddLive';
+import VideoCoursePage from '@/modules/course-manage/video-course';
+import GraphicsCoursePage from '@/modules/course-manage/graphics-course';
+import OfflineCoursePage from '@/modules/course-manage/offline-course';
+import AddVideoCoursePage from '@/modules/course-manage/video-course/AddVideoCourse';
+import AddGraphicsCoursePage from '@/modules/course-manage/graphics-course/AddGraphicsCourse';
+import AddOfflineCoursePage from '@/modules/course-manage/offline-course/AddOfflineCourse';
 // import DataList from '@/modules/course-manage/DataList/DataList';
 // import DataList from '@/modules/course-manage/DataList/DataList';
 // import ClassBook from '@/modules/resource-disk';
 // import ClassBook from '@/modules/resource-disk';
 import ResourceDisk from '@/modules/resource-disk';
 import ResourceDisk from '@/modules/resource-disk';
@@ -33,145 +33,152 @@ import CourseCategoryManage from '@/modules/teach-tool/components/CourseCategory
 import QuestionManageIndex from '@/modules/teach-tool/question-manage/Index';
 import QuestionManageIndex from '@/modules/teach-tool/question-manage/Index';
 import PaperManageIndex from '@/modules/teach-tool/paper-manage/Index';
 import PaperManageIndex from '@/modules/teach-tool/paper-manage/Index';
 import ExaminationManagerIndex from '@/modules/teach-tool/examination-manager/Index';
 import ExaminationManagerIndex from '@/modules/teach-tool/examination-manager/Index';
-import KnowledgeBase from "@/modules/knowledge-base/index";
+import ExaminationManagerTestDetail from '@/modules/teach-tool/examination-manager/TestDetailPage';
+import KnowledgeBase from '@/modules/knowledge-base/index';
 import CollegeInfoPage from '@/modules/college-manage/CollegeInfoPage';
 import CollegeInfoPage from '@/modules/college-manage/CollegeInfoPage';
 
 
 const mainRoutes = [
 const mainRoutes = [
   {
   {
-    path: "/home",
+    path: '/home',
     component: Home,
     component: Home,
-    name: "中心首页",
+    name: '中心首页',
   },
   },
   {
   {
-    path: "/employees-manage",
+    path: '/employees-manage',
     component: EmployeesManagePage,
     component: EmployeesManagePage,
-    name: "员工管理",
+    name: '员工管理',
   },
   },
   {
   {
     path: '/college-employee',
     path: '/college-employee',
     component: EmployeeManage,
     component: EmployeeManage,
-		name: '员工管理'
+    name: '员工管理',
   },
   },
   {
   {
     path: '/personal-info',
     path: '/personal-info',
     component: personalInfoPage,
     component: personalInfoPage,
-		name: '个人信息'
+    name: '个人信息',
   },
   },
   {
   {
-    path: "/user-manage",
+    path: '/user-manage',
     component: UserManagePage,
     component: UserManagePage,
-    name: "学员管理",
+    name: '学员管理',
   },
   },
   {
   {
     path: '/college-user',
     path: '/college-user',
     component: UserManage,
     component: UserManage,
-		name: '学员管理'
+    name: '学员管理',
   },
   },
   {
   {
     path: '/store-decoration',
     path: '/store-decoration',
     component: StoreDecorationPage,
     component: StoreDecorationPage,
-		name: '学院装修'
+    name: '学院装修',
   },
   },
   {
   {
-    path: "/live-course",
+    path: '/live-course',
     component: LiveCoursePage,
     component: LiveCoursePage,
-    name: "直播课",
+    name: '直播课',
   },
   },
   {
   {
-    path: "/video-course",
+    path: '/video-course',
     component: VideoCoursePage,
     component: VideoCoursePage,
-    name: "视频课",
+    name: '视频课',
   },
   },
   {
   {
-    path: "/graphics-course",
+    path: '/graphics-course',
     component: GraphicsCoursePage,
     component: GraphicsCoursePage,
-    name: "图文课",
+    name: '图文课',
   },
   },
   {
   {
-    path: "/offline-course",
+    path: '/offline-course',
     component: OfflineCoursePage,
     component: OfflineCoursePage,
-    name: "线下课",
+    name: '线下课',
   },
   },
   {
   {
-    path: "/create-live-course",
+    path: '/create-live-course',
     component: AddLivePage,
     component: AddLivePage,
-    name: "创建直播课",
+    name: '创建直播课',
   },
   },
   {
   {
-    path: "/create-video-course",
+    path: '/create-video-course',
     component: AddVideoCoursePage,
     component: AddVideoCoursePage,
-    name: "创建视频课",
+    name: '创建视频课',
   },
   },
   {
   {
-    path: "/knowledge-base",
+    path: '/knowledge-base',
     // component:ResourceDisk,
     // component:ResourceDisk,
     component: KnowledgeBase,
     component: KnowledgeBase,
-    name: "知识库",
+    name: '知识库',
   },
   },
   {
   {
-    path: "/create-graphics-course",
+    path: '/create-graphics-course',
     component: AddGraphicsCoursePage,
     component: AddGraphicsCoursePage,
-    name: "创建图文课",
+    name: '创建图文课',
   },
   },
   {
   {
-    path: "/create-offline-course",
+    path: '/create-offline-course',
     component: AddOfflineCoursePage,
     component: AddOfflineCoursePage,
-    name: "创建线下课",
+    name: '创建线下课',
   },
   },
   {
   {
-    path: "/resource-disk",
+    path: '/resource-disk',
     component: ResourceDisk,
     component: ResourceDisk,
-    name: "资料云盘",
+    name: '资料云盘',
   },
   },
   {
   {
     path: '/question-manage-index',
     path: '/question-manage-index',
-		component:QuestionManageIndex,
-		name: '题库'
+    component: QuestionManageIndex,
+    name: '题库',
   },
   },
   {
   {
     path: '/paper-manage-index',
     path: '/paper-manage-index',
-		component:PaperManageIndex,
-		name: '试卷'
+    component: PaperManageIndex,
+    name: '试卷',
   },
   },
   {
   {
     path: '/examination-manage-index',
     path: '/examination-manage-index',
-		component:ExaminationManagerIndex,
-		name: '考试'
+    component: ExaminationManagerIndex,
+    name: '考试',
+  },
+  {
+    path: '/test-detail/:testId',
+    component: ExaminationManagerTestDetail,
+    // () => import('@/modules/teach-tool/examination-manager/TestDetailPage'),
+    name: '答题详情',
   },
   },
   {
   {
     path: '/course-category-manage',
     path: '/course-category-manage',
-		component:CourseCategoryManage,
-		name: '分类管理'
+    component: CourseCategoryManage,
+    name: '分类管理',
   },
   },
   {
   {
-    path: "/switch-route",
+    path: '/switch-route',
     component: SwitchRoute,
     component: SwitchRoute,
-    name: "登录后跳转承载页",
+    name: '登录后跳转承载页',
   },
   },
   {
   {
-    path: "/plan",
+    path: '/plan',
     component: PlanPage,
     component: PlanPage,
-    name: "培训计划",
+    name: '培训计划',
   },
   },
   {
   {
-    path: "/create-plan",
+    path: '/create-plan',
     component: AddPlanPage,
     component: AddPlanPage,
-    name: "创建视频课",
+    name: '创建视频课',
   },
   },
   {
   {
     path: '/store-info',
     path: '/store-info',
-		component:StoreInfoPage,
-		name: '学院信息'
+    component: StoreInfoPage,
+    name: '学院信息',
   },
   },
   {
   {
     path: '/college-info',
     path: '/college-info',
     component: CollegeInfoPage,
     component: CollegeInfoPage,
-		name: '学院信息'
+    name: '学院信息',
   },
   },
   {
   {
-    path: "/learning-data",
+    path: '/learning-data',
     component: LearningDataPage,
     component: LearningDataPage,
-    name: "学习数据",
+    name: '学习数据',
   },
   },
 ];
 ];