提问二维码问题解决

package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "axios": "^0.26.0",
         "core-js": "^3.6.5",
+        "dingtalk-jsapi": "^2.13.91",
         "echarts": "^5.3.0",
         "video.js": "^7.18.1",
         "vue": "^2.6.11",
@@ -24,6 +25,7 @@
         "babel-eslint": "^10.1.0",
         "eslint": "^6.7.2",
         "eslint-plugin-vue": "^6.2.2",
+        "vue-directive-image-previewer": "^2.2.2",
         "vue-template-compiler": "^2.6.11"
       }
     },
@@ -5723,6 +5725,14 @@
       "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
       "dev": true
     },
+    "node_modules/dingtalk-jsapi": {
+      "version": "2.13.91",
+      "resolved": "https://registry.npmjs.org/dingtalk-jsapi/-/dingtalk-jsapi-2.13.91.tgz",
+      "integrity": "sha512-2r1ky4h/UIjAB+uO+litvtddjLUNbpIbtq2GyBlbRnD7acIl2V26pPp2S1hetw6+Getd3/zhva/V2N6dl07GRw==",
+      "dependencies": {
+        "promise-polyfill": "^7.1.0"
+      }
+    },
     "node_modules/dir-glob": {
       "version": "2.2.2",
       "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-2.2.2.tgz",
@@ -11455,6 +11465,11 @@
       "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
       "dev": true
     },
+    "node_modules/promise-polyfill": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-7.1.2.tgz",
+      "integrity": "sha512-FuEc12/eKqqoRYIGBrUptCBRhobL19PS2U31vMNTfyck1FxPyMfgsXyW4Mav85y/ZN1hop3hOwRlUDok23oYfQ=="
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmmirror.com/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -14340,6 +14355,20 @@
         "vue": "^3.0.0 || ^2.0.0"
       }
     },
+    "node_modules/vue-directive-image-previewer": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/vue-directive-image-previewer/-/vue-directive-image-previewer-2.2.2.tgz",
+      "integrity": "sha512-/9gMB7BAzh1i+l5k2LTFe71sJQ4JnLdND71PPYQBYi7fx84yx050F951btzugkdbo2+Qw8kNq2pYcFDdDmMy9A==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.10",
+        "vue": "^2.4.2"
+      },
+      "engines": {
+        "node": ">= 4.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "7.11.0",
       "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",
@@ -20012,6 +20041,14 @@
         }
       }
     },
+    "dingtalk-jsapi": {
+      "version": "2.13.91",
+      "resolved": "https://registry.npmjs.org/dingtalk-jsapi/-/dingtalk-jsapi-2.13.91.tgz",
+      "integrity": "sha512-2r1ky4h/UIjAB+uO+litvtddjLUNbpIbtq2GyBlbRnD7acIl2V26pPp2S1hetw6+Getd3/zhva/V2N6dl07GRw==",
+      "requires": {
+        "promise-polyfill": "^7.1.0"
+      }
+    },
     "dir-glob": {
       "version": "2.2.2",
       "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-2.2.2.tgz",
@@ -24591,6 +24628,11 @@
       "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
       "dev": true
     },
+    "promise-polyfill": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/promise-polyfill/-/promise-polyfill-7.1.2.tgz",
+      "integrity": "sha512-FuEc12/eKqqoRYIGBrUptCBRhobL19PS2U31vMNTfyck1FxPyMfgsXyW4Mav85y/ZN1hop3hOwRlUDok23oYfQ=="
+    },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmmirror.com/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -26990,6 +27032,16 @@
       "integrity": "sha512-8YZYUOQrBEJktxoQtrM4rr2LfVcDaWfJqv8MqtLlgLlkuBvCYKFSZSo6AXQ4YcCzdgccDqstmuaEh68lcH9xWA==",
       "requires": {}
     },
