com.fzzy.work.domain.WorkOrder 工单ID 工单名称 工单描述 工单分类 ${dorado.getDataProvider("workOrderPR#triggerBizType").getResult()} dictValue dictLabel 工单状态 ${dorado.getDataProvider("workOrderPR#triggerStatus").getResult()} dictLabel dictValue 当前处理人 DateTime 当前环节接收时间 DateTime 创建时间 创建人 备注说明 所属库区 ${dorado.getDataProvider("deptPR#getDeptByUserType").getResult()} id kqmc Date com.fzzy.work.data.WorkOrderParam 所属库区 ${dorado.getDataProvider("deptPR#getDeptByUserType").getResult()} id kqmc 工单名称 工单状态 Date 开始时间 Date 截止时间 com.fzzy.work.domain.WorkOrderProcess 处理人 当前节点 Date view.TAG = 1; query= function(){ var param = view.get("#dsQuery.data"); var tabIndex = view.get("#tabMain.currentIndex"); param.set("scope","all"); if(0 == tabIndex){ param.set("scope","self"); } view.get("#dsMain").set("parameter",param).flushAsync(); } query(); //宣传操作 renderCell1 = function(arg,self){ var tabIndex = view.get("#tabMain.currentIndex"); var data = arg.data; var htm = "<a onClick='audit()' class='a-btn1'>指派</a>&nbsp;|&nbsp;<a onClick='showDetail()' class='a-btn2'>详细</a>"; if(1 == tabIndex){ htm = "<a onClick='showDetail()' class='a-btn2'>详细</a>"; } arg.dom.innerHTML = htm; }; renderStatus = function(arg){ var val = arg.data.get("status"); var txt = arg.data.getText("status"); if(!val) return true; var htm = "<span class='s1'>"+txt+"</span>"; if(val=="20"){//已派单 htm = "<span class='s2'>"+txt+"</span>"; } if(val=="30"){//处理中 htm = "<span class='s4'>"+txt+"</span>"; } if(val=="40"){//已解决 htm = "<span class='s3'>"+txt+"</span>"; } if(val=="50"){//已关闭 htm = "<span class='s3'>"+txt+"</span>"; } if(val=="60"){//挂起 htm = "<span class='s3'>"+txt+"</span>"; } arg.dom.innerHTML = htm; } //点击审核 audit = function(){ } //点击详细 showDetail = function(){ var tabIndex = view.get("#tabMain.currentIndex"); var cur = view.get("#dsMain.data:#"); var dialog = view.get("#dialogMain"); view.get('^btnTag').set('visible',true); if(1 == tabIndex){ view.get('^btnTag').set('visible',false); } dialog.show(); var orderId = cur.get("id"); //历史数据 view.get('#iFrameFlowHis').set('path','/work/flow-his?orderId='+orderId); //业务信息 if(cur.get("businessUrl")){ var url = cur.get("businessUrl")+"?businessId="+cur.get("businessId")+"&orderId="+orderId; view.get("#iFrameBiz").set("path",url); }else{ view.get("#iFrameBiz").set("path","/work/no-business?orderId="+orderId); } } //执行审批 todo = function(){ var cur = view.get("#dsMain.data:#"); var process = view.get("#dsProcess.data"); process.set("orderId", cur.get("id")); process.set("node", cur.get("node")); var remark = process.get('remark'); if(!remark){ $notify("请填写审批意见……"); return; } view.get("#ajaxTodo").set('parameter',process).execute(function(result){ if('200' != result.code){ $alert(result.message); }else{ $alert("执行成功!"); view.get('#dialogTodo').hide(); query(); } }); } cancelTodo = function(){ var process = view.get("#dsProcess.data"); process.set("action",null); process.set('remark',null); view.get('#dialogTodo').hide(); } font-awesome,css-common $notify("数据加载完成……"); [dtMain] workOrderPR#pageQueryByUserType 10 manual self.insert({}); dtParam self.insert(); dtWordProcess <style> .parent { display: flex; width: 100%; background: #FFF; } .console-link-block { font-size: 16px; padding: 20px 20px; border-radius: 4px; background-color: #40D4B0; color: #FFFFFF !important; box-shadow: 0 2px 3px rgba(0, 0, 0, .05); position: relative; overflow: hidden; display: block; } .console-link-block .console-link-block-num { font-size: 40px; margin-bottom: 5px; opacity: .9; } .console-link-block .console-link-block-text { opacity: .8; } .console-link-block .console-link-block-icon { position: absolute; top: 50%; right: 20px; width: 50px; height: 50px; font-size: 50px; line-height: 50px; margin-top: -25px; color: #FFFFFF; opacity: .8; } .console-link-block .console-link-block-band { color: #fff; width: 100px; font-size: 12px; padding: 2px 0 3px 0; background-color: #E32A16; line-height: inherit; text-align: center; position: absolute; top: 8px; right: -30px; transform-origin: center; transform: rotate(45deg) scale(.8); opacity: .95; z-index: 2; } .bg2{ background-color: #55A5EA; } .bg3{ background-color: #9DAFFF; } .bg4{ background-color: #F591A2; } .bg5{ background-color: #FEAA4F; } .child { flex: 1; padding: 10px; box-sizing: border-box; } .child:last-child { border-right: none; } .console-icon{ height:50px; position:absolute; right:20px; opacity:.8; top:50%; margin-top:-25px; } </style> <!-- 快捷方式 --> <div class="parent"> <div class="child"> <div class="console-link-block"> <div class="console-link-block-num">0</div> <div class="console-link-block-text">今日工单统计</div> <img class="console-icon" src="/img/icon-wj.png"> </div> </div> <div class="child"> <div class="console-link-block bg2"> <div class="console-link-block-num">0</div> <div class="console-link-block-text">今日待完成工单</div> <img class="console-icon" src="/img/icon-wj2.png"> </div> </div> <div class="child"> <div class="console-link-block bg3"> <div class="console-link-block-num">0</div> <div class="console-link-block-text">总工单统计</div> <img class="console-icon" src="/img/icon-tj.png"> </div> </div> <div class="child"> <div class="console-link-block bg4"> <div class="console-link-block-num">0</div> <div class="console-link-block-text">总未完成工单</div> <img class="console-icon" src="/img/icon-tj2.png"> </div> </div> </div> #FFF c-param 10px *,*,*,*,90,90 dsQuery right 100 deptId deptId autoMappingDropDown2 name name start start end end c-data if(view.TAG) query(); 我的工单 fa fa-th-large 150 self.set("selection",arg.data); dsMain true singleRow true 3 50 序号 renderCell1(arg,self); 操作 80 center id 180 deptId 250 title 300 renderStatus(arg); status 120 center status bizType 120 center assigneeName center 150 receiveTime 150 center createUserName center 150 createTime center 150 pageSize,pages dsMain 全部工单 fa fa-history 150 self.set("selection",arg.data); dsMain true singleRow true 3 50 序号 renderCell1(arg,self); 操作 150 center id 180 deptId 250 title 300 renderStatus(arg); status 120 center status bizType 120 center assigneeName center 150 receiveTime 150 center createUserName center 150 createTime center 150 pageSize,pages dsMain false 工单详细 fa fa-tasks 90% false #e6e6e6 95% 工单信息 fa fa-edit 120 c-data dsMain *,*,* right 100 true title title deptId deptId description description TextArea bizType bizType status status assigneeName assigneeName createTime createTime createUserName createUserName receiveTime receiveTime 140 var process = view.get("#dsProcess.data"); process.set('action','pass') view.get("#dialogTodo").show(); 通过 80 btn1 fa fa-check-circle btnTag 转交 80 btn2 fa fa-check-circle btnTag var process = view.get("#dsProcess.data"); process.set('action','refuse') view.get("#dialogTodo").show(); 拒绝 80 btn5 fa fa-check-circle btnTag view.get("#dialogMain").hide(); 关闭 80 btn3 fa fa-times-circle 30 业务信息 fa fa-file-o 120