t1
/
ZLPMS


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
							
@{
    Layout = null;
    
   
}
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>中联区卫投诉登记</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="~/Content/Scripts/plugins/mui/css/mui.css" rel="stylesheet" />
    <link href="~/Content/Scripts/plugins/mui/css/mui.imageviewer.css" rel="stylesheet" />
    <script src="~/Content/Scripts/jquery.min.js"></script>
    <script src="~/Content/Scripts/plugins/mui/js/mui.js"></script>
    <script src="~/Content/Scripts/plugins/mui/js/mui.view.js"></script>
    <script src="~/Content/Scripts/plugins/mui/fonts/iconfont.js"></script>
    <style>
        .mui-table-view {
            margin-top: 20px;
        }

            .mui-table-view span.mui-pull-right {
                color: #999;
            }

        .mui-bar-tab {
            transform: translate3d(0, 0, 0);
            box-shadow: none;
        }

        .mui-table-view .mui-media-object {
            max-width: 80px;
            height: 80px;
        }

        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
             margin: 0 10px;
        }

        .mui-table-view-cell {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .center {
            flex: 1px;
            font-size: 14px;
        }

        .mui-pull-right {
            margin-right: 5px;
            font-size: 14px;
        }

        #bj {
            display: flex;
            flex-direction: column;
            align-items: center;
            background-image: url('../../Content/Images/beijin.png') ;
            background-size:100% 100%;
        }

        #head-img {
            flex: 1;
            width: 75px;
            margin: 0 10px;
            
        }

        .mui-media-body {
            margin-bottom: 0px;
        }

        #Count {
            margin-bottom: 2px;
            height: 54px;
        }
       .mui-scroll>.ccard{

            width:80%;
            height:100px;
            position:absolute;
            right:0;
            left:0;
            top:-20px;
     
            z-index:3;
    
        }
    </style>
</head>

<body>
    <div id="app" class="mui-views">
        <div class="mui-view">

            <div class="mui-pages">
            </div>
        </div>
    </div>

    <div id="setting" class="mui-page">
        <!--页面标题栏开始-->
        <nav class="mui-bar mui-bar-tab" style="touch-action: none;">
            <a class="mui-tab-item " id="NewComp">
                <span class="mui-icon mui-icon-compose"></span>
                <span class="mui-tab-label">新投诉</span>
                
            </a>
            <a class="mui-tab-item " id="QueryRecord">
                <span class="mui-icon mui-icon-chatboxes"></span>
                <span class="mui-tab-label">投诉记录</span>
            </a>
            <a class="mui-tab-item mui-active">
                <span class="mui-icon  mui-icon-contact"></span>
                <span class="mui-tab-label">我的</span>
            </a>
           
        </nav>

        <!--页面标题栏结束-->
        <!--页面主内容区开始-->
        <div class="mui-page-content" >
            <div class="mui-scroll-wrapper" id="refresh">
                <div class="mui-scroll" >

                    <div id="bj" style="height: 150px;">
                        <div id="ff" style="position:absolute;top:18%;left:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;">
                            <img class="mui-media-object mui-pull-left head-img" id="head-img" src="/Content/Images/User.png">
                            <div class="mui-media-body" style="margin-top: 1px;flex:auto">
                                <h4 id="name" style="margin-bottom:20px;color:white"></h4>

                            </div>

                        </div>
                    </div>
                    <div class="ccard"><p style="font-size:14px">123</p></div>
                    <div style="height: 40px">
                    </div>
                    <ul class="mui-table-view " style="margin-top:0px">
                        <li class="mui-table-view-cell">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-icon_shouji"></use>
                            </svg><div class="center">手机号</div><span class="mui-pull-right" id="tele"></span>
                        </li>
                        <li class="mui-table-view-cell">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youxiang"></use>
                            </svg><div class="center">邮箱地址</div><span class="mui-pull-right" id="email"></span>

                        </li>
                    </ul>
                    <ul class="mui-table-view ">
                        <li class="mui-table-view-cell">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-yiyuanzixun"></use>
                            </svg><div class="center"> 机构</div><span class="mui-pull-right" id="Institutions"></span>
                        </li>
                        <li class="mui-table-view-cell">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-yiyuandiaopai"></use>
                            </svg><div class="center"> 科室</div><span class="mui-pull-right" id="Departments"></span>
                        </li>


                    </ul>
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell" onclick="window.open('http://www.zlsoft.com/about.asp?sortid=35');void 0" href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-gongsi"></use>
                            </svg><div class="center">关于中联</div><span class="mui-pull-right" ></span>

                        </li>
                        <li class="mui-table-view-cell"  id="problem">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-miaoshu"></use>
                            </svg>
                            <div class="center">问题登记</div><span class="mui-pull-right"></span>

                        </li>
                    </ul>
                    <ul class="mui-table-view" style="margin-bottom:50px" id="lo">
                        <li class="mui-table-view-cell" style="text-align: center;">
                            <a style="flex:1;font-size:14px" onclick="Complainantlogout()">退出登录</a>
                        </li>
                    </ul>
                   
                   
                </div>
            </div>
        </div>
        <!--页面主内容区结束-->
    </div>


    <script type="text/javascript">
        window.onload = function () {
            
       
            //mui.init({
            //    pullRefresh: {
            //        container: '#refresh',//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            //        up: {
            //            height: 50,//可选.默认50.触发上拉加载拖动距离
            //            auto: false,//可选,默认false.自动上拉加载一次
            //            contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
            //            contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
            //            callback: pullfresh//必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            //        }
            //    }
            //});
            mui.init();
            mui('.mui-scroll-wrapper').scroll();
            load();
        }
        //var count = 0;
        //function pullfresh() {
            
        //    setTimeout(function () {
        //        $("#lo").append(" <li class='mui-table-view-cell' style='text-align: center;'><a style='flex:1;font-size:14px' >刷新录</a></li>");
        //        mui('#refresh').pullRefresh().endPullupToRefresh((++count > 3));
        //    }, 500);
          
        //}
        function load() {
            var t = mui.showLoading("加载中.....", "div");
            document.getElementById('NewComp').addEventListener('tap', function () {
                //mui.openWindow({
                //    url: '/Complaint/NewComplaint'
                //});
                window.location.href = '/Complaint/NewComplaint'
            });
            document.getElementById('QueryRecord').addEventListener('tap', function () {
                //mui.openWindow({
                //    url: '/Complaint/QueryComplaint'
                //});
                window.location.href = '/Complaint/QueryComplaint'
            });
            ///获取用户信息
            $.post("/Complaint/GetCUserInfo", {}, function (data) {
                $("#tele").html(data[0].联系电话);
                $("#name").html(data[0].姓名);
                $("#email").html(data[0].电子邮箱);
                $("#Institutions").html(data[0].名称);
                $("#Departments").html(data[0].部门名);
                mui.hideLoading(t);
            })
            document.getElementById('problem').addEventListener('tap', function () {
                window.location.href = '/MobileProblem/Home'
            });
        }
        ///退出登录
        function Complainantlogout() {
            var btnArray = ['否', '是'];
            mui.confirm('是否退出登录？', '提示', btnArray, function (e) {
                if (e.index == 1) {
                    $.post("/MobileAccount/LogOut", {}, function (data) {
                        //mui.openWindow({
                        //    url: '/MobileAccount/ComplaintLogin'
                        //});
                        window.location.href = '/MobileAccount/ComplaintLogin'
                    })
                } else {

                }
            });
        
        }

    </script>
</body>
</html>