提问二维码问题解决
parent
d1a366c42e
commit
402803ae06
|
@ -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",
|
||||
|
|
|
@ -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": {
|
||||
|
|
22
src/App.vue
22
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{
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 114 KiB |
Binary file not shown.
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -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'
|
||||
|
|
|
@ -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">
|
||||
{{item.description}}
|
||||
</div>
|
||||
<div class="all-text" v-html="item.description" v-if="showIndex==index"></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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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
|
||||
|
@ -105,13 +109,17 @@ export default {
|
|||
option_key: key,
|
||||
})
|
||||
.then(function () {
|
||||
that.num++;
|
||||
that.num++;
|
||||
that.stateBtn = true;
|
||||
that.cur = '';
|
||||
if (that.num >= 117) {
|
||||
console.log(that.num);
|
||||
that.$router.push({
|
||||
path: "/ucenter",
|
||||
});
|
||||
that.$router.push({
|
||||
path: "/report",
|
||||
query: {
|
||||
id: that.lastquestions.evaluation_id
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
<img :src="host + expertDetail.im_group_qr">
|
||||
<p>单击以下二维码,长按识别后进入专属群</p>
|
||||
<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>
|
|
@ -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>
|
||||
|
@ -82,7 +83,7 @@
|
|||
<span @click="closeEV()">取消</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 底部 -->
|
||||
<tabbar :current="2"></tabbar>
|
||||
</div>
|
||||
|
@ -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) {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
<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>
|
||||
<div class="live-item" @click="goPage('/video01')">
|
||||
<img src="../../../assets/images/home/index/live-01.jpg" >
|
||||
</div>
|
||||
<div class="live-item">
|
||||
<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>
|
||||
<div class="live-item" @click="goPage('/video02')">
|
||||
<img src="../../../assets/images/home/index/live-02.jpg" >
|
||||
</div>
|
||||
<div class="live-item">
|
||||
<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>
|
||||
<div class="live-item" @click="goPage('/video03')">
|
||||
<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>
|
||||
|
|
|
@ -1,15 +1,8 @@
|
|||
<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标签。
|
||||
<video :src="playUrl" autoplay="autoplay" controls="controls">
|
||||
您的浏览器不支持 video 标签。
|
||||
</video>
|
||||
</div>
|
||||
</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>
|
||||
|
|
|
@ -1,15 +1,8 @@
|
|||
<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标签。
|
||||
<video :src="playUrl" autoplay="autoplay" controls="controls">
|
||||
您的浏览器不支持 video 标签。
|
||||
</video>
|
||||
</div>
|
||||
</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>
|
||||
|
|
|
@ -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">
|
||||
<source src="../../../assets/video/A006_720.mp4" type="video/mp4">
|
||||
<video :src="playUrl" autoplay="autoplay" controls="controls">
|
||||
您的浏览器不支持 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>
|
||||
</style>
|
|
@ -36,17 +36,9 @@
|
|||
<p><strong>张老师</strong></p>
|
||||
<p>北师大语言学应用硕士,优朗高校面试课程首席讲师,著名高校副教授。中国先秦史学会国学双语研究会理事,世界汉语大会国外教育部长随行翻译,华尔街某金融公司CEO访谈节目现场口译官。13年从业经验,9年专注高校面试,具备扎实的理论基础和实战经验。</p>
|
||||
<h2>授课联系老师</h2>
|
||||
<ul class="contact">
|
||||
<p>赵老师</p>
|
||||
<li>
|
||||
<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 class="ewm">
|
||||
<img src="../../../assets/images/home/plan/dysxewm.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -103,28 +95,10 @@
|
|||
max-width: 100%;
|
||||
margin: .15rem auto;
|
||||
}
|
||||
.contact{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.contact>p{
|
||||
.ewm{
|
||||
width: 100%;
|
||||
font-size: .32rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.contact>li{
|
||||
width: 48%;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
.contact>li img{
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.contact>li>span{
|
||||
display: block;
|
||||
font-size: .3rem;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
.ewm img{
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -43,17 +43,9 @@
|
|||
<p>外国语言学及英语语言学硕士,《高校面试口语》教材参编,6年高校教学经验,十多年丰富的面试口语教学经验。对面试类问题分析有独到的见解,面试思维应变力强,善于快速开拓学员的面试思维,短期内迅速提升学员综合能力。</p>
|
||||
|
||||
<h2>授课联系老师</h2>
|
||||
<ul class="contact">
|
||||
<p>赵老师</p>
|
||||
<li>
|
||||
<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 class="ewm">
|
||||
<img src="../../../assets/images/home/plan/dysxewm.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -110,28 +102,10 @@
|
|||
max-width: 100%;
|
||||
margin: .15rem auto;
|
||||
}
|
||||
.contact{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.contact>p{
|
||||
.ewm{
|
||||
width: 100%;
|
||||
font-size: .32rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.contact>li{
|
||||
width: 48%;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
.contact>li img{
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.contact>li>span{
|
||||
display: block;
|
||||
font-size: .3rem;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
.ewm img{
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
|
@ -39,17 +39,9 @@
|
|||
<p>英国海归硕士,以最高等级学位毕业于两所英国TOP10顶尖大学,并多次在国内英语风采大赛中获奖。教学经验丰富,深谙英文面试考核重难点,授课颇具亲和力,深受学员喜爱。</p>
|
||||
|
||||
<h2>授课联系老师</h2>
|
||||
<ul class="contact">
|
||||
<p>赵老师</p>
|
||||
<li>
|
||||
<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 class="ewm">
|
||||
<img src="../../../assets/images/home/plan/dysxewm.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -106,28 +98,10 @@
|
|||
max-width: 100%;
|
||||
margin: .15rem auto;
|
||||
}
|
||||
.contact{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.contact>p{
|
||||
.ewm{
|
||||
width: 100%;
|
||||
font-size: .32rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.contact>li{
|
||||
width: 48%;
|
||||
margin-top: .2rem;
|
||||
.ewm img{
|
||||
width: 100%;
|
||||
}
|
||||
.contact>li img{
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
.contact>li>span{
|
||||
display: block;
|
||||
font-size: .3rem;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</style>
|
|
@ -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>
|
||||
<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>
|
||||
<li @click="goPage('/video03')">
|
||||
<img src="../../assets/images/home/index/live-03.jpg"/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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)
|
||||
});
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue