123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <title>流转记录</title>
- <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
- <link href="../../bpmn/css/bpmn-set.css" rel="stylesheet" />
- <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <style>
- #routeList td {
- border-right: 1px solid #E1E6EB;
- }
- .opinionclass td {
- border:0 !important;
- }
- .opinionclass tr:hover {
- background:inherit !important
- }
- </style>
- </head>
- <body>
- <div ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
- <div class="sp-box sp-bg-white">
- <div class="sp-page-col sp-pull-right btn-box">
- <a onclick="javascript:window.close()" class="sp-btn-gray sp-radius">
- 关 闭
- </a>
- </div>
- </div>
- <div class="sp-box" style="position:relative">
- <div class="sp-col-10"><strong>流程类型:</strong></div>{{ctl.flow.FLOWNAME}}
- <div id="toolbar">
- <div class="toolbar-item">
- <div class="item-color-wait"></div>
- <div class="item-name">待办理</div>
- </div>
- <div class="toolbar-item">
- <div class="item-color-process"></div>
- <div class="item-name">正办理</div>
- </div>
- <div class="toolbar-item">
- <div class="item-color-done"></div>
- <div class="item-name">已办理</div>
- </div>
- </div>
- </div>
- <div class="sp-box">
- <div class="sp-col-10"><strong>标 题:</strong></div>{{ctl.flow.TITLE}}
- </div>
- <table class="sp-table" style="width:calc(100%)">
- <thead>
- <tr>
- <th width="150"><div style="width: 133px; font-weight: 600">发送节点</div></th>
- <th width="150"><div style="width: 133px; font-weight: 600">发送人</div></th>
- <th width="150"><div style="width: 133px; font-weight: 600">发出时间</div></th>
- <th width="150"><div style="width: 133px; font-weight: 600">办理节点</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理单位</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理人</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理类型</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理状态</div></th>
- <th width="100"><div style="width: 134px; font-weight: 600">接件时间</div></th>
- <th><div style="font-weight: 600">回复意见</div></th>
- <th width="100">补发</th>
- </tr>
- </thead>
- </table>
- <div style="overflow-y:auto;max-height:700px">
- <table class="sp-table" style="margin-top:-38px;" id="routeList">
- <thead>
- <tr>
- <th width="150"><div style="width: 133px; font-weight: 600">发送节点</div></th>
- <th width="150"><div style="width: 133px; font-weight: 600">发送人</div></th>
- <th width="150"><div style="width: 133px; font-weight: 600">发出时间</div></th>
- <th width="150"><div style="width: 133px; font-weight: 600">办理节点</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理单位</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理人</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理类型</div></th>
- <th width="100"><div style="width: 84px; font-weight: 600">办理状态</div></th>
- <th width="100"><div style="width: 134px; font-weight: 600">接件时间</div></th>
- <th><div style="font-weight: 600">回复意见</div></th>
- <th width="100">补发</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="item in ctl.routeList" repeat-finish>
- <td ng-bind="item.STARTNODENAME"></td>
- <td ng-bind="item.USERNAMEFROM"></td>
- <td ng-bind="item.RECEIVEDATE"></td>
- <td ng-bind="item.ENDNODENAME" ng-style="item.borderStyle"></td>
- <td ng-bind="item.SECTNAME" ng-style="item.borderStyle"></td>
- <td ng-bind="item.USERNAME" ng-style="item.borderStyle"></td>
- <td ng-bind="item.KIND1" ng-style="item.borderStyle"></td>
- <td ng-bind="item.STATUS1" ng-style="item.borderStyle"></td>
- <td ng-bind="item.SIGNDATE" ng-style="item.borderStyle"></td>
- <td ng-style="item.borderStyle" style="text-align:left; padding:0px;margin:0px">
- <table border="0" class="opinionclass" width="100%" style="margin:0px;padding:0px;">
- <tr ng-repeat="itemOpinion in item.OPINIONARRAY">
- <td ng-bind="itemOpinion.OPINION" style="text-align:left"></td>
- <td ng-bind="itemOpinion.CMANNAME" width="160"></td>
- <td ng-bind="itemOpinion.CDATE" width="160"></td>
- </tr>
- </table>
- </td>
- <td>
- <button ng-if="item.STARTNODENAME!='开始'&&item.ENDNODENAME!='结束'&&item.KIND==0&&item.STATUS==4&&item.KINDCOUNT!=0" class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.btnEdit(item)">补发</button>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class="sp-layer" id="Edit" style="width: 550px;">
- <div class="sp-layer-head" style="background:#2176d6">
- <div class="sp-page sp-text-center sp-font16">
- 人员补发
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- </div>
- <div class="sp-layer-body">
- <div class="sp-col-33 sp-text-center" ng-repeat="item in ctl.buttonList">
- <button class="sp-btn-blue sp-radius" ng-bind="item.CNAME" ng-click="ctl.buttonClick(item)"></button>
- </div>
- <div class="sp-page sp-text-center sp-mt-20">
- <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>关 闭</a>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="forward" style="width: 1000px;">
- <div class="sp-layer-head" style="background:#2176d6">
- <div class="sp-page sp-text-center sp-font16">
- 转 发
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- </div>
- <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
- <iframe id="forwardWin" style="width:100%;border:0"></iframe>
- </div>
- </div>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
- <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
- <script src="../../apiurljs.js"></script>
- <script src="../../js/sm4.js"></script>
- <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
- <script>
- 'use strict';
- var app = angular.module('app', [
- ]);
- app.controller("formeditCtrl", ["$scope", "$http", "$timeout", function ($scope, $http, $timeout) {
- var self = this;
- var s4 = new SM4Util();
- self.userId = $.cookie("GlWorkPlatform-userid");
- self.userName = $.cookie("GlWorkPlatform-chineseName");
- self.get_AccessToken = localStorage.getItem("GlWorkPlatform-AccessToken");
- self.routeid = sp.getUrlName("routeid");
- self.routeinfoid = sp.getUrlName("routeinfoid");
- self.directionid = sp.getUrlName("directionid");
- self.formeditid = sp.getUrlName("formeditid");
- var postCfg = {
- headers: {
- 'Content-Type': 'application/json',
- 'Authorization': "Bearer " + self.get_AccessToken
- }
- };
- self.getData = function () {
- var data = {
- directionid: self.directionid,
- userid: self.userId,
- routeid: self.routeid,
- routeinfoid: self.routeinfoid,
- }
- $http.post(apiurljs.login + "g2app/abase/queryDataRouteList", { data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- self.flow = res.data[0];
- res.data.forEach(function (item) {
- if (item.STATUSINFO == 'START') {
- item.SIGNDATE = item.RECEIVEDATE;
- item.STARTNODENAME = "开始";
- item.USERNAMEFROM = item.USERNAME;
- }
- if (item.STATUS == 0) item.borderStyle = { "background-color": "white" };
- if (item.STATUS == 1) item.borderStyle = { "background-color": "#f05d2e" };
- if (item.STATUS == 2) item.borderStyle = { "background-color": "#1890ff" };
- if (item.STATUS == 3) item.borderStyle = { "background-color": "white" };
- if (item.STATUS == 100) item.borderStyle = { "background-color": "white" };
- if (item.STATUS == 4) item.borderStyle = { "background-color": "#00a900" };
- if (item.KIND == 0) {
- item.KIND1 = "转办";
- if (item.STATUS == 0) item.STATUS1 = "草稿";
- if (item.STATUS == 1) item.STATUS1 = "待办";
- if (item.STATUS == 2) item.STATUS1 = "在办";
- if (item.STATUS == 3) item.STATUS1 = "发送中";
- if (item.STATUS == 100) item.STATUS1 = "等待";
- if (item.STATUS == 4) {
- if (item.KINDCOUNT == 0)
- item.STATUS1 = "已阅";
- else
- item.STATUS1 = "已转";
- }
- }
- else {
- item.KIND1 = "阅办";
- if (item.STATUS == 0) item.STATUS1 = "草稿";
- if (item.STATUS == 1) item.STATUS1 = "待办";
- if (item.STATUS == 2) item.STATUS1 = "在办";
- if (item.STATUS == 3) item.STATUS1 = "发送中";
- if (item.STATUS == 100) item.STATUS1 = "等待";
- if (item.STATUS == 4) {
- if (item.KINDCOUNT == 0)
- item.STATUS1 = "已阅";
- else
- item.STATUS1 = "已转";
- }
- }
- })
- self.routeList = res.data;
- })
- }
- self.getData()
- self.btnEdit = function (forward) {
- self.forward = forward;
- //self.routeList.forEach(function (item) {
- // if (item.ROUTEID == forward.LASTROUTEID) {
- // self.DIRECTIONID = item.DIRECTIONID
- // }
- //})
- var data = {
- ckey: self.forward.CODETABLE,
- directionid: self.forward.DIRECTIONID,
- //formeditid: self.forward.FORMEDITID,
- routeid: self.forward.ROUTEID,
- routeinfoid: self.forward.ROUTEINFOID
- }
- $http.post(apiurljs.login + "g2app/abase/queryDataFormEditFuncT",{ data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
- .success(function (obj) {
- var res = strToJson(s4.decryptData_CBC(obj.data));
- console.log(res)
- self.buttonList = [];
- res.data[self.forward.CODETABLE + ".FUNCLIST"].forEach(function (item) {
- if (item.CODE.indexOf("SENDITEM") > -1) {
- self.buttonList.push(item)
- }
- })
- sp.layer("#Edit")
- })
- }
- self.buttonClick = function (obj) {
- var username = [], userid = [];
- self.routeList.forEach(function (item) {
- if (item.LASTROUTEID == self.forward.LASTROUTEID) {
- username.push(item.USERNAME);
- userid.push(item.USERID)
- }
- })
- $("#forwardWin").attr("src", "forwardUser.html?routeid=" + self.forward.ROUTEID + "&routeinfoid=" + self.forward.ROUTEINFOID + "©rightid=" + sp.getUrlName("copyrightid") + "&directionid=" + self.forward.DIRECTIONID + "&formeditid=" + self.forward.FORMEDITID + "&codefuncbutton=" + obj.CODE + "&directionidtarget=" + obj.DIRECTIONIDTARGET)
- sp.layer("#forward")
- }
- self.submitOption = function () {
-
- }
- }])
- app.directive("repeatFinish", function () {
- return {
- link: function (scope) {
- if (scope.$last == true) {
- setTimeout(function () {
- //$("#routeList").rowspan(0)
- //$("#routeList").rowspan(1)
- //$("#routeList").rowspan(2)
- }, 10);
- }
- }
- };
- });
- jQuery.fn.rowspan = function (colIdx) { //封装的一个JQuery小插件
- return this.each(function () {
- var that;
- $('tr', this).each(function (row) {
- $('td:eq(' + colIdx + ')', this).filter(':visible').each(function () {
- if (that != null && $(this).html() == $(that).html()) {
- if (colIdx == 0) {
- var rowspan = $(that).attr("rowSpan");
- if (rowspan == undefined) {
- $(that).attr("rowSpan", 1);
- rowspan = $(that).attr("rowSpan");
- }
- rowspan = Number(rowspan) + 1;
- $(that).attr("rowSpan", rowspan);
- $(this).hide();
- } else {
- if ($(this).prev().html() == $(that).prev().html()) {
- var rowspan = $(that).attr("rowSpan");
- if (rowspan == undefined) {
- $(that).attr("rowSpan", 1);
- rowspan = $(that).attr("rowSpan");
- }
- rowspan = Number(rowspan) + 1;
- $(that).attr("rowSpan", rowspan);
- $(this).hide();
- }
- }
- } else {
- that = this;
- }
- });
- });
- });
- }
- </script>
- </body>
- </html>
|