Merge branch 'third' of https://codeup.aliyun.com/6265f483e4166464dc2f9c14/boeu/portal into third

src/components/Portal/course/couresinteract.vue

@@ -0,0 +1,708 @@
+<template>
+  <div class="interact-bar ranking-interactBar">
+   <div>
+    <el-tooltip effect="light" content="评分" placement="top" :visible-arrow="false" popper-class="text-tooltip">
+          <svg-icon style="margin-right: 0px;font-size: 22px;flex:1;" ></svg-icon>
+    </el-tooltip>
+    <span class="interact-bar-value"> {{ data.score }} </span>
+   </div>
+   <div>
+      <el-tooltip effect="light" content="学习人数" placement="top" :visible-arrow="false" popper-class="text-tooltip">
+      <svg-icon style="margin-right: 0px;font-size: 22px;" icon-class="eyes"></svg-icon>
+    </el-tooltip>
+   <span class="interact-bar-value"> {{ data.studys }} </span>
+   </div>
+    <div v-if="praises" @click="addPraise()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
+        <el-tooltip effect="light" content="点赞" placement="top" :visible-arrow="false" popper-class="text-tooltip">
+          <svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon>
+        </el-tooltip>
+        <span class="interact-bar-value"> {{ data.praises? data.praises:0}}</span>
+      </div>
+
+      <div v-if="favorites"  @click="addFavorite()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
+        <el-tooltip effect="light" content="收藏" placement="top" :visible-arrow="false" popper-class="text-tooltip">
+          <svg-icon v-if="courseExclusive" style="font-size: 32px;margin-right: 0;" :icon-class="isFavorite?'collectedCourse':'collectionCourse'"></svg-icon>
+          <svg-icon v-else style="margin-right: 0;" :style="{'font-size':size+'px'}" :icon-class="isFavorite?'collected':'collection'"></svg-icon>
+        </el-tooltip>
+        <span v-if="!courseExclusive" class="interact-bar-value"> {{ data.favorites? data.favorites:0}}</span>
+      </div>
+     
+     
+   
+    
+  </div>
+</template>
+
+<script>
+  import apiPraises from '@/api/modules/praises.js'
+  import apiShares from '@/api/modules/shares.js'
+  import apiFavorites from '@/api/modules/favorites.js'
+  import apiUser from '@/api/system/user.js'
+  import apiMessage from '@/api/system/message.js'
+  import { mapGetters } from 'vuex';
+  import { formatUserNumber } from '@/utils/tools.js';
+export default {
+  props: {
+    data:{
+      type:Object,
+      default(){
+        return{
+            id:'',
+            answers:0,
+            favorites:0,
+            comments:0,
+            shares:0,
+            praises:0,
+            views:0,
+          }
+      }
+    },
+    size:{
+      type:Number,
+      default:14
+    },
+    nodeWidth:{
+      type:String,
+      default:'40px'
+    },
+    readonly:{
+      type:Boolean,
+      default:false
+    },
+    align:{
+      type:String,
+      default:'right'
+    },
+    answers:{
+      type:Boolean,
+      default:false
+    },
+    clickAnswer:{
+      type:Boolean,
+      default:false
+    },
+    comments:{
+      type:Boolean,
+      default:true
+    },
+    favorites:{
+      type:Boolean,
+      default:true
+    },
+    courseExclusive:{
+      type:Boolean,
+      default:false
+    },
+    shares:{
+      type:Boolean,
+      default:true
+    },
+    couseViews:{
+      type:Boolean,
+      default:false
+    },
+    praises:{
+      type:Boolean,
+      default:true
+    },
+    views:{
+      type:Boolean,
+      default:true
+    },
+    type:{
+      type:Number,
+      default:0
+    },
+    theme:{
+      type:Number,
+      default:1
+    },
+    unicom:{
+      type:Boolean,
+      default:false
+    },
+    pageType:{
+      type:Number,
+      default:0
+    },
+    pageParams:{
+      type:String,
+      default:''
+    }
+  },
+  data(){
+    return {
+      formatNum:formatUserNumber,
+      msgPageType:0,
+      loading:false,
+      isPraise:false,
+      isFavorite:false,
+      shareShow:false,
+      shareUsers:[],
+      shareInfo:{
+        name:'',
+        load:false,
+        list:[]
+      }
+    }
+  },
+
+  computed:{
+      ...mapGetters(['userInfo','praisesUnicom','favoritesUnicom']),
+
+    showAlign(){
+      if(this.align=='left'){
+        return 'flex-start';
+      }else if(this.align=='right'){
+        return 'flex-end';
+      }
+    }
+  },
+  watch:{
+    praisesUnicom(newVal){
+      this.isPraise = newVal;
+    },
+    favoritesUnicom(newVal){
+      this.isFavorite = newVal;
+    },
+    data(newVal,oldVal){
+      if(newVal && newVal.id!=''){
+         this.checkHas();
+      }
+    }
+  },
+  created(){
+  },
+  mounted() {
+    if(this.data && this.data.id && !this.readonly){
+       this.checkHas();
+    }
+
+    if(this.pageType==0){
+      this.msgPageType=this.type;
+    }else{
+      this.msgPageType=this.pageType;
+    }
+
+
+  },
+  methods:{
+    addAnswers() {
+      this.$emit('addAnswers');
+    },
+    messageSave(refId,title,sendName,acceptName,acceptId,typeText){
+        // let typeText
+        // if(type=='share'){
+        //   typeText='分享给我'
+        // }
+        // if(type=='favorite'){
+        //   typeText='收藏了我发布的'
+        // }
+        // if(type=='praise'){
+        //   typeText='点赞了我的'
+        // }
+        let content;
+        let conType;
+        if(this.type==1){
+          content='课程';
+          conType = this.data.type;
+        }
+        if(this.type==2){
+          content='文章'
+        }
+        if(this.type==3){
+          content='案例'
+        }
+        if(this.type==4){
+          content='提问'
+        }
+        if(this.type==5){
+          content='回答';
+        }
+        if(this.type==6){
+          content='课程笔记'
+        }
+        if(this.type==60){
+          content='课程笔记评论'
+        }
+// 点赞type
+        if(this.type==10){
+          content='课程评论'
+        }
+        if(this.type==20){
+          content='文章评论'
+        }
+        if(this.type==30){
+          content='案例评论'
+        }
+        // 评论点赞通知没有关联id,评论通知暂时关闭
+        // 设置了主信息的关联，再把这个判断去掉
+        if(this.type==60 || this.type==10 || this.type==20 || this.type==30 || this.type == 6) {
+          //return;
+        }
+
+        if(title){
+          content=sendName+typeText+content+'-'+title
+        }else{
+          content=sendName+typeText+content
+        }
+      let msgPageParams=this.pageParams;
+      if(!msgPageParams){
+        msgPageParams=this.data.id;
+      }
+      let message={
+        content,
+        refId,
+        refType:this.type,
+        source:1,
+        pageType:this.msgPageType,
+        pageParams:msgPageParams,
+        pageUrl:location.href,
+        sendAid:this.userInfo.aid,
+        sendName,
+        acceptName,
+        acceptId,
+        title:'系统消息',
+        sendType:1,
+        conType,
+      }
+      apiMessage.save(message).then(res=>{
+        if(res.status!=200){ console.log('发送消息失败') }
+      })
+    },
+    checkHas(){
+      if(this.type>0 && !this.readonly && this.data.id){
+        if(this.favorites){
+          apiFavorites.has(this.type,this.data.id).then(rs=>{
+            if(rs.status==200 && rs.result){
+              this.isFavorite=true;
+            }else{
+              this.isFavorite=false;
+            }
+          })
+        }
+        if(this.praises){
+          apiPraises.has(this.type,this.data.id).then(rs=>{
+            if(rs.status==200 && rs.result){
+              this.isPraise=true;
+            }else{
+              this.isPraise=false;
+            }
+          });
+        }
+      }
+    },
+    addShare(){
+      if(this.readonly){
+        return
+      }
+      this.shareShow=true;
+    },
+    addPraise(){
+     if(this.type==0){
+       console.log('未设置type值,1表课程,2表文章，3表案例，4表问答,6笔记')
+       return;
+      }
+      //需要判断是否已点赞，已点赞的不再加
+      if(!this.readonly){
+        let postData={
+          objType:this.type,
+          objId:this.data.id,
+          title:'',
+
+        }
+        if(this.type==1){
+          postData.title=this.data.name;
+        }else if(this.type == 5){
+          postData.title=this.data.content;
+        } else {
+          postData.title=this.data.title;
+        }
+        if(this.loading) {
+          return;
+        }
+        this.loading=true;
+        if(this.isPraise) {// 已经点赞，取消点赞
+          apiPraises.remove(this.type,this.data.id).then(res=>{
+             this.loading = false;
+            if(res.status==200){
+              if(res.result){
+                this.data.praises--;
+              }
+              this.isPraise=false;
+              if(this.unicom) {
+                this.$store.dispatch("unicomPraises",false)
+              }
+              //自己给自己点赞不算
+              let authorId=this.data.sysCreateAid;
+              if(this.type==3){ //案例取作者id
+                 authorId=this.data.authorId;
+              }else if(this.type==1){ //课程取老师的id
+                // 目前页面上没有点赞的地方，课程有多个老师，也要给每个老师加吗？
+                 //console.log(this.data,'点赞中课程的传的数据')
+              }
+              if(this.userInfo.aid!=authorId){
+                let event = {
+                  key: "CancelPraise",//
+                  title: "取消点赞",//事件的标题
+                  parameters:"author:"+authorId,//用户自定义参数 name:value,name:value
+                  content: "取消点赞"+postData.title,//事件的内容
+                  objId: this.data.id,//关联的id
+                  objType: this.type,//关联的类型
+                  objInfo: this.data.title,
+                  aid: this.userInfo.aid, //当前登录人的id
+                  aname: this.userInfo.name,//当前人的姓名
+                  status: 1 //状态，直接写1
+                }
+                this.$store.dispatch("userTrigger", event);
+              }
+              this.$message({message:'取消点赞',type:'success'})
+            }else{
+              console.log('取消失败：'+res.message);
+            }
+          })
+        } else {
+          apiPraises.save(postData).then(res=>{
+            this.loading = false;
+            if(res.status==200){
+              if(res.result){
+                this.data.praises++;
+              }
+              if(this.unicom) {
+                this.$store.dispatch("unicomPraises",true)
+              }
+              //console.log('点选了我的 pageType='+this.msgPageType+','+this.pageParams)
+              //if(this.type!=1&&this.type!=5){
+              this.messageSave(this.data.id,this.data.title,this.userInfo.name,this.data.sysCreateBy,this.data.sysCreateAid,'点赞了我的');
+              //}
+              // if(this.type==5){
+              //   this.messageSave(this.data.id,this.data.content,this.userInfo.name,this.data.sysCreateBy,this.data.sysCreateAid,'评论了我的');
+              // }
+              this.isPraise=true;
+              this.$message({message:'点赞成功',type:'success'})
+              let contentText = '';
+              if(this.type==1){
+                  contentText='课程';
+                  // conType = this.data.type;
+                }
+                if(this.type==2){
+                  contentText='文章'
+                }
+                if(this.type==3){
+                  contentText='案例'
+                }
+                if(this.type==4){
+                  contentText='提问'
+                }
+                if(this.type==5){
+                  contentText='回答'
+                }
+                if(this.type==6){
+                  contentText='课程笔记'
+                }
+                if(this.type==60){
+                  contentText='课程笔记评论'
+                }
+        // 点赞type
+                if(this.type==10){
+                  contentText='课程评论'
+                }
+                if(this.type==20){
+                  contentText='文章评论'
+                }
+                if(this.type==30){
+                  contentText='案例评论'
+                }
+              if(this.userInfo.aid!=this.data.sysCreateAid){
+                let event = {
+                  key: "Praise",//后台的事件key  发布文章且审核通过
+                  title: "点赞",//事件的标题
+                  parameters:"author:"+this.data.sysCreateAid,//用户自定义参数 name:value,name:value
+                  content: "点赞了"+contentText,//事件的内容
+                  objId: this.data.id,//关联的id
+                  objType: this.type,//关联的类型
+                  objInfo: this.data.title,
+                  aid: this.userInfo.aid, //当前登录人的id
+                  aname: this.userInfo.name,//当前人的姓名
+                  status: 1 //状态，直接写1
+                }
+                this.$store.dispatch("userTrigger", event);
+              }
+            }else{
+              console.log('点赞失败：'+res.message);
+            }
+          })
+        }
+
+      }
+    },
+    addFavorite(){
+
+      if(this.readonly){
+        return
+      }
+      if(this.type==0){
+        console.log('未设置type值,1表课程,2表文章，3表案例，4表问答')
+        return;
+       }
+      //需要判断是否已点赞，已点赞的不再加
+      let postData={
+        objType:this.type,
+        objId:this.data.id,
+        title:'',
+      }
+      if(this.loading) {
+          return;
+        }
+        this.loading=true;
+      if(this.type==1){
+        postData.title=this.data.name;
+      }else if(this.type==60){
+        postData.title=this.data.content;
+      } else if(this.type==5){
+        postData.title='收藏回答';
+      } else {
+        postData.title=this.data.title;
+      }
+      if(this.isFavorite) {// 已经收藏，再次点击取消收藏
+        apiFavorites.remove(this.type,this.data.id).then(res=>{
+          this.loading=false;
+        if(res.status==200){
+          this.isFavorite=false;
+          if(res.result){
+            this.data.favorites--;
+          }
+          if(this.unicom) {
+            this.$store.dispatch("unicomFavorites",false)
+          }
+          this.$message({message:'已取消收藏',type:'success'});
+          //this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功，false代表已存在
+        }else{
+          console.log('取消收藏失败：'+res.message);
+        }
+      })
+      } else {
+        apiFavorites.save(postData).then(res=>{
+          this.loading=false;
+        if(res.status==200){
+          this.isFavorite=true;
+          if(res.result){
+            this.data.favorites++;
+          }
+          if(this.unicom) {
+            this.$store.dispatch("unicomFavorites",true)
+          }
+          //if(this.type===2||this.type===4){
+            this.messageSave(this.data.id,this.data.title,this.userInfo.name,this.data.sysCreateBy,this.data.sysCreateAid,'收藏了我发布的');
+          //}
+          this.$message({message:'已加入收藏',type:'success'});
+          //this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功，false代表已存在
+        }else{
+          console.log('加入收藏失败：'+res.message);
+        }
+      })
+      }
+      //
+
+    },
+    jumpRouter(){
+      //此跳转不行
+      if(this.type==2){
+        this.$router.push({path:'/article/detail?id='+this.data.id})
+      }
+      if(this.type==3){
+        this.$router.push({path:'/case/detail?id='+this.data.id})
+      }
+      if(this.type==1){
+        this.$router.push({path:'/course/detail?id='+this.data.id})
+      }
+      if(this.type==4){
+        this.$router.push({path:'/qa/answer?id='+this.data.id})
+      }
+    },
+    keyupEnter(){
+       this.findUser();
+       return false;
+    },
+    findUser(){
+       this.shareInfo.load=false;
+       this.shareInfo.list=[];
+       this.shareUsers=[];
+       var name=this.shareInfo.name;
+       var regPos = /^\d+(\.\d+)?$/; //非负浮点数
+       if(regPos.test(name)){
+            //console.log("数字");
+            apiUser.getByLoginName(name).then(rs=>{
+              if(rs.status==200){
+                //因为根据工号查询，只会是一个人，所有会有null情况，而json会返回空字符串
+                if(rs.result!=''){
+                  this.shareInfo.list.push(rs.result);
+                }else{
+                  this.$message.error("查无此用户")
+                }
+                this.shareInfo.load=true;
+              }else{
+                this.$message.error(rs.message);
+              }
+            })
+        }else{
+            // console.log("非数字");
+            apiUser.findByName(name).then(rs=>{
+              if(rs.status==200){
+                if(rs.result.length==0){
+                  return this.$message.error(rs.message);
+                }
+                this.shareInfo.list=rs.result;
+                this.shareInfo.load=true;
+              }else{
+                this.$message.error(rs.message);
+              }
+            })
+        }
+    },
+    submitShare(){
+      if(this.shareUsers.length==0){
+        this.$message.error('请选择分享人');
+        return;
+      }
+      let conType;
+      if(this.type == 1) {
+        conType = this.data.type;
+      }
+
+      let postData={
+        objType:this.type,
+        objId:this.data.id,
+        content:this.data.title,
+        isRead:false,
+        toAid:'',
+        toAname:'',
+        conType: conType,
+      }
+      let $this=this;
+      this.shareUsers.forEach(u=>{
+        var curUser=null;
+         $this.shareInfo.list.some(item=>{
+           if(item.aid==u){
+             curUser=item;
+             return true;
+           }else{
+             return false;
+           }
+         });
+         if(curUser!=null){
+           postData.toAid=curUser.aid;
+           postData.toAname=curUser.name;
+           if(this.userInfo.aid==postData.toAid){
+             return this.$message.warning("不能分享给自己")
+           }
+           apiShares.save(postData).then(rs=>{
+             $this.shareShow=false;
+             if(rs.status!=200){
+               this.$message.error("分享失败")
+             }else{
+               if(rs.result){
+                 $this.data.shares++;
+                 this.$message.success("分享成功")
+                 //if(this.type!=3){
+                   if(this.type==1){
+                     this.messageSave(this.data.id,this.data.name,this.userInfo.name,curUser.name,curUser.aid,'分享给我的');
+                   }else{
+                     this.messageSave(this.data.id,this.data.title,this.userInfo.name,curUser.name,curUser.aid,'分享给我的');
+                   }
+                 //}
+                 let event = {
+                  key: "Share",//分享
+                  title: "分享",//分享
+                  parameters:"author:"+this.data.sysCreateAid,//内容的作者
+                  content: '分享',//事件的内容
+                  objId: this.data.id,//关联的id
+                  objType: this.type,//关联的类型
+                  objInfo: this.data.title,
+                  aid: this.userInfo.aid, //当前登录人的id
+                  aname: this.userInfo.name,//当前人的姓名
+                  status: 1 //状态，直接写1
+                }
+                this.$store.dispatch("userTrigger", event);
+               }else{
+                 this.$message.warning("您已分享给对方，分享失败")
+               }
+             }
+           })
+         }
+      })
+
+    }
+  }
+
+};
+</script>
+
+<style lang="scss" scoped>
+.ranking-interactBar{
+  display: flex;
+  justify-content: space-between;
+  div{
+    span{
+        color: #999;
+    }
+  }
+  
+}
+// .eyes-view{
+  // color: #000;
+  // position: fixed;
+  // line-height: 40px;
+// }
+::v-deep .g-dialog .el-dialog__header{
+  text-align: left !important;
+}
+::v-deep .g-dialog .el-dialog__body{
+  text-align: left !important;
+}
+
+.interact-bar{
+  // height: 30px;
+  .interact-bar-btns {
+    // line-height: 30px;
+    display: flex;
+    justify-content: flex-end;
+    .interact-bar-btn {
+      margin: 0 0 0 15px;
+    }
+    .interact-bar-value{
+      //  color:#6E7B84; ui图给的颜色，但是效果于ui图效果不一样，也没有透明度，所以找一个相近的和谐的颜色
+       color:#999;
+    }
+  }
+}
+.cursor{
+  cursor: pointer;
+}
+.bottom-btn{
+  padding: 10px 50px;
+      text-align: center;
+      .btn{
+        width: 104px;
+        height: 42px;
+        color: #fff;
+         img{
+         width: 16px;
+         height: 15px;
+         vertical-align: bottom;
+         margin-right: 5px;
+        }
+      }
+      .fen-xiang{
+        background: #2ab28b;
+
+      }
+      .dian-zan{
+        background: #f56262;
+
+      }
+      .shou-cang{
+        background: #ff8e00;
+      }
+}
+</style>

