ZLPMS/PMS.WebUI/Views/MobileProblem/QueryProblemProject.cshtml


@{
    ViewBag.Title = "QueryProblemProject";
    Layout = "~/Views/MobileProblem/_APPMain.cshtml";
    var url = HttpContext.Current.Request.Url;
    var webSite = String.Concat(url.Scheme, "://", url.Authority);
}

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="~/Content/Style/MobileProductRegist/iconfont.css" rel="stylesheet" />
    <link href="~/Content/Style/MobileProductRegist/QueryProblemCustom.css?v=1.0" rel="stylesheet" />
    <link href="~/Content/Scripts/plugins/mui/css/mui.indexedlist.css" rel="stylesheet" />

    <script src="~/Content/Scripts/browser.js"></script>
    <script src="~/Content/Scripts/browser-polyfill.min.js"></script>
    <script src="~/Content/Scripts/plugins/mui/js/iconfont.deal.js"></script>
    <script src="~/Content/Scripts/plugins/mui/js/mui.pullToRefresh.js"></script>
    <script  src="~/Content/Scripts/plugins/mui/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Content/Scripts/plugins/mui/js/mui.indexedlist.js"></script>
    <script src="~/Content/Style/MobileProductRegist/ProblemIcon.js"></script>
   
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
  
    <style>
        .moremini {
            padding: 2px 7px 2px 7px;
            margin-bottom: 5px;
            font-size: 11px;
        }

        .mui-card {
            margin: 5px 0px 0px;
        }

        .mui-card-media img {
            height: 35px !important;
            width: auto !important;
            border-radius: 50px;
        }

        .my-content {
            padding: 5px 10px;
            font-size: 13px;
            color: #8f8f94;
            max-height: 80px;
            overflow: hidden;
        }

        .svg-float {
            position: absolute;
            top: 0;
            right: 6px;
        }

        p {
            font-size: 13px;
        }

        .mui-btn.mui-icon {
            font-size: 12px;
            line-height: 1.42;
            padding: 3px 7px;
            border:solid 1px #d7d7dc;
            margin-right: 5px;
            border-radius: 7px;
            }
        .mui-card-footer{
            justify-content:flex-end
        }
        .mui-media-body div{
            font-size:13px;
            color: #6f6f6f;
            background-color: #ffffff;
            position: absolute;
            z-index: 999999;
            right: 8px;
        }
    </style>
    <div id="vue" v-cloak>
        <header class="mui-bar mui-bar-nav">
            <a id="icon-menu" class="mui-action-menu mui-icon mui-icon-bars mui-pull-left" style="color:white"></a>
            <h4 class="mui-title" style="color:white"><a href="#Popover_1">{{Project.名称}}<span v-if="@ViewBag.PersonPropert!=4" class="mui-icon mui-icon-arrowdown" style="font-size:18px"></span></a></h4>
            <a href="/MobileProblem/ProblemQuickSearch" class="mui-icon iconfont icon-soushuo mui-pull-right" id="title-right"></a>
        </header>

        <nav class="mui-bar mui-bar-tab">

            <a class="mui-tab-item" id="Home">
                <span class="mui-icon iconfont icon-shouye"></span>
                <span class="mui-tab-label">首页</span>
            </a>
            <a class="mui-tab-item mui-deaflut" id="NewProblem">
                <span class="mui-icon iconfont icon-wentifankui"></span>
                <span class="mui-tab-label">问题查询</span>
            </a>
            <a class="mui-tab-item" id="my">
                <span class="mui-icon iconfont icon-wode"></span>
                <span class="mui-tab-label">我的</span>
            </a>

        </nav>

        <div class="mui-content ">

            <div class="blueHeaderBg"></div>
            <div id="slider" class="mui-slider mui-fullscreen">
                <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                    <div class="titleList" style="border-bottom: solid 1px #e1e1e6;">
                        <a  class="mui-control-item paddingNone mui-active " href="#all" data-id="0" id="myProblem">
                            待受理
                        </a>
                        <a class="mui-control-item paddingNone" href="#Unsolve" data-id="1">
                            我登记
                        </a>
                        <a class="mui-control-item paddingNone" href="#Solve" data-id="2">
                            我处理
                        </a>
                        <a class="mui-control-item paddingNone" href="#Apply" data-id="3">
                            我提交
                        </a>
                        <a class="mui-control-item paddingNone" href="#Allof" data-id="4">
                            全部
                        </a>
                    </div>
                </div>

                <div class="mui-slider-group">

                    <!--新登记-->
                    <div id="all" class="mui-slider-item mui-control-content mui-active">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll bo30">
                                <div class="Problem">
                                    <div  v-for="p1 in page[0].data" class="mui-card">
                                        <div v-on:click="Deatil(p1.ID)" class="mui-card-header mui-card-media">
                                            <img src="~/Content/Images/Account/wtx.jpg" />
                                            <div class="mui-media-body">
                                                {{p1.性质}}-{{p1.登记人}}
                                                <p style="font-size:12px">登记于 {{p1.登记日期}}</p>
                                                <div >{{p1.编号}}</div>
                                                <svg class='icon svg-float' aria-hidden='true'><use v-bind:xlink:href='p1.icon'></use></svg>
                                            </div>
                                        </div>
                                        <div v-on:click="Deatil(p1.ID)" class="mui-card-content my-content">
                                            <div class="overf" style="-webkit-line-clamp: 1;">标题：{{p1.问题标题}}</div>
                                            <div v-html="p1.问题描述" class="overf" style="-webkit-line-clamp: 2;">{{p1.问题描述}}</div>
                                        </div>
                                        <div  v-if="p1.按钮权限=='1'"  class="mui-card-footer">
                                            <button v-on:click="TryAcceptProblem(p1.是否为当前处理人,p1.ID,1)" type="button" class="mui-btn mui-btn-danger mui-icon mui-icon-plusempty" style="background-color: rgb(234, 146, 58);border: none;">
                                                受理
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--我登记-->
                    <div id="Unsolve" class="mui-slider-item mui-control-content">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll bo30">
                                <div class="Problem">
                                    <div style="border-top: solid 7px #efeff4;">
                                        <div class="we active ministyle" style="padding-top:5px">
                                            <div class="miniblok moremini" v-for="ds in page[1].Condition.DealStatus" v-on:click="ToActiveMuitiAndRefresh(ds,1)" v-bind:class="{ 'myactive': ds.active}">{{ds.name}}</div>
                                        </div>
                                    </div>
                                    <div v-on:click="Deatil(p2.ID)" v-for="p2 in page[1].data" class="mui-card">
                                        <div class="mui-card-header mui-card-media">
                                            <img src="~/Content/Images/Account/wtx.jpg" />
                                            <div class="mui-media-body">
                                                {{p2.性质}}-{{p2.登记人}}
                                                <p style="font-size:12px">登记于 {{p2.登记日期}}</p>
                                                <div >{{p2.编号}}</div>
                                                <svg class='icon svg-float' aria-hidden='true'><use v-bind:xlink:href='p2.icon'></use></svg>
                                            </div>
                                        </div>
                                        <div class="mui-card-content my-content">
                                            <div class="overf" style="-webkit-line-clamp: 1;">标题：{{p2.问题标题}}</div>
                                            <div v-html="p2.问题描述" class="overf" style="-webkit-line-clamp: 2;">{{p2.问题描述}}</div>
                                        </div>
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!--我处理-->
                    <div id="Solve" class="mui-slider-item mui-control-content">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll bo30">
                                <div class="Problem">
                                    <div style="border-top: solid 7px #efeff4;">
                                        <div class="we active ministyle" style="padding-top:5px">
                                            <div class="miniblok moremini" v-for="lk in page[2].Condition.Links" v-on:click="ToActiveMuitiAndRefresh(lk,2)" v-bind:class="{ 'myactive': lk.active}">{{lk.name}}</div>
                                            <div class="miniblok moremini"  v-on:click="SingeleAndRefresh(page[2].Condition.IncludeStop,2)" v-bind:class="{ 'myactive': page[2].Condition.IncludeStop.active}">{{page[2].Condition.IncludeStop.name}}</div>
                                        </div>
                                    </div>
                                    <div  v-for="p3 in page[2].data" class="mui-card">
                                        <div v-on:click="Deatil(p3.ID)" class="mui-card-header mui-card-media">
                                            <img src="~/Content/Images/Account/wtx.jpg" />
                                            <div class="mui-media-body">
                                                {{p3.性质}}-{{p3.登记人}}
                                                <p style="font-size:12px">登记于 {{p3.登记日期}}</p>
                                                <div >{{p3.编号}}</div>
                                                <svg class='icon svg-float' aria-hidden='true'><use v-bind:xlink:href='p3.icon'></use></svg>
                                            </div>
                                        </div>
                                        <div v-on:click="Deatil(p3.ID)" class="mui-card-content my-content">
                                            <div class="overf" style="-webkit-line-clamp: 1;">标题：{{p3.问题标题}}</div>
                                            <div v-html="p3.问题描述" class="overf" style="-webkit-line-clamp: 2;">{{p3.问题描述}}</div>
                                        </div>
                                        <div  v-if="p3.按钮权限=='1'"  class="mui-card-footer">
                                            <template>
                                                <button v-on:click="TryAcceptProblem(p3.是否为当前处理人,p3.ID,2)" type="button" class="mui-btn mui-btn-outlined mui-icon mui-icon-minus">
                                                    终止
                                                </button>
                                                <button v-on:click="TryAcceptProblem(p3.是否为当前处理人,p3.ID,3)" type="button" class="mui-btn mui-btn-outlined mui-icon mui-icon-undo">
                                                    回退
                                                </button>
                                                <button v-on:click="TryAcceptProblem(p3.是否为当前处理人,p3.ID,4)" type="button" class="mui-btn mui-btn-danger mui-icon mui-icon-checkmarkempty" style="background-color: #fb7e00;border: none;">
                                                    处理
                                                </button>
                                            </template>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @*我申请的*@
                    <div id="Apply" class="mui-slider-item mui-control-content">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll bo30">
                                <div class="Problem">
                                    <div v-on:click="Deatil(p4.ID)" v-for="p4 in page[3].data" class="mui-card">
                                        <div class="mui-card-header mui-card-media">
                                            <img src="~/Content/Images/Account/wtx.jpg" />
                                            <div class="mui-media-body">
                                                {{p4.性质}}-{{p4.登记人}}
                                                <p style="font-size:12px">登记于 {{p4.登记日期}}</p>
                                                <div>{{p4.编号}}</div>
                                                <svg class='icon svg-float' aria-hidden='true'><use v-bind:xlink:href='p4.icon'></use></svg>
                                            </div>
                                        </div>
                                        <div class="mui-card-content my-content">
                                            <div class="overf" style="-webkit-line-clamp: 1;">标题：{{p4.问题标题}}</div>
                                            <div v-html="p4.问题描述" class="overf" style="-webkit-line-clamp: 2;">{{p4.问题描述}}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @*全部*@
                    <div id="Allof" class="mui-slider-item mui-control-content">
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll bo30">
                                <div class="Problem">
                                    <div v-on:click="Deatil(p5.ID)" v-for="p5 in page[4].data" class="mui-card">
                                        <div class="mui-card-header mui-card-media">
                                            <img src="~/Content/Images/Account/wtx.jpg" />
                                            <div class="mui-media-body">
                                                {{p5.性质}}-{{p5.登记人}}
                                                <p style="font-size:12px">登记于 {{p5.登记日期}}</p>
                                                <div>{{p5.编号}}</div>
                                                <svg class='icon svg-float' aria-hidden='true'><use v-bind:xlink:href='p5.icon'></use></svg>
                                            </div>
                                        </div>
                                        <div class="mui-card-content my-content">
                                            <div class="overf" style="-webkit-line-clamp: 1;">标题：{{p5.问题标题}}</div>
                                            <div v-html="p5.问题描述" class="overf" style="-webkit-line-clamp: 2;">{{p5.问题描述}}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @*下拉菜单*@
        <div id="menu-wrapper" class="menu-wrapper hidden" style="height:25rem">

            <div class="mui-scroll-wrapper" style="margin:0px;top:0px">
                <div class="mui-scroll">
                    <div id="menu" class="menu">

                        <div>
                            <h4 class="menuH4">当前处理环节</h4>
                            <div class="we active" style="flex-wrap:wrap;justify-content:flex-start;">
                                <div class="miniblok" v-for="cu in SearchCondition.CurrentUnit" v-on:click="ToActiveCache(SearchCondition.CurrentUnit,cu,'CurrentLink')" v-bind:class="{ 'myactive': cu.active}">{{cu.name}}</div>
                            </div>
                        </div>

                        <div>
                            <h4 class="menuH4">问题性质</h4>
                            <div class="we active" style="flex-wrap:wrap;justify-content:flex-start;">
                                <div class="miniblok" v-for="ss in SearchCondition.Status" v-on:click="ToActive(SearchCondition.Status,ss)" v-bind:class="{ 'myactive': ss.active}">{{ss.name}}</div>
                            </div>
                        </div>
                        <div>
                            <h4 class="menuH4">优先级</h4>
                            <div class="we active" style="flex-wrap:wrap;justify-content:flex-start;">
                                <div class="miniblok" v-for="pr in SearchCondition.priority" v-on:click="ToActive(SearchCondition.priority,pr)" v-bind:class="{ 'myactive': pr.active}">{{pr.name}}</div>
                            </div>
                        </div>
                        <div>
                            <h4 class="menuH4">产品类型</h4>
                            <div class="we active" style="flex-wrap:wrap;justify-content:flex-start;">
                                <div class="miniblok" v-for="pt in SearchCondition.ProductType" v-on:click="ToActive(SearchCondition.ProductType,pt)" v-bind:class="{ 'myactive': pt.active}">{{pt.name}}</div>
                            </div>
                        </div>
                        <div>
                            <h4 class="menuH4">机构<a v-if="@ViewBag.PersonPropert!=4" class="moreInstu" href="#modal">更多机构<span class="mui-icon mui-icon-arrowdown" style="font-size:18px"></span></a></h4>
                            <div class="we active" style="flex-wrap:wrap;justify-content:flex-start;">
                                <div class="miniblok" v-for="si in SearchCondition.Institution" v-on:click="ToActive(SearchCondition.Institution,si)" v-bind:class="{ 'myactive': si.active}">{{si.name}}</div>
                            </div>
                        </div>
                        <div>
                            <h4 class="menuH4">登记时间</h4>
                            <div style="display:flex;margin-left:19px">
                                <button type="button" id="TimeBegin" data-options='{"type":"date","beginYear":2017,"endYear":2019}' class="mui-btn time-btn">开始时间</button>
                                <span>-</span>
                                <button type="button" id="TimeEnd" data-options='{"type":"date","beginYear":2017,"endYear":2019}' class="mui-btn time-btn">结束时间</button>
                            </div>
                        </div>
                        <div style="overflow:hidden">
                            <h4 class="menuH4">查询条件</h4>
                            <input style="font-size:15px; width:90%" v-model="SearchCondition.search" id="search" type="search" class="mui-input-clear" placeholder="标题/内容/编号">

                        </div>

                    </div>
                </div>
            </div>
            <div class="mui-button-row">
                <button type="button" class="mui-btn mui-btn-primary" style="width:48%;background-color: #2ab8ff;border:none" v-on:click="Deafault">重置</button>
                <button type="button" class="mui-btn mui-btn-danger" style="width:48%" id="reload">确定</button>
            </div>
        </div>
        <div id="menu-backdrop" class="menu-backdrop"></div>
        @*项目选菜单*@
        <div id="Popover_1" v-if="@ViewBag.PersonPropert!=4" class="mui-popover mui-bar-popover" style="width: 19rem;height:19rem">
            <div class="mui-popover-arrow"></div>
            <div class="mui-scroll-wrapper" style="margin:0px;background-color: white;">
                <div class="mui-scroll">
                    <div style="text-align:center">
                        <input style="font-size:15px; margin:auto" v-model="searchText" type="search" class="mui-input-clear" placeholder="项目名称搜索">
                    </div>

                    <form class="mui-input-group">
                        <div  class="mui-input-row mui-radio">
                            <label>全部项目</label>
                            <input name="radio1" type="radio" v-bind:value="AllProjectSle" v-model="Project">
                        </div>
                        <div v-for="pj in ProjectsearchData" class="mui-input-row mui-radio">
                            <label>{{pj.名称}}</label>
                            <input name="radio1" type="radio" v-bind:value="pj" v-model="Project">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @*机构选择弹出窗口*@
        <div v-if="@ViewBag.PersonPropert!=4" id="modal" class="mui-modal" style="height:100%;overflow: hidden;">
            <header class="mui-bar mui-bar-nav">
                <a class="mui-btn mui-btn-link mui-pull-right " href="#modal" style="color:white">完成</a>
                <h1 class="mui-title" style="color:white">机构</h1>
            </header>
            <div id="mo" class="mui-content" style="height:100%;overflow: hidden;">

                <div id='list' class="mui-indexed-list" style="height:100%">

                    <div class="mui-indexed-list-search mui-input-row mui-search">
                        <input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索机构名">
                    </div>
                    <div class="mui-indexed-list-bar">

                        <a v-for="item  in InstitutionSelect">{{item.Index}}</a>

                    </div>
                    <div class="mui-indexed-list-alert"></div>

                    <div class="mui-indexed-list-inner" style="height: 100%;">
                        <div class="mui-indexed-list-empty-alert">没有数据</div>
                        <ul class="mui-table-view">
                            <template v-for="item in InstitutionSelect">
                                <li v-bind:data-group="item.Index" class="mui-table-view-divider mui-indexed-list-group">{{item.Index}}</li>
                                <li v-for="insti in item.Data" v-bind:data-value="insti.CodeName" v-bind:data-tags="insti.CodeName" class="mui-table-view-cell mui-indexed-list-item mui-checkbox mui-left">
                                    <input v-model="AddInstitution" v-bind:value="insti" type="checkbox" />{{insti.Name}}
                                </li>
                            </template>
                        </ul>
                    </div>
                </div>



            </div>
        </div>
    </div>
    <script >
        var PersonPropert=@ViewBag.PersonPropert;
        var currentWorkFlowId='';
        'use strict';
        var vm = new Vue({
            el: '#vue',
            data: {
                page: [
                ///新登记
                {
                    page: 0,
                    row: 6,
                    data: []
                },
                ///我登记
                {
                    page: 0,
                    row: 6,
                    data: [],
                    Condition: {
                        DealStatus: [{
                            name: '未处理',
                            id: 0,
                            active: true
                        }, {
                            name: '已处理',
                            id: 1,
                            active: true
                        }]
                    }
                },
                ///我处理
                {
                    page: 0,
                    row: 6,
                    data: [],
                    Condition: {
                        ///处理环节
                        Links: [{
                            name: '处理中',
                            id: 0,
                            active: true
                        }, {
                            name: '已处理',
                            id: 1,
                            active: true
                        }],
                        IncludeStop: {
                            name: '包含终止',
                            id: 0,
                            active: false
                        }
                    }
                },
                //我申请
                {
                    page: 0,
                    row: 6,
                    data: []
                },
                ///全部
                {
                    page: 0,
                    row: 6,
                    data: []
                }],

                //问题是否解决标志
                status: '',
                ///检索条件
                SearchCondition: {
                    ///当前审核单位
                    CurrentUnit: [{
                        name: '全部',
                        id: '',
                        active: false
                    }, {
                        name: '机构处理',
                        id: 1,
                        active: false
                    }, {
                        name: '卫计委处理',
                        id: 2,
                        active: false
                    }, {
                        name: '项目处理',
                        id: 3,
                        active: false
                    }, {
                        name: '技术支持处理',
                        id: 4,
                        active: false
                    }, {
                        name: '研发处理',
                        id: 5,
                        active: false
                    }, {
                        name: '测试处理',
                        id: 6,
                        active: false
                    }],
                    ///查询范围
                    scope: [{
                        name: '我的问题',
                        id: 1,
                        active: true
                    }, {
                        name: '本院问题',
                        id: 2,
                        active: false
                    }],
                    ///问题性质
                    Status: [{
                        name: '全部',
                        id: '',
                        active: true
                    }],
                    ///产品类型
                    ProductType: [{
                        name: '全部',
                        id: '',
                        active: true
                    }],
                    ///优先级
                    priority: [{
                        name: '全部',
                        id: '',
                        active: true
                    }],
                    time: {
                        TimeBegin: '开始时间',
                        TimeEnd: '结束时间'
                    },
                    search: '',
                    ///机构
                    Institution: [{
                        name: '全部',
                        id: '',
                        nature:'',
                        active: true
                    }]

                },
                ///当前项目
                Project: {
                    ID: '',
                    名称: '请选择项目'
                },
                ///机构选择项
                InstitutionSelect: [],
                ///用户选择增加的机构项
                AddInstitution: [],
                ///项目选择项
                ProjectSelect: [],
                ///下拉刷新对象
                refresh: [],
                ///记录项目选择次数
                CotProject: 0,
                searchText: '',
                AllProjectSle: {
                    ID: 'all',
                    名称: '全部项目'
                }
            },
            watch: {
                //选择项目后重新加载问题
                Project: function Project(newProject, oldProject) {
                    ///如果不为机构管理员
                    if (PersonPropert != 4) {
                        this.LoadInstitution(newProject.ID);
                        if (this.CotProject < 1) {
                            this.CotProject += 1;
                            this.SearchCondition.Institution = this.LoadDefultInstitustion();
                            return;
                        } else {
                            this.SearchCondition.Institution = [{
                                name: '全部',
                                id: '',
                                active: true
                            }];
                        }
                        //将选择项存入cookie
                        setCookie("DefaultProjectId", newProject.ID, 3);
                        setCookie("DefaultProjectName", newProject.名称, 3);
                        this.$nextTick(function () {
                            this.Reload();
                            mui('#Popover_1').popover('hide');
                        });
                    }
                },
                InstitutionSelect: function InstitutionSelect(newProject, oldProject) {
                    this.$nextTick(function () {
                        var header = document.querySelector('header.mui-bar');
                        var list = document.getElementById('list');
                        var modal = document.getElementById('mo');

                        //calc hieght
                        list.style.height = modal.offsetHeight - header.offsetHeight + 'px';
                        //create
                        window.indexedList = new mui.IndexedList(list);
                    });
                },
                AddInstitution: function AddInstitution(newProject, oldProject) {
                    this.SearchCondition.Institution = [{
                        name: '全部',
                        id: '',
                        active: true
                    }];
                    //解析机构
                    var _iteratorNormalCompletion = true;
                    var _didIteratorError = false;
                    var _iteratorError = undefined;

                    try {
                        for (var _iterator = newProject[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
                            var ne = _step.value;

                            var add = {};
                            add.name = ne.Name;
                            add.id = ne.ID;
                            add.active = false;
                            this.SearchCondition.Institution.push(add);
                        }
                    } catch (err) {
                        _didIteratorError = true;
                        _iteratorError = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion && _iterator.return) {
                                _iterator.return();
                            }
                        } finally {
                            if (_didIteratorError) {
                                throw _iteratorError;
                            }
                        }
                    }
                }
            },
            methods: {
                initRefresh: function initRefresh() {
                    var that = this;
                    var t = 0;
                    var deceleration = mui.os.ios ? 0.003 : 0.0009;
                    mui('.mui-scroll-wrapper').scroll({
                        bounce: false,
                        indicators: true, //是否显示滚动条
                        deceleration: deceleration
                    });
                    mui.ready(function () {
                        mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function (index, pullRefreshEl) {
                            mui(pullRefreshEl).pullToRefresh({
                                up: {
                                    auto: true, //自动执行一次上拉加载，可选；
                                    show: true, //显示底部上拉加载提示信息，可选；
                                    contentrefresh: '正在加载...', //上拉进行中提示信息
                                    contentnomore: '没有更多数据了', //上拉无更多信息时提示信息
                                    callback: function callback() {
                                        var self = this;
                                        if (t < 5) {
                                            that.refresh.push(self);
                                            t++;
                                        }
                                        setTimeout(function () {
                                            var ul = self.element.querySelector('.Problem');
                                            //全部选项卡的index是0，当显示它的时候，滑动页面加1，调数据，以下以此类推
                                            if (index < 5) {
                                                that.page[index].page += 1;
                                                that.createFragment(ul, index, self);
                                            } else {
                                                self.endPullUpToRefresh(true);
                                            }
                                        }, 1000);
                                    }
                                }
                            });
                        });
                    });
                    //底部导航栏
                    document.getElementById('Home').addEventListener('tap', function () {
                        //mui.openWindow({
                        //    url: '/MobileProblem/Home'
                        //});
                        window.location.href = '/MobileProblem/Home';
                        
                    });
                    document.getElementById('my').addEventListener('tap', function () {
                        //mui.openWindow({
                        //    url: '/MobileProblem/My'
                        //});
                       window.location.href = '/MobileProblem/My';
                       
                    });
                    document.getElementById('NewProblem').addEventListener('tap', function () {
                        //mui.openWindow({
                        //    url: '/MobileProblem/QueryProblem'
                        //});
                    });

                    ///顶部下拉导航
                    var menuWrapper = document.getElementById("menu-wrapper");
                    var menu = document.getElementById("menu");
                    var menuWrapperClassList = menuWrapper.classList;
                    var backdrop = document.getElementById("menu-backdrop");
                    var busying = false;
                    backdrop.addEventListener("swipeup", function () {
                        if (menuWrapperClassList.contains('mui-active')) {
                            $("#slider").removeClass("top0");

                            document.body.classList.remove('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-out-up animated';
                            menu.className = 'menu bounce-out-up animated';
                            setTimeout(function () {
                                backdrop.style.opacity = 0;
                                menuWrapper.classList.add('hidden');
                            }, 500);
                        }
                    });
                    backdrop.addEventListener('tap', function () {
                        if (busying) {
                            return;
                        }
                        busying = true;
                        if (menuWrapperClassList.contains('mui-active')) {
                            $("#slider").removeClass("top0");

                            document.body.classList.remove('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-out-up animated';
                            menu.className = 'menu bounce-out-up animated';
                            setTimeout(function () {
                                backdrop.style.opacity = 0;
                                menuWrapper.classList.add('hidden');
                            }, 500);
                        } else {
                            $("#slider").addClass("top0");
                            document.body.classList.add('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-in-down animated mui-active';
                            menu.className = 'menu bounce-in-down animated';
                            backdrop.style.opacity = 1;
                        }
                        setTimeout(function () {
                            busying = false;
                        }, 500);
                    });
                    document.getElementById("icon-menu").addEventListener('tap', function () {
                        if (busying) {
                            return;
                        }
                        busying = true;
                        if (menuWrapperClassList.contains('mui-active')) {
                            $("#slider").removeClass("top0");
                            document.body.classList.remove('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-out-up animated';
                            menu.className = 'menu bounce-out-up animated';
                            setTimeout(function () {
                                backdrop.style.opacity = 0;
                                menuWrapper.classList.add('hidden');
                            }, 500);
                        } else {
                            $("#slider").addClass("top0");
                            document.body.classList.add('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-in-down animated mui-active';
                            menu.className = 'menu bounce-in-down animated';
                            backdrop.style.opacity = 1;
                        }
                        setTimeout(function () {
                            busying = false;
                        }, 500);
                    });
                    ///重置下拉刷新
                    document.getElementById("reload").addEventListener('tap', function () {
                        //保存用户的筛选信息到缓存
                        var SearchCondition = {
                            Status: that.forech(that.SearchCondition.Status),
                            priority: that.forech(that.SearchCondition.priority),
                            ProductType: that.forech(that.SearchCondition.ProductType),
                            TimeBegin: $("#TimeBegin").html(),
                            TimeEnd: $("#TimeEnd").html(),
                            search: that.SearchCondition.search
                        };
                        setCookie("SearchCondition", JSON.stringify(SearchCondition), 3);

                        if (busying) {
                            return;
                        }
                        busying = true;
                        ///初始化Page
                        that.ReloadPage();
                        var _iteratorNormalCompletion2 = true;
                        var _didIteratorError2 = false;
                        var _iteratorError2 = undefined;

                        try {
                            for (var _iterator2 = that.refresh[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
                                var ref = _step2.value;

                                ref.refresh(true);
                                ref.pullUpLoading(false);
                            }
                        } catch (err) {
                            _didIteratorError2 = true;
                            _iteratorError2 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion2 && _iterator2.return) {
                                    _iterator2.return();
                                }
                            } finally {
                                if (_didIteratorError2) {
                                    throw _iteratorError2;
                                }
                            }
                        }

                        if (menuWrapperClassList.contains('mui-active')) {
                            $("#slider").removeClass("top0");
                            document.body.classList.remove('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-out-up animated';
                            menu.className = 'menu bounce-out-up animated';
                            setTimeout(function () {
                                backdrop.style.opacity = 0;
                                menuWrapper.classList.add('hidden');
                            }, 500);
                        } else {
                            $("#slider").addClass("top0");
                            document.body.classList.add('menu-open');
                            menuWrapper.className = 'menu-wrapper fade-in-down animated mui-active';
                            menu.className = 'menu bounce-in-down animated';
                            backdrop.style.opacity = 1;
                        }
                        setTimeout(function () {
                            busying = false;
                        }, 500);
                    });

                    //监听选项卡
                    document.querySelector('.mui-slider').addEventListener('slide', function (event) {
                        setCookie("QueryProblemSlider", event.detail.slideNumber, 3);
                    });
                    //查看缓存中是否有slider
                    var QueryProblemSlider = getCookie("QueryProblemSlider");
                    if (QueryProblemSlider) {
                        var gallery = mui('.mui-slider').slider();
                        gallery.gotoItem(QueryProblemSlider);
                    }
                },
                ///加载项目选择项
                LoadProject: function LoadProject() {
                    var that = this;
                    ///如果为机构管理员
                    if (PersonPropert == 4) {

                        $.get("/MobileProblem/GetPerson", {}, function (data) {
                            var pro = {
                                ID: data[0].项目ID,
                                名称: data[0].项目名称
                            };
                            that.Project = pro;
                            that.SearchCondition.Institution = [{
                                name: data[0].站点名称,
                                id: data[0].站点ID,
                                nature: data[0].性质,
                                active: true
                            }];
                        });
                        return;
                    }
                    $.get("/MobileProblem/GetAllProject", {}, function (data) {
                        that.ProjectSelect = data;
                        //判断用户是否设置默认项目
                        var UserSetProject = getCookie("UserSetProject");
                        if (UserSetProject && UserSetProject.split('|')[0]) {
                            that.Project = { ID: UserSetProject.split('|')[0], 名称: UserSetProject.split('|')[1] };

                            return;
                        }
                        //判断是否有项目Cookie
                        var DeafaultProject = {
                            ID: getCookie("DefaultProjectId"),
                            名称: getCookie("DefaultProjectName")
                        };
                        if (DeafaultProject.ID != null) {
                            that.Project = DeafaultProject;
                        } else {
                            that.Project = { ID: 'all', 名称: '全部项目' };
                        }
                    });
                },
                ///加载机构选择项
                LoadInstitution: function LoadInstitution(pro) {
                    var that = this;

                    $.get("/MobileProblem/GetInstitutionIndex/" + pro, {}, function (data) {
                        that.InstitutionSelect = data;
                    });
                },
                LoadDefultInstitustion: function LoadDefultInstitustion() {
                    var t = [{ name: "全部",
                        id: "",
                        active: true }];
                    // //判断用户是否设置默认机构
                    var UserSetInstitution = getCookie("UserSetInstitution");
                    if (UserSetInstitution && UserSetInstitution.split('|')[0]) {
                        t = [{
                            name: "全部",
                            id: "",
                            active: false
                        }, {
                            name: UserSetInstitution.split('|')[1],
                            id: UserSetInstitution.split('|')[0],
                            active: true
                        }];
                    }
                    return t;
                },
                ///加载基础编码的问题检索条件选项
                LoadBaseCode: function LoadBaseCode() {
                    var that = this;
                    ///获取缓存
                    var SearchCondition = JSON.parse(getCookie("SearchCondition"));
                    ///获取问题性质
                    $.get("/MobileProblem/GetComboboxByCode/013", {}, function (data) {
                        var _iteratorNormalCompletion3 = true;
                        var _didIteratorError3 = false;
                        var _iteratorError3 = undefined;

                        try {
                            for (var _iterator3 = data[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
                                var ss = _step3.value;

                                var code = {};
                                code.name = ss.显示名;
                                code.id = ss.代码;
                                code.active = false;
                                that.SearchCondition.Status.push(code);
                            }
                        } catch (err) {
                            _didIteratorError3 = true;
                            _iteratorError3 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion3 && _iterator3.return) {
                                    _iterator3.return();
                                }
                            } finally {
                                if (_didIteratorError3) {
                                    throw _iteratorError3;
                                }
                            }
                        }

                        if (SearchCondition && SearchCondition.Status) {
                            that.ToActive2(that.SearchCondition.Status, SearchCondition.Status);
                        }
                    });
                    ///获取优先级
                    $.get("/MobileProblem/GetComboboxByCode/014", {}, function (data) {
                        var _iteratorNormalCompletion4 = true;
                        var _didIteratorError4 = false;
                        var _iteratorError4 = undefined;

                        try {
                            for (var _iterator4 = data[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
                                var ss = _step4.value;

                                var code = {};
                                code.name = ss.显示名;
                                code.id = ss.代码;
                                code.active = false;
                                that.SearchCondition.priority.push(code);
                            }
                        } catch (err) {
                            _didIteratorError4 = true;
                            _iteratorError4 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion4 && _iterator4.return) {
                                    _iterator4.return();
                                }
                            } finally {
                                if (_didIteratorError4) {
                                    throw _iteratorError4;
                                }
                            }
                        }

                        if (SearchCondition && SearchCondition.priority) {
                            that.ToActive2(that.SearchCondition.priority, SearchCondition.priority);
                        }
                    });
                    ///获取产品类型
                    $.get("/MobileProblem/GetProductCode/", {}, function (data) {
                        var _iteratorNormalCompletion5 = true;
                        var _didIteratorError5 = false;
                        var _iteratorError5 = undefined;

                        try {
                            for (var _iterator5 = data[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
                                var ss = _step5.value;

                                var code = {};
                                code.name = ss.名称;
                                code.id = ss.编码;
                                code.active = false;
                                that.SearchCondition.ProductType.push(code);
                            }
                        } catch (err) {
                            _didIteratorError5 = true;
                            _iteratorError5 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion5 && _iterator5.return) {
                                    _iterator5.return();
                                }
                            } finally {
                                if (_didIteratorError5) {
                                    throw _iteratorError5;
                                }
                            }
                        }

                        if (SearchCondition && SearchCondition.ProductType) {
                            that.ToActive2(that.SearchCondition.ProductType, SearchCondition.ProductType);
                        }
                    });
                    //缓存默认时间
                    if (SearchCondition && SearchCondition.TimeBegin) {
                        $("#TimeBegin").html(SearchCondition.TimeBegin);
                    }
                    if (SearchCondition && SearchCondition.TimeEnd) {
                        $("#TimeEnd").html(SearchCondition.TimeEnd);
                    }
                    //缓存默认查询条件
                    if (SearchCondition && SearchCondition.search) {
                        that.SearchCondition.search = SearchCondition.search;
                    }
                    //选择默认处理单位

                    if (PersonPropert == 1) {
                        //中联本部人员（默认技术支持处理）

                        currentWorkFlowId = 4;
                    } else if (PersonPropert == 2) {
                        //中联渠道人员（默认查询项目处理问题）
                        currentWorkFlowId = 3;
                    } else if (PersonPropert == 4) {
                        //医院管理员（显示卫计委处理）
                        currentWorkFlowId = 1;
                    } else if (PersonPropert == 5) {
                        //卫计委
                        currentWorkFlowId = 2;
                    } else {
                        //默认显示项目处理
                        currentWorkFlowId = 3;
                    }
                    var CurrentLink = getCookie("CurrentLink");
                    ///如果缓存中有默认值优先取缓存
                    if (CurrentLink || CurrentLink == '') {
                        var _iteratorNormalCompletion6 = true;
                        var _didIteratorError6 = false;
                        var _iteratorError6 = undefined;

                        try {
                            for (var _iterator6 = this.SearchCondition.CurrentUnit[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
                                var tt = _step6.value;

                                if (tt.id == CurrentLink) {
                                    tt.active = true;
                                    return;
                                }
                            }
                        } catch (err) {
                            _didIteratorError6 = true;
                            _iteratorError6 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion6 && _iterator6.return) {
                                    _iterator6.return();
                                }
                            } finally {
                                if (_didIteratorError6) {
                                    throw _iteratorError6;
                                }
                            }
                        }
                    } else {
                        var _iteratorNormalCompletion7 = true;
                        var _didIteratorError7 = false;
                        var _iteratorError7 = undefined;

                        try {
                            for (var _iterator7 = this.SearchCondition.CurrentUnit[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
                                var sc = _step7.value;

                                if (sc.id == currentWorkFlowId) {
                                    sc.active = true;
                                    return;
                                }
                            }
                        } catch (err) {
                            _didIteratorError7 = true;
                            _iteratorError7 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion7 && _iterator7.return) {
                                    _iterator7.return();
                                }
                            } finally {
                                if (_didIteratorError7) {
                                    throw _iteratorError7;
                                }
                            }
                        }
                    }
                },
                ///重新加载问题
                Reload: function Reload() {

                    this.ReloadPage();
                    var _iteratorNormalCompletion8 = true;
                    var _didIteratorError8 = false;
                    var _iteratorError8 = undefined;

                    try {
                        for (var _iterator8 = this.refresh[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
                            var ref = _step8.value;

                            ref.refresh(true);
                            ref.pullUpLoading(false);
                        }
                    } catch (err) {
                        _didIteratorError8 = true;
                        _iteratorError8 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion8 && _iterator8.return) {
                                _iterator8.return();
                            }
                        } finally {
                            if (_didIteratorError8) {
                                throw _iteratorError8;
                            }
                        }
                    }
                },
                //初始化Page
                ReloadPage: function ReloadPage() {
                    for (var i = 0; i < 5; i++) {
                        this.page[i].page = 0;
                        this.page[i].row = 6;
                        this.page[i].data = [];
                    }
                },
                LoadTimeContent: function LoadTimeContent() {
                    var btns = $('.time-btn');
                    btns.each(function (i, btn) {
                        btn.addEventListener('tap', function () {
                            var _self = this;
                            if (_self.picker) {
                                _self.picker.show(function (rs) {
                                    btn.innerHTML = rs.text;
                                    _self.picker.dispose();
                                    _self.picker = null;
                                });
                            } else {
                                var optionsJson = this.getAttribute('data-options') || '{}';
                                var options = JSON.parse(optionsJson);
                                var id = this.getAttribute('id');

                                _self.picker = new mui.DtPicker(options);
                                _self.picker.show(function (rs) {
                                    btn.innerHTML = rs.text;
                                    _self.picker.dispose();
                                    _self.picker = null;
                                });
                            }
                        }, false);
                    });
                },
                //重置搜索条件
                Deafault: function Deafault() {
                    ///审核单位
                    var _iteratorNormalCompletion9 = true;
                    var _didIteratorError9 = false;
                    var _iteratorError9 = undefined;

                    try {
                        for (var _iterator9 = this.SearchCondition.CurrentUnit[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
                            var dd = _step9.value;

                            dd.active = false;
                            if (dd.id == currentWorkFlowId) {
                                dd.active = true;
                            }
                        }
                        ///问题性质
                    } catch (err) {
                        _didIteratorError9 = true;
                        _iteratorError9 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion9 && _iterator9.return) {
                                _iterator9.return();
                            }
                        } finally {
                            if (_didIteratorError9) {
                                throw _iteratorError9;
                            }
                        }
                    }

                    var _iteratorNormalCompletion10 = true;
                    var _didIteratorError10 = false;
                    var _iteratorError10 = undefined;

                    try {
                        for (var _iterator10 = this.SearchCondition.Status[Symbol.iterator](), _step10; !(_iteratorNormalCompletion10 = (_step10 = _iterator10.next()).done); _iteratorNormalCompletion10 = true) {
                            var dd = _step10.value;

                            dd.active = false;
                            if (dd.id == '') {
                                dd.active = true;
                            }
                        }
                        ///产品类型
                    } catch (err) {
                        _didIteratorError10 = true;
                        _iteratorError10 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion10 && _iterator10.return) {
                                _iterator10.return();
                            }
                        } finally {
                            if (_didIteratorError10) {
                                throw _iteratorError10;
                            }
                        }
                    }

                    var _iteratorNormalCompletion11 = true;
                    var _didIteratorError11 = false;
                    var _iteratorError11 = undefined;

                    try {
                        for (var _iterator11 = this.SearchCondition.ProductType[Symbol.iterator](), _step11; !(_iteratorNormalCompletion11 = (_step11 = _iterator11.next()).done); _iteratorNormalCompletion11 = true) {
                            var dd = _step11.value;

                            dd.active = false;
                            if (dd.id == '') {
                                dd.active = true;
                            }
                        }
                        ///优先级
                    } catch (err) {
                        _didIteratorError11 = true;
                        _iteratorError11 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion11 && _iterator11.return) {
                                _iterator11.return();
                            }
                        } finally {
                            if (_didIteratorError11) {
                                throw _iteratorError11;
                            }
                        }
                    }

                    var _iteratorNormalCompletion12 = true;
                    var _didIteratorError12 = false;
                    var _iteratorError12 = undefined;

                    try {
                        for (var _iterator12 = this.SearchCondition.priority[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
                            var dd = _step12.value;

                            dd.active = false;
                            if (dd.id == '') {
                                dd.active = true;
                            }
                        }
                        ///机构
                    } catch (err) {
                        _didIteratorError12 = true;
                        _iteratorError12 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion12 && _iterator12.return) {
                                _iterator12.return();
                            }
                        } finally {
                            if (_didIteratorError12) {
                                throw _iteratorError12;
                            }
                        }
                    }

                    if (PersonPropert != 4) {
                        var _iteratorNormalCompletion13 = true;
                        var _didIteratorError13 = false;
                        var _iteratorError13 = undefined;

                        try {
                            for (var _iterator13 = this.SearchCondition.Institution[Symbol.iterator](), _step13; !(_iteratorNormalCompletion13 = (_step13 = _iterator13.next()).done); _iteratorNormalCompletion13 = true) {
                                var dd = _step13.value;

                                dd.active = false;
                                if (dd.id == '') {
                                    dd.active = true;
                                }
                            }
                        } catch (err) {
                            _didIteratorError13 = true;
                            _iteratorError13 = err;
                        } finally {
                            try {
                                if (!_iteratorNormalCompletion13 && _iterator13.return) {
                                    _iterator13.return();
                                }
                            } finally {
                                if (_didIteratorError13) {
                                    throw _iteratorError13;
                                }
                            }
                        }
                    }
                    this.SearchCondition.search = '';
                    $("#TimeBegin").html("开始时间");
                    $("#TimeEnd").html("结束时间");
                },
                ///加载问题
                createFragment: function createFragment(ul, index, self) {
                    var fragment = document.createDocumentFragment();
                    var that = this;
                    var param = {
                        Pages: this.page[index].page,
                        rows: this.page[index].row,
                        Tab: index + 1,
                        Project: this.Project.ID, //当前查询项目
                        Institution: this.forech(this.SearchCondition.Institution), //当前选择的机构
                        CurrentUnit: this.forech(this.SearchCondition.CurrentUnit), //当前审核单位
                        Status: this.forech(this.SearchCondition.Status), //问题性质
                        priority: this.forech(this.SearchCondition.priority), //优先级
                        ProductType: this.forech(this.SearchCondition.ProductType), //产品类型
                        TimeBegins: $("#TimeBegin").html(),
                        TimeEnds: $("#TimeEnd").html(),
                        SelectConditon: this.SearchCondition.search };
                    if (index == 1) {
                        param.DealStatus = this.forechMuti(this.page[index].Condition.DealStatus); //是否解决
                    } else if (index == 2) {
                        param.DealStatus = this.forechMuti(this.page[index].Condition.Links); //处理环节
                        param.IsEnd = this.page[index].Condition.IncludeStop.id; //终止状态
                    }

                    ///后台请求数据
                    $.get('/MobileProblem/QueryProblemByProject', param, function (data) {
                        var info = data;
                        if (info.length == 0) {
                            //当datas.length为0时，表示没有数据了
                            self.endPullUpToRefresh(true); //当为true时，底部出现没有更多数据，并且不能滑动
                        } else {
                            var _iteratorNormalCompletion14 = true;
                            var _didIteratorError14 = false;
                            var _iteratorError14 = undefined;

                            try {
                                for (var _iterator14 = info[Symbol.iterator](), _step14; !(_iteratorNormalCompletion14 = (_step14 = _iterator14.next()).done); _iteratorNormalCompletion14 = true) {
                                    var dd = _step14.value;

                                    if (dd.问题描述) dd.问题描述 = '描述：' + dd.问题描述.replace(/<[^>]+>/g, "");
                                    if (!dd.附件路径) {
                                        dd.附件路径 = "/Content/Images/zlpng.png";
                                    } else {
                                        dd.附件路径 = "/MobileProblem/ViewProblemImage/" + dd.附件路径 + "?type=s";
                                    }
                                    if (dd.是否终止 == '1') {
                                        dd.icon = "#icon-yizhongzhi1";
                                    } else if (dd.是否解决 == '1') {
                                        dd.icon = "#icon-yijiejue3";
                                    } else {
                                        dd.icon = "#icon-weijiejue";
                                    }
                                    that.page[index].data.push(dd);
                                }
                            } catch (err) {
                                _didIteratorError14 = true;
                                _iteratorError14 = err;
                            } finally {
                                try {
                                    if (!_iteratorNormalCompletion14 && _iterator14.return) {
                                        _iterator14.return();
                                    }
                                } finally {
                                    if (_didIteratorError14) {
                                        throw _iteratorError14;
                                    }
                                }
                            }

                            self.endPullUpToRefresh(); //当为false或空时，底部出现正在加载，滑动到下一页
                        }
                    });
                },
                forech: function forech(obj) {
                    var re;
                    var _iteratorNormalCompletion15 = true;
                    var _didIteratorError15 = false;
                    var _iteratorError15 = undefined;

                    try {
                        for (var _iterator15 = obj[Symbol.iterator](), _step15; !(_iteratorNormalCompletion15 = (_step15 = _iterator15.next()).done); _iteratorNormalCompletion15 = true) {
                            var i = _step15.value;

                            if (i.active) {
                                re = i.id;
                                return re;
                            }
                        }
                    } catch (err) {
                        _didIteratorError15 = true;
                        _iteratorError15 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion15 && _iterator15.return) {
                                _iterator15.return();
                            }
                        } finally {
                            if (_didIteratorError15) {
                                throw _iteratorError15;
                            }
                        }
                    }

                    ;
                },
                forechMuti: function forechMuti(obj) {
                    var re = '';
                    var _iteratorNormalCompletion16 = true;
                    var _didIteratorError16 = false;
                    var _iteratorError16 = undefined;

                    try {
                        for (var _iterator16 = obj[Symbol.iterator](), _step16; !(_iteratorNormalCompletion16 = (_step16 = _iterator16.next()).done); _iteratorNormalCompletion16 = true) {
                            var i = _step16.value;

                            if (i.active) {
                                re += i.id + ",";
                            }
                        }
                    } catch (err) {
                        _didIteratorError16 = true;
                        _iteratorError16 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion16 && _iterator16.return) {
                                _iterator16.return();
                            }
                        } finally {
                            if (_didIteratorError16) {
                                throw _iteratorError16;
                            }
                        }
                    }

                    ;
                    return re;
                },
                ToActive: function ToActive(sc, i) {
                    var _iteratorNormalCompletion17 = true;
                    var _didIteratorError17 = false;
                    var _iteratorError17 = undefined;

                    try {
                        for (var _iterator17 = sc[Symbol.iterator](), _step17; !(_iteratorNormalCompletion17 = (_step17 = _iterator17.next()).done); _iteratorNormalCompletion17 = true) {
                            var dd = _step17.value;

                            dd.active = false;
                        }
                    } catch (err) {
                        _didIteratorError17 = true;
                        _iteratorError17 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion17 && _iterator17.return) {
                                _iterator17.return();
                            }
                        } finally {
                            if (_didIteratorError17) {
                                throw _iteratorError17;
                            }
                        }
                    }

                    i.active = true;
                },
                ToActive2: function ToActive2(sc, id) {
                    var _iteratorNormalCompletion18 = true;
                    var _didIteratorError18 = false;
                    var _iteratorError18 = undefined;

                    try {
                        for (var _iterator18 = sc[Symbol.iterator](), _step18; !(_iteratorNormalCompletion18 = (_step18 = _iterator18.next()).done); _iteratorNormalCompletion18 = true) {
                            var dd = _step18.value;

                            if (dd.id == id) {
                                dd.active = true;
                            } else {
                                dd.active = false;
                            }
                        }
                    } catch (err) {
                        _didIteratorError18 = true;
                        _iteratorError18 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion18 && _iterator18.return) {
                                _iterator18.return();
                            }
                        } finally {
                            if (_didIteratorError18) {
                                throw _iteratorError18;
                            }
                        }
                    }
                },
                ToActiveCache: function ToActiveCache(sc, i, CacheName) {
                    var _iteratorNormalCompletion19 = true;
                    var _didIteratorError19 = false;
                    var _iteratorError19 = undefined;

                    try {
                        for (var _iterator19 = sc[Symbol.iterator](), _step19; !(_iteratorNormalCompletion19 = (_step19 = _iterator19.next()).done); _iteratorNormalCompletion19 = true) {
                            var dd = _step19.value;

                            dd.active = false;
                        }
                    } catch (err) {
                        _didIteratorError19 = true;
                        _iteratorError19 = err;
                    } finally {
                        try {
                            if (!_iteratorNormalCompletion19 && _iterator19.return) {
                                _iterator19.return();
                            }
                        } finally {
                            if (_didIteratorError19) {
                                throw _iteratorError19;
                            }
                        }
                    }

                    i.active = true;
                    setCookie(CacheName, i.id, 5);
                },
                ToActiveMuiti: function ToActiveMuiti(i) {
                    i.active = !i.active;
                },
                ToActiveMuitiAndRefresh: function ToActiveMuitiAndRefresh(i, n) {
                    var that = this;
                    i.active = !i.active;
                    this.$nextTick(function () {
                        that.page[n].page = 0;
                        that.page[n].row = 6;
                        that.page[n].data = [];
                        that.refresh[n].refresh(true);
                        that.refresh[n].pullUpLoading(false);
                    });
                },
                SingeleAndRefresh: function SingeleAndRefresh(i, n) {
                    var that = this;
                    i.active = !i.active;
                    if (i.id == '0,1') {
                        i.id = 0;
                    } else {
                        i.id = '0,1';
                    }
                    this.$nextTick(function () {
                        that.page[n].page = 0;
                        that.page[n].row = 6;
                        that.page[n].data = [];
                        that.refresh[n].refresh(true);
                        that.refresh[n].pullUpLoading(false);
                    });
                },

                ///进入详细页面
                Deatil: function Deatil(id) {
                    //mui.openWindow({
                    //    url: '/MobileProblem/ProblemDetail/' + id
                    //});
                    window.location.href = '/MobileProblem/ProblemDetail/' + id;
                },
                ///受理问题逻辑判断
                TryAcceptProblem: function TryAcceptProblem(CrossStatus, ID, UrlType) {
                    var that = this;
                    if (UrlType == 1) {
                        mui.confirm('是否确认受理该问题？', '提示', ['否', '是'], function (e) {
                            if (e.index == 1) {
                                that.AcceptProblem(ID);
                                return;
                            }
                        });
                    } else {
                        if (CrossStatus == '0') {
                            mui.confirm('该问题不属于您的处理范围，是否处理？', '提示', ['否', '是'], function (e) {
                                if (e.index == 1) {
                                    switch (UrlType) {
                                        case 1:
                                            that.AcceptProblem(ID);break;
                                        case 2:
                                            window.location.href = '/MobileProblem/ProblemBack/' + ID + '?type=2';break;
                                        case 3:
                                            window.location.href = '/MobileProblem/ProblemBack/' + ID + '?type=1';break;
                                        case 4:
                                            window.location.href = '/MobileProblem/ProblemDeal/' + ID;break;
                                        default:
                                            return;
                                    }
                                }
                            });
                        } else {
                            switch (UrlType) {
                                case 1:
                                    that.AcceptProblem(ID);break;
                                case 2:
                                    window.location.href = '/MobileProblem/ProblemBack/' + ID + '?type=2';break;
                                case 3:
                                    window.location.href = '/MobileProblem/ProblemBack/' + ID + '?type=1';break;
                                case 4:
                                    window.location.href = '/MobileProblem/ProblemDeal/' + ID;break;
                                default:
                                    return;
                            }
                        }
                    }
                },

                //受理问题
                AcceptProblem: function AcceptProblem(pid) {
                    mui.post('/MobileProblem/AcceptProblem/' + pid, {}, function (data) {
                        //服务器返回响应，根据响应结果，分析是否登录成功；
                        if (data.code == 200) {
                            mui.toast('受理成功!');
                            setTimeout(function () {
                                window.location.href = '/MobileProblem/ProblemDetail/' + pid;
                            }, 1000);
                        } else {
                            mui.toast(data.data);
                        }
                    }, 'json');
                }

            },
            computed: {
                ProjectsearchData: function ProjectsearchData() {
                    var searchText = this.searchText;

                    if (searchText) {
                        return this.ProjectSelect.filter(function (ProjectSelects) {

                            return Object.keys(ProjectSelects).some(function (key) {

                                return String(ProjectSelects[key]).toLowerCase().indexOf(searchText) > -1;
                            });
                        });
                    }

                    return this.ProjectSelect;
                }

            },
            mounted: function mounted() {
                mui.init();
                
                this.LoadBaseCode();
                this.LoadProject();
                this.LoadTimeContent();
                this.$nextTick(function () {
                    this.initRefresh();
                });
            }
        });
    </script>