提交 be2abd83 编写于 作者: guangjun.yang's avatar guangjun.yang

代码整理等

上级 c1cd724d
......@@ -39,9 +39,6 @@
v-if="index+1 < portalModule.contentList.length && portalModule.contentList[index].templetId == portalModule.contentList[index+1].templetId">
</div>
</div>
<!-- <span v-if="item.certificateFlag == 2">
<img class="cert-img" :class="{'space2': item.height == 2 }" src="../../images/has-cert-new.png">
</span> -->
</span>
</article>
</van-collapse-item>
......
<template>
<section class="cert-show-container" @click="gotoCertList">
<img src="../../images/has-all-cert-new.png">
</section>
</template>
<script>
export default {
name: "cert-show",
data() {
return {};
},
props: {},
mounted() {},
methods: {
gotoCertList: function() {
let paramList = [
{
key: "className",
value:
"com.picahealth.yunque.activitys.honor.MyHonorActivity###AchievementShowController",
type: 4,
seqNo: 1
}
];
rocNative.dispatchEventByModuleCode({
modeCode: "M200",
jsonString: paramList
});
}
}
};
</script>
<style lang="scss" scoped>
@import "../../style/mixin";
.cert-show-container {
display: flex;
margin: px2rem(10px) px2rem(15px) 0 px2rem(15px);
img {
width: px2rem(345px);
height: px2rem(70px);
}
}
</style>
......@@ -15,7 +15,6 @@
class="mater-item"
>
<div class="mater-item-left">
<!-- <img src="../../images/pdf-icon.png"> -->
<img :src="item.iconUrl">
</div>
<div class="mater-item-right">
......
<template>
<!-- 专项合作无内容 -->
<section class="nc-container">
<img
class="nc-container-img"
src="https://pica-pro.oss-cn-shanghai.aliyuncs.com/2019/03/07/cooperation/no-permision.png"
>
<span class="nc-container-text1">你尚未获得该项目的权限</span>
<span class="nc-container-text2">若想了解课程和考试内容请联系云鹊医工作人员</span>
</section>
</template>
<script>
export default {
name: "no-content",
data() {
return {};
}
};
</script>
<style lang="scss" scoped>
@import "../../style/mixin";
.nc-container {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-content: center;
margin-top: px2rem(70px);
text-align: center;
// margin: 0 auto;
&-img {
width: px2rem(60px);
height: px2rem(72px);
margin-left: px2rem(157px);
margin-bottom: px2rem(15px);
}
&-text1 {
height: px2rem(15px);
line-height: px2rem(15px);
font-size: px2rem(15px);
font-weight: 500;
color:rgba(103, 104, 105, 1);
}
&-text2 {
height: px2rem(16px);
line-height: px2rem(16px);
margin-top: px2rem(6px);
font-size: px2rem(13px);
font-weight: 400;
color: rgba(151, 152, 153, 1);
}
}
</style>
<template>
<section v-if="!isWeb" :class="isFixNavbar ? 'nav-top fixed' : 'nav-top'" :style="'height:' + navHeight">
<section :class="isFixNavbar ? 'nav-top fixed' : 'nav-top'" :style="'height:' + navHeight">
<!-- <section v-if="isWeb" :class="isFixNavbar ? 'nav-top fixed' : 'nav-top'"> -->
<div
class="nav-part"
......
......@@ -10,7 +10,44 @@
borderStyle="1px solid #fff"
></CommonNavbar>
<section class="page-content">
wefwef
<section v-show="isShow" class="cb-wrapper padding-top-111">
<CardBanner :userMobile="userMobile"></CardBanner>
</section>
<section class="body">
<ul class="left">
<li
v-for="(model, mIndex) in titleTestModelList"
:key="mIndex"
:class="{active: crrentModelIndex == mIndex}"
@click="selectModel(model, mIndex)"
>
<span>{{model.title}}</span>
</li>
</ul>
<article class="right">
<ul class="list-wrapper">
<li class="list" v-for="(item, index) in listData" :key="index">
<span class="title">{{item.name}}</span>
<ul class="item">
<li
:class="{'no-active' : subject.openFlag == 0, 'has-bind' : subject.bindCardStatus == 1}"
v-for="(subject, sIndex) in item.secondSubjectModelList"
:key="sIndex"
>
<span>{{subject.name}}</span>
<span>({{subject.code}})</span>
<span v-show="subject.bindCardStatus == 1" class="buy">己购</span>
<span v-show="subject.openFlag == 0" class="time">{{subject.predictTime}}</span>
</li>
</ul>
</li>
<li class="no-list" v-show="!listData.length">
<img src="../images/subject/no-subject.png" alt />
<span>正在更新中,敬请期待</span>
</li>
</ul>
</article>
</section>
</section>
<transition name="fade">
......@@ -23,6 +60,7 @@
</template>
<script>
import CommonNavbar from "@/components/common/common-navbar";
import CardBanner from "@/components/cme/card-banner";
import Loading from "@/components/common/common-loading";
import CommonTitle from "@/components/common/common-title";
import { mapGetters, mapActions } from "vuex";
......@@ -30,16 +68,17 @@ import { mapGetters, mapActions } from "vuex";
export default {
data() {
return {
crrentModelIndex: 0,
titleTestModelList: [],
showLoading: false,
isWeb: window.__isWeb,
isAndroid: window.__isAndroid,
isIOS: window.__isIOS,
bgColor: "#fff",
isShow: false,
navTitle: "继教课程",
compTitle: "组件名称",
navTitle: "选择专业",
isShowNavbar: true,
isFixNavbar: false,
isFixNavbar: true,
pointStyle: "activity",
tabIndex: 1,
joinProjectList: [], // 我的项目
......@@ -49,17 +88,47 @@ export default {
needShowBackup: false,
provinceId: 0,
organizationId: 0,
listData: [
{
name: "中医",
list: [
{ name: "全科中医", code: 201, bindStatus: 0 },
{ name: "中医内科学中医内科学", code: 201, bindStatus: 0 },
{ name: "全科中医", code: 201, bindStatus: 0 }
]
},
{
name: "妇科",
list: [
{ name: "妇产科学", code: 201, bindStatus: 0 },
{ name: "中医内科学中医内科学", code: 201, bindStatus: 0 },
{ name: "全科中医", code: 201, bindStatus: 0 }
]
},
{
name: "内科",
list: [
{ name: "肾内科学", code: 201, bindStatus: 0 },
{
name: "肾内科学肾内科学肾内科学肾内科学",
code: 201,
bindStatus: 0
},
{ name: "全科中医", code: 201, bindStatus: 0 }
]
}
]
};
},
computed: {
...mapGetters(["projectTabIndex", "organizationInfo"])
...mapGetters(["organizationInfo"])
},
components: {
// DiscussTopicStencil,
CardBanner,
CommonNavbar,
Loading,
CommonTitle,
CommonTitle
},
created() {
var _this = this;
......@@ -67,12 +136,12 @@ export default {
_this.setUserInfo(param);
_this.token = param.userToken;
_this.userMobile = param.userMobile;
_this.getCoopData();
console.log('__getUserInfo', param);
_this.getListData();
console.log("__getUserInfo", param);
};
_this.getUserInfo();
if (__isWeb) {
_this.getCoopData();
_this.getListData();
}
window.__refresh = function() {
_this.getUserInfo();
......@@ -88,12 +157,16 @@ export default {
mounted() {
var _this = this;
// this.tabIndex = this.projectTabIndex;
this.listData = [];
},
methods: {
...mapActions(["setUserInfo", "setOrganizationInfo", "setJumpURLForI"]),
selectModel(model, index) {
this.crrentModelIndex = index;
this.listData = this.titleTestModelList[index].firstSubjectModelList;
},
// //获取位置信息 测试代码 TEST
// getPositionData() {
// console.log('getPositionData');
......@@ -108,7 +181,7 @@ export default {
__funcName: "__getUserInfo"
});
},
// 切换列表
changeTab(index) {
let tag = index == 1 ? "210#210001#0" : "210#210001#1";
......@@ -122,7 +195,24 @@ export default {
// });
},
// 获取所有项目:我的项目、其它项目
// 查询列表
getListData() {
let _this = this;
let param = {
token: _this.token,
setEntry: true
};
this.GET(`portal/titleTestApp/list`,param).then(res => {
if (res.code == "000000") {
this.titleTestModelList = res.data.titleTestModelList;
this.listData = res.data.titleTestModelList[0].firstSubjectModelList;
} else {
this.message.error(res.message);
}
});
},
getCoopData() {
let _this = this;
let param = {
......@@ -156,7 +246,6 @@ export default {
}
});
},
// 监听滚动事件
scrollFun() {
let scrollTop = window.scrollY;
......@@ -170,7 +259,7 @@ export default {
// 滚动到顶部
scrollTop() {
window.scrollTo(0, 0);
},
}
}
};
</script>
......@@ -178,7 +267,131 @@ export default {
@import "../style/mixin";
.page-content {
padding-top: px2rem(74px);
.body {
min-height: 90vh;
display: flex;
flex-direction: row;
font-size: px2rem(14px);
color: #676869;
.left {
width: px2rem(130px);
background: #f8f9fa;
li {
position: relative;
display: block;
height: px2rem(60px);
line-height: px2rem(60px);
padding-left: px2rem(15px);
&.active {
color: #449284;
background: #fff;
&.active::before {
position: absolute;
left: 0;
top: px2rem(20px);
z-index: 1;
content: "";
height: px2rem(20px);
width: px2rem(3px);
border-radius: px2rem(2px);
background: #449284;
}
}
}
}
.right {
flex: 1;
padding: 0 px2rem(15px) px2rem(30px);
.list-wrapper {
.list {
.title {
display: block;
height: px2rem(35px);
line-height: px2rem(35px);
margin-top: px2rem(14px);
font-size: px2rem(15px);
font-weight: 700;
}
.item {
li {
position: relative;
top: 0;
left: 0;
z-index: 1;
display: flex;
flex-direction: column;
// height: px2rem(55px);
padding: px2rem(12px) 0;
margin-bottom: px2rem(6px);
justify-content: center;
text-align: center;
border-radius: px2rem(4px);
background: #f8f9fa;
align-items: center;
span {
display: inline-block;
// height: px2rem(20px);
line-height: px2rem(20px);
padding: 0 px2rem(20px);
}
&.has-bind {
color: #449284;
.buy {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: px2rem(15px);
line-height: px2rem(15px);
padding: 0 px2rem(4px);
border-radius: 0px px2rem(4px) 0px px2rem(4px);
font-size: px2rem(11px);
color: #fff;
background: #449284;
}
}
&.no-active {
color: #c7c8c9;
.time {
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: px2rem(15px);
line-height: px2rem(15px);
padding: 0 px2rem(4px);
border-radius: 0px px2rem(4px) 0px px2rem(4px);
opacity: 0.4;
font-size: px2rem(11px);
background: rgba(0, 0, 0, 1);
}
}
}
}
}
.no-list {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
margin-top: px2rem(30px);
// width: px2rem(50px);
// height: px2rem(50px);
img {
width: px2rem(100px);
height: px2rem(100px);
}
span {
font-size: px2rem(12px);
color: #C7C8C9;
}
}
}
}
}
}
.back-up-icon {
position: fixed;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册