课程开发增加信息收集页面页面

assets/scss/cus-client/cus-client-common.scss

@@ -1005,6 +1005,78 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   }
 }
 
+/**************** 信息收集页面 ****************/
+.client-course-quotation {
+  background-image: url("~static/images/client/course/btns/course-bg-b1.png");
+  background-position-x: center;
+  background-repeat: no-repeat;
+  height: 637px;
+
+  .quotation-wrap {
+    display: flex;
+    justify-content: space-between;
+
+    .left-text {
+      margin-top: 282px;
+
+      h3 {
+        font-size: 48px;
+        font-weight: 700;
+        text-align: left;
+        color: #fefefe;
+        letter-spacing: 1.2px;
+        margin-bottom: 33px;
+        width: 410px;
+        height: 47px;
+      }
+
+      p {
+        font-size: 20px;
+        font-weight: 400;
+        text-align: left;
+        color: #ffffff;
+        width: 364px;
+        height: 20px;
+      }
+    }
+
+    .baojia-form {
+      margin-top: 82px;
+      margin-right: 120px;
+    }
+  }
+  @media (max-width: 768px) {
+    margin-bottom: 200px;
+    height: 400px;
+
+    .quotation-wrap {
+      flex-direction: column;
+
+      .left-text {
+        margin: 40px auto 0;
+
+        h3 {
+          text-align: center;
+          font-size: 20px;
+          margin-bottom: 10px;
+          width: 100%;
+        }
+
+        p {
+          text-align: center;
+          width: 100%;
+          font-size: 16px;
+          margin: -10px 0 20px 0;
+        }
+      }
+
+      .baojia-form {
+        margin: 0 auto;
+      }
+    }
+  }
+}
+
 /********************************* 麦塔栅格**********************************/
 /*
 栅格说明：

assets/scss/cus-client/cus-client-page.scss

@@ -2171,7 +2171,6 @@
 
   /**************** describe:课程开发梗概  author: TX  date:2022-12-29 ****************/
   .website-course-synopsis-page{
-    padding-bottom: 72px;
     min-width: 1360px;
     .website-synopsis-banner{
       width: 100%;
@@ -2179,6 +2178,7 @@
       background-color:#fff;
       background-position: center;
       background-repeat: no-repeat;
+      cursor: pointer;
     }
     .synopsis-services-box{
       width: 1360px;display: flex;align-items: center;justify-content: center;margin: 0 auto;

components/course/course-baojia.vue

@@ -71,6 +71,7 @@ export default {
         'wkl': 1,
         'dhl': 2,
         'ppt': 3,
+        'kckf': 4,
       }
       return tag[this.tag]
     },

pages/courseware/animation.vue

@@ -311,49 +311,6 @@ export default {
     }
   }
 
-  .client-course-quotation {
-    background-image: url("~static/images/client/course/btns/course-bg-b1.png");
-    background-position-x: center;
-    background-repeat: no-repeat;
-    height: 637px;
-
-    .quotation-wrap {
-      display: flex;
-      justify-content: space-between;
-
-      .left-text {
-        margin-top: 282px;
-
-        h3 {
-          font-size: 48px;
-          font-weight: 700;
-          text-align: left;
-          color: #fefefe;
-          letter-spacing: 1.2px;
-          margin-bottom: 33px;
-          width: 410px;
-          height: 47px;
-        }
-
-        p {
-          font-size: 20px;
-          font-weight: 400;
-          text-align: left;
-          color: #ffffff;
-          width: 364px;
-          height: 20px;
-        }
-      }
-
-      .baojia-form {
-        margin-top: 82px;
-        margin-right: 120px;
-      }
-    }
-
-  }
-
-
   @media (max-width: 768px){
     .client-course-classification {
       box-sizing: border-box;
@@ -384,36 +341,6 @@ export default {
       }
     }
 
-    .client-course-quotation {
-      margin-bottom: 200px;
-      height: 400px;
-
-      .quotation-wrap {
-        flex-direction: column;
-
-        .left-text {
-          margin: 40px auto 0;
-
-          h3 {
-            text-align: center;
-            font-size: 20px;
-            margin-bottom: 10px;
-            width: 100%;
-          }
-
-          p {
-            text-align: center;
-            width: 100%;
-            font-size: 16px;
-            margin: -10px 0 20px 0;
-          }
-        }
-
-        .baojia-form {
-          margin: 0 auto;
-        }
-      }
-    }
   }
 
 }

pages/courseware/custom.vue

@@ -306,49 +306,6 @@ export default {
     }
   }
 
-  .client-course-quotation {
-    background-image: url("~static/images/client/course/btns/course-bg-b1.png");
-    background-position-x: center;
-    background-repeat: no-repeat;
-    height: 637px;
-
-    .quotation-wrap {
-      display: flex;
-      justify-content: space-between;
-
-      .left-text {
-        margin-top: 282px;
-
-        h3 {
-          font-size: 48px;
-          font-weight: 700;
-          text-align: left;
-          color: #fefefe;
-          letter-spacing: 1.2px;
-          margin-bottom: 33px;
-          width: 410px;
-          height: 47px;
-        }
-
-        p {
-          font-size: 20px;
-          font-weight: 400;
-          text-align: left;
-          color: #ffffff;
-          width: 364px;
-          height: 20px;
-        }
-      }
-
-      .baojia-form {
-        margin-top: 82px;
-        margin-right: 120px;
-      }
-    }
-
-  }
-
-
   @media (max-width: 768px){
     .client-course-classification {
       box-sizing: border-box;
@@ -376,38 +333,6 @@ export default {
       }
     }
 
-
-
-    .client-course-quotation {
-      margin-bottom: 200px;
-      height: 400px;
-
-      .quotation-wrap {
-        flex-direction: column;
-
-        .left-text {
-          margin: 40px auto 0;
-
-          h3 {
-            text-align: center;
-            font-size: 20px;
-            margin-bottom: 10px;
-            width: 100%;
-          }
-
-          p {
-            text-align: center;
-            width: 100%;
-            font-size: 16px;
-            margin: -10px 0 20px 0;
-          }
-        }
-
-        .baojia-form {
-          margin: 0 auto;
-        }
-      }
-    }
   }
 
 }

