ソースを参照

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

11wqe1 2 ヶ月 前
コミット
58bf88795f

+ 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>