From a2ce7305debdeb27282805db864ab6a35c962d8b Mon Sep 17 00:00:00 2001
From: zhaofang <752743406@qq.com>
Date: Fri, 9 Sep 2022 17:17:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss      | 12 ++++----
 src/icons/svg/upCourse.svg        |  1 +
 src/views/portal/course/Index.vue | 46 +++++++++++++++++--------------
 3 files changed, 33 insertions(+), 26 deletions(-)
 create mode 100644 src/icons/svg/upCourse.svg

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index ef8a48c9..550b976f 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -272,16 +272,18 @@ li{
     }
 }
 .el-button--primary{
-    background-color: #588afc;
-    border-color: #588afc;
+    background-color: #fff;
+    border-color: #fff;
 }
 .el-radio-button__orig-radio:checked+.el-radio-button__inner{
-    background-color: #588afc;
-    border-color: #588afc;
+    background-color: #fff;
+    border-color: #fff;
+    box-shadow:none;
+    color: #387DF7;
 }
 .el-tag--plain{
     background-color: #fff;
-    border-color: #588afc;
+    border-color: #fff;
     color: #588afc
 }
 .el-tag{
diff --git a/src/icons/svg/upCourse.svg b/src/icons/svg/upCourse.svg
new file mode 100644
index 00000000..cc5d89ad
--- /dev/null
+++ b/src/icons/svg/upCourse.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 50 50" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><image xlink:href="data:img/png;base64,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" height="49" width="49" data-name="图层 1"/></svg>
\ No newline at end of file
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 31ebe097..eccaee7e 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -21,8 +21,7 @@
               <el-col :span="24">
                 <div style="margin-top:10px; display: flex;">
                   <div style="line-height: 25px;padding-right: 10px;">
-                    <span class="item-title" style="padding-right: 5px;">授课方式</span>
-                    <span class="item-line"></span>
+                    <span class="item-title" style="padding-right: 5px;">授课方式:</span>
                   </div>
                   <!-- // 10微课，21在线课(直播)；20:在线课( 录播)；30:面授课；40:学习项目,90:混合式， -->
                   <div>
@@ -41,8 +40,7 @@
                 <el-col :span="24">
                   <div style="margin-top:10px;display: flex;">
                     <div style="line-height: 25px;padding-right: 10px;">
-                      <span class="item-title" style="padding-right: 5px;">内容分类</span>
-                      <span class="item-line"></span>
+                      <span class="item-title" style="width: 70px;">分类:</span>
                     </div>
                     <el-radio-group  v-model="types.sysTypes" size="mini" @change="changeType">
                       <el-radio-button :label="null">全部</el-radio-button>
@@ -55,16 +53,23 @@
                       </span>
                   </div>
                   <div class="search-item-sub" v-if="types.oneSubList.length != 0">
-                    <el-radio-group v-model="types.subOne" size="mini"  @change="changeTypeSub">
-                      <el-radio-button label="0">全部</el-radio-button>
-                      <el-radio-button v-for="item in types.oneSubList" :key="item.id" :label="item.id">{{item.name}}</el-radio-button>
-                    </el-radio-group>
+                    <span class="item-title" style="width: 74px;">分类:</span>
+                    <div style="margin-top:10px">
+                      <el-radio-group v-model="types.subOne" size="mini"  @change="changeTypeSub">
+                        <el-radio-button label="0">全部</el-radio-button>
+                        <el-radio-button v-for="item in types.oneSubList" :key="item.id" :label="item.id">{{item.name}}</el-radio-button>
+                      </el-radio-group>
+                    </div>
                   </div>
                    <div class="search-item-sub" v-if="types.towSubList.length != 0">
-                    <el-radio-group v-model="types.subTow" size="mini" @change="searchData">
-                      <el-radio-button label="0">全部</el-radio-button>
-                      <el-radio-button v-for="item in types.towSubList" :key="item.id" :label="item.id">{{item.name}}</el-radio-button>
-                    </el-radio-group>
+                    <span class="item-title" style="width: 40px;">分类:</span>
+                    <div style="margin-top:10px">
+                      <el-radio-group v-model="types.subTow" size="mini" @change="searchData" >
+                        <el-radio-button label="0">全部</el-radio-button>
+                        <el-radio-button v-for="item in types.towSubList" :key="item.id" :label="item.id">{{item.name}}</el-radio-button>
+                      </el-radio-group>
+                    </div>
+                    
                   </div>
                 </el-col>
               </el-row>
@@ -117,7 +122,11 @@
           <div>
             <div id="fixd-box">
             <div v-if="identity == 2 || identity == 3 || identity == 5">
-              <el-button style="width: 100%;margin-bottom:15px;height: 37px;border-radius: 0;" type="primary" @click="toNeedCourse">做课程</el-button>
+              <!-- <el-button style="width: 100%;margin-bottom:15px;height: 37px;border-radius: 0;" type="primary" @click="toNeedCourse">做课程</el-button> -->
+              <div class="portal-model-btn" @click="toNeedCourse">
+                    <svg-icon style="margin-right: 10px;font-size: 24px;" icon-class="upCourse"></svg-icon>
+                    上传课程
+              </div>
             </div>
             <div class="ranking-card portal-right-box list-bg">
                 <p class="portal-title-one" style="padding-bottom:12px">好评榜</p>
@@ -1010,15 +1019,9 @@ export default {
 //   flex-wrap: wrap;
 // }
 .item-title {
-  // margin-top: 10px;
-  // margin-bottom: 5px;
-  // margin-right: 10px;
-  // margin: 10px;
   margin: 10px 10px 10px 0;
-  //font-size: 14px;
-  font-weight: 600;
-  color: #333333;
-  // line-height: 20px;
+  font-size: 14px;
+  color: #6E7B84;
 }
 .item-line {
   padding-left: 2px;
@@ -1345,6 +1348,7 @@ export default {
     }
     .search-item-sub {
       // margin-top: 10px;
+      display: flex;
     }
   }
   .search-div-collapse {