前端页面改造

src/assets/common.css

@@ -271,12 +271,12 @@ ul,li{
   outline: none;
 }
 .el-message-box button.el-button--primary{
-  border-color: #4497F8;
-  background: #4497F8;
+  border-color: #FC9933;
+  background: #FC9933;
 }
 .el-message-box button.el-button--primary:hover{
-  border-color: #4497F8;
-  background: #4497F8;
+  border-color: #FC9933;
+  background: #FC9933;
   opacity: 0.6;
 }
 @media only screen and (min-width: 1200px) {

src/components/foot.scss

@@ -3,7 +3,7 @@
     width: 100%;
     background: #ECECED;
     // .connect-a {list-style: none; text-decoration:none;color: #333333;}
-    .connect-a:hover{text-decoration:none; cursor:pointer;color: #4497F8;}/*a标签鼠标经过mouseover时的样式*/
+    .connect-a:hover{text-decoration:none; cursor:pointer;color: #FC9933;}/*a标签鼠标经过mouseover时的样式*/
     .connect-a:link{text-decoration:none; cursor:pointer;} /*a标签未访问时的样式*/
     .connect-a:visited{text-decoration:none ; cursor:pointer;}/*a标签访问过之后样式*/
     .connect-a:active{text-decoration:none;cursor:pointer;}/*a标签鼠标按下mousedown时的样式*/

src/components/swiperCoach.vue

@@ -18,8 +18,8 @@
         </swiper-slide>
         <!-- <div class="swiper-pagination" slot="pagination"></div> -->
       </swiper>
-      <div class="swiper-button-prev "></div>
-      <div class="swiper-button-next"></div>
+      <div class="swiper-button-prev prev3"></div>
+      <div class="swiper-button-next next3"></div>
 
     </div>
 
@@ -34,19 +34,20 @@ export default {
   data() {
     return {
       swiperOption: {
-        loop: false,
+        loop: true,
         autoplay: 3000,
         speed: 1000,
         slidesPerView: 5,
         spaceBetween: 10,
+        loopedSlides :5,
         paginationClickable: true,
         pagination: {
           el: '.swiper-pagination',
           clickable: true
         },
         navigation: {
-          nextEl: '.swiper-button-prev',
-          prevEl: '.swiper-button-next'
+          prevEl: '.swiper-button-prev.prev3',
+          nextEl: '.swiper-button-next.next3'
         }
       },
     }
@@ -103,13 +104,13 @@ export default {
 
 }
 
-.swiper-button-prev {
+.swiper-button-prev.prev3 {
   background: url('../assets/images/swiperLeft.png');
   background-size: 27px 44px;
   margin-left: 20px;
 }
 
-.swiper-button-next {
+.swiper-button-next.next3 {
   background: url('../assets/images/swiperRight.png');
   background-size: 27px 44px;
   margin-right: 20px;

src/components/swiperSchool.vue

@@ -3,22 +3,22 @@
 <template>
   <div>
     <div class="swiper-container">
-      <swiper :options="swiperOption" ref="myswiper">
-        <swiper-slide v-for="(item, index) in swiperSchoolList" :key="index" class="slide1">
-          <div class="swiper-slide_inner">
+      <swiper :options="swiperOption" ref="swiperSchool" v-if="swiperSchoolList.length">
+        <swiper-slide v-for="(item, index) in swiperSchoolList" :key="index" class="slide1" >
+          <div class="swiper-slide_inner" @click="itemClick(item)">
             <div class="cover">
               <img :src="item.chargeBulletinBoard" alt="">
             </div>
             <div class="text">
-              <div class="txt oneRowTxt">{{ item.schoolName}}</div>
+              <div class="txt oneRowTxt">{{ item.schoolName }}</div>
               <div class="txt oneRowTxt">{{ item.commonPhone }}</div>
             </div>
           </div>
         </swiper-slide>
         <!-- <div class="swiper-pagination" slot="pagination"></div> -->
       </swiper>
-      <div class="swiper-button-prev2"></div>
-      <div class="swiper-button-next2"></div>
+      <div class="swiper-button-prev prev2"></div>
+      <div class="swiper-button-next next2"></div>
 
       <!-- <div class="swiper-button-prev2" slot="button-prev"> </div> -->
       <!-- <div class="swiper-button-next2" slot="button-next"> </div> -->
@@ -37,24 +37,36 @@ export default {
     return {
       swiperOption: {
         loop: true,
-        autoplay: 3000,
+        autoplay: 2000,
         slidesPerView: 'auto',
         speed: 600,
         slidesPerView: 4,
         spaceBetween: 16,
-        // prevButton: '.swiper-button-prev2',
-        // nextButton: '.swiper-button-next2',
-        // pagination: '.swiper-pagination',
+        preventClicks: false,
+        loopedSlides :4,
         paginationClickable: true,
         navigation: {
-          prevEl: '.swiper-button-prev2',
-          nextEl: '.swiper-button-next2'
-        }
+          prevEl: '.swiper-button-prev.prev2',
+          nextEl: '.swiper-button-next.next2'
+        },
       },
     }
   },
-  monted() {
+  computed: {
+    swiper() {
+      return this.$refs.swiperSchool.swiper
+    }
+  },
  
+  methods: {
+    itemClick(item) {
+      this.$router.push({
+        name: 'Drivedetail',
+        query: {
+          id: item.trainingSchoolId
+        }
+      })
+    }
   }
 }
 </script>
@@ -62,6 +74,7 @@ export default {
 <style lang="scss" scoped>
 .slide1 {
   transition: .2s;
+
   &:hover {
     transform: scale(1.05);
   }
@@ -71,6 +84,7 @@ export default {
   padding: 20px 0;
   height: 351px;
 }
+
 .swiper-slide_inner {
   width: 280px;
   height: 313px;
@@ -83,20 +97,24 @@ export default {
     width: 100%;
     background: #f6f6f6;
     height: 220px;
+
     img {
       width: 100%;
       height: 100%;
       display: block;
     }
   }
+
   .text {
     padding: 20px 0 0 20px;
     // border: 1px solid #949494;
     box-sizing: border-box;
+
     // border-top: none;
     .txt {
       font-size: 18px;
       color: #333;
+
       &:first-child {
         margin-bottom: 10px;
       }
@@ -104,31 +122,30 @@ export default {
   }
 }
 
-.swiper-button-prev2 {
+.swiper-button-prev.prev2 {
   background: url('../assets/images/swiperLeft.png') no-repeat;
   background-size: 27px 44px;
   position: absolute;
-    top: 50%;
-    width: 27px;
-    height: 44px;
-    margin-top: -22px;
-    left: 30px;
-    // margin-left: 20px;
-    z-index: 10;
-    cursor: pointer;
+  top: 50%;
+  width: 27px;
+  height: 44px;
+  margin-top: -22px;
+  left: 30px;
+  // margin-left: 20px;
+  z-index: 10;
+  cursor: pointer;
 }
 
-.swiper-button-next2 {
+.swiper-button-next.next2 {
   background: url('../assets/images/swiperRight.png')no-repeat;
   background-size: 27px 44px;
   position: absolute;
-    top: 50%;
-    width: 27px;
-    height: 44px;
-    right: 30px;
-    // margin-right: 20px;
-    margin-top: -22px;
-    z-index: 10;
-    cursor: pointer;
-}
-</style>
+  top: 50%;
+  width: 27px;
+  height: 44px;
+  right: 30px;
+  // margin-right: 20px;
+  margin-top: -22px;
+  z-index: 10;
+  cursor: pointer;
+}</style>

src/views/about/index.scss

@@ -87,7 +87,7 @@
           &:hover{
             .li-text{
               .text{
-                color: #4497F8;
+                color: #FC9933;
               }
             }
           }
@@ -173,7 +173,7 @@
     justify-content: center;
     margin-bottom: 74px;
     /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-      background: #4497F8;
+      background: #FC9933;
     }
   }
 }

src/views/contact/index.scss

@@ -29,8 +29,8 @@
       border-radius: 12px;
     }
     /deep/ .el-button--primary {
-      background-color: #4497F8;
-      border-color: #4497F8;
+      background-color: #FC9933;
+      border-color: #FC9933;
     }
     .type-select{
       display: flex;
@@ -49,7 +49,7 @@
           margin-right: 24px;
         }
         &.is-action{
-          background:#4497F8;
+          background:#FC9933;
           color: #FFFFFF;
         }
       }

src/views/contact/index.vue

@@ -41,12 +41,12 @@
             <el-form-item label="内容详情" prop="desc">
               <el-input type="textarea" v-model="ruleForm.desc" placeholder="请输入您要咨询或投诉的内容"></el-input>
             </el-form-item>
-            <!-- <el-form-item label="上传图片">
+            <el-form-item label="上传图片">
               <el-upload
                 action="/api/index/uploadFile.do"
                 list-type="picture-card"
                 name="file"
-                :limit=5
+                :limit="3"
                 :on-preview="handlePictureCardPreview"
                 :on-remove="handleRemove"
                 :on-success="handleSuccess"
@@ -56,7 +56,7 @@
               <el-dialog :visible.sync="dialogVisible">
                 <img width="100%" :src="dialogImageUrl" alt="">
               </el-dialog>
-            </el-form-item> -->
+            </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
               <el-button @click="resetForm('ruleForm')">重置</el-button>

src/views/culture/index.scss

@@ -33,7 +33,7 @@
           &:hover{
             .li-detail{
               .detail-writing{
-                color: #4497F8;
+                color: #FC9933;
               }
             }
           }
@@ -71,7 +71,7 @@
         justify-content: center;
         margin-bottom: 74px;
         /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-          background: #4497F8;
+          background: #FC9933;
         }
       }
     }
@@ -112,7 +112,7 @@
     justify-content: center;
     margin-bottom: 74px;
     /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-      background: #4497F8;
+      background: #FC9933;
     }
   }
 }

src/views/driveDetail/index.scss

@@ -112,7 +112,7 @@
       width: 152px;
       height: 48px;
       border-radius: 10px;
-      background: #4497F8;
+      background: #FC9933;
       font-size: 16px;
       font-weight: bold;
       color: #FFFFFF;
@@ -158,9 +158,9 @@
     }
 
     /deep/ .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
