fix

WebUI/CallCenterWeb.UI/Appeal/AddAppeal.html

@@ -33,13 +33,13 @@
                     <tr>
                         <th class="Importent">标题:</th>
                         <td colspan="7">
-                            <input id="title" type="text" style="width: 100%;" />
+                            <input id="title" class="form-control" type="text" style="width: 100%;" />
                         </td>
                     </tr>
                     <tr>
                         <th class="Importent">内容:</th>
                         <td colspan="7">
-                            <textarea data-adaptheight id="content" name="" rows="" cols=""
+                            <textarea data-adaptheight id="content" class="form-control" name="" rows="3" cols=""
                                 style="width: 100%;"></textarea>
                         </td>
                     </tr>
@@ -64,45 +64,39 @@
                     </tr>-->
                     <tr>
                         <th>处理方式:</th>
-                        <td colspan="7">
-                            <input type="radio" value="1" name="banli" class="Nows" />当即办理
-                            <input checked="true" type="radio" value="0" name="banli" class="Nows_" />网络转办
-                            <input id="threeWayCall" type="checkbox"  value="1" name="" class="Nows_" />三方通话
+                        <td colspan="">
+                            <input type="radio" value="1" name="banli" class="Nows_ radioStyle" />当即办理
+                            <input checked="true" type="radio" value="0" name="banli" class="Nows_ radioStyle" />网络转办
+                            <input id="threeWayCall" type="checkbox"  value="1" name="" class="Nows_ radioStyle" />三方通话
                         </td>
-                    </tr>
-                    <tr class="Nows_box Hidens">
-                        <th>办理内容:</th>
-                        <td colspan="7">
-
-                            <input type="text" style="width: 100%;" id="result" />
+                        <th>来电号码密级:</th>
+                        <td>
+                            <input class="radioStyle" type="radio" name="mj" id="" value="0" />普通
+                            <input class="radioStyle" type="radio" name="mj" id="" value="1" checked="checked" />保密
                         </td>
                     </tr>
                     <tr>
                         <th class="">来电人:</th>
                         <td>
-                            <input type="text" id="cusname" />
+                            <input type="text" id="cusname" class="form-control" />
                         </td>
                         <th>性别:</th>
                         <td>
-                            <select class="select_" id="cussex">
+                            <select class="form-control" id="cussex">
                                 <option value="">请选择</option>
                                 <option value="0">男</option>
                                 <option value="1">女</option>
                             </select>
                         </td>
-                        <th>来源:</th>
-                        <td>
-                            <select class="select_" id="source"></select>
-                        </td>
                         <th class="Importent">来电号码:</th>
                         <td>
-                            <input type="text" id="cusphone" />
+                            <input type="text" id="cusphone" class="form-control" />
                         </td>
                     </tr>
                     <tr>
                         <th>类型:</th>
                         <td>
-                            <select class="select_" id="type"></select>
+                            <select class="form-control" id="type"></select>
                         </td>
                         <th class="Importent">反映类别:</th>
                         <td style="position: relative">
@@ -118,24 +112,25 @@
                                 <ul id="sponsor"></ul>
                             </div>
                         </td>
-                        <th>来电号码密级:</th>
-                        <td>
-                            <input type="radio" name="mj" id="" value="0" />普通
-                            <input type="radio" name="mj" id="" value="1" checked="checked" />保密
-                        </td>
                         <th class="Importent">紧急程度:</th>
                         <td>
-                            <select class="select_" id="level">
+                            <select class="form-control" id="level">
                                 <!--<option value="0">选择</option>-->
                                 <option value="1">普通</option>
                                 <option value="2">紧急</option>
                             </select>
                         </td>
                     </tr>
+                    <tr>
+                        <th>来源:</th>
+                        <td>
+                            <select class="form-control" id="source"></select>
+                        </td>
+                    </tr>
                     <tr class="leaderCharge-wrapper" style="display: none;">
                         <th class="">分管领导:</th>
                         <td>
-                            <select class="select_" id="leaderCharge">
+                            <select class="form-control" id="leaderCharge">
                                 <option value="">请选择</option>
                                 <option value="省长">省长</option>
                                 <option value="市长">市长</option>
@@ -145,7 +140,7 @@
                     <tr class="phonetype-wrapper">
                         <th class="">电话类别:</th>
                         <td>
-                            <select class="select_" id="phonetype">
+                            <select class="form-control" id="phonetype">
                                 <option value="">请选择</option>
                             </select>
                         </td>
@@ -158,19 +153,23 @@
                             </div>
                         </td>
                     </tr>
-                    <tr>
-                        <th>事件地址:</th>
+                    <tr class="Nows_box Hidens">
+                        <th>直办内容:</th>
                         <td colspan="7">
-                            <select class="select_" id="sourcearea"></select>
+                            <textarea id="result" class="form-control" name="" rows="3" cols=""
+                            style="width: 100%;"></textarea>
+                            <!-- <input type="text" style="width: 100%;" id="result" class="form-control" /> -->
                         </td>
                     </tr>
                     <tr>
-                        <th class="Importent"></th>
-                        <td colspan="7">
-                            <input id="sourceaddress" type="text" placeholder="输入详细地址"
-                                style="width:50%; padding-left: 15px;" />
+                        <th>事发区域:</th>
+                        <td>
+                            <select class="form-control" id="sourcearea" style="display: inline-block;"></select>
+                        </td>
+                        <td colspan="2">
+                            <input id="sourceaddress" class="form-control" type="text" placeholder="输入详细地址"
+                                style="padding-left: 15px;" />
                         </td>
-
                     </tr>
                     <tr>
                         <th class="Importent"></th>
