pc问题修改，app

WebUI/CallCenterWeb.UI/Appeal/Lawsuit.html

@@ -387,7 +387,7 @@
                 contentType: "application/x-www-form-urlencoded",
                 striped: true, //表格显示条纹
                 pagination: true, //启动分页
-                pageSize: 10, //每页显示的记录数
+                pageSize: 100, //每页显示的记录数
                 pageNumber: 1, //当前第几页
                 pageList: [10, 20, 50, 100], //记录数可选列表
                 search: false, //是否启用查询

WebUI/CallCenterWeb.UI/CommonHtml/AddAppealDCL.html

@@ -411,7 +411,6 @@
                             } else {
                                 $('#workcontent').val(Data[0].F_Content);
                             }
-                            $("#email").val(Data[0].F_Email);
                             $("#zipcode").val(Data[0].F_ZipCode);
                             $("#result").val(Data[0].F_Result);
                             $("#reflectCategory").val(Data[0].KeyName)
@@ -579,7 +578,6 @@
                     cusname: $("#cusname").val(), //=来电人姓名
                     cussex: $("#SEX").val(),
                     cusphone: $("#cusphone").val(), //=来电人电话
-                    email: $("#email").val(),
                     zipcode: $("#zipcode").val(),
                     conphone: $("#conphone").val(),
                     title: $("#title").val(),

WebUI/CallCenterWeb.UI/CommonHtml/WorkDatil.html

@@ -172,11 +172,11 @@
                                 <th>来源:</th>
                                 <td><span class="LY"></span></td>
                                 <th class="phoneTitle">来电号码:</th>
-                                <td><span class="F_ConPhone"></span></td>
+                                <td><span class="F_CusPhone"></span></td>
                                 <th>电话类别:</th>
                                 <td><span class="phoneType"></span></td>
                                 <!-- <th>联系号码:</th>
-									<td><span class="F_CusPhone"></span></td> -->
+									<td><span class="F_ConPhone"></span></td> -->
                             </tr>
                             <tr>
                                 <th>分管领导:</th>
@@ -578,6 +578,7 @@
                                 <td class="text-center" style="min-width:80px;">是否满意</td>
                                 <td class="text-center" style="min-width:80px;">审核领导</td>
                                 <td class="text-center" style="min-width:80px;">审核领导职务</td>
+                                <td class="text-center" style="min-width:80px;">审核领导联系方式</td>
                                 <!-- <td class="text-center" style="min-width:80px;">沟通时间</td>
                                 <td class="text-center" style="min-width:80px;">沟通方式</td>
                                 <td class="text-center" style="min-width:80px;">是否满意</td> -->
@@ -611,6 +612,7 @@
                                 <td class="text-center" style="min-width:80px;">是否满意</td>
                                 <td class="text-center" style="min-width:80px;">审核领导</td>
                                 <td class="text-center" style="min-width:80px;">审核领导职务</td>
+                                <td class="text-center" style="min-width:80px;">审核领导联系方式</td>
                                 <!-- <td class="text-center" style="min-width:80px;">沟通时间</td>
                                 <td class="text-center" style="min-width:80px;">沟通方式</td>
                                 <td class="text-center" style="min-width:80px;">是否满意</td> -->
@@ -862,8 +864,8 @@
                                     var isprotect = Data[0].isprotect;
                                     var level = Data[0].F_Level;
                                     $(".F_CusName").text(Data[0].F_CusName);
-                                    $(".F_ConPhone").text(Data[0].F_CusPhone);
-                                    $(".F_CusPhone").text(Data[0].F_ConPhone);
+                                    $(".F_CusPhone").text(Data[0].F_CusPhone);
+                                    $(".F_ConPhone").text(Data[0].F_ConPhone);
                                     $(".phoneType").text(Data[0].F_PhoneType);
                                     $(".splituser").text(Data[0].F_SplitUser);
                                     $(".F_ComTitle").text(Data[0].F_ComTitle);
@@ -893,7 +895,7 @@
                                     isProtect = result.data.data[0].F_IsProtect
                                     if (Data[0].F_CusPhone) {
                                         if (roleCode !== "WLDW" && roleCode !== "EJWLDW") {
-                                            $(".F_ConPhone").hide()
+                                            $(".F_CusPhone").hide()
                                         } else {
                                             $(".phoneTitle").unbind("click");
                                         }
@@ -1433,6 +1435,33 @@
                                                 break;
                                         }
 
+                                        // 领导职务
+                                        var auditPost
+                                        switch (n.F_AuditPost) {
+                                            case "":
+                                                auditPost = ""
+                                                break;
+                                            case null:
+                                                auditPost = ""
+                                                break;
+                                            default:
+                                                auditPost = n.F_AuditPost
+                                                break;
+                                        }
+
+                                        // 领导联系方式
+                                        var auditContact
+                                        switch (n.F_AuditContact) {
+                                            case "":
+                                                auditContact = ""
+                                                break;
+                                            case null:
+                                                auditContact = ""
+                                                break;
+                                            default:
+                                                auditContact = n.F_AuditContact
+                                                break;
+                                        }
 
                                         htmls += '<tr>' +
                                             '<td class="text-center">' + n.F_DealUser +
@@ -1462,7 +1491,9 @@
                                             '</td>' +
                                             '<td class="text-center">' + auditUser +
                                             '</td>' +
-                                            '<td class="text-center">' + n.F_AuditPost +
+                                            '<td class="text-center">' + auditPost +
+                                            '</td>' +
+                                            '<td class="text-center">' + auditContact +
                                             '</td>' +
                                             // '<td class="text-center">' + connectTimeValue +
                                             // '</td>' +
@@ -1642,6 +1673,33 @@
                                                 break;
                                         }
 
+                                        // 领导职务
+                                        var auditPost
+                                        switch (n.F_AuditPost) {
+                                            case "":
+                                                auditPost = ""
+                                                break;
+                                            case null:
+                                                auditPost = ""
+                                                break;
+                                            default:
+                                                auditPost = n.F_AuditPost
+                                                break;
+                                        }
+
+                                        // 领导联系方式
+                                        var auditContact
+                                        switch (n.F_AuditContact) {
+                                            case "":
+                                                auditContact = ""
+                                                break;
+                                            case null:
+                                                auditContact = ""
+                                                break;
+                                            default:
+                                                auditContact = n.F_AuditContact
+                                                break;
+                                        }
 
                                         SJhtmls += '<tr>' +
                                             '<td class="text-center">' + n.F_DealUser +
@@ -1669,9 +1727,11 @@
                                             // '</td>' +
                                             '<td class="text-center">' + isSatisfiedValue +
                                             '</td>' +
-                                            '<td class="text-center">' + n.F_AuditUser +
+                                            '<td class="text-center">' + auditUser +
+                                            '</td>' +
+                                            '<td class="text-center">' + auditPost +
                                             '</td>' +
-                                            '<td class="text-center">' + n.F_AuditPost +
+                                            '<td class="text-center">' + auditContact +
                                             '</td>' +
                                             // '<td class="text-center">' + connectTimeValue +
                                             // '</td>' +

WebUI/CallCenterWeb.UI/CommonHtml/banli.html

@@ -35,24 +35,28 @@
                     <datalist id="dealmanList">
                     </datalist>
                 </td>
-                <th class="Importent">联系方式:</th>
-                <td>
-                    <input type="text" id="dealcontact" />
-                </td>
                 <th class="Importent">职务:</th>
                 <td>
                     <input type="text" id="duties" />
                 </td>