-      border-top: 2px solid #4497F8;
+      border-top: 2px solid #FC9933;
       background: #FFFFFF;
-      color: #4497F8;
+      color: #FC9933;
     }
 
     .pane-title {
@@ -313,7 +313,7 @@
       .address-text {
         font-size: 16px;
         font-weight: 400;
-        color: #4497F8;
+        color: #FC9933;
       }
     }
 
@@ -343,3 +343,40 @@
 
   }
 }
+
+.ul {
+  width: 1200px;
+height: 187px;
+background: #FFFFFF;
+border: 1px solid rgba(148,148,148,0.4);
+display: flex;
+justify-content: space-around;
+border-radius: 4px;
+align-items: center;
+  margin: 30px 0 60px 0;
+  .li {
+    
+    .num_row {
+      display: flex;
+    align-items: flex-end;
+      .num {
+        font-size: 50px;
+        color: #FF7933;
+      }
+  
+      .unit {
+        font-size: 16px;
+        color: #666;
+        margin-left: 6px;
+        margin-bottom: 8px;
+      }
+    }
+  
+    .lab {
+      margin-top: 10px;
+      text-align: center;
+      color: #666;
+
+    }
+  }
+}

src/views/driveDetail/index.vue

@@ -50,6 +50,45 @@
           </div>
           <div class="demeanor-btn">报名咨询</div>
         </div>