@@ -275,7 +274,7 @@
                     data: {
                         cusname: $("#cusname").val(), //=来电人姓名
                         cussex: $("#cussex").val(),
-                        cusphone: $("#cusphone").val(), //=来电人电话
+                        cusphone: $("#cusphone").val().replace(/\s+/g, ""), //=来电人电话
                         email: $("#email").val(),
                         zipcode: $("#zipcode").val(),
                         conphone: $("#conphone").val(),
@@ -289,6 +288,7 @@
                         source: $("#source").val(), //=来源
                         splituser: $("#leaderCharge").val(), // 分管领导
                         isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
+                        business: threeWayCall,
                         result: $('#result').val(),
                         keys: $("#PID").val(), //=关键词id(多个用英文逗号,隔开)
                         type: $("#type").val(), //=类型
@@ -296,7 +296,6 @@
                         level: $('#level').val(), //=(1普通2紧急)
                         issubmit: submit, //=（0保存1保存并提交）
                         phonetype: $("#source").val() === "1" ? $("#phonetype").val() : "", // 电话类别
-                        business: threeWayCall,
                         token: $.cookie("token")
                     },
                     success: function (data) {

WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html

@@ -9,248 +9,7 @@
     <link rel="stylesheet" href="../css/bootstrap-select.css" />
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
     <link rel="stylesheet" href="../css/init.css" />
-    <!-- <link rel="stylesheet" href="../css/addappeal.css" /> -->
-
-    <style>
-        #sqzx th {
-            padding: 5px 8px 5px 0;
-            text-align: right;
-        }
-        
-        #sqzx td {
-            padding: 6px 0 5px 10px;
-        }
-
-        input {
-            background-color: #fff;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        .lxr ul li {
-            float: left;
-            list-style: none;
-            width: 30%;
-            margin-bottom: 5px;
-            padding-top: 10px;
-        }
-
-        .clearFix:after {
-            content: "";
-            display: block;
-            clear: both;
-        }
-
-        .form-group {
-            padding-left: 40px;
-            margin-bottom: 0;
-        }
-
-        textarea {
-            height: 70px;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            width: 50%;
-            resize: none;
-        }
-
-        .textarea_box {
-            margin-top: 10px;
-        }
-
-        .box_content {
-            border-bottom: 1px solid #ccc;
-        }
-
-        .tj_content {
-            border: 1px solid #e6e6e6;
-            border-radius: 5px;
-        }
-
-        .t-shade {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            background: rgba(0, 0, 0, 0.48);
-            z-index: 10004;
-            display: none;
-        }
-
-        .lyxz .shade_k {
-            z-index: 10005;
-            width: 40%;
-            left: 30%;
-            position: absolute;
-            background-color: rgb(255, 255, 255);
-            box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 50px;
-            margin: 20% auto;
-            border-radius: 5px;
-        }
-
-        .shade_title {
-            padding: 0 80px 0 20px;
-            height: 42px;
-            line-height: 42px;
-            border-bottom: 1px solid #eee;
-            font-size: 16px;
-            color: #ffffff;
-            overflow: hidden;
-            background-color: #00a1cb;
-            border-radius: 2px 2px 0 0;
-            position: relative;
-            border-top-left-radius: 5px;
-            border-top-right-radius: 5px;
-        }
-
-        .cx {
-            display: block;
-        }
-
-        .setwin {
-            position: absolute;
-            right: 15px;
-            top: 5px;
-            font-size: 0;
-            line-height: initial;
-        }
-
-        .setwin a {
-            position: relative;
-            width: 16px;
-            height: 16px;
-            font-size: 20px;
-            color: #fff;
-        }
-
-        .xg i {
-            font-size: 16px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .inpBox {
-            /* border: 1px solid #cccccc; */
-            width: 100%;
-            display: inline-block;
-            position: relative;
-            vertical-align: middle;
-            position: absolute;
-            padding: 6px 0 5px 10px;
-            left: 0px;
-            top: 0px;
-            z-index: 111;
-        }
-
-        .selDpart1 {
-            position: absolute;
-            left: 10px;
-            top: 33px;
-            z-index: 11111;
-            width: 220px;
-            line-height: 30px;
-            background: #ffffff;
-            display: none;
-        }
-
-        #sponsor {
-            width: 218px;
-            border: 1px solid #00a1cb;
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            max-height: 212px;
-            overflow-x: hidden;
-            overflow-y: scroll;
-        }
-
-        #sponsor li {
-            margin: 0;
-            padding-left: 10px;
-            width: 220px;
-            height: 30px;
-            line-height: 30px;
-            list-style: none;
-        }
-
-        #sponsor li:hover {
-            background: #00a1cb;
-        }
-
-        .addTree,
-        .addTreeReactionCategory {
-            background: #fff;
-            position: absolute;
-            width: 95%;
-            border: 1px solid darkgrey;
-            left: 10px;
-            top: 33px;
-            display: none;
-            z-index: 222;
-        }
-
-        .ztree li span {
-            border: none;
-            padding: 0;
-        }
-
-        .inps,
-        .inpsReactionCategory {
-            width: 100%;
-            height: 33px;
-            outline: none;
-            border: 0;
-            border-image-width: 0;
-            padding: 0;
-            padding-left: 3px;
-        }
-
-        .xl,
-        .xlReactionCategory {
-            display: inline-block;
-            background: url(../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .Cleans,
-        .CleansReactionCategory {
-            display: inline-block;
-            width: 20px;
-            position: absolute;
-            right: 21px;
-            top: 14px;
-            display: none;
-        }
-
-        .Min-width {
-            display: inline-block;
-            width: 280px;
-            margin-right: 30px;
-        }
-
-        .btn-default {
-            background: #ffffff;
-            color: #000000;
-        }
-        .nameJustified {
-            width: 5em;
-            display: inline-block;
-            text-align: justify;
-            text-align-last: justify;
-        }
-    </style>
+    <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
 </head>
 
 <body class="gray-bg">

WebUI/CallCenterWeb.UI/Appeal/integratedQuery.html

@@ -576,7 +576,7 @@
             } else {
                 ddusercodeID = "";
             }
-
+ 
             //三方通话
             var threeWayCall;
             if ($("#dealtype").val() === "2") {

WebUI/CallCenterWeb.UI/Business/LeaderYZB.html

@@ -5,269 +5,11 @@
     <meta charset="UTF-8">
     <title>已退回重办</title>
     <script src="../Script/Common/huayi.load.js"></script>
-    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
     <link rel="stylesheet" href="../css/init.css" />
-    <style>
-        #sqzx th {
-            padding: 5px 8px 5px 0;
-            text-align: right;
-        }
-
-        .select {
-            width: 150px;
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sex {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        input {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sqzx td {
-            padding: 6px 0 5px 10px;
-        }
-
-        .lxr ul li {
-            float: left;
-            list-style: none;
-            width: 30%;
-            margin-bottom: 5px;
-            padding-top: 10px;
-        }
-
-        .clearFix:after {
-            content: "";
-            display: block;
-            clear: both;
-        }
-
-        .form-group {
-            padding-left: 40px;
-            margin-bottom: 0;
-        }
-
-        textarea {
-            height: 70px;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            width: 50%;
-            resize: none;
-        }
-
-        .textarea_box {
-            margin-top: 10px;
-        }
-
-        .box_content {
-            border-bottom: 1px solid #ccc;
-        }
-
-        .tj_content {
-            border: 1px solid #e6e6e6;
-            border-radius: 5px;
-        }
-
-        .t-shade {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            background: rgba(0, 0, 0, 0.48);
-            z-index: 10004;
-            display: none;
-        }
-
-        .lyxz .shade_k {
-            z-index: 10005;
-            width: 40%;
-            left: 30%;
-            margin: 20% auto;
-            position: absolute;
-            background-color: #fff;
-            box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
-            border-radius: 5px;
-        }
-
-        .shade_title {
-            padding: 0 80px 0 20px;
-            height: 42px;
-            line-height: 42px;
-            border-bottom: 1px solid #eee;
-            font-size: 16px;
-            color: #FFFFFF;
-            overflow: hidden;
-            background-color: #00a1cb;
-            border-radius: 2px 2px 0 0;
-            position: relative;
-            border-top-left-radius: 5px;
-            border-top-right-radius: 5px;
-        }
-
-        .cx {
-            display: block;
-        }
-
-        .setwin {
-            position: absolute;
-            right: 15px;
-            top: 5px;
-            font-size: 0;
-            line-height: initial;
-        }
-
-        .setwin a {
-            position: relative;
-            width: 16px;
-            height: 16px;
-            font-size: 20px;
-            color: #fff;
-        }
-
-        .xg i {
-            font-size: 16px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .Min-width {
-            width: 150px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .inpBox {
-            border: 1px solid #cccccc;
-            height: 31px;
-            width: 220px;
-            display: inline-block;
-            position: relative;
-            vertical-align: middle;
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            z-index: 111;
-        }
-
-        .selDpart1 {
-            position: absolute;
-            left: 0px;
-            top: 30px;
-            z-index: 11111;
-            width: 220px;
-            line-height: 30px;
-            background: #FFFFFF;
-            display: none;
-        }
-
-        #sponsor {
-            width: 218px;
-            border: 1px solid #00a1cb;
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            max-height: 212px;
-            overflow-x: hidden;
-            overflow-y: scroll;
-        }
-
-        #sponsor li {
-            margin: 0;
-            padding-left: 10px;
-            width: 220px;
-            height: 30px;
-            line-height: 30px;
-            list-style: none;
-        }
-
-        #sponsor li:hover {
-            background: #00a1cb;
-        }
-
-        .addTree {
-            background: #fff;
-            position: absolute;
-            width: 100%;
-            border: 1px solid darkgrey;
-            right: 0;
-            top: 29px;
-            display: none;
-            z-index: 222;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .ztree li span {
-            border: none;
-            padding: 0;
-        }
-
-        .inps {
-            width: 217px;
-            height: 24px;
-            outline: none;
-            border: 0;
-            border-image-width: 0;
-            padding: 0;
-            padding-left: 3px;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .Cleans {
-            display: inline-block;
-            width: 20px;
-            position: absolute;
-            right: 21px;
-            top: 5px;
-            display: none;
-        }
-    </style>
+    <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
 </head>
 
 <body class="gray-bg">
@@ -294,82 +36,56 @@
                             <tr>
                                 <th>关键字：</th>
                                 <td>
-                                    <input type="text" placeholder="输入关键字" id="key" class="Min-width" />
+                                    <input type="text" placeholder="输入关键字" id="key" class="form-control" />
                                 </td>
                                 <th>事项编号：</th>
                                 <td>
-                                    <input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
+                                    <input type="text" placeholder="输入工单号" id="wids" class="form-control" />
                                 </td>
-                                <th>时间：</th>
-                                <td>
-                                    <input type="text" id="starttime" class="laydate-icon Min-width"
-                                        style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime"
-                                        class="laydate-icon Min-width" style="height: 32px;" />
-                                </td>
-                                <th>区域：</th>
-                                <td>
-                                    <select name="" id="sourceAreas" class="select">
-                                    </select>
+                                <th>来电时间：</th>
+                                <td colspan="3">
+                                    <input id="starttime" class="photo x-color laydate-icon" type="text"
+                                        autocomplete="off" style="height: 35px;" />-<input id="endtime"
+                                        class="photo x-color laydate-icon" type="text" autocomplete="off"
+                                        style="height: 35px;" />
                                 </td>
                             </tr>
                             <tr>
-                                <!-- <th>工单状态：</th>
+                                <th>反映区域：</th>
                                 <td>
-                                    <select name="" id="state" class="select">
-                                        <option selected="selected" value="">请选择</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="7">已回访</option>
-                                        <option value="8">重办中</option>
-                                        <option value="9">已结案</option>
+                                    <select name="" id="sourceAreas" class="form-control">
                                     </select>
-                                </td> -->
-                                <th>工单来源：</th>
+                                </td>
+                                <th><span class="nameJustified">审核员：</span></th>
                                 <td>
-                                    <select class="select_" id="source">
+                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
+                                        multiple data-live-search="true">
+                                        <option value="">请选择调度员</option>
                                     </select>
                                 </td>
-                                <!-- <th>主题词：</th>
-                                <td>
-                                    <select id="keyid" name="" class="select"></select>
-                                </td> -->
-                                <th>类型：</th>
+                                <th>工单来源：</th>
                                 <td>
-                                    <select class="select_" id="type">
+                                    <select class="form-control Min-width" id="source">
                                     </select>
                                 </td>
-
                             </tr>
                             <tr>
+                                <th>来电类型：</th>
+                                <td>
+                                    <select class="form-control" id="type">
+                                    </select>
+                                </td>
                                 <th>来电号码：</th>
                                 <td>
-                                    <input type="text" id="tel" class="Min-width" />
+                                    <input type="text" id="tel" class="form-control" />
                                 </td>
-                                <th>来电人：</th>
+                                <th><span class="nameJustified">来电人：</span></th>
                                 <td>
-                                    <input type="text" id="name" class="Min-width" />
+                                    <input type="text" id="name" class="form-control Min-width" />
+                                    <botton class="btns Seach">搜索</botton>
                                 </td>
                             </tr>
                             <tr>
-                                <th>坐席：</th>
-                                <td>
-                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
-                                        data-live-search="true">
-                                        <option value="">请选择坐席</option>
-                                    </select>
-                                </td>
-                                <th>审核员：</th>
-                                <td>
-                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
-                                        multiple data-live-search="true">
-                                        <option value="">请选择调度员</option>
-                                    </select>
-                                </td>
                                 <th>承办单位:</th>
                                 <td style="position: relative;">
                                     <div class="inpBox">
@@ -385,9 +101,28 @@
                                         </ul>
                                     </div>
                                 </td>
-                                <th></th>
-                                <td style="text-align: center;">
-                                    <botton class="btns Seach">搜索</botton>
+                                <th>来电坐席：</th>
+                                <td>
+                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
+                                        data-live-search="true">
+                                        <option value="">请选择坐席</option>
+                                    </select>
+                                </td>
+                                <th>工单状态：</th>
+                                <td>
+                                    <select name="" id="state" class="form-control Min-width">
+                                        <option selected="selected" value="">请选择</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="7">已回访</option> -->
+                                        <option value="8">重办中</option>
+                                        <!-- <option value="9">已结案</option> -->
+                                    </select>
                                     <botton class="btns exportFile">导出</botton>
                                 </td>
                             </tr>

WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html

@@ -76,6 +76,7 @@
                         <td colspan="7">
                             <input type="radio" value="1" name="banli" class="Nows" />当即办理
                             <input checked="true" type="radio" value="0" name="banli" class="Nows_" />网络转办
+                            <input id="threeWayCall" type="checkbox"  value="1" name="" class="Nows_" />三方通话
                         </td>
                     </tr>
                     <tr class="Nows_box Hidens">
@@ -313,6 +314,11 @@
                                 "checked", "checked");
                             $(' input[name="banli"][value="' + Data[0].F_IsResult + '"]').prop(
                                 "checked", "checked");
+                            if(String(Data[0].F_Business) === "1") {
+                                $('#threeWayCall').attr("checked", true);
+                            } else {
+                                $('#threeWayCall').attr("checked", false);
+                            }
                             $('#sourceaddress').val(Data[0].F_SourceAddress);
                             $('.F_FinalOpinion').val(Data[0].F_FinalOpinion);
                             $(Data[0].File).each(function (k, q) {
@@ -340,6 +346,14 @@
         function Add() {
             var value = $(' input[name="banli"]:checked ').val();
             var content = $("#content").val();
+            var threeWayCall;
+
+            if($('#threeWayCall').is(':checked')) {
+                threeWayCall = 1;
+            } else {
+                threeWayCall = 0;
+            }
+
             // if (!$("#cusname").val()) {
             //     layer.msg("请输入姓名");
             // } else 
@@ -382,6 +396,7 @@
                     source: $("#source").val(), //=来源
                     splituser: $("#leaderCharge").val(), // 分管领导
                     isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
+                    business: threeWayCall,
                     result: $('#result').val(),
                     keys: $("#PID").val(), //=关键词id(多个用英文逗号,隔开)
                     type: $("#type").val(), //=类型

WebUI/CallCenterWeb.UI/CommonHtml/AddAppealDCL.html

@@ -60,6 +60,7 @@
                         <td colspan="7">
                             <input type="radio" value="1" name="banli" class="Nows" />当即办理
                             <input checked="true" type="radio" value="0" name="banli" class="Nows_" />网络转办
+                            <input id="threeWayCall" type="checkbox"  value="1" name="" class="Nows_" />三方通话
                         </td>
                     </tr>
                     <tr class="Nows_box Hidens">
@@ -394,6 +395,11 @@
                                 Data[0].F_IsResult +
                                 '"]'
                             ).prop("checked", "checked");
+                            if(String(Data[0].F_Business) === "1") {
+                                $('#threeWayCall').attr("checked", true);
+                            } else {
+                                $('#threeWayCall').attr("checked", false);
+                            }
                             $("#sourceaddress").val(
                                 Data[0].F_SourceAddress
                             );
@@ -446,6 +452,13 @@
             //              }
             var value = $(' input[name="banli"]:checked ').val();
             var content = $("#content").val();
+            var threeWayCall;
+
+            if($('#threeWayCall').is(':checked')) {
+                threeWayCall = 1;
+            } else {
+                threeWayCall = 0;
+            }
             // if (!$("#cusname").val()) {
             //     layer.msg("请输入姓名");
             // } else 
@@ -485,6 +498,7 @@
                     source: $("#source").val(), //=来源
                     splituser: $("#leaderCharge").val(), // 分管领导
                     isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
+                    business: threeWayCall,
                     result: $("#result").val(),
                     keys: $("#PID").val(), //=关键词id(多个用英文逗号,隔开) keys
                     type: $("#type").val(), //=类型

WebUI/CallCenterWeb.UI/MarketingManagement/LeaderYZBMarketing.html

@@ -5,269 +5,11 @@
     <meta charset="UTF-8">
     <title>已退回重办</title>
     <script src="../Script/Common/huayi.load.js"></script>
-    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
     <link rel="stylesheet" href="../css/init.css" />
-    <style>
-        #sqzx th {
-            padding: 5px 8px 5px 0;
-            text-align: right;
-        }
-
-        .select {
-            width: 150px;
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sex {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        input {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sqzx td {
-            padding: 6px 0 5px 10px;
-        }
-
-        .lxr ul li {
-            float: left;
-            list-style: none;
-            width: 30%;
-            margin-bottom: 5px;
-            padding-top: 10px;
-        }
-
-        .clearFix:after {
-            content: "";
-            display: block;
-            clear: both;
-        }
-
-        .form-group {
-            padding-left: 40px;
-            margin-bottom: 0;
-        }
-
-        textarea {
-            height: 70px;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            width: 50%;
-            resize: none;
-        }
-
-        .textarea_box {
-            margin-top: 10px;
-        }
-
-        .box_content {
-            border-bottom: 1px solid #ccc;
-        }
-
-        .tj_content {
-            border: 1px solid #e6e6e6;
-            border-radius: 5px;
-        }
-
-        .t-shade {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            background: rgba(0, 0, 0, 0.48);
-            z-index: 10004;
-            display: none;
-        }
-
-        .lyxz .shade_k {
-            z-index: 10005;
-            width: 40%;
-            left: 30%;
-            margin: 20% auto;
-            position: absolute;
-            background-color: #fff;
-            box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
-            border-radius: 5px;
-        }
-
-        .shade_title {
-            padding: 0 80px 0 20px;
-            height: 42px;
-            line-height: 42px;
-            border-bottom: 1px solid #eee;
-            font-size: 16px;
-            color: #FFFFFF;
-            overflow: hidden;
-            background-color: #00a1cb;
-            border-radius: 2px 2px 0 0;
-            position: relative;
-            border-top-left-radius: 5px;
-            border-top-right-radius: 5px;
-        }
-
-        .cx {
-            display: block;
-        }
-
-        .setwin {
-            position: absolute;
-            right: 15px;
-            top: 5px;
-            font-size: 0;
-            line-height: initial;
-        }
-
-        .setwin a {
-            position: relative;
-            width: 16px;
-            height: 16px;
-            font-size: 20px;
-            color: #fff;
-        }
-
-        .xg i {
-            font-size: 16px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .Min-width {
-            width: 150px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .inpBox {
-            border: 1px solid #cccccc;
-            height: 31px;
-            width: 220px;
-            display: inline-block;
-            position: relative;
-            vertical-align: middle;
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            z-index: 111;
-        }
-
-        .selDpart1 {
-            position: absolute;
-            left: 0px;
-            top: 30px;
-            z-index: 11111;
-            width: 220px;
-            line-height: 30px;
-            background: #FFFFFF;
-            display: none;
-        }
-
-        #sponsor {
-            width: 218px;
-            border: 1px solid #00a1cb;
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            max-height: 212px;
-            overflow-x: hidden;
-            overflow-y: scroll;
-        }
-
-        #sponsor li {
-            margin: 0;
-            padding-left: 10px;
-            width: 220px;
-            height: 30px;
-            line-height: 30px;
-            list-style: none;
-        }
-
-        #sponsor li:hover {
-            background: #00a1cb;
-        }
-
-        .addTree {
-            background: #fff;
-            position: absolute;
-            width: 100%;
-            border: 1px solid darkgrey;
-            right: 0;
-            top: 29px;
-            display: none;
-            z-index: 222;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .ztree li span {
-            border: none;
-            padding: 0;
-        }
-
-        .inps {
-            width: 217px;
-            height: 24px;
-            outline: none;
-            border: 0;
-            border-image-width: 0;
-            padding: 0;
-            padding-left: 3px;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .Cleans {
-            display: inline-block;
-            width: 20px;
-            position: absolute;
-            right: 21px;
-            top: 5px;
-            display: none;
-        }
-    </style>
+    <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
 </head>
 
 <body class="gray-bg">
@@ -294,82 +36,56 @@
                             <tr>
                                 <th>关键字：</th>
                                 <td>
-                                    <input type="text" placeholder="输入关键字" id="key" class="Min-width" />
+                                    <input type="text" placeholder="输入关键字" id="key" class="form-control" />
                                 </td>
                                 <th>事项编号：</th>
                                 <td>
-                                    <input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
+                                    <input type="text" placeholder="输入工单号" id="wids" class="form-control" />
                                 </td>
-                                <th>时间：</th>
-                                <td>
-                                    <input type="text" id="starttime" class="laydate-icon Min-width"
-                                        style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime"
-                                        class="laydate-icon Min-width" style="height: 32px;" />
-                                </td>
-                                <th>区域：</th>
-                                <td>
-                                    <select name="" id="sourceAreas" class="select">
-                                    </select>
+                                <th>来电时间：</th>
+                                <td colspan="3">
+                                    <input id="starttime" class="photo x-color laydate-icon" type="text"
+                                        autocomplete="off" style="height: 35px;" />-<input id="endtime"
+                                        class="photo x-color laydate-icon" type="text" autocomplete="off"
+                                        style="height: 35px;" />
                                 </td>
                             </tr>
                             <tr>
-                                <!-- <th>工单状态：</th>
+                                <th>反映区域：</th>
                                 <td>
-                                    <select name="" id="state" class="select">
-                                        <option selected="selected" value="">请选择</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="7">已回访</option>
-                                        <option value="8">重办中</option>
-                                        <option value="9">已结案</option>
+                                    <select name="" id="sourceAreas" class="form-control">
                                     </select>
-                                </td> -->
-                                <th>工单来源：</th>
+                                </td>
+                                <th><span class="nameJustified">审核员：</span></th>
                                 <td>
-                                    <select class="select_" id="source">
+                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
+                                        multiple data-live-search="true">
+                                        <option value="">请选择调度员</option>
                                     </select>
                                 </td>
-                                <!-- <th>主题词：</th>
-                                <td>
-                                    <select id="keyid" name="" class="select"></select>
-                                </td> -->
-                                <th>类型：</th>
+                                <th>工单来源：</th>
                                 <td>
-                                    <select class="select_" id="type">
+                                    <select class="form-control Min-width" id="source">
                                     </select>
                                 </td>
-
                             </tr>
                             <tr>
+                                <th>来电类型：</th>
+                                <td>
+                                    <select class="form-control" id="type">
+                                    </select>
+                                </td>
                                 <th>来电号码：</th>
                                 <td>
-                                    <input type="text" id="tel" class="Min-width" />
+                                    <input type="text" id="tel" class="form-control" />
                                 </td>
-                                <th>来电人：</th>
+                                <th><span class="nameJustified">来电人：</span></th>
                                 <td>
-                                    <input type="text" id="name" class="Min-width" />
+                                    <input type="text" id="name" class="form-control Min-width" />
+                                    <botton class="btns Seach">搜索</botton>
                                 </td>
                             </tr>
                             <tr>
-                                <th>坐席：</th>
-                                <td>
-                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
-                                        data-live-search="true">
-                                        <option value="">请选择坐席</option>
-                                    </select>
-                                </td>
-                                <th>审核员：</th>
-                                <td>
-                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
-                                        multiple data-live-search="true">
-                                        <option value="">请选择调度员</option>
-                                    </select>
-                                </td>
                                 <th>承办单位:</th>
                                 <td style="position: relative;">
                                     <div class="inpBox">
@@ -385,9 +101,28 @@
                                         </ul>
                                     </div>
                                 </td>
-                                <th></th>
-                                <td style="text-align: center;">
-                                    <botton class="btns Seach">搜索</botton>
+                                <th>来电坐席：</th>
+                                <td>
+                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
+                                        data-live-search="true">
+                                        <option value="">请选择坐席</option>
+                                    </select>
+                                </td>
+                                <th>工单状态：</th>
+                                <td>
+                                    <select name="" id="state" class="form-control Min-width">
+                                        <option selected="selected" value="">请选择</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="7">已回访</option> -->
+                                        <option value="8">重办中</option>
+                                        <!-- <option value="9">已结案</option> -->
+                                    </select>
                                     <botton class="btns exportFile">导出</botton>
                                 </td>
                             </tr>

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/LawsuitMedia.html

@@ -759,15 +759,15 @@
         }
 
         //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                //              content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单详情",
-                area: ["100%", "100%"], //宽高
-            });
-        }
+        // function ckxq(str) {
+        //     layer.open({
+        //         type: 2,
+        //         //              content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        //         content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        //         title: "工单详情",
+        //         area: ["100%", "100%"], //宽高
+        //     });
+        // }
         //时限
         function OverTime(val, row) {
             if (val == 1) {

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/LeaderDCLMedia.html

@@ -733,15 +733,6 @@
                 area: ["85%", "80%"], //宽高
             });
         }
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单详情",
-                area: ["100%", "100%"], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/LeaderYJAMedia.html

@@ -735,15 +735,6 @@
             return html;
         }
 
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/LeaderYJBMedia.html

@@ -693,15 +693,6 @@
             })
         }
 
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/LeaderYZBMedia.html

