+
+
+
+ )
+ }
+}
+export default CaseDetail;
\ No newline at end of file
diff --git a/public/react/src/modules/moop_cases/CaseItem.js b/public/react/src/modules/moop_cases/CaseItem.js
new file mode 100644
index 000000000..a5086133b
--- /dev/null
+++ b/public/react/src/modules/moop_cases/CaseItem.js
@@ -0,0 +1,48 @@
+import React,{ Component } from "react";
+import './css/moopCases.css'
+import '../courses/css/Courses.css'
+
+import { getUrl } from 'educoder';
+
+import Tags from './CaseTags'
+
+class CaseItem extends Component{
+ constructor(props){
+ super(props);
+ }
+
+ render(){
+ let { libraries } = this.props;
+ console.log(libraries)
+ return(
+ + 教学案例 > { CaseDetail && CaseDetail.title} +
+
+
+ { CaseDetail && CaseDetail.title}
+
+
+
+
+
+
+
+ 
+
+
+
+ {creator && creator.name}
+ {
+ operation && operation.can_deletable ? 删除 :""
+ }
+
+ {
+ operation && operation.can_editable ? 编辑 :""
+ }
+
+
+ {creator && creator.school_name}
+
+ 编码：{CaseDetail && CaseDetail.uuid}
+ 发布时间：{CaseDetail && CaseDetail.published_at}
+
+
+
+
+ 作者：{CaseDetail && CaseDetail.author_name}/{CaseDetail && CaseDetail.author_school_name}
+
+
+
+ { CaseDetail && CaseDetail.content &&
+ { attachments &&
+
+ {
+ attachments.map((item,key)=>{
+ return(
+
+ }
+ + + + + {item.title} + {item.filesize} +
+ ) + }) + } +
+ {
+ user_praised ?
+
+ + 已赞 + {praise_count} +
+ : +this.props.praisePoint(this.props.match.params.caseID)} className="pointsBtn"> + + {praise_count} +
+ } +
+ {
+ libraries && libraries.map((item,key)=>{
+ return(
+
+ })
+
+ )
+ })
+ }
+
+
+ )
+ }
+}
+export default CaseItem;
\ No newline at end of file
diff --git a/public/react/src/modules/moop_cases/CaseList.js b/public/react/src/modules/moop_cases/CaseList.js
new file mode 100644
index 000000000..b968cc930
--- /dev/null
+++ b/public/react/src/modules/moop_cases/CaseList.js
@@ -0,0 +1,134 @@
+import React,{ Component } from "react";
+import { Input , Spin , Pagination } from "antd";
+import './css/moopCases.css'
+import '../courses/css/Courses.css'
+
+import { ActionBtn } from 'educoder';
+
+import axios from 'axios'
+
+import NoneData from '../courses/coursesPublic/NoneData'
+
+import mainImg from '../../images/moop_cases/teach_ex.jpg'
+import CaseItem from './CaseItem'
+
+
+const Search = Input.Search;
+class CaseList extends Component{
+ constructor(props){
+ super(props);
+ this.state={
+ type:0,
+ search:undefined,
+ page:1,
+ pageSize:20,
+ libraries:undefined,
+ totalCount:undefined
+ }
+ }
+
+ componentDidMount = () =>{
+ let { type , search , page , pageSize } = this.state;
+ this.InitList(type,search,page,pageSize);
+ }
+
+ // 列表
+ InitList = (type,search,page,pageSize) =>{
+ let url = `/libraries.json`;
+ axios.get(url,{params:{
+ type:type == 0 ? undefined : "mine",
+ keyword:search,
+ page,
+ per_page:pageSize
+ }}).then((result)=>{
+ if(result){
+ this.setState({
+ libraries:result.data.libraries,
+ totalCount:result.data.count
+ })
+ }
+ }).catch((error)=>{
+ console.log(error);
+ })
+ }
+
+ // tab切换
+ changeType = (type) =>{
+ this.setState({
+ type,
+ page:1
+ })
+ let { search , page , pageSize } = this.state;
+ this.InitList(type,search,page,pageSize);
+ }
+
+ // 输入搜索内容
+ inputStudent=(e)=>{
+ this.setState({
+ search:e.target.value
+ })
+ }
+
+ // 搜索
+ searchInfo = () =>{
+ let { type , search , pageSize } = this.state;
+ this.InitList( type , search , 1 , pageSize );
+ }
+
+ // 切换分页
+ onChangePage =(pageNumber)=>{
+ this.setState({
+ page:pageNumber
+ })
+ let { type , search , pageSize } = this.state;
+ this.InitList( type , search , pageNumber , pageSize );
+ }
+
+ render(){
+ let { type , search ,libraries , totalCount ,pageSize ,page } = this.state;
+ return(
+
+
+
+ {item.title}
+
+ {item.author_name} + {item.author_school_name} + + {item.visited_count} 浏览 + {item.praise_count} 赞 + {item.download_count} 下载 + +
+
+
+ );
+ // 上传封面图点击事件
+ const uploadCover = {
+ listType:"picture-card",
+ className:"avatar-uploader",
+ showUploadList:false,
+ action:`${getUploadActionUrl()}`,
+ onChange:this.handleChange,
+ }
+ return(
+
+
+
+ )
+ }
+}
+const WrappedCoursesNewApp = Form.create({name: 'CaseNew'})(CaseNew);
+export default WrappedCoursesNewApp;
\ No newline at end of file
diff --git a/public/react/src/modules/moop_cases/CaseTags.js b/public/react/src/modules/moop_cases/CaseTags.js
new file mode 100644
index 000000000..4b4f0670c
--- /dev/null
+++ b/public/react/src/modules/moop_cases/CaseTags.js
@@ -0,0 +1,26 @@
+import React,{ Component } from "react";
+import './css/moopCases.css'
+import '../courses/css/Courses.css'
+
+class CaseTags extends Component{
+ constructor(props){
+ super(props);
+ }
+
+ render(){
+ let { tags } = this.props;
+ return(
+ + 教学案例 > { caseID ? "编辑" : "新建" } +
+上传教学案例
+ +
+
+
+ (
+
+ (
+
+ ()
+ }
+ >
+
+
+ (
+
+ (
+
+
+
+ )
+ }
+}
+export default CNotificationHOC() ( SnackbarHOC() ( TPMIndexHOC(Index) ));
\ No newline at end of file