src/components/UserCenter/menu.vue

@@ -14,7 +14,7 @@
         :default-active="activeMenu"
         router
         active-text-color="#3379FB"
-        :default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes']"
+        :default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']"
         class="el-menu-vertical"
         @open="handleOpen"
         @close="handleClose"
@@ -179,6 +179,10 @@
           <el-menu-item index="/need/mylecnotes">
             <!-- <i class="el-icon-menu"></i> -->
             <span slot="title" class="textl">我的授课记录</span>
+          </el-menu-item>
+           <el-menu-item index="/need/mycaseRecord">
+            <!-- <i class="el-icon-menu"></i> -->
+            <span slot="title" class="textl">我的案例记录</span>
           </el-menu-item>
           <!--
                 <el-menu-item index="u0032">

src/data/pages.js

@@ -56,6 +56,7 @@ export const pages=[
     {title:'已回答问题',path:'qafinish',component:'qa/TeacherList',hidden:false},
     {title:'我开发课程',path:'course',component:'course/TeacherList',hidden:false},
     {title:'我的授课记录',path:'mylecnotes',component:'course/Mylecnotes',hidden:false},
+    {title:'我的案例记录',path:'mycaseRecord',component:'course/MycaseRecord',hidden:false},
     {title:'待审核的课程',path:'waitaudit',component:'course/WaitAudit',hidden:true},
     {title:'已审核的课程',path:'waitaudited',component:'course/WaitAudited',hidden:true},
   ]},