+                <th class="Importent">联系方式:</th>
+                <td>
+                    <input type="text" id="dealcontact" />
+                </td>
             </tr>
             <tr>
                 <th class="Importent">审核领导:</th>
                 <td>
                     <input type="text" id="auditUser" />
                 </td>
-                <th class="Importent">审核领导职务:</th>
+                <th class="Importent">职务:</th>
                 <td>
                     <input type="text" id="auditUserDuties" />
                 </td>
+                <th class="Importent">联系方式:</th>
+                <td>
+                    <input type="text" id="auditContact" />
+                </td>
             </tr>
             <tr>
                 <th class="Importent">处理结果:</th>
@@ -339,6 +343,7 @@
                     duties: $("#duties").val(), //职务
                     AuditUser: $("#auditUser").val(), //审核领导
                     post: $("#auditUserDuties").val(), //审核领导职务
+                    auditContact: $("#auditContact").val(), //审核领导联系方式
                     situation: $("#situation").val(), //处理情况
                     result: $("#result").val(), //办理结果
                     isproresult: $(

WebUI/CallCenterWeb.UI/CommonHtml/banli_zilei.html

@@ -81,24 +81,28 @@
                     <datalist id="dealmanList">
                     </datalist>
                 </td>
-                <th class="Importent">联系方式:</th>
-                <td>
-                    <input type="text" id="dealcontact">
-                </td>
                 <th class="Importent">职务:</th>
                 <td>
                     <input type="text" id="duties">
                 </td>
+                <th class="Importent">联系方式:</th>
+                <td>
+                    <input type="text" id="dealcontact">
+                </td>
             </tr>
             <tr>
                 <th class="Importent">审核领导:</th>
                 <td>
                     <input type="text" id="auditUser" />
                 </td>
-                <th class="Importent">审核领导职务:</th>
+                <th class="Importent">职务:</th>
                 <td>
                     <input type="text" id="auditUserDuties" />
                 </td>
+                <th class="Importent">联系方式:</th>
+                <td>
+                    <input type="text" id="auditContact" />
+                </td>
             </tr>
             <tr>
                 <th class="Importent">处理结果:</th>
@@ -302,6 +306,7 @@
                 dealman: $("#dealman").val(), //承办人
                 AuditUser: $("#auditUser").val(), //审核领导
                 post: $("#auditUserDuties").val(), //审核领导职务
+                auditContact: $("#auditContact").val(), //审核领导联系方式
                 result: $('#result').val(), //处理情况
                 situation: $("#situation").val(), //办理结果
                 isproresult: $('#isProResultRadio input[name="isDisposeResult"]:checked').val(), //处理结果

WebUI/CallCenterWeb.UI/ReportForm/superviseReport.html

@@ -131,12 +131,12 @@
             laydate.render({
                 elem: '#squeryTime',
                 theme: '#00a1cb',
-                type: 'date'
+                type: 'datetime'
             });
             laydate.render({
                 elem: '#equeryTime',
                 theme: '#00a1cb',
-                type: 'date'
+                type: 'datetime'
             });
             initTable();
         });
@@ -183,43 +183,42 @@
 
         // 督办查收
         function superviseCheck(val, row) {
-            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.name + '\', \'1\')" >' + val +
+            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'1\')" >' + val +
                 '</a></div>';
         }
 
         // 督办派单
         function superviseDispatch(val, row) {
-            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.name + '\', \'2\')" >' + val +
+            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'2\')" >' + val +
                 '</a></div>';
         }
 
         // 督办退回
         function superviseReturn(val, row) {
-            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.name + '\', \'3\')" >' + val +
+            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'3\')" >' + val +
                 '</a></div>';
         }
 
         // 督办结案
         function superviseClosed(val, row) {
-            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.name + '\', \'4\')" >' + val +
+            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.UserCode + '\', \'4\')" >' + val +
                 '</a></div>';
         }
 
         // 督办待办
         function superviseUpcoming(val, row) {
-            return '<div class="imgs" ><a class="" onclick="viewList(\'' + row.name + '\', \'4\')" >' + val +
+            return '<div class="imgs" ><a class="" onclick="viewList(\'' + '\', \'5\')" >' + val +
                 '</a></div>';
         }
 
         // 查看列表
-        function viewList(name, db) {
-            name = encodeURIComponent(name);
-            var starttime = $('#squeryTime').val()
-            var endtime = $('#equeryTime').val()
+        function viewList(dbusercode, db) {
+            dbusercode = encodeURIComponent(dbusercode);
+            var starttime = encodeURIComponent($('#squeryTime').val())
+            var endtime = encodeURIComponent($('#equeryTime').val())
             layer.open({
                 type: 2,
-                content: "./superviseReportList.html?name=" + name + "&db=" + db + "&starttime=" + starttime +
-                    "&endtime=" + endtime, //iframe的url，no代表不显示滚动条
+                content: "./superviseReportList.html?dbusercode=" + dbusercode + "&db=" + db + "&starttime=" + starttime + "&endtime=" + endtime, //iframe的url，no代表不显示滚动条
                 title: '督办报表',
                 area: ['90%', '90%'], //宽高
             });

WebUI/CallCenterWeb.UI/ReportForm/superviseReportList.html

@@ -39,11 +39,16 @@
     <script src="../js/layui/layui.js"></script>
     <script src="../js/WorkOrder/WorkOrderList.js"></script>
     <script>
-        var name = decodeURIComponent(helper.request.queryString("name"));
+        var dbusercode = decodeURIComponent(helper.request.queryString("dbusercode"));
         var db = helper.request.queryString("db");   
-        var starttime = helper.request.queryString("starttime");
+        var starttime = decodeURIComponent(helper.request.queryString("starttime"));
         var endtime = decodeURIComponent(helper.request.queryString("endtime"));
+        var dbdb = "";
         $(document).ready(function () {
+            if (db === "5") {
+                dbdb = db;
+                db = "";
+            }
             load();
         });
         //获取查询信息
@@ -71,8 +76,9 @@
                     var param = {
                         page: params.pageNumber,
                         pagesize: params.pageSize,
-                        dbusercode: name, // 督办人员
+                        dbusercode: dbusercode, // 督办人员
                         db: db, // 1督办查收2督办派单3督办退回4督办结案
+                        dbdb: dbdb,
                         strstarttime: starttime, // 开始时间
                         strendtime: endtime, // 结束时间
                         token: $.cookie("token")
@@ -209,7 +215,7 @@
 
             var url = huayi.config.callcenter_url + "WorkOrder/GetModelList?token=" + $.cookie("token");
 
-            url += "&strstarttime=" + starttime + "&strendtime=" + endtime + "&dbusercode=" + name + "&db=" + db + "&isdc=1";
+            url += "&strstarttime=" + starttime + "&strendtime=" + endtime + "&dbusercode=" + dbusercode + "&db=" + db + "&isdc=1";
 
             window.location.href = url;
         }

WebUI/CallCenterWeb.UI/SuperviseManagement/superviseReturnReview.html

@@ -376,11 +376,10 @@
                     html1 = html1.replace("row", row.F_MainDeptId);
                 }
                 html += html1;
-
-            }
-            if (roleCode !== "WLDW") {
-                html += '<a class="xg sendMsg" onclick="sendMsg(\'' + row.F_WorkOrderId + '\')" title="催办">催办</a>';
             }
+            // if (roleCode !== "WLDW") {
+            //     html += '<a class="xg sendMsg" onclick="sendMsg(\'' + row.F_WorkOrderId + '\')" title="催办">催办</a>';
+            // }
             return html;
         }
 

WebUI/CallCenterWeb.UI/SuperviseManagement/superviseUpcoming.html