pages/courseware/ppt.vue

@@ -314,49 +314,6 @@ export default {
     }
   }
 
-  .client-course-quotation {
-    background-image: url("~static/images/client/course/btns/course-bg-b1.png");
-    background-position-x: center;
-    background-repeat: no-repeat;
-    height: 637px;
-
-    .quotation-wrap {
-      display: flex;
-      justify-content: space-between;
-
-      .left-text {
-        margin-top: 282px;
-
-        h3 {
-          font-size: 48px;
-          font-weight: 700;
-          text-align: left;
-          color: #fefefe;
-          letter-spacing: 1.2px;
-          margin-bottom: 33px;
-          width: 410px;
-          height: 47px;
-        }
-
-        p {
-          font-size: 20px;
-          font-weight: 400;
-          text-align: left;
-          color: #ffffff;
-          width: 364px;
-          height: 20px;
-        }
-      }
-
-      .baojia-form {
-        margin-top: 82px;
-        margin-right: 120px;
-      }
-    }
-
-  }
-
-
   @media (max-width: 768px) {
     .client-course-classification {
       box-sizing: border-box;
@@ -387,36 +344,6 @@ export default {
       }
     }
 
-    .client-course-quotation {
-      margin-bottom: 200px;
-      height: 400px;
-
-      .quotation-wrap {
-        flex-direction: column;
-
-        .left-text {
-          margin: 40px auto 0;
-
-          h3 {
-            text-align: center;
-            font-size: 20px;
-            margin-bottom: 10px;
-            width: 100%;
-          }
-
-          p {
-            text-align: center;
-            width: 100%;
-            font-size: 16px;
-            margin: -10px 0 20px 0;
-          }
-        }
-
-        .baojia-form {
-          margin: 0 auto;
-        }
-      }
-    }
   }
 
 }

pages/courseware/synopsis.vue

@@ -2,7 +2,7 @@
 <template>
     <div class="website-course-synopsis-page">
       <!-- 课程开发平台运营 banner栏-->
-      <div :style="{backgroundImage: `url(${synopsisBannerImg})`}" class="website-synopsis-banner"></div>
+      <div :style="{backgroundImage: `url(${synopsisBannerImg})`}" class="website-synopsis-banner" @click="goQuotation"></div>
 
       <!-- 核心业务 -->
       <div class="website-course-services">
@@ -77,10 +77,22 @@
 
       </div>
 
+      <!--  课程报价区域  -->
+      <div class="client-course-quotation" ref="quotation">
+        <div class="client-container quotation-wrap">
+          <div class="left-text">
+            <h3>课程定制在线报价</h3>
+            <p>栋科客服人员会在30分钟内与你取得联系</p>
+          </div>
+          <courseBaojia class="baojia-form" tag="kckf" :user-list="userList" :sum="custom_sum"></courseBaojia>
+        </div>
+      </div>
+
     </div>
 </template>
 
 <script>
+    import courseBaojia from "@/components/course/course-baojia";
     export default {
         name: 'synopsis',
         layout:'templateB',
@@ -88,19 +100,19 @@
         // 设置选中菜单
         store.commit('setActiveNav', '/courseware');
 
-        let [res1,res2] =  await Promise.all([
-                                               await $axios.$post(`/home/news/carousel`,{'newsClassifyId':0,'keyword':'课程'}).then(res=>{
-                                                 return res
-                                               }),
+        let [res2, res3] = await Promise.all([
+                                               $axios.$post(`/develop/sum`, {}),
+                                               $axios.$post(`/develop/userlist`, {}),
                                              ])
         return {
-          topCarousels : res1.data.data ||[],
+          custom_sum: res2.data || 0,
+          userList: res3.data.data || []
         }
       },
         data() {
           return {
             // 发展现状img
-            synopsisBannerImg: require(`~/static/images/client/course/course-synopsis-banner.png`),
+            synopsisBannerImg: require(`~/static/images/client/course/course-synopsis-banner.jpg`),
             synopsisImg1:  require(`~/static/images/client/course/course-synopsis-img1.png`),
             synopsisImg2:  require(`~/static/images/client/course/course-synopsis-img2.png`),
             synopsisImg3:  require(`~/static/images/client/course/course-synopsis-img3.png`),
@@ -135,6 +147,9 @@
           ],
         }
       },
+      components: {
+        courseBaojia,
+      },
       methods:{
         onlineConsult(){
           window.open('https://affim.baidu.com/cps/chat?siteId=17930746&userId=40179606&siteToken=d9c57b2ea4cbedbb044677ef47a1e2d1')
@@ -154,6 +169,11 @@
         goXxxt(){
           window.open('https://cdnks.mtavip.com/a/register?flug=2')
         },
+        goQuotation() {
+          document.documentElement.scrollTop = this.$refs.quotation.offsetTop - 150;
+          window.pageYOffset = this.$refs.quotation.offsetTop - 150;
+          document.body.scrollTop = this.$refs.quotation.offsetTop - 150;
+        }
       },
     };
 </script>