kylx365
/
miaoguo_system_server


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <link rel="stylesheet" href="../mg/common.css">
    <style type="text/css">

        .container {
            margin: 0 10px 0 10px;
            font-size: 24px;
            justify-content: flex-start;
        }

        .main{
            margin: 15px;
            align-items: flex-start;
        }
        .main1{
            margin: 0 8px;
        }
        .Item{
            margin: 1px 0;
        }
        .Key{
            width:250px;
            background-color: #ddd;
            text-align: center;
            font-size:18px;
        }
        .Key2{
            width:250px;
            background-color: #ddd;
            text-align: center;
            height:132px;
            line-height: 40px;
            font-size:18px;
        }
        .Value{
            width:300px;
            padding: 0 20px;
            background-color: #eee;
            justify-content: flex-start;
            font-size:18px;
        }
        .Value3{
            color:red;
            font-weight: bolder;
        }
        .Value2{
            width:595px;
            background-color: #fff;
            margin-top:5px;
            font-size:20px;
        }
        .item0{
            width:100%;
            background-color: #fff;
        }
        .item1{
            flex:1;
            background-color: #ddd;
            text-align: center;
            margin: 1px;
        }
        .item2{
            flex:1;
            width:50%;
            background-color: #eee;
            text-align: center;
            margin: 1px;
        }

        .item3{
            width:20%;
            background-color: #ddd;
            text-align: center;
            margin: 1px;
        }
        .item4{
            width:80%;
            background-color: #eee;
            text-align: center;
            margin: 1px;
         }

        .input1{
            width:40px;
            margin: 0 5px 0 30px;
        }

        .input2{
            width:100px;
            margin: 0 5px 0 30px;
        }

        .a2{
            width:40px;
            margin: 0 5px 0 0;
        }

        .btn{
            margin-right: 5px;
        }

        .img2{
            width:30px;
            height:30px;
            margin:0 10px 0 5px;
        }

        .avatar{
            width:132px;
            height:132px;
        }

    </style>
    <script src="js/jquery-1.6.4.min.js"></script>
    <script src="js/vue.js"></script>
    <script>
        var vm;
        $(document).ready(function () {
            var id=[UserID];
            vm = new Vue({
                el: '#app',
                data: {
                    UserID:id,
                    IsGroupIDEdit:0,
                    IsIntroducerEdit:0,
                    IsNickNameRemarkEdit:0,
                    UpdateUserID:"",
                    UpdateNickNameRemark:"",
                    Info:{},
                    Info2:{},
                },
                methods: {
                    getUserInfo: function (event) {
                        $.get("/api/GetUserInfoWeb?UserID="+id, function (data) {
                            vm.Info = data.result;
                        });
                    },
                    showEditGroupID:function (event) {
                        vm.IsGroupIDEdit=!vm.IsGroupIDEdit;
                    },
                    saveGroupID:function (event) {
                        var groupid=$("input[name='GroupID']:checked").val();
                        if (groupid) {
                            $.get("/api/UpdateUserMemberInfo?UserID=" + id + "&GroupID=" + groupid, function (data) {
                                vm.IsGroupIDEdit = !vm.IsGroupIDEdit;
                                vm.getUserInfo();
                            });
                        }
                    },
                    showEditIntroducer:function (event) {
                        vm.IsIntroducerEdit=!vm.IsIntroducerEdit;
                    },
                    saveIntroducer:function (event) {
                        if (vm.UpdateUserID) {
                            $(".img2").attr("src","/images/loading.gif");
                            $.get("/api/UpdateIntroducer?UserID=" + id + "&Introducer=" + vm.UpdateUserID, function (data) {
                                vm.getUserInfo();
                                setTimeout(function () {
                                    vm.IsIntroducerEdit = !vm.IsIntroducerEdit;
                                    vm.Info2=null;
                                },10000);
                            });
                        }
                    },
                    showUserInfo:function (event) {
                        $.get("/api/GetUserInfoWeb?IsShortInfo=2&UserID="+vm.UpdateUserID, function (data) {
                            vm.Info2 = data.result;
                        });
                    },
                    showEditNickNameRemark:function (event) {
                        vm.IsNickNameRemarkEdit=!vm.IsNickNameRemarkEdit;
                    },
                    saveNickNameRemark:function (event) {
                        if (vm.UpdateNickNameRemark) {
                            $(".img2").attr("src","/images/loading.gif");
                            var url="/api/UpdateUserMemberInfoPost?UserID=" + id + "&FieldType=1";
                            var param={};
                            param.Content=vm.UpdateNickNameRemark;
                            url=encodeURI(url);
                            $.post(url,param, function (data) {
                                vm.IsNickNameRemarkEdit=!vm.IsNickNameRemarkEdit;
                                vm.getUserInfo();
                            });
                        }
                    }
                    
                }

            });

            vm.getUserInfo();

        });
    </script>