src/views/Index.vue

@@ -189,7 +189,9 @@
                     </div>
                   </div>
                   <div class="list-bottom">
-                    <interactBar :type="1" :data="item" :couseViews="false" :shares="false" :views="false"></interactBar>
+                    <couresinteract :type="1" :data="item" ></couresinteract>
+                    
+                    <!-- <interactBar :type="1" :data="item" :couseViews="false" :shares="false" :views="false"></interactBar> -->
                   </div>
                 </div>
 				</a>
@@ -467,6 +469,7 @@
   import apiUser from '@/api/system/user.js';
   import apiCoursePortal from '@/api/modules/coursePortal.js';
   import interactBar from '@/components/Portal/interactBar.vue';
+  import couresinteract from '@/components/Portal/course/couresinteract.vue';
   import ad from '@/components/Portal/adFloat.vue';
   import courseImage from '@/components/Course/courseImage.vue';
   import articleImage from '@/components/Article/articleImage.vue';
@@ -491,6 +494,7 @@
       portalFloatTools,
       authorInfo,
       interactBar,
+      couresinteract,
       courseImage,
       InterestCollection,
       GuideBox,

src/views/case/ManageList.vue

@@ -19,6 +19,8 @@
           <el-button @click="getData(1)" icon="el-icon-search" type="primary" >搜索</el-button>
           <!-- <el-button @click="showRecords()" icon="el-icon-tickets" type="info" >推荐记录</el-button> -->
           <el-button icon="el-icon-refresh-right" type="primary"  @click="reset">重置</el-button>
