修改

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>