Merge branch 'master' into feature/zahngleyuan/20210607/cloud-cass-remodel

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/bu-components/CopyFileModal.jsx

@@ -80,7 +80,7 @@ class CopyFileModal extends React.Component {
     // const { folderPathList, folderList } = this.state;
     // const { folderPathList, folderList } = this.state;
     const { folderPathList, disk } = this.state;
     const { folderPathList, disk } = this.state;
     const { dataInfo } = this.props;
     const { dataInfo } = this.props;
-    const { id, createId, folderName } = dataInfo;
+    const { id, createId, folderName,folderType} = dataInfo;
     const newParentId = folderPathList[folderPathList.length-1].id;
     const newParentId = folderPathList[folderPathList.length-1].id;
     const _params = {
     const _params = {
       copyIds : [id],                     // 复制文件的ID
       copyIds : [id],                     // 复制文件的ID
@@ -99,7 +99,10 @@ class CopyFileModal extends React.Component {
       }
       }
       return allowCopy;
       return allowCopy;
     })
     })
-    
+    if(folderPathList.length > 9 && folderType === 'FOLDER'){
+      allowCopy = 1;
+      message.warning('不能将文件夹复制到10级目录下');
+    }
     if (allowCopy === 0) {
     if (allowCopy === 0) {
       Service.Hades('public/hadesStore/copyFolder', _params).then((res) => {
       Service.Hades('public/hadesStore/copyFolder', _params).then((res) => {
         if (res.success) {
         if (res.success) {

src/common/js/axios.ts

@@ -20,7 +20,8 @@ interface FetchParams {
 }
 }
 
 
 interface FetchOptions {
 interface FetchOptions {
-  requestType: string   // 请求类型  form为表单类型   json为json类型，默认json类型
+  requestType: string,   // 请求类型  form为表单类型   json为json类型，默认json类型
+  reject: boolean,
 }
 }
 interface HeadersType{
 interface HeadersType{
   storeId?:any,
   storeId?:any,
@@ -33,7 +34,7 @@ class Axios {
     method: string,
     method: string,
     url: string,
     url: string,
     params: any,
     params: any,
-    options: FetchOptions = { requestType: 'json' }
+    options: FetchOptions = { requestType: 'json', reject: false }
   ): Promise<any> {
   ): Promise<any> {
     const _url = `${url}?storeId=${User.getStoreId()}&token=${User.getToken()}&storeUserId=${User.getStoreUserId()}&userId=${User.getUserId()}`;
     const _url = `${url}?storeId=${User.getStoreId()}&token=${User.getToken()}&storeUserId=${User.getStoreUserId()}&userId=${User.getUserId()}`;
     return new Promise((resolve, reject) => {
     return new Promise((resolve, reject) => {
@@ -86,8 +87,9 @@ class Axios {
         const { message: ResMessage, success, resultMsg, resultCode } = response.data;
         const { message: ResMessage, success, resultMsg, resultCode } = response.data;
         if (success || resultCode === 0) {
         if (success || resultCode === 0) {
           return response;
           return response;
-        }
+        } else if (!options.reject) {
           message.error(ResMessage || resultMsg);
           message.error(ResMessage || resultMsg);
+        }
         return Promise.reject(response.data);
         return Promise.reject(response.data);
       }, (error): AxiosPromise => {
       }, (error): AxiosPromise => {
         const requestStatus = error.request.status
         const requestStatus = error.request.status

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 { Empty, ConfigProvider, Table } from 'antd';
+import Lottie from 'react-lottie';
+import * as nodata from '../modules/lottie/nodata/data.json';
+
+function XMTable(props) {
+  const [empty, setEmpty] = useState(props.renderEmpty || {});
+  const [data, setData] = useState({});
+
+  useEffect(() => {
+    setEmpty(props.renderEmpty || {})
+    setData(props);
+  }, [props]);
+
+  // 自定义表格空状态
+  function customizeRenderEmpty() {
+    const defaultOptions = {
+      loop: true,
+      autoplay: true,
+      animationData: empty.image || nodata,
+      rendererSettings: {
+        preserveAspectRatio: 'xMidYMid slice'
+      }
+    }
+    return (
+      <Empty
+        image={<div style={{ marginTop: 24 }}>
+        <Lottie
+          options={defaultOptions}
+          height={150}
+          width={150}
+          isStopped={false}
+          isPaused={false}
+        />
+      </div>}
+        imageStyle={{
+          height: 150,
+        }}
+        description={empty.description}
+      ></Empty>
+    );
+  };
+
+  return (
+    <ConfigProvider className="xm-table-component" renderEmpty={customizeRenderEmpty}>
+      <Table
+        {...data}
+      />
+    </ConfigProvider>
+  )
+}
+
+export default XMTable;
\ No newline at end of file

src/components/XMTable.less

+.xm-table-component {
+  
+}
\ No newline at end of file

src/components/index.js

 /*
 /*
  * @Author: wufan 
  * @Author: wufan 
  * @Date: 2020-11-26 14:48:57 
  * @Date: 2020-11-26 14:48:57 
- * @Last Modified by: mikey.zhaopeng
- * @Last Modified time: 2020-11-26 14:52:02
+ * @Last Modified by: chenshu
+ * @Last Modified time: 2021-06-03 15:21:09
  */
  */
 
 
 import SearchBar from './SearchBar.tsx';
 import SearchBar from './SearchBar.tsx';
@@ -10,6 +10,7 @@ import PageControl from './PageControl.tsx';
 import CheckBox from './CheckBox.tsx';
 import CheckBox from './CheckBox.tsx';
 import CropperModal from './CropperModal.tsx';
 import CropperModal from './CropperModal.tsx';
 import ImgCutModalNew from './ImgCutModalNew';
 import ImgCutModalNew from './ImgCutModalNew';
+import XMTable from './XMTable';
 
 
 
 
 export {
 export {
@@ -17,5 +18,6 @@ export {
   PageControl,
   PageControl,
   CheckBox,
   CheckBox,
   CropperModal,
   CropperModal,
-  ImgCutModalNew
+  ImgCutModalNew,
+  XMTable,
 }
 }
\ No newline at end of file

src/core/antd.less

@@ -2,7 +2,7 @@
  * @Author: Michael 
  * @Author: Michael 
  * @Date: 2017-09-08 17:38:18 
  * @Date: 2017-09-08 17:38:18 
  * @Last Modified by: chenshu
  * @Last Modified by: chenshu
- * @Last Modified time: 2020-08-31 14:55:30
+ * @Last Modified time: 2021-06-04 18:19:23
  */
  */
 @import './variables.less';
 @import './variables.less';
 
 
@@ -602,7 +602,7 @@ td.ant-table-column-sort {
   background: none;
   background: none;
 }
 }
 .ant-modal-content .ant-table-thead > tr > th {
 .ant-modal-content .ant-table-thead > tr > th {
-  padding: 9px 24px;
+  padding: 9px 24px !important;
 }
 }
 
 
 .ant-modal-content tr > td {
 .ant-modal-content tr > td {
@@ -766,11 +766,12 @@ td.ant-table-column-sort {
   }
   }
 }
 }
 
 
+.ant-table-column-title {
+  flex: initial !important;
+}
+
 // 排序小三角
 // 排序小三角
 .ant-table-column-sorter {
 .ant-table-column-sorter {
-  margin-left: 2px !important;
-}
-.ant-table-column-sorter-full {
-  margin-top: -0.32rem !important;
+  margin-left: 8px !important;
 }
 }
 
 

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/domains/basic-domain/constants.ts

 /*
 /*
  * @Author: 陈剑宇
  * @Author: 陈剑宇
  * @Date: 2020-05-07 14:43:01
  * @Date: 2020-05-07 14:43:01
- * @LastEditTime: 2021-05-28 15:20:40
- * @LastEditors: fusanqiasng
+ * @LastEditTime: 2021-06-11 16:44:17
+ * @LastEditors: Please set LastEditors
  * @Description:
  * @Description:
  * @FilePath: /wheat-web-demo/src/domains/basic-domain/constants.ts
  * @FilePath: /wheat-web-demo/src/domains/basic-domain/constants.ts
  */
  */

src/domains/course-domain/constants.ts

 /*
 /*
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2020-08-20 09:21:40
  * @Date: 2020-08-20 09:21:40
- * @LastEditors: zhangleyuan
- * @LastEditTime: 2021-02-20 17:08:58
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-06-11 15:17:56
  * @Description: 
  * @Description: 
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  * @Copyright: 杭州杰竞科技有限公司 版权所有
  */
  */

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/common/DefaultIcon.jsx

 /*
 /*
  * @Author: zhujian 
  * @Author: zhujian 
  * @Date: 2018-10-10 20:49:11 
  * @Date: 2018-10-10 20:49:11 
- * @Last Modified by: zhujiapeng
- * @Last Modified time: 2020-11-16 17:02:11
+ * @Last Modified by: chenshu
+ * @Last Modified time: 2021-06-03 16:42:22
  */
  */
 
 
 // import './s.less'
 // import './s.less'
@@ -42,6 +42,7 @@ class DefaultIcon extends React.Component {
         preserveAspectRatio: 'xMidYMid slice'
         preserveAspectRatio: 'xMidYMid slice'
       }
       }
     }
     }
+    console.log(defaultOptions, this.props, 777777)
     return (
     return (
       <div style={this.props.style}  className="DefaultIcon" key="icon">
       <div style={this.props.style}  className="DefaultIcon" key="icon">
         <Lottie
         <Lottie

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

@@ -2,7 +2,7 @@
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2020-08-05 10:12:45
  * @Date: 2020-08-05 10:12:45
  * @LastEditors: Please set LastEditors
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-05-27 20:13:53
+ * @LastEditTime: 2021-06-15 20:01:05
  * @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)
@@ -54,6 +52,13 @@ class ShareLiveModal extends React.Component {
             size: 98,
             size: 98,
           })
           })
           qrcodeWrapDom.appendChild(qrcodeNode)
           qrcodeWrapDom.appendChild(qrcodeNode)
+
+          const qrcodeWrapDomDownload = document.querySelector('#qrcodeWrap-dowload')
+          const qrcodeNodeDownLoad = new qrcode({
+            text: this.state.shareUrl,
+            size: 196,
+          })
+          qrcodeWrapDomDownload.appendChild(qrcodeNodeDownLoad)
         }
         }
       )
       )
     })
     })
@@ -74,13 +79,12 @@ class ShareLiveModal extends React.Component {
       () => {
       () => {
         this.setState({ time: new Date().valueOf() }, () => {
         this.setState({ time: new Date().valueOf() }, () => {
           setTimeout(() => {
           setTimeout(() => {
-            let node = document.getElementById('poster')
+            let node = document.getElementById('poster-dowload')
             domtoimage.toPng(node).then((imgData) => {
             domtoimage.toPng(node).then((imgData) => {
               console.log(imgData)
               console.log(imgData)
               const download = document.createElement('a')
               const download = document.createElement('a')
               const { courseName } = this.props.data
               const { courseName } = this.props.data
               $(download).attr('href', imgData).attr('download', `${courseName}.png`).get(0).click()
               $(download).attr('href', imgData).attr('download', `${courseName}.png`).get(0).click()
-              // this.props.close()
             })
             })
           }, 1000)
           }, 1000)
         })
         })
@@ -98,27 +102,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 +145,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}>
@@ -156,6 +164,29 @@ class ShareLiveModal extends React.Component {
               <div className='qrcode-wrap__right' id='qrcodeWrap'></div>
               <div className='qrcode-wrap__right' id='qrcodeWrap'></div>
             </div>
             </div>
           </div>
           </div>
+          <div id='poster-dowload'>
+            <div className='store-name'>
+              <span className='text'>{User.getStoreName()}</span>
+            </div>
+            <div className='course-name-title'>{type === 'videoClass' ? `${courseName}开课啦` : `邀请你观看直播：`}</div>
+            {type === 'liveClass' && <div class='live-couse-name'>{courseName}</div>}
+            <Choose>
+              <When condition={showImg}>
+                <img crossOrigin='*' src={coverImgSrc + `?=${time}`} className='course-cover' alt='' />
+              </When>
+              <Otherwise>
+                <img src={coverImgSrc + `?=${time}`} className='course-cover' alt='' />
+              </Otherwise>
+            </Choose>
+
+            <div className='qrcode-wrap'>
+              <div className='qrcode-wrap__left'>
+                <div className='text'>长按识别二维码进入观看</div>
+                <img className='finger' src='https://image.xiaomaiketang.com/xm/thpkWDwJsC.png' alt='' />
+              </div>
+              <div className='qrcode-wrap__right' id='qrcodeWrap-dowload'></div>
+            </div>
+          </div>
         </div>
         </div>
         <div className='right'>
         <div className='right'>
           <div className='share-poster right__item'>
           <div className='share-poster right__item'>

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

 .share-live-modal {
 .share-live-modal {
   .ant-modal-body {
   .ant-modal-body {
     display: flex;
     display: flex;
-    #poster{
-      background: #FFF;
-      margin:0;
-      padding: 20px;
-    }
+    height:510px !important;
+    overflow: hidden !important;
     .left {
     .left {
       width: 303px;
       width: 303px;
       margin: 0 32px 0 16px;
       margin: 0 32px 0 16px;
       box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05);
       box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05);
       border-radius: 12px;
       border-radius: 12px;
-     
+      #poster{
+        background: #FFF;
+        margin:0;
+        padding: 20px;
+        margin-bottom:140px;
         .course-name-title {
         .course-name-title {
         font-size: 14px;
         font-size: 14px;
         color: #333;
         color: #333;
@@ -83,6 +84,82 @@
           }
           }
         }
         }
       }
       }
+      #poster-dowload{
+        background: #FFF;
+        margin:0;
+        padding: 40px;
+        width:606px;
+        .course-name-title {
+        font-size: 28px;
+        color: #333;
+        line-height: 40px;
+        margin-bottom: 8px;
+        }
+        .live-couse-name{
+        font-size:32px;
+        color:#333333;
+        font-weight: 600;
+        }
+        .course-name {
+          color: #333;
+          font-size: 32px;
+          font-weight: 600;
+          line-height: 40px;
+        }
+        .course-cover {
+          width: 526px;
+          height: 286px;
+          border-radius: 6px;
+          margin-top: 16px;
+        }
+
+        .qrcode-wrap {
+          padding: 0 32px;
+          display: flex;
+          align-items: center;
+          margin: 48px 0 32px 0;
+
+          &__left {
+            width: 196px;
+            text-align: center;
+            margin-right: 44px;
+            
+            .text {
+              line-height: 40px;
+            }
+
+            .finger {
+              width: 80px;
+              height: 80px;
+              margin-top: 16px;
+            }
+          }
+
+          &__right {
+            width: 220px;
+            height: 220px;
+            padding: 12px
+          }
+        }
+
+        .store-name {
+          // padding: 8px 16px;
+          display: flex;
+          align-items: center;
+          margin-bottom: 16px;
+          .text {
+            font-size: 24px;
+            color: #999;
+            font-size: 28px;
+            line-height: 40px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            width: 100%;
+          }
+        }
+      }
+    }
     
     
     .right {
     .right {
       .title {
       .title {

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

@@ -2,7 +2,7 @@
  * @Author: 吴文洁
  * @Author: 吴文洁
  * @Date: 2020-08-05 10:12:45
  * @Date: 2020-08-05 10:12:45
  * @LastEditors: Please set LastEditors
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-05-27 20:14:01
+ * @LastEditTime: 2021-06-11 16:44:42
  * @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/Classification.jsx

@@ -12,6 +12,7 @@ import { Input, Button, Tree } from "antd";
 import "./Classification.less";
 import "./Classification.less";
 import User from "@/common/js/user";
 import User from "@/common/js/user";
 import KnowledgeAPI from "@/data-source/knowledge/request-api";
 import KnowledgeAPI from "@/data-source/knowledge/request-api";
+import Bus from "@/core/bus";
 
 
 const { Search } = Input;
 const { Search } = Input;
 const { DirectoryTree } = Tree;
 const { DirectoryTree } = Tree;
@@ -31,6 +32,11 @@ class Classification extends Component {
 
 
   componentDidMount() {
   componentDidMount() {
     this.queryCategoryTree();
     this.queryCategoryTree();
+    Bus.bind('knowledgeCategoryTree', this.queryCategoryTree)
+  }
+
+  componentWillUnmount() {
+    Bus.unbind('knowledgeCategoryTree', this.queryCategoryTree)
   }
   }
 
 
   shouldComponentUpdate = (nextProps, nextState) => {
   shouldComponentUpdate = (nextProps, nextState) => {

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

@@ -2,22 +2,22 @@
  * @Description:
  * @Description:
  * @Author: zangsuyun
  * @Author: zangsuyun
  * @Date: 2021-03-12 14:49:40
  * @Date: 2021-03-12 14:49:40
- * @LastEditors: wufan
- * @LastEditTime: 2021-05-30 20:37:42
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-06-11 16:44:59
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
 
 
-import React from "react"
-import { Table, Modal, message, Tooltip, Switch, Dropdown, Button } from "antd"
-import { Route, withRouter } from "react-router-dom"
-import { PageControl } from "@/components"
-import { LIVE_SHARE_MAP } from "@/common/constants/academic/cloudClass"
-import { appId, shareUrl, LIVE_SHARE } from "@/domains/course-domain/constants"
-import ScanFileModal from "../../resource-disk/modal/ScanFileModal"
-import WatchData from "./WatchData"
-import KnowledgeAPI from "@/data-source/knowledge/request-api"
-import ENUM from "../ENUM.js"
-import "./KnowledgeBaseList.less"
+import React from "react";
+import { Modal, message, Tooltip, Switch, Dropdown, Button } from "antd";
+import { Route, withRouter } from "react-router-dom";
+import { PageControl, XMTable } from "@/components";
+import { LIVE_SHARE_MAP } from "@/common/constants/academic/cloudClass";
+import { appId, shareUrl, LIVE_SHARE } from "@/domains/course-domain/constants";
+import ScanFileModal from "../../resource-disk/modal/ScanFileModal";
+import WatchData from "./WatchData";
+import KnowledgeAPI from "@/data-source/knowledge/request-api";
+import ENUM from "../ENUM.js";
+import "./KnowledgeBaseList.less";
 
 
 const DEFAULT_SIZE_UNIT = 1000 * 1000 // 将B转换成M
 const DEFAULT_SIZE_UNIT = 1000 * 1000 // 将B转换成M
 const { confirm } = Modal
 const { confirm } = Modal
@@ -127,8 +127,7 @@ class KnowledgeBaseList extends React.Component {
 
 
   // 预览文件
   // 预览文件
   handleScanFile = (folder) => {
   handleScanFile = (folder) => {
-    console.log(folder)
-    const { folderFormat, folderSize, ossUrl } = folder
+    const { folderFormat, folderSize, ossUrl } = folder;
     switch (folderFormat) {
     switch (folderFormat) {
       case "PDF":
       case "PDF":
         window.open(ossUrl, "_blank")
         window.open(ossUrl, "_blank")
@@ -403,7 +402,6 @@ class KnowledgeBaseList extends React.Component {
         width: 160,
         width: 160,
         fixed: "right",
         fixed: "right",
         render: (val, record, index) => {
         render: (val, record, index) => {
-          console.log(this.props.categoryId)
           return this.props.categoryId === "0" ? (
           return this.props.categoryId === "0" ? (
             <div className='operate'>
             <div className='operate'>
               <div className='operate__item' onClick={() => this.handleDelete(record)}>
               <div className='operate__item' onClick={() => this.handleDelete(record)}>
@@ -451,9 +449,8 @@ class KnowledgeBaseList extends React.Component {
 
 
   // 前往上课数据页面
   // 前往上课数据页面
   handleLinkToClassData = (item) => {
   handleLinkToClassData = (item) => {
-    const { match } = this.props
-    console.log(item)
-    localStorage.setItem("WatchData_CourseName", item.name)
+    const { match } = this.props;
+    localStorage.setItem("WatchData_CourseName", item.name);
     window.RCHistory.push({
     window.RCHistory.push({
       // pathname: `${match.url}/course-data?type=${item.courseType}&id=${item.liveCourseId}`,
       // pathname: `${match.url}/course-data?type=${item.courseType}&id=${item.liveCourseId}`,
       pathname: `${match.url}/course-data?type=${item.type}&id=${item.id}`
       pathname: `${match.url}/course-data?type=${item.type}&id=${item.id}`
@@ -467,9 +464,13 @@ class KnowledgeBaseList extends React.Component {
     }
     }
     KnowledgeAPI.delKnowledge(params).then((res) => {
     KnowledgeAPI.delKnowledge(params).then((res) => {
       if (res.success) {
       if (res.success) {
-        message.success("移出成功")
-        this.props.onChange()
-        this.props.updateCategoryTree()
+        const { onChange, updateCategoryTree, selectedRowKeys, onSelectChange } = this.props;
+        message.success("移出成功");
+        onChange();
+        updateCategoryTree();
+        if (selectedRowKeys.includes(item.id)) {
+          onSelectChange(_.reject(selectedRowKeys, value => value === item.id));
+        }
       }
       }
     })
     })
   }
   }
@@ -484,19 +485,28 @@ class KnowledgeBaseList extends React.Component {
   }
   }
 
 
   render() {
   render() {
-    const { dataSource = [], totalCount, query, match } = this.props
-    const { current, size } = query
+    const { dataSource = [], totalCount, query, match, selectedRowKeys, onSelectChange } = this.props;
+    const { current, size } = query;
+    const rowSelection = {
+      selectedRowKeys,
+      preserveSelectedRowKeys: true,
+      onChange: onSelectChange,
+    }
     return (
     return (
-      <div className='knowledge-base-list'>
-        <Table
+      <div className="knowledge-base-list">
+        <XMTable
           rowKey={(record) => record.id}
           rowKey={(record) => record.id}
-          size='middle'
+          rowSelection={rowSelection}
+          size="middle"
           dataSource={dataSource}
           dataSource={dataSource}
           columns={this.parseColumns()}
           columns={this.parseColumns()}
           pagination={false}
           pagination={false}
           scroll={{ x: 900 }}
           scroll={{ x: 900 }}
           bordered
           bordered
-          className='knowledge-list-table'
+          className="knowledge-list-table"
+          renderEmpty={{
+            description: <span style={{ display: 'block', paddingBottom: 24 }}>暂无数据</span>
+          }}
         />
         />
 
 
         <div className='box-footer'>
         <div className='box-footer'>

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

@@ -9,19 +9,27 @@
 
 
 import React, { useState, useEffect } from "react";
 import React, { useState, useEffect } from "react";
 
 
-import { Button, Menu, Dropdown,message } from "antd";
+import { Button, Menu, Dropdown,message, Modal } from "antd";
 import SelectPrepareFileModal from "@/modules/prepare-lesson/modal/SelectPrepareFileModal";
 import SelectPrepareFileModal from "@/modules/prepare-lesson/modal/SelectPrepareFileModal";
 import { DownOutlined } from "@ant-design/icons";
 import { DownOutlined } from "@ant-design/icons";
 import AddCourse from "../modal/AddCourse";
 import AddCourse from "../modal/AddCourse";
 import User from "@/common/js/user";
 import User from "@/common/js/user";
+import Service from "@/common/js/service";
 import KnowledgeAPI from "@/data-source/knowledge/request-api";
 import KnowledgeAPI from "@/data-source/knowledge/request-api";
+import MoveModal from '../../teach-tool/modal/MoveModal';
+import Bus from "@/core/bus";
+import './KnowledgeBaseOpt.less';
 
 
 export default function KnowledgeBaseOpt({
 export default function KnowledgeBaseOpt({
   categoryId,
   categoryId,
+  selectedRowKeys,
   updateCategoryTree,
   updateCategoryTree,
   onChange,
   onChange,
+  onChangeKeys,
 }) {
 }) {
   const [modal, setModal] = useState(null);
   const [modal, setModal] = useState(null);
+  const [openMoveModal, setOpenMoveModal] = useState(false);
+  const [data, setData] = useState([]); 
 
 
   const menu = (
   const menu = (
     <Menu>
     <Menu>
@@ -34,6 +42,40 @@ export default function KnowledgeBaseOpt({
     </Menu>
     </Menu>
   );
   );
 
 
+  useEffect(() => {
+    queryCategoryTree();
+  }, []);
+
+  useEffect(() => {
+    clearSelect();
+  }, [categoryId])
+
+  // 查询分类树
+  function queryCategoryTree() {
+    let query = {
+      storeId: User.getStoreId(),
+      withCount: true,
+    };
+    KnowledgeAPI.getCategoryTree(query).then((res) => {
+      const { categoryList = [] } = res.result;
+      let list = renderTreeNodes(categoryList);
+      setData(list);
+    });
+  }
+
+  function renderTreeNodes(data) {
+    let newTreeData = data.map((item) => {
+      item.title = item.categoryName;
+      item.value = item.id;
+      item.key = item.id;
+      if (item.sonCategoryList) {
+        item.children = renderTreeNodes(item.sonCategoryList);
+      }
+      return item;
+    });
+    return newTreeData;
+  };
+
   function handAddCourse() {
   function handAddCourse() {
     let modal = (
     let modal = (
       <AddCourse
       <AddCourse
@@ -86,16 +128,127 @@ export default function KnowledgeBaseOpt({
     setModal(modal);
     setModal(modal);
   }
   }
 
 
+  function batchMove() {
+    if (_.isEmpty(selectedRowKeys)) {
+      message.warning('请先选择要移动的知识');
+      return null;
+    }
+    setOpenMoveModal(true);
+  }
+
+  function batchMoveRemote(categoryId) {
+    const data = {
+      categoryId,
+      ids: selectedRowKeys,
+      storeId: User.getStoreId(),
+    };
+    Service.Hades('public/hades/batchMoveKnowledgeCategory', data, { reject: true }).then((res) => {
+      if (res.success) {
+        message.success('移动成功');
+        onChange();
+        Bus.trigger('knowledgeCategoryTree');
+        clearSelect();
+      } else {
+        message.error('移动失败');
+      }
+    }).catch(() => {
+      message.error('移动失败');
+    })
+  }
+
+  function batchDelete() {
+    if (_.isEmpty(selectedRowKeys)) {
+      message.warning('请先选择要删除的知识');
+      return null;
+    }
+    Modal.confirm({
+      title: "确定要删除知识吗？",
+      content: "删除后，不可恢复。",
+      icon: (
+        <span className="icon iconfont default-confirm-icon">&#xe839; </span>
+      ),
+      okText: "删除",
+      cancelText: "取消",
+      onOk: () => {
+        const data = {
+          ids: selectedRowKeys,
+          storeId: User.getStoreId(),
+        };
+        Service.Hades('public/hades/batchDelKnowledge', data, { reject: true }).then((res) => {
+          if (res.success) {
+            message.success('删除成功');
+            onChange();
+            Bus.trigger('knowledgeCategoryTree');
+            clearSelect();
+          } else {
+            message.error('删除失败');
+          }
+        }).catch(() => {
+          message.error('删除失败');
+        })
+      },
+    })
+  }
+
+  function onSelectPaper(keys) {
+    if (keys.length > 50) {
+      message.warning('最多只能选择50个知识');
+      return null;
+    }
+    onChangeKeys(keys);
+  };
+
+  function clearSelect() {
+    onChangeKeys([]);
+  }
+
   return (
   return (
-    <div className="video-course-opt">
-      <Dropdown overlay={menu}>
-        <Button type="primary" className="mr12">
+    <div className="knowledge-course-opt">
+      {_.isEmpty(selectedRowKeys) ?
+        (categoryId !== '0' && <Dropdown overlay={menu}>
+          <Button type="primary" className="mr8">
             添加知识
             添加知识
             <DownOutlined />
             <DownOutlined />
           </Button>
           </Button>
-      </Dropdown>
-
+        </Dropdown>)
+        : <div className="select-container">
+          <span className="con">
+            <div>
+              <span className="icon iconfont tip">&#xe6f2;</span>
+              <span className="text">已选择{selectedRowKeys.length}项</span>
+            </div>
+            <div>
+              <span className="clear" onClick={clearSelect}>清空</span>
+            </div>
+          </span>
+        </div>
+      }
+      <Button
+        className="mr8"
+        onClick={() => {
+          batchMove();
+        }}
+      >批量移动</Button>
+      <Button
+        onClick={() => {
+          batchDelete();
+        }}
+      >批量删除</Button>
       {modal}
       {modal}
+      {openMoveModal &&
+        <MoveModal
+          visible={openMoveModal}
+          title="知识"
+          data={data}
+          categoryId={categoryId}
+          length={selectedRowKeys.length}
+          onCancel={() => setOpenMoveModal(false)}
+          onOk={(categoryId) => {
+            batchMoveRemote(categoryId);
+            setOpenMoveModal(false);
+          }}
+        />
+      }
     </div>
     </div>
   );
   );
 }
 }

src/modules/knowledge-base/components/KnowledgeBaseOpt.less

+.knowledge-course-opt {
+  display: flex;
+  .select-container{
+    margin-right: 24px;
+    .con{
+      background: #E9EFFF;
+      border-radius: 4px;
+      padding: 3px 16px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: space-between;
+      .tip{
+        font-size:14px;
+        color:#2966FF;
+        margin-right:8px;
+      }
+      .text{
+        font-size:14px;
+        color:#666;
+        margin-right:30px;
+      }
+      .clear{
+        color:#5289FA;
+        font-size:14px;
+      }
+    }   
+  }
+}
\ No newline at end of file

src/modules/knowledge-base/index.jsx

@@ -6,12 +6,12 @@
  * @LastEditTime: 2021-05-30 20:36:42
  * @LastEditTime: 2021-05-30 20:36:42
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyright: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
-import React from "react"
-
-import KnowledgeBaseFilter from "./components/KnowledgeBaseFilter"
-import KnowledgeBaseOpt from "./components/KnowledgeBaseOpt"
-import KnowledgeBaseList from "./components/KnowledgeBaseList"
-import Classification from "./components/Classification"
+import React from "react";
+import { message } from 'antd'
+import KnowledgeBaseFilter from "./components/KnowledgeBaseFilter";
+import KnowledgeBaseOpt from "./components/KnowledgeBaseOpt";
+import KnowledgeBaseList from "./components/KnowledgeBaseList";
+import Classification from "./components/Classification";
 
 
 import KnowledgeAPI from "@/data-source/knowledge/request-api"
 import KnowledgeAPI from "@/data-source/knowledge/request-api"
 import User from "@/common/js/user"
 import User from "@/common/js/user"
@@ -28,9 +28,10 @@ export default class KnowledgeBase extends React.Component {
       },
       },
       dataSource: [], // 知识库列表
       dataSource: [], // 知识库列表
       totalCount: 0, // 知识库数据总条数
       totalCount: 0, // 知识库数据总条数
-      categoryId: "0",
-      updateCategoryFlag: false
-    }
+      categoryId: '0',
+      updateCategoryFlag: false,
+      selectedRowKeys: [],
+    };
   }
   }
 
 
   componentWillMount() {
   componentWillMount() {
@@ -73,8 +74,23 @@ export default class KnowledgeBase extends React.Component {
       })
       })
   }
   }
 
 
+  onSelectChange = (selectedRowKeys) => {
+    if (selectedRowKeys.length > 50) {
+      message.warning('最多只能选择50个题目');
+    }
+    const list = _.filter(selectedRowKeys, (item, index) => index < 50);
+    this.setState({ selectedRowKeys: list });
+  };
+
   render() {
   render() {
-    const { dataSource, totalCount, query, categoryId, updateCategoryFlag } = this.state
+    const {
+      dataSource,
+      totalCount,
+      query,
+      categoryId,
+      updateCategoryFlag,
+      selectedRowKeys,
+    } = this.state;
     return (
     return (
       <div className='page'>
       <div className='page'>
         <div className='content-header'>知识库</div>
         <div className='content-header'>知识库</div>
@@ -92,13 +108,19 @@ export default class KnowledgeBase extends React.Component {
             <KnowledgeBaseFilter onChange={this.handleFetchScheduleList} />
             <KnowledgeBaseFilter onChange={this.handleFetchScheduleList} />
 
 
             {/* 操作模块 */}
             {/* 操作模块 */}
-            {categoryId !== "0" && (
-              <KnowledgeBaseOpt onChange={this.handleFetchScheduleList} updateCategoryTree={this.updateCategoryTree} categoryId={categoryId} />
-            )}
+            <KnowledgeBaseOpt
+              onChange={this.handleFetchScheduleList}
+              updateCategoryTree={this.updateCategoryTree}
+              categoryId={categoryId}
+              selectedRowKeys={selectedRowKeys}
+              onChangeKeys={(keys) => this.setState({ selectedRowKeys: keys })}
+            />
 
 
             {/* 知识库列表模块 */}
             {/* 知识库列表模块 */}
             <KnowledgeBaseList
             <KnowledgeBaseList
               query={query}
               query={query}
+              selectedRowKeys={selectedRowKeys}
+              onSelectChange={this.onSelectChange}
               categoryId={categoryId}
               categoryId={categoryId}
               dataSource={dataSource}
               dataSource={dataSource}
               totalCount={totalCount}
               totalCount={totalCount}

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/nodata/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":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":[3]},{"t":15,"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":[123.75,80,0],"to":[0,0.333,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[123.75,82,0],"to":[0,0,0],"ti":[0,0.333,0]},{"t":15,"s":[123.75,80,0]}],"ix":2},"a":{"a":0,"k":[118.75,69,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.808,0.723],[1.642,0.918],[0.866,-1.592],[-0.185,-1.123],[0.476,0.336],[-1.841,5.854],[0,0],[-3.308,-2.342],[-1.001,-0.292],[-1.233,-0.708],[-2.019,0.209],[0,0],[-0.111,0.001],[0,0],[0.513,-0.054],[1.414,0.81],[0.393,0.493],[0,0]],"o":[[1.554,-1.391],[-1.52,-0.85],[-0.488,0.897],[-0.51,-0.223],[-2.655,-1.881],[0,0],[-2.014,6.404],[0.909,0.644],[0.578,1.249],[1.722,0.987],[0,0],[0.713,-0.094],[0,0],[-0.278,0.002],[-1.731,0.179],[-0.552,-0.316],[0,0],[1.298,0.059]],"v":[[3.289,4.496],[2.478,-0.925],[-2.043,0.214],[-2.471,3.342],[-3.96,2.502],[-5.26,-9.022],[-6.691,-9.472],[-4.827,3.726],[-1.912,5.14],[0.848,8.225],[6.41,9.263],[6.665,9.233],[8.705,8.925],[8.695,7.425],[6.256,7.772],[1.594,6.923],[0.172,5.684],[0.009,5.468]],"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.425,0.781],[-0.843,-0.471],[0.712,-0.638],[1.189,0.184],[0,0]],"o":[[0.433,-0.795],[0.812,0.454],[-0.606,0.542],[0,0],[-0.346,-1.065]],"v":[[-0.726,0.931],[1.746,0.384],[2.289,3.378],[-0.566,3.905],[-0.806,3.864]],"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":[117.553,68.449],"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":8,"s":[-3]},{"t":15,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[24.25,54,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":8,"s":[24.25,56,0],"to":[0,0,0],"ti":[0,0,0]},{"t":15,"s":[24.25,54,0]}],"ix":2},"a":{"a":0,"k":[19.25,40,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.019,0.253],[1.917,-1.382],[-2.171,-1.066],[-0.403,-0.11],[1.677,-0.515],[3.419,4.224],[0,0],[-4.62,1.419],[-0.594,1.728],[-1.342,0.905],[-0.674,1.186],[0,0],[0.788,-0.532],[1.011,-0.044],[0,0]],"o":[[-0.19,-2.542],[-1.866,1.345],[0.37,0.182],[-0.496,1.177],[-3.984,1.224],[0,0],[3.778,4.667],[2.27,-0.697],[1.477,0.066],[1.009,-0.681],[0,0],[-0.569,1.003],[-0.914,0.617],[0,0],[0.014,-0.248]],"v":[[4.925,-1.62],[0.914,-4.526],[1.966,-0.049],[3.129,0.389],[-0.134,3.055],[-11.181,-1.387],[-12.347,-0.443],[0.306,4.488],[4.643,0.624],[9.007,-0.607],[12.347,-4.486],[11.043,-5.227],[8.168,-1.851],[5.208,-0.874],[4.933,-0.869]],"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.259,0.127],[-0.735,0.53],[-0.117,-1.561],[0,0],[0,0]],"o":[[-1.302,-0.64],[0.705,-0.508],[0,0],[0,0],[-0.282,-0.082]],"v":[[2.627,-1.395],[1.791,-3.309],[3.429,-1.508],[3.44,-1.294],[3.44,-1.081]],"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":[19.39,39.878],"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":"左手指","parent":17,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[70,64,0],"ix":2},"a":{"a":0,"k":[70,64,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],[-0.156,0.62],[0.483,0.121]],"o":[[0,0],[0,0],[0,0],[0.638,0.051],[0.121,-0.483],[0,0]],"v":[[2.094,-0.974],[-3.053,-1.183],[-3.053,0.761],[1.557,1.132],[2.931,0.146],[2.277,-0.948]],"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":[42.98,31.334],"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],[-0.155,0.698],[0.556,0.124]],"o":[[0,0],[0,0],[0,0],[0.713,0.043],[0.123,-0.555],[0,0]],"v":[[3.161,-1.091],[-4.255,-1.342],[-4.255,0.875],[2.623,1.298],[4.132,0.163],[3.35,-1.067]],"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":[45.045,27.826],"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.883,-0.016],[2.122,-0.362],[0,0],[0,0],[-0.111,0.682],[0.61,0.1]],"o":[[-1.979,-0.166],[-1.053,0.02],[0,0],[0,0],[0.69,0.02],[0.1,-0.61],[0,0]],"v":[[4.088,-1.116],[-0.205,-1.34],[-4.968,-0.767],[-5.199,1.084],[3.698,1.336],[5.099,0.181],[4.176,-1.105]],"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":[45.704,25.613],"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],[-0.226,0.623],[0.424,0.153]],"o":[[0,0],[0,0],[0,0],[0.661,0.048],[0.154,-0.424],[0,0]],"v":[[2.546,-0.951],[-3.213,-1.163],[-3.437,0.737],[1.784,1.115],[3.283,0.143],[2.794,-0.903]],"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":[44.227,29.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":"组 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":"“ͼ²ã 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":[70,64,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":[[-54.606,-0.5],[-54.606,0.5],[-70,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":[[70,-0.5],[70,0.5],[-44.949,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":[70,127],"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":"右手指","parent":14,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[70,64,0],"ix":2},"a":{"a":0,"k":[70,64,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],[0.155,0.621],[-0.483,0.121]],"o":[[0,0],[0,0],[0,0],[-0.637,0.051],[-0.121,-0.483],[0,0]],"v":[[-2.093,-0.975],[3.052,-1.183],[3.052,0.761],[-1.557,1.132],[-2.931,0.146],[-2.276,-0.948]],"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":[96.834,37.498],"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],[0.226,0.623],[-0.424,0.154]],"o":[[0,0],[0,0],[0,0],[-0.661,0.048],[-0.154,-0.424],[0,0]],"v":[[-2.546,-0.951],[3.214,-1.163],[3.438,0.737],[-1.784,1.115],[-3.283,0.143],[-2.794,-0.903]],"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":[95.587,35.783],"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],[0,0],[0,0],[0.155,0.698],[-0.555,0.124]],"o":[[0,0],[0,0],[0,0],[-0.714,0.044],[-0.124,-0.556],[0,0]],"v":[[-3.161,-1.091],[4.255,-1.342],[4.255,0.875],[-2.623,1.298],[-4.131,0.163],[-3.35,-1.067]],"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":[94.769,33.989],"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.883,-0.017],[-2.122,-0.362],[0,0],[0,0],[0.111,0.682],[-0.61,0.1]],"o":[[1.979,-0.166],[1.054,0.019],[0,0],[0,0],[-0.69,0.02],[-0.101,-0.61],[0,0]],"v":[[-4.088,-1.116],[0.205,-1.34],[4.968,-0.767],[5.199,1.083],[-3.698,1.336],[-5.099,0.18],[-4.175,-1.105]],"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":[94.11,31.777],"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":6,"ty":4,"nm":"“ͼ²ã 48”轮廓","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[70,64,0],"ix":2},"a":{"a":0,"k":[70,64,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":[[-5.689,-18.652],[10.033,-16.722],[5.689,18.652],[-10.033,16.722]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.694117647059,0.729411764706,0.815686334348,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":[91.893,24.285],"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":7,"ty":4,"nm":"“ͼ²ã 49”轮廓","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[70,64,0],"ix":2},"a":{"a":0,"k":[70,64,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":[[3.691,-4.534],[-12.312,-6.499],[-3.691,4.534],[12.312,6.499]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.607843137255,0.658823529412,0.792156922583,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":[93.891,47.471],"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":"“ͼ²ã 50”轮廓","parent":9,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[70,64,0],"ix":2},"a":{"a":0,"k":[70,64,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":[[-14.627,-6.783],[25.66,-1.837],[14.627,6.783],[-25.66,1.837]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.768627510819,0.803921628466,0.89019613827,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":[56.2,42.843],"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":"“ͼ²ã 51”轮廓","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[75,75,0],"to":[0,0.167,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[75,76,0],"to":[0,0,0],"ti":[0,0.167,0]},{"t":15,"s":[75,75,0]}],"ix":2},"a":{"a":0,"k":[70,64,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":[[-17.972,-20.16],[22.316,-15.214],[17.972,20.16],[-22.316,15.214]],"c":true},"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.850980451995,0.87450986376,0.937254961799,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":[63.888,20.846],"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":"“ͼ²ã 19”轮廓","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":[70,64,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.271,0.046],[0.041,-0.32],[0,0],[0.726,-0.123],[0.18,-1.133]],"o":[[0.136,-0.86],[0.213,-0.036],[0,0],[0.099,-0.768],[-0.669,0.113],[0,0]],"v":[[-0.464,1.074],[0.181,-0.242],[0.362,0.055],[1.077,0.146],[0.061,-0.951],[-1.176,0.962]],"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":[80.263,64.503],"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.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.049,-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":[57.317,64.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":"组 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.389,-0.372],[-0.513,1.912],[1.665,0.271],[0.513,-1.913]],"o":[[1.39,0.372],[0.513,-1.912],[-1.666,-0.271],[-0.512,1.912]],"v":[[-1.083,3.404],[2.384,0.077],[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":[79.965,65.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":"组 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.128,-0.005],[-3.873,1.111],[0.103,-2.213],[-0.757,-0.113],[0.771,-0.132],[0.98,1.684],[-0.001,0.572],[1.726,1.747],[6.681,-5.072],[0.381,-0.913],[-3.94,-3.922]],"o":[[3.051,0.126],[-0.022,0.161],[-0.02,0.446],[1.017,0.152],[2.721,-6.542],[-1.372,-2.357],[0.003,-1.796],[-5.799,-5.871],[-1.277,0.97],[-0.473,1.134],[4.044,4.025]],"v":[[-0.915,10.382],[9.47,8.906],[9.284,12.467],[12.224,11.854],[12.593,12.281],[15.204,-0.058],[12.646,-2.246],[11.347,-7.042],[-10.513,-3.838],[-15.527,-3.838],[-12.244,6.689]],"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":[68.065,50.644],"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.802,0.229],[-0.051,-0.075],[0,0],[1.023,-0.293],[1.208,-0.605]],"o":[[1.157,-0.58],[0.647,-0.187],[0,0],[-0.376,-0.552],[-0.869,0.249],[0,0]],"v":[[-2.17,1.235],[0.77,0.02],[1.793,-0.068],[2.618,-0.632],[0.494,-0.942],[-2.618,0.34]],"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":[68.406,70.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":"组 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],[-1.836,-0.321],[0,0],[-0.775,1.492]],"o":[[-1.049,2.021],[0,0],[-1.054,-0.185],[0,0]],"v":[[-0.14,-1.868],[1.017,1.868],[1.189,0.883],[0.748,-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":[65.041,66.483],"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":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":[71.025,64.955],"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,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":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":[61.665,64.751],"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.154,-0.014],[0.53,-6.061],[0,0],[6.061,0.53],[-0.425,5.576],[-0.006,0.246],[-0.144,3.325],[-5.828,-0.252]],"o":[[6.061,0.53],[0,0],[-0.53,6.061],[-5.571,-0.487],[0.023,-0.297],[0.027,-1.062],[0.253,-5.828],[0.155,0.007]],"v":[[0.827,-14.325],[10.841,-2.391],[10.276,4.064],[-1.658,14.078],[-10.946,3.134],[-10.902,2.319],[-10.646,-4.261],[0.363,-14.356]],"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":[68.453,64.246],"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.744,0.353]],"o":[[0,0],[0,0],[0,0],[2.286,2.387],[0.472,0.025],[0,0],[1.811,-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.661,4.716],[1.857,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":[70.191,76.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,0],[-0.189,-0.198]],"o":[[0,0],[0,0],[0.185,0.213],[0,0]],"v":[[0.332,-0.982],[-0.332,0.366],[-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":[62.305,76.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":4,"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,0],[0,0],[0,0],[-0.807,0.244],[0,0]],"o":[[0,0],[0,0],[0.822,-0.167],[0,0],[0,0]],"v":[[1.202,-1.178],[-1.133,-0.51],[-1.221,1.178],[1.221,0.562],[1.221,0.54]],"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":[78.603,79.258],"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],[3.833,0.201],[0.288,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":[70.195,76.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":"组 13","np":2,"cix":2,"bm":0,"ix":13,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":25,"st":0,"bm":0},{"ddd":0,"ind":11,"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,75,0],"ix":2},"a":{"a":0,"k":[70,64,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.033,0],[0,0],[-0.033,0]],"o":[[0,0],[0.033,0],[0.033,0]],"v":[[0.098,0],[-0.098,0],[0,0]],"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":[71.95,80.975],"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":12,"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,75,0],"ix":2},"a":{"a":0,"k":[70,64,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]],"o":[[0,0],[0,0],[0,0]],"v":[[0,-0.011],[0,0.011],[0,0.011]],"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":[79.824,79.809],"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":13,"ty":4,"nm":"“ͼ²ã 31”轮廓","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":[70,64,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]],"o":[[0,0],[0,0]],"v":[[0,0],[0,0]],"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]],"o":[[0,0],[0,0]],"v":[[17.755,-5.095],[17.755,-5.095]],"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":[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":[61.973,76.503],"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":14,"ty":4,"nm":"右手","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":[0.8]},{"t":15,"s":[0]}],"ix":10},"p":{"a":0,"k":[80,104,0],"ix":2},"a":{"a":0,"k":[75,93,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.363,-1.963],[0,0],[0.089,1.455],[0.509,-0.628],[4.921,0.937],[-0.98,-2.534]],"o":[[0,0],[0.287,-2.233],[-0.299,-4.93],[-0.57,0.703],[-0.537,3.229],[0.686,1.773]],"v":[[-2.824,7.262],[5.211,3.476],[5.51,-2.056],[3.175,-6.634],[-5.062,-6.985],[-4.397,1.658]],"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":[95.307,37.855],"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.761,0.945],[7.061,18.159],[4.766,7.205],[0,0],[-1.12,-5.562],[-2.039,-2.273]],"o":[[2.682,-3.329],[-1.853,-4.762],[0,0],[2.38,8.191],[1.903,9.452],[4.143,4.618]],"v":[[8.405,18.667],[5.345,-4.285],[-4.581,-22.235],[-12.405,-17.936],[-7.155,2.695],[-2.092,17.617]],"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.448,62.585],"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],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[9.286,-4.952],[-9.714,4.048],[-9.286,4.952],[9.714,-4.048]],"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":[94,95],"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.021,4.028],[-2.245,4.31],[0,0],[0,0],[0,0]],"o":[[-3.02,-4.027],[0,0],[0,0],[0,0],[-6.421,0.015]],"v":[[-14.117,6.429],[-15.28,-6.077],[7.05,-12.464],[17.525,3.664],[0.047,12.449]],"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.232,86.117],"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":15,"ty":4,"nm":"“ͼ²ã 37”轮廓","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":[70,64,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":[[-2.209,-3.826],[0,0],[3.827,-2.209],[0,0],[2.209,3.826],[-3.826,2.209],[0,0]],"o":[[0,0],[2.209,3.826],[0,0],[-3.826,2.21],[-2.21,-3.826],[0,0],[3.827,-2.21]],"v":[[15.156,-8.75],[15.156,-8.75],[12.227,2.178],[-4.227,11.678],[-15.155,8.75],[-12.227,-2.178],[4.227,-11.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":[99.866,82],"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":16,"ty":4,"nm":"“ͼ²ã 38”轮廓","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":[70,64,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":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":[44.5,98],"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.676,-7.603],[-0.535,-12.483],[0,0],[1.08,1.565],[1.377,0.564],[4.334,-0.046]],"o":[[0.788,8.85],[0,0],[3.759,-21.617],[-4.256,-6.903],[-9.69,-3.967],[-4.844,0.053]],"v":[[-24.994,-6.65],[-23.011,25.35],[20.573,25.35],[24.591,-9.424],[12.034,-21.383],[-10.572,-22.275]],"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":[68.783,101.65],"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":17,"ty":4,"nm":"左手","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":[-0.5]},{"t":15,"s":[0]}],"ix":10},"p":{"a":0,"k":[67,101.5,0],"ix":2},"a":{"a":0,"k":[62,90.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":[[2.279,4.31],[0,0],[0,0],[0,0],[-3.099,4.732]],"o":[[0,0],[0,0],[0,0],[6.077,1.722],[3.099,-4.732]],"v":[[15.434,-4.26],[-6.924,-15.541],[-17.713,2.205],[0.439,13.819],[14.204,9.304]],"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.461,84.181],"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.315,-1.178],[0,0],[-1.412,-0.353],[0.379,0.714],[-2.785,4.163],[2.715,0.088]],"o":[[0,0],[1.379,0.841],[4.796,1.198],[-0.424,-0.799],[-3.848,-1.746],[-1.9,-0.061]],"v":[[-6.584,-4.27],[-6.355,3.017],[-2.169,4.808],[3.042,4.249],[6.584,-3.194],[-3.261,-5.945]],"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":[45.355,30.694],"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.393,0.139],[-8.35,18.359],[-2.045,6.623],[0,0],[3.281,-5.075],[-0.048,-3.278]],"o":[[4.908,-0.488],[2.094,-4.604],[0,0],[-6.072,7.033],[-5.575,8.624],[0.098,6.656]],"v":[[-6.045,20.992],[8.301,-0.607],[14.51,-17.449],[6.56,-21.13],[-7.469,-2.968],[-14.462,12.212]],"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":[32.44,54.841],"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],[3.599,3.19],[2.427,2.713],[-2.316,2.072],[-0.467,0.227],[-3.535,-2.681],[0,0]],"o":[[-7.055,-5.685],[-2.2,-1.948],[-2.072,-2.316],[0.387,-0.347],[3.989,-1.942],[0,0],[0,0]],"v":[[8.994,15.528],[-6.988,2.218],[-13.928,-4.774],[-13.487,-12.721],[-12.199,-13.586],[0.067,-12.382],[16.001,-0.297]],"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":[35.276,78.253],"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":18,"ty":4,"nm":"形状图层 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[171,33,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":[{"ty":"rc","d":1,"s":{"a":0,"k":[39.318,53.689],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"矩形路径 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784373564,0.972549079446,0.984313785329,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":[-49.341,25.345],"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":19,"ty":4,"nm":"形状图层 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[76,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":[{"ty":"rc","d":1,"s":{"a":0,"k":[39.318,53.689],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"矩形路径 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.960784373564,0.972549079446,0.984313785329,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.878,24.026],"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}],"markers":[]}
\ No newline at end of file

src/modules/lottie/paperEmpty/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) {
@@ -51,6 +51,13 @@ class ShareLiveModal extends React.Component {
             size: 98,
             size: 98,
           })
           })
           qrcodeWrapDom.appendChild(qrcodeNode)
           qrcodeWrapDom.appendChild(qrcodeNode)
+
+          const qrcodeWrapDomDownload = document.querySelector('#qrcodeWrap-dowload')
+          const qrcodeNodeDownLoad = new qrcode({
+            text: this.state.shareUrl,
+            size: 196,
+          })
+          qrcodeWrapDomDownload.appendChild(qrcodeNodeDownLoad)
         }
         }
       )
       )
     })
     })
