소스 검색

修改荔园课程建设精品课程

11wqe1 2 달 전
부모
커밋
58bf88795f
3개의 변경된 파일34개의 추가작업 그리고 11개의 파일을 삭제
  1. 3 0
      src/assets/icon/liyuan/arrow-up.svg
  2. 30 10
      src/components/pages/liyuan/CourseCon.vue
  3. 1 1
      src/components/pages/liyuan/components/card.vue

+ 3 - 0
src/assets/icon/liyuan/arrow-up.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.87109 7C9.87109 7.12775 9.83001 7.23249 9.74805 7.31445L4.86719 11.9629C4.77591 12.0448 4.67575 12.0859 4.56641 12.0859C4.45706 12.0859 4.3569 12.0448 4.26563 11.9629L4.25195 11.9629C4.17 11.8809 4.12891 11.783 4.12891 11.6689C4.12892 11.5549 4.17001 11.4569 4.25195 11.375L8.8457 7L4.25195 2.625C4.17001 2.54305 4.12892 2.44507 4.12891 2.33105C4.12891 2.21701 4.16999 2.11907 4.25195 2.03711L4.26563 2.03711C4.3569 1.95519 4.45706 1.91406 4.56641 1.91406C4.67575 1.91406 4.77591 1.95519 4.86719 2.03711L9.74805 6.68555C9.83001 6.76751 9.87109 6.87225 9.87109 7Z" fill="#969BA3"/>
+</svg>

+ 30 - 10
src/components/pages/liyuan/CourseCon.vue

@@ -4,12 +4,12 @@
     <div class="cardBox">
       <card v-for="item in cardArray" :key="item.title" :title="item.title" :icon="item.icon" :to="item.to" :type="item.type"></card>
     </div>
-      <div class="courseList" v-loading="isLoading">
+    <div class="courseList" v-loading="isLoading">
       <div class="courseListTit">精品课程</div>
       <div class="courseListSearch">
         <div style="display: flex;gap: 25px;">
-            <el-select v-for="(i,index) in typeList" :key="index" v-model="i.typeE" @change="search" :placeholder="i.name">
-              <el-option value="0" label="全部"></el-option>
+            <el-select v-for="(i,index) in typeList" clearable :key="index" v-model="i.typeE" @change="search" :placeholder="i.name">
+              <el-option :value="false" label="全部"></el-option>
               <el-option
                 v-for="item in i.child"
                 :key="item.id"
@@ -66,6 +66,10 @@
           </div>
         </div>
       </div>
+      <div class="moreL" @click="lookMore">
+        <div>查看更多</div>
+        <img style="margin-top: 1px;" src="../../../assets/icon/liyuan/arrow-up.svg" alt="">
+      </div>
 
     </div>
   </div>
@@ -84,6 +88,7 @@ export default {
   },
   data() {
     return {
+      betaL:'beta',
       typeList:[],
       CourseType:[],
       CourseTypeJson:[],
@@ -98,7 +103,7 @@ export default {
       userid:this.$route.query["userid"],
       role:this.$route.query["role"],
       page:1,
-      pageSize:20,
+      pageSize:8,
       cardArray: [
         { title: '课程管理', icon: require('../../../assets/icon/liyuan/niandukaohe.svg'), type: 1, to: "/course" },
         { title: '课程中心', icon: require('../../../assets/icon/liyuan/gerendangan.svg'), type: 4, to: `/pbl-student-table/dist/#/index?userid=${this.$route.query.userid}&oid=${this.$route.query.oid}&org=${this.$route.query.org}&tType=${this.$route.query.tType}&cid=&screenType=3&gotype=1` },
@@ -109,7 +114,7 @@ export default {
       ]
     }
   },
-    methods:{
+  methods:{
     search() {
       console.log('6666');
       this.isLoading = true;
@@ -117,6 +122,13 @@ export default {
       this.page = 1;
       this.getCourse();
     },
+    lookMore(){
+        sessionStorage.setItem('gotype', this.$route.path);
+        let to = `/pbl-student-table/dist/#/index?userid=${this.$route.query.userid}&oid=${this.$route.query.oid}&org=${this.$route.query.org}&role=${this.$route.query.role}&tType=${this.$route.query.tType}&cid=&screenType=3&gotype=1`
+        let con = this.betaL =='beta'? 'https://beta.pbl.cocorobo.cn' : 'https://pbl.cocorobo.cn'
+        console.log( `${con}${to}`);
+        window.location.href = `${con}${to}`;
+    },
     selectAllType() {
       let params = {
         org: this.org && this.org != "" ? this.org : "",
@@ -217,7 +229,7 @@ export default {
       console.log('params',params);
       
       this.ajax
-        .get(this.$store.state.api + "selectCourseNew2", params)
+        .get(this.$store.state.api + "selectCourseNew2Liyuan", params)
         .then((res) => {
           // this.loading.close();
           // this.loading = "";
@@ -285,6 +297,7 @@ export default {
     },
   },
   mounted(){
+    this.betaL = window.location.href.includes("beta") ? "beta" : "cloud"
     this.selectAllType()
   }
 }
@@ -346,13 +359,12 @@ export default {
   background: #E7E7E7;
 }
 .courseDataL{
-  display: flex;
-
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);  
   gap: 20px;
 }
 .Conblock{
   display: flex;
-  width: 300px;
   flex-direction: column;
   gap: 15px;
   background: #fff;
@@ -385,7 +397,6 @@ export default {
   border: 1px solid #000000;
   width: 68;
   height: 28;
-  angle: 0 deg;
   opacity: 1;
   gap: 10px;
   cursor: pointer;
@@ -396,4 +407,13 @@ export default {
   padding-left: 20px;
   border-width: 1px;
 }
+.moreL{
+  font-family: PingFang HK;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  color: #969BA3;
+  justify-content: flex-end;
+  cursor: pointer;
+}
 </style>

+ 1 - 1
src/components/pages/liyuan/components/card.vue

@@ -57,7 +57,7 @@ export default {
         }
     },
     mounted(){
-        // this.betaL = window.location.href.includes("beta") ? "beta" : "cloud"
+        this.betaL = window.location.href.includes("beta") ? "beta" : "cloud"
     }
 }
 </script>