ZYjames12345
/
zhujian_OA


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
							<!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>标&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="160"></td>
                                    <td ng-bind="itemOpinion.CDATE" width="160"></td>
                                    <td width="100">
                                        <button class="sp-btn-red sp-btn-sm sp-radius sp-pull-right" ng-click="ctl.btnEdit(itemOpinion,item)">修改</button>
                                        <button class="sp-btn-red sp-btn-sm sp-radius sp-pull-right" ng-click="ctl.delOption(itemOpinion,item)">删除</button>
                                    </td>
                                </tr>
                            </table>
                        </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">
                <table class="sp-grid-job">
                    <tbody>
                        <tr>
                            <td style="width:120px;">{{ctl.opinionItem.OPINIONCOL}}</td>
                            <td>
                                <textarea rows="10" style="resize:none" ng-model="ctl.opinionItem.OPINION"></textarea>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="sp-page sp-text-center sp-mt-20">
                    <a class="sp-btn-blue sp-radius" ng-click="ctl.submitOption()"><i class="fa fa-check sp-mr-5"></i>确 定</a>
                    <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-refresh sp-mr-5"></i>关 闭</a>
                </div>
            </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 (obj,parentobj) {
                self.opinionItem = obj;
                self.opinionItem.OLDOPINION = obj.OPINION;
                self.opinionItem.CMAN = parentobj.USERID;
                self.opinionItem.ROUTEINFOID = parentobj.ROUTEINFOID;
                sp.layer("#Edit")
            }
            self.submitOption = function () {
                var data = {
                    cuserid: self.userId,
                    userid: self.opinionItem.CMAN,
                    routeid: self.opinionItem.ROUTEID,
                    routeinfoid: self.opinionItem.ROUTEINFOID,
                    colid: self.opinionItem.COLID,
                    tableid: self.opinionItem.TABLEID,
                    oldopinion: self.opinionItem.OLDOPINION,
                    opinion: self.opinionItem.OPINION
                }
                $http.post(apiurljs.login + "g2app/dataabase/addSysRouteOpinionRecode", { data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
                .success(function (obj) {
                    var res = strToJson(s4.decryptData_CBC(obj.data));
                    if (res.success == true) {
                        self.getData();
                        sp.layerhide()
                    }
                })
            }
            self.delOption = function (obj, parentobj) {
                var data = {
                    cuserid: self.userId,
                    userid: parentobj.USERID,
                    routeid: obj.ROUTEID,
                    routeinfoid: parentobj.ROUTEINFOID,
                    colid: obj.COLID,
                    tableid: obj.TABLEID,
                    oldopinion: obj.OPINION,
                    opinion: ""
                }
                $http.post(apiurljs.login + "g2app/dataabase/delSysRouteOpinionRecode", { data: s4.encryptData_CBC(JSON.stringify(data)) }, postCfg)
                .success(function (obj) {
                    var res = strToJson(s4.decryptData_CBC(obj.data));
                    if (res.success == true) {
                        self.getData();
                        sp.layerhide()
                    }
                })
            }
        }])
        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>