@@ -70,9 +77,8 @@ class ShareLiveModal extends React.Component {
       },
       },
       () => {
       () => {
         this.setState({ time: new Date().valueOf() }, () => {
         this.setState({ time: new Date().valueOf() }, () => {
-          let node = document.getElementById('poster')
+          let node = document.getElementById('poster-dowload')
           domtoimage.toPng(node).then((imgData) => {
           domtoimage.toPng(node).then((imgData) => {
-            console.log(imgData)
             const download = document.createElement('a')
             const download = document.createElement('a')
             const { planName } = this.props.data
             const { planName } = this.props.data
             $(download).attr('href', imgData).attr('download', `${planName}.png`).get(0).click()
             $(download).attr('href', imgData).attr('download', `${planName}.png`).get(0).click()
@@ -112,7 +118,7 @@ class ShareLiveModal extends React.Component {
 
 
             <div className='course-name-title'>邀请你参与培训：</div>
             <div className='course-name-title'>邀请你参与培训：</div>
 
 
-            <div class='live-couse-name'>{planName}</div>
+            <div className='live-couse-name'>{planName}</div>
             <Choose>
             <Choose>
               <When condition={showImg}>
               <When condition={showImg}>
                 <img crossOrigin='*' src={coverUrl + `?=${time}`} className='course-cover' alt='' />
                 <img crossOrigin='*' src={coverUrl + `?=${time}`} className='course-cover' alt='' />
@@ -130,6 +136,31 @@ class ShareLiveModal extends React.Component {
               <div className='qrcode-wrap__right' id='qrcodeWrap'></div>
               <div className='qrcode-wrap__right' id='qrcodeWrap'></div>
             </div>
             </div>
           </div>
           </div>
+          <div id='poster-dowload'>
+            <div className='store-name'>
+              <span className='text'>{User.getStoreName()}</span>
+            </div>
+
+            <div className='course-name-title'>邀请你参与培训：</div>
+
+            <div className='live-couse-name'>{planName}</div>
+            <Choose>
+              <When condition={showImg}>
+                <img crossOrigin='*' src={coverUrl + `?=${time}`} className='course-cover' alt='' />
+              </When>
+              <Otherwise>
+                <img src={coverUrl + `?=${time}`} className='course-cover' alt='' />
+              </Otherwise>
+            </Choose>
+
+            <div className='qrcode-wrap'>
+              <div className='qrcode-wrap__left'>
+                <div className='text'>长按识别二维码进入观看</div>
+                <img className='finger' src='https://image.xiaomaiketang.com/xm/thpkWDwJsC.png' alt='' />
+              </div>
+              <div className='qrcode-wrap__right' id='qrcodeWrap-dowload'></div>
+            </div>
+          </div>
         </div>
         </div>
         <div className='right'>
         <div className='right'>
           <div className='share-poster right__item'>
           <div className='share-poster right__item'>

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

 .share-live-modal {
 .share-live-modal {
   .ant-modal-body {
   .ant-modal-body {
     display: flex;
     display: flex;
-    #poster{
-      background: #FFF;
-      margin:0;
-      padding: 20px;
-    }
+    height:510px !important;
+    overflow: hidden !important;
     .left {
     .left {
       width: 303px;
       width: 303px;
       margin: 0 32px 0 16px;
       margin: 0 32px 0 16px;
       box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05);
       box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05);
       border-radius: 12px;
       border-radius: 12px;
-     
+      #poster{
+        background: #FFF;
+        margin:0;
+        padding: 20px;
+        margin-bottom:140px;
         .course-name-title {
         .course-name-title {
           font-size: 14px;
           font-size: 14px;
           color: #333;
           color: #333;
@@ -83,6 +84,83 @@
           }
           }
         }
         }
       }
       }
+      #poster-dowload{
+        background: #FFF;
+        margin:0;
+        padding: 40px;
+        width:606px;
+        .course-name-title {
+          font-size: 28px;
+          color: #333;
+          line-height: 40px;
+          margin-bottom: 8px;
+        }
+        .live-couse-name{
+          font-size:32px;
+          color:#333333;
+          font-weight: 600;
+        }
+        .course-name {
+          color: #333;
+          font-size: 32px;
+          font-weight: 600;
+          line-height: 40px;
+        }
+    
+        .course-cover {
+          width: 526px;
+          height: 286px;
+          border-radius: 6px;
+          margin-top: 16px;
+        }
+
+        .qrcode-wrap {
+          padding: 0 32px;
+          display: flex;
+          align-items: center;
+          margin: 48px 0 32px 0;
+
+          &__left {
+            width: 196px;
+            text-align: center;
+            margin-right: 44px;
+            
+            .text {
+              line-height: 40px;
+            }
+
+            .finger {
+              width: 80px;
+              height: 80px;
+              margin-top: 16px;
+            }
+          }
+
+          &__right {
+            width: 220px;
+            height: 220px;
+            padding: 12px
+          }
+        }
+
+        .store-name {
+          // padding: 8px 16px;
+          display: flex;
+          align-items: center;
+          margin-bottom: 16px;
+          .text {
+            font-size: 12px;
+            color: #999;
+            font-size: 28px;
+            line-height: 40px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            width: 100%;
+          }
+        }
+      }
+    }
 
 
     .right {
     .right {
       .title {
       .title {

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';
@@ -817,9 +818,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
@@ -833,7 +836,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"
@@ -853,7 +856,7 @@ class FolderList extends React.Component {
                     <div className="desc">搜索无结果</div>
                     <div className="desc">搜索无结果</div>
                   </Otherwise>
                   </Otherwise>
                 </Choose>
                 </Choose>
-              }
+              }}
             />
             />
           </Otherwise>
           </Otherwise>
         </Choose>
         </Choose>
@@ -886,7 +889,7 @@ class FolderList extends React.Component {
           }}
           }}
           onMove={(query) => {
           onMove={(query) => {
             this.setState({ showSelectFileModal: false });
             this.setState({ showSelectFileModal: false });
-            this.props.onMove(query, [currentFile.id]);
+            this.props.onMove(query, [currentFile.id],[currentFile.folderType]);
           }}
           }}
         />
         />
         {
         {

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

@@ -47,6 +47,7 @@ class FolderManage extends React.Component {
       folderPathList: [props.currentRootDisk],
       folderPathList: [props.currentRootDisk],
       selectedFileIds: [],                  // 已被选择的文件
       selectedFileIds: [],                  // 已被选择的文件
       selectedFileRights: [],               // 已被选择的文件对应权限
       selectedFileRights: [],               // 已被选择的文件对应权限
+      selectedFileType:[], //  已选择的文件的类型
       folderList: [],                       // 当前目录下的文件
       folderList: [],                       // 当前目录下的文件
       searchKey: null,                      // 搜索关键字
       searchKey: null,                      // 搜索关键字
       totalCount: 0,                        // 该磁盘总共有的文件个数
       totalCount: 0,                        // 该磁盘总共有的文件个数
@@ -200,10 +201,12 @@ class FolderManage extends React.Component {
   handleChangeRow = (selectedRowKeys) => {
   handleChangeRow = (selectedRowKeys) => {
     const { folderList } = this.state;
     const { folderList } = this.state;
     let _selectedFileRights = [];
     let _selectedFileRights = [];
+    let _selectedFileType = [];
     selectedRowKeys.map(folderId => {
     selectedRowKeys.map(folderId => {
       folderList.map(item => {
       folderList.map(item => {
         if (item.id === folderId) {
         if (item.id === folderId) {
           _selectedFileRights.push(item.rights);
           _selectedFileRights.push(item.rights);
+          _selectedFileType.push(item.folderType);
         }
         }
         return _selectedFileRights;
         return _selectedFileRights;
       })
       })
@@ -211,7 +214,8 @@ class FolderManage extends React.Component {
     })
     })
     this.setState({
     this.setState({
       selectedFileIds: selectedRowKeys,
       selectedFileIds: selectedRowKeys,
-      selectedFileRights: _selectedFileRights
+      selectedFileRights: _selectedFileRights,
+      selectedFileType:_selectedFileType
     })
     })
   }
   }
 
 
@@ -255,12 +259,13 @@ class FolderManage extends React.Component {
   }
   }
 
 
   // 移动文件
   // 移动文件
-  handleMove = (query, sourceFileIds = this.state.selectedFileIds) => {
+  handleMove = (query, sourceFileIds = this.state.selectedFileIds,selectedFileTypes=this.state.selectedFileType) => {
     const { targetFolder, selectFolderPathList } = query;
     const { targetFolder, selectFolderPathList } = query;
     const { currentRootDisk: { disk} } = this.props;
     const { currentRootDisk: { disk} } = this.props;
     const { folderPathList } = this.state;
     const { folderPathList } = this.state;
     const currentFolder = folderPathList[folderPathList.length - 1];
     const currentFolder = folderPathList[folderPathList.length - 1];
     const { id } = targetFolder;
     const { id } = targetFolder;
+    let canRemove = true;
     // 将selectedFileIds移动到targetFolder
     // 将selectedFileIds移动到targetFolder
     let params = {
     let params = {
       disk,
       disk,
@@ -271,8 +276,17 @@ class FolderManage extends React.Component {
     if (selectFolderPathList.length > 1) {
     if (selectFolderPathList.length > 1) {
       params.newParentId = id
       params.newParentId = id
     }
     }
+    if(selectFolderPathList.length > 9){
+      selectedFileTypes.map((item)=>{
+        //判定是否存在文件夹
+        if(item==="FOLDER"){
+          canRemove = false;
+          message.warning('不能将文件夹移动到10级目录下');
+        }
+      })
+    }
+    if(canRemove){
       Service.Hades('public/hadesStore/moveFolder', params).then((res) => {
       Service.Hades('public/hadesStore/moveFolder', params).then((res) => {
-
         // 判断是否将文件移动到了自身或者子目录
         // 判断是否将文件移动到了自身或者子目录
         const { result = {} } = res;
         const { result = {} } = res;
         const { code, message: _message } = result;
         const { code, message: _message } = result;
@@ -294,6 +308,7 @@ class FolderManage extends React.Component {
         this.handleFetchFolderList({ parentId: currentFolder.id, current: 1});
         this.handleFetchFolderList({ parentId: currentFolder.id, current: 1});
       })
       })
     }
     }
+  }
   
   
   // 修改文件路径
   // 修改文件路径
   handleChangeFolderPath = (folderPathList, hasRootDisk = true) => {
   handleChangeFolderPath = (folderPathList, hasRootDisk = true) => {

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

@@ -70,7 +70,7 @@ class OperateArea extends React.Component {
     // 判断当前目录是否在第10层，如果是的话提示最多只能创建10层文件夹
     // 判断当前目录是否在第10层，如果是的话提示最多只能创建10层文件夹
     const { folderPathList } = this.props;
     const { folderPathList } = this.props;
 
 
-    if (folderPathList.length > 10) {
+    if (folderPathList.length > 9) {
       message.warning('最多只能创建10层文件夹');
       message.warning('最多只能创建10层文件夹');
       return;
       return;
     }
     }

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/root/Menu.less

@@ -48,8 +48,8 @@
         margin-right: 20px
         margin-right: 20px
       }
       }
       .icon-img{
       .icon-img{
-        width:16px;
-        height:16px;
+        width:18px;
+        height:18px;
         margin-right:16px;
         margin-right:16px;
       }
       }
       .listType {
       .listType {

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/CourseCategoryManage.jsx

 /*
 /*
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-02-23 18:28:50
  * @Date: 2021-02-23 18:28:50
- * @LastEditors: fusanqiasng
- * @LastEditTime: 2021-05-21 17:57:59
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-02 14:25:06
  * @Description: 助学工具-课程分类
  * @Description: 助学工具-课程分类
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -153,9 +153,7 @@ class CourseCategoryManage extends Component {
             <Space className='title-opts' size={16}>
             <Space className='title-opts' size={16}>
               <span
               <span
                 onClick={() => {
                 onClick={() => {
-                  let nodesCount = 0
-                  const { originTreeData } = this.state
-                  console.log('orororo', originTreeData)
+                  const { originTreeData } = this.state;
                   if (
                   if (
                     (item.categoryLevel === 0 && originTreeData.length >= 29) ||
                     (item.categoryLevel === 0 && originTreeData.length >= 29) ||
                     (item.categoryLevel > 0 && this.getRelatedNodes(item.parentId).length >= 30)
                     (item.categoryLevel > 0 && this.getRelatedNodes(item.parentId).length >= 30)
@@ -343,8 +341,10 @@ class CourseCategoryManage extends Component {
     let dragNodes = []
     let dragNodes = []
     dragNodes.push(dragNode.id)
     dragNodes.push(dragNode.id)
 
 
-    if (dragNode.parentId != 0) {
-      dragNodes = dragNodes.concat(this.getParentDragNodesLevel(this.state.treeMap[dragNode.parentId]))
+    if (dragNode.parentId !== "0") {
+      dragNodes = dragNodes.concat(
+        this.getParentDragNodesLevel(this.state.treeMap[dragNode.parentId])
+      );
     }
     }
     return dragNodes
     return dragNodes
   }
   }
@@ -365,14 +365,24 @@ class CourseCategoryManage extends Component {
 
 
   // 拖拽
   // 拖拽
   onDrop = (info) => {
   onDrop = (info) => {
-    if (this.state.categoryName) {
-      return
+    // 带搜索时的分类树不允许拖拽
+    // 不允许其他节点拖拽到未分类中
+    // 不允许其他节点拖拽到未分类之前
+    if (
+      this.state.categoryName ||
+      (info.node.categoryName === "未分类" && info.dropPosition === 0) ||
+      (info.node.categoryName === "未分类" &&
+        info.dropToGap &&
+        info.dropPosition === -1)
+    ) {
+      return;
     }
     }
     // 未分类不可以拖拽
     // 未分类不可以拖拽
-    if (info.dragNode.categoryName === '未分类' && info.dragNode.categoryLevel === 0) return message.info('未分类”为默认分类暂不支持移动')
-
-    // 不允许其他节点拖拽到未分类之前
-    if (info.node.categoryName === '未分类' && info.dropToGap && info.dropPosition === -1) return
+    if (
+      info.dragNode.categoryName === "未分类" &&
+      info.dragNode.categoryLevel === 0
+    )
+      return message.info("“未分类”为默认分类暂不支持移动");
 
 
     let targetParentId = info.dropToGap ? info.node.parentId : info.node.id
     let targetParentId = info.dropToGap ? info.node.parentId : info.node.id
     let relatedNodes = this.getRelatedNodes(targetParentId)
     let relatedNodes = this.getRelatedNodes(targetParentId)
@@ -383,8 +393,7 @@ class CourseCategoryManage extends Component {
         let nodesArr = this.getDragNodesLevel(this.state.treeMap[info.dragNode.id])
         let nodesArr = this.getDragNodesLevel(this.state.treeMap[info.dragNode.id])
         let parentArr = this.getParentDragNodesLevel(this.state.treeMap[targetParentId])
         let parentArr = this.getParentDragNodesLevel(this.state.treeMap[targetParentId])
         if (nodesArr.length + parentArr.length > 4) {
         if (nodesArr.length + parentArr.length > 4) {
-          console.log(nodesArr.length, parentArr.length)
-          return message.info('最多支持5级分类')
+          return message.info("最多支持5级分类");
         }
         }
       }
       }
       if (relatedNodes && relatedNodes.length >= 30) {
       if (relatedNodes && relatedNodes.length >= 30) {

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

@@ -44,7 +44,7 @@
           white-space: nowrap;
           white-space: nowrap;
         }
         }
         .ant-tree-node-content-wrapper.ant-tree-node-selected {
         .ant-tree-node-content-wrapper.ant-tree-node-selected {
-          color: #666666;
+          color: #2966FF;
         }
         }
       }
       }
       .ant-tree-treenode-selected:hover::before,
       .ant-tree-treenode-selected:hover::before,

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/AddExam.less

 .examPage{
 .examPage{
     padding-bottom: 50px;
     padding-bottom: 50px;
     .box {
     .box {
-        padding-bottom: 40px!important;
+        padding-bottom: 66px!important;
     }
     }
     .ant-form-item{
     .ant-form-item{
+        margin-bottom: 24px !important;
         &:last-child{
         &:last-child{
             margin-bottom: 0px !important;
             margin-bottom: 0px !important;
         }
         }
     }
     }
-    
     .form{
     .form{
-        margin-top: 12px;
+        margin-top: 24px;
+        margin-bottom: 32px;
         width: 1000px;
         width: 1000px;
         .title{
         .title{
+            position: relative;
+            padding-left: 28px;
             font-size: 16px;
             font-size: 16px;
             font-family: PingFangSC-Medium, PingFang SC;
             font-family: PingFangSC-Medium, PingFang SC;
             font-weight: bold;
             font-weight: bold;
             color: #333333;
             color: #333333;
             line-height: 22px;
             line-height: 22px;
-            margin-bottom: 8px;
+            margin-bottom: 24px;
+            &.first {
+                &::before{
+                  width:4px;
+                  height:12px;
+                  content:'';
+                  background-image: linear-gradient(#2966FF 83.5%, #0ACCA4 16.5%);
+                  display:inline-block;
+                  position: absolute;
+                  left:16px;
+                  top:6px;
+                }
+            }
         }
         }
     }
     }
 
 

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

 import React, { useState, useRef, useEffect, useContext } from 'react'
 import React, { useState, useRef, useEffect, useContext } from 'react'
 import Breadcrumbs from "@/components/Breadcrumbs";
 import Breadcrumbs from "@/components/Breadcrumbs";
-import { Form, Alert, Input, Button, InputNumber, DatePicker, Switch, Radio, message, Modal } from 'antd';
+import { Form, Alert, Input, Button, InputNumber, DatePicker, Switch, Radio, message, Modal, Tooltip } from 'antd';
 import { Route, withRouter } from 'react-router-dom';
 import { Route, withRouter } from 'react-router-dom';
 import User from "@/common/js/user";
 import User from "@/common/js/user";
 import moment from 'moment'
 import moment from 'moment'
@@ -36,20 +36,27 @@ function AddExam(props: any) {
     const [getData, setGetData] = useState(false);
     const [getData, setGetData] = useState(false);
     const [preview, setPreview] = useState(false);
     const [preview, setPreview] = useState(false);
     const [examTotal, setExamTotal] = useState(0);
     const [examTotal, setExamTotal] = useState(0);
-    const timer = useRef({});
     const request = useRef(false);
     const request = useRef(false);
     const { match } = props;
     const { match } = props;
 
 
     const [examDuration, setExamDuration] = useState(undefined);
     const [examDuration, setExamDuration] = useState(undefined);
 
 
     useEffect(() => {
     useEffect(() => {
-        if (props.type === 'edit') {
-            queryExamDetail()
+        switch (props.type) {
+            case "copy": // 考试列表-复制考试进入
+            case "edit": // 考试列表-编辑考试进入
+                queryExamDetail();
+                break;
+            case "organizeExam": // 试卷列表-组织考试进入
+            case "newPaperToAddExam": // 组卷页面-新建保存试卷并组织考试
+            case "editPaperToAddExam": // 组卷页面-编辑保存试卷并组织考试
+                setGetData(true);
+                setPaperInfo(props.paperInfo);
+                break;
         }
         }
     }, [])
     }, [])
 
 
     useEffect(() => {
     useEffect(() => {
-        console.log(paperInfo)
         setPaperId(paperInfo.paperId)
         setPaperId(paperInfo.paperId)
         setPassRate(paperInfo.passRate)
         setPassRate(paperInfo.passRate)
 
 
@@ -75,9 +82,9 @@ function AddExam(props: any) {
             const { result } = res
             const { result } = res
             setPaperInfo(result.examPaper)
             setPaperInfo(result.examPaper)
             setPaperId(result.examPaper.paperId)
             setPaperId(result.examPaper.paperId)
-            setStartTime(result.examStartTime)
-            setExamEndTime(result.examEndTime)
-            setExamName(result.examName)
+            setStartTime(props.type === 'edit' ? result.examStartTime : '')
+            setExamEndTime(props.type === 'edit' ? result.examEndTime : '')
+            setExamName(props.type === 'edit' ? result.examName : `${result.examName}（复制）`)
             setPassRate(result.passRate * 100)
             setPassRate(result.passRate * 100)
             setNeedPhone(result.needPhone)
             setNeedPhone(result.needPhone)
             setExamDesc(result.examDesc)
             setExamDesc(result.examDesc)
@@ -125,6 +132,11 @@ function AddExam(props: any) {
             return
             return
         }
         }
 
 
+        if (param.examName && param.examName.length > 40) {
+            message.warning('考试名称最多40字');
+            return
+        }
+
         if (!paperId) {
         if (!paperId) {
             message.warning('请选择试卷');
             message.warning('请选择试卷');
             return
             return
@@ -174,8 +186,19 @@ function AddExam(props: any) {
 
 
         Service.Hades(props.type === 'edit' ? 'public/hades/editExam' : "public/hades/createExam", param).then((res) => {
         Service.Hades(props.type === 'edit' ? 'public/hades/editExam' : "public/hades/createExam", param).then((res) => {
             message.success(props.type === 'edit' ? '编辑成功' : '创建成功');
             message.success(props.type === 'edit' ? '编辑成功' : '创建成功');
+            switch (props.type) {
+                case "organizeExam": // 试卷列表-组织考试进入
+                case "newPaperToAddExam": // 组卷保存组织考试
+                case "editPaperToAddExam":
+                    window.RCHistory.push("/examination-manage-index")
+                    break;
+                case "add":
+                case "edit": // 考试列表-新建或编辑
+                case "copy": // 考试列表-新建或编辑
                     props.freshList()
                     props.freshList()
                     props.history.goBack();
                     props.history.goBack();
+                    break;
+            }
         })
         })
     }
     }
 
 
@@ -222,14 +245,30 @@ function AddExam(props: any) {
             cancelText: '留在本页',
             cancelText: '留在本页',
             icon: <span className="icon iconfont default-confirm-icon">&#xe6f4;</span>,
             icon: <span className="icon iconfont default-confirm-icon">&#xe6f4;</span>,
             onOk: () => {
             onOk: () => {
-                props.history.goBack();
+                window.RCHistory.push("/examination-manage-index")
             }
             }
         })
         })
     }
     }
 
 
-
+    let title = '';
+    switch (props.type) {
+        case 'add':
+        case "organizeExam":
+        case "newPaperToAddExam":
+        case "editPaperToAddExam":
+            title = '新建考试';
+            break;
+        case 'edit':
+            title = '编辑考试';
+            break;
+        case 'copy':
+            title = '复制考试';
+            break;
+        default:
+            break;
+    }
     return <div className="page examPage">
     return <div className="page examPage">
-        <Breadcrumbs navList={props.type === 'edit' ? "编辑考试" : "新建考试"} goBack={handleGoBack} />
+        <Breadcrumbs navList={title} goBack={handleGoBack} />
 
 
         <div className="box">
         <div className="box">
         <div className="show-tips">
         <div className="show-tips">
@@ -242,8 +281,8 @@ function AddExam(props: any) {
                     layout="horizontal"
                     layout="horizontal"
                 >
                 >
                     <Form.Item label="考试名称"
                     <Form.Item label="考试名称"
-                        validateStatus={(check && !examName) ? 'error' : ''}
-                        help={check && !examName && '请选择课程'}
+                        validateStatus={(check && (!examName ? '请输入考试名称' : (examName.length > 40) && '考试名称最多40字')) ? 'error' : ''}
+                        help={check && (!examName ? '请输入考试名称' : (examName.length > 40) && '考试名称最多40字')}
                         required>
                         required>
 
 
                         <Input placeholder='请输入考试名称（40字以内）' maxLength={40} value={examName} onChange={(e) => {
                         <Input placeholder='请输入考试名称（40字以内）' maxLength={40} value={examName} onChange={(e) => {
@@ -296,11 +335,18 @@ function AddExam(props: any) {
 
 
 
 
 
 
-                    <Form.Item label="及格线"
+                    <Form.Item
+                        label={<div>
+                            <span>及格线</span>
+                            <Tooltip title="默认为选中试卷所设置的及格线，可修改">
+                                <span className="icon iconfont" style={{ color: '#BFBFBF', marginLeft: 4 }}>&#xe61d;</span>
+                            </Tooltip>
+                        </div>}
                         style={{ marginTop: 24 }}
                         style={{ marginTop: 24 }}
                         validateStatus={(check && !passRate) ? 'error' : ''}
                         validateStatus={(check && !passRate) ? 'error' : ''}
                         help={check && !passRate && '请输入及格线'}
                         help={check && !passRate && '请输入及格线'}
-                        required>
+                        required
+                    >
                         <InputNumber value={passRate} min={0} max={100} onChange={(value: any) => { setPassRate(parseInt(value)) }} style={{ width: 100 }} />
                         <InputNumber value={passRate} min={0} max={100} onChange={(value: any) => { setPassRate(parseInt(value)) }} style={{ width: 100 }} />
                         <span style={{ marginLeft: 4 }}>%
                         <span style={{ marginLeft: 4 }}>%
                         </span>
                         </span>
@@ -314,10 +360,11 @@ function AddExam(props: any) {
                         required>
                         required>
                         <RangePicker
                         <RangePicker
                             style={{ width: 320 }}
                             style={{ width: 320 }}
+                            showTime={{ defaultValue: [moment().add(5, 'minutes'), moment().add(5, 'minutes')] }}
                             ranges={{
                             ranges={{
-                                '近七天': [moment(), moment().add(6, 'day').endOf('day')],
-                                '近1个月': [moment(), moment().add(1, 'month').endOf('day')],
-                                '近3个月': [moment(), moment().add(3, 'month').endOf('day')],
+                                '近七天': [moment().add(5, 'minute'), moment().add(6, 'day').endOf('day')],
+                                '近1个月': [moment().add(5, 'minute'), moment().add(1, 'month').endOf('day')],
+                                '近3个月': [moment().add(5, 'minute'), moment().add(3, 'month').endOf('day')],
                             }}
                             }}
                             disabledDate={disabledDate}
                             disabledDate={disabledDate}
                             value={[
                             value={[
@@ -325,7 +372,6 @@ function AddExam(props: any) {
                                 examEndTime ? moment(Number(examEndTime)) : null
                                 examEndTime ? moment(Number(examEndTime)) : null
                             ]}
                             ]}
                             disabledTime={disabledRangeTime}
                             disabledTime={disabledRangeTime}
-                            showTime
                             format="YYYY/MM/DD HH:mm"
                             format="YYYY/MM/DD HH:mm"
                             onChange={(date: any) => {
                             onChange={(date: any) => {
                                 setStartTime(date && date[0]?.valueOf());
                                 setStartTime(date && date[0]?.valueOf());
@@ -350,7 +396,7 @@ function AddExam(props: any) {
                         help={check && (desclen > 1000) && '最多只能输入1000个字'}
                         help={check && (desclen > 1000) && '最多只能输入1000个字'}
                     >
                     >
                         {
                         {
-                            (getData || (props.type !== 'edit')) && <GraphicsEditor
+                            (getData || (props.type === 'add')) && <GraphicsEditor
                                 maxLimit={1000}
                                 maxLimit={1000}
                                 isIntro={true}
                                 isIntro={true}
                                 detail={{
                                 detail={{

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

@@ -39,11 +39,10 @@ function DataAnalysic(props: any) {
         <Breadcrumbs navList={"考试数据"} goBack={props.history.goBack} />
         <Breadcrumbs navList={"考试数据"} goBack={props.history.goBack} />
         <div className="box">
         <div className="box">
             <div className="titleBox ">
             <div className="titleBox ">
-                <span className='tips'></span>
                 考试名称：{examDetail.examName}
                 考试名称：{examDetail.examName}
             </div>
             </div>
         </div>
         </div>
-        <div className="box">
+        <div className="box" style={{ paddingTop: 0 }}>
             <Tabs activeKey={selectKey} onChange={(key: any) => {
             <Tabs activeKey={selectKey} onChange={(key: any) => {
                 setSelectKey(key)
                 setSelectKey(key)
             }}>
             }}>

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

@@ -207,7 +207,6 @@ function ExamData(props: any) {
 
 
     return <div className="rr">
     return <div className="rr">
         <a
         <a
-            target="_blank"
             download
             download
             id="load-play-back-excel"
             id="load-play-back-excel"
             style={{ position: "absolute", left: "-10000px" }}
             style={{ position: "absolute", left: "-10000px" }}

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 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 } 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 './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);
@@ -52,33 +53,35 @@ 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 [info, setInfo] = useState({ examDuration: 0 });
   const queryRef = useRef({});
   const queryRef = useRef({});
 
 
   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: 'EXAM_START_TIME_ASC',
-            descend: 'EXAM_START_TIME_DESC'
-        }
-    }
-
+      ascend: 'CREATED_ASC',
+      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)';
@@ -87,169 +90,191 @@ 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",
-            render: (text: any, record: any) => <div className="table_operate">
-                {
-                    ctx.xmState?.userPermission?.SeeExamData() && [<div
-                        key="data"
-                        className="operate__item"
+      title: '操作',
+      fixed: fixStr.right,
+      dataIndex: 'operate',
+      width: 150,
+      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>
-
-                {
-                    ((ctx.xmState?.userPermission?.AddExam() && (moment().valueOf() < record.examStartTime)) || (ctx.xmState?.userPermission?.DelExam() && (moment().valueOf() + 30 * 60 * 1000 < record.examStartTime))) && [<span className="operate__item split" > | </span>, <Dropdown overlay={getOpe(record)}>
+          <span className='operate__item split'> | </span>
+          <Dropdown overlay={getOpe(record)}>
             <span className='more'>更多</span>
             <span className='more'>更多</span>
-                    </Dropdown>]
-                }
-
-
-
-            </div>,
+          </Dropdown>
+        </div>
+      ),
     },
     },
-
-
   ];
   ];
 
 
+  function queryExamDetail(examId: string) {
+    Service.Hades('public/hades/queryExamDetail', {
+      examId,
+      tenantId: User.getStoreId(),
+      userId: User.getStoreUserId(),
+      source: 0,
+    }).then((res) => {
+      setInfo(res.result);
+      setOpenPreviewModal(true);
+    });
+  }
+
   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>
-            {
-                ctx.xmState?.userPermission?.AddExam() && (moment().valueOf() < item.examStartTime) && <Menu.Item key="0">
+    return (
+      <Menu>
+        <Menu.Item
+          key='1'
+          onClick={() => {
+            queryExamDetail(item.examId);
+          }}>
+          预览
+        </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?.DelExam() && (moment().valueOf() + 30 * 60 * 1000 < item.examStartTime) && <Menu.Item key="1">
+        {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() {
@@ -258,184 +283,238 @@ 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)
-        console.log(sorter.field, sorter.order, (orderEnum as any)[sorter.field])
+    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);
   }
   }
 
 
-    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">
-                <Table
+        <div className='content'>
+          <XMTable
             bordered
             bordered
-                    size="small"
+            size='small'
             columns={columns}
             columns={columns}
             dataSource={list}
             dataSource={list}
             scroll={{ x: 1150 }}
             scroll={{ x: 1150 }}
             onChange={onChange}
             onChange={onChange}
             pagination={false}
             pagination={false}
             style={{ margin: '0px 0 16px' }}
             style={{ margin: '0px 0 16px' }}
-                >
-                </Table>
-                {total > 0 &&
+            renderEmpty={{
+              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}
               onShowSizeChange={onShowSizeChange}
               onShowSizeChange={onShowSizeChange}
               toPage={(page: any) => {
               toPage={(page: any) => {
-                            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>
-        <Route path={`${match.url}/add`} render={() => {
-            return <AddExam freshList={() => {
+      {openPreviewModal && (
+        <PreviewModal
+          info={{ ...info, examDuration: (info.examDuration || 0) / 60000 }}
+          onClose={() => {
+            setOpenPreviewModal(false);
+          }}
+        />
+      )}
+      <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}/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/PreviewModal.less

@@ -123,6 +123,7 @@
             border-radius: 4px;
             border-radius: 4px;
             padding: 14px;
             padding: 14px;
             padding-bottom: 8px;
             padding-bottom: 8px;
+            padding-right: 0;
             .item{
             .item{
                margin-bottom: 8px;
                margin-bottom: 8px;
                 .name{
                 .name{

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

@@ -33,18 +33,18 @@ function PreviewModal(props: any) {
                 <div className="phone">
                 <div className="phone">
                     <div className="content">
                     <div className="content">
                         <div className="topContent">
                         <div className="topContent">
-                            <div className="title" style={{ fontSize: props.info.examName.length > 24 ? 13 : 22 ,marginTop:props.info.examName.length > 24?44:20}}>{props.info.examName || ' '}</div>
+                            <div className="title" style={{ fontSize: props.info.examName.length > 24 ? 13 : 22 ,marginTop: 20 }}>{(props.info.examName.length > 40 ? props.info.examName.substring(0, 40) : props.info.examName) || ' '}</div>
                             {
                             {
                                 props.info.examStartTime && <div className="time">{moment(props.info.examStartTime).format("YYYY-MM-DD HH:mm")}~{moment(props.info.examEndTime).format("YYYY-MM-DD HH:mm")}</div>
                                 props.info.examStartTime && <div className="time">{moment(props.info.examStartTime).format("YYYY-MM-DD HH:mm")}~{moment(props.info.examEndTime).format("YYYY-MM-DD HH:mm")}</div>
                             }
                             }
 
 
                             <div className="rule">
                             <div className="rule">
                                 <div className="item">
                                 <div className="item">
-                                    <div className="num">{props.info.totalScore || 0}</div>
+                                    <div className="num">{props.info.totalScore  || (props.info.examPaper || {}).totalScore || 0}</div>
                                     <div className="text">总分 <span className="dw" style={{color:'#999'}}>(分)</span></div>
                                     <div className="text">总分 <span className="dw" style={{color:'#999'}}>(分)</span></div>
                                 </div>
                                 </div>
                                 <div className="item">
                                 <div className="item">
-                                    <div className="num">{props.info.examTotal || 0}</div>
+                                    <div className="num">{props.info.examTotal  || (props.info.examPaper || {}).questionCnt || 0}</div>
                                     <div className="text">总题数<span className="dw" style={{color:'#999'}} >(道)</span></div>
                                     <div className="text">总题数<span className="dw" style={{color:'#999'}} >(道)</span></div>
                                 </div>
                                 </div>
                                 <div className="item">
                                 <div className="item">

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,150 +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
-            target="_blank"
-            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: 12 }}>
+      <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;
     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;
-        // padding: 20px 24px;
-        // margin-bottom: 8px;
-        .tips{
+    background: #ffffff;
+    &::before {
       width: 4px;
       width: 4px;
-            height: 16px;
-            background: #336DFF;
+      height: 12px;
+      content: '';
+      background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
       display: inline-block;
       display: inline-block;
-            margin-right: 4px;
+      margin-right: 8px;
     }
     }
   }
   }
+  .ant-tabs-content-holder {
+    margin-top: 8px;
+  }
 }
 }

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;
   }
   }
+  .ant-table tbody tr {
+    &:nth-child(even) {
+      background: #fff;
+    }
+    &:nth-child(odd) {
+      background: #fafafa;
+    }
+  }
 }
 }

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/modal/MoveModal.jsx

+import React from 'react';
+import { Modal, TreeSelect } from 'antd';
+import './MoveModal.less';
+
+class MoveModal extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      categoryId: undefined,
+    };
+  }
+
+  handleChangeCatalogList = (value, label) => {
+    this.setState({ categoryId: value, categoryName: label[0] });
+  };
+
+  filterData = (data, id) => {
+    let newTreeData = data.map((item) => {
+      item.disabled = id === item.id;
+      if (item.children) {
+        item.children = this.filterData(item.children, id);
+      }
+      return item;
+    });
+    return newTreeData;
+  }
+
+  render() {
+    const { visible, title, onCancel, onOk, data, length, categoryId: id } = this.props;
+    const { categoryId } = this.state;
+    const moveData = this.filterData(data, id);
+    return (
+        <Modal
+          title={`移动${title}`}
+          visible={visible}
+          onCancel={onCancel}
+          maskClosable={false}
+          className="common-move-modal"
+          onOk={() => onOk(categoryId)}
+        >
+          <div className="tip">
+            <span className="icon iconfont">&#xe6f2;</span>
+            <span className="text">已选择<span style={{ color: '#2966FF' }}>{length}</span>个{title}，移动后，原有分类将移除此{title}。</span>
+          </div>
+          <div className="move-item" id="move-item">
+            <span className="label">选择分类：</span>
+            <TreeSelect
+              showSearch
+              treeNodeFilterProp="title"
+              getPopupContainer={() => document.querySelector('#move-item')}
+              style={{ width: 240 }}
+              treeData={moveData}
+              placeholder="请选择分类"
+              allowClear
+              value={categoryId}
+              onChange={(value, label) => {
+                this.handleChangeCatalogList(value, label);
+              }}
+            />
+          </div>
+        </Modal>
+    )
+  }
+}
+
+export default MoveModal;
\ No newline at end of file

src/modules/teach-tool/modal/MoveModal.less

+.common-move-modal {
+  .tip {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+    .iconfont {
+      font-size: 14px;
+      color: #BFBFBF;
+      margin-right: 8px;
+    }
+    .text {
+      color: #999;
+      font-size: 14px;
+    }
+  }
+  .move-item {
+    .label {
+      color: #333;
+    }
+  }
+  .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
+    background: rgba(41, 102, 255, 0.06);
+  }
+}
\ No newline at end of file

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

 /*
 /*
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-03-27 16:15:13
  * @Date: 2021-03-27 16:15:13
- * @LastEditors: wufan
- * @LastEditTime: 2021-05-30 16:56:15
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-06-10 19:57:55
  * @Description: 助学工具-新建/复制/编辑试卷
  * @Description: 助学工具-新建/复制/编辑试卷
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -19,8 +19,11 @@ import {
   message,
   message,
   Modal,
   Modal,
   Spin,
   Spin,
+  Space,
+  Radio,
 } from "antd";
 } from "antd";
 import { PlusOutlined } from "@ant-design/icons";
 import { PlusOutlined } from "@ant-design/icons";
+import { XMTable } from "@/components";
 import ShowTips from "@/components/ShowTips";
 import ShowTips from "@/components/ShowTips";
 import Breadcrumbs from "@/components/Breadcrumbs";
 import Breadcrumbs from "@/components/Breadcrumbs";
 import "./OperatePaper.less";
 import "./OperatePaper.less";
@@ -29,6 +32,10 @@ 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 * as paperEmpty from '../../lottie/paperEmpty/data.json';
+import AddExam from "@/modules/teach-tool/examination-manager/AddExam";
 
 
 const questionTypeEnum = {
 const questionTypeEnum = {
   SINGLE_CHOICE: "单选题",
   SINGLE_CHOICE: "单选题",
@@ -66,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",
+        },
+      ],
     };
     };
   }
   }
 
 
@@ -124,14 +157,13 @@ 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.sort(
-          (a, b) => b.updateTime - a.updateTime
-        ),
+        selectQuestionList: questionList,
         formData: {
         formData: {
           ...result,
           ...result,
+          paperId: getParameterByName("paperId"),
           paperName:
           paperName:
             currentOperate === "copy" ? paperName + "（复制）" : paperName,
             currentOperate === "copy" ? paperName + "（复制）" : paperName,
         },
         },
@@ -142,24 +174,15 @@ 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);
       }
       }
     );
     );
   };
   };
 
 
-  // 自定义表格空状态
-  customizeRenderEmpty = () => {
-    return (
-      <Empty
-        image="https://image.xiaomaiketang.com/xm/emptyTable.png"
-        imageStyle={{
-          height: 100,
-        }}
-        description={"请在左上角添加题目"}
-      ></Empty>
-    );
-  };
-
   setFormData = (list, sorter) => {
   setFormData = (list, sorter) => {
     const { formData } = this.state;
     const { formData } = this.state;
     const _selectQuestionList = [...list];
     const _selectQuestionList = [...list];
@@ -206,35 +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;
-      case "default":
-        currentQuestionList = _selectQuestionList.sort(
-          (a, b) => b.updateTime - a.updateTime
-        );
-        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,
@@ -256,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.sort((a, b) => b.updateTime - a.updateTime));
+            this.setFormData(list);
+            this.quickSorter(list, sorterMethod, sorterBy);
           });
           });
         }}
         }}
         close={() => {
         close={() => {
@@ -276,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 }, () =>
@@ -329,18 +327,24 @@ class OperatePaper extends Component {
     if (this.checkExist(paperName)) {
     if (this.checkExist(paperName)) {
       return "该试卷名称已存在";
       return "该试卷名称已存在";
     }
     }
+
+    if (paperName && paperName.length > 40) {
+      return "试卷名称最多40字";
+    }
   };
   };
 
 
   // 保存试卷
   // 保存试卷
-  savePaper = async () => {
+  savePaper = (saveType) => {
     this.setState({ check: true });
     this.setState({ check: true });
     const { selectQuestionList, formData, currentOperate } = this.state;
     const { selectQuestionList, formData, currentOperate } = this.state;
     const categoryId = getParameterByName("categoryId");
     const categoryId = getParameterByName("categoryId");
+    const { match } = this.props;
     let questionList = [];
     let questionList = [];
     if (
     if (
       !formData.passRate ||
       !formData.passRate ||
       !formData.paperName ||
       !formData.paperName ||
-      this.checkExist(formData.paperName)
+      this.checkExist(formData.paperName) ||
+      (formData.paperName && formData.paperName.length > 40)
     ) {
     ) {
       return;
       return;
     }
     }
@@ -370,6 +374,13 @@ class OperatePaper extends Component {
           AidToolService.createPaper(this.state.formData)
           AidToolService.createPaper(this.state.formData)
             .then((res) => {
             .then((res) => {
               if (res.success) {
               if (res.success) {
+                if (saveType === "saveToAddExam") {
+                  this.setState({formData:{ ...formData, paperId: res.result}},() => {
+                    window.RCHistory.push({
+                      pathname: `${match.url}/exam-operate-page`,
+                    });
+                  })
+                } else {
                   message.success(
                   message.success(
                     currentOperate === "new" ? "新建成功" : "复制成功"
                     currentOperate === "new" ? "新建成功" : "复制成功"
                   );
                   );
@@ -383,6 +394,7 @@ class OperatePaper extends Component {
                   );
                   );
                   Bus.trigger("queryCategoryTree", "remain");
                   Bus.trigger("queryCategoryTree", "remain");
                 }
                 }
+              }
             })
             })
             .catch((e) => {
             .catch((e) => {
               window.RCHistory.push({
               window.RCHistory.push({
@@ -402,6 +414,11 @@ class OperatePaper extends Component {
           })
           })
             .then((res) => {
             .then((res) => {
               if (res.success) {
               if (res.success) {
+                if (saveType === "saveToAddExam") {
+                  window.RCHistory.push({
+                    pathname: `${match.url}/exam-operate-page`,
+                  });
+                } else {
                   message.success("编辑成功");
                   message.success("编辑成功");
                   window.RCHistory.push({
                   window.RCHistory.push({
                     pathname: `/paper-manage-index?categoryId=${categoryId}`,
                     pathname: `/paper-manage-index?categoryId=${categoryId}`,
@@ -412,6 +429,7 @@ class OperatePaper extends Component {
                     selectQuestionList.length
                     selectQuestionList.length
                   );
                   );
                 }
                 }
+              }
             })
             })
             .catch((e) => {
             .catch((e) => {
               window.RCHistory.push({
               window.RCHistory.push({
@@ -461,18 +479,12 @@ class OperatePaper extends Component {
             "categoryId"
             "categoryId"
           )}`,
           )}`,
         });
         });
+        Bus.trigger("queryCategoryTree", "remain");
+        Bus.trigger("queryPaperPageList", getParameterByName("categoryId"), 0);
       },
       },
     });
     });
   };
   };
 
 
-  // 题型排序
-  sortByQuestionType = (pagination, filters, sorter) => {
-    const { columnKey, order } = sorter;
-    if (columnKey === "questionType") {
-      this.setFormData(this.state.selectQuestionList, order || "default");
-    }
-  };
-
   // 表头设置
   // 表头设置
   parseColumns = () => {
   parseColumns = () => {
     const { selectQuestionList } = this.state;
     const { selectQuestionList } = this.state;
@@ -491,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: "单选题",
@@ -552,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>
@@ -672,15 +681,42 @@ 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,
       check,
       check,
+      currentOperate,
     } = this.state;
     } = this.state;
     const {
     const {
       singleChoiceCnt,
       singleChoiceCnt,
@@ -699,21 +735,71 @@ class OperatePaper extends Component {
       questionCnt,
       questionCnt,
       totalScore,
       totalScore,
     } = formData;
     } = formData;
+    const { match } = this.props;
+    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 className="page operate-paper-page">
         <div className="page operate-paper-page">
-        <Breadcrumbs navList={currentNav} goBack={() => this.handleGoBack()} />
+          <Breadcrumbs
+            navList={currentNav}
+            goBack={() => this.handleGoBack()}
+          />
           <Spin spinning={loading}>
           <Spin spinning={loading}>
             <div className="box">
             <div className="box">
               <div className="show-tips">
               <div className="show-tips">
                 <ShowTips message="请遵守国家相关规定，切勿上传低俗色情、暴力恐怖、谣言诈骗、侵权盗版等相关内容，小麦企学院保有依据国家规定及平台规则进行处理的权利" />
                 <ShowTips message="请遵守国家相关规定，切勿上传低俗色情、暴力恐怖、谣言诈骗、侵权盗版等相关内容，小麦企学院保有依据国家规定及平台规则进行处理的权利" />
               </div>
               </div>
-          <Form ref={this.formRef} style={{ marginTop: 24, marginBottom: '85px' }}>
+              <Form ref={this.formRef} style={{ marginTop: 24 }}>
                 <Form.Item
                 <Form.Item
                   name="paperName"
                   name="paperName"
                   label="试卷名称："
                   label="试卷名称："
                   required
                   required
-              validateStatus={this.validatePaperName(paperName) ? "error" : ""}
+                  validateStatus={
+                    this.validatePaperName(paperName) ? "error" : ""
+                  }
                   help={this.validatePaperName(paperName)}
                   help={this.validatePaperName(paperName)}
                 >
                 >
                   <Input
                   <Input
@@ -766,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"
@@ -775,9 +861,24 @@ class OperatePaper extends Component {
                   >
                   >
                     自选题目
                     自选题目
                   </Button>
                   </Button>
+                  <Button
+                    className="choose-btn"
+                    onClick={() => {
+                      this.setState({
+                        quickSortModalVisible: true,
+                      });
+                    }}
+                  >
+                    快捷排序
+                  </Button>
+                </Space>
                 {questionCnt > 0 && (
                 {questionCnt > 0 && (
-              <div className="paper-info-tip" style={{ margin: "0 auto 12px" }}>
-                总计<span>{totalScore}</span>分，共<span>{questionCnt}</span>
+                  <div
+                    className="paper-info-tip"
+                    style={{ margin: "0 auto 12px" }}
+                  >
+                    总计<span>{totalScore}</span>分，共
+                    <span>{questionCnt}</span>
                     题。{" "}
                     题。{" "}
                     {singleChoiceCnt > 0 &&
                     {singleChoiceCnt > 0 &&
                       `单选题${singleChoiceCnt}题，共${singleChoiceScore}分；`}
                       `单选题${singleChoiceCnt}题，共${singleChoiceScore}分；`}
@@ -791,32 +892,93 @@ class OperatePaper extends Component {
                   </div>
                   </div>
                 )}
                 )}
 
 
-            <ConfigProvider renderEmpty={this.customizeRenderEmpty}>
-              <Table
+                <XMTable
                   className="table-style"
                   className="table-style"
                   scroll={{ y: 350 }}
                   scroll={{ y: 350 }}
                   columns={this.parseColumns()}
                   columns={this.parseColumns()}
                   dataSource={selectQuestionList}
                   dataSource={selectQuestionList}
                   pagination={false}
                   pagination={false}
                   onChange={this.sortByQuestionType}
                   onChange={this.sortByQuestionType}
-                selections={false}
+                  renderEmpty={{
+                    image: paperEmpty,
+                    description: <span style={{ display: 'block', paddingBottom: 24 }}>请在左上角添加题目</span>
+                  }}
                 />
                 />
-            </ConfigProvider>
               </Form>
               </Form>
             </div>
             </div>
-        <div className="footer shrink-footer">
+            <div className="footer">
               <Button onClick={this.handleGoBack}>取消</Button>
               <Button onClick={this.handleGoBack}>取消</Button>
               <Button onClick={this.previewPaper}>预览</Button>
               <Button onClick={this.previewPaper}>预览</Button>
-          <Button type="primary" onClick={this.savePaper}>
+              <Button onClick={() => this.savePaper("saveToAddExam")}>
+                保存并组织考试
+              </Button>
+              <Button type="primary" onClick={() => this.savePaper()}>
                 保存
                 保存
               </Button>
               </Button>
             </div>
             </div>
           </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>
+        <Route
+          path={`${match.url}/exam-operate-page`}
+          render={() => {
+            return (
+              <AddExam
+                paperInfo={formData}
+                type={
+                  currentOperate === "edit"
+                    ? "editPaperToAddExam"
+                    : "newPaperToAddExam"
+                }
+              />
+            );
+          }}
+        />
       </div>
       </div>
     );
     );
   }
   }
 }
 }
 
 
-export default OperatePaper;
+export default withRouter(OperatePaper);

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

 .operate-paper-page {
 .operate-paper-page {
   .box {
   .box {
     margin-bottom: 52px !important;
     margin-bottom: 52px !important;
+    .ant-form-item {
+      margin-bottom: 24px !important;
+    }
     .table-style {
     .table-style {
       border: 1px solid #f0f0f0 !important;
       border: 1px solid #f0f0f0 !important;
     }
     }
@@ -12,7 +15,6 @@
       margin-left: 12px;
       margin-left: 12px;
     }
     }
     .choose-btn {
     .choose-btn {
-      margin-top: 8px;
       margin-bottom: 12px;
       margin-bottom: 12px;
     }
     }
     .paper-info-tip {
     .paper-info-tip {
@@ -60,12 +62,16 @@
     }
     }
   }
   }
   .ant-table tbody tr {
   .ant-table tbody tr {
-    &:last-child {
+    &:nth-child(even) {
+      background: #fff;
+    }
+    &:nth-child(odd) {
+      background: #fafafa;
+    }
     td {
     td {
       border-bottom: none!important;
       border-bottom: none!important;
     }
     }
   }
   }
-  }
 
 
   .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]) {
   .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]) {
     &::before {
     &::before {
@@ -83,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

@@ -2,13 +2,12 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-02-25 11:23:47
  * @Date: 2021-02-25 11:23:47
  * @LastEditors: yuananting
  * @LastEditors: yuananting
- * @LastEditTime: 2021-05-20 11:37:40
+ * @LastEditTime: 2021-06-03 17:13:30
  * @Description: 助学工具-题库-试卷列表数据
  * @Description: 助学工具-题库-试卷列表数据
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
 import React, { Component } from "react";
 import React, { Component } from "react";
 import {
 import {
-  Table,
   Dropdown,
   Dropdown,
   Row,
   Row,
   Input,
   Input,
@@ -20,14 +19,17 @@ import {
   ConfigProvider,
   ConfigProvider,
   Empty,
   Empty,
 } from "antd";
 } from "antd";
-import { PageControl } 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";
 import OperatePaper from "@/modules/teach-tool/paper-manage/OperatePaper";
 import OperatePaper from "@/modules/teach-tool/paper-manage/OperatePaper";
+import AddExam from "@/modules/teach-tool/examination-manager/AddExam";
 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 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 Bus from "@/core/bus";
 import Bus from "@/core/bus";
 
 
 const { Search } = Input;
 const { Search } = Input;
@@ -49,14 +51,18 @@ class PaperList extends Component {
       dataSource: [],
       dataSource: [],
       paperPreviewModal: null, // 试卷预览模态框
       paperPreviewModal: null, // 试卷预览模态框
       loading: false,
       loading: false,
+      selectedPaperKeys: [],
+      paperInfo: {}, // 选择的某份试卷用于组织考试
     };
     };
   }
   }
 
 
   componentDidMount() {
   componentDidMount() {
     this.queryPaperPageList();
     this.queryPaperPageList();
+    this.queryCategoryTree();
     Bus.bind("queryPaperPageList", (selectedCategoryId, count) => {
     Bus.bind("queryPaperPageList", (selectedCategoryId, count) => {
       selectedCategoryId =
       selectedCategoryId =
         selectedCategoryId === "null" ? null : selectedCategoryId;
         selectedCategoryId === "null" ? null : selectedCategoryId;
+      this.clearSelect();
       this.setState({ loading: true });
       this.setState({ loading: true });
       if (count >= 100) {
       if (count >= 100) {
         setTimeout(() => {
         setTimeout(() => {
@@ -72,6 +78,35 @@ class PaperList extends Component {
     Bus.unbind("queryPaperPageList", this.queryPaperPageList);
     Bus.unbind("queryPaperPageList", this.queryPaperPageList);
   }
   }
   
   
+  // 查询分类树
+  queryCategoryTree = () => {
+    let query = {
+      bizType: 'PAPER',
+      count: true,
+      source: 0,
+      userId: User.getStoreUserId(),
+      tenantId: User.getStoreId(),
+    };
+    AidToolService.queryCategoryTree(query).then((res) => {
+      const { categoryList = [] } = res.result;
+      let list = this.renderTreeNodes(categoryList);
+      this.setState({ paperData: list });
+    });
+  }
+
+  renderTreeNodes = (data) => {
+    let newTreeData = data.map((item) => {
+      item.title = item.categoryName;
+      item.value = item.id;
+      item.key = item.id;
+      if (item.sonCategoryList) {
+        item.children = this.renderTreeNodes(item.sonCategoryList);
+      }
+      return item;
+    });
+    return newTreeData;
+  };
+
   // 初始化列表查询
   // 初始化列表查询
   InitSearch = (categoryId) => {
   InitSearch = (categoryId) => {
     const _query = {
     const _query = {
@@ -88,7 +123,6 @@ class PaperList extends Component {
   // 查询试卷列表
   // 查询试卷列表
   queryPaperPageList = async () => {
   queryPaperPageList = async () => {
     const res = await AidToolService.queryPaperPageList(this.state.query);
     const res = await AidToolService.queryPaperPageList(this.state.query);
-    Bus.trigger("queryCategoryTree", "remain");
     const { records = [], total = 0 } = res.result;
     const { records = [], total = 0 } = res.result;
     this.setState({ dataSource: records, total, loading: false });
     this.setState({ dataSource: records, total, loading: false });
   };
   };
@@ -140,6 +174,20 @@ class PaperList extends Component {
     }
     }
   };
   };
 
 
+  organizeExam = (record) => {
+    const { match } = this.props;
+    this.setState(
+      {
+        paperInfo: record,
+      },
+      () => {
+        window.RCHistory.push({
+          pathname: `${match.url}/exam-operate-page`,
+        });
+      }
+    );
+  };
+
   // 删除试卷
   // 删除试卷
   deletePaper = (record) => {
   deletePaper = (record) => {
     let params = {
     let params = {
@@ -151,16 +199,23 @@ class PaperList extends Component {
     AidToolService.deletePaper(params).then((res) => {
     AidToolService.deletePaper(params).then((res) => {
       if (res.success) {
       if (res.success) {
         message.success("删除成功");
         message.success("删除成功");
-        const { query, total } = this.state;
+        const { query, total, selectedPaperKeys } = this.state;
         const { size, current } = query;
         const { size, current } = query;
         const _query = query;
         const _query = query;
+        let data = {};
+        
         if (total / size < current) {
         if (total / size < current) {
           if (total % size === 1) {
           if (total % size === 1) {
             _query.current = 1;
             _query.current = 1;
           }
           }
         }
         }
-        this.setState({ query: _query }, () => {
+        data.query = _query;
+        if (selectedPaperKeys.includes(record.paperId)) {
+          data.selectedPaperKeys = _.reject(selectedPaperKeys, item => item === record.paperId);
+        }
+        this.setState(data, () => {
           this.queryPaperPageList();
           this.queryPaperPageList();
+          Bus.trigger("queryCategoryTree", "remain");
         });
         });
       }
       }
     });
     });
@@ -193,19 +248,6 @@ class PaperList extends Component {
     }
     }
   };
   };
 
 
-  // 自定义表格空状态
-  customizeRenderEmpty = () => {
-    return (
-      <Empty
-        image="https://image.xiaomaiketang.com/xm/emptyTable.png"
-        imageStyle={{
-          height: 100,
-        }}
-        description={"还没有试卷"}
-      ></Empty>
-    );
-  };
-
   // 表头设置
   // 表头设置
   parseColumns = () => {
   parseColumns = () => {
     const columns = [
     const columns = [
@@ -346,6 +388,9 @@ class PaperList extends Component {
         <Menu.Item key="edit">
         <Menu.Item key="edit">
           <span onClick={() => this.editPaper(item)}>编辑</span>
           <span onClick={() => this.editPaper(item)}>编辑</span>
         </Menu.Item>
         </Menu.Item>
+        <Menu.Item key="organizeExam">
+          <span onClick={() => this.organizeExam(item)}>组织考试</span>
+        </Menu.Item>
         <Menu.Item key="del">
         <Menu.Item key="del">
           <span onClick={() => this.confirmDeletePaper(item)}>删除</span>
           <span onClick={() => this.confirmDeletePaper(item)}>删除</span>
         </Menu.Item>
         </Menu.Item>
@@ -370,6 +415,108 @@ class PaperList extends Component {
     this.props.onSelect(selectedRows[0] || {});
     this.props.onSelect(selectedRows[0] || {});
   };
   };
 
 
+  batchMove = () => {
+    const { selectedPaperKeys } = this.state;
+    if (_.isEmpty(selectedPaperKeys)) {
+      message.warning('请先选择要移动的试卷');
+      return null;
+    }
+    this.setState({ openMoveModal: true });
+  }
+
+  batchMoveRemote = (categoryId) => {
+    const { selectedPaperKeys, query } = this.state;
+    const data = {
+      categoryId,
+      paperId: selectedPaperKeys,
+      source: 0,
+      tenantId: User.getStoreId(),
+      userId: User.getUserId(),
+    };
+    Service.Hades('public/hades/batchMovePaperCategory', data, { reject: true }).then((res) => {
+      if (res.success) {
+        message.success('移动成功');
+        this.setState(
+          {
+            query: {
+              ...query,
+              current: 1,
+            },
+          },
+          () => {
+            this.queryPaperPageList();
+          }
+        );
+        Bus.trigger("queryCategoryTree", "remain");
+        this.clearSelect();
+      } else {
+        message.error('移动失败');
+      }
+    }).catch(() => {
+      message.error('移动失败');
+    })
+  }
+
+  batchDelete = () => {
+    const { selectedPaperKeys, query } = this.state;
+    if (_.isEmpty(selectedPaperKeys)) {
+      message.warning('请先选择要删除的试卷');
+      return null;
+    }
+    Modal.confirm({
+      title: "确定要删除试卷吗？",
+      content: "删除后，不可恢复。",
+      icon: (
+        <span className="icon iconfont default-confirm-icon">&#xe839; </span>
+      ),
+      okText: "删除",
+      cancelText: "取消",
+      onOk: () => {
+        const data = {
+          paperId: selectedPaperKeys,
+          source: 0,
+          tenantId: User.getStoreId(),
+          userId: User.getUserId(),
+        };
+        Service.Hades('public/hades/batchDeletePaper', data, { reject: true }).then((res) => {
+          if (res.success) {
+            message.success('删除成功');
+            this.setState(
+              {
+                query: {
+                  ...query,
+                  current: 1,
+                },
+              },
+              () => {
+                this.queryPaperPageList();
+              }
+            );
+            Bus.trigger("queryCategoryTree", "remain");
+            this.clearSelect();
+          } else {
+            message.error('删除失败');
+          }
+        }).catch(() => {
+          message.error('删除失败');
+        })
+      },
+    })
+  }
+
+  onSelectPaper = (selectedPaperKeys) => {
+    if (selectedPaperKeys.length > 50) {
+      const extraLength = selectedPaperKeys.length - 50;
+      selectedPaperKeys.splice(selectedPaperKeys.length - extraLength, extraLength);
+      message.warning('最多只能选择50个试卷');
+    }
+    this.setState({ selectedPaperKeys });
+  };
+
+  clearSelect = () => {
+    this.setState({ selectedPaperKeys: [] });
+  }
+
   render() {
   render() {
     const {
     const {
       dataSource = [],
       dataSource = [],
@@ -378,8 +525,17 @@ class PaperList extends Component {
       paperPreviewModal,
       paperPreviewModal,
       selectedRowKeys,
       selectedRowKeys,
       loading,
       loading,
+      selectedPaperKeys,
+      openMoveModal,
+      paperData,
+      paperInfo,
     } = this.state;
     } = this.state;
     const { current, size, categoryId, paperName } = query;
     const { current, size, categoryId, paperName } = query;
+    const paperRowSelection = {
+      selectedRowKeys: selectedPaperKeys,
+      preserveSelectedRowKeys: true,
+      onChange: this.onSelectPaper,
+    }
     const rowSelection = {
     const rowSelection = {
       type: "radio",
       type: "radio",
       selectedRowKeys,
       selectedRowKeys,
@@ -418,9 +574,12 @@ class PaperList extends Component {
             </div>
             </div>
           </Row>
           </Row>
         </div>
         </div>
-        {this.props.type !== "modal-select" && isPermiss && categoryId && (
-          <Button
+        {this.props.type !== "modal-select" && isPermiss && (
+          <div className="select-box">
+            {_.isEmpty(selectedPaperKeys) ?
+              (!!categoryId && <Button
                 type="primary"
                 type="primary"
+                className="mr8"
                 onClick={() => {
                 onClick={() => {
                   window.RCHistory.push({
                   window.RCHistory.push({
                     pathname: `${match.url}/paper-operate-page?type=new&categoryId=${categoryId}`,
                     pathname: `${match.url}/paper-operate-page?type=new&categoryId=${categoryId}`,
@@ -428,25 +587,52 @@ class PaperList extends Component {
                 }}
                 }}
               >
               >
                 新建试卷
                 新建试卷
-          </Button>
+              </Button>)
+              : <div className="select-container">
+                <span className="con">
+                  <div>
+                    <span className="icon iconfont tip">&#xe6f2;</span>
+                    <span className="text">已选择{selectedPaperKeys.length}项</span>
+                  </div>
+                  <div>
+                    <span className="clear" onClick={this.clearSelect}>清空</span>
+                  </div>
+                </span>
+              </div>
+            }
+            <Button
+              className="mr8"
+              onClick={() => {
+                this.batchMove();
+              }}
+            >批量移动</Button>
+            <Button
+              onClick={() => {
+                this.batchDelete();
+              }}
+            >批量删除</Button>
+          </div>
         )}
         )}
 
 
         <div className="paper-list-content">
         <div className="paper-list-content">
-          <ConfigProvider renderEmpty={this.customizeRenderEmpty}>
           {this.props.type !== "modal-select" ? (
           {this.props.type !== "modal-select" ? (
-              <Table
-                rowKey={(record) => record.id}
+            <XMTable
+              rowKey={(record) => record.paperId}
+              rowSelection={paperRowSelection}
               dataSource={dataSource}
               dataSource={dataSource}
               columns={this.parseColumns()}
               columns={this.parseColumns()}
               pagination={false}
               pagination={false}
               bordered
               bordered
               loading={loading}
               loading={loading}
+              renderEmpty={{
+                description: <span style={{ display: 'block', paddingBottom: 24 }}>还没有试卷</span>
+              }}
             />
             />
           ) : (
           ) : (
-              <Table
-                rowKey={(record) => record.id}
+            <XMTable
+              rowKey={(record) => record.paperId}
               dataSource={dataSource}
               dataSource={dataSource}
-                size={this.props.type == "modal-select"?'small':'middle'}
+              size={this.props.type == "modal-select" ? "small" : "middle"}
               rowKey={(item) => {
               rowKey={(item) => {
                 return item.paperId;
                 return item.paperId;
               }}
               }}
@@ -454,9 +640,11 @@ class PaperList extends Component {
               columns={this.parseColumns()}
               columns={this.parseColumns()}
               pagination={false}
               pagination={false}
               bordered
               bordered
+              renderEmpty={{
+                description: <span style={{ display: 'block', paddingBottom: 24 }}>还没有试卷</span>
+              }}
             />
             />
           )}
           )}
-          </ConfigProvider>
 
 
           {total > 0 && (
           {total > 0 && (
             <div className="box-footer">
             <div className="box-footer">
@@ -464,7 +652,7 @@ class PaperList extends Component {
                 current={current - 1}
                 current={current - 1}
                 pageSize={size}
                 pageSize={size}
                 total={total}
                 total={total}
-                size={this.props.type == "modal-select"?'small':'middle'}
+                size={this.props.type == "modal-select" ? "small" : "middle"}
                 toPage={(page) => {
                 toPage={(page) => {
                   const _query = { ...query, current: page + 1 };
                   const _query = { ...query, current: page + 1 };
                   this.setState({ query: _query }, () =>
                   this.setState({ query: _query }, () =>
@@ -477,11 +665,36 @@ class PaperList extends Component {
             </div>
             </div>
           )}
           )}
           {paperPreviewModal}
           {paperPreviewModal}
+          {openMoveModal &&
+            <MoveModal
+              visible={openMoveModal}
+              title="试卷"
+              data={paperData}
+              categoryId={query.categoryId}
+              length={selectedRowKeys.length}
+              onCancel={() => this.setState({ openMoveModal: false })}
+              onOk={(categoryId) => {
+                this.batchMoveRemote(categoryId);
+                this.setState({ openMoveModal: false });
+              }}
+            />
+          }
         </div>
         </div>
         <Route
         <Route
           path={`${match.url}/paper-operate-page`}
           path={`${match.url}/paper-operate-page`}
           component={OperatePaper}
           component={OperatePaper}
         />
         />
+        <Route
+          path={`${match.url}/exam-operate-page`}
+          render={() => {
+            return (
+              <AddExam
+                paperInfo={paperInfo}
+                type="organizeExam"
+              />
+            );
+          }}
+        />
       </div>
       </div>
     );
     );
   }
   }

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

 .paper-list {
 .paper-list {
+  .select-box {
+    display: flex;
+    align-items: center;
+    .select-container{
+      margin-right: 24px;
+      .con{
+        background: #E9EFFF;
+        border-radius: 4px;
+        padding: 3px 16px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: space-between;
+        .tip{
+          font-size:14px;
+          color:#2966FF;
+          margin-right:8px;
+        }
+        .text{
+          font-size:14px;
+          color:#666;
+          margin-right:30px;
+        }
+        .clear{
+          color:#5289FA;
+          font-size:14px;
+        }
+      }   
+    }
+  }
   .ant-radio-wrapper{
   .ant-radio-wrapper{
     left: -10px;
     left: -10px;
   }
   }
@@ -45,7 +74,7 @@
   }
   }
   .paper-list-content {
   .paper-list-content {
     position: relative;
     position: relative;
-    margin-top: 16px;
+    margin-top: 12px;
     .empty-list-tip {
     .empty-list-tip {
       color: #2966FF;
       color: #2966FF;
       cursor: pointer;
       cursor: pointer;

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

@@ -2,7 +2,7 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-02-25 11:23:47
  * @Date: 2021-02-25 11:23:47
  * @LastEditors: yuananting
  * @LastEditors: yuananting
- * @LastEditTime: 2021-05-20 11:43:21
+ * @LastEditTime: 2021-05-30 18:17:05
  * @Description: 助学工具-新建试卷-选择题目列表
  * @Description: 助学工具-新建试卷-选择题目列表
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -16,6 +16,7 @@ import {
   Select,
   Select,
   Tooltip,
   Tooltip,
   message,
   message,
+  DatePicker,
 } from "antd";
 } from "antd";
 import { PageControl } from "@/components";
 import { PageControl } from "@/components";
 import "./SelectQuestionList.less";
 import "./SelectQuestionList.less";
@@ -23,8 +24,10 @@ import User from "@/common/js/user";
 import AidToolService from "@/domains/aid-tool-domain/AidToolService";
 import AidToolService from "@/domains/aid-tool-domain/AidToolService";
 import _ from "underscore";
 import _ from "underscore";
 import Bus from "@/core/bus";
 import Bus from "@/core/bus";
+import moment from 'moment';
 
 
 const { Search } = Input;
 const { Search } = Input;
+const { RangePicker } = DatePicker;
 
 
 const questionTypeEnum = {
 const questionTypeEnum = {
   SINGLE_CHOICE: "单选题",
   SINGLE_CHOICE: "单选题",
@@ -68,12 +71,15 @@ class SelectQuestionList extends Component {
         categoryId: null, // 当前题库分类Id
         categoryId: null, // 当前题库分类Id
         questionName: null, // 题目名称
         questionName: null, // 题目名称
         questionType: null, // 题目类型
         questionType: null, // 题目类型
+        updateDateStart: null,
+        updateDateEnd: null,
         source: 0,
         source: 0,
         tenantId: User.getStoreId(),
         tenantId: User.getStoreId(),
         userId: User.getStoreUserId(),
         userId: User.getStoreUserId(),
       },
       },
       dataSource: [],
       dataSource: [],
       selectQuestionKeys: [],
       selectQuestionKeys: [],
+      expandFilter: false,
     };
     };
   }
   }
 
 
@@ -98,6 +104,8 @@ class SelectQuestionList extends Component {
       order: "UPDATED_DESC", // 排序规则
       order: "UPDATED_DESC", // 排序规则
       questionName: null, // 题目名称
       questionName: null, // 题目名称
       questionType: null, // 题目类型
       questionType: null, // 题目类型
+      updateDateStart: null,
+      updateDateEnd: null,
     };
     };
     this.setState({ query: _query }, () => {
     this.setState({ query: _query }, () => {
       this.queryQuestionPageListWithContent();
       this.queryQuestionPageListWithContent();
@@ -134,6 +142,8 @@ class SelectQuestionList extends Component {
       order: "UPDATED_DESC", // 排序规则
       order: "UPDATED_DESC", // 排序规则
       questionName: null, // 题目名称
       questionName: null, // 题目名称
       questionType: null, // 题目类型
       questionType: null, // 题目类型
+      updateDateStart: null,
+      updateDateEnd: null,
     };
     };
     this.setState({ query: _query }, () => {
     this.setState({ query: _query }, () => {
       this.queryQuestionPageListWithContent();
       this.queryQuestionPageListWithContent();
@@ -144,6 +154,14 @@ class SelectQuestionList extends Component {
   parseColumns = () => {
   parseColumns = () => {
     const columns = [
     const columns = [
       {
       {
+        title: "题型",
+        key: "questionTypeEnum",
+        dataIndex: "questionTypeEnum",
+        render: (val) => {
+          return questionTypeEnum[val];
+        },
+      },
+      {
         title: "题目",
         title: "题目",
         key: "questionStem",
         key: "questionStem",
         dataIndex: "questionStem",
         dataIndex: "questionStem",
@@ -170,14 +188,6 @@ class SelectQuestionList extends Component {
         },
         },
       },
       },
       {
       {
-        title: "题型",
-        key: "questionTypeEnum",
-        dataIndex: "questionTypeEnum",
-        render: (val) => {
-          return questionTypeEnum[val];
-        },
-      },
-      {
         title: "正确率",
         title: "正确率",
         key: "accuracy",
         key: "accuracy",
         dataIndex: "accuracy",
         dataIndex: "accuracy",
@@ -215,11 +225,23 @@ class SelectQuestionList extends Component {
 
 
   // 改变搜索条件
   // 改变搜索条件
   handleChangeQuery = (searchType, value) => {
   handleChangeQuery = (searchType, value) => {
+    const _query = this.state.query;
+    switch (searchType) {
+      case "questionName":
+        _query.questionName = value;
+        break;
+      case "updatedTime":
+        _query.updateDateStart = value && value[0]?.startOf('day').valueOf();
+        _query.updateDateEnd = value && value[1]?.endOf('day').valueOf();
+        break;
+      case "questionType":
+        _query.questionType = value;
+        break
+    }
     this.setState(
     this.setState(
       {
       {
         query: {
         query: {
-          ...this.state.query,
-          [searchType]: value || null,
+          ..._query,
           current: 1,
           current: 1,
         },
         },
       },
       },
@@ -281,6 +303,7 @@ class SelectQuestionList extends Component {
       total,
       total,
       query,
       query,
       selectQuestionKeys = [],
       selectQuestionKeys = [],
+      expandFilter,
     } = this.state;
     } = this.state;
     const { current, size, questionName, questionType } = query;
     const { current, size, questionName, questionType } = query;
     const rowSelection = {
     const rowSelection = {
@@ -364,6 +387,17 @@ class SelectQuestionList extends Component {
                   })}
                   })}
                 </Select>
                 </Select>
               </div>
               </div>
+              <div className="search-condition__item">
+                <span className="search-label">更新时间：</span>
+                <RangePicker
+                  value={[
+                    query.updateDateStart ? moment(Number(query.updateDateStart)) : null,
+                    query.updateDateEnd ? moment(Number(query.updateDateEnd)) : null
+                  ]}
+                  onChange={(value) => {
+                    this.handleChangeQuery("updatedTime", value)
+                  }} />
+              </div>
             </div>
             </div>
 
 
             <div className="reset-fold-area">
             <div className="reset-fold-area">

src/modules/teach-tool/paper-manage/components/SelectQuestionList.less

@@ -2,19 +2,22 @@
   .select-question-filter {
   .select-question-filter {
     position: relative;
     position: relative;
     .search-condition {
     .search-condition {
-      width: calc(100% - 80px);
+      width: calc(100% - 20px);
       display: flex;
       display: flex;
       align-items: center;
       align-items: center;
       flex-wrap: wrap;
       flex-wrap: wrap;
 
 
       &__item {
       &__item {
         margin-right: 3%;
         margin-right: 3%;
+        width: 30%;
         margin-bottom: 16px;
         margin-bottom: 16px;
+        display: flex;
         .search-label {
         .search-label {
           vertical-align: middle;
           vertical-align: middle;
           display: inline-block;
           display: inline-block;
           height: 32px;
           height: 32px;
           line-height: 32px;
           line-height: 32px;
+          flex-shrink: 0;
         }
         }
       }
       }
     }
     }

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

@@ -2,12 +2,13 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-03-27 11:15:03
  * @Date: 2021-03-27 11:15:03
  * @LastEditors: yuananting
  * @LastEditors: yuananting
- * @LastEditTime: 2021-04-15 13:22:10
+ * @LastEditTime: 2021-06-01 17:28:21
  * @Description: 助学工具-试卷-预览试卷
  * @Description: 助学工具-试卷-预览试卷
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
 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>
     );
     );
   };
   };
@@ -284,7 +301,7 @@ class PreviewPaperModal extends Component {
           footer={null}
           footer={null}
           onCancel={this.props.close}
           onCancel={this.props.close}
         >
         >
-          {paperName && <div className="paper-title">{paperName}</div>}
+          {paperName && <div className="paper-title">{paperName.length > 40 ? paperName.substring(0, 40) : paperName}</div>}
           {questionList && questionList.length > 0 ? (
           {questionList && questionList.length > 0 ? (
             <div className="question-list-box">
             <div className="question-list-box">
               {_.map(questionList, (questionItem, questionIndex) => {
               {_.map(questionList, (questionItem, questionIndex) => {

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

@@ -2,65 +2,58 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-02-25 11:23:47
  * @Date: 2021-02-25 11:23:47
  * @LastEditors: yuananting
  * @LastEditors: yuananting
- * @LastEditTime: 2021-05-20 11:35:07
+ * @LastEditTime: 2021-06-03 17:12:01
  * @Description: 助学工具-题库-题目列表数据
  * @Description: 助学工具-题库-题目列表数据
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
-import React, { Component } from "react";
-import {
-  Table,
-  ConfigProvider,
-  Empty,
-  Row,
-  Input,
-  Select,
-  Tooltip,
-  Space,
-  Button,
-  Modal,
-  message,
-} from "antd";
-import { PageControl } from "@/components";
-import "./QuestionList.less";
-import User from "@/common/js/user";
-import AidToolService from "@/domains/aid-tool-domain/AidToolService";
-import _ from "underscore";
-import PreviewQuestionModal from "../modal/PreviewQuestionModal";
-import BatchImportQuestionModal from "../modal/BatchImportQuestionModal";
-import { Route, withRouter } from "react-router-dom";
-import OperateQuestion from "../OperateQuestion";
-import Bus from "@/core/bus";
+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 { 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 Service from '@/common/js/service';
+import MoveModal from '../../modal/MoveModal';
+import './QuestionList.less';
 
 
+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',
   },
   },
 ];
 ];
 
 
@@ -71,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, // 题目类型
@@ -82,28 +75,59 @@ class QuestionList extends Component {
       dataSource: [], // 题库列表
       dataSource: [], // 题库列表
       previewQuestionModal: null, // 题目预览模态框
       previewQuestionModal: null, // 题目预览模态框
       batchImportQuestionModal: null, // 批量导入模态框
       batchImportQuestionModal: null, // 批量导入模态框
+      selectedRowKeys: [],
     };
     };
   }
   }
   componentDidMount() {
   componentDidMount() {
     this.queryQuestionPageList();
     this.queryQuestionPageList();
-    Bus.bind("queryQuestionPageList", (selectedCategoryId) => {
-      selectedCategoryId =
-        selectedCategoryId === "null" ? null : selectedCategoryId;
+    this.queryCategoryTree();
+    Bus.bind('queryQuestionPageList', (selectedCategoryId) => {
+      selectedCategoryId = selectedCategoryId === 'null' ? null : selectedCategoryId;
+      this.clearSelect();
       this.InitSearch(selectedCategoryId);
       this.InitSearch(selectedCategoryId);
     });
     });
   }
   }
 
 
   componentWillUnmount() {
   componentWillUnmount() {
-    Bus.unbind("queryQuestionPageList", this.queryQuestionPageList);
+    Bus.unbind('queryQuestionPageList', this.queryQuestionPageList);
   }
   }
 
 
+  // 查询分类树
+  queryCategoryTree = () => {
+    let query = {
+      bizType: 'QUESTION',
+      count: true,
+      source: 0,
+      userId: User.getStoreUserId(),
+      tenantId: User.getStoreId(),
+    };
+    AidToolService.queryCategoryTree(query).then((res) => {
+      const { categoryList = [] } = res.result;
+      let list = this.renderTreeNodes(categoryList);
+      this.setState({ questionData: list });
+    });
+  };
+
+  renderTreeNodes = (data) => {
+    let newTreeData = data.map((item) => {
+      item.title = item.categoryName;
+      item.value = item.id;
+      item.key = item.id;
+      if (item.sonCategoryList) {
+        item.children = this.renderTreeNodes(item.sonCategoryList);
+      }
+      return item;
+    });
+    return newTreeData;
+  };
+
   // 初始化列表查询
   // 初始化列表查询
   InitSearch = (categoryId) => {
   InitSearch = (categoryId) => {
     const _query = {
     const _query = {
       ...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, // 题目类型
     };
     };
@@ -123,7 +147,7 @@ class QuestionList extends Component {
         },
         },
       },
       },
       () => {
       () => {
-        if (searchType === "questionName") return;
+        if (searchType === 'questionName') return;
         this.queryQuestionPageList();
         this.queryQuestionPageList();
       }
       }
     );
     );
@@ -134,9 +158,11 @@ 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,
+      updateDateEnd: null,
     };
     };
     this.setState({ query: _query }, () => {
     this.setState({ query: _query }, () => {
       this.queryQuestionPageList();
       this.queryQuestionPageList();
@@ -151,96 +177,69 @@ class QuestionList extends Component {
     });
     });
   };
   };
 
 
-  // 自定义表格空状态
-  customizeRenderEmpty = () => {
-    const { categoryId } = this.state.query;
-    return (
-      <Empty
-        image="https://image.xiaomaiketang.com/xm/emptyTable.png"
-        imageStyle={{
-          height: 100,
-        }}
-        description={
-          <span>
-            <span>还没有题目</span>
-            {["CloudManager", "StoreManager"].includes(User.getUserRole()) &&
-              categoryId && (
-                <span>
-                  ，快去
-                  <span
-                    className="empty-list-tip"
-                    onClick={() => {
-                      this.handleCreateQuestion();
-                    }}
-                  >
-                    新建一个
-                  </span>
-                  吧！
-                </span>
-              )}
-          </span>
-        }
-      ></Empty>
-    );
-  };
-
   // 排序
   // 排序
   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: "questionStem",
-        dataIndex: "questionStem",
+        title: '题型',
+        key: 'questionTypeEnum',
+        dataIndex: 'questionTypeEnum',
+        width: '16%',
+        render: (val) => {
+          return questionTypeEnum[val];
+        },
+      },
+      {
+        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,
                 }}
                 }}
@@ -250,71 +249,47 @@ class QuestionList extends Component {
         },
         },
       },
       },
       {
       {
-        title: "题型",
-        key: "questionTypeEnum",
-        dataIndex: "questionTypeEnum",
-        width: "16%",
-        render: (val) => {
-          return questionTypeEnum[val];
-        },
-      },
-      {
-        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>
               )}
               )}
@@ -363,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);
       },
       },
@@ -386,18 +359,23 @@ class QuestionList extends Component {
     };
     };
     AidToolService.deleteQuestion(params).then((res) => {
     AidToolService.deleteQuestion(params).then((res) => {
       if (res.success) {
       if (res.success) {
-        message.success("删除成功");
-        const { query, total } = this.state;
+        message.success('删除成功');
+        const { query, total, selectedRowKeys } = this.state;
         const { size, current } = query;
         const { size, current } = query;
         const _query = query;
         const _query = query;
+        let data = {};
         if (total / size < current) {
         if (total / size < current) {
           if (total % size === 1) {
           if (total % size === 1) {
             _query.current = 1;
             _query.current = 1;
           }
           }
         }
         }
-        this.setState({ query: _query }, () => {
+        data.query = _query;
+        if (selectedRowKeys.includes(record.id)) {
+          data.selectedRowKeys = _.reject(selectedRowKeys, (item) => item === record.id);
+        }
+        this.setState(data, () => {
           this.queryQuestionPageList();
           this.queryQuestionPageList();
-          Bus.trigger("queryCategoryTree", "remain");
+          Bus.trigger('queryCategoryTree', 'remain');
         });
         });
       }
       }
     });
     });
@@ -419,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}
@@ -428,112 +406,300 @@ class QuestionList extends Component {
     this.setState({ batchImportQuestionModal: m });
     this.setState({ batchImportQuestionModal: m });
   };
   };
 
 
+  onSelectChange = (selectedRowKeys) => {
+    if (selectedRowKeys.length > 50) {
+      const extraLength = selectedRowKeys.length - 50;
+      selectedRowKeys.splice(selectedRowKeys.length - extraLength, extraLength);
+      message.warning('最多只能选择50个题目');
+    }
+    this.setState({ selectedRowKeys });
+  };
+
+  /**
+   * 设置【更多操作】选项
+   */
+  setMoreOperationOption() {
+    return (
+      <Menu>
+        <Menu.Item key='2'>
+          <div
+            key='import'
+            onClick={() => {
+              this.batchMove();
+            }}>
+            批量移动
+          </div>
+        </Menu.Item>
+        <Menu.Item key='1'>
+          <div
+            key='import'
+            onClick={() => {
+              this.batchDelete();
+            }}>
+            批量删除
+          </div>
+        </Menu.Item>
+      </Menu>
+    );
+  }
+
+  batchMove = () => {
+    const { selectedRowKeys } = this.state;
+    if (_.isEmpty(selectedRowKeys)) {
+      message.warning('请先选择要移动的题目');
+      return null;
+    }
+    this.setState({ openMoveModal: true });
+  };
+
+  batchMoveRemote = (categoryId) => {
+    const { selectedRowKeys, query } = this.state;
+    const data = {
+      categoryId,
+      id: selectedRowKeys,
+      source: 0,
+      tenantId: User.getStoreId(),
+      userId: User.getUserId(),
+    };
+    Service.Hades('public/hades/batchMoveQuestion', data, { reject: true })
+      .then((res) => {
+        if (res.success) {
+          message.success('移动成功');
+          Bus.trigger('queryCategoryTree', 'remain');
+          this.clearSelect();
+          this.setState(
+            {
+              query: {
+                ...query,
+                current: 1,
+              },
+            },
+            () => {
+              this.queryQuestionPageList();
+            }
+          );
+        } else {
+          message.error('移动失败');
+        }
+      })
+      .catch(() => {
+        message.error('移动失败');
+      });
+  };
+
+  batchDelete = () => {
+    const { selectedRowKeys, query } = this.state;
+    if (_.isEmpty(selectedRowKeys)) {
+      message.warning('请先选择要删除的题目');
+      return null;
+    }
+    Modal.confirm({
+      title: '确定要删除题目吗？',
+      content: '删除后，不可恢复。',
+      icon: <span className='icon iconfont default-confirm-icon'>&#xe839; </span>,
+      okText: '删除',
+      cancelText: '取消',
+      onOk: () => {
+        const data = {
+          id: selectedRowKeys,
+          source: 0,
+          tenantId: User.getStoreId(),
+          userId: User.getUserId(),
+        };
+        Service.Hades('public/hades/batchDeleteQuestion', data, { reject: true })
+          .then((res) => {
+            if (res.success) {
+              message.success('删除成功');
+              Bus.trigger('queryCategoryTree', 'remain');
+              this.clearSelect();
+              this.setState(
+                {
+                  query: {
+                    ...query,
+                    current: 1,
+                  },
+                },
+                () => {
+                  this.queryQuestionPageList();
+                }
+              );
+            } else {
+              message.error('删除失败');
+            }
+          })
+          .catch(() => {
+            message.error('删除失败');
+          });
+      },
+    });
+  };
+
+  clearSelect = () => {
+    this.setState({ selectedRowKeys: [] });
+  };
+
   render() {
   render() {
-    const {
-      dataSource = [],
-      total,
-      query,
-      previewQuestionModal,
-      batchImportQuestionModal,
-    } = 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 = {
+      selectedRowKeys,
+      preserveSelectedRowKeys: true,
+      onChange: this.onSelectChange,
+    };
     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: 178 }}
+                  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: 178 }}
+                  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.key}>
+                      <Select.Option value={item.value} key={item.value}>
                         {item.label}
                         {item.label}
                       </Select.Option>
                       </Select.Option>
                     );
                     );
                   })}
                   })}
                 </Select>
                 </Select>
               </div>
               </div>
+              <div className='search-condition__item'>
+                <span className='search-label'>更新时间：</span>
+                <RangePicker
+                  value={query.updateDateStart ? [moment(query.updateDateStart), moment(query.updateDateEnd)] : null}
+                  style={{ width: '100%' }}
+                  format={'YYYY-MM-DD'}
+                  onChange={(dates) => {
+                    const _query = _.clone(query);
+                    _query.updateDateStart = dates ? dates[0].startOf('day').valueOf() : null;
+                    _query.updateDateEnd = dates ? dates[1].endOf('day').valueOf() : null;
+                    _query.current = 0;
+                    this.setState({ query: _query }, () => this.queryQuestionPageList());
+                  }}
+                />
+              </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()) &&
-          categoryId && (
-            <Space size={16}>
-              <Button type="primary" onClick={this.handleCreateQuestion}>
+        {['CloudManager', 'StoreManager'].includes(User.getUserRole()) && (
+          <Space size={8}>
+            {_.isEmpty(selectedRowKeys) ? (
+              !!categoryId && [
+                <Button key='1' type='primary' onClick={this.handleCreateQuestion}>
                   新建题目
                   新建题目
+                </Button>,
+                <Button key='2' onClick={this.batchImportQuestion}>
+                  批量导入
+                </Button>,
+              ]
+            ) : (
+              <div className='select-container'>
+                <span className='con'>
+                  <div>
+                    <span className='icon iconfont tip'>&#xe6f2;</span>
+                    <span className='text'>已选择{selectedRowKeys.length}项</span>
+                  </div>
+                  <div>
+                    <span className='clear' onClick={this.clearSelect}>
+                      清空
+                    </span>
+                  </div>
+                </span>
+              </div>
+            )}
+            {!!categoryId ? (
+              <Dropdown overlay={this.setMoreOperationOption()}>
+                <Button id='more_operate'>
+                  更多操作
+                  <DownOutlined />
                 </Button>
                 </Button>
-              <Button onClick={this.batchImportQuestion}>批量导入</Button>
+              </Dropdown>
+            ) : (
+              <Space size={8}>
+                <Button onClick={() => this.batchMove()}>批量移动</Button>
+                <Button onClick={() => this.batchDelete()}>批量删除</Button>
               </Space>
               </Space>
             )}
             )}
-        <div className="question-list-content">
-          <ConfigProvider renderEmpty={this.customizeRenderEmpty}>
-            <Table
+          </Space>
+        )}
+        <div className='question-list-content'>
+          <XMTable
             rowKey={(record) => record.id}
             rowKey={(record) => record.id}
             dataSource={dataSource}
             dataSource={dataSource}
             columns={this.parseColumns()}
             columns={this.parseColumns()}
             pagination={false}
             pagination={false}
             bordered
             bordered
             onChange={this.handleChangeTable}
             onChange={this.handleChangeTable}
+            rowSelection={rowSelection}
+            renderEmpty={{
+              description: (
+                <span style={{ display: 'block', paddingBottom: 24 }}>
+                  <span>还没有题目</span>
+                  {['CloudManager', 'StoreManager'].includes(User.getUserRole()) && categoryId && (
+                    <span>
+                      ，快去
+                      <span
+                        className='empty-list-tip'
+                        onClick={() => {
+                          this.handleCreateQuestion();
+                        }}>
+                        新建一个
+                      </span>
+                      吧！
+                    </span>
+                  )}
+                </span>
+              ),
+            }}
           />
           />
-          </ConfigProvider>
           {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}
@@ -542,11 +708,22 @@ class QuestionList extends Component {
           )}
           )}
           {previewQuestionModal}
           {previewQuestionModal}
           {batchImportQuestionModal}
           {batchImportQuestionModal}
-        </div>
-        <Route
-          path={`${match.url}/question-operate-page`}
-          component={OperateQuestion}
+          {openMoveModal && (
+            <MoveModal
+              visible={openMoveModal}
+              title='题目'
+              data={questionData}
+              categoryId={query.categoryId}
+              length={selectedRowKeys.length}
+              onCancel={() => this.setState({ openMoveModal: false })}
+              onOk={(categoryId) => {
+                this.batchMoveRemote(categoryId);
+                this.setState({ openMoveModal: false });
+              }}
             />
             />
+          )}
+        </div>
+        <Route path={`${match.url}/question-operate-page`} component={OperateQuestion} />
       </div>
       </div>
     );
     );
   }
   }

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