+
+        <!-- 统计区域 -->
+        <div class="ul">
+          <div class="li">
+            <div class="num_row">
+              <div class="num">0</div>
+              <div class="unit">元</div>
+            </div>
+            <div class="lab">报名费</div>
+          </div>
+          <div class="li">
+            <div class="num_row">
+              <div class="num">100</div>
+              <div class="unit">元</div>
+            </div>
+            <div class="lab">课时单价</div>
+          </div>
+          <div class="li">
+            <div class="num_row">
+              <div class="num">100</div>
+              <div class="unit">元</div>
+            </div>
+            <div class="lab">车辆数</div>
+          </div>
+          <div class="li">
+            <div class="num_row">
+              <div class="num">100</div>
+              <div class="unit">元</div>
+            </div>
+            <div class="lab">教练数</div>
+          </div>
+          <div class="li">
+            <div class="num_row">
+              <div class="num">100</div>
+              <div class="unit">元</div>
+            </div>
+            <div class="lab">预约数</div>
+          </div>
+        </div>
         <!-- 驾校详情 -->
         <div class="driving-detail">
           <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
@@ -77,87 +116,22 @@
                 </div>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="教练员" name="coach">
-              <div class="pane-title">
-                <p class="title-circle"></p>
-                <p class="title-text">教练员</p>
-              </div>
-              <div class="pane-demeanor-list" v-if="coachList">
-                <div class="pane-demeanor" v-for="item in coachList" :key="item.coachId">
-                  <div class="node-img">
-                    <img
-                      class="driving-img"
-                      :src="item.image"
-                    />
-                  </div>
-                  <div class="node-info">
-                    <div class="info-title">{{item.coachName}}</div>
-                    <div class="info-score">
-                      <el-rate
-                        class="score-rate"
-                        :value="item.starLevel"
-                        disabled
-                        text-color="#ff9900"
-                      ></el-rate>
-                      <p class="score-nub">{{item.starLevel}}分</p>
-                    </div>
-                    <div class="info-address">
-                      <p class="address-text">
-                        所属驾校：{{ dataSheetDetail.schoolName }}
-                      </p>
-                    </div>
-                    <div class="info-phone">
-                      <p class="phone-text">准教车型：{{item.driveModel}}</p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </el-tab-pane>
-            <el-tab-pane label="教练车" name="coachcar">
-              <div class="pane-title">
-                <p class="title-circle"></p>
-                <p class="title-text">教练车</p>
-              </div>
-              <div class="pane-imgs">
-                <div class="imgs-context">
-                  <img
-                    class="driving-img"
-                    src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png"
-                  />
-                </div>
-                <div class="imgs-context">
-                  <img
-                    class="driving-img"
-                    src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png"
-                  />
-                </div>
-                <div class="imgs-context">
-                  <img
-                    class="driving-img"
-                    src="../../assets/zlxcimgs/second_icon_zhaopian@2x.png"
-                  />
-                </div>
-              </div>
-            </el-tab-pane>
+            
             <el-tab-pane label="班型" name="classtype">
