Browse Source

"我的“模块相关页面的功能实现

raolu 7 years ago
parent
commit
acfdd4eeaa

+ 7 - 0
common/cross/css/cross.css

@ -348,6 +348,13 @@ button {
	-webkit-line-clamp: 2;
}
.c-nowrap-multi4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.c-break {
	word-break: break-all;
}

+ 1 - 1
html/home/html/mine.html

@ -320,7 +320,7 @@
			}
			
			mui("body").on("tap","#person_info",function(){
				openWebview('../../mine/html/gerenziliao.html')
				openWebview('../../mine/html/homepage.html')
			});
			
			mui("body").on("tap","#agree",function(){

+ 2 - 1
html/jkjy/js/myArticle.js

@ -54,6 +54,7 @@ function queryHeaderData(){
			var html = template('tag_tmpl',{data:res.data})
			$('#showHeader').html(html)
			firstLevelCategoryId = res.data.cid;
			console.log(firstLevelCategoryId);
			queryListData(true);
		} 
	},'get')
@ -76,7 +77,7 @@ function queryListData(isInit){
		roleType:1,
		isMyArticle: true
	}
	
	console.log(JSON.stringify(params)); 
	sendPost("/doctor/jkEdu/article/queryArticleAPPList",params, function(){
		plus.nativeUI.closeWaiting();
		fun&&fun.call(this,false)

+ 104 - 0
html/mine/css/gerenziliao.css

@ -9,3 +9,107 @@
	word-break: break-all;
}
.c-w-100{width: 100px;}
.home-bg{
    width: 100%;
    height: 120px;
    object-fit: contain;
    position: relative;
}
.home-bg .header{
    position: absolute;
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    top: 0;
    left: 0;
    text-align: center;
}
.header h1{
    line-height: 45px;
}
.home-bg .header .mui-action-back {
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
}
.header .mui-action-back:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    position: absolute;
    left: 18px;
    top: 16px;
}
.doc-photo{
    position: absolute;
    top: -25px;
    right: 10px;
}
.edit-div{
    position: absolute;
    width: 50px;
    top: 35px;
    right: 10px;
    text-align: center;
}
.edit-div span{
    background-color: #657180;
    padding: 2px 8px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.c-list > .list-arrow-r:after,
.c-list > .list-arrow-u:after, 
.c-list > .list-arrow-d:after {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    margin-top: -0.25rem;
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    border: solid #cdcdcd;
    border-width: 0.1rem 0.1rem 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.c-list .c-list-info{
    padding-right: 25px;
    font-size: 14px;
}
.c-list > .list-arrow-d:after {
    right: 0.65rem;
    margin-top: -0.4rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*.article-li{position: relative; margin-bottom: 10px;}*/
.image-item{margin-top: 5px;}
.count-div div{
    text-align: center;
    color: #909090;
    height: 29px;
    line-height: 29px;
}
.count-div div img{vertical-align: middle;}
.image-item>img{
    width: 83px;
    height: 80px;
}
.link-icon {
    width: 17px;
}

+ 3 - 1
html/mine/html/clip_photo2.html

@ -64,7 +64,9 @@
                                afterSaveCB = function(){
                                    var old_back  =  mui.back;
                                    mui.back=function(){
                                        var gerenziliaoview =  plus.webview.getWebviewById("gerenziliao");
//                                      var gerenziliaoview =  plus.webview.getWebviewById("gerenziliao");
                                        var selfwv = plus.webview.currentWebview(),
                                            gerenziliaoview = selfwv.opener();
                                        if(gerenziliaoview){
                                            mui.fire(gerenziliaoview,"getDocInfo");
                                        }

+ 119 - 0
html/mine/html/homepage.html

@ -0,0 +1,119 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>个人主页</title>
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
        <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.previmg.css"/>
        <link rel="stylesheet" type="text/css" href="../css/gerenziliao.css">
    </head>
    <body>
        <div class="home-bg">
            <div class="header">
                <a class="mui-action-back"></a>
                <h1>个人主页</h1>
            </div>
            <img src="../../../images/gerenzhuye-bg.png" width="100%" height="100%">
        </div>
        <div class="content"></div>
        <script type="text/html" id="detail_info_tmpl">
        <div class="ui-grid plr10 bgc-fff pb20">
            <div class="ui-col-1 ptb10 pl15">
                <h1 class="c-f16 c-bold">{{name}}</h1>
                <span class="c-f12 c-909090 mr10">关注</span><span class="c-f12 c-909090" id="concernCount">0</span>
            </div>
            <div class="ui-col-0 c-position-r">
                <div class="doc-photo">
                    <img src="../../../images/d-male.png" width="50" height="50" class="c-images-cycle" id="docPic" data-preview-src>
                </div>
                <div class="edit-div">
                    <span id="edit_photo">编辑</span>
                </div>
            </div>
        </div>
        <ul class="c-list">
            <li class="c-list-cover list-arrow-r ptb10">
                <div class="c-list-key c-909090 c-f14">性别</div>
                <div class="c-list-info c-t-right" id="sexli">{{sex | setSex}}</div>
            </li>
            <li class="c-list-cover list-arrow-r ptb10">
                <div class="c-list-key c-909090 c-f14">手机号</div>
                <div class="c-list-info c-t-right" id="mobile">{{sMobile}}</div>
            </li>
            <li class="c-list-cover list-arrow-r ptb10">
                <div class="c-list-key c-909090 c-f14">身份证号</div>
                <div class="c-list-info c-t-right" id="idcard">{{sIdcard}}</div>
            </li>
        </ul>
        <ul class="c-list mt10">
            <li class="c-list-cover ptb10">
                <div class="c-list-key c-909090 c-f14">所属</div>
                <div class="c-list-info c-t-right">{{hospitalName}} {{deptName}}</div>
            </li>
            <li class="c-list-cover ptb10">
                <div class="c-list-key c-909090 c-f14">职称</div>
                <div class="c-list-info c-t-right">{{jobName}}</div>
            </li>
            <li class="c-list-cover list-arrow-r ptb10">
                <div class="c-list-key c-909090 c-f14">擅长</div>
                <div class="c-list-info c-t-right c-nowrap-multi4" id="edit_expertise">{{expertise}}</div>
            </li>
            <li class="c-list-cover list-arrow-r ptb10">
                <div class="c-list-key c-909090 c-f14">简介</div>
                <div class="c-list-info c-t-right c-nowrap-multi4" id="edit_introduce">{{introduce}}</div>
            </li>
        </ul>
        <div class="mt10 bgc-fff mb50">
            <div class="ui-grid ui-grid-middle ptb10 plr15">
                <div class="ui-col-1 c-909090 c-f14">健康文章</div>
                <div class="ui-col-0 c-909090 c-t-right" style="font-size: 12px;" id="moreArticle">更多文章
                    <i class="fa fa-angle-down c-f18"></i>
                </div>
            </div>
            <div class="bgc-fff c-border-tb" id="articlePanel"></div>
        </div>
        </script>
        <script type="text/html" id="articleimgLi">
            {{each list as it i }}
            <div class="ui-grid ui-grid-middle ptb10 plr15 article-item" data-id="{{it.articleId}}">
                <div class="ui-col-1">
                    <div class="c-f16 c-323232 c-nowrap">{{it.articleTitle}}</div>
                    <p class="c-f11 c-909090">{{it.updateTime | formatDate}}</p>
                    <p class="c-f14 c-666 c-nowrap-multi mt5 mb5">{{#it.articleContent | setContent}}</p>
                    <div class="c-f12 c-909090">
                        <img src="../../jkjy/images/liulan_icon.png" class="mr5 link-icon"><span class="mr10">{{it.browseNumber || '0'}}</span>
                        <img src="{{(it.collectionType)>0?'../../jkjy/images/shoucang_pre.png':'../../jkjy/images/shoucang_button.png'}}" class="mr5 link-icon"><span class="mr10">{{it.collectionNumber || '0'}}</span>
                        <img src="../../jkjy/images/zhuanfa_icon.png" class="mr5 link-icon"><span class="send_count">{{it.pushNumber || '0'}}</span>
                    </div>
                </div>
                <div class="ui-col-0">
                    <div class="image-item">
                        {{#it.articleCover | getArticleImage}}
                    </div>
                </div>
            </div>
            {{/each}}
        </script>
        <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
        <script type="text/javascript" src="../../../js/mui.min.js"></script>
        <script src="../../../js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="../../../js/common_http.js"></script>
        <script src="../js/upload_photo_modify.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
        <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../js/templateHelp.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/homepage.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

+ 3 - 2
html/mine/html/modify.html

@ -192,6 +192,7 @@
					value = newVal;
					$(".link").addClass("c-ccc");
					$(".link").css("pointer-events","none");
					
//					if(back){
						mui.back();
//					}
@ -209,13 +210,13 @@
							submit();
						} else {
							plus.webview.currentWebview().close();
							var wv=plus.webview.getWebviewById("gerenziliao");
							var wv=plus.webview.getWebviewById("homepage");
   							mui.fire(wv,'getDocInfo',{});
							old_back();
						}
					})
				}else{
					var wv=plus.webview.getWebviewById("gerenziliao");
					var wv=plus.webview.getWebviewById("homepage");
   					mui.fire(wv,'getDocInfo',{});
					old_back();
				}

+ 2 - 2
html/mine/html/set.html

@ -43,12 +43,12 @@
				</div>
				<span class="list-icon arrow-right"></span> 
			</li>
			<li id="ca_renzheng" class="c-list-text c-list-link" ca-html="../../prescription/html/cazhengshu.html" tgca-html="../../prescription/html/tgcarenzheng.html" >  
			<!--<li id="ca_renzheng" class="c-list-text c-list-link" ca-html="../../prescription/html/cazhengshu.html" tgca-html="../../prescription/html/tgcarenzheng.html" >  
				<div class="c-list-info">
					<h4 class="c-nowrap">CA认证</h4>
				</div>
				<span class="list-icon arrow-right"></span>
			</li>
			</li>-->
			
		</ul>
		

+ 214 - 0
html/mine/js/homepage.js

@ -0,0 +1,214 @@
var docSex = null,
    hospital = '';
mui.init();
mui.plusReady(function() {
    plus.nativeUI.showWaiting();
    initData();
});
mui.previewImage();
function initData(){
    var params = {};
    sendPost("doctor/baseinfo", params, queryFailed, success);
}
function getCount(){
    var url = "doctor/baseinfoCount",
        params = {};
    sendPost(url, params, null, function(res){
        if(res.status == 200){
            var count = res.data.concernCount;
            $("#concernCount").text(count);
        }else{
            mui.toast(res.msg)
        }
    })
}
var exBreif, exSkill, exMobile;
function success(req) {
    if(req.status == 200) {
        exBreif = req.data.introduce;
        exSkill = req.data.expertise;
        exMobile = req.data.mobile;
        hospital = req.data.hospital;
        docSex = req.data.sex;
        //编辑手机号和身份证号,隐藏信息 2016-11-23 raolu start
        var sMobile = req.data.mobile.length> 0 ? (req.data.mobile.substr(0,3)+"****"+req.data.mobile.substr(-4)) : "";
        req.data.sMobile = sMobile;
        var slen = req.data.idcard ? req.data.idcard.length : 0,
            idcard = req.data.idcard,
            sID = slen > 13 ? (idcard.substr(0,4) + new Array(slen-8).join("*") +idcard.substr(-4)) : "";
        req.data.sIdcard = sID;
        //2016-11-23 end
        var cont = template("detail_info_tmpl", req.data);
        $(".content").html(cont);
        initDocPhoto("docPic", req.data.photo, req.data.sex);//图片加载失败时使用默认图片
        clickEvent();
        //获取关注人数
        getCount();
        //获取我的文章
        getMyArticle();
        plus.nativeUI.closeWaiting();
    } else {
        mui.toast(req.msg);
        plus.nativeUI.closeWaiting();
    }
};
function queryFailed(res) {
    if(res && res.msg) {
        plus.nativeUI.toast(res.msg);
    } else {
        plus.nativeUI.toast("数据加载失败");
    }
    plus.nativeUI.closeWaiting();
};
function clickEvent() {
    document.getElementById('edit_photo').addEventListener('tap', function() {
        var imgDom = document.getElementById("docPic");
        var url1 = showActionSheet(imgDom, this);
    });
    /*
     * 修改擅长
     */
    $("#edit_expertise").click(function() {
        var oldCont = $(this).html();
        if(!oldCont){
            oldCont="";
        }
        gotoModify("skill", oldCont.trim());
    });
    
    /*
     * 修改简介
     */
    $("#edit_introduce").click(function() {
        var oldCont = $(this).html().trim();
        if(!oldCont){
            oldCont="";
        }
        gotoModify("brief", oldCont.trim());
    });
    /**
     * 身份证修改
     */
    $("#idcard").click(function() {
        var cardValue = $(this).html();
        if(!cardValue){
            cardValue="";
        }
        gotoModify("idcard", cardValue.trim());
    });
    /**
     * 修改性别
     */
    $("#sexli").click(function() {
        gotoModify("sex", docSex);
    });
    
    $("#mobile").click(function() {
        openWebviewExtras("edit_mobilephone.html",{"mobile":$(this).text()});
    }); 
    
    //跳转去文章列表页面
    $("#moreArticle").click(function(){
        openWebviewExtras("../../jkjy/html/myArticle.html",{});
    });
    
    $("#articlePanel").on('click', '.article-item', function(){
        var code = $(this).attr("data-id");
        openWebview("../../jkjy/html/articleDetail.html", {
            articleId: code,
            referrer: ''
        });
    })
}
/*
 * 保存
 */
function submit() {
    var mobileReg = /^[1][3578][0-9]{9}$/;
    var intro = $("#doc_brief").val();
    var exper = $("#doc_skill").val();
    var mobile = $("#mobile").val();
    
    if(!mobileReg.test(mobile)){
        mui.toast("请填写正确的手机号码!");
        return;
    }
    mobileModify = exMobile != mobile;
    if(intro == exBreif && exper == exSkill && !mobileModify && !isModify) {
        mui.toast("暂无修改");
        return;
    }
    uploadSingleImg(exper, intro, mobile);
}
var firstLevelCategoryId;
function getMyArticle(){
    sendPost("/third/jkEdu/Article/getCategoryByName",{name:'健康文章'}, null, function(res){
        if(res.status == 200){
            firstLevelCategoryId = res.data.cid;
            queryListData();
        } 
    },'get')
}
function queryListData(){
    var params ={
        firstLevelCategoryId: firstLevelCategoryId,
        secondLevelCategoryId: '',
        isAuthentication: "1",//文章是否认证  
        insertTimeStart: '',
        insertTimeEnd: '',
        currentUserRole: hospital,
        iDisplayStart: 0,
        iDisplayLength: 1,
        currentUserRoleLevel: 4,
        roleType:1,
        isMyArticle: true
    }
    sendPost("/doctor/jkEdu/article/queryArticleAPPList",params, null, function(res){
        plus.nativeUI.closeWaiting();
        if(res.status == 200){
            var html = template('articleimgLi', {list : res.data.aaData});
            $("#articlePanel").append(html);
        }else{
            mui.toast(res.msg);
        }
    },'get')
}
template.helper("setContent", function(str){
    var reg=/<[^<>]+>/g;
    str = str.replace(reg, '');
    return str;
});
template.helper("getArticleImage", function(str){
    if(str){
        if(str.indexOf("../") > -1){
            return ""; //原福州代码中返回的相对路径
        }
        var url = getImgUrl(str);
        return "<img src='"+url+"'>";
    }
    return "";
});
template.helper("formatDate", function(str){
    if(str){
        return str.substr(0,19)
    }else{
        return "";
    }
});
window.addEventListener('getDocInfo', function(e) {
    initData();
});