+    "vue-directive-image-previewer": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/vue-directive-image-previewer/-/vue-directive-image-previewer-2.2.2.tgz",
+      "integrity": "sha512-/9gMB7BAzh1i+l5k2LTFe71sJQ4JnLdND71PPYQBYi7fx84yx050F951btzugkdbo2+Qw8kNq2pYcFDdDmMy9A==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.10",
+        "vue": "^2.4.2"
+      }
+    },
     "vue-eslint-parser": {
       "version": "7.11.0",
       "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz",

package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "axios": "^0.26.0",
     "core-js": "^3.6.5",
+    "dingtalk-jsapi": "^2.13.91",
     "echarts": "^5.3.0",
     "video.js": "^7.18.1",
     "vue": "^2.6.11",
@@ -24,6 +25,7 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
+    "vue-directive-image-previewer": "^2.2.2",
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {

src/App.vue

@@ -59,7 +59,7 @@ ins{
 	font-style: normal;
 }
 
-img,
+
 a {
 	-webkit-touch-callout: none;
 }
@@ -1341,10 +1341,11 @@ textarea::-webkit-input-placeholder{
 	color: #FFFFFF;
 }
 .ask-mode-txt>p{
-	font-size: .28rem;
+	font-size: .36rem;
 	line-height: 1.5;
 	font-weight: bold;
 	text-align: center;
+	color: #fc5531;
 	margin: .6rem 0 .25rem;
 }
 .ask-mode-txt>p span{
@@ -1357,7 +1358,7 @@ textarea::-webkit-input-placeholder{
 .ask-mode-txt>img{
 	width: 4.5rem;
 	height: auto;
-	margin: 0 auto;
+	margin: 1rem auto 0;
 }
 .ask-mode-txt>span{
 	display: block;
@@ -1612,6 +1613,16 @@ textarea::-webkit-input-placeholder{
 	text-align: center;
 	transition: all .6s;
 }
+.question-btns>span.active{
+	animation: myFirst .8s;
+}
+
+@keyframes myFirst
+{
+	0%   {background-color: #d6d9f4;}
+	50%  {background-color: #333fc9; color: #FFFFFF;}
+	100% {background-color: #d6d9f4;}
+}
 
 
 
@@ -2006,6 +2017,9 @@ textarea::-webkit-input-placeholder{
 .exponent-item-son{
 	margin-top: .25rem;
 }
+.exponent-star>span{
+	color: #d24516;
+}
 .exponent-item-son span{
 	display: block;
 	font-size: .26rem;
@@ -2457,7 +2471,7 @@ textarea::-webkit-input-placeholder{
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;
-	padding: 1rem .25rem 0;
+	padding: 0 .25rem;
 	
 }
 .live-list .live-item{

src/main.js

@@ -4,6 +4,11 @@ import VueAxios from 'vue-axios'
 import App from './App.vue'
 import router from './router'
 
+import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
+import 'vue-directive-image-previewer/dist/assets/style.css'
+Vue.use(VueDirectiveImagePreviewer) 
+
+
 // Vue.config.productionTip = false
 Vue.prototype.host = 'https://ypzy.emingren.com'
 Vue.prototype.HOME = '/api'

src/views/home/evaluation/index.vue

@@ -19,9 +19,7 @@
 					
 					<!-- 查看全部 -->
 					<div class="my-confirm-bg" v-if="showIndex==index" @click="showIndex=-1"></div>
-					<div class="all-text" v-if="showIndex==index">
+					<div class="all-text" v-html="item.description" v-if="showIndex==index"></div>
-						{{item.description}}
-					</div>
 				</div>
 			</div>
 		</div>
@@ -36,6 +34,12 @@
 			</ul>
 			<div class="tips-btn" @click="noTips()">下次不再提醒</div>
 		</div>
+		
+		<!-- 提示框 -->
+		<div class="addr-select-bg" v-show="isToast"></div>
+		<div class="toast" v-show="isToast">
+			<p>{{toastText}}</p>
+		</div>
 		<!-- 尾部 -->
 		<tabbar :current="3"></tabbar>
     </div>
@@ -55,6 +59,8 @@
 				isFirst: true, //是否弹出提示框
 				evaluationList: [], //测评列表数据
 				showIndex: -1,
+				isToast: false,
+				toastText: ''
 		    }
 		},
 		created() {
@@ -104,6 +110,11 @@
 						this.$router.push('/evaluation/entrance');
 					}
 				}else{
+					this.toastText = '亲，本测评尚未开通，请耐心等待',
+					this.isToast = true,
+					setTimeout(()=> {
+						this.isToast = false
+					}, 1000)
 					return false;
 				}
 				

src/views/home/evaluation/question.vue

@@ -20,7 +20,7 @@
           {{ lastquestions.list[num].question.content_parents }}
         </h3>
         <div class="question-btns">
-          <span
+          <span :class="{'active':cur==item.key}"
             v-for="(item, index) in optionsData"
             :key="index"
             @click="setQuestionEV(item.key)"
@@ -43,7 +43,8 @@ export default {
       num: 0,
       optionsData: [],
 	  title: '',
-	  state:''
+	  state:'',
+	  cur: ''
     };
   },
   created() {
@@ -67,6 +68,7 @@ export default {
         })
         .then(function (res) {
           that.lastquestions = res.data.data;
+		  console.log(that.lastquestions,'试题数据')
         });
     },
 	// 选项
@@ -95,8 +97,10 @@ export default {
         }
       }
     },
+	
     setQuestionEV(key) {
       let that = this;
+	  that.cur = key;
       if (this.stateBtn) {
         this.stateBtn = false;
         this.axios
@@ -107,10 +111,14 @@ export default {
           .then(function () {
             that.num++;   
             that.stateBtn = true;
+			that.cur = '';
             if (that.num >= 117) {
               console.log(that.num);
 			  that.$router.push({
-                path: "/ucenter",
+			  	path: "/report",
+			  	query: {
+			  		id: that.lastquestions.evaluation_id
+			  	},
 			  });
             }
           });

src/views/home/expert/ask.vue

@@ -5,7 +5,7 @@
 			<div class="back" @click="$router.go(-1)"><img src="../../../assets/images/home/expert/back.png" alt=""></div>
 			<div class="header-title">向TA提问</div>
 		</div>
-		<div class="ask pull-content list-section" v-if="ddEntrance == 'yes'">
+		<!-- <div class="ask pull-content list-section" v-if="ddEntrance == 'yes'">
 			<div class="ask-top">
 				<span><img :src="host + expertDetail.avatar" ></span>
 				<p>请使用以下两种方式加入钉钉专属服务群，我 在您的专属服务群回答您的问题。</p>
@@ -17,7 +17,8 @@
 			<div class="ask-mode-list">
 				<div class="ask-mode-txt" v-show="isActive&&expertDetail.im_group_qr">
 					<p>下载二维码并用钉钉扫一扫进入专属群</p>
-					<img :src="host + expertDetail.im_group_qr">
+					<p>点击识别二维码，进入专属群</p>
+					<img :src="host + expertDetail.im_group_qr" @click="downImg()">
 					<span @click="downImg()">点击下载二维码</span>
 				</div>
 				<div class="ask-mode-txt" v-show="!isActive">
@@ -26,11 +27,17 @@
 					<span @click="copyUrl()">点击复制此链接</span>
 				</div>
 			</div>
+		</div> -->
+		<div class="ask pull-content list-section" v-if="ddEntrance == 'yes'">
+			<div class="ask-mode-txt" v-show="isActive&&expertDetail.im_group_qr">
+				<p>单击以下二维码，长按识别后进入专属群</p>
+				<img :src="host + expertDetail.im_group_qr" @click="downImg()">
+			</div>
 		</div>
 		<div class="ask pull-content list-section" v-else>
 			<div class="ask-mode-txt" v-show="isActive&&expertDetail.im_group_qr">
-				<p>长按识别或微信扫一扫二维码入专属群</p>
+				<p>单击以下二维码，长按识别后进入专属群</p>
-				<img :src="host + expertDetail.im_group_qr">
+				<img :src="host + expertDetail.im_group_qr" v-image-preview>
 			</div>
 		</div>
 		<!-- 提示框 -->
@@ -116,8 +123,6 @@
 				dd.postMessage({name:'https://ypzy.emingren.com' + this.expertDetail.im_group_qr});
 			},
 			
-			
-			
 			// 滚动改变样式
 			eventScrollTop() {
 				let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
@@ -150,5 +155,15 @@
 </script>
 
 <style scoped>
-	
+	.my-ewm{
+		width: 86%;
+		position: fixed;
+		left: 7%;
+		top: 20%;
+		transform: rotateY(-50%);
+		z-index: 999;
+	}
+	.my-ewm img{
+		width: 100%;
+	}
 </style>

src/views/home/expert/index.vue

@@ -15,15 +15,15 @@
 			<p>您已领取一小时免费咨询权益，可向专家进行提问</p>
 		</div>
 		<!-- 导航 -->
-		<div class="expert-nav-list section">
+		<!-- <div class="expert-nav-list section">
 			<ul class="expert-nav-item">
 				<li :class="{'active':current==index}" v-for="(item,index) in navData" :key="index" @click="changeNav(index)">{{item.title}}</li>
-			</ul>
+			</ul> -->
 			<!-- 城市 -->
-			<div class="addr-select">
+		<!-- 	<div class="addr-select">
 				<div @click="openAddr()">{{addrArray[addrIndex]?addrArray[addrIndex]:'全部'}}</div>
 			</div>
-		</div>
+		</div> -->
 
 		<!-- 咨询师列表 -->
 		<div class="expert-list-all section">
@@ -48,6 +48,7 @@
 					</div>
 					<div class="expert-list-btns">
 						<div :class="{'btn':true,'noservice':consult_amount==0}" @click="toAsk(item.id)">向TA提问</div>
+						<!-- <div :class="{'btn':true,'noservice':consult_amount==0}" @click="goToAsk(item.id)">向TA提问</div> -->
 						<div class="btn" @click="toDetail(item.id)">查看详情</div>
 					</div>
 				</li>
@@ -90,6 +91,8 @@
 
 <script>
 	import tabbar from '../../../components/tabbar.vue'
+	import 'dingtalk-jsapi/entry/mobile';
+	import openLink from 'dingtalk-jsapi/api/biz/util/openLink';
 	export default {
 		name: "expert",
 		components: {
@@ -127,6 +130,20 @@
 			this.getAddrData();
 		},
 		methods: {
+			// goToAsk(id){
+			// 	let that = this;
+			// 	this.axios
+			// 	  .post(this.HOME + "/api/consumer/expert-info", {
+			// 	    id: id,
+			// 	  })
+			// 	  .then(function (res) {
+			// 		  console.log(res.data.data.im_group_link,'链接')
+			// 		  // window.open(res.data.data.im_group_link);
+			// 		  openLink({
+			// 			  url:res.data.data.im_group_link
+			// 		  })
+			// 	  });
+			// },
 			// 导航切换
 			changeNav(index) {
 				switch (index) {

src/views/home/headlines/text01.vue

@@ -5,7 +5,7 @@
 		  <div class="back" @click="$router.go(-1)">
 		    <img src="../../../assets/images/home/expert/back.png" alt="" />
 		  </div>
-		  <div class="header-title">头条文章</div>
+		  <div class="header-title">有谱头条</div>
 		</div>
 		
 		<h1 class="headlines-title">如何让孩子找到有幸福感的专业方向和职业目标？</h1>

src/views/home/headlines/text02.vue

@@ -5,7 +5,7 @@
 		  <div class="back" @click="$router.go(-1)">
 		    <img src="../../../assets/images/home/expert/back.png" alt="" />
 		  </div>
-		  <div class="header-title">头条文章</div>
+		  <div class="header-title">有谱头条</div>
 		</div>
 		
 		<h1 class="headlines-title">生涯规划师的服务伦理，以及处理与客户价值判断不一致的方法探讨</h1>

src/views/home/headlines/text03.vue

@@ -5,7 +5,7 @@
 		  <div class="back" @click="$router.go(-1)">
 		    <img src="../../../assets/images/home/expert/back.png" alt="" />
 		  </div>
-		  <div class="header-title">头条文章</div>
+		  <div class="header-title">有谱头条</div>
 		</div>
 		
 		<h1 class="headlines-title">升学规划师能力的“冰山结构”</h1>

src/views/home/headlines/text04.vue

@@ -5,7 +5,7 @@
 		  <div class="back" @click="$router.go(-1)">
 		    <img src="../../../assets/images/home/expert/back.png" alt="" />
 		  </div>
-		  <div class="header-title">头条文章</div>
+		  <div class="header-title">有谱头条</div>
 		</div>
 		
 		<h1 class="headlines-title">双减政策，减“教”不减“学”；生涯规划的目标是点燃学生求学热情，真正体现教育情怀</h1>

src/views/home/headlines/text05.vue

@@ -5,7 +5,7 @@
 		  <div class="back" @click="$router.go(-1)">
 		    <img src="../../../assets/images/home/expert/back.png" alt="" />
 		  </div>
-		  <div class="header-title">头条文章</div>
+		  <div class="header-title">有谱头条</div>
 		</div>
 		
 		<h1 class="headlines-title">强基计划、综合评价报名材料如何准备</h1>

src/views/home/headlines/text06.vue

@@ -5,7 +5,7 @@
 		  <div class="back" @click="$router.go(-1)">
 		    <img src="../../../assets/images/home/expert/back.png" alt="" />
 		  </div>
-		  <div class="header-title">头条文章</div>
+		  <div class="header-title">有谱头条</div>
 		</div>
 		
 		<h1 class="headlines-title">数字化生涯规划师：获权威认证，服务钉钉千万考生与家长</h1>

src/views/home/live/index.vue

@@ -1,21 +1,14 @@
 <template>
 	<div class="content headlines">
-		<!-- 头部 -->
-		<div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
-		  <div class="back" @click="$router.go(-1)">
-		    <img src="../../../assets/images/home/expert/back.png" alt="" />
-		  </div>
-		  <div class="header-title">有谱快看</div>
-		</div>
 		<div class="live-list">
-			<div class="live-item">
+			<div class="live-item" @click="goPage('/video01')">
-				<a href="https://mp.weixin.qq.com/s?__biz=Mzg2MTQ4NDQ3NA==&mid=2247484886&idx=1&sn=4ed0334d9d6f5ab02a3742ee8a21e0f9&chksm=ce172103f960a8152063ef5b3a72f44b9e24a2555e5b99fe05da7de40e6b9663b999ab262868#rd"><img src="../../../assets/images/home/index/live-01.jpg" ></a>
+				<img src="../../../assets/images/home/index/live-01.jpg" >
 			</div>
-			<div class="live-item">
+			<div class="live-item" @click="goPage('/video02')">
-				<a href="https://mp.weixin.qq.com/s?__biz=Mzg2MTQ4NDQ3NA==&mid=2247484888&idx=1&sn=e5d043b83e2eaaf41ebdebac82024402&chksm=ce17210df960a81b640c49e6bc8fb76ef1145add4e47e916d03194c1a29d57cf57836f970939#rd"><img src="../../../assets/images/home/index/live-02.jpg" ></a>
+				<img src="../../../assets/images/home/index/live-02.jpg" >
 			</div>
-			<div class="live-item">
+			<div class="live-item" @click="goPage('/video03')">
-				<a href="https://mp.weixin.qq.com/s?__biz=Mzg2MTQ4NDQ3NA==&mid=2247484884&idx=1&sn=ad632f44c3aced774eb37fe1b513df74&chksm=ce172101f960a817ce45bd4bdf1c3d1dbb21e17a60233e9f945244577652753317aea36cc04e#rd"><img src="../../../assets/images/home/index/live-03.jpg" ></a>
+				<img src="../../../assets/images/home/index/live-03.jpg" >
 			</div>
 		</div>
 	</div>
@@ -30,12 +23,16 @@
 			}
 		},
 		beforeCreate() {
+			
 		},
 		created() {
 
 		},
 		methods: {
-
+			// 跳转页面
+			goPage(path){
+				this.$router.push(path);
+			},
 		}
 	}
 </script>

src/views/home/live/video01.vue

@@ -1,14 +1,7 @@
 <template>
 	<div class="content headlines">
-		<!-- 头部 -->
-		<div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
-		  <div class="back" @click="$router.go(-1)">
-		    <img src="../../../assets/images/home/expert/back.png" alt="" />
-		  </div>
-		  <div class="header-title">有谱快看</div>
-		</div>
 		<div class="video">
-			<video src="../../../assets/video/A001_720.mp4" controls="controls">
+			<video :src="playUrl" autoplay="autoplay" controls="controls">
 				您的浏览器不支持 video 标签。
 			</video>
 		</div>
@@ -20,16 +13,30 @@
 		name: "video01",
 		data() {
 			return {
-				
+				playUrl:''
 			}
 		},
 		beforeCreate() {
 		},
 		created() {
 			
+		},
+		mounted() {
+			this.getViedo();
 		},
 		methods: {
-
+			// 获取视频地址
+			getViedo() {
+				let that = this;
+				this.axios
+					.post(this.HOME + "/api/consumer/get-ali-video", {
+						video_key: 'A004_720',
+					})
+					.then(function(res) {
+						console.log(res,'视频数据')
+						that.playUrl = res.data.data.playUrl;
+					});
+			},
 		}
 	}
 </script>

src/views/home/live/video02.vue

@@ -1,14 +1,7 @@
 <template>
 	<div class="content headlines">
-		<!-- 头部 -->
-		<div :class="{ header: true, 'scroll white': isScrollTop, white: true }">
-		  <div class="back" @click="$router.go(-1)">
-		    <img src="../../../assets/images/home/expert/back.png" alt="" />
-		  </div>
-		  <div class="header-title">有谱快看</div>
-		</div>
 		<div class="video">
-			<video src="../../../assets/video/A004_720.mp4" controls="controls">
+			<video :src="playUrl" autoplay="autoplay" controls="controls">
 				您的浏览器不支持 video 标签。
 			</video>
 		</div>
@@ -20,16 +13,30 @@
 		name: "video02",
 		data() {
 			return {
-				
+				playUrl:''
 			}
 		},
 		beforeCreate() {
 		},
 		created() {
 			
+		},
+		mounted() {
+			this.getViedo();
 		},
 		methods: {
-
+			// 获取视频地址
+			getViedo() {
+				let that = this;
+				this.axios
+					.post(this.HOME + "/api/consumer/get-ali-video", {
+						video_key: 'A006_720',
+					})
+					.then(function(res) {
+						console.log(res,'视频数据')
+						that.playUrl = res.data.data.playUrl;
+					});
+			},
 		}
 	}
 </script>

src/views/home/live/video03.vue

@@ -1,15 +1,8 @@
 <template>
 	<div class="content headlines">
-		<!-- 头部 -->
-		<div :class="{ header: true, white: true }">
-		  <div class="back" @click="$router.go(-1)">
-		    <img src="../../../assets/images/home/expert/back.png" alt="" />
-		  </div>
-		  <div class="header-title">有谱快看</div>
-		</div>
 		<div class="video">
-			<video  preload="preload" controls="controls"  autoplay="autoplay">
+			<video :src="playUrl" autoplay="autoplay" controls="controls">
-				<source src="../../../assets/video/A006_720.mp4" type="video/mp4">
+				您的浏览器不支持 video 标签。
 			</video>
 		</div>
 	</div>
@@ -20,16 +13,30 @@
 		name: "video03",
 		data() {
 			return {
-				
+				playUrl:''
 			}
 		},
 		beforeCreate() {
 		},
 		created() {
 			
+		},
+		mounted() {
+			this.getViedo();
 		},
 		methods: {
-
+			// 获取视频地址
+			getViedo() {
+				let that = this;
+				this.axios
+					.post(this.HOME + "/api/consumer/get-ali-video", {
+						video_key: 'A001_720',
+					})
+					.then(function(res) {
+						console.log(res,'视频数据')
+						that.playUrl = res.data.data.playUrl;
+					});
+			},
 		}
 	}
 </script>
@@ -37,6 +44,5 @@
 <style scoped>
 	video{
 		width: 100%;
-		margin-top: 1rem;
 	}
 </style>

src/views/home/plan/texta.vue

@@ -36,17 +36,9 @@
 			<p><strong>张老师</strong></p>
 			<p>北师大语言学应用硕士，优朗高校面试课程首席讲师，著名高校副教授。中国先秦史学会国学双语研究会理事，世界汉语大会国外教育部长随行翻译，华尔街某金融公司CEO访谈节目现场口译官。13年从业经验，9年专注高校面试，具备扎实的理论基础和实战经验。</p>
 			<h2>授课联系老师</h2>
-			<ul class="contact">
+			<div class="ewm">
-				<p>赵老师</p>
+				<img src="../../../assets/images/home/plan/dysxewm.jpg" alt="">
-				<li>
+			</div>
-					<span>微信扫码</span>
-					<img src="../../../assets/images/home/plan/102.jpg" alt="">
-				</li>
-				<li>
-					<span>企业微信扫码</span>
-					<img src="../../../assets/images/home/plan/103.png" alt="">
-				</li>
-			</ul>
 		</div>
 	</div>
 </template>
@@ -103,28 +95,10 @@
 		max-width: 100%;
 		margin: .15rem auto;
 	}
-	.contact{
+	.ewm{
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-	}
-	.contact>p{
 		width: 100%;
-		font-size: .32rem;
-		line-height: 1.5;
 	}
-	.contact>li{
+	.ewm img{
-		width: 48%;
+		width: 100%;
-		margin-top: .2rem;
-	}
-	.contact>li img{
-		width: 3rem;
-		height: 3rem;
-	}
-	.contact>li>span{
-		display: block;
-		font-size: .3rem;
-		color: #666;
-		text-align: center;
 	}
 </style>

src/views/home/plan/textb.vue

@@ -43,17 +43,9 @@
 			<p>外国语言学及英语语言学硕士，《高校面试口语》教材参编，6年高校教学经验，十多年丰富的面试口语教学经验。对面试类问题分析有独到的见解，面试思维应变力强，善于快速开拓学员的面试思维，短期内迅速提升学员综合能力。</p>
 
 			<h2>授课联系老师</h2>
-			<ul class="contact">
+			<div class="ewm">
-				<p>赵老师</p>
+				<img src="../../../assets/images/home/plan/dysxewm.jpg" alt="">
-				<li>
+			</div>
-					<span>微信扫码</span>
-					<img src="../../../assets/images/home/plan/102.jpg" alt="">
-				</li>
-				<li>
-					<span>企业微信扫码</span>
-					<img src="../../../assets/images/home/plan/103.png" alt="">
-				</li>
-			</ul>
 		</div>
 	</div>
 </template>
@@ -110,28 +102,10 @@
 		max-width: 100%;
 		margin: .15rem auto;
 	}
-	.contact{
+	.ewm{
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-	}
-	.contact>p{
 		width: 100%;
-		font-size: .32rem;
-		line-height: 1.5;
 	}
-	.contact>li{
+	.ewm img{
-		width: 48%;
+		width: 100%;
-		margin-top: .2rem;
-	}
-	.contact>li img{
-		width: 3rem;
-		height: 3rem;
-	}
-	.contact>li>span{
-		display: block;
-		font-size: .3rem;
-		color: #666;
-		text-align: center;
 	}
 </style>

src/views/home/plan/textc.vue

@@ -39,17 +39,9 @@
 			<p>英国海归硕士，以最高等级学位毕业于两所英国TOP10顶尖大学，并多次在国内英语风采大赛中获奖。教学经验丰富，深谙英文面试考核重难点，授课颇具亲和力，深受学员喜爱。</p>
 			
 			<h2>授课联系老师</h2>
-			<ul class="contact">
+			<div class="ewm">
-				<p>赵老师</p>
+				<img src="../../../assets/images/home/plan/dysxewm.jpg" alt="">
-				<li>
+			</div>
-					<span>微信扫码</span>
-					<img src="../../../assets/images/home/plan/102.jpg" alt="">
-				</li>
-				<li>
-					<span>企业微信扫码</span>
-					<img src="../../../assets/images/home/plan/103.png" alt="">
-				</li>
-			</ul>
 		</div>
 	</div>
 </template>
@@ -106,28 +98,10 @@
 		max-width: 100%;
 		margin: .15rem auto;
 	}
-	.contact{
+	.ewm{
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-	}
-	.contact>p{
 		width: 100%;
-		font-size: .32rem;
-		line-height: 1.5;
 	}
-	.contact>li{
+	.ewm img{
-		width: 48%;
+		width: 100%;
-		margin-top: .2rem;
-	}
-	.contact>li img{
-		width: 3rem;
-		height: 3rem;
-	}
-	.contact>li>span{
-		display: block;
-		font-size: .3rem;
-		color: #666;
-		text-align: center;
 	}
 </style>

src/views/index/index.vue

@@ -84,14 +84,11 @@
 				<span @click="goPage('/live')">查看更多</span>
 			</div>
 			<ul class="index-live-list">
-				<!-- <li @click="goPage('/video03')">
+				<li @click="goPage('/video02')">
 					<img src="../../assets/images/home/index/live-02.jpg"/>
-				</li> -->
-				<li>
-					<a href="https://mp.weixin.qq.com/s?__biz=Mzg2MTQ4NDQ3NA==&mid=2247484888&idx=1&sn=e5d043b83e2eaaf41ebdebac82024402&chksm=ce17210df960a81b640c49e6bc8fb76ef1145add4e47e916d03194c1a29d57cf57836f970939#rd"><img src="../../assets/images/home/index/live-02.jpg"/></a>
 				</li>
-				<li>
+				<li @click="goPage('/video03')">
-					<a href="https://mp.weixin.qq.com/s?__biz=Mzg2MTQ4NDQ3NA==&mid=2247484884&idx=1&sn=ad632f44c3aced774eb37fe1b513df74&chksm=ce172101f960a817ce45bd4bdf1c3d1dbb21e17a60233e9f945244577652753317aea36cc04e#rd"><img src="../../assets/images/home/index/live-03.jpg"/></a>
+					<img src="../../assets/images/home/index/live-03.jpg"/>
 				</li>
 			</ul>
 		</div>

src/views/user/report/index.vue

@@ -26,7 +26,7 @@
 						<span>{{ evaluationData.student.student_native_str }}</span>
 						<span v-show="evaluationData.evaluation.role_type == 'student'">考生测评</span>
 						<span v-show="evaluationData.evaluation.role_type == 'parents'">亲属测评</span>
-						<span>{{ evaluationData.student.done_at }}</span>
+						<span>{{ evaluationData.student.done_at }}{{ evaluationData.evaluation.done_at }}</span>
 					</div>
 					<div class="report-box3 report-box">
 						<div class="report-title">

src/views/user/ucenter/index.vue

@@ -130,6 +130,9 @@
 					status: "done"
 				}).then(function(res) {
 					that.reportData = res.data.data.list;
+					if(that.reportData.length>0){
+						that.isOpen = true
+					}
 					console.log(that.reportData,555)
 				});
 			},