@@ -8,13 +8,16 @@
       flex-wrap: wrap;
       flex-wrap: wrap;
 
 
       &__item {
       &__item {
+        display: flex;
         margin-right: 3%;
         margin-right: 3%;
         margin-bottom: 16px;
         margin-bottom: 16px;
+        width: 30%;
         .search-label {
         .search-label {
           vertical-align: middle;
           vertical-align: middle;
           display: inline-block;
           display: inline-block;
           height: 32px;
           height: 32px;
           line-height: 32px;
           line-height: 32px;
+          flex-shrink: 0;
         }
         }
       }
       }
     }
     }
@@ -37,12 +40,37 @@
       }
       }
     }
     }
   }
   }
+  
+  .select-container{
+    .con {
+      background: #E9EFFF;
+      border-radius: 4px;
+      padding: 3px 16px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: space-between;
+      .tip {
+        font-size: 14px;
+        color: #2966FF;
+        margin-right: 8px;
+      }
+      .text {
+        font-size: 14px;
+        color: #666;
+        margin-right: 30px;
+      }
+      .clear {
+        color: #5289FA;
+        font-size: 14px;
+      }
+    }   
+  }
   .data-icon {
   .data-icon {
     cursor: pointer;
     cursor: pointer;
   }
   }
   .question-list-content {
   .question-list-content {
     position: relative;
     position: relative;
-    margin-top: 16px;
+    margin-top: 12px;
     .empty-list-tip {
     .empty-list-tip {
       color: #2966FF;
       color: #2966FF;
       cursor: pointer;
       cursor: pointer;

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: '学习数据',
   },
   },
 ];
 ];
 
 

