<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>加入社群</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="sharetitle" content="全科界" />
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医" />
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png" />
    <meta name="shareurl" content="" />

    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script src="/static/js/common.js?v="+Math.random()></script>
    <link href="/static/css/html5/common.css?v=" +Math.random() rel="stylesheet" type="text/css"/>

    <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>
<style>
    html,body{
        margin: 0px;
        padding: 0px;
    }
    .container{
        width: 750px;
        padding-bottom: 50px;
        background: #fff;
    }
    .item{

        width: 94%;
        margin-left: 3%;
        margin-top: 20px;
    }
    .item:nth-child(n+2) {
        margin-right: 20px;
    }
    .qr-item {
        width: 30%;
        display: block;
        float: left;
    }

    .lable {
        font-size: 30px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: bold;
        color: #303133;
        text-align: center;
        width: 65%;
        text-align: left;

    }
    .rihthimg{
        float: right;
        width: 65%;
    }
    .rzhzhaiyao{
        font-size: 24px;
        float: left;
        margin-top: 10px;
    }
    .float:after{
        content: "";
        display: block;
        clear: both;
    }
</style>
<body>
<div class="container">
    <div  th:include="html5/common::common-loading"></div>
<!--    <div  th:include="html5/common::common-header"></div>-->
    <div class="item float"  v-for="(item,i) in list">
        <img class="qr-item" :src="item.qrImg" alt="">
        <div class="rihthimg">
            <div class="lable">{{item.name}}</div>
            <div class="rzhzhaiyao">进群请备注一下您的姓名、城市、职称</div>
        </div>
    </div>
    <!--    <p id="bottomInfo">全科在线提供技术支持</p>-->
</div>
<footer>
    <div th:include="html5/common::common-footer"></div>
</footer>
</body>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/ucenter.js?v="+Math.random()></script>
<script src="/static/js/vue.js"></script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
<script>
    Vue.config.devtools = true;
    var v = new Vue({
        el:".container",
        data:function () {
            return {
                list:[],
                isLogin: 0,
                memToken: '',
                memHeadImg: '',
                userJf:-1
            }
        },
        created:function (){
            if($.cookie("memToken")){
                this.memToken = $.cookie("memToken");
                this.isLogin=1;
            }
            if($.cookie("memHeadImg")){
                this.memHeadImg = $.cookie("memHeadImg");
            }
            /*if(!checkLogin()){
                goLogin();
                return false;
            }*/
            this.getQrImg();
            this.findUserIntegral();
        },
        mounted:function (){
            setTimeout(() => {
                $(".loading-item").fadeOut(200);
            },500)
        },
        methods:{
            findUserIntegral (){
                var that = this;
                $.ajax({
                    type : 'POST',
                    url : serverHttp+"/user/findUserIntegral",
                    data : {
                        memToken:that.memToken
                    },
                    success : function(data) {
                        if (data.code == 200) {
                            that.userJf = data.data;
                        }
                    },
                    error : function(data) {
                    }
                });
            },
            getQrImg (){
                var that = this;
                $.ajax({
                    type : 'POST',
                    url : serverHttp+"/user/getQrImg",
                    data : {
                        memToken:that.memToken
                    },
                    success : function(data) {
                        if (data.code == 200) {
                            // that.list = data.data;
                            that.list = [
                                {
                                    "id": 1,
                                    "name": "赋能全科医生交流群",
                                    "qrImg": "/web/img/fnqkysjl.png",
                                    "stauts": 0
                                }
                            ]
                        }
                    },
                    error : function(data) {
                    }
                });
            },
        }
    })
</script>
</html>
