From f2b2a11b0506b262f84c987e0738916fa48508eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=BF=97=E9=B9=8F?= <zhipneg.chen@dhc.com.cn>
Date: Thu, 20 Oct 2022 15:18:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=B9=A0=E9=A2=98=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/coures/coures-info.vue       |   7 +-
 src/page/coures/coures.vue            |  13 +-
 src/page/exercises/exercises-info.vue | 726 ++++++++++++++++++--------
 src/page/exercises/exercises.vue      | 178 +++----
 src/router/index.js                   |  17 +-
 5 files changed, 596 insertions(+), 345 deletions(-)

diff --git a/src/page/coures/coures-info.vue b/src/page/coures/coures-info.vue
index eeb488e..6c092fc 100644
--- a/src/page/coures/coures-info.vue
+++ b/src/page/coures/coures-info.vue
@@ -484,7 +484,7 @@
     </div>
     <div v-if="activeName === 'fiveth'">
       <div style="width: 40%;margin-left: 30%">
-      <div style="display: flex;float: left;">
+      <!--<div style="display: flex;float: left;">
         <el-form :inline="true">
           <el-form-item>
             <el-button type="primary"
@@ -492,7 +492,7 @@
             </el-button>
           </el-form-item>
         </el-form>
-      </div>
+      </div>-->
       <div>
         <el-table :data="dataList" border class="table">
           <el-table-column label="序号" fixed