@@ -209,11 +209,15 @@
             laydate.skin('blue');
             laydate({
                 elem: '#dealstarttime',
-                event: 'focus'
+                event: 'focus',
+                istime: true,
+                format: 'YYYY-MM-DD hh:mm:ss'
             });
             laydate({
                 elem: '#dealstrendtime',
-                event: 'focus'
+                event: 'focus',
+                istime: true,
+                format: 'YYYY-MM-DD hh:mm:ss'
             });
             laydate({
                 elem: '#dbstarttime',
@@ -273,7 +277,7 @@
                 contentType: "application/x-www-form-urlencoded",
                 striped: true, //表格显示条纹
                 pagination: true, //启动分页
-                pageSize: 10, //每页显示的记录数
+                pageSize: 100, //每页显示的记录数
                 pageNumber: 1, //当前第几页
                 pageList: [10, 20, 50, 100], //记录数可选列表
                 search: false, //是否启用查询

WebUI/CallCenterWeb.UI/TelCall/SeatMonitor.html

@@ -228,6 +228,10 @@
             background: #d91e06;
         }
 
+        .mandatoryCheckOut {
+            background: #d91e06;
+        }
+
         .dis {
             background: #989898;
         }
@@ -386,6 +390,7 @@
                     <li><b class="qca" item="Insert">强插</b></li>
                     <li><b class="lj" item="Intercept">拦截</b></li>
                     <li><b class="qc" item="Break">强拆</b></li>
+                    <li><b class="mandatoryCheckOut" item="MotorSetState">签出</b></li>
                 </ul>
             </div>
         </div>
@@ -467,8 +472,6 @@
                         top.obj.SubType = "1";//根据工号订阅线路状态
                         top.Send();
                     })
-                    //top.obj.Type = "SubScribe";
-                    //top.obj.SubParmer = "8003";
 
                     //top.obj.SubType = "0";//根据工号订阅坐席状态
                     //top.Send();
@@ -641,6 +644,9 @@
             if (zxState == '2' && xlState == '5') {
                 $(".zxtp .dj").removeClass("dis");
             }
+            if (!(zxState === '0')) {
+                $(".zxtp .mandatoryCheckOut").removeClass("dis");
+            }
         }
 
         //       	    //浏览器窗口大小改变时

WebUI/CallCenterWeb.UI/home.html

@@ -486,6 +486,12 @@
             background-position: 0px -197px !important;
         }
 