</head>
<body class="container FlexRow">
<div id="app">
    <div class="main FlexRow">
        <div class="main1 FlexColumn">
            <div class="Item FlexRow" v-for="(value,name,index) in Info.Column0">
                <div class="Key" v-if="name!='小程序头像' && name.indexOf('类别')<0">{{name}}</div>
                <div class="Key2" v-if="name=='小程序头像'">{{name}}</div>

                <div class="Value FlexRow" v-if="name=='小程序头像'"><img :src="value" class="avatar" v-if="value!=''" /></div>
                <div class="Value2 FlexRow" v-if="name.indexOf('类别')>=0">{{value}}</div>
                <div class="Value FlexRow" v-if="name=='推荐人ID' || name=='大使ID' || name=='主绑用户ID' || name=='从绑定用户ID' || name=='从绑定用户ID2' || name=='家庭用户ID1' || name=='家庭用户ID2'">
                    <a :href="'webuserinfo?UserID='+value " target="_blank" v-if="value>0">{{value}}</a>
                    <span class="" v-if="name=='推荐人ID' && !IsIntroducerEdit">&nbsp;&nbsp;<a href="#" v-on:click="showEditIntroducer">[修改]</a></span>
                    <span class="" v-if="name=='推荐人ID' && IsIntroducerEdit"><input type="text" class="input1" name="UserID" @keyup="showUserInfo" v-model="UpdateUserID" /> <button class="btn" v-on:click="saveIntroducer">修改</button></span>
                    <span class="FlexRow" v-if="name=='推荐人ID' && Info2 && Info2.Column0"><span><img class="img2" :src="Info2.Column0.小程序头像" /></span><span>{{Info2.Column0.小程序昵称}}</span></span>
                </div>
                <div class="Value" v-if="name!='小程序头像' && name!='推荐人ID' && name!='大使ID' && name!='主绑用户ID' && name!='从绑定用户ID' && name!='从绑定用户ID2' && name!='家庭用户ID1' && name!='家庭用户ID2' && name.indexOf('类别')<0">
                    {{value}}

                    <span class="" v-if="name=='小程序昵称备注' && !IsNickNameRemarkEdit">&nbsp;&nbsp;<a href="#" v-on:click="showEditNickNameRemark">[修改]</a></span>
                    <span class="" v-if="name=='小程序昵称备注' && IsNickNameRemarkEdit"><input type="text" class="input2" name="NickNameRemark" v-model="UpdateNickNameRemark" /> <button class="btn" v-on:click="saveNickNameRemark">修改</button></span>

                    <span class="" v-if="name=='所在群' && !IsGroupIDEdit">&nbsp;&nbsp;<a href="#" v-on:click="showEditGroupID">[修改]</a></span>
                    <span class="" v-if="name=='所在群' && IsGroupIDEdit">&nbsp;&nbsp;<input type="radio" name="GroupID" value="1" />彩虹<input name="GroupID" type="radio" value="2" />润雨<input name="GroupID" type="radio" value="3" />扬帆 <button v-on:click="saveGroupID">修改</button></span>
                </div>

            </div>
        </div>
        <div class="main1 FlexColumn">
            <div class="Item FlexRow" v-for="(value,name,index) in Info.Column1" >
                <div class="Key" v-if="name!='服务号头像' && name.indexOf('类别')<0">{{name}}</div>
                <div class="Key2" v-if="name=='服务号头像'">{{name}}</div>

                <div class="Value FlexRow" v-if="name=='服务号头像'"><img class="avatar" :src="value" v-if="value!=''" /></div>
                <div class="Value3 Value FlexRow" v-if="name=='报名时间'">{{value}}</div>
                <div class="Value2 FlexRow" v-if="name.indexOf('类别')>=0">{{value}}</div>
                <div class="Value FlexRow" v-if="name=='推荐人ID'"><a :href="'webuserinfo?UserID='+value " target="_blank">{{value}}</a></div>
                <div class="Value" v-if="name!='服务号头像' && name!='报名时间' && name!='推荐人ID' && name.indexOf('类别')<0">{{value}}</div>

            </div>
        </div>
        <div class="main1 FlexColumn">
            <div class="Item FlexRow" v-for="(value,name,index) in Info.Column2">
                <div class="Key" v-if="name.indexOf('类别')<0 && name.indexOf('列表')<0">{{name}}</div>

                <div class="Value FlexRow" v-if="name=='题卡管理平台'"><a :href="'miaoguologin?UserID='+UserID " target="_blank">{{value}}</a></div>

                <div class="Value2 FlexRow" v-if="name.indexOf('类别')>=0">{{value}}</div>
                <div class="Value" v-if="name.indexOf('类别')<0 && name.indexOf('列表')<0 && name!='题卡管理平台'">{{value}}</div>
                <div class="Value2" v-if="name=='创建题卡列表'">
                    <div class="item0 FlexRow">
                        <div class="item1">时间</div>
                        <div class="item1">近期创建题卡数</div>
                    </div>
                    <div class="item0 FlexRow" v-for="(item, index) in value" v-if="index<7">
                        <div class="item2">{{item.时间}}</div>
                        <div class="item2">{{item.创建题卡数}}</div>
                    </div>
                </div>
                <div class="Value2" v-if="name=='练习题卡列表'">
                    <div class="item0 FlexRow">
                        <div class="item1">时间</div>
                        <div class="item1">练习题卡数</div>
                        <div class="item1">练习时长(分钟)</div>
                    </div>
                    <div class="item0 FlexRow" v-for="(item, index) in value" v-if="index<10">
                        <div class="item2">{{item.时间}}</div>
                        <div class="item2">{{item.练习题卡数}}</div>
                        <div class="item2">{{item.练习分钟}}</div>
                    </div>
                </div>

                <div class="Value2" v-if="name=='教程学习列表'">
                    <div class="item0 FlexRow">
                        <div class="item3 ">课程</div>
                        <div class="item4 ">课程编号</div>
                    </div>
                    <div class="item0 FlexRow" v-for="(item, index) in value">
                        <div class="item3 ">{{item.Title}}</div>
                        <div class="item4 ">{{item.Content}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>