ZLPMS/PMS.WebUI/Views/ComplaintManage/ComplaintList.cshtml


@{
    ViewBag.Title = "ComplaintList";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<link href="~/Content/Scripts/plugins/mui/css/mui.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/mui/js/mui.js"></script>
<link href="~/Content/Scripts/plugins/mui/css/mui.imageviewer.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/mui/js/mui.zoom.js"></script>
<script src="~/Content/Scripts/plugins/mui/js/mui.previewimage.js"></script>
<link href="~/Content/Style/ComplaintManage/ComplaintList.css" rel="stylesheet" />
<script src="~/ViewModels/ComplaintList.module.js"></script>
<div class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'center'">
        <div id="tb" style="padding: 5px; height: auto">

            <div style="margin-bottom: 5px">
                <a href="#" id="btn-Deal" class="easyui-linkbutton" data-options="iconCls:'fa fa-check-square-o color_blue',plain:true">处理</a>
                <a href="#" id="btn-Distribution" class="easyui-linkbutton" data-options="iconCls:'fa fa-exchange color_blue',plain:true">分配</a>
                <a href="#" id="btn-default" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">重置</a>
            
               
                <a style="float: right"> <input class="easyui-checkbox" type="checkbox" id="myprob" label="仅显示我收到的" labelPosition="after" labelWidth="100"></a>
            </div>
            <div style="min-width:950px">
                从:
                <input id="StartTime" class="easyui-datebox" style="width: 110px" />
                到:
                <input id="EndTime" class="easyui-datebox" data-options="showSeconds:true" style="width: 110px" />


                <input id="searchs" class="easyui-searchbox" data-options="prompt:'输入投诉标题',searcher:doSearch" style="width: 150px" />
                <a style="float: right">
                    <span style="margin-left: 5px">处理状态:</span>
                    <select id="Status" class="easyui-combobox" panelheight="auto" editable="false" multiple="true" style="width: 100px">
                        <option value="0">未处理</option>
                        <option value="1">处理中</option>
                        <option value="2">已处理</option>
                    </select>
                </a>
                <a style="float: right">
                    <span style="margin-left: 5px">投诉种类:</span>
                    <input id="ComplaintType" class="easyui-combobox" panelheight="auto" style="width: 100px" />
                </a>
                <a style="float: right">
                    <span style="margin-left: 5px">渠道:</span>
                    <input id="Channel" class="easyui-combotree" panelheight="200px" style="width: 150px" />


                </a>
               
            </div>

        </div>
  

            <table id="ComplaintList"></table>
        </div>
<div data-options="region:'east',split:true" style="width: 300px;">
    <div class="easyui-tabs" data-options="fit:true,border:false">
        <div id="ProcessStatusAdd" title="流程状况">
            <div style="margin-left:10px;margin-top:10px;">
                <ul class="layui-timeline" id="timeLine"></ul>
            </div>
        </div>
        <div title="过程沟通" id="cm" style="background-color: #F2F2F2;">
            <div style="padding: 10px; background-color: #F2F2F2;">
                <div class="layui-row layui-col-space8">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-tags" aria-hidden="true" style="color:#01AAED;margin-right:5px"></i>详细描述</div>
                            <div class="layui-card-body" id="ComplaintDetail">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="padding: 10px; background-color: #F2F2F2;" id="Communicate">
                <div class='layui-row layui-col-space8' id="Communication">

                </div>

            </div>

            <div id="co" style="text-align:center;vertical-align:central;">
                <input id="SubmitCmt" style="width:80%;text-align:center;vertical-align:central;" class="easyui-textbox" data-options="labelPosition:'top' ,prompt:'输入沟通内容'" />
            </div>
        </div>

    </div>
</div>
<div data-options="region:'south',split:true" style="height: 160px;">
    <div id="tab" class="easyui-tabs" data-options="fit:true,border:false">
        <div title="投诉人信息">
            <table id="ComplaintPerson"></table>
        </div>
        <div title="图片及附件">
            <div class="ImgBox" id="ImgBox">
            </div>
        </div>

    </div>

</div>
</div>
<script>
    var Model = new viewModel();
    Model.init();
    mui.previewImage();

    layui.use(['element'], function () {
        var element = layui.element;

    });



</script>