<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <meta content="全科界" name="author"/>
    <meta content="全科界,全科医生,健康教育,中华医学教育在线,基石计划,中医药,公共卫生,基层卫生" name="keywords"/>
    <meta
            content="全科界 · 智慧赋能平台是一个服务广大基层医疗机构，为基层医务人员持续赋能的综合性平台。 平台依托全科场景，倾心打造了以“医-教”为核心的赋能架构，通过远程教学培训、全科医生职业发展、远程医疗协作等子系统建设，结合优质的专家资源，高效精准地进行专业能力的输出，同时灵活丰富的培训教学方式，真正实现基层医务人员的“个性化”学，促进基层医务人员能力提升，落实国家分级诊疗政策，让社区群众便捷接触到优质医疗资源，增进民生福祉。"
            name="description"/>
    <meta content="ie=edge" http-equiv="X-UA-Compatible">

    <title>全科界-智慧赋能平台</title>
    <link href="/web/css/new.css" rel="stylesheet"/>

    <link href="/web/css/common.css" rel="stylesheet"/>
    <link href="/web/css/page.css" rel="stylesheet"/>
    <link href="/web/css/layer.css" rel="stylesheet"/>
    <link href="/web/css/kandytabs.css" rel="stylesheet"/>
    <script src="/web/js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="/static/js/common.js"></script>
    <script src="/web/js/layer.js"></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.js?v=" +Math.random()></script>
    <style>
        .el-pagination {
            text-align: center;
            margin-bottom: 20px;
        }

        #levelInfo strong {
            width: 120px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .infotx{
            width: 42px;
            height: 42px;
            margin-left: -2px;
            border-radius: 100%;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body id="usercenter">
<div class="index-box">
    <!--导航栏-->
    <div th:include="web/common::common-header-web"></div>
    <div th:include="web/common::common-conMusic"></div>

    <!--首页主体盒子-->
    <div class="indexmainbox">
        <div id="container" class="container" style="width: 1200px; min-height: 900px">
            <div class="page-loading" v-if="pageLoaded">
                <div></div>
                <div></div>
            </div>
            <template v-else>
                <div class="usercenter">
                    <!--个人中心左边容器-->
                    <div class="usercenterleft">
                        <ul>
                            <li class="active"><a href="/user/personalCenter?from=web">个人中心</a></li>
                            <li><a href="/user/buyRecord?from=web">购买记录</a></li>
                            <li><a href="/user/certificationSm?from=web">实名认证</a></li>
                            <li><a href="/user/certificationYs?from=web">医师认证</a></li>
                            <li>&nbsp;</li>
                            <li><a href="/user/userStudyRecord?from=web">学习记录</a></li>
                            <li><a href="/user/myCollection?from=web">我的收藏</a></li>
                            <li><a href="/user/userAccountNumber?from=web">我的账号</a></li>
                            <li><a href="/user/editPass?from=web">修改密码</a></li>
                            <li><a href="/user/callWe?from=web">联系我们</a></li>
                            <li><a href="/user/aboutWe?from=web">关于我们</a></li>
                            <li><a href="/user/privacy?from=web">隐私条款</a></li>
                            <li><a href="/user/registration?from=web">服务协议</a></li>
                            <li><a href="/user/userinfo?from=web">用户协议</a></li>
                        </ul>
                    </div>
                    <!--个人中心右边容器-->
                    <div class="usercenterright transparentbg p0">

                        <!--个人信息与签到-->
                        <div class="ucenter">
                            <div class="ucenterl">
                                <!--个人信息-->
                                <div class="username"><span>
                            <img alt="" :src="info.memHeadimg" class="infotx">
                            <img alt="" :src="userLevel" class="txmask">
                            <ul class="userrz">
                    <li v-if="info.smrzFlag==1"><a class="smrzIcon">
                        <svg t="1658206407027" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="2874" width="14" height="14">
                            <path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m345.344 334.848l-399.36 414.464a44.288 44.288 0 0 1-67.84 5.12 43.264 43.264 0 0 1-3.328-5.12l-220.16-228.096a47.36 47.36 0 0 1 0-65.28 43.264 43.264 0 0 1 62.72 0l192.768 199.936L793.6 269.824a43.264 43.264 0 0 1 62.72 0 47.36 47.36 0 0 1 1.024 65.024z"
                                  p-id="2875"></path>
                        </svg>
                        实名</a></li>
                    <li v-else><a href="/user/certificationSm?from=web" class="smrzIconGray">
                    实名</a></li>
                    <li v-if="info.ysrzFlag==1"><a>
                        <svg t="1658206407027" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="2874" width="14" height="14">
                            <path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m345.344 334.848l-399.36 414.464a44.288 44.288 0 0 1-67.84 5.12 43.264 43.264 0 0 1-3.328-5.12l-220.16-228.096a47.36 47.36 0 0 1 0-65.28 43.264 43.264 0 0 1 62.72 0l192.768 199.936L793.6 269.824a43.264 43.264 0 0 1 62.72 0 47.36 47.36 0 0 1 1.024 65.024z"
                                  p-id="2875"></path>
                        </svg>
                        医师</a></li>
                    <li v-else><a href="/user/certificationYs?from=web" class="smrzIconGray">
                    医师</a></li>
                </ul>
                        </span>
                                    <p id="levelInfo">
                                        <strong :title="info.memNickname">{{info.memNickname}}</strong>用户等级<i
                                            @mouseover="showLevel()" @mouseleave="showLevel()">？</i>
                                    <div v-show="showLevelInfo" id="levelImgBox">
                                        <img src="/web/img/jfLevel.png" alt=""/>
                                    </div>
                                    </p>
                                </div>
                                <!--签到-->
                                <div class="qiandao">
                                    <p>我的积分：{{info.memResidualPoints}}
                                        <button @click="singDay()" id="sign" v-if="info.siginStatus == 0">点我签到</button>
                                        <button id="signed" v-if="info.siginStatus == 1">已签到</button>
                                    </p>
                                    <img v-if="info.sign && info.sign[0].isTodayChenckIn == 0"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/1.png">
                                    <img v-if="info.sign && info.sign[0].isTodayChenckIn == 1 && info.sign[1].isTodayChenckIn == 0 && info.sign[0].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/1-q.png">
                                    <img v-if="info.sign && info.sign[1].isTodayChenckIn == 0 && info.sign[0].isTodayChenckIn == 1 && info.sign[1].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/2.png">
                                    <img v-if="info.sign && info.sign[1].isTodayChenckIn == 1 && info.sign[2].isTodayChenckIn == 0 && info.sign[1].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/2-q.png">
                                    <img v-if="info.sign && info.sign[2].isTodayChenckIn == 0 && info.sign[1].isTodayChenckIn == 1 && info.sign[2].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/3.png">
                                    <img v-if="info.sign && info.sign[2].isTodayChenckIn == 1 && info.sign[3].isTodayChenckIn == 0 && info.sign[2].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/3-q.png">
                                    <img v-if="info.sign && info.sign[3].isTodayChenckIn == 0 && info.sign[2].isTodayChenckIn == 1 && info.sign[3].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/4.png">
                                    <img v-if="info.sign && info.sign[3].isTodayChenckIn == 1 && info.sign[4].isTodayChenckIn == 0 && info.sign[3].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/4-q.png">
                                    <img v-if="info.sign && info.sign[4].isTodayChenckIn == 0 && info.sign[3].isTodayChenckIn == 1 && info.sign[4].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/5.png">
                                    <img v-if="info.sign && info.sign[4].isTodayChenckIn == 1 && info.sign[5].isTodayChenckIn == 0 && info.sign[4].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/5-q.png">
                                    <img v-if="info.sign && info.sign[5].isTodayChenckIn == 0 && info.sign[4].isTodayChenckIn == 1 && info.sign[5].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/6.png">
                                    <img v-if="info.sign && info.sign[5].isTodayChenckIn == 1 && info.sign[6].isTodayChenckIn == 0 && info.sign[5].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/6-q.png">
                                    <img v-if="info.sign && info.sign[6].isTodayChenckIn == 0 && info.sign[5].isTodayChenckIn == 1 && info.sign[6].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/7.png">
                                    <img v-if="info.sign && info.sign[6].isTodayChenckIn == 1 && info.sign[6].isCuur == 1"
                                         onload="AutoResizeImage(380,77,this)"
                                         src="http://files.qkyxzx.com/html5/7-q.png">
                                </div>


                            </div>
                            <div class="ucenterr"><a href="javascript:;"
                                                     @click="chooseTab(2)">做任务<label>获取更多积分,请前去做任务</label></a></div>
                        </div>


                        <!--个人信息选项卡内容-->
                        <div class="ucentertab">
                            <dl id="tabs" class="kandyTabs">
                                <dt class="tabtitle">
								<span v-for="(item, i) in cata" @click="chooseTab(i)"
                                      :class="{tabcur: item.active == 1}" class="tabbtn">{{item.name}}</span>
                                </dt>
                                <dd class="tabbody">
                                    <div class="tabcont" v-if="cata[0].active == 1">
                                        <div class="zblisoutbox">
                                            <div v-if="goodMall.length == 0" class="no-data">
                                                <img onload="AutoResizeImage(280,200,this)" src="/web/img/null.png"/>
                                                <div class="info">暂无数据</div>
                                            </div>
                                            <div v-if="item.type == '商品'" v-for="(item, i) in goodMall" class="zbtjlist"
                                                 @click="gotoCommodityDetail(item.id)">
                                                <div class="tjtoppicbox">
                                                    <img onload="AutoResizeImage(280, 166, this)" :src="item.img">
                                                </div>
                                                <div class="tjzbbotbox">
                                                    <div class="listtitle">
                                                        {{item.name}}
                                                    </div>
                                                    <div class="listdata">
                                                        <span class="jfprize"><strong>{{item.points}}</strong>积分</span>
                                                        <div class="clear">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div v-if="item.type == '课程'" v-for="(item, i) in goodMall" class="zbtjlist"
                                                 @click="webcoursePrefectureList(item)">
                                                <div v-if="item.zq == 2" class="zbtjicon zhuanqu">专区</div>
                                                <div class="tjtoppicbox">
                                                    <img onload="AutoResizeImage(280, 166, this)" :src="item.img">
                                                </div>
                                                <div class="tjzbbotbox">
                                                    <div class="listtitle">
                                                        {{item.name}}
                                                    </div>
                                                    <div class="listdata">
                                                        <span>共{{item.totalClassHours}}讲</span>
                                                        <span>{{item.studyNumTOW || 0}}人次学习</span>
                                                        <!--                                                <div class="jpdkprize" v-if="item.isBuy == 0 && item.pointFlag == 0">-->
                                                        <!--                                                    <span>¥</span>{{item.price}}-->
                                                        <!--                                                </div>-->
                                                        <div class="jpdkprize">
                                                            <strong>{{item.points}}</strong><span>积分</span></div>
                                                        <div class="clear"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clear">
                                            </div>
                                        </div>
                                        <el-pagination
                                                background
                                                @size-change="handleSizeChange"
                                                @current-change="handleCurrentChange"
                                                :current-page="start"
                                                :page-size="size"
                                                layout=" prev, pager, next, total,jumper"
                                                :total="total">
                                        </el-pagination>
                                    </div>
                                    <div class="tabcont" v-if="cata[1].active == 1">
                                        <table class="tbl">
                                            <tbody>
                                            <tr>
                                                <th>操作时间</th>
                                                <th>积分变更原因</th>
                                                <th>积分</th>
                                            </tr>
                                            <tr v-for="(item, index) in userTaskInfo">
                                                <td>{{item.completeTime}}</td>
                                                <td>{{item.taskDesc}}</td>
                                                <td class="colortxt" v-if="item.changeType == 1">+{{item.points}}积分</td>
                                                <td v-if="item.changeType == 0">-{{item.points}}积分</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tabcont" v-if="cata[2].active == 1">
                                        <table class="tbl">
                                            <tbody>
                                            <tr>
                                                <th>序号</th>
                                                <th>操作行为</th>
                                                <th>分值</th>
                                            </tr>
                                            <tr v-for="(item, i) in userTaskList">
                                                <td>{{i + 1}}</td>
                                                <td>{{item.taskName}}</td>
                                                <td>{{item.taskPoints}}积分</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tabcont ranking" v-if="cata[3].active == 1">
                                        <div v-for="(item,i) in ranking" class="ranking-item float">
                                            <div v-if="i == 0" class="num one"><img style="vertical-align:middle"
                                                                                    onload="AutoResizeImage(40,40,this)"
                                                                                    src="http://files.qkyxzx.com/html5/one.png">
                                            </div>
                                            <div v-if="i == 1" class="num two"><img style="vertical-align:middle"
                                                                                    onload="AutoResizeImage(40,40,this)"
                                                                                    src="http://files.qkyxzx.com/html5/two.png">
                                            </div>
                                            <div v-if="i == 2" class="num three"><img style="vertical-align:middle"
                                                                                      onload="AutoResizeImage(40,40,this)"
                                                                                      src="http://files.qkyxzx.com/html5/three.png">
                                            </div>
                                            <div v-if="i > 2" class="num">{{i+1}}</div>
                                            <div class="header-img">
                                                <img :src="item.userHeader" alt="">
                                            </div>
                                            <div class="user-name">{{item.userName}}</div>
                                            <div v-if="i == 0" class="mark mark-one">{{item.memResidualPoints}}</div>
                                            <div v-if="i == 1" class="mark mark-two">{{item.memResidualPoints}}</div>
                                            <div v-if="i == 2" class="mark mark-three">{{item.memResidualPoints}}</div>
                                            <div v-if="i > 2" class="mark">{{item.memResidualPoints}}</div>
                                        </div>
                                    </div>
                                    <div class="tabcont" v-if="cata[4].active == 1">
                                        <div class="zblisoutbox">
                                            <div v-if="goodList.length == 0" class="no-data">
                                                <img onload="AutoResizeImage(280,200,this)" src="/web/img/null.png"/>
                                                <div class="info">暂无数据</div>
                                            </div>
                                            <div v-for="(item, i) in goodList" class="zbtjlist">
                                                <div class="tjtoppicbox">
                                                    <img onload="AutoResizeImage(280, 166, this)" :src="item.coverImg">
                                                </div>
                                                <div class="tjzbbotbox" :class="open == i  ? 'showD' : ''">
                                                    <div class="listtitle">
                                                        {{item.title}}
                                                    </div>
                                                    <div class="listdata">
                                                        <span class="jfprize"><strong>{{item.points}}</strong>积分</span>
                                                        <span class="detailBtn" v-if="item.receiveMemaddr" @click="showDetail(i)">查看详情</span>
                                                        <div class="detailBox" v-if="item.receiveMemaddr">
                                                            <h3>订单信息
                                                                <span>{{item.isSend == 1 ? '已发货' : '未发货'}}</span><span>{{item.orderCode}}</span>
                                                            </h3>
                                                            <p><strong>联系人姓名</strong>{{item.receiveMemname}}</p>
                                                            <p><strong>手机号</strong>{{item.receiveMemmobile}}</p>
                                                            <p><strong>收货地址</strong>{{item.receiveMemaddr}}</p>
                                                            <span class="packUp" @click="hideDetail()">收起</span>
                                                        </div>
                                                        <div class="clear">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clear">
                                            </div>
                                        </div>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </template>

        </div>
    </div>
    <!--底部公共区域-->
    <div th:include="web/common::common-bottom-web"></div>
    <!--返回顶部-->
    <div th:include="web/common::common-back-web"></div>
</div>
<script src="/web/js/common.js"></script>
<script src="/js/vue.js"></script>
<!--引入 element-ui 的样式，-->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 必须先引入vue，  后使用element-ui -->
<!-- 引入 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    document.write('<script src="/web/js/personalJs/personalCenter.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/web/js/common.js"></script>
</body>

</html>
