购买课程时 添加引导

src/components/payment/Audit.vue

@@ -38,6 +38,22 @@
       </div>
       <button @click="buy">提交申请</button>
     </div>
+
+    <el-dialog
+      top="calc(15vh + 140px)"
+      width="500px"
+      class="guide-dialog"
+      :visible="visible"
+      :modal="false"
+      :show-close="false"
+    >
+      <div>
+        申请已经提交，请留意系统通知或在 <a class="jump" @click="goPersonal">个人中心-订单管理</a> 页面查询审核结果。
+      </div>
+      <div slot="footer">
+        <el-button type="primary" @click="visible = false">确定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -63,6 +79,7 @@ export default {
   },
   data() {
     return {
+      visible: false,
       discount_code: '', // 优惠码
       discount_money: 0.0, // 优惠金额
       receivables_money: this.data.price // 应收款
@@ -77,7 +94,12 @@ export default {
         discount_code: this.discount_code // 优惠码 （目前暂时没有用到）
       }).then(() => {
         this.$message.success('申请加入课程成功');
+        this.visible = true;
       });
+    },
+
+    goPersonal() {
+      window.location.href = `/GCLS-Personal/#/EnterSys?SeleNavId=5`;
     }
   }
 };
@@ -262,3 +284,22 @@ export default {
   }
 }
 </style>
+
+<style lang="scss">
+.product-details {
+  .guide-dialog {
+    .el-dialog__header {
+      padding: 0;
+    }
+
+    .el-dialog__body {
+      padding: 24px 32px;
+      font-size: 16px;
+
+      .jump {
+        color: $basic-color;
+      }
+    }
+  }
+}
+</style>

src/layouts/components/LayoutHeader.vue

@@ -33,7 +33,8 @@
         <span class="el-dropdown-link">
           <img
             class="headPhoto"
-            :src="userMessage.image_url ? userMessage.image_url : '../../assets/login/Group3214.png'"
+            :src="userMessage.image_url ? userMessage.image_url : require('../../assets/login/Group3214.png')"
+            alt="head portrait"
           >
           <span class="real_name">{{ userMessage.user_real_name }}</span>
         </span>

src/views/course_details/index.vue

@@ -588,6 +588,7 @@ export default {
               text-align: right;
             }
 
+            %get,
             .get {
               width: 120px;
               height: 40px;
@@ -602,7 +603,7 @@ export default {
             }
 
             .acquired {
-              @extend .get;
+              @extend %get;
 
               background: #d5d5d5;
             }
@@ -723,6 +724,7 @@ export default {
               margin-top: 16px;
               border-left: 1px solid #fe6d68;
 
+              %contenttitle,
               .contenttitle {
                 display: flex;
                 align-items: center;
@@ -757,7 +759,7 @@ export default {
               }
 
               .contenttitle2 {
-                @extend .contenttitle;
+                @extend %contenttitle;
 
                 background: #f9f9f9;
                 border-bottom-right-radius: 0;