ZYjames12345
/
zhujian_OA


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!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">
            <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>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题：</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>
                </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>
                    </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="150"></td>
                                    <td ng-bind="itemOpinion.CDATE" width="150"></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </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.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
                }
            };
            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));
                console.log(res.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;
                console.log(self.routeList)
            })

        }])
        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>