Skip to content

P
pica-admin-IM
提交 48f12f99 编写于 作者: 杨广俊's avatar 杨广俊
浏览文件
操作

调试选择组件前

上级 d4e59458
显示空白字符变更
内嵌 并排
正在显示 包含 397 行增加 和 435 行删除
src/componentsn/business/yqy-home-header.vue
浏览文件 @ 48f12f99
<template> <template>
<div :class="searchFix?'header fixed' : 'header' " id="search-top" :style="{height:menuptop}"> <div :class="searchFix?'header fixed' : 'header' " id="search-top" :style="{height:menuptop}">
<div class="search-menu"> <div class="search-menu">
<div class="bgFill" :style="{height:ptop}"></div> <div class="bgFill" :style="{height:ptop}"></div>
<div class="fixBox"> <div class="fixBox">
<div :class="isTransparent?'search-transparent':'bgWhite'" class="search" @click="goSearch"> <div :class="isTransparent?'search-transparent':'bgWhite'" class="search" @click="goSearch">
<span class="input">{{placeholder}}</span> <span class="input">{{placeholder}}</span>
<img class="search-img" src='../../images/search-white.png'> <img class="search-img" src="../../images/search-white.png">
</div> </div>
<!-- <div class="header-right" @click="goToPage">
<img v-if="searchFix" class="info" src='../../images/msg1.png'>
<img v-else class="info" src='../../images/msg1.png'>
<div :class="isMax?'num-max':'num-min'" class="info-count fs10" v-show="msgCount>0">{{msgCount>99?'99+':msgCount}}</div>
</div> -->
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { jumpSearchUrl } from '@/utils/index' import { jumpWebPageUrl } from "@/utils/index";
export default { export default {
data(){ data() {
return { return {
placeholder: '搜索疾病、课程、讲师', placeholder: "搜索疾病、课程、讲师",
disabled:'disabled',
searchVal:'',
isTransparent: true, //更改颜色 背景 isTransparent: true, //更改颜色 背景
isMax:false,//消息数量是否大于99 count: "",
count:'', ptop: 0,
isShowMsg:true, menuptop: 0,
ptop:0, popHeight: 0
menuptop:0, };
popHeight:0
}
},
props:{
msgCount:{
type:String,
default:''
}, },
statusBarHeight:{ props: {
type:Number, statusBarHeight: {
default:0 type: Number,
default: 0
}, },
searchFix:{ searchFix: {
type:Boolean, type: Boolean,
default:false, default: false
} }
}, },
watch:{ watch: {
// searchFix:function(n){ // searchFix:function(n){
// if(n){ // if(n){
// alert(this.searchFix) // alert(this.searchFix)
// } // }
// } // }
}, },
created(){ created() {
let _this = this; let _this = this;
window.__getStatusBarHeight = function(parm){ window.__getStatusBarHeight = function(parm) {
//lert(parm.statusBarHeight) if (window.__isAndroid) {
if(window.__isAndroid){ _this.popHeight = parseInt(parm.statusBarHeight) / 2.5;
_this.popHeight = parseInt(parm.statusBarHeight)/2.5 } else {
}else{ _this.popHeight = parm.statusBarHeight;
_this.popHeight = parm.statusBarHeight
} }
_this.ptop = _this.popHeight+'px'; _this.ptop = _this.popHeight + "px";
_this.menuptop = _this.popHeight+'px' _this.menuptop = _this.popHeight + "px";
// alert(parm.statusBarHeight); // alert(parm.statusBarHeight);
};
} this.getStatusHight();
this.getStatusHight()
}, },
mounted(){ mounted() {},
// this.getStatusHight();
// if(window.__isAndroid){
// this.popHeight = this.statusBarHeight/2
// }else{
// this.popHeight = this.statusBarHeight
// }
// this.count = this.msgCount;
// this.ptop = this.popHeight+7+'px';
// this.menuptop = this.popHeight+7+'px'
// console.log(this.statusBarHeight);
// if(this.msgCount == ''){
// this.isShowMsg = false
// }
// if(this.count>=99){
// this.count += '+';
// this.isMax = true
// }
},
methods: { methods: {
getStatusHight(){ getStatusHight() {
rocNative.getStatusBarHeight({ rocNative.getStatusBarHeight({
__funcName: '__getStatusBarHeight' __funcName: "__getStatusBarHeight"
}) });
}, },
goSearch(){ goSearch() {
let _this = this, let _this = this,
url = jumpSearchUrl; url = jumpWebPageUrl;
//alert(url) let itemData = {
title: "",
let itemData={ imageUrl: "",
"title":"", appModuleInfo: {
"imageUrl":"", code: "M300",
"appModuleInfo":{ type: 4,
"code":"M300", name: "wwww",
"type":4, paramFlag: 1,
"name":"wwww", paramList: [
"paramFlag":1, {
"paramList":[ key: "pageUrl",
value: url + 'sousuo/#/index',
type: 4,
seqNo: 1
},
{
key: "showTitle",
value: false,
type: 1,
seqNo: 2
},
{ {
"key":"pageUrl", key: "title",
"value": url, value: "",
"type":4, type: 1,
"seqNo":1 seqNo: 3
},{
"key":"showTitle",
"value": false,
"type":1,
"seqNo":2
},{
"key":"title",
"value": '',
"type":1,
"seqNo":3
} }
] ]
} }
...@@ -140,133 +102,112 @@ export default { ...@@ -140,133 +102,112 @@ export default {
rocNative.dispatchEventByModuleCode({ rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code, modeCode: itemData.appModuleInfo.code,
jsonString: itemData.appModuleInfo.paramList jsonString: itemData.appModuleInfo.paramList
}) });
},
goToPage(){
// alert("000");
this.$emit('setAppMsg',false)
this.pageBurialPoin({
menuLevel:1,
menuCode:'m_home',
functionCode:'f_notification',
actionCode:'c_notification',
})
rocNative.readMessage();
} }
}, }
};
}
</script> </script>
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../style/mixin.scss'; @import "../../style/mixin.scss";
@import '../../style/global.scss'; @import "../../style/global.scss";
html,body{ html,
body {
width: px2rem(375px); width: px2rem(375px);
height: 100%; height: 100%;
background-color: #F8F8F8; background-color: #f8f8f8;
} }
.search-transparent{ .search-transparent {
background: transparent; background: transparent;
border: 1px solid rgba(255, 255, 255, 1); border: 1px solid rgba(255, 255, 255, 1);
color: #fff; color: #fff;
margin: px2rem(8px) 0 0 0; margin: px2rem(8px) 0 0 0;
} }
.search-transparent::-webkit-input-placeholder{ .search-transparent::-webkit-input-placeholder {
color:#fff; color: #fff;
} }
.white{ .white {
color: #fff; color: #fff;
} }
.header-right{ .header-right {
width: px2rem(20px); width: px2rem(20px);
height: px2rem(20px); height: px2rem(20px);
position: relative; position: relative;
margin-top:px2rem(13px); margin-top: px2rem(13px);
float: right; float: right;
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
} }
.bgFill{ .bgFill {
background: inherit; background: inherit;
height: 20px; height: 20px;
} }
.fs30{ .fs30 {
font-size: px2rem(15px); font-size: px2rem(15px);
} }
.gxy-study{ .gxy-study {
margin-right: px2rem(19px); margin-right: px2rem(19px);
} }
.gxy{ .gxy {
font-size: px2rem(25px); font-size: px2rem(25px);
margin: px2rem(25px) 0 px2rem(11px) 0; margin: px2rem(25px) 0 px2rem(11px) 0;
} }
.header{ .header {
width: 100%; width: 100%;
/*//height: px2rem(50px);*/ /*//height: px2rem(50px);*/
position: relative; position: relative;
} }
.fixed { .fixed {
.search-menu{ .search-menu {
position: fixed; position: fixed;
z-index: 110; z-index: 110;
top:0; top: 0;
left: 0; left: 0;
} }
.fixBox{ .fixBox {
background: #4CBBA9; background: #4cbba9;
height:px2rem(46px); height: px2rem(46px);
padding:0 px2rem(25px); padding: 0 px2rem(25px);
/* padding-top: px2rem(7px)*/ /* padding-top: px2rem(7px)*/
} }
.bgFill{ .bgFill {
background: #4CBBA9; background: #4cbba9;
} }
.search-transparent::-webkit-input-placeholder{ .search-transparent::-webkit-input-placeholder {
color:#fff; color: #fff;
} }
.search{ .search {
border-color:#fff; border-color: #fff;
} }
.info-count{ .info-count {
background: #FB5B52; background: #fb5b52;
color: #fff color: #fff;
} }
} }
.fixBox{ .fixBox {
padding:0 px2rem(25px); padding: 0 px2rem(25px);
height: px2rem(30px); height: px2rem(30px);
/* padding-top: px2rem(7px)*/ /* padding-top: px2rem(7px)*/
} }
.search-menu{ .search-menu {
width: 100%; width: 100%;
position: absolute; position: absolute;
} }
.search{ .search {
width: px2rem(290px); width: px2rem(290px);
height: px2rem(30px); height: px2rem(30px);
border-radius: px2rem(19px); border-radius: px2rem(19px);
float: left; float: left;
text-align: left; text-align: left;
} }
.input{ .input {
outline: none; outline: none;
border: none; border: none;
float: left; float: left;
...@@ -276,84 +217,84 @@ html,body{ ...@@ -276,84 +217,84 @@ html,body{
width: 80%; width: 80%;
color: #fff; color: #fff;
} }
.search-img{ .search-img {
width: px2rem(13px); width: px2rem(13px);
height: px2rem(13px); height: px2rem(13px);
margin: px2rem(8px) px2rem(10px) 0 0; margin: px2rem(8px) px2rem(10px) 0 0;
float: right; float: right;
} }
.info-count{ .info-count {
position:absolute; position: absolute;
top: -(px2rem(5px)); top: -(px2rem(5px));
left: (px2rem(10px)); left: (px2rem(10px));
/*max-width: px2rem(25px);*/ /*max-width: px2rem(25px);*/
padding:0 px2rem(3px) 0 px2rem(2px); padding: 0 px2rem(3px) 0 px2rem(2px);
height: px2rem(15px); height: px2rem(15px);
line-height: px2rem(15px); line-height: px2rem(15px);
border-radius: px2rem(15px); border-radius: px2rem(15px);
text-align: center; text-align: center;
font-size:px2rem(12px); font-size: px2rem(12px);
/*font-weight: bold;*/ /*font-weight: bold;*/
background-color: #fff; background-color: #fff;
color: RGBA(53, 134, 126, 1); color: RGBA(53, 134, 126, 1);
} }
.num-min{ .num-min {
max-width: px2rem(25px); max-width: px2rem(25px);
min-width: px2rem(15px); min-width: px2rem(15px);
/*padding:0;*/ /*padding:0;*/
} }
.num-max{ .num-max {
width: auto; width: auto;
/* background-color: RGBA(251, 91, 82, 1); /* background-color: RGBA(251, 91, 82, 1);
color: #fff;*/ color: #fff;*/
} }
.hot-tag{ .hot-tag {
width: 100%; width: 100%;
height: px2rem(150px); height: px2rem(150px);
} }
.hotTagTitle{ .hotTagTitle {
font-size: px2rem(18px); font-size: px2rem(18px);
padding: px2rem(73px) px2rem(15px); padding: px2rem(73px) px2rem(15px);
float: left; float: left;
background-color: #fff; background-color: #fff;
} }
.cource{ .cource {
width: 100%; width: 100%;
height: px2rem(350px); height: px2rem(350px);
} }
.font-title{ .font-title {
font-size: px2rem(18px); font-size: px2rem(18px);
padding: 0 0 px2rem(21px) px2rem(15px); padding: 0 0 px2rem(21px) px2rem(15px);
float: left; float: left;
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
.title{ .title {
font-size: px2rem(16px); font-size: px2rem(16px);
} }
.cource-left{ .cource-left {
float: left; float: left;
padding-left: px2rem(15px); padding-left: px2rem(15px);
} }
.need-left{ .need-left {
float: left; float: left;
padding: 0 0 px2rem(40px) px2rem(15px); padding: 0 0 px2rem(40px) px2rem(15px);
} }
.cource-time{ .cource-time {
float: left; float: left;
} }
.cource-img{ .cource-img {
width: px2rem(170px); width: px2rem(170px);
height: px2rem(96px); height: px2rem(96px);
margin-bottom: px2rem(10px); margin-bottom: px2rem(10px);
} }
.cource-more{ .cource-more {
font-size: px2rem(15px); font-size: px2rem(15px);
color: #999999; color: #999999;
} }
.need{ .need {
width: 100%; width: 100%;
height: px2rem(325px); height: px2rem(325px);
margin-top: px2rem(35px); margin-top: px2rem(35px);
......
src/componentsn/business/yqy-hot-lecturer.vue
浏览文件 @ 48f12f99
...@@ -5,13 +5,13 @@ ...@@ -5,13 +5,13 @@
<div class="hot-lect-wrapper-list" > <div class="hot-lect-wrapper-list" >
<div class="hot-lect-wrapper-list-item" v-for="(item,index) in parmData" @click="goToPage(item)" :key="index"> <div class="hot-lect-wrapper-list-item" v-for="(item,index) in parmData" @click="goToPage(item)" :key="index">
<div class="lect-img"> <div class="lect-img">
<img v-lazy="item.avatarImageUrl"/> <img v-lazy="item.doctorAvatarImg"/>
<span class="disp-blc"> <span class="disp-blc">
<span>邓轩东</span> <span>{{item.doctorName}}</span>
</span> </span>
</div> </div>
<span class="disp-blc lect-ks">中医风湿免疫内科</span> <span class="disp-blc lect-ks">{{item.department}}</span>
<span class="disp-blc study-num">477人已学</span> <span class="disp-blc study-num">{{item.joinNum}}人已学</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -45,19 +45,11 @@ export default { ...@@ -45,19 +45,11 @@ export default {
methods: { methods: {
//跳转 //跳转
goToPage(item,parm){ goToPage(item){
let _this = this, let _this = this,
url = '',action_code = '',label_id = ''; url = jumpWebPageUrl+'appl/#/teachersDetail?id='+item.doctorId+"&from=appHome&userToken="+ _this.userToken
if(parm == 'list'){
url = jumpWebPageUrl+'teachers?userToken='+_this.userToken;
action_code = 'c_more'
}else{
url = jumpWebPageUrl+'teachersDetail?id='+item.id+"&from=appHome&userToken="+_this.userToken
action_code = 'c_teacher';
label_id = item.id;
}
let itemData={ let itemData = {
"title":"", "title":"",
"imageUrl":"", "imageUrl":"",
"appModuleInfo":{ "appModuleInfo":{
...@@ -90,29 +82,21 @@ export default { ...@@ -90,29 +82,21 @@ export default {
modeCode: itemData.appModuleInfo.code, modeCode: itemData.appModuleInfo.code,
jsonString: itemData.appModuleInfo.paramList jsonString: itemData.appModuleInfo.paramList
}) })
this.pageBurialPoin({
menuLevel:1,
menuCode:'m_home',
functionCode:'f_teacher',
actionCode:action_code,
labelId:label_id,
labelValue :item.name,
})
}, },
//热门讲师
getData(){ getData(){
let _this = this, let _this = this,
para = { para = {
pageNo: this.pageNo, pageNo: 1,
pageSize: this.pageSize, pageSize: 6,
token: this.userToken,
setEntry: 'headers' setEntry: 'headers'
} }
this.GET('contents/HomeLecturer/LecturerInformation', para).then(res => { this.GET('contents/courseDoctor/v1/getHotTeacher', para).then(res => {
if(res.code == '000000'){ if(res.code == '000000'){
_this.parmData = (res.data && res.data.pCourseDoctorModels || []).slice() _this.parmData = res.data && res.data.list || []
} }
}) })
} }
} }
...@@ -136,7 +120,8 @@ export default { ...@@ -136,7 +120,8 @@ export default {
&-list { &-list {
display: flex; display: flex;
flex-direction: columns; flex-direction: columns;
width: px2rem(1200px); margin-left: px2rem(12px);
width: px2rem(666px);
height: px2rem(133px); height: px2rem(133px);
// margin: 0 px2rem(15px); // margin: 0 px2rem(15px);
// padding: px2rem(4px) px2rem(4px); // padding: px2rem(4px) px2rem(4px);
...@@ -199,14 +184,14 @@ export default { ...@@ -199,14 +184,14 @@ export default {
.disp-blc.lect-ks { .disp-blc.lect-ks {
position: relative; position: relative;
left: 0; left: 0;
top: px2rem(-10px); top: px2rem(-8px);
font-size: px2rem(12px); font-size: px2rem(12px);
color: #666; color: #666;
} }
.disp-blc.study-num { .disp-blc.study-num {
position: relative; position: relative;
left: 0; left: 0;
top: px2rem(-11px); top: px2rem(-10px);
font-size: px2rem(11px); font-size: px2rem(11px);
color: #999; color: #999;
} }
......
src/componentsn/business/yqy-lecturer-select.3.vue 0 → 100644
浏览文件 @ 48f12f99
<template>
<section>
<article class="group-title">
<section class="group-title-order">
<div @click="selectedType(1)" class="group-title-order-item">
<span>全国</span><img src="../../images/lecturer/select-down.png"/>
</div>
<div @click="selectedType(2)" class="group-title-order-item">
<span>全部等级</span><img src="../../images/lecturer/select-down.png"/>
</div>
<div @click="selectedType(3)" class="group-title-order-item">
<span>全部科室</span><img src="../../images/lecturer/select-down.png"/>
</div>
</section>
</article>
<article class="lect-selection">
<section class="lect-selection-title">
<img src="../../images/lecturer/select-delete.png"/>
<span>选择地区</span>
<span class="no-content"></span>
</section>
<section class="lect-selection-content">
<div class="lect-selection-content-mask"></div>
<!-- 选择地区 -->
<article class="lect-selection-content-region">
</article>
<!-- 选择医院等级 -->
<article class="lect-selection-content-level">
</article>
<!-- 选择医院科室 -->
<article class="lect-selection-content-region">
</article>
</section>
</article>
</section>
</template>
<script>
export default {
data() {
return {
selectedTypeIndex: 1
}
},
props: {
},
computed: {
// ...mapGetters({
// // orderNum: 'orderNum'
// })
},
watch: {
// orderNum(val) {
// this.showOrderIndex = 1
// }
},
methods: {
selectedType(index) {
this.selectedTypeIndex = index
this.$emit('selectedType', index)
},
}
}
</script>
<style lang="scss" scoped>
@import '../../style/mixin.scss';
.lect-selection {
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
flex-direction: row;
margin: px2rem(33px) px2rem(15px) px2rem(13px);
&-title {
display: flex;
flex-direction: row;
width: px2rem(325px);
justify-content: space-between;
font-size: px2rem(13px);
img {
position: relative;
top: px2rem(1px);
left: px2rem(1px);
height: px2rem(25px);
width: px2rem(25px);
}
span {
font-size: px2rem(18px);
color: #333;
}
}
}
.group-title {
display: flex;
flex-direction: row;
margin: px2rem(4px) px2rem(25px) px2rem(6px);
&-order {
display: flex;
flex-direction: row;
width: px2rem(325px);
justify-content: space-between;
font-size: px2rem(13px);
&-item {
span {
font-size: px2rem(15px);
color: #333;
}
img {
position: relative;
top: px2rem(1px);
left: px2rem(1px);
height: px2rem(11px);
width: px2rem(11px);
}
}
}
}
.active {
color: #449284;
}
</style>
src/componentsn/business/yqy-lecturer-select.vue
浏览文件 @ 48f12f99
...@@ -13,28 +13,6 @@ ...@@ -13,28 +13,6 @@
</div> </div>
</section> </section>
</article> </article>
<article class="lect-selection">
<section class="lect-selection-title">
<img src="../../images/lecturer/select-delete.png"/>
<span>选择地区</span>
<span class="no-content"></span>
</section>
<section class="lect-selection-content">
<div class="lect-selection-content-mask"></div>
<!-- 选择地区 -->
<article class="lect-selection-content-region">
</article>
<!-- 选择医院等级 -->
<article class="lect-selection-content-level">
</article>
<!-- 选择医院科室 -->
<article class="lect-selection-content-region">
</article>
</section>
</article>
</section> </section>
</template> </template>
...@@ -69,40 +47,11 @@ export default { ...@@ -69,40 +47,11 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../style/mixin.scss'; @import '../../style/mixin.scss';
.lect-selection {
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
flex-direction: row;
margin: px2rem(33px) px2rem(15px) px2rem(13px);
&-title {
display: flex;
flex-direction: row;
width: px2rem(325px);
justify-content: space-between;
font-size: px2rem(13px);
img {
position: relative;
top: px2rem(1px);
left: px2rem(1px);
height: px2rem(25px);
width: px2rem(25px);
}
span {
font-size: px2rem(18px);
color: #333;
}
}
}
.group-title { .group-title {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: px2rem(4px) px2rem(25px) px2rem(6px); margin: px2rem(6px) px2rem(25px) px2rem(2px);
&-order { &-order {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
......
src/componentsn/business/yqy-teacher-list.vue
浏览文件 @ 48f12f99
...@@ -8,12 +8,16 @@ ...@@ -8,12 +8,16 @@
v-for="(item, index) in cParamData" :key="index" v-for="(item, index) in cParamData" :key="index"
@click="goToPage(item)"> @click="goToPage(item)">
<div class="tea-img" :style="'background:'+ item.bgColor"> <div class="tea-img" :style="'background:'+ item.bgColor">
<img :src="item.appImageUrl"> <img :src="item.doctorAvatarImg">
<span class="learn-p">{{item.joinNum}}人已学</span> <span class="learn-p">{{item.totalNum}}人已学</span>
<span class="learn-p-cnum">课程：共{{item.resourceNum}}门</span>
<!-- <span class="learn-p">{{item.joinNum | yLocalString}}人已学</span> --> <!-- <span class="learn-p">{{item.joinNum | yLocalString}}人已学</span> -->
</div> </div>
<div class="tea-txt"> <div class="tea-txt">
<div class="tea-name" v-html="item.highLightName">{{item.name}}</div> <div class="tea-name">
<span>{{item.doctorName}}</span>
<span class="tea-department">{{item.department}}</span>
</div>
<div class="tea-position"> <div class="tea-position">
{{item.doctorHospital}} {{item.doctorHospital}}
</div> </div>
...@@ -29,11 +33,6 @@ ...@@ -29,11 +33,6 @@
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { jumpWebPageUrl } from '@/utils/index' import { jumpWebPageUrl } from '@/utils/index'
import {
m_search_result_lecturer_detail,
m_search_result_lecturer_order,
m_search_result_lecturer_top,
} from '@/utils/buryingPoint'
// import GroupTitle from '@/componentsn/business/group-title'; // import GroupTitle from '@/componentsn/business/group-title';
import YqyLecturerOrder from '@/componentsn/business/yqy-lecturer-order'; import YqyLecturerOrder from '@/componentsn/business/yqy-lecturer-order';
export default { export default {
...@@ -47,27 +46,7 @@ export default { ...@@ -47,27 +46,7 @@ export default {
studyCount: 0, studyCount: 0,
col: 1, //0综合，1人气，2资源数，3姓名首字母 col: 1, //0综合，1人气，2资源数，3姓名首字母
dir: 2, //1:正序 2：逆序, dir: 2, //1:正序 2：逆序,
list: [{ list: [],
"id": 2,
"name": "蒋立新",
"highLightName": "<span style=\"color:rgba(244,122,72,1)\">蒋</span>立新",
"avatarImageUrl": "https://file.yunqueyi.com/image/png/2018/12/11/20181211152709733-e5ebedce.png",
"appImageUrl": "https://file.yunqueyi.com/image/png/2018/12/07/20181207180949541-eb79d691.png",
"joinNum": 354856,
"modifyTime": "1544513229000",
"doctorHospital": "阜外医院",
"score": 9.0
}, {
"id": 457,
"name": "蒋彩凤",
"highLightName": "<span style=\"color:rgba(244,122,72,1)\">蒋</span>彩凤",
"avatarImageUrl": "https://file.yunqueyi.com/image/png/2018/12/11/20181211152700135-11afe0d6.png",
"appImageUrl": "https://file.yunqueyi.com/image/png/2018/12/07/20181207165333320-baf71dcc.png",
"joinNum": 9991,
"modifyTime": "1544513219000",
"doctorHospital": "上海长征医院",
"score": 9.0
}],
} }
}, },
components: { components: {
...@@ -105,10 +84,10 @@ export default { ...@@ -105,10 +84,10 @@ export default {
orderNum: 'orderNum' orderNum: 'orderNum'
}), }),
cParamData() { cParamData() {
if (this.list && this.list.length) { if (this.parmData && this.parmData.length) {
return this.randomBg(this.list)
} else {
return this.randomBg(this.parmData) return this.randomBg(this.parmData)
} else {
return this.randomBg(this.list)
} }
} }
}, },
...@@ -162,12 +141,12 @@ export default { ...@@ -162,12 +141,12 @@ export default {
jsonString: itemData.appModuleInfo.paramList jsonString: itemData.appModuleInfo.paramList
}) })
this.pageBurialPoin({ // this.pageBurialPoin({
...m_search_result_lecturer_detail, // ...m_search_result_lecturer_detail,
labelId: label_id, // labelId: label_id,
labelValue :item.name, // labelValue :item.name,
createdTime: new Date().getTime() // createdTime: new Date().getTime()
}) // })
}, },
randomBg(d) { randomBg(d) {
...@@ -294,14 +273,21 @@ body { ...@@ -294,14 +273,21 @@ body {
left: 0; left: 0;
bottom: 0; bottom: 0;
background: #333; background: #333;
background: -webkit-linear-gradient(left, RGBA(0, 0, 0, 0.2), RGBA(0, 0, 0, 0));
background: -o-linear-gradient(right, RGBA(0, 0, 0, 0.2), RGBA(0, 0, 0, 0));
background: -moz-linear-gradient(right, RGBA(0, 0, 0, 0.2), RGBA(0, 0, 0, 0));
background: linear-gradient(to right, RGBA(0, 0, 0, 0.2), RGBA(0, 0, 0, 0)); background: linear-gradient(to right, RGBA(0, 0, 0, 0.2), RGBA(0, 0, 0, 0));
// background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.34) 100%);
color: #fff; color: #fff;
font-size: px2rem(11px); font-size: px2rem(11px);
height: px2rem(20px); height: px2rem(20px);
line-height: px2rem(20px); line-height: px2rem(22px);
&-cnum {
position: absolute;
right: px2rem(10px);
bottom: 0;
color: #fff;
font-size: px2rem(11px);
height: px2rem(20px);
line-height: px2rem(22px);
}
} }
} }
...@@ -312,6 +298,12 @@ body { ...@@ -312,6 +298,12 @@ body {
font-weight: 500; font-weight: 500;
} }
.tea-department {
padding: 0;
color: #333;
font-size: px2rem(12px);
font-weight: 400;
}
.tea-position { .tea-position {
height: px2rem(30px); height: px2rem(30px);
font-size: px2rem(12px); font-size: px2rem(12px);
......
src/utils/index.js
浏览文件 @ 48f12f99
...@@ -83,7 +83,8 @@ export function jumpEvaluatPage(){ ...@@ -83,7 +83,8 @@ export function jumpEvaluatPage(){
// dev地址 // dev地址
// const baseUrl = 'http://10.177.10.149:8080/' // const baseUrl = 'http://10.177.10.149:8080/'
const baseUrl = 'https://dev-sc.yunqueyi.com/' // const baseUrl = 'https://dev-sc.yunqueyi.com/'
const baseUrl = 'http://10.177.15.180:10202/'
const apiUrl = 'https://dev-api.yunqueyi.com/' const apiUrl = 'https://dev-api.yunqueyi.com/'
const evaluatPageUrl = 'https://dev-phome.yunqueyi.com/gpr/#/home' const evaluatPageUrl = 'https://dev-phome.yunqueyi.com/gpr/#/home'
export const jumpWebPageUrl = 'https://dev-phome.yunqueyi.com/' export const jumpWebPageUrl = 'https://dev-phome.yunqueyi.com/'
......
src/views/index.ok-11.vue
浏览文件 @ 48f12f99
...@@ -278,31 +278,14 @@ export default { ...@@ -278,31 +278,14 @@ export default {
},{ },{
"imageUrl": require('../homecom/images/defaults/750420-1.png') "imageUrl": require('../homecom/images/defaults/750420-1.png')
}],//轮播图数据 }],//轮播图数据
scrollTimer:null, scrollTimer: null,
scrollTop:0, scrollTop: 0,
hideNewCourse:true, msgCount:' 10',
updateTotal:0, userToken: '',
msgCount:'10', searchFix: false,
userToken:'', statusBarHeight: 0,
searchFix:false, userMobile: '',
statusBarHeight:0, isFailSwiper: 1,
userMobile:'',
userToken:'',
isHeightFromApp:false,
isFirstPull:true,
updateStr:'',
isRefreshFromBack:false,
isRefrshMsg:false,
isFailSwiper:1,
isFailCatagory1:false,
isFailCatagory2:false,
isFailCatagory3:false,
isFailTeaches:false,
isFailFive:false,
adjustPageNo:1,
lecturerNewId:'',
lecturerAdId:'',
fromAdjustData:[],
} }
}, },
components:{ components:{
......
src/views/index.vue
浏览文件 @ 48f12f99
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="main-body" ref="wrapper"> <div class="main-body" ref="wrapper">
<section class="home-header"> <section class="home-header">
<div class="home-topMenu"> <div class="home-topMenu">
<YqyHomeHeader :msgCount="msgCount" :searchFix="searchFix"/> <YqyHomeHeader :searchFix="searchFix"/>
</div> </div>
<div class="swiper"> <div class="swiper">
<mt-swipe :auto="3000" :speed="speedSwiper" :stopPropagation="prevent"> <mt-swipe :auto="3000" :speed="speedSwiper" :stopPropagation="prevent">
...@@ -12,20 +12,29 @@ ...@@ -12,20 +12,29 @@
</mt-swipe> </mt-swipe>
</div> </div>
</section> </section>
<!-- 热门讲师 --> <!-- 热门讲师 -->
<YqyHotLecturer/> <YqyHotLecturer />
<!-- 全部讲师标题 --> <!-- 全部讲师标题 -->
<YqyLecturerTitle/> <YqyLecturerTitle/>
<!-- 全部讲师选择 --> <!-- 全部讲师选择标题 -->
<!-- <YqyLecturerSelect/> --> <YqyLecturerSelect @selectedType="selectedTypeFromTitle"/>
<!-- 全部讲师列表 -->
<YqyTeacherList :parmData="parmDataDoctList"/>
<!--返回顶部-->
<BackTop v-if="isShowBackTop"/>
<section> <!-- 全部讲师选择页面 -->
<section v-show="showSelectedPage">
<article class="lect-selection"> <article class="lect-selection">
<div class="lect-selection-content-mask"></div> <div class="lect-selection-content-mask"></div>
<section class="lect-selection-title"> <section class="lect-selection-title">
<img src="../images/lecturer/select-delete.png"/> <img @click="closeSelectedPage" src="../images/lecturer/select-delete.png"/>
<span>选择地区</span> <span>{{selectedTitle}}</span>
<span class="no-content"></span> <span class="no-content"></span>
</section> </section>
<article class="group-title"> <article class="group-title">
...@@ -44,7 +53,7 @@ ...@@ -44,7 +53,7 @@
</article> </article>
<section class="lect-selection-content"> <section class="lect-selection-content">
<!-- 选择地区 --> <!-- 选择地区 -->
<article class="lect-selection-content-region" v-show="false"> <article class="lect-selection-content-region" v-show="selectedTypeIndex === 1">
<table class="lect-selection-content-rp-tb"> <table class="lect-selection-content-rp-tb">
<tr> <tr>
<td style="width: 33%" > <td style="width: 33%" >
...@@ -126,7 +135,7 @@ ...@@ -126,7 +135,7 @@
</table> </table>
</article> </article>
<!-- 选择医院等级 --> <!-- 选择医院等级 -->
<article class="lect-selection-content-level" v-show="false"> <article class="lect-selection-content-level" v-show="selectedTypeIndex === 2">
<table class="lect-selection-content-rp-tb"> <table class="lect-selection-content-rp-tb">
<tr> <tr>
<td class="lect-selection-content-rp-tb-tb-2" > <td class="lect-selection-content-rp-tb-tb-2" >
...@@ -174,7 +183,7 @@ ...@@ -174,7 +183,7 @@
</table> </table>
</article> </article>
<!-- 选择医院科室 --> <!-- 选择医院科室 -->
<article class="lect-selection-content-region" v-show="true"> <article class="lect-selection-content-region" v-show="selectedTypeIndex === 3">
<table class="lect-selection-content-rp-tb"> <table class="lect-selection-content-rp-tb">
<tr> <tr>
<td class="lect-selection-content-rp-tb-tb-2"> <td class="lect-selection-content-rp-tb-tb-2">
...@@ -222,16 +231,7 @@ ...@@ -222,16 +231,7 @@
</table> </table>
</article> </article>
</section> </section>
</section> </section>
<!-- 全部讲师列表 -->
<!-- <YqyTeacherList/> -->
<!--返回顶部-->
<BackTop v-if="isShowBackTop"/>
</div> </div>
</template> </template>
...@@ -248,26 +248,14 @@ import YqyTeacherList from '@/componentsn/business/yqy-teacher-list' ...@@ -248,26 +248,14 @@ import YqyTeacherList from '@/componentsn/business/yqy-teacher-list'
export default { export default {
data(){ data(){
return { return {
showSelectedPage: false,
parmDataDoctList: [],
selectedTypeIndex: 1, selectedTypeIndex: 1,
prevent:true, prevent: true,
showNewCorse:false, // 是否显示新内容 默认不显示
isFixed:false,
isShowBackTop: false, isShowBackTop: false,
isShowEvluat:false, //是否显示下拉 speedSwiper: 300,
evaluctObj:{}, //下拉数据 // stopPropagation: true,
iconList:[], //icon数据 listSwiper: [{
keeponData:{}, //继续学习
isShowKeep:false,
listCategory:[], //专题分类数据
yqDoctorList:[],//云雀名师数据
newsDatalist:[],//最新课程
fiveList:[],//五分钟医学院
adjustList:[],//为您推荐
isBodyPull:false,
speedSwiper:300,
stopPropagation:true,
isIntStyle:'',
listSwiper:[{
"imageUrl": require('../homecom/images/defaults/750420-1.png') "imageUrl": require('../homecom/images/defaults/750420-1.png')
},{ },{
"imageUrl": require('../homecom/images/defaults/750420-1.png') "imageUrl": require('../homecom/images/defaults/750420-1.png')
...@@ -278,31 +266,13 @@ export default { ...@@ -278,31 +266,13 @@ export default {
},{ },{
"imageUrl": require('../homecom/images/defaults/750420-1.png') "imageUrl": require('../homecom/images/defaults/750420-1.png')
}],//轮播图数据 }],//轮播图数据
scrollTimer:null, scrollTimer: null,
scrollTop:0, scrollTop: 0,
hideNewCourse:true, userToken: '',
updateTotal:0, searchFix: false,
msgCount:'10', statusBarHeight: 0,
userToken:'', userMobile: '',
searchFix:false, isFailSwiper: 1,
statusBarHeight:0,
userMobile:'',
userToken:'',
isHeightFromApp:false,
isFirstPull:true,
updateStr:'',
isRefreshFromBack:false,
isRefrshMsg:false,
isFailSwiper:1,
isFailCatagory1:false,
isFailCatagory2:false,
isFailCatagory3:false,
isFailTeaches:false,
isFailFive:false,
adjustPageNo:1,
lecturerNewId:'',
lecturerAdId:'',
fromAdjustData:[],
} }
}, },
components:{ components:{
...@@ -315,6 +285,11 @@ export default { ...@@ -315,6 +285,11 @@ export default {
YqyHotLecturer, YqyHotLecturer,
YqyTeacherList, YqyTeacherList,
}, },
computed: {
selectedTitle() {
return this.selectedTypeIndex === 1 ? '选择地区' : this.selectedTypeIndex === 2 ? '选择等级' : '选择科室'
}
},
beforeCreate() { beforeCreate() {
}, },
created () { created () {
...@@ -364,6 +339,13 @@ export default { ...@@ -364,6 +339,13 @@ export default {
// ...mapActions({ // ...mapActions({
// 'setAdjustList': 'setAdjustList' // 'setAdjustList': 'setAdjustList'
// }), // }),
selectedTypeFromTitle(index) {
this.selectedTypeIndex = index
this.showSelectedPage = true
},
closeSelectedPage() {
this.showSelectedPage = false
},
selectedType(index) { selectedType(index) {
this.selectedTypeIndex = index this.selectedTypeIndex = index
// this.$emit('selectedType', index) // this.$emit('selectedType', index)
...@@ -371,7 +353,8 @@ export default { ...@@ -371,7 +353,8 @@ export default {
initAll(){ initAll(){
this.getSwiper() this.getSwiper()
this.getYqDoctorData() // this.getYqDoctorData()
this.getYqDoctorDataByCD()
}, },
//获取状态栏高度 //获取状态栏高度
...@@ -407,17 +390,20 @@ export default { ...@@ -407,17 +390,20 @@ export default {
}) })
}, },
//热门讲师 //根据条件获取讲师列表
getYqDoctorData(){ getYqDoctorDataByCD(){
let _this = this, let _this = this,
para = { para = {
pageNo:1, provinceId: 0,
pageSize:10, cityId: 0,
countyId: 0,
levelGrade: 0,
departmentId: 0,
setEntry: 'headers' setEntry: 'headers'
} }
this.GET('contents/HomeLecturer/LecturerInformation', para).then(res => { this.GET('/contents/courseDoctor/v1/getAllTeacher', para).then(res => {
if(res.code == '000000'){ if(res.code == '000000'){
_this.yqDoctorList = res.data && res.data.pCourseDoctorModels || [] _this.parmDataDoctList = res.data && res.data.list || []
} }
}) })
...@@ -434,35 +420,30 @@ export default { ...@@ -434,35 +420,30 @@ export default {
// var clientHeight = document.querySelector('#famus-teacher').clientHeight; // var clientHeight = document.querySelector('#famus-teacher').clientHeight;
// this.scrollTimer = setTimeout(this.scrollEndFun, 200); // this.scrollTimer = setTimeout(this.scrollEndFun, 200);
// if(scrollTop > searchBox && scrollTop < adjustTop){ // if(scrollTop > searchBox && scrollTop < adjustTop){
// console.log(scrollTop,searchBox); if(scrollTop > 20){
// this.searchFix = true; console.log(scrollTop);
// }else{ this.searchFix = true;
// this.searchFix = false; }else{
// } this.searchFix = false;
}
}, },
// 获取轮播图数据 // 获取轮播图数据
getSwiper(){ getSwiper(){
let _this = this, let _this = this,
para = { para = {
category:1,
position:4,
setEntry: 'headers', setEntry: 'headers',
data:{
setEntry: 'headers'
}
} }
this.GET('contents/courseDoctorBanner/queryList', para).then(res => {
this.GET('contents/HomeColumn/Information', para).then(res => {
if(res.code == '000000'){ if(res.code == '000000'){
_this.listSwiper = res.data.iconColumnInformationModels || []; _this.listSwiper = res.data.bannerList || [];
} }
if( _this.listSwiper.length == 0){ if( _this.listSwiper.length == 0){
_this.isFailSwiper += 1; _this.isFailSwiper += 1;
} }
_this.isFailSwiper = _this.listSwiper.length == 0 ? 2 : 1 ; _this.isFailSwiper = _this.listSwiper.length == 0 ? 2 : 1 ;
}) })
}, }
}, },
} }
...@@ -523,9 +504,9 @@ export default { ...@@ -523,9 +504,9 @@ export default {
top:10px; top:10px;
position: absolute; position: absolute;
} }
.swiper-pagination-bullet{ /* .swiper-pagination-bullet{
} } */
.swiper-slide img{ .swiper-slide img{
width: 100%; width: 100%;
height: 100%; height: 100%;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或