zhengbingbing
/
ShiHe_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的任务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link href="../css/Table/table1.css" rel="stylesheet" />
    <link href="../css/init.css" rel="stylesheet" />
    <style>
        table td {
            word-break: break-all;
            word-wrap: break-word;
        }

        table th {
            min-width: 120px;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
    	 <div class="daoHang clearfix">
				<div class="dhLeft" >
					<sapn><i class="syIcon"></i>位置：<a href="javaScript:;" id="ReIndex">首页</a>&gt;<a href="javaScript:;">外呼计划</a>&gt;<a href="" style="color: #000;">我的任务</a></sapn>
				</div>
			</div>
        <div class="th-box">
            <div class="th-bar">
               
                <div class="seach-box ">
                    <ul>
                        <li>关键字：<input class="photo x-color" type="text" id="key" placeholder="请输入电话号码" /></li>
                        <li>
                            <a class="sc_btn  Block" id="sc_btns">搜索</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div style="width: 100%;padding: 10px;">
            <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                <thead>
                    <tr>
                        <th data-field="state" data-checkbox="true"></th>
                        <th data-field="F_Phone" data-align="center"data-formatter="Code">号码</th>
                        <th data-field="F_UserName" data-align="center">分配坐席</th>
                        <th data-field="F_HJJGName" data-align="center">呼叫结果</th>
                        <th data-field="ExpandDatField1" data-align="center">调查时间</th>
                    </tr>
                </thead>
                <tbody id="tbody"></tbody>
            </table>
        </div>
    </div>

    <script>
        
        $(document).ready(function () {
        	
        	initTable();
            /*搜索*/
            $("#sc_btns").click(function () {
                initTable();
            })
        })
        function initTable() {
            //先销毁表格
            $('#list').bootstrapTable('destroy');
            //初始化表格,动态从服务器加载数据
            $("#list").bootstrapTable({
                method: "get",  //使用get请求到服务器获取数据
                url: huayi.config.callcenter_url + "CallOutPlan/GetMyTaskList", //获取数据的Servlet地址
                striped: true,  //表格显示条纹
                pagination: true, //启动分页
                pageSize: 10,  //每页显示的记录数
                pageNumber: 1, //当前第几页
                pageList: [10, 20, 50, 100],  //记录数可选列表
                search: false,  //是否启用查询
                showColumns: false,  //显示下拉框勾选要显示的列
                showRefresh: false,  //显示刷新按钮
                sidePagination: "server", //表示服务端请求
                //设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
                //设置为limit可以获取limit, offset, search, sort, order
                queryParamsType: "undefined",
                queryParams: function queryParams(params) {   //设置查询参数
                    var param = {
                        pageindex: params.pageNumber,
                        pagesize: params.pageSize,
                        key: $("#key").val(),
                        settime: $("#settime").val(),
                        token: $.cookie("token")
                    };
                    return param;
                },
                onLoadSuccess: function () {  //加载成功时执行
                    //layer.msg("加载成功");
                },
                onLoadError: function () {  //加载失败时执行
                    //layer.msg("加载数据失败", { time: 1500, icon: 2 });
                }
            });
        }

///操作

     function Code(val,row){
     	return'<div><a onclick="XX('+row.F_Id+')">'+row.F_Phone+'</a></div>'
   
     }
     //详情
      function XX(str){
      	console.log(str);
      	  	 		layer.open({
		type: 2,
		content: "../OutboundMessage/LookMessage.html?Str="+str, //iframe的url，no代表不显示滚动条
		title: '任务信息',
		maxmin: true, //开启最大化最小化按钮
     	id: 'LAY_layuipro2',//防止重复弹出
		area: ['86%', '88%'], //宽高
	});
      }
//

    </script>

</body>

</html>