Skip to content

P
pica.cloud.web-education-admin
提交 7b9c5648 编写于 作者: 杨广俊's avatar 杨广俊
浏览文件
操作

删除等 item.imageUrl

上级 4d1022f5
显示空白字符变更
内嵌 并排
正在显示 包含 9 行增加 和 713 行删除
src/componentsn/business/group-title.1.vue 已删除 100644 → 0
浏览文件 @ 4d1022f5
<template>
<section>
<article class="group-title-title">
<span>{{groupTitle}}</span>
</article>
<article class="group-title">
<article v-show="showOrder" class="group-title-order">
<div @click="order(1)" class="group-title-order-item">
<span :class="{'active': showOrderIndex === 1}">按名首字母</span>
<img class="first-name" src="../../images/sousuo/sort-down.png" v-show="showOrderIndex === 1"/>
</div>
<div @click="order(2)" class="group-title-order-item">
<span :class="{'active': showOrderIndex === 2}">最新课程</span>
<img src="../../images/sousuo/sort-down.png" v-show="showOrderIndex === 2"/>
</div>
<div @click="order(3)" class="group-title-order-item">
<span :class="{'active': showOrderIndex === 3}">资源数</span>
<img class="course-num" src="../../images/sousuo/sort-down.png" v-show="showOrderIndex === 3"/>
</div>
<div @click="order(4)" class="group-title-order-item">
<span :class="{'active': showOrderIndex === 4}">热门</span>
<img class="hot-degree" src="../../images/sousuo/sort-down.png" v-show="showOrderIndex === 4"/>
</div>
</article>
</article>
</section>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
data() {
return {
showOrderIndex: 1
}
},
props: {
groupTitle: {
type: String,
default: '课程'
},
isShowNum: {
type: Boolean,
default: true
},
groupNum: {
type: String,
default: "0"
},
showTitle: {
type: Boolean,
default: true
},
showOrder: {
type: Boolean,
default: true
}
},
computed: {
...mapGetters({
orderNum: 'orderNum'
})
},
watch: {
orderNum(val) {
this.showOrderIndex = 1
}
},
methods: {
toggle() {
this.showTitle = !showTitle
this.showOrder = !showOrder
},
order(index) {
this.showOrderIndex = index
this.$emit('order', index)
},
// resetShowOrderIndex(){
// this.showOrderIndex = 1
// }
}
}
</script>
<style lang="scss" scoped>
@import '../../style/mixin.scss';
.group-title {
margin-left: px2rem(15px);
display: flex;
flex-direction: row;
&-order {
display: flex;
flex-direction: row;
padding: px2rem(10px) 0 px2rem(10px);
font-size: px2rem(13px);
&-item {
position: relative;
span {
margin-right: px2rem(30px);
}
img {
position: absolute;
top: px2rem(2px);
left: px2rem(51px);
height: px2rem(15px);
width: px2rem(15px);
}
}
}
.first-name {
left: px2rem(63px);
}
.course-num {
left: px2rem(37px);
}
.hot-degree {
left: px2rem(25px);
}
.active {
color: #449284;
}
&-title {
padding: 0 px2rem(15px);
span {
font-size: px2rem(18px);
font-weight: 500;
color: #28344C;
}
}
}
</style>
src/componentsn/business/teacher-list.1.vue 已删除 100644 → 0
浏览文件 @ 4d1022f5
<template>
<section>
<GroupTitle groupTitle="讲师" :groupNum="groupNum" :showTitle="showTitle" :showOrder="showOrder" @order="orderAction"/>
<div class="font-style">
<div class="teach-opt">
<div class="teach-list">
<div :class="index % 2 == 1 ? 'list-item mr0' : 'list-item'"
v-for="(item, index) in cParamData" :key="index"
@click="goToPage(item)">
<div class="tea-img" :style="'background:'+ item.bgColor">
<img :src="item.appImageUrl">
<span class="learn-p">{{item.joinNum}}人已学</span>
<!-- <span class="learn-p">{{item.joinNum | yLocalString}}人已学</span> -->
</div>
<div class="tea-txt">
<div class="tea-name" v-html="item.highLightName">{{item.name}}</div>
<div class="tea-position">
{{item.doctorHospital}}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<script>
import { mapGetters } from 'vuex'
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 '@/components/business/group-title';
export default {
data() {
return {
topTitle: '讲师集',
token: '',
// list: [],
isShowCount: true,
followCount: 0,
studyCount: 0,
col: 1, //0综合，1人气，2资源数，3姓名首字母
dir: 2, //1:正序 2：逆序,
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: {
GroupTitle
},
props: {
parmData: {
type: Array,
default: () => []
},
groupNum: {
type: String,
default: '0'
},
showTitle: {
type: Boolean,
default: false
},
showOrder: {
type: Boolean,
default: true
}
},
mounted() {
// window.__refresh = function (parm) {
// _this.getData();
// }
window.addEventListener('scroll', this.handleScroll)
},
computed: {
...mapGetters({
cSearchText: 'cSearchText',
userInfo: 'userInfo',
orderNum: 'orderNum'
}),
cParamData() {
if (this.list && this.list.length) {
return this.randomBg(this.list)
} else {
return this.randomBg(this.parmData)
}
}
},
watch: {
orderNum(val) {
if (this.showOrder) {
this.orderAction(1, true)
}
}
},
methods: {
//跳转
goToPage(item){
let _this = this,
url = '',action_code = '',label_id = '';
url = jumpWebPageUrl+'appl/#/teachersDetail?id='+item.id+"&from=appHome&userToken="+ _this.userInfo.userToken
action_code = 'c_teacher';
label_id = item.id;
let itemData = {
"title":"",
"imageUrl":"",
"appModuleInfo":{
"code":"M300",
"type":4,
"name":"wwww",
"paramFlag":1,
"paramList":[
{
"key":"pageUrl",
"value": url,
"type":4,
"seqNo":1
},{
"key":"showTitle",
"value": false,
"type":1,
"seqNo":2
},{
"key":"title",
"value": '',
"type":1,
"seqNo":3
}
]
}
};
rocNative.dispatchEventByModuleCode({
modeCode: itemData.appModuleInfo.code,
jsonString: itemData.appModuleInfo.paramList
})
this.pageBurialPoin({
...m_search_result_lecturer_detail,
labelId: label_id,
labelValue :item.name,
createdTime: new Date().getTime()
})
},
randomBg(d) {
for (let i = 0; i < d.length; i++) {
if (i % 4 == 0) {
d[i].bgColor = '#EBF6F1'
} else if (i % 4 == 1) {
d[i].bgColor = '#EDF3FA'
} else if (i % 4 == 2) {
d[i].bgColor = '#F0F0FA'
} else if (i % 4 == 3) {
d[i].bgColor = '#F6EFE6'
}
}
return d
},
orderAction(orderIndex, notBP) {
// if(!notBP) {
// this.pageBurialPoin({
// ...m_search_result_lecturer_order,
// labelValue: orderIndex,
// createdTime: new Date().getTime(),
// })
// }
// this.searchForOrder('3', this.cSearchText, orderIndex, this.groupNum, this.parmData).then( param => {
// this.list = param
// })
}
}
}
</script>
<style>
body {
background: #fff
}
</style>
<style lang="scss" scoped>
body {
background: #fff
}
@import '../../style/mixin';
.mint-header {
background-color: rgba($color: #000000, $alpha: 0)
}
.font-style {
width: 100%;
overflow: hidden;
@include sc(0.6rem, #666);
}
.teach-opt {
padding: 0 px2rem(15px) px2rem(15px) px2rem(15px);
.teach-title {
font-size: px2rem(18px);
// padding-bottom: px2rem(0px);
color: #333;
}
.teach-list {
margin-top: px2rem(-14px);
overflow: hidden;
}
.opt-span {
span {
color: #449284;
font-size: px2rem(13px);
display: inline-block;
vertical-align: middle;
height: px2rem(10px);
line-height: px2rem(10px);
img {
display: inline-block;
width: px2rem(15px);
height: px2rem(15px);
vertical-align: middle;
}
}
}
.list-item {
width: px2rem(170px);
margin-right: px2rem(5px);
margin-top: px2rem(15px);
border: 1px solid rgba(0, 0, 0, 0.02);
border-radius: 0 0 px2rem(3px) px2rem(3px);
float: left;
box-shadow: 0 px2rem(4px) px2rem(6px) RGBA(0, 0, 0, 0.06);
}
.mr0 {
margin-right: 0
}
.tea-txt {
padding: px2rem(5px) px2rem(7px);
}
.tea-img {
width: px2rem(170px);
height: px2rem(83px);
position: relative;
border-radius: px2rem(3px) px2rem(3px) 0 0;
img {
width: 100%;
height: 100%;
display: block;
border-radius: px2rem(3px) px2rem(3px) 0 0;
}
.learn-p {
padding-left: px2rem(5px);
position: absolute;
width: 100%;
left: 0;
bottom: 0;
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));
color: #fff;
font-size: px2rem(11px);
height: px2rem(20px);
line-height: px2rem(20px);
}
}
.tea-name {
padding: 0;
color: #333;
font-size: px2rem(14px);
font-weight: 500;
}
.tea-position {
height: px2rem(30px);
font-size: px2rem(12px);
line-height: px2rem(15px);
color: #666;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
}
.home-header {
height: px2rem(185px);
@include bis('../../images/headerTop.png');
.logo_img {
height: px2rem(85px);
width: px2rem(345px);
text-align: center;
}
}
.ellipsis-1 {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
.ellipsis-2 {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
</style>
src/componentsn/business/yqy-lecturer-order.vue
浏览文件 @ 7b9c5648
...@@ -7,28 +7,28 @@ ...@@ -7,28 +7,28 @@
<article v-show="showOrder" class="group-title-order"> <article v-show="showOrder" class="group-title-order">
<div @click="order(1, 'isLetterOrderDown', 'doctorFirstNameChar')" <div @click="order(1, 'isLetterOrderDown', 'doctorFirstNameChar')"
:class="{'active': showOrderIndex === 1}" class="group-title-order-item"> :class="{'active': showOrderIndex === 1}" class="group-title-order-item">
<span>按名首字母</span> <span>首字母</span>
<img class="first-name default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 1"/> <img class="first-name default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 1"/>
<img class="first-name" src="../../images/lecturer/sort-down.png" v-show="isLetterOrderDown && showOrderIndex === 1"/> <img class="first-name" src="../../images/lecturer/sort-down.png" v-show="isLetterOrderDown && showOrderIndex === 1"/>
<img class="first-name" src="../../images/lecturer/sort-up.png" v-show="!isLetterOrderDown && showOrderIndex === 1"/> <img class="first-name" src="../../images/lecturer/sort-up.png" v-show="!isLetterOrderDown && showOrderIndex === 1"/>
</div> </div>
<div @click="order(2, 'isNewCourseOrderDown', 'newTime')" <div @click="order(2, 'isNewCourseOrderDown', 'newTime')"
:class="{'active': showOrderIndex === 2}" class="group-title-order-item"> :class="{'active': showOrderIndex === 2}" class="group-title-order-item">
<span >最新课程</span> <span >时间</span>
<img class="new-course-default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 2"/> <img class="new-course-default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 2"/>
<img src="../../images/lecturer/sort-down.png" v-show="isNewCourseOrderDown && showOrderIndex === 2"/> <img src="../../images/lecturer/sort-down.png" v-show="isNewCourseOrderDown && showOrderIndex === 2"/>
<img src="../../images/lecturer/sort-up.png" v-show="!isNewCourseOrderDown && showOrderIndex === 2"/> <img src="../../images/lecturer/sort-up.png" v-show="!isNewCourseOrderDown && showOrderIndex === 2"/>
</div> </div>
<div @click="order(3, 'isResourceNumOrderDown', 'resourceNum')" <div @click="order(3, 'isResourceNumOrderDown', 'resourceNum')"
:class="{'active': showOrderIndex === 3}" class="group-title-order-item"> :class="{'active': showOrderIndex === 3}" class="group-title-order-item">
<span>资源数</span> <span>课程数</span>
<img class="course-num default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 3"/> <img class="course-num default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 3"/>
<img class="course-num" src="../../images/lecturer/sort-down.png" v-show="isResourceNumOrderDown && showOrderIndex === 3"/> <img class="course-num" src="../../images/lecturer/sort-down.png" v-show="isResourceNumOrderDown && showOrderIndex === 3"/>
<img class="course-num" src="../../images/lecturer/sort-up.png" v-show="!isResourceNumOrderDown && showOrderIndex === 3"/> <img class="course-num" src="../../images/lecturer/sort-up.png" v-show="!isResourceNumOrderDown && showOrderIndex === 3"/>
</div> </div>
<div @click="order(4, 'isHotOrderDown', 'totalNum')" <div @click="order(4, 'isHotOrderDown', 'totalNum')"
:class="{'active': showOrderIndex === 4}" class="group-title-order-item"> :class="{'active': showOrderIndex === 4}" class="group-title-order-item">
<span>热门</span> <span>人气</span>
<img class="hot-degree default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 4"/> <img class="hot-degree default" src="../../images/lecturer/sort-default.png" v-show="showOrderIndex !== 4"/>
<img class="hot-degree" src="../../images/lecturer/sort-down.png" v-show="isHotOrderDown && showOrderIndex === 4"/> <img class="hot-degree" src="../../images/lecturer/sort-down.png" v-show="isHotOrderDown && showOrderIndex === 4"/>
<img class="hot-degree" src="../../images/lecturer/sort-up.png" v-show="!isHotOrderDown && showOrderIndex === 4"/> <img class="hot-degree" src="../../images/lecturer/sort-up.png" v-show="!isHotOrderDown && showOrderIndex === 4"/>
...@@ -114,8 +114,9 @@ export default { ...@@ -114,8 +114,9 @@ export default {
&-item { &-item {
position: relative; position: relative;
display: block; display: block;
width: px2rem(75px);
padding: px2rem(2px) px2rem(20px) px2rem(2px) px2rem(10px); padding: px2rem(2px) px2rem(20px) px2rem(2px) px2rem(10px);
margin-right: px2rem(10px); margin-right: px2rem(15px);
border: 1px solid #F6F6F6; border: 1px solid #F6F6F6;
border-radius: px2rem(25px); border-radius: px2rem(25px);
background: #F6F6F6; background: #F6F6F6;
......
src/componentsn/business/yqy-lecturer-select.ok-0115.vue 已删除 100644 → 0
浏览文件 @ 4d1022f5
<template>
<section>
<article class="group-title">
<section class="group-title-order">
<div @click="selectedType(1)" class="group-title-order-item">
<span>{{selectedAreaName}}</span><img src="../../images/lecturer/select-down.png"/>
</div>
<div @click="selectedType(2)" class="group-title-order-item">
<span>{{selectedLevelName}}</span><img src="../../images/lecturer/select-down.png"/>
</div>
<div @click="selectedType(3)" class="group-title-order-item">
<span>{{selectedDepartName}}</span><img src="../../images/lecturer/select-down.png"/>
</div>
</section>
</article>
</section>
</template>
<script>
export default {
data() {
return {
selectedTypeIndex: 1
}
},
props: {
selectedAreaName: {
type: String,
default: '全国'
},
selectedLevelName: {
type: String,
default: '全部等级'
},
selectedDepartName: {
type: String,
default: '全部科室'
}
},
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';
.group-title {
display: flex;
flex-direction: row;
margin: px2rem(6px) px2rem(25px) px2rem(2px);
&-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.ok.vue 已删除 100644 → 0
浏览文件 @ 4d1022f5
<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 {
// display: inline-block;
// position: relative;
span {
font-size: px2rem(15px);
color: #333;
// margin-right: px2rem(30px);
}
img {
position: relative;
top: px2rem(1px);
left: px2rem(1px);
// top: px2rem(2px);
// left: px2rem(51px);
// padding-top: px2rem(10px);
height: px2rem(11px);
width: px2rem(11px);
}
}
}
}
.active {
color: #449284;
}
</style>
src/views/activity/activity.vue
浏览文件 @ 7b9c5648
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<div class="activity-count">共{{list.length}}个活动</div> <div class="activity-count">共{{list.length}}个活动</div>
<div class="activity-list"> <div class="activity-list">
<div class="activity-item" v-for="(item,index) in list" :key="index" @click="goToPage(item)"> <div class="activity-item" v-for="(item,index) in list" :key="index" @click="goToPage(item)">
<img v-lazy="item.imageUrl" class="img"/> <img v-lazy="item.imageUrl" class="img" :key="item.imageUrl"/>
<!-- <div class="time">活动时间：9月3日-9月9日</div> --> <!-- <div class="time">活动时间：9月3日-9月9日</div> -->
</div> </div>
<div class="no-show" v-if="list.length.length == 0"> <div class="no-show" v-if="list.length.length == 0">
......
src/views/teachers/detail.vue
浏览文件 @ 7b9c5648
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<div class="item-new-box"> <div class="item-new-box">
<div class="item-line" v-for="(item,index) in newsList" :key="index"> <div class="item-line" v-for="(item,index) in newsList" :key="index">
<div class="line-img" @click="goToPage(item)"> <div class="line-img" @click="goToPage(item)">
<img v-lazy="item.imageUrl"> <img v-lazy="item.imageUrl" :key="item.imageUrl">
<span class="tag" v-show="item.structureName">{{item.structureName}}</span> <span class="tag" v-show="item.structureName">{{item.structureName}}</span>
<span class="line-play" @click.stop="goToPage(item)"> <span class="line-play" @click.stop="goToPage(item)">
<img src="../../images/grey-play.png"> <img src="../../images/grey-play.png">
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
<div :class="index%2==1?'list-item mr0':'list-item'" <div :class="index%2==1?'list-item mr0':'list-item'"
v-for="(item,index) in list" @click="goToPage(item)" :key="index"> v-for="(item,index) in list" @click="goToPage(item)" :key="index">
<div class="tea-img"> <div class="tea-img">
<img v-lazy="item.imageUrl"> <img v-lazy="item.imageUrl" :key="item.imageUrl">
<span class="learn-p">{{item.joinNum.toLocaleString()}}人已学</span> <span class="learn-p">{{item.joinNum.toLocaleString()}}人已学</span>
</div> </div>
<div class="tea-txt"> <div class="tea-txt">
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或