+          <el-checkbox style="margin-left:10px" v-model="queryObj.excellent" @change="getData()">只查看我上传的</el-checkbox>
+
         </div>
       </div>
     </div>
@@ -121,7 +123,8 @@ export default {
       queryObj: {
         pageIndex:1,
         pageSize:10,
-        isTop:''
+        isTop:'',
+        excellent:false,
       }, //查询对象
       caseList: [], //案例列表
       count:0,
@@ -159,6 +162,10 @@ export default {
     this.getData();
   },
   methods: {
+    // getSearch(){
+    //   this.queryObj.excellent = !this.queryObj.excellent;
+    //   this.getData();
+    // },
     cancal(item){
       this.$confirm('是否取消该案例为优秀案例?', '提示', {
           confirmButtonText: '确定',
@@ -222,6 +229,7 @@ export default {
       this.queryObj.isTop = '';
       this.queryObj.keyWord = '';
       this.queryObj.pageIndex = 1;
+      this.queryObj.excellent = null;
       this.getData()
     },
     //获取案例列表数据

src/views/course/MycaseRecord.vue

@@ -0,0 +1,115 @@
+<template>
+     <div style="padding: 12px 32px 10px 12px;">
+      <div style="display: flex;justify-content: flex-start;">
+        <div style="margin-left:10px"><el-input  placeholder="名称关键字" clearable></el-input></div>
+        <div style="padding-left: 10px;"><el-button type="primary" icon="el-icon-search">搜索</el-button></div>
+        <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" >重置</el-button></div>
+        <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" >导出</el-button></div>
+      </div>
+     
+      <div style="margin-top:20px;">
+        <el-table :data="pageData" border stripe>
+            <el-table-column 
+            label="案例名称" 
+            prop="time"  
+            width="200px">
+            </el-table-column>
+            <el-table-column 
+            label="状态" 
+            prop="courseName" 
+            width="100px">
+            </el-table-column>
+            <el-table-column 
+            label="审批完成时间" 
+            prop="sysType"
+            width="200px">
+            </el-table-column>
+            <el-table-column 
+            label="公开范围" 
+            prop="status" 
+            width="100px">
+            </el-table-column>
+            <el-table-column 
+            label="浏览量" 
+            prop="courseUser"
+            ></el-table-column>
+            <el-table-column 
+            label="点赞量" 
+            prop="auditTime"
+            width="100px" 
+            ></el-table-column>
+            <el-table-column 
+            label="分享量" 
+            prop="auditRemark" 
+            width="100px"
+            ></el-table-column>
+            <el-table-column 
+            label="收藏量" 
+            width="100px" 
+            prop="studynum" 
+            ></el-table-column>
+           
+        </el-table>
+      </div>
+    </div>
+</template>
+
+<script>
+import aipCase from '../../api/modules/cases.js';
+import { mapGetters,mapActions } from 'vuex';
+export default {
+computed: {
+      ...mapGetters(['userInfo']),
+  },
+  data(){
+    return {
+        caseData:{
+            pageIndex:1,
+            pageSize:10,
+            },
+        pageData:[{
+            time:'2022-10-30 13:00:00',
+            courseName:'时间管理',
+            sysType:'核心能力大楼培训',
+            status:'管理者课程',
+            courseUser:'管理者进阶-腾飞班K1',
+            auditTime:'产品经理路径管理',
+            auditRemark:'35',
+            studynum:'120',
+            pf:'4.5',
+            cz:'导出学员信息'
+        },
+        {
+            time:'2022-10-30 13:00:00',
+            courseName:'时间管理',
+            sysType:'核心能力大楼培训',
+            status:'管理者课程',
+            courseUser:'管理者进阶-腾飞班K1',
+            auditTime:'产品经理路径管理',
+            auditRemark:'35',
+            studynum:'120',
+            pf:'4.5',
+            cz:'导出学员信息'
+        }
+        ]
+    }
+  },
+  mounted(){
+    // this.getcaseData();
+  },
+  methods:{
+    getcaseData(){
+        aipCase.mylist(this.caseData).then(res =>{
+            // console.log(res);
+        })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.Export{
+  display: flex;
+  padding-top: 10px;
+}
+</style>

src/views/portal/course/Index.vue

@@ -325,6 +325,7 @@ export default {
   },
   data() {
     return {
+      
       resonimg:{},
       formatDate,
       formatNum:formatUserNumber,
@@ -384,6 +385,7 @@ export default {
       totalPages: 1
     };
   },
+  
   mounted() {
     let screenWidth = window.screen.availWidth;
     if (screenWidth < 1280) {
@@ -851,6 +853,7 @@ export default {
             }
           })
           this.scorelist = res.result;
+          // console.log(this.scorelist)
         }
       });
     },
@@ -905,6 +908,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.interact-bar-value{
+  color: #999;
+}
+
 .couderbox{
   // width: 5px;
   // padding: 0;