@@ -5,269 +5,11 @@
     <meta charset="UTF-8">
     <title>已退回重办</title>
     <script src="../Script/Common/huayi.load.js"></script>
-    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
     <link rel="stylesheet" href="../css/init.css" />
-    <style>
-        #sqzx th {
-            padding: 5px 8px 5px 0;
-            text-align: right;
-        }
-
-        .select {
-            width: 150px;
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sex {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        input {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sqzx td {
-            padding: 6px 0 5px 10px;
-        }
-
-        .lxr ul li {
-            float: left;
-            list-style: none;
-            width: 30%;
-            margin-bottom: 5px;
-            padding-top: 10px;
-        }
-
-        .clearFix:after {
-            content: "";
-            display: block;
-            clear: both;
-        }
-
-        .form-group {
-            padding-left: 40px;
-            margin-bottom: 0;
-        }
-
-        textarea {
-            height: 70px;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            width: 50%;
-            resize: none;
-        }
-
-        .textarea_box {
-            margin-top: 10px;
-        }
-
-        .box_content {
-            border-bottom: 1px solid #ccc;
-        }
-
-        .tj_content {
-            border: 1px solid #e6e6e6;
-            border-radius: 5px;
-        }
-
-        .t-shade {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            background: rgba(0, 0, 0, 0.48);
-            z-index: 10004;
-            display: none;
-        }
-
-        .lyxz .shade_k {
-            z-index: 10005;
-            width: 40%;
-            left: 30%;
-            margin: 20% auto;
-            position: absolute;
-            background-color: #fff;
-            box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
-            border-radius: 5px;
-        }
-
-        .shade_title {
-            padding: 0 80px 0 20px;
-            height: 42px;
-            line-height: 42px;
-            border-bottom: 1px solid #eee;
-            font-size: 16px;
-            color: #FFFFFF;
-            overflow: hidden;
-            background-color: #00a1cb;
-            border-radius: 2px 2px 0 0;
-            position: relative;
-            border-top-left-radius: 5px;
-            border-top-right-radius: 5px;
-        }
-
-        .cx {
-            display: block;
-        }
-
-        .setwin {
-            position: absolute;
-            right: 15px;
-            top: 5px;
-            font-size: 0;
-            line-height: initial;
-        }
-
-        .setwin a {
-            position: relative;
-            width: 16px;
-            height: 16px;
-            font-size: 20px;
-            color: #fff;
-        }
-
-        .xg i {
-            font-size: 16px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .Min-width {
-            width: 150px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .inpBox {
-            border: 1px solid #cccccc;
-            height: 31px;
-            width: 220px;
-            display: inline-block;
-            position: relative;
-            vertical-align: middle;
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            z-index: 111;
-        }
-
-        .selDpart1 {
-            position: absolute;
-            left: 0px;
-            top: 30px;
-            z-index: 11111;
-            width: 220px;
-            line-height: 30px;
-            background: #FFFFFF;
-            display: none;
-        }
-
-        #sponsor {
-            width: 218px;
-            border: 1px solid #00a1cb;
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            max-height: 212px;
-            overflow-x: hidden;
-            overflow-y: scroll;
-        }
-
-        #sponsor li {
-            margin: 0;
-            padding-left: 10px;
-            width: 220px;
-            height: 30px;
-            line-height: 30px;
-            list-style: none;
-        }
-
-        #sponsor li:hover {
-            background: #00a1cb;
-        }
-
-        .addTree {
-            background: #fff;
-            position: absolute;
-            width: 100%;
-            border: 1px solid darkgrey;
-            right: 0;
-            top: 29px;
-            display: none;
-            z-index: 222;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .ztree li span {
-            border: none;
-            padding: 0;
-        }
-
-        .inps {
-            width: 217px;
-            height: 24px;
-            outline: none;
-            border: 0;
-            border-image-width: 0;
-            padding: 0;
-            padding-left: 3px;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .Cleans {
-            display: inline-block;
-            width: 20px;
-            position: absolute;
-            right: 21px;
-            top: 5px;
-            display: none;
-        }
-    </style>
+    <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
 </head>
 
 <body class="gray-bg">
@@ -294,82 +36,56 @@
                             <tr>
                                 <th>关键字：</th>
                                 <td>
-                                    <input type="text" placeholder="输入关键字" id="key" class="Min-width" />
+                                    <input type="text" placeholder="输入关键字" id="key" class="form-control" />
                                 </td>
                                 <th>事项编号：</th>
                                 <td>
-                                    <input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
-                                </td>
-                                <th>时间：</th>
-                                <td>
-                                    <input type="text" id="starttime" class="laydate-icon Min-width"
-                                        style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime"
-                                        class="laydate-icon Min-width" style="height: 32px;" />
+                                    <input type="text" placeholder="输入工单号" id="wids" class="form-control" />
                                 </td>
-                                <th>区域：</th>
-                                <td>
-                                    <select name="" id="sourceAreas" class="select">
-                                    </select>
+                                <th>来电时间：</th>
+                                <td colspan="3">
+                                    <input id="starttime" class="photo x-color laydate-icon" type="text"
+                                        autocomplete="off" style="height: 35px;" />-<input id="endtime"
+                                        class="photo x-color laydate-icon" type="text" autocomplete="off"
+                                        style="height: 35px;" />
                                 </td>
                             </tr>
                             <tr>
-                                <!-- <th>工单状态：</th>
+                                <th>反映区域：</th>
                                 <td>
-                                    <select name="" id="state" class="select">
-                                        <option selected="selected" value="">请选择</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="7">已回访</option>
-                                        <option value="8">重办中</option>
-                                        <option value="9">已结案</option>
+                                    <select name="" id="sourceAreas" class="form-control">
                                     </select>
-                                </td> -->
-                                <th>工单来源：</th>
+                                </td>
+                                <th><span class="nameJustified">审核员：</span></th>
                                 <td>
-                                    <select class="select_" id="source">
+                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
+                                        multiple data-live-search="true">
+                                        <option value="">请选择调度员</option>
                                     </select>
                                 </td>
-                                <!-- <th>主题词：</th>
-                                <td>
-                                    <select id="keyid" name="" class="select"></select>
-                                </td> -->
-                                <th>类型：</th>
+                                <th>工单来源：</th>
                                 <td>
-                                    <select class="select_" id="type">
+                                    <select class="form-control Min-width" id="source">
                                     </select>
                                 </td>
-
                             </tr>
                             <tr>
+                                <th>来电类型：</th>
+                                <td>
+                                    <select class="form-control" id="type">
+                                    </select>
+                                </td>
                                 <th>来电号码：</th>
                                 <td>
-                                    <input type="text" id="tel" class="Min-width" />
+                                    <input type="text" id="tel" class="form-control" />
                                 </td>
-                                <th>来电人：</th>
+                                <th><span class="nameJustified">来电人：</span></th>
                                 <td>
-                                    <input type="text" id="name" class="Min-width" />
+                                    <input type="text" id="name" class="form-control Min-width" />
+                                    <botton class="btns Seach">搜索</botton>
                                 </td>
                             </tr>
                             <tr>
-                                <th>坐席：</th>
-                                <td>
-                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
-                                        data-live-search="true">
-                                        <option value="">请选择坐席</option>
-                                    </select>
-                                </td>
-                                <th>审核员：</th>
-                                <td>
-                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
-                                        multiple data-live-search="true">
-                                        <option value="">请选择调度员</option>
-                                    </select>
-                                </td>
                                 <th>承办单位:</th>
                                 <td style="position: relative;">
                                     <div class="inpBox">
@@ -385,9 +101,28 @@
                                         </ul>
                                     </div>
                                 </td>
-                                <th></th>
-                                <td style="text-align: center;">
-                                    <botton class="btns Seach">搜索</botton>
+                                <th>来电坐席：</th>
+                                <td>
+                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
+                                        data-live-search="true">
+                                        <option value="">请选择坐席</option>
+                                    </select>
+                                </td>
+                                <th>工单状态：</th>
+                                <td>
+                                    <select name="" id="state" class="form-control Min-width">
+                                        <option selected="selected" value="">请选择</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="7">已回访</option> -->
+                                        <option value="8">重办中</option>
+                                        <!-- <option value="9">已结案</option> -->
+                                    </select>
                                     <botton class="btns exportFile">导出</botton>
                                 </td>
                             </tr>
@@ -554,7 +289,6 @@
                         name: $("#name").val(), //=客户名称
                         usercode: usercodeID, //=坐席工号
                         ddusercode: ddusercodeID,
-                        keyid: $("#keyid").val(), //=关键词id
                         source: $("#source").val(), //=来源&
                         starttime: $("#starttime").val(), //=开始时间
                         endtime: $("#endtime").val(), //=结束时间
@@ -672,15 +406,6 @@
             return html;
         }
 
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({
@@ -1089,7 +814,6 @@
             var sourcearea = $("#sourceAreas").val() //区域
             var state = $("#state").val() //=工单状态
             var tab = 4;
-            var keyid = $("#keyid").val() //=关键词id
 
             var url = huayi.config.callcenter_url + "WorkOrder/GetLDDealList?token=" + $.cookie("token");
             url += "&workid=" + workid + "&state=" + state + "&type=" + type + "&tab=" + tab + "&key=" + key +
@@ -1098,7 +822,7 @@
                 source +
                 "&starttime=" + starttime + "&endtime=" + endtime + "&deptid=" + deptid + "&sourcearea=" +
                 sourcearea +
-                "&bigtype=" + bigtype + "&smalltype=" + smalltype + "&keyid=" + keyid + "&jianhang=1" +
+                "&bigtype=" + bigtype + "&smalltype=" + smalltype + "&jianhang=1" +
                 "&isdc=1";
             window.location.href = url;
         })

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/ReturnReviewedTransferredMedia.html

@@ -681,15 +681,6 @@
                 area: ['85%', '80%'], //宽高
             });
         }
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/WorkDSZBMedia.html

