@{
    ViewBag.Title = "QueryProblemCustom";
    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.1" rel="stylesheet" />

    <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/Style/MobileProductRegist/ProblemIcon.js"></script>

    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
    <script src="~/Content/Scripts/babel.min.js"></script>
    <script src="~/Content/Scripts/polyfill.min.js"></script>


    <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>
            <h1 class="mui-title" style="color:white">中联产品问题登记</h1>
            <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">
                        <a class="mui-control-item paddingNone mui-active " href="#all" data-id="0">
                            全部
                        </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>
                    </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-on:click="Deatil(p1.ID)"  v-for="p1 in page1.data" class='mui-card' style='margin: 0px;margin-top: 5px;'><div class='mui-card-content my'><div class="divImg" ><img v-bind:src="p1.附件路径" class="imgcover"></div><div style='flex:1'><div class='ncs'><div class='we'><div class='overf' style='-webkit-line-clamp: 1;width:150px;margin-top:10px'>{{p1.部门名?p1.部门名+"-":''}}{{p1.登记人}}</div><div style='margin-right:5px'><svg class='icon' aria-hidden='true'><use :xlink:href='p1.icon'></use></svg></div></div><div class='boxx'><p class='overf' style='-webkit-line-clamp: 1;'>{{p1.问题标题}}</p></div><div class='we'><div><p>{{"编号:"+p1.编号}}</p></div><div><p style='margin-right:5px'>{{p1.登记日期}}</p></div></div></div></div></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 v-on:click="Deatil(p2.ID)" v-for="p2 in page2.data"   class='mui-card' style='margin: 0px;margin-top: 5px;'><div class='mui-card-content my'><div class="divImg"><img v-bind:src="p2.附件路径" class="imgcover"></div><div style='flex:1'><div class='ncs'><div class='we'><div class='overf' style='-webkit-line-clamp: 1;width:150px;margin-top:10px'>{{p2.部门名?p2.部门名+"-":''}}{{p2.登记人}}</div><div style='margin-right:5px'><svg class='icon' aria-hidden='true'><use :xlink:href='p2.icon'></use></svg></div></div><div class='boxx'><p class='overf' style='-webkit-line-clamp: 1;'>{{p2.问题标题}}</p></div><div class='we'><div><p>{{"编号:"+p2.编号}}</p></div><div><p style='margin-right:5px'>{{p2.登记日期}}</p></div></div></div></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 v-on:click="Deatil(p3.ID)" v-for="p3 in page3.data" class='mui-card' style='margin: 0px;margin-top: 5px;'><div class='mui-card-content my'><div class="divImg"><img v-bind:src="p3.附件路径" class="imgcover"></div><div style='flex:1'><div class='ncs'><div class='we'><div class='overf' style='-webkit-line-clamp: 1;width:150px;margin-top:10px'>{{p3.部门名?p3.部门名+"-":''}}{{p3.登记人}}</div><div style='margin-right:5px'><svg class='icon' aria-hidden='true'><use :xlink:href='p3.icon'></use></svg></div></div><div class='boxx'><p class='overf' style='-webkit-line-clamp: 1;'>{{p3.问题标题}}</p></div><div class='we'><div><p>{{"编号:"+p3.编号}}</p></div><div><p style='margin-right:5px'>{{p3.登记日期}}</p></div></div></div></div></div></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @*下拉菜单*@
        <div id="menu-wrapper" class="menu-wrapper hidden">
            <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="sc in SearchCondition.scope" v-on:click="ToActive(SearchCondition.scope,sc)" v-bind:class="{ 'myactive': sc.active}">{{sc.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;padding-bottom:40px">
                    <h4 class="menuH4">查询条件</h4>
                        <input style="font-size:15px; width: 230px; float: left; margin-left: 19px;border-radius:20px" v-model="SearchCondition.search" id="search" type="search" class="mui-input-clear" placeholder="标题/内容/编号">
                    
                </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>
        <div id="menu-backdrop" class="menu-backdrop"></div>
    </div>
<script>
    var webSite = '@webSite';
</script>
    <script  src="~/ViewModels/QueryProblemByCustom.Mdule.js?v=1.1223"></script>