| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363 |
- <!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>
- <script src="../../js/laydate/laydate.js"></script>
- <link href="../../css/Table/table1.css" rel="stylesheet" />
- <link href="../../css/init.css" rel="stylesheet" />
- <style>
- .greetings {
- margin-top: 20px;
- }
-
- .greetings p {
- /*text-align: center;*/
- padding: 0;
- margin: 20px 0 30px 0;
- }
-
- .greetings p span {
- padding-right: 15px;
- }
-
- .greetings_content,
- .greetings_audio {
- text-indent: 2em;
- letter-spacing: 1px;
- margin-bottom: 20px;
- }
-
- .greetings_remarks {
- letter-spacing: 1px;
- margin-bottom: 20px;
- padding: 0 15px;
- }
-
- .btn-label {
- display: inline-block;
- border: 1px solid #249fea;
- text-align: center!important;
- padding: 7px 14px;
- border-radius: 2px;
- text-indent: initial;
- margin: 5px 2px;
- }
-
- .rating {
- padding-top: 0;
- }
-
- .ratingTips {
- line-height: 19px;
- }
- </style>
- </head>
- <body>
- <div class="container greetings">
- <!-- <input type="button" class="btn_gray" authorize="yes" id="HY_export" onclick="btn_export()" value="导出" /> -->
- <div class="Content_box">
- <div class="complain Shows">
- <div style="width: 100%;padding: 10px;">
- <table id="table1" data-row-style="rowStyle" data-query-params="queryParams">
- <thead>
- <tr>
- <!--<th data-align="center" data-formatter="setCode">编号</th>-->
- <th data-field="wostate" data-align="center" data-formatter="formatterState">工单状态</th>
- <!-- <th data-align="center" data-field="wostate" data-formatter="formatterOperate">操作</th> -->
- <th data-field="wocode" data-align="center">工单编号</th>
- <!--<th data-field="callid" data-align="center">通话标志ID</th>-->
- <th data-field="channel" data-align="center" data-formatter="formatterChannel">渠道来源</th>
- <th data-field="province" data-align="center" data-formatter="formatterLocation">省市</th>
- <th data-field="projectname" data-align="center">项目名称</th>
- <!--<th data-field="protypename" data-align="center">项目类型</th>-->
- <th data-field="repairreplace" data-formatter="formatterRepairPlace" data-align="center">报修科室</th>
- <th data-field="repairoom" data-align="center">报修地点</th>
- <th data-field="repairtime" data-align="center">报修时间</th>
- <!--<th data-field="repairman" data-align="center">报修人</th>-->
- <th data-field="createuser" data-align="center" data-formatter="formatterCreateuser">报修人</th>
- <th data-field="contactway" data-align="center">联系方式</th>
- <!--<th data-field="sysname" data-align="center">系统名称</th>
- <th data-field="equipname" data-align="center">设备名称</th>
- <th data-field="faulttype" data-align="center">故障类型</th>-->
- <th data-field="faultdescripe" data-align="center" data-formatter="formatterDescripe">设备名称</th>
- <!--<th data-field="appointman" data-align="center">指定维修人</th>-->
- <th data-field="" data-align="center" data-formatter="formatterToUser">接单人</th>
- <th data-field="Jwocode" data-align="center">接单班组</th>
- <th data-field="totime" data-align="center">接单时间</th>
- <th data-field="dealtime" data-align="center">处理时间</th>
- <th data-field="score" data-align="center" data-formatter="formatterScore">满意度</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- </div>
- </div>
- <script src="../../js/laydate/laydate.js"></script>
- <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
- <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
- <script src="../../Script/Common/regexs.js"></script>
- <script src="../../js/autosize/autosize.min.js"></script>
- <script>
- var deptname = decodeURIComponent(helper.request.queryString("deptname"));
- $(document).ready(function() {
- console.log('deptname', deptname)
- initTable()
- });
- function initTable() {
- //先销毁表格
- $('#table1').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $('#table1').bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/getlistbypage", //获取数据的Servlet地址
- contentType: "application/x-www-form-urlencoded",
- 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,
- // phone: $("#phone").val(), //联系电话
- // wocode: $("#wocode").val(), //工单编号
- // province: $('#province').val(),
- // city: $('#city').val(),
- // protypeid: $('#protype').val(), //项目类型
- // projectid: $('#proname').val(), //项目名称
- // buildid: $('#build').val(), //楼名称
- // floorid: $('#floor').val(), //楼层名称
- // systemid: $('#sysname').val(), //系统名称
- // equipmentid: $('#equipname').val(), //设备名称
- // usercode: $('#usercode').val(), //维修工账号
- // channel: $('#channelSource').val(), //渠道来源
- Jwocode: deptname, //班组名称
- // stime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[0], //开始时间
- // etime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[1], //结束时间
- };
- return param;
- },
- responseHandler: function(res) {
- //格式化数据
- return {
- "total": res.data && res.data.total, //总页数
- "rows": res.data && res.data.rows, //数据
- "totalcounts": res.data && res.data.totalcounts,
- "wzpcounts": res.data && res.data.wzpcounts,
- "yjdcounts": res.data && res.data.yjdcounts,
- "dpjcounts": res.data && res.data.dpjcounts,
- "ywjcounts": res.data && res.data.ywjcounts,
- "ygqcounts": res.data && res.data.ygqcounts,
- "yqxcounts": res.data && res.data.yqxcounts,
- };
- },
- onLoadSuccess: function(res) { //加载成功时执行
- if(res.totalcounts >= 100) {
- res.totalcounts = '99+';
- }
- if(res.wzpcounts >= 100) {
- res.wzpcounts = '99+';
- }
- if(res.yjdcounts >= 100) {
- res.yjdcounts = '99+';
- }
- if(res.dpjcounts >= 100) {
- res.dpjcounts = '99+';
- }
- if(res.ywjcounts >= 100) {
- res.ywjcounts = '99+';
- }
- if(res.ygqcounts >= 100) {
- res.ygqcounts = '99+';
- }
- if(res.yqxcounts >= 100) {
- res.yqxcounts = '99+';
- }
- $('.audit_all').text(res.totalcounts); //全部
- $('.audit_none').text(res.wzpcounts); //未指派
- $('.audit_order').text(res.yjdcounts); //已接单
- $('.audit_waitEvaluate').text(res.dpjcounts); //待评价
- $('.audit_complete').text(res.ywjcounts); //已完结
- $('.audit_ygqcounts').text(res.ygqcounts); //挂起
- $('.audit_yqxcounts').text(res.yqxcounts); //挂起
- $('.tool_down').authorizeOperateButton();
- //layer.msg("加载成功");
- },
- onLoadError: function() { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
- //渠道来源
- function formatterChannel(val, row) {
- var str = '';
- switch(val + '') {
- case '1':
- str = '电话';
- break;
- case '2':
- str = "安卓";
- break;
- case '3':
- str = "IOS";
- break;
- case '4':
- str = "PC端";
- break;
- default:
- str = "其他"
- }
- return str
- }
- function formatterCreateuser(val, row) {
- var str = '';
- if(row.channel == 4) {
- str = row.repairman + '<br>' + '(' + row.createusername + ')'
- } else {
- str = row.repairman + '<br>' + '(' + val + ')'
- }
- return '<span>'+ str +'</span>'
- }
- //格式化接单人
- function formatterToUser(val, row) {
- var toUserStr = '';
- var touser = row.touser;
- var tousername = row.tousername;
- // var touser = ["AA000", "AA001", "AA002"];
- // var tousername = ["张山", "李四", "王五"];
- if(touser.length < 1) {
- toUserStr = '-';
- } else {
- var toUsers = touser.concat(tousername);
- var toUsersLength = toUsers.length;
- if(toUsersLength === 2) {
- toUserStr = toUsers[0] + '-' + toUsers[1];
- } else{
- for(var i = 0; i < toUsersLength; i++) {
- if(i < toUsersLength / 2) {
- toUserStr += toUsers[i] + '-' + toUsers[toUsersLength / 2 + i] + ','
- toUserStr.substring(0, toUserStr.length - 1);
- } else {
- break;
- }
- }
- }
- }
- return toUserStr;
- }
- //格式化满意度
- function formatterScore(val){
- //1 差、2 不满意、3 一般、4 满意、5 很满意
- var stateClass = 'timeout_default';
- var stateTxt = '-';
- switch (val){
- case 1:
- stateClass = 'timeout_termination';
- stateTxt = '差';
- break;
- case 2:
- stateClass = 'timeout_refuse';
- stateTxt = '不满意';
- break;
- case 3:
- stateClass = 'timeout_wait';
- stateTxt = '一般';
- break;
- case 4:
- stateClass = 'timeout_doned';
- stateTxt = '满意';
- break;
- case 5:
- stateClass = 'timeout_success';
- stateTxt = '很满意';
- break;
- default:
- stateClass = 'timeout_default';
- stateTxt = '-';
- break;
- }
- return '<span class="' + stateClass + '">' + stateTxt + '</span>';
- }
- // 格式化报修地点
- function formatterRepairPlace(val, row){
- return val + ' ' + (row.repairoom || '')
- }
- //故障说明
- function formatterDescripe(val) {
- if(val) {
- //var strD = decodeURIComponent(val);
- if(val.length > 12) {
- val = val.substring(0, 12) + '...';
- }
- return val;
- }
- }
- //省市
- function formatterLocation(val, row) {
- return '<div>' + val + '' + row.city + '</div>'
- }
- //工单状态
- function formatterState(val, row) {
- var str = '',
- className = '';
- switch(val) {
- case 0:
- str = '新工单';
- className = 'state_audit_wait';
- break;
- case 1: //已接收
- str = "已接单";
- className = 'state_audit_doned';
- break;
- case 2:
- str = "已处理";
- className = 'state_audit_refuse';
- break;
- case 3:
- str = "已完结";
- className = 'state_audit_done';
- break;
- case 7:
- str = "挂起";
- className = 'state_audit_revoke';
- break;
- case 8:
- str = "已取消";
- className = 'state_audit_hang';
- break;
- default:
- str = "其他";
- className = 'state_audit_other';
- break;
- }
- return '<a href="javaScript:;" class="state_audit ' + className + '">' + str + '</a>'
- }
- //导出
- // function btn_export() {
- // window.location.href = huayi.config.callcenter_url + "equipmentapi/api/WoRepairBase/exportexcelwcode?Jwocode=" + deptname
- // }
- </script>
- </body>
- </html>
|