-              <div class="pane-title">
-                <p class="title-circle"></p>
-                <p class="title-text">班型</p>
-              </div>
               <div class="pane-table">
                 <el-table :data="tableData" border style="width: 100%">
                   <el-table-column prop="classModel" label="驾照类型" width="180">
                   </el-table-column>
                   <el-table-column prop="className" label="班型" width="180">
                   </el-table-column>
-                  <el-table-column prop="totalPrice" label="学车总金额 (元)">
+                  <el-table-column prop="totalPrice" label="套餐金额 (元)">
                   </el-table-column>
-                  <el-table-column prop="remark" label="班型介绍">
+                  <el-table-column prop="remark" label="套餐属性">
                   </el-table-column>
                 </el-table>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="报名地址" name="registration">
+            <el-tab-pane label="地址电话" name="registration">
               <div class="pane-title">
                 <p class="title-circle"></p>
                 <p class="title-text">报名地址</p>
@@ -169,9 +143,7 @@
                 />
                 <p class="address-text">{{ dataSheetDetail.address }}</p>
               </div>
-            </el-tab-pane>
-            <el-tab-pane label="报名咨询" name="advisory">
-              <div class="pane-title">
+              <div class="pane-title" style="margin-top: 40px;">
                 <p class="title-circle"></p>
                 <p class="title-text">报名咨询</p>
               </div>

src/views/driveKnowledge/index.scss

@@ -121,7 +121,7 @@
 
         &:hover {
             .li-caption {
-                color: #4497F8;
+                color: #FC9933;
             }
         }
       }
@@ -133,7 +133,7 @@
     justify-content: center;
     margin-bottom: 74px;
     /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-      background: #4497F8;
