ZYjames12345
/
zhujian_OA


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
							<!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 http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <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" />
    <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
    <script>document.write("<link href='css/flowchart.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
    <style>
        .loading {
            background: url(../../AFrontEnd/css/icons/bgMask.png) center center repeat;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 800;
            width: 100%;
            height: 100%;
        }

        .loading-msg {
            width: 400px;
            position: fixed;
            top: 40%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: white;
            text-align: center;
        }

        .spinner {
            margin: 20px auto 0;
            width: 150px;
            text-align: center;
        }

            .spinner > div {
                width: 30px;
                height: 30px;
                background-color: white;
                border-radius: 100%;
                display: inline-block;
                animation: bouncedelay 1.4s infinite ease-in-out;
                animation-fill-mode: both;
            }

            .spinner .bounce1 {
                animation-delay: -0.32s;
            }

            .spinner .bounce2 {
                animation-delay: -0.16s;
            }

        @keyframes bouncedelay {
            0%, 80%, 100% {
                transform: scale(0.0);
            }

            40% {
                transform: scale(1.0);
            }
        }
    </style>
</head>
<body ng-controller="flowchartCtrl as ctl" ng-cloak>
    <div class="loading" ng-if="ctl.loading">
        <div class="loading-msg">
            <h3>数据加载中，请等待</h3>
            <div class="spinner">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
    </div>

    <div class="sp-page sp-mt-15">
        <div class="sp-col-20" style="width:220px;">
            <div class="sp-page-title">流程管理</div>
        </div>
        <div class="sp-col-50">
            <div class="sp-page-col sp-ml-30 sp-color-blue">
                <span class="sp-lh-26">
                    <span ng-bind="ctl.active.CNAME"></span>（<span ng-bind="ctl.flowData.length"></span>项）
                </span>
            </div>
            <div class="sp-page-col sp-ml-30">
                <input type="text" class="sp-input" placeholder="请输入关键字" ng-model="ctl.search_keyword" />
            </div>
            <div class="sp-page-col sp-ml-10" style="margin-top:6px;">
                <span class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnSearch()">搜索</span>
            </div> 
        </div>
        <div class="sp-col-20 sp-pull-right sp-text-right">
            <span class="sp-btn-blue-outline sp-btn-radius" ng-click="ctl.openFlowLayer()"><i class="icon-plus-1 sp-mr-5"></i>新 建</span>
            <span class="sp-btn-blue-outline sp-btn-radius" ng-click="ctl.openSortFlow()"><i class="fa fa-sort-alpha-asc sp-mr-5"></i>排 序</span>
        </div>
    </div>

    <div class="sp-msg-left">
        <!-- <div class="sp-msg-left-top sp-color-black-dark">
            <i class="icon-flow-tree sp-mr-5"></i>流程管理                    
        </div> -->
        <div class="sp-page-pad">
            <div class="sp-msg-left-bottom">   
                
                <div class="sp-page">
                    <select ng-model="ctl.unit" ng-change="ctl.changeUnit()" class="sp-select">
                        <option ng-repeat="item in ctl.unitList" ng-init="ctl.unit=ctl.unitList[0].CODE" value="{{item.CODE}}" ng-bind="item.SECTION"></option>
                    </select>  
                </div>
                <div class="sp-lh-20 sp-text-right sp-mt-10 sp-mb-10">
                   <i class="icon-list-add" ng-click="ctl.openLayerFlowType()" title="新增类别" style="cursor: pointer; padding-right: 5px;"></i>
                   <i class="fa fa-sort-alpha-asc" ng-click="ctl.openSortType()" title="排序" style="cursor: pointer;"></i>
                </div>

                <div class="sp-page" id="flowTypePart" style="overflow: auto;">
                    <div class="sp-msg-left-lh" ng-click="ctl.getMsgData(0,0,'全部流程')">
                        <div class="sp-col-80"><i class="fa fa-list-ul"></i>全部流程</div>
                        <div class="sp-col-20"></div>
                    </div>
                    <div class="sp-msg-left-lh" ng-repeat="item in ctl.flowType_left" ng-click="ctl.getMsgData($index+1,item.PKID,item.CNAME)">                        
                        <div class="sp-col-80">
                            <i class="icon-folder" ng-if="item.PKID!='withDelete'"></i><i class="fa fa-trash sp-fs-15" ng-if="item.PKID=='withDelete'"></i>
                            <span ng-bind="item.CNAME"></span>
                        </div>
                        <div class="sp-col-20" ng-if="item.PKID!='withDelete'"><i class="fa fa-edit" ng-click="ctl.editFlowType(item)"></i><i class="fa fa-trash" ng-click="ctl.delFlowType(item)" style="padding-right: 0;"></i></div>
                        <div class="sp-col-20" ng-if="item.PKID=='withDelete'"></div>
                     </div>  
                                                     
                </div>
            </div>          
        </div>
        
    </div>
    <div class="sp-msg-right">        
        <div class="sp-page-pad" style="padding: 0 10px;">
            <div class="row">
                <div class="col-lg-6" ng-repeat="item in ctl.flowData_search">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="row">
                                <div class="flow-col-left sp-text-center">
                                    <div class="sp-page sp-mt-20">
                                        <div class="flow-radius" ng-style="{'background-color':item.color}" ng-bind="item.firstname"></div>
                                    </div>
                                    <div class="sp-lh-26" style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" title="{{item.CNAME}}" ng-bind="item.CNAME"></div>

                                    <div class="ng-hide warningIcon" ng-show="item.errorData.length!=0" title="流程存在问题"></div>
                                </div>
                                <div class="flow-col-right">
                                    <div class="flow-col-right-up">
                                        <div class="sp-page sp-mt-10">
                                            <div class="right-l">
                                                <span class="sp-lh-20">【编号】</span>
                                            </div>
                                            <div class="right-r" style="margin-top: 2px;">
                                                <div class="sp-lh-20">
                                                    <span ng-if="item.CODETABLE!=''&&item.CODECOLUMN!=''">
                                                        <span ng-bind="item.CODETABLECAPTION+' - '+item.CODECOLUMNCAPTION" ng-click="ctl.editFlow(item)"></span>
                                                    </span>
                                                    <span ng-if="item.CODETABLE==''||item.CODECOLUMN==''" ng-click="ctl.editFlow(item)" class="sp-color-gray">点击此处添加编号</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="sp-page">
                                            <div class="right-l">
                                                <span class="sp-lh-16">
                                                    【视图】
                                                    <!--                                                    <i class="fa fa-plus sp-color-gray sp-cursor-pointer" title="新建视图" ng-click="ctl.goTableFormDesign(item,'add')"></i>-->
                                                </span>
                                            </div>
                                            <div class="right-r">
                                                <div class="sp-lh-20" style="height: 50px;overflow: auto;">
                                                    <span ng-if="item.FORMEDITS.length>0" ng-repeat="item2 in item.FORMEDITS" ng-bind="item2.CNAME" ng-click="ctl.goTableFormDesign(item2,'edit')"></span>
                                                    <span ng-if="item.FORMEDITS.length==0" ng-click="ctl.goTableFormDesign(item,'add')" class="sp-color-gray">点击此处创建新视图</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="sp-page">
                                            <div class="right-l" style="width:120px;">
                                                <span class="sp-lh-20">【流程 <span ng-bind="item.FLOWID"></span>】</span>
                                            </div>
                                            <div class="right-r" style="margin-top: 2px; width: calc(100% - 120px);">
                                                <div class="sp-lh-20">
                                                    <span ng-if="item.FLOWS.length>0" ng-repeat="item2 in item.FLOWS" ng-bind="item.FLOWCNAME" ng-click="ctl.goFlowChartDesign(item2,'edit')"></span>
                                                    <span ng-if="item.FLOWS.length==0" ng-click="ctl.goFlowChartDesign(item,'add')" class="sp-color-gray">点击此处创建新流程</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="flow-col-right-bottom">
                                        <i class="fa fa-copy sp-color-gray sp-cursor-pointer sp-pr-5" ng-if="ctl.active.TYPE!='withDelete'" ng-click="ctl.openCopyFlow(item)" title="另存流程"></i>
                                        <i class="fa fa-pencil sp-color-gray sp-cursor-pointer sp-pr-5" ng-if="ctl.active.TYPE!='withDelete'" ng-click="ctl.editFlow(item)" title="更新流程"></i>
                                        <i class="fa fa-trash sp-color-gray sp-cursor-pointer" ng-if="ctl.active.TYPE!='withDelete'" ng-click="ctl.delFlow(item)" title="删除流程"></i>
                                        <!--删除流程回收中的-->
                                        <i class="fa fa-rotate-left sp-color-gray sp-cursor-pointer sp-pr-5" ng-if="ctl.active.TYPE=='withDelete'" ng-click="ctl.restoreFlowWithDelete(item)" title="还原流程"></i>
                                        <i class="fa fa-trash sp-color-gray sp-cursor-pointer" ng-if="ctl.active.TYPE=='withDelete'" ng-click="ctl.delFlowWithDelete(item)" title="删除流程"></i>
                                        <!--删除流程回收中的-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                 
                
            </div>
        </div>
    </div>
    <div class="sp-layer" data-title="流程类别" id="layer_addFlowType" style="width: 500px;">
        <div class="sp-layer-body">
            <table class="sp-grid-job">
                <tbody>
                    <tr>
                        <td style="width: 100px;">类别名称</td>
                        <td>
                            <input type="text" class="sp-input" ng-model="ctl.addflow.cname" sp-required />
                        </td>
                    </tr>
                    <tr>
                        <td>有无关联项目</td>
                        <td>
                            <select ng-model="ctl.addflow.ctype">                                
                                <option value="WITHNO">无关联项目</option>
                                <option value="WITHPRJ">有关联项目</option>
                            </select>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="sp-page sp-text-center sp-mt-20">
                <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnSubmitFlowType()">
                    <i class="fa fa-check sp-mr-5"></i>提 交</button>
                <button class="sp-btn-default sp-btn-radius" ng-click="ctl.btnCancelFlowType()">
                    <i class="fa fa-close sp-mr-5"></i>取 消</button>
            </div>
        </div>
    </div>

    <div class="sp-layer" data-title="类别排序" id="layer_sortFlowType" style="width: 500px;">
        <div class="sp-layer-body" style=" height: 200px;">            
            <div class="sp-lh-20" ng-repeat="item in ctl.flowType">
                <div class="sp-col-60"><i class="icon-folder sp-pr-5 sp-color-gray"></i><span ng-bind="item.CNAME"></span></div>
                <div class="sp-col-40 sp-text-right">
                    <button class="sp-btn-gray-outline sp-btn-min sp-btn-radius" ng-click="ctl.itemSortup(item,$index)" ng-disabled="$index==0" title="上移">
                        <i class="fa fa-arrow-up sp-color-gray sp-mr-5"></i>上 移
                    </button>
                    <button class="sp-btn-gray-outline sp-btn-min sp-btn-radius" ng-click="ctl.itemSortdown(item,$index)" ng-disabled="$index==ctl.flowType.length-1" title="下移">
                        <i class="fa fa-arrow-down sp-color-gray sp-mr-5"></i>下 移
                    </button>  
                    <!-- <i ng-click="ctl.itemSortup(item,$index)" ng-if="$index!=0" class="fa fa-arrow-up sp-color-blue" title="上移" style="cursor: pointer; width:20px;"></i>
                    <i ng-click="ctl.itemSortdown(item,$index)" ng-if="$index!=ctl.flowType.length-1" class="fa fa-arrow-down sp-color-blue" title="下移" style="cursor: pointer; width:20px;"></i> -->
                </div>
            </div>            
        </div>
        <div class="sp-layer-foot">
            <button class="sp-dialog-btnCancle" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>关 闭</button>
        </div>
    </div>

    <!-- 流程设置-具体的-start -->
    <div class="sp-layer" id="layer_addFlow" style="width: 500px;">
        <div class="sp-layer-head" style="background:#2176d6">
            <div class="sp-page sp-text-center sp-font16">
                <span ng-bind="ctl.info.layertitle"></span>
                <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 colspan="2" style="width:100px;">流程类别</td>
                        <td>
                            <select ng-model="ctl.info.type">
                                <option ng-repeat="item in ctl.flowType" value="{{item.PKID}}" ng-bind="item.CNAME"></option>
                             </select>                            
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="width:100px;">流程标识</td>
                        <td>
                            <input type="text" class="sp-input" ng-model="ctl.info.ckey" sp-required />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">流程名称</td>
                        <td>
                            <input type="text" class="sp-input" ng-model="ctl.info.cname" sp-required />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">流程时限(天)</td>
                        <td><input type="text" ng-model="ctl.info.timelimit" sp-required /></td>
                    </tr>
                    <tr>
                        <td rowspan="2">编号设置</td>
                        <td>关联表</td>
                        <td>
                            <select ng-model="ctl.info.codetable" ng-change="ctl.changeCodeTable()" >
                                <option value="">[空]</option>
                                <option ng-repeat="item in ctl.codeTableOption" value="{{item.BILLKEY}}" ng-selected="item.BILLKEY==ctl.info.codetable" ng-bind="item.CNAME"></option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>关联列</td>
                        <td>
                            <select ng-model="ctl.info.codecolumn">
                                <option value="">[空]</option>
                                <option ng-repeat="item in ctl.codeColumnOption" value="{{item.CODE}}" ng-selected="item.CODE==ctl.info.codecolumn" ng-bind="item.CNAME"></option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">备注说明</td>
                        <td>
                            <textarea cols="4" ng-model="ctl.info.explain">

                            </textarea>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="sp-page sp-text-center sp-mt-20">
                <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnSubmitFlow()" ng-disabled="ctl.SubmitFlowFlag">
                    <i class="fa fa-check sp-mr-5"></i>提 交</button>
                <button class="sp-btn-default sp-btn-radius" ng-click="ctl.btnCancelFlow()">
                    <i class="fa fa-close sp-mr-5"></i>取 消</button>
            </div>
        </div>
    </div>
    <div class="sp-layer" data-title="流程排序" id="layer_sortFlow" style="width: 500px;">
        <div class="sp-layer-body" style=" height: 200px;">            
            <div class="sp-lh-20" ng-repeat="item in ctl.flowData">
                <div class="sp-col-60"><i class="icon-folder sp-pr-5 sp-color-gray"></i><span ng-bind="item.CNAME"></span></div>
                <div class="sp-col-40 sp-text-right">
                    <button class="sp-btn-gray-outline sp-btn-min sp-btn-radius" ng-click="ctl.flowSortup(item,$index)" ng-disabled="$index==0" title="上移">
                        <i class="fa fa-arrow-up sp-color-gray sp-mr-5"></i>上 移
                    </button>
                    <button class="sp-btn-gray-outline sp-btn-min sp-btn-radius" ng-click="ctl.flowSortdown(item,$index)" ng-disabled="$index==ctl.flowData.length-1" title="下移">
                        <i class="fa fa-arrow-down sp-color-gray sp-mr-5"></i>下 移
                    </button>                    
                </div>
            </div>            
        </div>
        <div class="sp-layer-foot">
            <button class="sp-dialog-btnCancle sp-btn-sm" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>关 闭</button>
        </div>
    </div>
    <!-- 流程设置-具体的-end -->

    <!--流程另存为-->
    <div class="sp-layer" id="layer_copyFlow" style="width: 500px;">
        <div class="sp-layer-head" style="background:#2176d6">
            <div class="sp-page sp-text-center sp-font16">
                <span ng-bind="ctl.copy.layertitle"></span>
                <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:100px;">流程类别</td>
                    <td>
                        <select ng-model="ctl.copy.flowkinds">
                            <option ng-repeat="item in ctl.flowType" value="{{item.PKID}}" ng-bind="item.CNAME"></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>流程标识</td>
                    <td>
                        <input type="text" class="sp-input" ng-model="ctl.copy.ckey" sp-required />
                    </td>
                </tr>
                <tr>
                    <td>流程名称</td>
                    <td>
                        <input type="text" class="sp-input" ng-model="ctl.copy.cname" sp-required />
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="sp-page sp-text-center sp-mt-20">
                <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnCopyFlow()">
                    <i class="fa fa-check sp-mr-5"></i>提 交</button>
                <button class="sp-btn-default sp-btn-radius" onclick="sp.layerhide();">
                    <i class="fa fa-close sp-mr-5"></i>取 消</button>
            </div>
        </div>
    </div>

    <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.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>document.write('<scri' + 'pt src="js/flowchart.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
    <script src="../../AFrontEnd/js/special/spng.js"></script>
    <script src="../../AFrontEnd/js/special/spngvld.js"></script>
</body>
</html>