@@ -729,15 +729,6 @@
                 area: ["85%", "80%"], //宽高
             });
         }
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单详情",
-                area: ["100%", "100%"], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/WorkIsproresultMedia.html

@@ -728,16 +728,6 @@
             return html;
         }
 
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                //              content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单详情",
-                area: ["100%", "100%"], //宽高
-            });
-        }
         //时限
         function OverTime(val, row) {
             if (val == 1) {

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/WorkYSSHMedia.html

@@ -696,15 +696,6 @@
             });
         })
 
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/expiredWorkOrdersMedia.html

@@ -637,15 +637,7 @@
                 })
             })
         }
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
+
         //编辑
         function bj(str) {
             layer.open({
@@ -655,6 +647,7 @@
                 area: ['96%', '85%'], //宽高
             });
         }
+        
         //删除
         function move(str) {
             layer.confirm('确定删除工单？', {

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/haveAduitMedia.html

@@ -708,16 +708,6 @@
             return html;
         }
 
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                //              content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: "工单详情",
-                area: ["100%", "100%"], //宽高
-            });
-        }
         //时限
         function OverTime(val, row) {
             if (val == 1) {

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/toAuditListMedia.html

@@ -679,15 +679,6 @@
                 area: ['85%', '80%'], //宽高
             });
         }
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/MultimediaWorkOrder/toSupervListMedia.html