+      background: #FC9933;
     }
   }
 }

src/views/drivingMap/index.scss

@@ -82,7 +82,7 @@
                     box-sizing: border-box;
                     cursor: pointer;
                     &:hover{
-                        background: #4497F8;
+                        background: #FC9933;
                         .info{
                             .info-title{
                                 color: #FFFFFF;
@@ -105,7 +105,7 @@
                         .info-title{
                             font-size: 18px;
                             font-weight: 500;
-                            color: #4497F8;
+                            color: #FC9933;
                             // overflow: hidden;
                             // text-overflow:ellipsis;
                             // white-space: nowrap;

src/views/home/index.scss

@@ -180,7 +180,7 @@
             font-weight: bold;
             color: #333333;
             padding: 0 0 24px;
-            border-bottom: 1px solid #4497F8;
+            border-bottom: 1px solid #FC9933;
             margin-bottom: 32px;
           }
           .top-list{
@@ -196,7 +196,7 @@
               .li-num{
                 font-size: 18px;
                 font-weight: bold;
-                color: #4497F8;
+                color: #FC9933;
               }
             }
           }
@@ -341,7 +341,7 @@
               text-align: center;
             }
             &:hover{
-              background: #4497F8;
+              background: #FC9933;
               .li-info{
                 background: #4E9CF8;
                 .info-img{
@@ -389,7 +389,7 @@
             }
             &.action{
               .ins-title{
-                color: #4497F8;
+                color: #FC9933;
                 font-weight: bold;
               }
             }

src/views/home/index.vue

@@ -418,7 +418,7 @@ export default {
       swiperCoachlList: [], //明星教练
       score: 4.5,
       map:{
-        center: {lng:120.219375416, lat:30.2592444615},//'洛阳市',120.219375416,30.2592444615
+        center: {lng:112.454040, lat:34.619682},//'洛阳市',112.477298, 34.682945
         zoom: 12,
         width:'100%',
         height:'100%'

src/views/hospitalMap/index.scss

@@ -81,7 +81,7 @@
                     box-sizing: border-box;
                     cursor: pointer;
                     &:hover{
-                        background: #4497F8;
+                        background: #FC9933;
                         .info{
                             .info-title{
                                 color: #FFFFFF;
@@ -104,7 +104,7 @@
                         .info-title{
                             font-size: 18px;
                             font-weight: 500;
-                            color: #4497F8;
+                            color: #FC9933;
                             // overflow: hidden;
                             // text-overflow:ellipsis;
                             // white-space: nowrap;

src/views/instructor/index.scss

@@ -63,7 +63,7 @@
             color: #333333;
 
             &.active {
-              background: #4497F8;
+              background: #FC9933;
               color: #ffffff;
             }
 
@@ -172,7 +172,7 @@
         margin-bottom: 64px;
 
         /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
-          background: #4497F8;
+          background: #FC9933;
         }
       }
     }
@@ -182,7 +182,7 @@
       height: 540px;
       padding: 8px 26px 0;
       box-sizing: border-box;
-      border-top: 4px solid #4497F8;
+      border-top: 4px solid #FC9933;
       border-radius: 10px;
       background: #F8F8F8;
 
@@ -199,14 +199,14 @@
           .write-title {
             font-size: 24px;
             font-weight: bold;
-            color: #4497F8;
+            color: #FC9933;
             margin-bottom: 12px;
           }
 
           .write-sub {
             font-size: 14px;
             font-weight: 400;
-            color: #4497F8;
+            color: #FC9933;
           }
         }
 
@@ -251,8 +251,8 @@
           }
 
           /deep/ .el-button--primary {
-            background-color: #4497F8;
-            border-color: #4497F8;
+            background-color: #FC9933;
+            border-color: #FC9933;
           }
 
           .el-button--default {

src/views/instructor/index.vue

@@ -11,7 +11,7 @@
           </el-breadcrumb>
         </div>
         <!-- 顶部跳转banner -->
-        <div class="guide">
+        <!-- <div class="guide">
           <div class="guide-drive" @click="tapJumpLink('drive')">
             <img
               class="guide-img"
@@ -24,7 +24,7 @@
               src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png"
             >
           </div>
-        </div>
+        </div> -->
         <!-- 驾校区域 -->
         <div class="driving-demeanor">
           <!-- 驾校列表 -->
@@ -48,8 +48,8 @@
                 <div class="node-info">
                   <div class="info-title">{{item.coachName}}</div>
                   <div class="info-score">
-                    <el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate>
-                    <p class="score-nub">{{item.starLevel}}分</p>
+                    <!-- <el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate> -->
+                    <p class="score-nub">{{item.starLevel || 0}}分</p>
                   </div>
                   <div class="info-address">
                     <p class="address-text">所属驾校：{{item.schoolName ? item.schoolName : ''}}</p>

src/views/layout/Wrapper.vue

@@ -44,17 +44,12 @@
                   :class="activeTab === 'home' ? 'is-active' : ''"
                   to="/home"
                 >首页</router-link>
-                <router-link
+                <!-- <router-link
                   tag="div"
                   class="box"
                   :class="activeTab === 'product' ? 'is-active' : ''"
                   to="/product"
-                >曝光台</router-link>
-
-
-
-
-
+                >曝光台</router-link> -->
 
                 <div
                   class="box"
@@ -143,10 +138,10 @@
                 >投诉建议</router-link>
               </div>
             </div >
-            <div class="loginCon">
+            <!-- <div class="loginCon">
               <div class="line"></div>
               <div class="login" @click="tapJumpJaxc">登录</div>
-            </div>
+            </div> -->
               
           </div>
         </div>

src/views/media/graduation/index.scss

@@ -71,7 +71,7 @@
           }
 
           &.action {
-            background: #4497F8;
+            background: #FC9933;
 
             .model-img {
               display: none;
@@ -127,10 +127,10 @@
           }
 
           &.action {
-            color: #4497F8;
+            color: #FC9933;
 
             &::after {
-              background: #4497F8;
+              background: #FC9933;
             }
           }
         }
@@ -202,10 +202,10 @@
           }
           &:hover {
             .practise-sub {
-              color: #4497F8;
+              color: #FC9933;
             }
             .practise-time {
-              color: #4497F8;
+              color: #FC9933;
             }
           }
         }

src/views/media/questionBank/index.scss

@@ -62,7 +62,7 @@
             color: #333333;
           }
           &.action{
-            background: #4497F8;
+            background: #FC9933;
             .model-img{
               display: none;
             }
@@ -112,9 +112,9 @@
             bottom: 0;
           }
           &.action{
-            color: #4497F8;
+            color: #FC9933;
             &::after{
-              background: #4497F8;
+              background: #FC9933;
             }
           }
         }