src/routes/config/menuList.tsx

@@ -2,7 +2,7 @@
  * @Author: yuananting
  * @Author: yuananting
  * @Date: 2021-02-21 15:53:31
  * @Date: 2021-02-21 15:53:31
  * @LastEditors: Please set LastEditors
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-05-30 11:00:09
+ * @LastEditTime: 2021-06-08 16:46:15
  * @Description: 描述一下咯
  * @Description: 描述一下咯
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -44,22 +44,6 @@ export const menuList: any = [
     ]
     ]
   },
   },
   {
   {
-    groupName: "知识库",
-    groupCode: "CloudKnowledge",
-    icon: '',
-    link: '/knowledge-base',
-    img:'https://image.xiaomaiketang.com/xm/8sbP5rGQWh.png',
-    selectImg:'https://image.xiaomaiketang.com/xm/hJKCfibC22.png'
-  },
-  {
-    groupName: "资料云盘",
-    groupCode: "CloudDisk",
-    icon: '',
-    link: '/resource-disk',
-    img:'https://image.xiaomaiketang.com/xm/zGKbXJPzXx.png',
-    selectImg:'https://image.xiaomaiketang.com/xm/5sN4MzjxYc.png',
-  },
-  {
     groupName: "培训管理",
     groupName: "培训管理",
     groupCode: "TrainManage",
     groupCode: "TrainManage",
     icon: '',
     icon: '',
@@ -96,17 +80,28 @@ export const menuList: any = [
     ]
     ]
   },
   },
   {
   {
-    groupName: "学院管理",
-    groupCode: "CloudShop",
-    icon: '',
-    img:'https://image.xiaomaiketang.com/xm/Q8i5RSMKNc.png',
-    children: [
+    groupName: "知识库",
+    groupCode: "CloudKnowledge",
+    icon: '',
+    link: '/knowledge-base',
+    img:'https://image.xiaomaiketang.com/xm/8sbP5rGQWh.png',
+    selectImg:'https://image.xiaomaiketang.com/xm/hJKCfibC22.png'
+  },
   {
   {
-        groupName: "学院信息",
-        groupCode: "ShopInfo",
-        link: '/college-info'
+    groupName: "资料云盘",
+    groupCode: "CloudDisk",
+    icon: '',
+    link: '/resource-disk',
+    img:'https://image.xiaomaiketang.com/xm/zGKbXJPzXx.png',
+    selectImg:'https://image.xiaomaiketang.com/xm/5sN4MzjxYc.png',
   },
   },
   {
   {
+    groupName: "人员管理",
+    groupCode: "PersonManage",
+    icon: '',
+    img:'https://image.xiaomaiketang.com/xm/PRCnrt35y8.png',
+    children: [
+      {
         groupName: "员工管理",
         groupName: "员工管理",
         groupCode: "ShopStaff",
         groupCode: "ShopStaff",
         link: '/college-employee'
         link: '/college-employee'
@@ -115,11 +110,19 @@ export const menuList: any = [
         groupName: "学员管理",
         groupName: "学员管理",
         groupCode: "ShopUser",
         groupCode: "ShopUser",
         link: '/college-user'
         link: '/college-user'
+      }
+    ]
   },
   },
   {
   {
-          groupName: "课程分类",
-          groupCode: "CourseCategory",
-          link: '/course-category-manage'
+    groupName: "学院管理",
+    groupCode: "CloudShop",
+    icon: '',
+    img:'https://image.xiaomaiketang.com/xm/Q8i5RSMKNc.png',
+    children: [
+      {
+        groupName: "学院信息",
+        groupCode: "ShopInfo",
+        link: '/college-info'
       },
       },
       {
       {
         groupName: "学院装修",
         groupName: "学院装修",
@@ -127,6 +130,11 @@ export const menuList: any = [
         link: '/store-decoration'
         link: '/store-decoration'
       },
       },
       {
       {
+          groupName: "分类管理",
+          groupCode: "CourseCategory",
+          link: '/course-category-manage'
+      },
+      {
         groupName: "H5学院",
         groupName: "H5学院",
         groupCode: "ShopDecorationH5",
         groupCode: "ShopDecorationH5",
         link: '/store-decoration/h5'
         link: '/store-decoration/h5'
@@ -138,5 +146,4 @@ export const menuList: any = [
       }
       }
     ]
     ]
   },
   },
-
 ]
 ]
\ No newline at end of file