@@ -693,15 +693,6 @@
                 area: ['85%', '80%'], //宽高
             });
         }
-        //查看详情
-        function ckxq(str) {
-            layer.open({
-                type: 2,
-                content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
-                title: '工单详情',
-                area: ['100%', '100%'], //宽高
-            });
-        }
         //编辑
         function bj(str) {
             layer.open({

WebUI/CallCenterWeb.UI/OtherPhoneManagement/LeaderYZBOtherPhone.html

@@ -5,269 +5,11 @@
     <meta charset="UTF-8">
     <title>已退回重办</title>
     <script src="../Script/Common/huayi.load.js"></script>
-    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <script src="../Script/Common/huayi.config.js"></script>
+    <link rel="stylesheet" href="../css/bootstrap-select.css">
     <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
     <link rel="stylesheet" href="../css/init.css" />
-    <style>
-        #sqzx th {
-            padding: 5px 8px 5px 0;
-            text-align: right;
-        }
-
-        .select {
-            width: 150px;
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sex {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        input {
-            background-color: #FFF;
-            background-image: none;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            color: inherit;
-            padding: 6px 12px;
-        }
-
-        #sqzx td {
-            padding: 6px 0 5px 10px;
-        }
-
-        .lxr ul li {
-            float: left;
-            list-style: none;
-            width: 30%;
-            margin-bottom: 5px;
-            padding-top: 10px;
-        }
-
-        .clearFix:after {
-            content: "";
-            display: block;
-            clear: both;
-        }
-
-        .form-group {
-            padding-left: 40px;
-            margin-bottom: 0;
-        }
-
-        textarea {
-            height: 70px;
-            border: 1px solid #ccc;
-            border-radius: 1px;
-            width: 50%;
-            resize: none;
-        }
-
-        .textarea_box {
-            margin-top: 10px;
-        }
-
-        .box_content {
-            border-bottom: 1px solid #ccc;
-        }
-
-        .tj_content {
-            border: 1px solid #e6e6e6;
-            border-radius: 5px;
-        }
-
-        .t-shade {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            background: rgba(0, 0, 0, 0.48);
-            z-index: 10004;
-            display: none;
-        }
-
-        .lyxz .shade_k {
-            z-index: 10005;
-            width: 40%;
-            left: 30%;
-            margin: 20% auto;
-            position: absolute;
-            background-color: #fff;
-            box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
-            border-radius: 5px;
-        }
-
-        .shade_title {
-            padding: 0 80px 0 20px;
-            height: 42px;
-            line-height: 42px;
-            border-bottom: 1px solid #eee;
-            font-size: 16px;
-            color: #FFFFFF;
-            overflow: hidden;
-            background-color: #00a1cb;
-            border-radius: 2px 2px 0 0;
-            position: relative;
-            border-top-left-radius: 5px;
-            border-top-right-radius: 5px;
-        }
-
-        .cx {
-            display: block;
-        }
-
-        .setwin {
-            position: absolute;
-            right: 15px;
-            top: 5px;
-            font-size: 0;
-            line-height: initial;
-        }
-
-        .setwin a {
-            position: relative;
-            width: 16px;
-            height: 16px;
-            font-size: 20px;
-            color: #fff;
-        }
-
-        .xg i {
-            font-size: 16px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .Min-width {
-            width: 150px;
-        }
-
-        .hidens {
-            display: none;
-        }
-
-        .inpBox {
-            border: 1px solid #cccccc;
-            height: 31px;
-            width: 220px;
-            display: inline-block;
-            position: relative;
-            vertical-align: middle;
-            position: absolute;
-            left: 0px;
-            top: 0px;
-            z-index: 111;
-        }
-
-        .selDpart1 {
-            position: absolute;
-            left: 0px;
-            top: 30px;
-            z-index: 11111;
-            width: 220px;
-            line-height: 30px;
-            background: #FFFFFF;
-            display: none;
-        }
-
-        #sponsor {
-            width: 218px;
-            border: 1px solid #00a1cb;
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            max-height: 212px;
-            overflow-x: hidden;
-            overflow-y: scroll;
-        }
-
-        #sponsor li {
-            margin: 0;
-            padding-left: 10px;
-            width: 220px;
-            height: 30px;
-            line-height: 30px;
-            list-style: none;
-        }
-
-        #sponsor li:hover {
-            background: #00a1cb;
-        }
-
-        .addTree {
-            background: #fff;
-            position: absolute;
-            width: 100%;
-            border: 1px solid darkgrey;
-            right: 0;
-            top: 29px;
-            display: none;
-            z-index: 222;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .ztree li span {
-            border: none;
-            padding: 0;
-        }
-
-        .inps {
-            width: 217px;
-            height: 24px;
-            outline: none;
-            border: 0;
-            border-image-width: 0;
-            padding: 0;
-            padding-left: 3px;
-        }
-
-        .xl {
-            display: inline-block;
-            background: url(../img/dropDown.png) no-repeat;
-            height: 100%;
-            background-position: center center;
-            width: 20px;
-            position: absolute;
-            right: 0;
-            top: 0px;
-            /* background-color: #f7bc8b; */
-            cursor: pointer;
-        }
-
-        .Cleans {
-            display: inline-block;
-            width: 20px;
-            position: absolute;
-            right: 21px;
-            top: 5px;
-            display: none;
-        }
-    </style>
+    <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
 </head>
 
 <body class="gray-bg">
@@ -294,82 +36,56 @@
                             <tr>
                                 <th>关键字：</th>
                                 <td>
-                                    <input type="text" placeholder="输入关键字" id="key" class="Min-width" />
+                                    <input type="text" placeholder="输入关键字" id="key" class="form-control" />
                                 </td>
                                 <th>事项编号：</th>
                                 <td>
-                                    <input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
+                                    <input type="text" placeholder="输入工单号" id="wids" class="form-control" />
                                 </td>
-                                <th>时间：</th>
-                                <td>
-                                    <input type="text" id="starttime" class="laydate-icon Min-width"
-                                        style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime"
-                                        class="laydate-icon Min-width" style="height: 32px;" />
-                                </td>
-                                <th>区域：</th>
-                                <td>
-                                    <select name="" id="sourceAreas" class="select">
-                                    </select>
+                                <th>来电时间：</th>
+                                <td colspan="3">
+                                    <input id="starttime" class="photo x-color laydate-icon" type="text"
+                                        autocomplete="off" style="height: 35px;" />-<input id="endtime"
+                                        class="photo x-color laydate-icon" type="text" autocomplete="off"
+                                        style="height: 35px;" />
                                 </td>
                             </tr>
                             <tr>
-                                <!-- <th>工单状态：</th>
+                                <th>反映区域：</th>
                                 <td>
-                                    <select name="" id="state" class="select">
-                                        <option selected="selected" value="">请选择</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="7">已回访</option>
-                                        <option value="8">重办中</option>
-                                        <option value="9">已结案</option>
+                                    <select name="" id="sourceAreas" class="form-control">
                                     </select>
-                                </td> -->
-                                <th>工单来源：</th>
+                                </td>
+                                <th><span class="nameJustified">审核员：</span></th>
                                 <td>
-                                    <select class="select_" id="source">
+                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
+                                        multiple data-live-search="true">
+                                        <option value="">请选择调度员</option>
                                     </select>
                                 </td>
-                                <!-- <th>主题词：</th>
-                                <td>
-                                    <select id="keyid" name="" class="select"></select>
-                                </td> -->
-                                <th>类型：</th>
+                                <th>工单来源：</th>
                                 <td>
-                                    <select class="select_" id="type">
+                                    <select class="form-control Min-width" id="source">
                                     </select>
                                 </td>
-
                             </tr>
                             <tr>
+                                <th>来电类型：</th>
+                                <td>
+                                    <select class="form-control" id="type">
+                                    </select>
+                                </td>
                                 <th>来电号码：</th>
                                 <td>
-                                    <input type="text" id="tel" class="Min-width" />
+                                    <input type="text" id="tel" class="form-control" />
                                 </td>
-                                <th>来电人：</th>
+                                <th><span class="nameJustified">来电人：</span></th>
                                 <td>
-                                    <input type="text" id="name" class="Min-width" />
+                                    <input type="text" id="name" class="form-control Min-width" />
+                                    <botton class="btns Seach">搜索</botton>
                                 </td>
                             </tr>
                             <tr>
-                                <th>坐席：</th>
-                                <td>
-                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
-                                        data-live-search="true">
-                                        <option value="">请选择坐席</option>
-                                    </select>
-                                </td>
-                                <th>审核员：</th>
-                                <td>
-                                    <select id="yardman" name="select" class="selectpicker show-tick form-control"
-                                        multiple data-live-search="true">
-                                        <option value="">请选择调度员</option>
-                                    </select>
-                                </td>
                                 <th>承办单位:</th>
                                 <td style="position: relative;">
                                     <div class="inpBox">
@@ -385,9 +101,28 @@
                                         </ul>
                                     </div>
                                 </td>
-                                <th></th>
-                                <td style="text-align: center;">
-                                    <botton class="btns Seach">搜索</botton>
+                                <th>来电坐席：</th>
+                                <td>
+                                    <select id="ZX" name="select" class="selectpicker show-tick form-control" multiple
+                                        data-live-search="true">
+                                        <option value="">请选择坐席</option>
+                                    </select>
+                                </td>
+                                <th>工单状态：</th>
+                                <td>
+                                    <select name="" id="state" class="form-control Min-width">
+                                        <option selected="selected" value="">请选择</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="7">已回访</option> -->
+                                        <option value="8">重办中</option>
+                                        <!-- <option value="9">已结案</option> -->
+                                    </select>
                                     <botton class="btns exportFile">导出</botton>
                                 </td>
                             </tr>

WebUI/CallCenterWeb.UI/TelCall/CallRecord.html

@@ -248,6 +248,7 @@
                         <th data-field="TalkLongTime" data-align="center" data-formatter="ftime">通话时长</th>
                         <th data-field="RingLongTime" data-align="center" data-formatter="ftime">振铃时长</th>
                         <th data-field="LongTime" data-align="center" data-formatter="ftime">总时长</th>
+                        <th data-field="PhoneType" data-align="center">电话类别</th>
                         <th data-field="WorkOrderId" data-align="center" data-formatter="formatWorkOrderNum">工单号</th>
                     </tr>
                 </thead>

WebUI/CallCenterWeb.UI/css/WorkOrder/WorkOrderList.css

@@ -0,0 +1,200 @@
+#sqzx th {
+    padding: 5px 8px 5px 0;
+    text-align: right;
+}
+
+#sqzx td {
+    padding: 6px 0 5px 10px;
+}
+
+.clearFix:after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
+.box_content {
+    border-bottom: 1px solid #ccc;
+}
+
+.tj_content {
+    border: 1px solid #e6e6e6;
+    border-radius: 5px;
+}
+
+.t-shade {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.48);
+    z-index: 10004;
+    display: none;
+}
+
+.lyxz .shade_k {
+    z-index: 10005;
+    width: 40%;
+    left: 30%;
+    position: absolute;
+    background-color: rgb(255, 255, 255);
+    box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 50px;
+    margin: 20% auto;
+    border-radius: 5px;
+}
+
+.shade_title {
+    padding: 0 80px 0 20px;
+    height: 42px;
+    line-height: 42px;
+    border-bottom: 1px solid #eee;
+    font-size: 16px;
+    color: #ffffff;
+    overflow: hidden;
+    background-color: #00a1cb;
+    border-radius: 2px 2px 0 0;
+    position: relative;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.cx {
+    display: block;
+}
+
+.setwin {
+    position: absolute;
+    right: 15px;
+    top: 5px;
+    font-size: 0;
+    line-height: initial;
+}
+
+.setwin a {
+    position: relative;
+    width: 16px;
+    height: 16px;
+    font-size: 20px;
+    color: #fff;
+}
+
+.xg i {
+    font-size: 16px;
+}
+
+.inpBox {
+    /* border: 1px solid #cccccc; */
+    width: 100%;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    position: absolute;
+    padding: 6px 0 5px 10px;
+    left: 0px;
+    top: 0px;
+    z-index: 111;
+}
+
+.selDpart1 {
+    position: absolute;
+    left: 10px;
+    top: 33px;
+    z-index: 11111;
+    width: 220px;
+    line-height: 30px;
+    background: #ffffff;
+    display: none;
+}
+
+#sponsor {
+    width: 218px;
+    border: 1px solid #00a1cb;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    max-height: 212px;
+    overflow-x: hidden;
+    overflow-y: scroll;
+}
+
+#sponsor li {
+    margin: 0;
+    padding-left: 10px;
+    width: 220px;
+    height: 30px;
+    line-height: 30px;
+    list-style: none;
+}
+
+#sponsor li:hover {
+    background: #00a1cb;
+}
+
+.addTree,
+.addTreeReactionCategory {
+    background: #fff;
+    position: absolute;
+    width: 95%;
+    border: 1px solid darkgrey;
+    left: 10px;
+    top: 33px;
+    display: none;
+    z-index: 222;
+}
+
+.ztree li span {
+    border: none;
+    padding: 0;
+}
+
+.inps,
+.inpsReactionCategory {
+    width: 100%;
+    height: 33px;
+    outline: none;
+    border: 0;
+    border-image-width: 0;
+    padding: 0;
+    padding-left: 3px;
+}
+
+.xl,
+.xlReactionCategory {
+    display: inline-block;
+    background: url(../img/dropDown.png) no-repeat;
+    height: 100%;
+    background-position: center center;
+    width: 20px;
+    position: absolute;
+    right: 0;
+    top: 0px;
+    /* background-color: #f7bc8b; */
+    cursor: pointer;
+}
+
+.Cleans,
+.CleansReactionCategory {
+    display: inline-block;
+    width: 20px;
+    position: absolute;
+    right: 21px;
+    top: 14px;
+    display: none;
+}
+
+.Min-width {
+    display: inline-block;
+    width: 50%;
+    margin-right: 30px;
+}
+
+.btn-default {
+    background: #ffffff;
+    color: #000000;
+}
+.nameJustified {
+    width: 5em;
+    display: inline-block;
+    text-align: justify;
+    text-align-last: justify;
+}