@@ -152,7 +152,7 @@
           }
           &:hover{
             .practise-sub{
-              color: #4497F8;
+              color: #FC9933;
             }
           }
         }

src/views/media/videoLearning/index.scss

@@ -70,7 +70,7 @@
           }
 
           &.action {
-            background: #4497F8;
+            background: #FC9933;
 
             .model-img {
               display: none;
@@ -126,10 +126,10 @@
           }
 
           &.action {
-            color: #4497F8;
+            color: #FC9933;
 
             &::after {
-              background: #4497F8;
+              background: #FC9933;
             }
           }
         }
@@ -201,10 +201,10 @@
           }
           &:hover {
             .practise-sub {
-              color: #4497F8;
+              color: #FC9933;
             }
             .practise-time {
-              color: #4497F8;
+              color: #FC9933;
             }
           }
         }

src/views/noticeBoard/index.scss

@@ -33,7 +33,7 @@
           &:hover{
             .li-detail{
               .detail-writing{
-                color: #4497F8;
+                color: #FC9933;
               }
             }
           }
@@ -71,7 +71,7 @@
         justify-content: center;
         margin-bottom: 74px;
         /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-          background: #4497F8;
+          background: #FC9933;
         }
       }
     }
@@ -112,7 +112,7 @@
     justify-content: center;
     margin-bottom: 74px;
     /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-      background: #4497F8;