+        /*外呼签入*/
+
+        .callOutLogin {
+            background-position: 0px -197px !important;
+        }
+
         /*签出*/
 
         .Logout {
@@ -1433,6 +1439,10 @@
                                     <i class="iconfont fa-5x Login"></i>
                                     <p>签入</p>
                                 </li>
+                                <li datafun="callOutLogin">
+                                    <i class="iconfont fa-5x callOutLogin"></i>
+                                    <p>外呼签入</p>
+                                </li>
                                 <li datafun="Logout">
                                     <i class="iconfont fa-5x Logout"></i>
                                     <p>签出</p>
@@ -2024,7 +2034,7 @@
                                         名词解释
                                     </li>
                                     <li style="border-bottom:1px solid #f95a83;" data-type="6">
-                                        政策法规
+                                        部门职能
                                     </li>
                                 </ul>
                                 <!-- <div class="ld-search">
@@ -2481,7 +2491,7 @@
                             <table class="table" id="zxTable">
                                 <thead>
                                     <tr>
-                                        <th>姓名</th>
+                                        <!-- <th>姓名</th> -->
                                         <th>工号</th>
                                         <th>分机号</th>
                                         <th>状态</th>

WebUI/CallCenterWeb.UI/js/index.js

@@ -418,9 +418,16 @@ $(document).ready(function () {
                 obj.Type = fun;
                 switch (fun) {
                     case "Login":
+                        obj.AgentGroup = "364";
                         obj.AgentType = "0";
                         Send();
                         break; //签入
+                    case "callOutLogin":
+                        obj.AgentGroup = "300";
+                        obj.AgentType = "0";
+                        obj.Type = "Login";
+                        Send();
+                        break; //外呼签入  
                     case "MakeCall":
                         $(".hidCallID").val("");
                         $("#hidwhtype").val(fun);

WebUI/CallCenterWeb.UI/js/main.js

@@ -37,13 +37,8 @@ function Connect() {
         heartCheck.reset().start();
         cls = 0;
         $(".Login").addClass("active");
+        $(".callOutLogin").addClass("active");
         lasttime = new Date().getTime();
-
-        //自动签入
-        // if ($.cookie("socket_state") != null) {
-            // SetLogin($.cookie("socket_state"));
-        // }
-        //$(".hwzt").text('连接成功！');
     };
     //接收到消息的回调方法
     ws.onmessage = function (evt) {
@@ -130,6 +125,11 @@ function Connect() {
                     case "consult":
                         ConsultationCall();
                         break;//协商呼叫
+                    case "forcelogout":
+                        break;// 强制签出（主控）
+                    case "motorlogout":
+                        LogoutBack()
+                        break;// 强制签出（被控）
                 }
             } else {
                 if (rlt == false) {
@@ -248,6 +248,7 @@ function LoginBack() {
 function LogoutBack() {
     $("#top-search li i").removeClass("active");
     $(".Login").addClass("active");
+    $(".callOutLogin").addClass("active");
     $(".zxzt").removeClass("bl").addClass("br");
     $(".fwzt").removeClass("bl").addClass("br");
     $(".hwzt").text('');
@@ -534,27 +535,6 @@ function SetState(obj) {
     }
 }
 
-// 自动签入
-// function SetLogin(state) {
-//     if (state == 2) { return; }
-//     if (obj.AgentID) {
-//         obj.Type = "Login";
-//          if( $("#RoleCode").val()=='DBHWY'){
-//          	obj.AgentGroup = "1";
-//          }
-//          else if($("#RoleCode").val()=='ZJZY'){
-//                 	obj.AgentGroup = "2";
-//                 }
-//          else{
-//          	obj.AgentGroup = "364";
-//          }
-//         obj.AgentType = "0";
-//         Send();
-//     }
-//     if (state == 1) {
-//         setTimeout('SayBusy()', 500);
-//     }
-// }
 //置忙
 function SayBusy() {
     if (obj.AgentID) {
@@ -572,8 +552,8 @@ function SayBusyBack() {
 //置闲
 function SayFreeBack() {
 	$(".SayBusy").addClass("active");
-    $(".SayFree").removeClass("active");
-    $(".zxzt").removeClass("br").addClass("bl"); //坐席状态指示
+  $(".SayFree").removeClass("active");
+  $(".zxzt").removeClass("br").addClass("bl"); //坐席状态指示
 	$(".hwzt").text('空闲');// 增加坐席状态指示
 	$("#isml").val(0)
 }
@@ -741,8 +721,8 @@ function GetAgentListBack(data) {
                         break; //注销
                 }
                 var html = '<tr fjh="' + m.AgentExten + '">' +
-                    '<td>' + (m.userName ? '' : m.userName) + '</td>' //姓名
-                    +
+                    // '<td>' + (m.userName == undefined ? '' : m.userName) + '</td>' //姓名
+                    // +
                     '<td>' + m.AgentID + '</td>' //工号
                     +
                     '<td>' + m.AgentExten + '</td>'//分机号

WebUI/CallCenterWeb.UI/zhiShiKu/addOrEditZhiShiKuGuide.html

@@ -122,7 +122,7 @@
                 <td><input type="text" id="policyBased" autocomplete="off" /></td>
             </tr>
             <tr>
-                <td width="100">网上办理连接</td>
+                <td width="100">网上办理链接</td>
                 <td><input type="text" id="onlineURL" autocomplete="off" /></td>
                 <td width="100">附件</td>
                 <td>

WebUI/CallCenterWeb.UI/zhiShiKu/detailZhiShiKuGuide.html

@@ -134,7 +134,7 @@
                 <td><input type="text" id="policyBased" autocomplete="off" readonly="readonly" /></td>
             </tr>
             <tr>
-                <td width="100">网上办理连接</td>
+                <td width="100">网上办理链接</td>
                 <td><input type="text" id="onlineURL" autocomplete="off" readonly="readonly" /></td>
                 <td width="100">附件</td>
                 <td id="file">

anyangWebAPP/components/yi-line/yi-line.vue

@@ -0,0 +1,64 @@
+<template>
+	<view class="empty-container">
+		<view class="empty-line" ref="left-line-dom">
+			
+		</view>
+		
+		<view class="empty-words" v-if="isHasWords">
+			<slot>
+				<view>
+					暂无数据
+				</view>
+				<view>
+					请在右上角添加
+				</view>
+			</slot>
+		</view>
+		
+		<view class="empty-line" ref="right-line-dom">
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		mounted() {
+			this.$refs['left-line-dom'].$el.style.backgroundColor = this.lineColor
+			this.$refs['right-line-dom'].$el.style.backgroundColor = this.lineColor
+		},
+		props: {
+			isHasWords: {
+				type: Boolean,
+				default: true
+			},
+			lineColor: {
+				type: String,
+				default: '#DCDFE6'
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.empty-container{
+		display: flex;
+		font-size: 14px;
+		align-items: center;
+	}
+	.empty-line{
+		width: 100%;
+		height: 1px;
+	}
+	.empty-words{
+		flex-shrink: 0;
+		text-align: center;
+		color: #909399;
+		font-size: 12px;
+	}
+</style>

anyangWebAPP/package.json

@@ -0,0 +1,9 @@
+{
+    "id": "yi-line",
+    "name": "底部分割线",
+    "version": "0.0.1",
+    "description": "底部分割线，虽然不复杂但是每次都重写好麻烦，封装出来下次直接用吧",
+    "keywords": [
+        "底部分割线"
+    ]
+}

anyangWebAPP/pages.json

@@ -31,13 +31,23 @@
     {
       "path": "pages/workOrderList/workOrderList",
       "style": {
-        "navigationBarTitleText": "工单列表"
+        "navigationBarTitleText": "工单列表",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/workOrderDetail/workOrderDetail",
+      "style": {
+        "navigationBarTitleText": "工单详情"
+      }
+    },
+    {
+      "path": "pages/editWorkOrder/editWorkOrder",
+      "style": {
+        "navigationBarTitleText": "编辑工单"
       }
     }
   ],
-  // "tabBar":{
-
-  // },
   "globalStyle": {
     "navigationBarTextStyle": "white",
     "navigationBarTitleText": "全局",

anyangWebAPP/pages/editWorkOrder/editWorkOrder.vue

@@ -0,0 +1,474 @@
+<template>
+  <view class="wrapper">
+    <view class="form">
+      <form @submit="formSubmit" @reset="formReset">
+        <view class="uni-form-item uni-column">
+          <view class="title">标题：</view>
+          <input class="uni-input" name="workOrderTitle" :value="formData.workOrderTitle" placeholder="标题" />
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">来电内容：</view>
+          <view class="uni-textarea">
+            <textarea name="callContent" :value="formData.callContent" auto-height />
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">工单内容：</view>
+          <view class="uni-textarea">
+            <textarea name="workOrderContent" :value="formData.workOrderContent" auto-height />
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">处理方式：</view>
+          <radio-group name="processingMethod" :value="formData.processingMethod" @change="bindChangeProcessingMethod">
+            <label> <radio value="1" :checked="!radioChecked.processingMethod" /><text>当即办理</text> </label>
+            <label> <radio value="0"  :checked="radioChecked.processingMethod" /><text>网络转办</text> </label>
+          </radio-group>
+        </view>
+        <view class="uni-form-item uni-column" v-show="isDisplay.result">
+          <view class="title">办理内容：</view>
+          <view class="uni-textarea">
+            <textarea name="result" :value="formData.result" auto-height />
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">姓名：</view>
+          <input class="uni-input" name="name" :value="formData.name" placeholder="这是一个输入框" />
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">性别：</view>
+          <radio-group name="gender" :value="formData.gender">
+            <label> <radio value="0" :checked="radioChecked.gender" /><text>男</text></label>
+            <label> <radio value="1" :checked="!radioChecked.gender" /><text>女</text></label>
+          </radio-group>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">来源：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChangeSource" :range="sourceListData" :range-key="'F_Value'">
+                  <view name="source" class="uni-input">{{ sourceListData[pickerIndex.indexSource].F_Value }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">来电号码：</view>
+          <input class="uni-input" name="callerNumber" :value="formData.callerNumber" placeholder="这是一个输入框" />
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">类型：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChangeType" value="" :range="typeListData" :range-key="'F_Value'">
+                  <view class="uni-input">{{ typeListData[pickerIndex.indexType].F_Value }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">反映类别：</view>
+          <uni-combox :candidates="candidates" v-model="city" labelWidth="10000"></uni-combox>
+
+          <!-- <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChange" :value="formData.index" :range="array">
+                  <view class="uni-input">{{ array[index] }}</view>
+                </picker>
+              </view>
+            </view>
+          </view> -->
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="title">号码密级：</view>
+          <radio-group name="numberSecurityLevel" :value="formData.numberSecurityLevel">
+            <label> <radio value="0" :checked="radioChecked.numberSecurityLevel" /><text>普通</text> </label>
+            <label> <radio value="1" :checked="!radioChecked.numberSecurityLevel" /><text>保密</text> </label>
+          </radio-group>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">紧急程度：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChangeEmergencyLevel" :value="pickerIndex.indexEmergencyLevel" :range="emergencyLevelListData" :range-key="'text'">
+                  <view class="uni-input">{{ emergencyLevelListData[pickerIndex.indexEmergencyLevel].text }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">分管领导：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChangeLeaderCharge" :value="formData.leaderCharge" :range="leaderChargeListData" :range-key="'text'">
+                  <view class="uni-input">{{ leaderChargeListData[pickerIndex.indexLeaderCharge].text }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">承办单位：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChange" :value="formData.index" :range="array">
+                  <view class="uni-input">{{ array[index] }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">办理时限：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChange" :value="formData.index" :range="array">
+                  <view class="uni-input">{{ array[index] }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="uni-form-item uni-column">
+          <view class="uni-title uni-common-pl">紧急时限：</view>
+          <view class="uni-list">
+            <view class="uni-list-cell">
+              <view class="uni-list-cell-db">
+                <picker @change="bindPickerChange" :value="formData.index" :range="array">
+                  <view class="uni-input">{{ array[index] }}</view>
+                </picker>
+              </view>
+            </view>
+          </view>
+        </view> -->
+        <view class="uni-btn-v">
+          <button form-type="submit">Submit</button>
+        </view>
+      </form>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      wid: "", // 工单id
+      title: "picker",
+      array: ["中国", "美国", "巴西", "日本"],
+      index: 0,
+      // date: currentDate,
+      formData: {
+        workOrderTitle: "", // 标题
+        callContent: "", // 来电内容
+        workOrderContent: "", // 工单内容
+        processingMethod: "", // 处理方式
+        result: "", // 办理内容
+        name: "", // 姓名
+        gender: "", // 性别
+        source: "", // 来源
+        callerNumber: "", // 来电号码
+        workOrderType: "", // 工单类型
+        responseCategory: "", // 反映类别
+        numberSecurityLevel: "", // 来电号码密级
+        emergencyLevel: "", // 紧急程度
+        organizer: "", // 承办单位
+        processingTimeLimit: "", // 办理时限
+        emergencyTimeLimit: "", // 积极时限
+        leaderCharge: "", // 分管领导
+        threeWayCall: "", // 三方通话
+      },
+      radioChecked: {
+        processingMethod: true,
+        gender: true,
+        numberSecurityLevel: true,
+      },
+      isDisplay: {
+        result: false, // 办理内容
+      },
+      pickerIndex: {
+        indexSource: 0, // 来源index
+        indexType: 0, // 类型index
+        indexEmergencyLevel: 0, // 紧急程度index
+        indexLeaderCharge: 0, // 分管领导index
+      },
+      // 来源数据
+      sourceListData: [
+        {
+          F_Value: "请选择",
+        }
+      ],
+      // 工单类型数据
+      typeListData: [
+        {
+          F_Value: "请选择",
+        }
+      ], 
+      // 紧急程度
+      emergencyLevelListData: [
+        {
+          value: "1",
+          text: "普通",
+        },
+        {
+          value: "2",
+          text: "紧急",
+        },
+      ],
+      // 分管领导
+      leaderChargeListData: [
+        {
+          value: "0",
+          text: "省长",
+        },
+        {
+          value: "1",
+          text: "市长",
+        }
+      ]
+    }
+  },
+  onLoad(option) {
+    console.log("option", option);
+    this.wid = option.wid
+    // 获取来源数据 dictionaryId=1
+    this.getDictionaryData(1)
+    // 获取来源数据 dictionaryId=2
+    this.getDictionaryData(2)
+    // 获取详情 type=0
+    this.getDetail(0)
+  },
+  methods: {
+    formSubmit: function (e) {
+      this.formData.workOrderTitle = e.detail.value.workOrderTitle;
+      this.formData.processingMethod = e.detail.value.processingMethod;
+      this.formData.name = e.detail.value.name;
+      this.formData.gender = e.detail.value.gender;
+      this.formData.callerNumber = e.detail.value.callerNumber;
+      this.formData.numberSecurityLevel = e.detail.value.numberSecurityLevel;
+      this.formData.callContent = e.detail.value.callContent;
+      this.formData.workOrderContent = e.detail.value.workOrderContent;
+      this.formData.result = e.detail.value.result;
+      console.log("form发生了submit事件，携带数据为：" + JSON.stringify(e.detail.value))
+      this.saveData();
+    },
+    // 保存
+    saveData() {
+      const params = {
+        workorderid: this.wid,
+        cusname: this.formData.name, // 姓名
+        cussex: this.formData.gender, // 性别
+        cusphone: this.formData.callerNumber, // 电话
+        title: this.formData.workOrderTitle, // 标题
+        content: this.formData.callContent, // 来电内容
+        workcontent: this.formData.workOrderContent, // 工单内容
+        // files: $("#file").val(), //(多个用英文逗号,隔开)
+        files: "",
+        // sourcearea: $("#sourcearea").val(), //=事发地域id
+        sourcearea: "",
+        // sourceaddress: $("#sourceaddress").val(), //=事发详细地址
+        sourceaddress: "",
+        source: this.formData.source, // 来源
+        splituser: this.formData.leaderCharge, // 分管领导
+        isresult: this.formData.processingMethod, //=（0转办1直办）
+        // business: this.formData.threeWayCall, // 三方通话
+        business: "0",
+        result: this.formData.result, // 办理内容
+        keys: this.formData.responseCategory, // 反映类别
+        type: this.formData.workOrderType, // 类型
+        isprotect: this.formData.numberSecurityLevel, //=(0普通1保密)
+        level: this.formData.emergencyLevel, //=(1普通2紧急)
+        // visittype: $("#visittype").val(), // 回访方式
+        issubmit: 0, //=（0保存1保存并提交）
+        token: uni.getStorageSync("token"),
+      }
+      this.$http
+        .get("/WorkOrder/EditWorkOrder", params)
+        .then((response) => {
+          if (response.state.toLowerCase() === "success") {
+          }
+        })
+        .catch((e) => {
+          console.log(e)
+        })
+    },
+
+    //获取详情
+    getDetail(type) {
+      let params = {
+        type: type,
+        workorderid: this.wid,
+        token: uni.getStorageSync("token"),
+      }
+      this.$http.get("/WorkOrder/GetWorkOrderNew", params).then((response) => {
+        if (response.state.toLowerCase() === "success") {
+          let data = response.data.data[0];
+
+          this.formData.name = data.F_CusName; // 姓名
+          this.formData.gender = data.F_CusSex; // 性别
+          this.formData.callerNumber = data.F_CusPhone; // 电话
+          this.formData.workOrderTitle = data.F_ComTitle; // 标题
+          this.formData.callContent = data.F_Content; // 来电内容
+          this.formData.workOrderContent = data.F_Content; // 工单内容
+          // files: $("#file").val(), //(多个用英文逗号,隔开)
+          // sourcearea: $("#sourcearea").val(), //=事发地域id
+          // sourceaddress: $("#sourceaddress").val(), //=事发详细地址
+          // this.formData.threeWayCall = data.F_Business, // 三方通话
+          this.formData.result = data.F_Result; // 办理内容
+          this.formData.responseCategory = data.F_Key; // 反映类别
+
+          // 处理方式（0转办1直办）
+          if (String(data.F_IsResult) === "0") {
+            this.radioChecked.processingMethod = true;
+          } else if (Sting(data.F_IsResult) === "1") {
+            this.radioChecked.processingMethod = false;
+          }
+
+          // 性别(0男1女)
+          if (String(data.F_CusSex) === "0") {
+            this.radioChecked.gender = true;
+          } else if (String(data.F_CusSex) === "1") {
+            this.radioChecked.gender = false;
+          }
+
+          // 号码密级(0普通1保密)
+          if (String(data.F_IsProtect) === "0") {
+            this.radioChecked.numberSecurityLevel = true;
+          } else if (String(data.F_IsProtect) === "1") {
+            this.radioChecked.numberSecurityLevel = false;
+          }
+
+          // 来源
+          this.sourceListData.forEach((e,i) => {
+            if (String(e.F_ValueId) === String(data.F_InfoSource)) {
+              this.pickerIndex.indexSource = i;
+              this.formData.source = data.F_InfoSource;
+            }
+          });
+
+          // 咨询
+          this.typeListData.forEach((e,i) => {
+            if (String(e.F_ValueId) === String(data.F_InfoType)) {
+              this.pickerIndex.indexType = i;
+              this.formData.workOrderType = data.F_InfoType;
+            }
+          });
+
+          // 紧急程度
+          this.emergencyLevelListData.forEach((e,i) => {
+            if (String(e.value) === String(data.F_Level)) {
+              this.pickerIndex.indexEmergencyLevel = i;
+              this.formData.emergencyLevel = data.F_Level;
+            }
+          });
+
+          // 分管领导
+          this.leaderChargeListData.forEach((e,i) => {
+            if (String(e.text) === String(data.F_SplitUser)) {
+              this.pickerIndex.indexLeaderCharge = i;
+              this.formData.leaderCharge = data.F_SplitUser;
+            }
+          });
+
+        // visittype: $("#visittype").val(), // 回访方式
+        }
+      }).catch((e) => {
+        console.log(e);
+      })
+    },
+
+    // 获取数据字典
+    getDictionaryData(dictionaryId) {
+      const params = {
+        id: dictionaryId,
+        token: uni.getStorageSync("token"),
+      }
+      this.$http
+        .get("/Dictionary/GetDicValueListById", params)
+        .then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            let data = response.data;
+            if (String(dictionaryId) === "1") {
+              // 来源数据
+              this.sourceListData = data;
+            } else if (String(dictionaryId) === "2") {
+              // 类型数据
+              this.typeListData = data;
+            }
+          }
+        })
+        .catch((e) => {
+          console.log(e)
+        })
+    },
+    bindPickerChange: function (e) {
+      console.log("picker发送选择改变，携带值为", e.target.value)
+      this.index = e.target.value
+    },
+
+    bindPickerChangeSource: function (e) {
+      this.pickerIndex.indexSource = e.target.value;
+      this.formData.source = this.sourceListData[e.target.value].F_ValueId;
+    },
+    bindPickerChangeType: function (e) {
+      this.pickerIndex.indexType = e.target.value;
+      this.formData.workOrderType = this.typeListData[e.target.value].F_ValueId
+    },
+    bindPickerChangeEmergencyLevel: function (e) {
+      this.pickerIndex.indexEmergencyLevel = e.target.value;
+      this.formData.emergencyLevel = this.emergencyLevelListData[e.target.value].value
+    },
+    bindPickerChangeLeaderCharge: function (e) {
+      this.pickerIndex.indexLeaderCharge = e.target.value;
+      this.formData.leaderCharge = this.leaderChargeListData[e.target.value].text
+    },
+    bindChangeProcessingMethod: function (e) {
+      if (String(e.detail.value) === "0") {
+        this.isDisplay.result = false;
+      } else if (String(e.detail.value) === "1") {
+        this.isDisplay.result = true;
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 15px;
+  .form {
+    .uni-form-item {
+      // display: flex;
+      margin: 10px 0 0 0;
+      padding: 0 0 5px 0;
+      font-size: 14px;
+      border-bottom: 1px solid #bfbfbf;
+      .title {
+        font-size: 14px;
+      }
+      .uni-title {
+        width: 70px !important;
+      }
+      .uni-input {
+        font-size: 14px;
+      }
+      radio-group label radio {
+        transform: scale(0.7);
+      }
+      radio-group uni-text {
+        font-size: 14px;
+      }
+    }
+  }
+}
+</style>

anyangWebAPP/pages/myTask/myTask.vue

@@ -85,7 +85,6 @@
             console.log(this.State)
         },
       workOrderListClick(item) {
-        console.log(123, item)
         uni.navigateTo({
           url: item.navigateToUrl
         })

anyangWebAPP/pages/setting/setting.vue

@@ -58,10 +58,10 @@
             content: '退出到登录页面',
             success: function (res) {
                 if (res.confirm) {
-                    uni.setStorageSync('Username', '')
-                    uni.setStorageSync('Password', '')
-										uni.setStorageSync('token', '')
-										
+                    uni.setStorageSync('Username', '');
+                    uni.setStorageSync('Password', '');
+										uni.setStorageSync('token', '');
+
                     uni.reLaunch({
                     	url: '/pages/login/login'
                     });

anyangWebAPP/pages/workOrderDetail/workOrderDetail.vue

@@ -0,0 +1,163 @@
+<template>
+  <view class="wrapper">
+    <view class="detailContent">
+      <view class="contentTable">
+        <text class="contentTitle">工单编号：</text>
+        <text class="contentText">{{ detailContentData.F_WorkOrderId }}</text>
+      </view>
+      <view class="contentTable">
+        <text class="contentTitle">标题：</text>
+        <text class="contentText">{{ detailContentData.F_ComTitle }}</text>
+      </view>
+      <view class="contentTable">
+        <text class="contentTitle">来电内容：</text>
+        <text class="contentText">{{ detailContentData.F_ComContent }}</text>
+      </view>
+      <view class="contentTable">
+        <text class="contentTitle">工单内容：</text>
+        <text class="contentText">{{ detailContentData.F_Content }}</text>
+      </view>
+      <view class="contentTable">
+        <text class="contentTitle">来电人：</text>
+        <text class="contentText">{{ detailContentData.F_CusName }}</text>
+      </view>
+      <view class="contentTable">
+        <text class="contentTitle">来电号码：</text>
+        <text class="contentText">{{ detailContentData.F_CusPhone }}</text>
+      </view>
+      <view class="contentTable">
+        <text class="contentTitle">来源：</text>
+        <text class="contentText">{{ detailContentData.SourceName }}</text>
+      </view>
+    </view>
+    <yiLine>
+      <view></view>
+    </yiLine>
+    <view class="operationButton">
+      <view>
+        <text class="operationButtonTitle">操作按钮</text>
+        <view class="buttons">
+          <button class="mini-btn" type="default" size="mini" @click="editBtn">编辑</button>
+        </view>
+      </view>
+    </view>
+    <yiLine>
+      <view></view>
+    </yiLine>
+    <view class="handleProcess">
+      <view>
+        <text class="handleProcessTitle">办理过程</text>
+        <view class="handleProcessContent" v-for="item in handleProcessListData" :key=item.F_Id>
+          <view class="handleProcessContentTime">
+            <text>{{ item.F_CreateTime }}</text>
+          </view>
+          <view class="handleProcessContentText">
+            <text>{{ item.F_Message }}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import yiLine from "../../components/yi-line/yi-line.vue"
+export default {
+  components: {
+    yiLine,
+  },
+  data() {
+    return {
+      wid: "", // 工单id
+      detailContentData: {}, // 详情内容
+      handleProcessListData: [], // 办理过程
+    }
+  },
+  onLoad(option) {
+    this.wid = option.wid;
+    // 获取详情
+    this.getDetail("0");
+    // 获取办理过程
+    this.getDetail("9");
+  },
+  methods: {
+    getDetail(type) {
+      let params = {
+        type: type,
+        workorderid: this.wid,
+        token: uni.getStorageSync("token"),
+      }
+      this.$http.get("/WorkOrder/GetWorkOrderNew", params).then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            let data = response.data;
+            if (type === "0") {
+              this.detailContentData = data.data[0];
+              console.log(this.detailContentData)
+            } else if (type === "9") {
+              this.handleProcessListData = data;
+            }
+          }
+        }).catch((e) => {
+          console.log(e);
+        })
+    },
+
+    editBtn() {
+      uni.navigateTo({
+        url: "/pages/editWorkOrder/editWorkOrder?wid=" + this.wid,
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+.wrapper {
+  padding: 10px 10px 0 10px;
+  .detailContent {
+    margin: 0 0 15px 0;
+    .contentTable {
+      margin: 0 0 5px 0;
+      .contentTitle {
+        font-weight: 700;
+        font-size: 14px;
+      }
+      .contentText {
+        color: #525252;
+        font-size: 14px;
+      }
+    }
+  }
+  .operationButton {
+    margin: 15px 0;
+    .operationButtonTitle {
+      font-weight: 700;
+    }
+    .buttons {
+      margin: 10px 0 0 0;
+      .mini-btn {
+        margin-right: 3px;
+        color: #fff;
+        background: #1e90ff;
+      }
+    }
+  }
+  .handleProcess {
+    margin: 15px 0;
+    .handleProcessTitle {
+      font-weight: 700;
+    }
+    .handleProcessContent {
+      margin: 8px 0 0 0;
+      .handleProcessContentTime text {
+        font-size: 12px;
+        color: #73d13d;
+      }
+      .handleProcessContentText text {
+        font-size: 12px;
+        color: #525252;
+      }
+    }
+  }
+}
+</style>

anyangWebAPP/pages/workOrderList/workOrderList.vue

@@ -1,65 +1,164 @@
 <template>
-    <view>
-      <uni-table border stripe emptyText="暂无更多数据" >
-        <!-- 表头行 -->
-        <uni-tr>
-            <!-- <uni-th align="center">序号</uni-th> -->
-            <uni-th align="center">工单单号</uni-th>
-            <uni-th align="center">诉求标题</uni-th>
-            <uni-th align="center">来电内容</uni-th>
-            <uni-th align="center">承办单位</uni-th>
-            <uni-th align="center">受理人</uni-th>
-            <uni-th align="center">办理状态</uni-th>
-            <uni-th align="center">时限</uni-th>
-            <uni-th align="center">办理时限</uni-th>
-        </uni-tr>
-        <!-- 表格数据行 -->
-        <uni-tr v-for="item in listData" :key="item.F_WorkOrderId">
-          <!-- <uni-td align="center">{{  }}</uni-td> -->
-          <uni-td align="center">{{ item.F_WorkOrderId }}</uni-td>
-          <uni-td align="center">{{ item.F_ComTitle }}</uni-td>
-          <uni-td align="center">{{ item.F_ComContent }}</uni-td>
-          <uni-td align="center">{{ item.DeptName }}</uni-td>
-          <uni-td align="center">{{ item.UserName }}</uni-td>
-          <uni-td align="center">{{ item.F_WorkState }}</uni-td>
-          <uni-td align="center">{{ item.OverState }}</uni-td>
-          <uni-td align="center">{{ item.LimitTime }}</uni-td>
-        </uni-tr>
-      </uni-table>
-    </view>
+  <view>
+    <uni-table border stripe emptyText="暂无更多数据">
+      <!-- 表头行 -->
+      <uni-tr>
+        <!-- <uni-th align="center">序号</uni-th> -->
+        <uni-th align="center">工单单号</uni-th>
+        <uni-th align="center">诉求标题</uni-th>
+        <uni-th align="center">来电内容</uni-th>
+        <uni-th align="center">承办单位</uni-th>
+        <uni-th align="center">受理人</uni-th>
+        <uni-th align="center">办理状态</uni-th>
+        <uni-th align="center">时限</uni-th>
+        <uni-th align="center">办理时限</uni-th>
+      </uni-tr>
+      <!-- 表格数据行 -->
+      <uni-tr v-for="item in listData" :key="item.F_WorkOrderId">
+        <!-- <uni-td align="center">{{  }}</uni-td> -->
+        <uni-td align="center">
+          <view @click="workOrderIdClick(item.F_WorkOrderId)">
+            {{ item.F_WorkOrderId }}
+          </view>
+        </uni-td>
+        <uni-td align="center">{{ item.F_ComTitle | limitContentLength(item) }}</uni-td>
+        <uni-td align="center">{{ item.F_ComContent | limitContentLength(item) }}</uni-td>
+        <uni-td align="center">{{ item.DeptName }}</uni-td>
+        <uni-td align="center">{{ item.UserName }}</uni-td>
+        <uni-td align="center">{{ item.F_WorkState | workOrderState(item) }}</uni-td>
+        <uni-td align="center">{{ item.OverState }}</uni-td>
+        <uni-td align="center">{{ item.LimitTime }}</uni-td>
+      </uni-tr>
+    </uni-table>
+  </view>
 </template>
 
 <script>
-  const urlData = ["/WorkOrder/GetList", "/WorkOrder/GetLDDealList"]
-  export default {
-    
-    data() {
-      return {
-        listData: [],
-        workOrderStatusData: []
-      };
-    },
-    onLoad(optioin) {
-      this.getList(optioin);
-    },
-    methods: {
-      getList(optioin) {
-        const params = {
-          "tab": optioin.tab, // 待处理
-          "token": uni.getStorageSync('token')
-        }
-        let workOrderListType = Number(optioin.workOrderListType)
-        this.$http.get(urlData[workOrderListType],params).then((response)=>{
-          if (response.state.toLowerCase() === 'success') {
-            this.listData = response.rows;
+const urlData = ["/WorkOrder/GetList", "/WorkOrder/GetLDDealList"]
+export default {
+  data() {
+    return {
+      listData: [],
+      paramsData: {},
+      pageNumber: 1,
+    }
+  },
+  onLoad(optioin) {
+    optioin.page = 1; // 页码
+    optioin.pagesize = 10; // 条数
+    this.paramsData = optioin;
+    this.getList(this.paramsData);
+  },
+  methods: {
+    getList(optioin) {
+      const params = {
+        page: optioin.page,
+        pagesize: optioin.pagesize,
+        tab: optioin.tab, // 待处理
+        token: uni.getStorageSync("token"),
+      }
+      let workOrderListType = Number(optioin.workOrderListType);
+      this.$http.get(urlData[workOrderListType], params).then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            let data = response.rows;
+            this.listData = data.concat(this.listData);
+            uni.stopPullDownRefresh();
           }
-        }).catch((e)=>{
+        }).catch((e) => {
           console.log(e)
         })
-      },
+    },
+    workOrderIdClick(value) {
+      uni.navigateTo({
+        url: "/pages/workOrderDetail/workOrderDetail?wid=" + value,
+      })
+    }
+  },
+  filters: {
+    // 工单状态过滤
+    workOrderState(value, options) {
+      var resultData = ""
+      switch (value + "") {
+        case "0":
+          resultData = "新工单"
+          if (options.F_IsReturn == 1) {
+            resultData = "新工单（回退）"
+          }
+          break
+        case "1":
+          resultData = "待交办"
+          break
+        case "2":
+          resultData = '待查收'
+          break
+        case "3":
+          resultData = "退回审核中"
+          break
+        case "4":
+          resultData = "办理中"
+          break
+        case "5":
+          resultData = "延时审核"
+          break
+        case "6":
+          if (options.F_IsProtect === 2 || options.F_IsProtect === 3) {
+            resultData = "已办未果"
+          } else {
+            resultData = "已办理"
+          }
+          break
+        case "7":
+          resultData = "已回访"
+          break
+        case "8":
+          if (options.F_Identification === 0) {
+            resultData = "重置转发"
+          } else if (options.F_Identification === 1) {
+            resultData = "退回重办"
+          } else {
+            resultData = "重办中"
+          }
+          break
+        case "9":
+          resultData = "已结案"
+          break
+        case "10":
+          resultData = "待审核"
+          break
+        case "11":
+          resultData = "重办待交办"
+          break
+        //              case '12':
+        //                  resultData = '待审核';
+        //                  break;
+        case "13":
+          resultData = "重办驳回"
+          break
+      }
+      return resultData
+    },
+
+    // 限制内容长度
+    limitContentLength(value, options) {
+      if (value) {
+        if (value.length > 15) {
+          value = value.substr(0, 15) + "...";
+        }
+        return value;
+      } else {
+          return "";
+      }
     }
-  }
+  },
+  onPullDownRefresh() {
+    this.pageNumber = this.pageNumber + 1;
+    this.paramsData.page = this.pageNumber;
+    this.getList(this.paramsData);
+    // setTimeout(function () {
+    // }, 1500)
+  },
+}
 </script>
 
-<style>
+<style lang="scss">
 </style>

anyangWebAPP/uni_modules/uni-combox/changelog.md

@@ -0,0 +1,10 @@
+## 0.1.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 0.0.6（2021-05-12）
+- 新增 组件示例地址
+## 0.0.5（2021-04-21）
+- 优化 添加依赖 uni-icons, 导入后自动下载依赖
+## 0.0.4（2021-02-05）
+- 优化 组件引用关系，通过uni_modules引用组件
+## 0.0.3（2021-02-04）
+- 调整为uni_modules目录规范

anyangWebAPP/uni_modules/uni-combox/components/uni-combox/uni-combox.vue

@@ -0,0 +1,239 @@
+<template>
+	<view class="uni-combox">
+		<view v-if="label" class="uni-combox__label" :style="labelStyle">
+			<text>{{label}}</text>
+		</view>
+		<view class="uni-combox__input-box">
+			<input class="uni-combox__input" type="text" :placeholder="placeholder" v-model="inputVal" @input="onInput"
+			 @focus="onFocus" @blur="onBlur" />
+			<uni-icons class="uni-combox__input-arrow" type="arrowdown" size="14" @click="toggleSelector"></uni-icons>
+			<view class="uni-combox__selector" v-if="showSelector">
+				<scroll-view scroll-y="true" class="uni-combox__selector-scroll">
+					<view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0">
+						<text>{{emptyTips}}</text>
+					</view>
+					<view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index" @click="onSelectorClick(index)">
+						<text>{{item}}</text>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	/**
+	 * Combox 组合输入框
+	 * @description 组合输入框一般用于既可以输入也可以选择的场景
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=1261
+	 * @property {String} label 左侧文字
+	 * @property {String} labelWidth 左侧内容宽度
+	 * @property {String} placeholder 输入框占位符
+	 * @property {Array} candidates 候选项列表
+	 * @property {String} emptyTips 筛选结果为空时显示的文字
+	 * @property {String} value 组合框的值
+	 */
+	export default {
+		name: 'uniCombox',
+		emits:['input','update:modelValue'],
+		props: {
+			label: {
+				type: String,
+				default: ''
+			},
+			labelWidth: {
+				type: String,
+				default: 'auto'
+			},
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			candidates: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			emptyTips: {
+				type: String,
+				default: '无匹配项'
+			},
+			// #ifndef VUE3
+			value: {
+				type: [String, Number],
+				default: ''
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+				type: [String, Number],
+				default: ''
+			},
+			// #endif
+		},
+		data() {
+			return {
+				showSelector: false,
+				inputVal: ''
+			}
+		},
+		computed: {
+			labelStyle() {
+				if (this.labelWidth === 'auto') {
+					return {}
+				}
+				return {
+					width: this.labelWidth
+				}
+			},
+			filterCandidates() {
+				return this.candidates.filter((item) => {
+					return item.toString().indexOf(this.inputVal) > -1
+				})
+			},
+			filterCandidatesLength() {
+				return this.filterCandidates.length
+			}
+		},
+		watch: {
+			// #ifndef VUE3
+			value: {
+				handler(newVal) {
+					this.inputVal = newVal
+				},
+				immediate: true
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+				handler(newVal) {
+					this.inputVal = newVal
+				},
+				immediate: true
+			},
+			// #endif
+		},
+		methods: {
+			toggleSelector() {
+				this.showSelector = !this.showSelector
+			},
+			onFocus() {
+				this.showSelector = true
+			},
+			onBlur() {
+				setTimeout(() => {
+					this.showSelector = false
+				}, 153)
+			},
+			onSelectorClick(index) {
+				this.inputVal = this.filterCandidates[index]
+				this.showSelector = false
+				this.$emit('input', this.inputVal)
+				this.$emit('update:modelValue', this.inputVal)
+			},
+			onInput() {
+				setTimeout(() => {
+					this.$emit('input', this.inputVal)
+					this.$emit('update:modelValue', this.inputVal)
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.uni-combox {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		height: 40px;
+		flex-direction: row;
+		align-items: center;
+		// border-bottom: solid 1px #DDDDDD;
+	}
+
+	.uni-combox__label {
+		font-size: 16px;
+		line-height: 22px;
+		padding-right: 10px;
+		color: #999999;
+	}
+
+	.uni-combox__input-box {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.uni-combox__input {
+		flex: 1;
+		font-size: 16px;
+		height: 22px;
+		line-height: 22px;
+	}
+
+	.uni-combox__input-arrow {
+		padding: 10px;
+	}
+
+	.uni-combox__selector {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		position: absolute;
+		top: 42px;
+		left: 0;
+		width: 100%;
+		background-color: #FFFFFF;
+		border-radius: 6px;
+		box-shadow: #DDDDDD 4px 4px 8px, #DDDDDD -4px -4px 8px;
+		z-index: 2;
+	}
+
+	.uni-combox__selector-scroll {
+		/* #ifndef APP-NVUE */
+		max-height: 200px;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.uni-combox__selector::before {
+		/* #ifndef APP-NVUE */
+		content: '';
+		/* #endif */
+		position: absolute;
+		width: 0;
+		height: 0;
+		border-bottom: solid 6px #FFFFFF;
+		border-right: solid 6px transparent;
+		border-left: solid 6px transparent;
+		left: 50%;
+		top: -6px;
+		margin-left: -6px;
+	}
+
+	.uni-combox__selector-empty,
+	.uni-combox__selector-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		cursor: pointer;
+		/* #endif */
+		line-height: 36px;
+		font-size: 14px;
+		text-align: center;
+		border-bottom: solid 1px #DDDDDD;
+		margin: 0px 10px;
+	}
+
+	.uni-combox__selector-empty:last-child,
+	.uni-combox__selector-item:last-child {
+		/* #ifndef APP-NVUE */
+		border-bottom: none;
+		/* #endif */
+	}
+</style>

anyangWebAPP/uni_modules/uni-combox/package.json

@@ -0,0 +1,85 @@
+{
+  "id": "uni-combox",
+  "displayName": "uni-combox 组合框",
+  "version": "0.1.0",
+  "description": "可以选择也可以输入的表单项 ",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "combox",
+    "组合框",
+    "select"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+  "dcloudext": {
+    "category": [
+      "前端组件",
+      "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": [
+			"uni-icons"
+		],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "n"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}

anyangWebAPP/uni_modules/uni-combox/readme.md

@@ -0,0 +1,52 @@
+
+
+## Combox 组合框
+> **组件名：uni-combox**
+> 代码块： `uCombox`
+
+
+组合框组件。
+
+### 平台兼容性说明
+
+**暂不支持nvue**
+
+### 安装方式
+
+本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，`HBuilderX 2.5.5`起，只需将本组件导入项目，在页面`template`中即可直接使用，无需在页面中`import`和注册`components`。
+
+如需通过`npm`方式使用`uni-ui`组件，另见文档：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55)
+
+### 基本用法
+
+在 ``template`` 中使用组件
+```html
+<uni-combox label="所在城市" :candidates="candidates" placeholder="请选择所在城市" v-model="city"></uni-combox>
+```
+
+## API
+
+### Combox Props
+
+|属性名		|类型			|默认值		|说明								|
+|:-:		|:-:			|:-:		|:-:								|
+|label		|String			|-			|标签文字							|
+|value		|String			|-			|combox的值							|
+|labelWidth	|String			|auto		|标签宽度，有单位字符串，如:'100px'	|
+|placeholder|String			|-			|输入框占位符						|
+|candidates	|Array/String	|[]			|候选字段							|
+|emptyTips	|String			|无匹配项	|无匹配项时的提示语					|
+
+### Combox Events
+
+|事件称名	|说明					|返回值												|
+|:-:		|:-:					|:-:													|
+|@input	|combox输入事件	|返回combox值|
+
+
+
+
+
+## 组件示例
+
+点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/combox/combox](https://hellouniapp.dcloud.net.cn/pages/extUI/combox/combox)