WebUI/CallCenterWeb.UI/css/addappeal.css

@@ -12,11 +12,6 @@
 	border: none !important;
 }
 
-input,
-select {
-	vertical-align: middle;
-}
-
 .xg i {
 	font-size: 16px;
 }
@@ -28,13 +23,13 @@ select {
 .inpBox {
 	border: 1px solid #cccccc;
 	height: 31px;
-	width: 220px;
+	width: 100%;
 	display: inline-block;
 	position: relative;
 	vertical-align: middle;
-	position: absolute;
+	/* position: absolute;
 	left: 0px;
-	top: 0px;
+	top: 0px; */
 	z-index: 111;
 }
 
@@ -103,7 +98,7 @@ select {
 }
 
 .inps {
-	width: 217px;
+	width: 80%;
 	height: 29px;
 	outline: none;
 	border: 0;

WebUI/CallCenterWeb.UI/css/call.css

@@ -205,11 +205,6 @@ a {
 			top: 0;
 			right: 0;
 		}*/
-.ld-sercon select {
-    height: 22px;
-    width: 128px;
-    padding-left: 20px;
-}
 
 .ld-sercon textarea {
     width: 70%;
@@ -390,3 +385,8 @@ a {
 .hindeDiv {
     display: none;
 }
+
+.radioStyle {
+    vertical-align: -2px;
+    margin-right: 3px !important;
+}

WebUI/CallCenterWeb.UI/css/init.css

@@ -1,219 +1,227 @@
 /*导航样式开始*/
 
 .syIcon {
-	display: inline-block;
-	background: url(../img/syIcon.png) no-repeat;
-	height: 20px;
-	width: 20px;
-	vertical-align: middle;
+    display: inline-block;
+    background: url(../img/syIcon.png) no-repeat;
+    height: 20px;
+    width: 20px;
+    vertical-align: middle;
 }
 .daoHang {
-	padding:8px 15px;
+    padding: 8px 15px;
 }
-.daoHang .dhLeft{
-	float: left;
+.daoHang .dhLeft {
+    float: left;
 }
 .daoHang .dhLeft a {
-	font-size: 14px;
-	color: #999;
+    font-size: 14px;
+    color: #999;
 }
 .dhLeft {
-	font-size: 14px;
-	color: #999;
+    font-size: 14px;
+    color: #999;
 }
 .dhLeft a {
-	font-size: 14px;
-	color: #999;
+    font-size: 14px;
+    color: #999;
 }
-.daoHang .dhRight{
+.daoHang .dhRight {
     float: right;
     color: #1ab394;
     font-size: 18px;
     cursor: pointer;
 }
-.nowPosition{
-   color: #01a1cb!important;	
+.nowPosition {
+    color: #01a1cb !important;
 }
 /*导航样式结束*/
 
 /*公共样式*/
 
 .btns {
-	background: #00a1cb;
-	color: #fff;
-	padding: 8px 18px;
-	outline: none;
-	/* font-size: 14px; */
-	margin-left: 15px;
-	border: 0;
-	border-radius: 3px;
-	box-sizing: border-box;
-	cursor: pointer;
-	vertical-align: middle;
+    background: #00a1cb;
+    color: #fff;
+    padding: 8px 18px;
+    outline: none;
+    /* font-size: 14px; */
+    margin-left: 15px;
+    border: 0;
+    border-radius: 3px;
+    box-sizing: border-box;
+    cursor: pointer;
+    vertical-align: middle;
 }
 
 .export.btns {
-	padding: 7px 10px;
+    padding: 7px 10px;
 }
 
 .clearfix:after {
-	content: "";
-	display: block;
-	clear: both;
+    content: "";
+    display: block;
+    clear: both;
 }
 
 .toolBar {
-	padding: 15px 0;
-	border-bottom: 1px solid #ccc;
-	margin-bottom: 25px;
-	padding-right: 45px;
+    padding: 15px 0;
+    border-bottom: 1px solid #ccc;
+    margin-bottom: 25px;
+    padding-right: 45px;
 }
 .toolLeft {
-	float: left;
+    float: left;
 }
 .toolRight {
-	float: right;
+    float: right;
 }
 .toolBar input {
-	width: 128px;
-	padding: 2px 2PX 2PX 10PX;
-	height: 27px;
-	border: 1px solid #ebebeb;
-	/*color: #1ab394;*/
-	outline: none;
-	vertical-align: middle;
+    width: 128px;
+    padding: 2px 2px 2px 10px;
+    height: 27px;
+    border: 1px solid #ebebeb;
+    /*color: #1ab394;*/
+    outline: none;
+    vertical-align: middle;
 }
 
 .model {
-	position: fixed;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	height: 100%;
-	width: 100%;
-	background: rgba(0, 0, 0, 0.48);
-	z-index: 100;
-	display: none;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.48);
+    z-index: 100;
+    display: none;
 }
 
 .delModel .box {
-	width: 23%;
+    width: 23%;
 }
 
 .box {
-	width: 55%;
-	margin: 0 auto;
-	margin-top: 5%;
+    width: 55%;
+    margin: 0 auto;
+    margin-top: 5%;
 }
 
 .box .btop {
-	height: 35px;
-	background: #1ab394;
-	color: #fff;
-	line-height: 35px;
-	padding: 0 15px;
-	/*margin-bottom: 15px;*/
+    height: 35px;
+    background: #1ab394;
+    color: #fff;
+    line-height: 35px;
+    padding: 0 15px;
+    /*margin-bottom: 15px;*/
 }
 
 .box .btop p.btl {
-	float: left;
-	margin: 0;
+    float: left;
+    margin: 0;
 }
 
 .box .btop p.btr {
-	float: right;
-	cursor: pointer;
-	margin: 0;
-	font-size: 20px;
+    float: right;
+    cursor: pointer;
+    margin: 0;
+    font-size: 20px;
 }
 
-.box>input {
-	display: block;
-	height: 34px;
-	padding: 6px 12px;
-	font-size: 14px;
-	line-height: 1.42857143;
-	color: #555;
-	background-color: #fff;
-	background-image: none;
-	border: 1px solid #ccc;
-	border-radius: 4px;
-	margin: 35px auto;
+.box > input {
+    display: block;
+    height: 34px;
+    padding: 6px 12px;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #555;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    margin: 35px auto;
 }
 
 .boxCon {
-	width: 100%;
-	background: #fff;
-	text-align: center;
-	padding: 10px 15px;
-	height: auto;
-	overflow-y: auto;
+    width: 100%;
+    background: #fff;
+    text-align: center;
+    padding: 10px 15px;
+    height: auto;
+    overflow-y: auto;
 }
 
-.boxCon>div {
-	padding: 15px 0;
+.boxCon > div {
+    padding: 15px 0;
 }
 
 .boxCon table {
-	width: 100%;
+    width: 100%;
 }
 
 .boxCon table th {
-	padding: 5px 8px 5px 0;
-	text-align: right;
-	width: 32%;
+    padding: 5px 8px 5px 0;
+    text-align: right;
+    width: 32%;
 }
 
 .boxCon table td {
-	padding: 6px 0 5px 10px;
-	text-align: left;
-	color: #717171;
-	line-height: 200%;
+    padding: 6px 0 5px 10px;
+    text-align: left;
+    color: #717171;
+    line-height: 200%;
 }
 
 .boxCon table td textarea {
-	width: 70%;
-	vertical-align: middle;
-	resize: none;
+    width: 70%;
+    vertical-align: middle;
+    resize: none;
 }
 
-.boxCon table td>input[type="text"] {
-	height: 27px;
+.boxCon table td > input[type="text"] {
+    height: 27px;
 }
 
 .kong {
-	display: none;
-	vertical-align: middle;
-	margin-left: 3px;
+    display: none;
+    vertical-align: middle;
+    margin-left: 3px;
 }
 
 .Importent {
-	color: #fe6604;
+    color: #fe6604;
 }
 
 .layui-layer-title {
-	background: #00a1cb;
-}
-  
-  .table-head table thead {
-        width: calc( 100% - 5px)
-    }
-     .table-body{width:100%; height:515px;overflow-y:scroll;overflow-x: scroll;}
-    .table-head table,.table-body table{width:100%;}
-    .table-head{
-    	background: #00a0cd;
-    }
+    background: #00a1cb;
+}
+
+.table-head table thead {
+    width: calc(100% - 5px);
+}
+.table-body {
+    width: 100%;
+    height: 515px;
+    overflow-y: scroll;
+    overflow-x: scroll;
+}
+.table-head table,
+.table-body table {
+    width: 100%;
+}
+.table-head {
+    background: #00a0cd;
+}
 
 /*公共弹框样式*/
 
 .Common {
-	width: 100%;
-	background: #fff;
-	text-align: center;
-	padding: 10px 15px;
-	height: auto;
-	overflow-y: auto;
+    width: 100%;
+    background: #fff;
+    text-align: center;
+    padding: 10px 15px;
+    height: auto;
+    overflow-y: auto;
 }
 .Common table {
     width: 100%;
@@ -221,7 +229,7 @@
 .Common table th {
     padding: 5px 8px 5px 0;
     text-align: right;
-    width: 20%;
+    width: 10%;
 }
 .Common table td {
     padding: 6px 0 5px 10px;
@@ -233,11 +241,11 @@
     width: 100%;
     vertical-align: middle;
     resize: none;
-        outline: none;
+    outline: none;
 }
 .select_ {
     width: 150px;
-    background-color: #FFF;
+    background-color: #fff;
     background-image: none;
     border: 1px solid #ccc;
     border-radius: 1px;
@@ -246,81 +254,85 @@
     outline: none;
     vertical-align: middle;
 }
-.Common span{
-	    
+.Common span {
     background-image: none;
     /*border: 1px solid #ccc;*/
     border-radius: 1px;
     color: inherit;
     /*padding: 6px 12px*/
 }
-.btn_box{
-	margin-top: 30px;
+.btn_box {
+    margin-top: 30px;
 }
-.imgs a{
-	margin-right: 5px;
+.imgs a {
+    margin-right: 5px;
 }
-.input_{
-	width: 128px;
-	padding: 2px 2PX 2PX 10PX;
-	height: 27px;
-	border: 1px solid #ebebeb;
-	outline: none;
-	vertical-align: middle;
+.input_ {
+    width: 128px;
+    padding: 2px 2px 2px 10px;
+    height: 27px;
+    border: 1px solid #ebebeb;
+    outline: none;
+    vertical-align: middle;
 }
-.Hidens{
-	display: none;
+.Hidens {
+    display: none;
 }
-.xg{
-	margin-right: 5px;
+.xg {
+    margin-right: 5px;
 }
 
 /*修改 手机客户端管理弹出框导航颜色*/
 .model .box .btop {
-	background-color: #00A1CB;
-}
-.Reds{
-		color:#ed5565;
-	}
-	.Greens{
-		color: #46be8a;
-	}
-	.Yellows{
-		color: #FF9800;
-	}
-	/*工单上传附件*/
-	.files{
-			display: inline-block;
-			background: #666;
-		    color: #fff!important;
-		    font-size: 12px;
-		    padding: 0 5px!important;
-			border: 0!important;
-			margin-left: 8px!important;
-			    margin-bottom: 3px;
-		}
-		.files i{
-			margin-left: 3px;
-			color: #a9a5a5;
-			cursor: pointer;
-		}
-		.files:hover i{
-			color: #fff;
-		}
-		#scwj{
-			padding: 0 12px!important;
-			outline: none;
-		}
-		#scwj:hover{
-			background: #03a0cb;
-			color: #fff;
-			transition: .25s;
-		}
-		.fileBox{
-			display: inline-block;
-		}
+    background-color: #00a1cb;
+}
+.Reds {
+    color: #ed5565;
+}
+.Greens {
+    color: #46be8a;
+}
+.Yellows {
+    color: #ff9800;
+}
+/*工单上传附件*/
+.files {
+    display: inline-block;
+    background: #666;
+    color: #fff !important;
+    font-size: 12px;
+    padding: 0 5px !important;
+    border: 0 !important;
+    margin-left: 8px !important;
+    margin-bottom: 3px;
+}
+.files i {
+    margin-left: 3px;
+    color: #a9a5a5;
+    cursor: pointer;
+}
+.files:hover i {
+    color: #fff;
+}
+#scwj {
+    padding: 0 12px !important;
+    outline: none;
+}
+#scwj:hover {
+    background: #03a0cb;
+    color: #fff;
+    transition: 0.25s;
+}
+.fileBox {
+    display: inline-block;
+}
 
-.btn-default{
-    	background: #FFFFFF;
-    	color: #000000;
-    }
+.btn-default {
+    background: #ffffff;
+    color: #000000;
+}
+
+.radioStyle {
+    vertical-align: -2px;
+    margin-right: 3px !important;
+}

WebUI/CallCenterWeb.UI/home.html

@@ -576,7 +576,7 @@
             padding-right: 0;
             line-height: 22px;
             text-align: center;
-            font-size: 10px;
+            font-family: "微软雅黑";
         }
 
         ul.ztree {
@@ -725,9 +725,9 @@
         .btns {
             background: #00a1cb;
             color: #fff;
-            padding: 3px 10px;
+            padding: 10px 15px;
             outline: none;
-            font-size: 12px;
+            font-size: 14px;
             margin-left: 15px;
             border: 0;
             border-radius: 3px;
@@ -1016,10 +1016,6 @@
             display: none !important;
         }
 
-        .source_area select[name="sourcearea"] {
-            margin-bottom: 10px;
-        }
-
         .source_area input[type="text"] {
             width: 392px;
         }
@@ -1273,6 +1269,14 @@
         .operation_bj {
             float: right;
         }
+        #sourcearea {
+            display: inline-block;
+            width: 30%;
+        }
+        #sourceaddress {
+            display: inline-block;
+            width: 50%;
+        }
     </style>
 </head>
 
@@ -1746,7 +1750,7 @@
                                     <div class="form-group clearfix">
                                         <span class="col-sm-1 Import">标题:</span>
                                         <span class="col-sm-11">
-                                            <input id="title" type="text" style="
+                                            <input id="title" class="form-control" type="text" style="
                                                         padding: 5px;
                                                         width: 100%;
                                                     " />
@@ -1755,7 +1759,7 @@
                                     <div class="form-group clearfix">
                                         <span class="col-sm-1 Import">内容:</span>
                                         <span class="col-sm-11">
-                                            <textarea rows="5" id="content"></textarea>
+                                            <textarea rows="5" class="form-control" id="content"></textarea>
                                         </span>
                                     </div>
 
@@ -1764,19 +1768,19 @@
                                             处理方式:
                                         </span>
                                         <span class="col-sm-3">
-                                            <label style="font-weight: normal"><input type="radio" name="banli"
+                                            <label style="font-weight: normal"><input class="radioStyle" type="radio" name="banli"
                                                     value="1" class="Nows" />当即处理</label>
-                                            <label style="font-weight: normal"><input type="radio" name="banli"
+                                            <label style="font-weight: normal"><input class="radioStyle" type="radio" name="banli"
                                                     value="0" checked="checked" class="Nows" />网络转办</label>
-                                            <label style="font-weight: normal"><input id="threeWayCall" type="checkbox"  value="1" name="" class="Nows_" />三方通话</label>
+                                            <label style="font-weight: normal"><input id="threeWayCall" class="radioStyle" type="checkbox"
+                                                    value="1" name="" class="Nows_" />三方通话</label>
                                         </span>
                                         <span class="col-sm-1">
                                             来电号码密级:
                                         </span>
                                         <span class="col-sm-3">
-                                            <label style="font-weight: normal"><input type="radio" name="mj"
-                                                    value="0" />普通</label>
-                                            <label style="font-weight: normal"><input type="radio" name="mj" value="1"
+                                            <label style="font-weight: normal"><input class="radioStyle" type="radio" name="mj" value="0" />普通</label>
+                                            <label style="font-weight: normal"><input class="radioStyle" type="radio" name="mj" value="1"
                                                     checked="checked" />保密</label>
                                         </span>
                                     </div>
@@ -1786,13 +1790,13 @@
                                             来电人:
                                         </span>
                                         <span class="col-sm-3">
-                                            <input type="text" class="khmc" id="cusname" />
+                                            <input type="text" class="khmc form-control" id="cusname" />
                                         </span>
                                         <span class="col-sm-1">
                                             性别:
                                         </span>
                                         <span class="col-sm-3">
-                                            <select name="" id="">
+                                            <select name="" id="" class="form-control">
                                                 <option value="0">
                                                     男
                                                 </option>
@@ -1805,7 +1809,7 @@
                                             来电号码:
                                         </span>
                                         <span class="col-sm-3">
-                                            <input type="text" class="tsdh" id="cusphone" />
+                                            <input type="text" class="tsdh form-control" id="cusphone" />
                                         </span>
                                     </div>
                                     <div class="form-group clearfix">
@@ -1813,7 +1817,7 @@
                                             类型:
                                         </span>
                                         <span class="col-sm-3">
-                                            <select name="" id="type">
+                                            <select name="" id="type" class="form-control">
                                                 <option value="咨询">
                                                     咨询
                                                 </option>
@@ -1857,7 +1861,7 @@
                                             紧急程度:
                                         </span>
                                         <span class="col-sm-3">
-                                            <select name="" id="level">
+                                            <select name="" id="level" class="form-control">
                                                 <!--<option value="0">请选择</option>-->
                                                 <option value="1" selected="selected">
                                                     普通
@@ -1873,7 +1877,7 @@
                                             电话类别:
                                         </span>
                                         <span class="col-sm-3">
-                                            <select name="" id="phonetype">
+                                            <select name="" id="phonetype" class="form-control">
                                                 <option value="">
                                                     请选择
                                                 </option>
@@ -1891,15 +1895,15 @@
                                             直办内容:
                                         </span>
                                         <span class="col-sm-11">
-                                            <textarea id="result" rows="3"></textarea>
+                                            <textarea id="result" class="form-control" rows="3"></textarea>
                                         </span>
                                     </div>
                                     <div class="form-group clearfix">
                                         <span class="col-sm-1">
                                             事发区域:
                                         </span>
-                                        <span class="col-sm-6 source_area">
-                                            <select name="sourcearea" id="sourcearea">
+                                        <span class="col-sm-11 source_area">
+                                            <select name="sourcearea" id="sourcearea" class="form-control" style="display: inline-block; width: 20%;">
                                                 <!-- <option value="0">
                                                     请选择
                                                 </option> -->
@@ -1908,7 +1912,7 @@
                                                 </option>
                                             </select>
                                             <!--<img src="img/map_nav.png"/>-->
-                                            <input id="sourceaddress" type="text" placeholder="输入详细地址" />
+                                            <input id="sourceaddress" type="text" placeholder="输入详细地址" class="form-control" style="display: inline-block; width: 40%;" />
                                         </span>
                                         <div class="mapBJ" style="
                                                     width: 100%;

WebUI/CallCenterWeb.UI/js/WorkOrder/WorkOrderList.js

@@ -26,3 +26,15 @@ function View(val, row) {
         "</a></div>"
     );
 }
+
+//查看详情
+function ckxq(str) {
+    layer.open({
+        type: 2,
+        content: "../CommonHtml/WorkDatil.html?wid=" + str, //iframe的url，no代表不显示滚动条
+        title: "工单详情",
+        area: ["100%", "100%"], //宽高
+        maxmin: true,
+        shade: 0
+    });
+}

WebUI/CallCenterWeb.UI/js/index.js

@@ -1012,7 +1012,7 @@ function Adds() {
         data: {
             cusname: $("#cusname").val(), //=来电人姓名
             cussex: $("#cussex").val(),
-            cusphone: $("#cusphone").val(), //=来电人电话
+            cusphone: $("#cusphone").val().replace(/\s+/g, ""), //=来电人电话
             email: $("#email").val(),
             zipcode: $("#zipcode").val(),
             conphone: $("#conphone").val(),

WebUI/CallCenterWeb.UI/js/main.js

@@ -256,6 +256,7 @@ function IncomingBack(data) {
     $(".ldtime").text(getNowFormatDate());
     $(".thsc").text("00:00");
     $(".hidCallID").val(data.CallID);
+    $("#phonetype").val(data.TrunkNumber);
     //获取电话所属地
     $.getJSON(huayi.config.callcenter_url + 'CallInScreen/GetPhoneLocation', {
         "tel": $(".hidTel").val(),
@@ -307,7 +308,6 @@ function IncomingBack(data) {
 
 //挂断
 function DropCallBack() {
-	debugger
     $("#top-search li i").removeClass("active");
     $(".Logout").addClass("active");
     $(".SayBusy").removeClass("active");