@using Learun.Application.Base.SystemModule
@using Learun.Application.WorkFlow

@{
    ViewBag.Title = "服务中心";
    Layout = "~/Views/SSOSystem/_LayoutSSO.cshtml";
}
<link href="~/Content/sso/css/style.css" rel="stylesheet" />
<!--  / banner  -->
<div class="banner">
    <img src="~/Content/sso/images/ban2.jpg" alt="" />
</div>
<!--  / banner  -->
<!--  / warpper  -->
<div class="warpper">

    <!--  / index_sec1  -->
    <div class="service_sec1 index_sec">
        <div class="index_box">
            <div class="serSec1Title">
                <img src="~/Content/sso/images/saiXuan.png" alt="" /> 服务筛选
            </div>
            <div class="serSearch">
                <span class="serTxt">搜关键字：</span>
                <div class="headerTopBox">
                    <div class="headerTopList">
                        <span id="qtype" qt="1">按名称查询</span><i class="fa fa-angle-down"></i>
                        <ul id="querytype">
                            <li><a qt="1">按名称查询</a></li>
                            <li><a qt="2">按编号查询</a></li>
                        </ul>
                    </div>
                    <input type="text" placeholder="请输入您需要的服务......" id="txtquery" value="@Request.QueryString["keyword"]" />
                    <i class="fa fa-search searchBtn" id="btnquery"></i>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="serSearch">
                <span class="serTxt">服务类型：</span>
                <a class="@(string.IsNullOrEmpty(Request.QueryString["type"])?"active":"")" href="/SSOSystem/UserService">全部</a>
                @{
                    List<DataItemDetailEntity> flowtypelist = ViewBag.FlowType;
                    List<WfProcessInstanceEntity> flowlist = ViewBag.FlowList;
                }
                @for (int i = 0; i < flowtypelist.Count; i++)
                {
                    <a class="@(Request.QueryString["type"]==flowtypelist[i].F_ItemValue?"active":"")" href="/SSOSystem/UserService?type=@flowtypelist[i].F_ItemValue">@flowtypelist[i].F_ItemName</a>
                }
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!--  / index_sec1  -->

    <div class="serBox">
        @{
            if (!string.IsNullOrEmpty(Request.QueryString["type"]))
            {
                flowtypelist = flowtypelist.Where(m => m.F_ItemValue == Request.QueryString["type"]).ToList();
            }
        }
        @for (int i = 0; i < flowtypelist.Count; i++)
        {
            <div class="index_sec index_sec@(i%2==0?"1":"2")">
                <div class="index_box">
                    <div class="public_title">
                        @flowtypelist[i].F_ItemName <span>@flowtypelist[i].F_Description</span> <a href="/Home/Index?autoopen=021a59b0-2589-4f9e-8140-6052177a967c" class="publicBtn" target="_blank">更多<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <div class="inSec1Row">
                        @{
                            var flowitem = flowlist.Where(m => m.F_Category == flowtypelist[i].F_ItemValue).ToList();
                            if (!string.IsNullOrEmpty(Request.QueryString["keyword"]))
                            {
                                if (Request.QueryString["qt"] == "1")
                                {
                                    flowitem = flowitem.Where(m => m.F_Name.Contains(Request.QueryString["keyword"])).ToList();
                                }
                                else
                                {
                                    flowitem = flowitem.Where(m => m.F_Code.Contains(Request.QueryString["keyword"])).ToList();
                                }
                            }
                        }
                        @for (int j = 0; j < flowitem.Count; j++)
                        {
                            int m = 5;
                            if (j < 5)
                            {
                                m = m - j;
                            }
                            else
                            {
                                m = 0;
                            }
                            <div class="inSec1Col4">
                                <a href="/Home/Index?autoopen=021a59b0-2589-4f9e-8140-6052177a967c&id=@flowitem[j].F_Id&shcemeCode=@flowitem[j].F_Code" target="_blank">
                                    <div class="inSec1Box">
                                        <div class="inSec1Top">
                                            <div class="inSec1TopLine"></div>
                                            <div class="inSec1TopImg"><img src="~/Content/sso/images/inSec1-1.png" alt="" /></div>
                                            <div class="inSec1TopTxt">
                                                <div>@flowitem[j].F_Name</div>
                                                <div> 编号：@flowitem[j].F_Code</div>
                                            </div>
                                        </div>
                                        <div class="inSec1Bottom">
                                            <div class="inSec1Star">
                                                @for (int k = 0; k < m; k++)
                                                {
                                                    <i class="fa fa-star"></i>
                                                }
                                                @for (int n = 0; n < 5 - m; n++)
                                                {
                                                    <i class="fa fa-star-o"></i>
                                                }
                                            </div>
                                            <div class="inSec1Txt">@flowitem[j].F_Description</div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        }
                    </div>
                </div>
            </div>
        }
    </div>

</div>
<!--  / warpper  -->
<script type="text/javascript">
    $(function() {
        $('#topmenu').find('li').eq(2).addClass('active');
        $("#querytype").find('a').on('click',
            function() {
                $('#qtype').text($(this).text());
                $('#qtype').attr('qt', $(this).attr('qt'));
            });
        var paramqt = '@Request.QueryString["qt"]';
        if (!!paramqt) {
            $('#qtype').text($('#querytype').find('a[qt="' + paramqt + '"]').text());
            $('#qtype').attr('qt', paramqt);
        }
        $('#btnquery').on("click",
            function() {
                if ($('#txtquery').val()) {
                    location.href = "/SSOSystem/UserService?type=@Request.QueryString["type"]&keyword=" + encodeURI($('#txtquery').val())+"&qt=" + $('#qtype').attr('qt');
            }
        });
    });
</script>