| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584 |
- <!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="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
- <link href="../css/init.css" rel="stylesheet" />
- <link href="./css/Search.css" rel="stylesheet">
- </head>
- <style>
- /*.fixed-table-body {
- transform: scaleY(-1);
- }
-
- .fixed-table-loading {
- transform: scaleY(-1);
- top: 0 !important;
- }
-
- #workorderlist {
- transform: scaleY(-1);
- }*/
- </style>
- <body class="gray-bg">
- <div class="daoHang clearfix">
- <div class="dhLeft">
- <sapn><i class="syIcon"></i>位置:
- <a href="javaScript:;" id="ReIndex">首页</a>>
- <a href="javaScript:;">工单管理</a>>
- <a href="" class="nowPosition">综合查询</a>
- </sapn>
- </div>
- <div class="dhRight">
- <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
- </div>
- </div>
- <div class="wrapper wrapper-content animated fadeInRight">
- <div class="toolBox clearfix">
- <div class="pull-left">
- <div class="form-inline">
- <div class="time-box form-group">
- <!--<i class="tub fa fa-calendar"></i>-->
- <input class="form-control search_time" type="text" id="sc_time" placeholder="请选择起止时间">
- </div>
- <div class="form-group">
- <select class="form-control" id="sc_state" data-live-search="true">
- <option value="-1">请选择工单状态</option>
- <option value="0">待指派</option>
- <option value="1">待接单</option>
- <option value="2">待处理</option>
- <option value="3">已退回</option>
- <option value="4">异常退回</option>
- <option value="5">处理中</option>
- <option value="6">已完结</option>
- <option value="10">已处理</option>
- <option value="12">待回访</option>
- </select>
- </div>
- <div class="form-group">
- <select class="form-control" id="sc_source" data-live-search="true">
- <option value="0">请选择工单来源</option>
- <option value="1">电话</option>
- <option value="2">微信业务员</option>
- <option value="3">微信客户</option>
- <option value="4">官网</option>
- </select>
- </div>
- <div class="form-group">
- <select class="form-control" id="sc_type" data-live-search="true">
- <option value="0">请选择工单类型</option>
- <option value="1">咨询</option>
- <option value="2">投诉</option>
- <option value="3">抽检</option>
- <option value="4">建议及其他</option>
- <option value="5">业务协办</option>
- </select>
- </div>
- <!--<div class="form-group">
- <select class="form-control" id="Wenti">
- <option value="">请选择问题类别</option>
- </select>
- </div>-->
- <div class="form-group">
- <select class="form-control" id="cat1" name="cat" data-live-search="true">
- <option value="">请选择问题类别1</option>
- </select>
- </div>
- <div class="form-group cat2">
- <select class="form-control" id="cat2" data-live-search="true">
- <option value="">请选择问题类别2</option>
- </select>
- </div>
- <div class="form-group cat3">
- <select style="width: 100%;float: none;" id="cat3" class="selectpicker show-tick form-control" title="请选择问题类别3" multiple data-live-search="true">
- </select>
- <!--<select class="form-control" id="cate" data-live-search="true">
- <option value="">请选择问题类别3</option>
- </select>-->
- </div>
- <div class="form-group">
- <select class="form-control" id="sc_shdi" data-live-search="true">
- </select>
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_key" placeholder="请输入姓名、电话" />
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_ke" placeholder="请输入工单号" />
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_tian" placeholder="请输入创建人" />
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_Chanp" placeholder="请输入产品名称" />
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_Hfren" placeholder="请输入回访人" />
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_Hfaieg" placeholder="请输入回访结果" />
- </div>
- <div class="form-group">
- <input type="text" class="form-control" id="sc_Ques" placeholder="请输入问题描述" />
- </div>
- </div>
- </div>
- <div class="pull-right tool_bars">
- <button class="btns" id="sc_btns">搜索</button>
- <a class="btns" onclick="dcexcel(this)">导出</a>
- </div>
- </div>
- <div style="width: 100%;padding: 10px;" class="bottomScroll">
- <table id="workorderlist" class="rowStyle" data-height="472" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
- <thead>
- <tr>
- <th data-field="F_WorkOrderCode" data-formatter="formatterOrderId" data-align="center">工单编号</th>
- <th data-field="F_State" data-formatter="formatterState" data-align="center">外线工单状态</th>
- <th data-field="F_State2" data-formatter="formatterState2" data-align="center">内线工单状态</th>
- <th data-field="F_Source" data-align="center" data-formatter="formatter">工单来源</th>
- <th data-field="F_Type" data-align="center" data-formatter="order">工单类型</th>
- <th data-field="F_CusName" data-align="center">姓名</th>
- <th data-field="F_CusPhone" data-formatter="helper.filter.cutTel" data-align="center">客户电话</th>
- <th data-field="F_Description" data-width='240' data-formatter="formatterDetails" data-align="center">问题描述</th>
- <th data-field="F_TS_Category" data-align="center">产品名称</th>
- <th data-field="CreateName" data-align="center">创建人</th>
- <!--<th data-field="F_DealContent" data-formatter="formatterDetail" data-align="center">指派说明</th>-->
- <th data-field="F_IncidentProvince" data-align="center">事发地</th>
- <th data-field="F_DealBy" data-align="center">接收人</th>
- <!--<th data-field="F_VisitRemarks" data-formatter="formatterDetail" data-align="center">回访备注</th>-->
- <th data-field="F_SC_PreliminaryOpinion" data-formatter="formatterRechangeGoods" data-align="center">退换货</th>
- <th data-field="ID" data-formatter="formayizhipai" data-align="center">操作工单</th>
- </tr>
- </thead>
- </table>
- </div>
- <div id="titbox"></div>
- <!--查看详情-->
- <div id="order_details" class="ckxq Hidens"></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="../js/mousewheel/jquery.mousewheel.js"></script>
- <script src="../js/jquery.drag.js"></script>
- <script src="../js/download/download.js"></script>
- <!--<script src="../js/bootstrap-select.js"></script>-->
- <script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
- <script src="./js/WorkOrder.js"></script>
- <script src="./js/orderOperation.js"></script>
- <script src="./js/AddWorkOrder.js"></script>
- <!--<script src="./js/AddWorkOrder.js"></script>-->
- <script>
- var cateArr = []
- $(document).ready(function() {
- getcomprehensive()
- XSJD($("#sc_shdi"));
- })
- $("#sc_btns").click(function() {
- getcomprehensive();
- });
- $("#sc_state").change(function() {
- getcomprehensive();
- });
- $("#sc_source").change(function() {
- getcomprehensive();
- });
- $("#sc_type").change(function() {
- getcomprehensive();
- });
- $("#Wenti").change(function() {
- getcomprehensive();
- });
- $("#sc_shdi").change(function() {
- getcomprehensive();
- });
- $("#cat1").change(function() {
- getcomprehensive()
- })
- $("#cat2").change(function() {
- getcomprehensive()
- })
- // $("#catego").change(function() {
- // WTLB33($("#cateee")); //问题类型3
- // getcomprehensive()
- // })
- $("#cat3").change(function() {
- cateArr = $('#cat3').val()
- getcomprehensive()
- })
- //综合查询
- function getcomprehensive() {
- //先销毁表格
- $('#workorderlist').bootstrapTable('destroy');
- //初始化表格,动态从服务器加载数据
- $("#workorderlist").bootstrapTable({
- method: "get", //使用get请求到服务器获取数据
- url: huayi.config.callcenter_url + "WorkOrderNew/GetComprehensive", //获取数据的Servlet地址
- contentType: 'application/x-www-form-urlencoded',
- striped: true, //表格显示条纹
- pagination: true, //启动分页
- pagesize: 5, //每页显示的记录数
- pageNumber: 1, //当前第几页
- pageindex: [5, 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,
- state: $('#sc_state').val(), //int
- keywords: $('#sc_key').val(), //否 string 模糊搜索(客户姓名,电话,房间号,工单号)keyword
- code: $('#sc_ke').val(),
- salebase: $("#sc_shdi").val(),
- // question: $("#Wenti").val(),
- source: $('#sc_source').val(), //否 string 工单来源
- type: $('#sc_type').val(), //否 string 工单类型
- starttime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0], //否 string 工单起止时间
- endtime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1], //否 string 工单起止时间
- createby: $('#sc_tian').val(),
- category: $("#sc_Chanp").val(), //产品名称
- visitby: $("#sc_Hfren").val(), //回访人
- visitresult: $("#sc_Hfaieg").val(), //回访结果
- description: $("#sc_Ques").val(), //回访结果
- question: $("#cat1").val(),
- question1: $("#cat2").val(),
- // question: $("#cat1").find("option:selected").attr("data-1"),
- // question1: $("#cat2").find("option:selected").attr("data-2"),
- // question: $("#cate").find("option:selected").attr("data-3"),
- question2: cateArr.toString(),
- token: $.cookie("token"),
- };
- return param;
- },
- onLoadSuccess: function() { //加载成功时执行
- //layer.msg("加载成功");
- authorizeOperateButton(); //获取 userRoleCode 判断按钮权限
- },
- onLoadError: function() { //加载失败时执行
- //layer.msg("加载数据失败", { time: 1500, icon: 2 });
- }
- });
- }
- function order(val, row) {
- var stateStr = '-';
- var stateClass = '';
- switch(val) { //是否有效工单项(0有效,1无效)
- case 1:
- stateStr = '咨询';
- stateClass = 'audit_done';
- break;
- case 2:
- stateStr = '投诉';
- stateClass = 'audit_revoke';
- break;
- case 3:
- stateStr = '抽检';
- stateClass = 'audit_done';
- break;
- case 4:
- stateStr = '建议及其他';
- stateClass = 'audit_revoke';
- break;
- case 5:
- stateStr = '业务协办';
- stateClass = 'audit_revoke';
- break;
- default:
- break;
- }
- if(row.F_QuestionType) {
- return '<div class="' + stateClass + '">' + stateStr + "(" + row.F_QuestionType + ")" + '</div>';
- } else {
- return '<div class="' + stateClass + '">' + stateStr + '</div>';
- }
- }
- function formatterRechangeGoods(val) {
- if(val == '退换货') {
- return '<a href="javascript:;">是</a>'
- } else {
- return '否'
- }
- }
- //格式化操作 (已指派)
- function formayizhipai(val, row) {
- // var scBtn = "";
- if(localStorage.getItem('F_UserCode') == '8002' || localStorage.getItem('F_UserCode') == '8000') {
- return '<ul class="tool_downs">' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_delete_' + row.ID + '" onclick="btn_delete(\'' + row.F_ID + '\')" title="删除">删除</a></li>' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_edit_' + row.ID + '" onclick="btn_edit(\'' + row.F_ID + '\',1)" title="修改">修改</a></li>' +
- '</ul>'
- } else if($.cookie("userRoleCode") == "JDYPTZX") {
- return '<ul class="tool_downs">' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_edit_' + row.ID + '" onclick="btn_edit(\'' + row.F_ID + '\',1)" title="修改">修改</a></li>' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
- '</ul>'
- } else {
- return '<ul class="tool_downs">' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
- '<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +
- '</ul>';
- }
- }
- function dcexcel(obj) {
- var orderMenu = top.$("iframe:visible")[0].src.split('/WorkOrder/')[1];
- //console.log(orderMenu);
- //工单状态(0待指派 1待接单的 2待完成的(待处理) 3已完成的 4我参与的 5超期工单)
- var state = ''; //否 string 工单状态
- switch(orderMenu) {
- case "WorkOrderAppoint.html": //待指派
- state = '0';
- break;
- case "WorkOrderReceive.html": //待接单
- state = '1';
- break;
- case "WorkOrderDispose.html": //待处理
- state = '2';
- break;
- case "WorkOrderParty.html": //已处理
- state = '3';
- break;
- case "WorkOrderPartake.html": //已参与
- state = '10';
- break;
- case "WorkOrderOverdue.html": //超期
- state = '5';
- break;
- case "approval_list.html": //超期
- state = '8';
- break;
- case "WorkOrderEmployees.html": //员工工单
- state = '14';
- break;
- case "WorkOrderClient.html": //客户反馈
- state = '9';
- break;
- default:
- break;
- }
- var url = huayi.config.callcenter_url + "WorkOrderNew/GetComprehensive?token=" + $.cookie("token");
- url += "&keywords=" + $("#sc_key").val();
- url += "&state=" + $("#sc_state").val();
- url += "&code=" + $('#sc_ke').val();
- url += "&salebase=" + $('#sc_shdi').val();
- url += "&question=" + $("#Wenti").val();
- url += "&source=" + $("#source").val();
- url += "&starttime=" + ($('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0]);
- url += "&endtime=" + ($('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1]);
- url += "&type=" + $("#sc_type").val();
- url += "&createby=" + $("#sc_tian").val();
- url += "&category=" + $("#sc_Chanp").val();
- url += "&visitby=" + $("#sc_Hfren").val();
- url += "&visitresult=" + $("#sc_Hfaieg").val();
- url += "&description=" + $("#sc_Ques").val();
- url += "&isdc=1";
- obj.href = url;
- }
- $('#sc_type').on('change', function() {
- console.log($('#sc_type').val())
- if($('#sc_type').val() == '1') {
- ZXWTLB($("#cat1"))
- $('.cat2').hide()
- $('.cat3').hide()
- }
- if($('#sc_type').val() == '2') {
- $('.cat2').show()
- $('.cat3').show()
- WTLB1($("#cat1"))
- $("#cat1").on('change', function() {
- console.log(22)
- WTLB2($("#cat2"))
- })
- $("#cat2").on('change', function() {
- WTLB3($("#cat3"))
- })
- }
- if($('#sc_type').val() == '3') {
- $('.cat2').hide()
- $('.cat3').hide()
- WTLBCJ($("#cat1"))
- }
- if($('#sc_type').val() == '4') {
- $('.cat2').hide()
- $('.cat3').hide()
- ZXWTLB($("#cat1"))
- }
- if($('#sc_type').val() == '5') {
- $('.cat2').hide()
- $('.cat3').hide()
- YWXBWTLB($("#cat1"))
- }
- })
- //咨询问题类别
- function ZXWTLB(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionNameType", {
- "token": $.cookie("token"),
- type: 3
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.text + "'data-1='" + n.text + "'>" + n.text + "</option>").appendTo(obj);
- })
- }
- })
- }
- //抽检问题类别
- function WTLBCJ(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionType", {
- "token": $.cookie("token"),
- type: 2,
- pid: 0,
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.text + "'data-cj='" + n.text + "'>" + n.text + "</option>").appendTo(obj);
- })
- }
- })
- }
- //业务协办问题类别
- function YWXBWTLB(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionType", {
- "token": $.cookie("token"),
- type: 5,
- // pid:0,
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.text + "'data-1='" + n.text + "'>" + n.text + "</option>").appendTo(obj);
- })
- }
- })
- }
- //投诉问题类别
- //问题类别1
- function WTLB1(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择问题类别</option>');
- $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionType", {
- "token": $.cookie("token"),
- type: 1,
- pid: 0,
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.text + "'data-1='" + n.id + "'>" + n.text + "</option>").appendTo(obj);
- })
- }
- })
- }
- //问题类别2
- function WTLB2(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionType", {
- "token": $.cookie("token"),
- type: 1,
- pid: $("#cat1").find("option:selected").attr("data-1"),
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.text + "'data-2='" + n.id + "'>" + n.text + "</option>").appendTo(obj);
- })
- }
- })
- }
- //问题类别3
- function WTLB3(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择</option>');
- $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionType", {
- "token": $.cookie("token"),
- type: 1,
- pid: $("#cat2").find("option:selected").attr("data-2"),
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.text + "'data-3='" + n.text + "'>" + n.text + "</option>").appendTo(obj);
- })
- $(obj).selectpicker('refresh');
- $(obj).selectpicker('render');
- }
- })
- }
- //问题类别3
- // function WTLB33(obj) {
- // obj.empty();
- // // obj.append('<option selected="selected" value="">请选择</option>');
- // $.getJSON(huayi.config.callcenter_url + "WorkOrder/GetQuestionType", {
- // "token": $.cookie("token"),
- // type: 1,
- // pid: $('#catego').val(),
- // }, function(data) {
- // if(data.state.toLowerCase() == "success") {
- // var content = data.data;
- // $(content).each(function(i, n) {
- // $("<option value='" + n.text + "'data-3='" + n.text + "'>" + n.text + "</option>").appendTo(obj);
- // })
- // $(obj).selectpicker('refresh');
- // $(obj).selectpicker('render');
- // }
- // })
- // }
- //销售基地
- function XSJD(obj) {
- obj.empty();
- obj.append('<option selected="selected" value="">请选择销售基地</option>');
- $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListByFlag", {
- "token": $.cookie("token"),
- flag: "XSJD",
- }, function(data) {
- if(data.state.toLowerCase() == "success") {
- var content = data.data;
- $(content).each(function(i, n) {
- $("<option value='" + n.F_Name + "'>" + n.F_Name + "</option>").appendTo(obj);
- })
- }
- })
- }
- </script>
- </body>
- </html>
|