+      background: #FC9933;
     }
   }
 }

src/views/product/index.scss

@@ -97,7 +97,7 @@
     justify-content: center;
     margin-bottom: 74px;
     /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-      background: #4497F8;
+      background: #FC9933;
     }
   }
 }

src/views/recruitment/index.scss

@@ -51,7 +51,7 @@
             color: #333333;
             cursor: pointer;
             &.active{
-              background: #4497F8;
+              background: #FC9933;
               color: #ffffff;
             }
             &:first-child{
@@ -139,7 +139,7 @@
         justify-content: center;
         margin-bottom: 64px;
         /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
-          background: #4497F8;
+          background: #FC9933;
         }
       }
     }
@@ -148,7 +148,7 @@
       height: 540px;
       padding: 8px 26px 0;
       box-sizing: border-box;
-      border-top: 4px solid #4497F8;
+      border-top: 4px solid #FC9933;
       border-radius: 10px;
       background: #F8F8F8;
       margin-bottom: 24px;
@@ -163,13 +163,13 @@
           .write-title{
             font-size: 24px;
             font-weight: bold;
-            color: #4497F8;
+            color: #FC9933;
             margin-bottom: 12px;
           }
           .write-sub{
             font-size: 14px;
             font-weight: 400;
-            color: #4497F8;
+            color: #FC9933;
           }
         }
         .header-img{
@@ -206,8 +206,8 @@
             margin-bottom: 10px;
           }
           /deep/ .el-button--primary {
-            background-color: #4497F8;
-            border-color: #4497F8;
+            background-color: #FC9933;
+            border-color: #FC9933;
           }
           .el-button--default {
             margin-left: 0;

src/views/recruitment/index.vue

@@ -11,7 +11,7 @@
           </el-breadcrumb>
         </div>
         <!-- 顶部跳转banner -->
-        <div class="guide">
+        <!-- <div class="guide">
           <div class="guide-drive" @click="tapJumpLink('drive')">
             <img
               class="guide-img"
@@ -24,7 +24,7 @@
               src="../../assets/zlxcimgs/second_icon_jiashichangshi@2x.png"
             >
           </div>
-        </div>
+        </div> -->
         <!-- 驾校区域 -->
         <div class="driving-demeanor">
           <!-- 驾校列表 -->
@@ -48,7 +48,7 @@
                 <div class="node-info">
                   <div class="info-title">{{item.schoolName}}</div>
                   <div class="info-score">
-                    <el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate>
+                    <!-- <el-rate class="score-rate" :value="item.starLevel" disabled text-color="#ff9900"></el-rate> -->
                     <p class="score-nub">{{item.starLevel}}分</p>
                   </div>
                   <div class="info-address">

src/views/theoreticalStudy/examDnotpass/index.scss

@@ -21,7 +21,7 @@
                 margin-right: 20px;
             }
             .fraction-num{
-                color: #4497F8;
+                color: #FC9933;
                 font-size: 22px;
                 font-weight: 500;
                 line-height: 22px;
@@ -55,7 +55,7 @@
     .exam-backtrack{
         width: 104px;
         height: 34px;
-        background: #4497F8;
+        background: #FC9933;
         border-radius: 4px;
         font-size: 16px;
         color: #FFFFFF;

src/views/theoreticalStudy/examPassed/index.scss

@@ -21,7 +21,7 @@
                 margin-right: 20px;
             }
             .fraction-num{
-                color: #4497F8;
+                color: #FC9933;
                 font-size: 22px;
                 font-weight: 500;
                 line-height: 22px;
@@ -55,7 +55,7 @@
     .exam-backtrack{
         width: 104px;
         height: 34px;
-        background: #4497F8;
+        background: #FC9933;
         border-radius: 4px;
         font-size: 16px;
         color: #FFFFFF;

src/views/theoreticalStudy/practisePage/index.scss

@@ -18,7 +18,7 @@
           .title-line{
             width: 4px;
             height: 22px;
-            background: #4497F8;
+            background: #FC9933;
             margin-right: 10px;
           }
           .title-name{
@@ -95,16 +95,16 @@
 
               &.is-checked {
                 .el-radio__inner {
-                  border-color: #4497F8;
-                  background: #4497F8;
+                  border-color: #FC9933;
+                  background: #FC9933;
                   &:hover {
-                    border-color: #4497F8;
+                    border-color: #FC9933;
                   }
                 }
               }
 
               &.is-checked+.el-radio__label {
-                color: #4497F8;
+                color: #FC9933;
               }
             }
 
@@ -143,16 +143,16 @@
 
               &.is-checked {
                 .el-checkbox__inner {
-                  border-color: #4497F8;
-                  background: #4497F8;
+                  border-color: #FC9933;
+                  background: #FC9933;
                   &:hover {
-                    border-color: #4497F8;
+                    border-color: #FC9933;
                   }
                 }
               }
 
               &.is-checked+.el-checkbox__label {
-                color: #4497F8;
+                color: #FC9933;
               }
             }
 
@@ -196,7 +196,7 @@
             .choose{
               width: 104px;
               height: 34px;
-              background: #4497F8;
+              background: #FC9933;
               border-radius: 4px;
               margin-right: 26px;
               font-size: 16px;
@@ -218,7 +218,7 @@
             .show{
               width: 104px;
               height: 34px;
-              background: #4497F8;
+              background: #FC9933;
               border-radius: 4px;
               margin-right: 26px;
               font-size: 16px;
@@ -246,11 +246,11 @@
           .auto-choose{
             margin-right: 82px;
             /deep/ .el-checkbox__input.is-checked .el-checkbox__inner{
-              background-color: #4497F8;
-              border-color: #4497F8;
+              background-color: #FC9933;
+              border-color: #FC9933;
             }
             /deep/ .el-checkbox__input.is-checked + .el-checkbox__label{
-              color: #4497F8;
+              color: #FC9933;
             }
           }
           .completions{
@@ -291,7 +291,7 @@
           padding: 28px 16px;
           .con-note{
             font-size: 16px;
-            color: #4497F8;
+            color: #FC9933;
             line-height: 22px;
             margin-bottom: 28px;
           }
@@ -328,7 +328,7 @@
               color: #FFFFFF;
             }
             &.correct{
-              background: #4497F8;
+              background: #FC9933;
               color: #FFFFFF;
             }
           }

src/views/theoreticalStudy/realisticSimulation/index.scss

@@ -21,7 +21,7 @@
         height: 58px;
         border: 1px solid #DADADA;
         font-size: 16px;
-        color: #4497F8;
+        color: #FC9933;
         line-height: 64px;
         text-align: center;
         margin-bottom: 26px;
@@ -129,13 +129,13 @@
 
               &.is-checked {
                 .el-radio__inner {
-                  border-color: #4497F8;
-                  background: #4497F8;
+                  border-color: #FC9933;
+                  background: #FC9933;
                 }
               }
 
               &.is-checked+.el-radio__label {
-                color: #4497F8;
+                color: #FC9933;
               }
             }
 
@@ -156,16 +156,16 @@
 
               &.is-checked {
                 .el-checkbox__inner {
-                  border-color: #4497F8;
-                  background: #4497F8;
+                  border-color: #FC9933;
+                  background: #FC9933;
                   &:hover {
-                    border-color: #4497F8;
+                    border-color: #FC9933;
                   }
                 }
               }
 
               &.is-checked+.el-checkbox__label {
-                color: #4497F8;
+                color: #FC9933;
               }
             }
 
@@ -183,12 +183,12 @@
           line-height: 22px;
 
           .outcome {
-            color: #4497F8;
+            color: #FC9933;
             margin-right: 28px;
           }
 
           .answer {
-            color: #4497F8;
+            color: #FC9933;
             margin-left: 6px;
           }
         }
@@ -235,7 +235,7 @@
           .btn {
             width: 102px;
             height: 34px;
-            background: #4497F8;
+            background: #FC9933;
             border-radius: 4px;
             font-size: 16px;
             color: #FFFFFF;
@@ -287,7 +287,7 @@
           }
 
           &.correct {
-            background: #4497F8;
+            background: #FC9933;
             color: #FFFFFF;
           }
         }