@@ -614,6 +614,9 @@ export default {
   methods: {
     //导出
     daoChu() {
+      getRequest('/edu/v1/pc/export/course/'+this.$route.query.id).then(resp=> {
+      }, resp=> {
+      });
     },
     //获取详情
     getCouresId(id){
diff --git a/src/page/coures/coures.vue b/src/page/coures/coures.vue
index 5c2f563..5d67df3 100644
--- a/src/page/coures/coures.vue
+++ b/src/page/coures/coures.vue
@@ -120,12 +120,13 @@
               </div>
               <div v-if="scope.row.type === '视频课'">
                 <span style="font-size: 8px;color: #909399">
-              10章节
+                  <b v-if="scope.row.episodeNum !== null">{{scope.row.episodeNum}}章节</b>
+                  <b v-else>0章节</b>
             </span>
               </div>
               <div v-if="scope.row.type === '直播课'">
                 <span style="font-size: 8px;color: #909399">
-              2022-10-16 20:20
+              <b>{{scope.row.expand2}}</b>
             </span>
               </div>
               <div v-if="scope.row.type === '现场课'">
@@ -133,11 +134,9 @@
                   placement="right"
                   width="400"
                   trigger="click">
-                  <el-table :data="gridData">
-                    <el-table-column width="150" property="date" label="日期"></el-table-column>
-                    <el-table-column width="100" property="address" label="地址"></el-table-column>
-                    <el-table-column width="100" property="name" label="备注"></el-table-column>
-                  </el-table>
+                  <el-row>上课时间：{{scope.row.expand2}}</el-row>
+                  <el-row>上课地点：{{scope.row.expand1}}</el-row>
+                  <el-row>备注：{{scope.row.expand3}}</el-row>
                   <el-button slot="reference" size="mini">
                     <span style="font-size: 8px;color: dodgerblue">
               上课信息
diff --git a/src/page/exercises/exercises-info.vue b/src/page/exercises/exercises-info.vue
index 631ab40..0673431 100644
--- a/src/page/exercises/exercises-info.vue
+++ b/src/page/exercises/exercises-info.vue
@@ -1,180 +1,516 @@
 <template>
-  <div>
-  <div style="width: 50%;margin-top: 50px;float: left">
-    <el-row type="flex" align="top" :gutter="10" class="el-row">
-      <el-col :span="4" class="text-right">
-        <span class="require-icon">*</span>
-        <span class="text-title">名称：</span>
-      </el-col>
-      <el-col :span="14" class="text-content">
-        <el-input
-          maxlength="50"
-          :rows="1"
-          placeholder="最多输入50个字"
-          show-word-limit
-        >
-        </el-input>
-      </el-col>
-    </el-row>
-    <el-row type="flex" align="top" :gutter="10" class="el-row">
-      <el-col :span="4" class="text-right">
-        <span class="require-icon">*</span>
-        <span class="text-title">介绍：</span>
-      </el-col>
-      <el-col :span="14" class="text-content">
-        <el-inputq
-          type="textarea"
-          maxlength="150"
-          :rows="4"
-          placeholder="最多输入150个字"
-          show-word-limit
-        >
-        </el-inputq>
-      </el-col>
-    </el-row>
-    <el-row type="flex" align="middle" :gutter="10" class="el-row">
-      <el-col :span="4" class="text-right">
-        <span class="require-icon">*</span>
-        <span class="text-title">类型：</span>
-      </el-col>
-      <el-col :span="14" class="text-content">
-        <el-select
-          style="width:100%"
-          clearable
-          multiple
-          placeholder="请选择类型"
-        >
-          <el-option
-            v-for="item in typelist"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row type="flex" align="middle" :gutter="10" class="el-row">
-      <el-col :span="4" class="text-right">
-        <span class="require-icon">*</span>
-        <span class="text-title">难度：</span>
-      </el-col>
-      <el-col :span="14" class="text-content">
-        <el-select
-          style="width:100%"
-          clearable
-          multiple
-          placeholder="请选择难度"
-        >
-          <el-option
-            v-for="item in typelist"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row type="flex" align="middle" :gutter="10" class="el-row">
-      <el-col :span="4" class="text-right">
-        <span class="require-icon">*</span>
-        <span class="text-title">分类：</span>
-      </el-col>
-      <el-col :span="14" class="text-content">
-        <el-select
-          style="width:100%"
-          clearable
-          multiple
-          placeholder="请选择分类"
-        >
-          <el-option
-            v-for="item in typelist"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          >
-          </el-option>
-        </el-select>
-      </el-col>
-    </el-row>
-  </div>
-    <div style="width: 50%;margin-top: 50px;float: right">
-      <el-row type="flex" align="top" :gutter="10" class="el-row">
-        <el-col :span="4" class="text-right">
-          <span class="text-title">添加习题：</span>
-        </el-col>
-        <el-col :span="14" class="text-content">
-          <el-button style="" @click="next" size="mini">添加</el-button>
-        </el-col>
-      </el-row>
-      <el-row type="flex" align="top" :gutter="10" class="el-row">
-        <el-col :span="14" class="text-content">
-          <el-button style="" @click="next">确认</el-button>
-        </el-col>
-      </el-row>
-    </div>
+  <div style="margin-top: 20px">
+    <el-card shadow="never">
+      <div style="display: flex;float: right">
+        <div>
+          <div style="width: 300px;height: 60px;margin-right: 50px">
+            <div style="align-content: center">
+              <div style="display: flex;float: left;margin-top: 20px;margin-left: 10px">
+              <span style="">习题篮</span>
+              </div>
+              <div style="display: flex;float: left">
+                <div style="margin-top: 12px;margin-left: 10px">
+                <span style="font-size: 30px;">50</span>
+                </div>
+              </div>
+              <div style="display: flex;float: left">
+                <div style="margin-top: 10px;margin-left: 20px">
+                  <img src="../../assets/sz.png" style="width: 40px;height: 40px">
+                </div>
+              </div>
+              <div style="display: flex;float: left">
+                <div style="margin-top: 10px;margin-left: 20px">
+                  <img src="../../assets/msg-course.png" style="width: 40px;height: 40px">
+                </div>
+              </div>
+              <div style="display: flex;float: left">
+                <div style="margin-top: 10px;margin-left: 20px">
+                  <img src="../../assets/delete.png" style="width: 40px;height: 40px">
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <el-form :inline="true">
+          <el-form-item style="margin-top: 10px">
+            <el-upload
+              class="upload"
+              action="#"
+              :show-file-list="true"
+              :on-change="handleExcel"
+              accept="'.xlsx','.xls'"
+              :auto-upload="false">
+              <el-button type="primary">批量导入</el-button>
+            </el-upload>
+          </el-form-item>
+        </el-form>
+        <el-form :inline="true">
+          <el-form-item style="margin-top: 10px">
+            <el-button type="primary"
+                       @click="addCourse()">创建习题
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="crud__left">
+        <el-form :inline="true">
+          <div style="float: right;">
+            <el-row>
+              <el-form-item style="float: left" label="关键子：">
+                <el-input v-model="dataForm.name"
+                          placeholder="关键子" clearable></el-input>
+              </el-form-item>
+              <el-form-item style="float: left" label="类型：">
+                <el-select
+                  clearable
+                  v-model="dataForm.type"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in typeList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item style="float: left" label="难度：">
+                <el-select
+                  clearable
+                  v-model="dataForm.difficulty"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in difficultyList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item style="float: left" label="科目：">
+                <el-select
+                  clearable
+                  multiple
+                  v-model="dataForm.subjectIdList"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in subjectList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item style="float: left" label="状态：">
+                <el-select
+                  clearable
+                  v-model="dataForm.coursestatus"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in statusList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item style="float: left" label="是否真题：">
+                <el-select
+                  clearable
+                  v-model="dataForm.essential"
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="item in essentialList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-row>
+            <el-row>
+              <el-form-item style="float: left" label="创建时间：">
+                <el-date-picker
+                  v-model="dataForm.time"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  style="width: 320px"
+                  end-placeholder="结束日期">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item style="float: right;">
+                <el-button type="primary"
+                           @click="submitClick">查询
+                </el-button>
+              </el-form-item>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+      <div>
+        <el-table :data="dataList" max-height="800">
+          <el-table-column label="序号"
+                           header-align="center" align="center" width="50">
+            <template slot-scope="scope">
+            <span>
+              {{ scope.$index + 1 }}
+            </span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="content" label="习题题干"
+                           header-align="center" align="left" width="300">
+          </el-table-column>
+          <el-table-column prop="type" label="类型"
+                           header-align="center" align="center" width="150">
+            <template slot-scope="scope">
+              <b v-if="scope.row.type === 'SINGLE'">单选题</b>
+              <b v-if="scope.row.type === 'MULTI'">多选题</b>
+              <b v-if="scope.row.type === 'YESNO'">判断题</b>
+            </template>
+          </el-table-column>
+          <el-table-column prop="subjectId" label="科目"
+                           header-align="center" align="center" width="120">
+            <template slot-scope="scope">
+              <b>{{scope.row.subjectName}}</b>
+            </template>
+          </el-table-column>
+          <el-table-column prop="creationTime" label="创建时间"
+                           header-align="center" align="center" width="200">
+            <template slot-scope="scope">
+              <b>{{scope.row.creationTime.toString().substr(0,10)}}</b>
+            </template>
+          </el-table-column>
+          <el-table-column prop="original" label="是否真题"
+                           header-align="center" align="center" width="120">
+            <template slot-scope="scope">
+              <b v-if="scope.row.original">是</b>
+              <b v-else>否</b>
+            </template>
+          </el-table-column>
+          <el-table-column prop="difficulty" label="难度"
+                           header-align="center" align="center" width="150">
+          </el-table-column>
+          <el-table-column prop="collectionNum" label="引用数"
+                           header-align="center" align="center" width="200">
+            <template slot-scope="scope">
+              <b v-if="scope.row.collectionNum !== null">{{scope.row.collectionNum}}</b>
+              <b v-else>0</b>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right" header-align="center" align="center"
+                           width="150">
+            <template slot-scope="scope">
+              <el-button type="text" size="mini"
+                         @click="updateCourse(scope.row)">查看
+              </el-button>
+              <el-button type="text" size="mini"
+                         @click="updateRow(scope.row,'DOWN')">隐藏
+              </el-button>
+              <el-button type="text" size="mini"
+                         @click="updateRow(scope.row,'UP')">加篮
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          :current-page="page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :page-size="limit"
+          :page-sizes="pageSizes"
+          :total="total"
+          @current-change="pageCurrentChangeHandle"
+          @size-change="pageSizeChangeHandle"/>
+      </div>
+    </el-card>
   </div>
 </template>
 <script>
+import { postRequest, getRequest, deleteRequest, putRequest, uploadFileRequest } from '../../utils/api'
 export default {
-  data() {
+  data () {
     return {
-      active: 1,
-      typelist: [],
-      fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}],
-      data: [{
-        label: '一级 1',
-        children: [{
-          label: '二级 1-1',
-          children: [{
-            label: '三级 1-1-1'
-          }]
-        }]
-      }, {
-        label: '一级 2',
-        children: [{
-          label: '二级 2-1',
-          children: [{
-            label: '三级 2-1-1'
-          }]
-        }, {
-          label: '二级 2-2',
-          children: [{
-            label: '三级 2-2-1'
-          }]
-        }]
-      }, {
-        label: '一级 3',
-        children: [{
-          label: '二级 3-1',
-          children: [{
-            label: '三级 3-1-1'
-          }]
-        }, {
-          label: '二级 3-2',
-          children: [{
-            label: '三级 3-2-1'
-          }]
-        }]
-      }],
-    };
+      page: 1, // 当前页码
+      limit: 10, // 每页数
+      total: 0, // 总条数
+      pageSizes: [10, 50, 100, 500, 1000], // 分页条数设置
+      activeName: 'first',
+      dataForm: {
+        essential: '',
+        difficulty: '',
+        name: '',
+        teacherName: '',
+        type: '',
+        coursestatus: '',
+        time: [],
+        subjectIdList: []
+      },
+      typeList: [
+        {
+          id: '',
+          name: '全部'
+        },
+        {
+          id: 'SINGLE',
+          name: '单选题'
+        },
+        {
+          id: 'MULTI',
+          name: '多选题'
+        },
+        {
+          id: 'YESNO',
+          name: '对错题'
+        },
+      ],
+      essentialList: [
+        {
+          id: '',
+          name: '全部',
+        },
+        {
+          id: '1',
+          name: '是',
+        },
+        {
+          id: '2',
+          name: '否',
+        }
+      ],
+      difficultyList: [
+        {
+          id: '',
+          name: '全部'
+        },
+        {
+          id: 1,
+          name: '1'
+        },
+        {
+          id: 2,
+          name: '2'
+        },
+        {
+          id: 3,
+          name: '3'
+        },
+        {
+          id: 4,
+          name: '4'
+        },
+        {
+          id: 5,
+          name: '5'
+        },
+      ],
+      statusList: [
+        {
+          id: '',
+          name: '全部'
+        },
+        {
+          id: '1',
+          name: '未被引用'
+        },
+        {
+          id: '2',
+          name: '被引用'
+        },
+        {
+          id: '3',
+          name: '已隐藏'
+        },
+      ],
+      dataFormType: {
+        name: ''
+      },
+      dataList: [],
+      subjectList: [],
+      teacherList: []
+    }
+  },
+  activated () {
+    this.submitClick()
+    this.getTypeList()
+  },
+  created () {
+    this.submitClick()
+    this.getTypeList()
+    this.getTeacherList()
+  },
+  mounted () {
   },
-
   methods: {
-    next() {
-      if (this.active++ > 1) this.active = 1;
+    //导入表格
+    handleExcel(file) {
+      let formData = new FormData(); //声明一个FormDate对象
+      formData.append("file", file.raw);    //把文件信息放入对象中
+      //调用后台导入的接口
+      uploadFileRequest('/edu/v1/pc/question/upload',formData).then(res => {
+        // console.log(res)
+        if (res.Status && res.Data) {
+          this.$message.success("导入成功");
+          this.getList();   // 导入表格之后可以获取导入的数据渲染到页面，此处的方法是获取导入的数据
+        } else {
+          this.$message.error(res.Message)
+        }
+      }).catch(err => {
+        that.$message({
+          type: 'error',
+          message: '导入失败'
+        })
+      })
+    },
+    //分页-页数
+    pageCurrentChangeHandle (val) {
+      this.page = val
+      this.submitClick()
+    },
+    //分页-条数
+    pageSizeChangeHandle (val) {
+      this.page = 1
+      this.limit = val
+      this.submitClick()
+    },
+    //查询初始化
+    submitClickType: function (item) {
+      var _this = this;
+      this.loading = true;
+      getRequest('/edu/v1/pc/course3', {
+        filer: {name: this.dataForm.name},
+        pagination: {pageNo: 1,pageSize: 10}
+      }).then(resp=> {
+        _this.loading = false;
+        if (resp.status === 200) {
+          this.dataList = resp.data.data.list
+        } else {
+          //失败
+          _this.$alert('');
+        }
+      }, resp=> {
+      });
+    },
+    //状态修改
+    updateRow(row,status){
+      putRequest('/edu/v1/pc/updateCourse/'+row.id+'/'+status).then(res=> {
+        console.log('111----', res)
+        this.$alert('修改成功','修改');
+        this.submitClick()
+      })
+    },
+    //删除
+    deleteRow(row){
+      deleteRequest('/edu/v1/pc/course/'+row.id).then(res=> {
+        console.log('111----', res)
+        this.$alert('删除成功','删除');
+        this.submitClick()
+      })
+    },
+    //查询列表
+    submitClick: function () {
+      var _this = this;
+      this.loading = true;
+      var startTime = ''
+      var endTime = ''
+      if(this.dataForm.time !==null && this.dataForm.time.length>0){
+        startTime = this.dataForm.time[0]
+        endTime = this.dataForm.time[1]
+      }
+      var filter = {
+        filer: {
+          name: this.dataForm.name,
+          type: this.dataForm.type,
+          coursestatus: this.dataForm.coursestatus,
+          subjectIdList: this.dataForm.subjectIdList,
+          teacherName: this.dataForm.teacherName,
+          startTime: startTime,
+          endTime: endTime,
+          difficulty: this.dataForm.difficulty,
+          essential: this.dataForm.essential
+        },
+        pagination: {
+          pageNo: this.page,
+          pageSize: this.limit
+        }
+      }
+      postRequest('/edu/v1/mp/questionList', JSON.stringify(filter)).then(resp=> {
+        _this.loading = false;
+        if (resp.status === 200) {
+          this.dataList = resp.data.data.list
+          this.total = resp.data.data.size
+        } else {
+          //失败
+          _this.$alert('');
+        }
+      }, resp=> {
+      });
+    },
+    getTypeList: function () {
+      var _this = this;
+      this.loading = true;
+      getRequest('/edu/v1/pc/subject/by/name', JSON.stringify({
+        mode: 'all',
+      })).then(resp=> {
+        _this.loading = false;
+        if (resp.status === 200) {
+          this.subjectList = resp.data.data
+        } else {
+          //失败
+          this.$alert('');
+        }
+      }, resp=> {
+      });
+    },
+    getTeacherList: function () {
+      var _this = this;
+      this.loading = true;
+      getRequest('/edu/v1/pc/school/schoolTeacher', JSON.stringify({
+        scope: '10010',
+      })).then(resp=> {
+        _this.loading = false;
+        if (resp.status === 200) {
+          this.teacherList = resp.data.data
+        } else {
+          //失败
+          _this.$alert('');
+        }
+      }, resp=> {
+      });
+    },
+    handleClick(tab, event) {
+      console.log(tab, event);
     },
-    handleRemove(file, fileList) {
-      console.log(file, fileList);
+    addCourse(){
+      // 打开路由
+      this.$router.push({
+        path: "/add-coures",
+        query: {
+        }
+      });
     },
-    handlePreview(file) {
-      console.log(file);
+    updateCourse(row){
+      // 打开路由
+      this.$router.push({
+        path: "/coures-info",
+        query: {
+          couresName: row.type,
+          id: row.id
+        }
+      });
     },
-    finde(){
+    dyOpenTab(){
       // 打开路由
       this.$router.push({
-        path: "/coures",
+        path: "/subscribe",
         query: {
         }
       });
@@ -182,52 +518,22 @@ export default {
   }
 }
 </script>
-<style scoped>
-  .apply-step-box {
-    padding: 24px 104px;
-  }
-  .el-row {
-    margin-bottom: 15px;
-  .text-right {
-    text-align: right;
-  .text-title {
-    color: #606266;
-  }
-  }
-  .text-content {
-  .content-span {
-    color: #909399;
-  }
-  .prompt {
-    font-size: 12px;
-    color: #909399;
-  }
-  .icon-tip {
-    width: 14px;
-    height: 14px;
-  }
-  .button-check {
-    width: 88px;
-    background: #ffffff;
-    color: #409eff;
-    border: 1px solid #409eff;
-    border-radius: 0px 4px 4px 0px;
-  }
-  .color-red {
-    color: #f56c6c;
-  }
-  .font-12 {
-    font-size: 12px;
-  }
-  }
-  .word-break {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .require-icon {
-    font-size: 14px;
-    color: #ff0000;
+<style type="text/css">
+  .crud__left {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    float: left;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end
   }
+  .crud__right {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end
   }
 </style>
diff --git a/src/page/exercises/exercises.vue b/src/page/exercises/exercises.vue
index 4c7c1a4..182f337 100644
--- a/src/page/exercises/exercises.vue
+++ b/src/page/exercises/exercises.vue
@@ -1,142 +1,82 @@
 <template>
   <div>
-    <el-container style="height: 500px; border: 1px solid #eee">
-    <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
-      <el-menu :default-openeds="['1', '3']">
-        <el-button style="margin-top: 20px" size="mini" type="primary"
-                   @click="">新建分类
-        </el-button>
-        <div>
-          <el-input v-model="dataForm.kc" size="mini"
-                    placeholder="习题名称" clearable style="width: 50%;float: left;margin-top: 20px;margin-left: 10px"></el-input>
-          <el-button style="margin-top: 20px" type="primary" size="mini"
-                     @click="">查询
-          </el-button>
+    <div style="margin-top: 50px;width: 100%;display: flex">
+      <div style="width: 300px;height: 200px;background-color: #8cc5ff;margin-left: 120px">
+        <div style="align-content: center">
+          <div style="padding-top: 60px;font-size: 30px;font-weight: bolder;color: #ffffff">{{classNum}}</div>
+          <div style="padding-top: 10px;color: #ffffff">习题库</div>
         </div>
-        <el-submenu index="1">
-          <template slot="title"><i class="el-icon-message"></i>所有科目</template>
-          <el-submenu index="1-1">
-            <template slot="title">数学</template>
-            <el-menu-item index="1-4-1">数学1</el-menu-item>
-          </el-submenu>
-          <el-submenu index="1-2">
-            <template slot="title">语文</template>
-            <el-menu-item index="1-4-1">语文1</el-menu-item>
-          </el-submenu>
-          <el-submenu index="1-3">
-            <template slot="title">化学</template>
-            <el-menu-item index="1-4-1">化学1</el-menu-item>
-          </el-submenu>
-          <el-submenu index="1-4">
-            <template slot="title">英语</template>
-            <el-menu-item index="1-4-1">英语1</el-menu-item>
-          </el-submenu>
-          <el-submenu index="1-5">
-            <template slot="title">物理</template>
-            <el-menu-item index="1-5-1">物理1</el-menu-item>
-          </el-submenu>
-        </el-submenu>
-      </el-menu>
-    </el-aside>
-      <el-container>
-    <el-card shadow="never">
-      <div class="crud__left">
-        <el-form :inline="true">
-          <el-form-item>
-            <el-button type="primary" size="mini"
-                       @click="addExamination">新建习题集
-            </el-button>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" size="mini"
-                       @click="">移动到分类
-            </el-button>
-          </el-form-item>
-        </el-form>
       </div>
-      <div class="crud__right">
-        <el-form :inline="true">
-          <div style="float: right;">
-            <el-form-item style="float: left">
-
-              <el-input v-model="dataForm.kc" size="mini"
-                        placeholder="习题名称" clearable></el-input>
-            </el-form-item>
-            <el-form-item style="float: right">
-              <el-button type="primary" size="mini"
-                         @click="">查询
-              </el-button>
-            </el-form-item>
+    </div>
+    <div style="display: flex">
+      <div style="margin-left: 213px;margin-top: 20px">
+        <el-button type="primary" @click="examination()">管理习题库</el-button>
+      </div>
+    </div>
+    <div style="width: 100%;margin-top: 50px;display: flex">
+      <div style="width: 300px;height: 200px;background-color: #f9a7a7;float: left;margin-left: 120px">
+        <div style="align-content: center">
+          <div style="padding-top: 60px;font-size: 30px;font-weight: bolder;color: #ffffff">{{courseNum}}</div>
+          <div style="padding-top: 10px;color: #ffffff">随堂练习</div>
+        </div>
+        <div style="display: flex">
+          <div style="margin-left: 93px;margin-top: 130px">
+            <el-button type="primary">管理习题集</el-button>
           </div>
-        </el-form>
+        </div>
       </div>
-      <div>
-        <el-table :data="dataList" border>
-          <el-table-column prop="kcName" label="习题集名称" fixed
-                            header-align="center" align="left" width="250">
-          </el-table-column>
-          <el-table-column prop="kcName" label="类型" fixed
-                           header-align="center" align="center" width="150">
-          </el-table-column>
-          <el-table-column prop="kcName" label="题目数" fixed
-                           header-align="center" align="center" width="150">
-          </el-table-column>
-          <el-table-column prop="kcName" label="难度" fixed
-                           header-align="center" align="center" width="150">
-          </el-table-column>
-          <el-table-column prop="kcName" label="当前状态" fixed
-                           header-align="center" align="center" width="150">
-          </el-table-column>
-          <el-table-column prop="kcName" label="创建人" fixed
-                           header-align="center" align="center" width="150">
-          </el-table-column>
-          <el-table-column prop="kcName" label="创建时间" fixed
-                           header-align="center" align="center" width="200">
-          </el-table-column>
-          <el-table-column prop="kcName" label="上次更新时间" fixed
-                           header-align="center" align="center" width="200">
-          </el-table-column>
-          <el-table-column label="操作" fixed="right" header-align="center" align="center"
-                            width="120">
-            <template slot-scope="scope">
-              <el-button type="text" size="mini"
-                         @click="">编辑
-              </el-button>
-              <el-button type="text" size="mini"
-                         @click="">删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
+      <div style="width: 300px;height: 200px;background-color: #a4da89;float: left;margin-left: 100px">
+        <div style="align-content: center">
+          <div style="padding-top: 60px;font-size: 30px;font-weight: bolder;color: #ffffff">{{xtNum}}</div>
+          <div style="padding-top: 10px;color: #ffffff">真题演练</div>
+        </div>
+      </div>
+      <div style="width: 300px;height: 200px;background-color: #f0c78a;float: left;margin-left: 100px">
+        <div style="align-content: center">
+          <div style="padding-top: 60px;font-size: 30px;font-weight: bolder;color: #ffffff">{{ksNum}}</div>
+          <div style="padding-top: 10px;color: #ffffff">自组试卷</div>
+        </div>
       </div>
-    </el-card>
-      </el-container>
-    </el-container>
+    </div>
   </div>
 </template>
 <script>
+import { postRequest } from '../../utils/api'
 export default {
   data () {
     return {
-      dataForm: {
-        kc: ''
-      },
-      dataList: [
-        {
-          kcName: '1223'
-        },
-        {
-          kcName: '1223'
-        }
-      ]
+      classNum: '',
+      courseNum: '',
+      xtNum: '',
+      ksNum: ''
     }
   },
   activated () {
   },
+  created () {
+    this.getTypeList()
+  },
   mounted () {
   },
   methods: {
-    addExamination(){
+    getTypeList: function () {
+      var _this = this;
+      this.loading = true;
+      postRequest('/edu/v1/pc/courseTj').then(resp=> {
+        _this.loading = false;
+        if (resp.status === 200) {
+          this.classNum = resp.data.data.classNum
+          this.courseNum = resp.data.data.courseNum
+          this.xtNum = resp.data.data.xtNum
+          this.ksNum = resp.data.data.ksNum
+        } else {
+          //失败
+          _this.$alert('');
+        }
+      }, resp=> {
+      });
+    },
+    examination(){
       // 打开路由
       this.$router.push({
         path: "/exercises-info",
diff --git a/src/router/index.js b/src/router/index.js
index 7f4de3d..b581d21 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -12,7 +12,7 @@ import couresInfo from '@/page/coures/coures-info' //课程管理
 import subscribe from '@/page/coures/subscribe' //课程管理
 import examination from '@/page/examination/examination' //新建习题
 import examinationInfo from '@/page/examination/examination-info' //新建考试
-import exercisesInfo from '@/page/exercises/exercises-info' //新建习题
+import exercisesInfo from '@/page/exercises/exercises-info' //习题库管理
 import addCoures from '@/page/coures/add-coures' //新建习题
 
 Vue.use(Router)
@@ -59,12 +59,12 @@ export default new Router({
     {
       path: '/home',
       component: Home,
-      name: '课程管理',
+      name: '课程',
       children: [
         {
           path: '/coures',
           iconCls: 'fa fa-user-o',
-          name: '课程管理',
+          name: '课程',
           component: coures
         }
       ]
@@ -72,12 +72,12 @@ export default new Router({
     {
       path: '/home',
       component: Home,
-      name: '随堂练习',
+      name: '习题',
       children: [
         {
           path: '/exercises',
           iconCls: 'fa fa-user-o',
-          name: '随堂练习',
+          name: '习题',
           component: exercises
         }
       ]
@@ -86,6 +86,7 @@ export default new Router({
       path: '/home',
       component: Home,
       name: '考试管理',
+      hidden: true,
       children: [
         {
           path: '/examination',
@@ -112,13 +113,13 @@ export default new Router({
     {
       path: '/home',
       component: Home,
-      name: '新增习题',
+      name: '习题库管理',
       hidden: true,
       children: [
         {
           path: '/exercises-info',
           iconCls: 'fa fa-user-o',
-          name: '新增习题',
+          name: '习题库管理',
           component: exercisesInfo
         }
       ]
@@ -169,6 +170,7 @@ export default new Router({
       path: '/home',
       component: Home,
       name: '答题统计',
+      hidden: true,
       children: [
         {
           path: '/statistics',
@@ -182,6 +184,7 @@ export default new Router({
       path: '/home',
       component: Home,
       name: '错题本',
+      hidden: true,
       children: [
         {
           path: '/WrongTopic',