usoft
/
platform-b2b


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>审流</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link rel="stylesheet" href="static/css/base.css">
    <link rel="stylesheet" href="static/css/style.css">
</head>
<style>
    .box01_02 a.btn-set img{
        margin-top: 7px;
    }
</style>
<body>
<!--弹出框01 审批人设置-->
<div class="tanchuang" id="step1">
	<!--弹出框01 设置-企业设置-审批流-审批人设置-->
	<div class="box box01">
    	<i class="off"><img src="resources/img/approvalFlow/close.png" alt="" ng-click="cancel()"></i>
        <p><span>{{appName}}-审批人设置</span></p>
        <div class="box01_01">
        	<span class="sp01"><input type="radio" name="radio01" checked>不分条件设置审批人</span>
            <span class="sp02"><input type="radio" name="radio01">分条件设置审批人<a href="#">设置审批条件</a></span>
        </div>
        <div class="box01_02" ng-if="node==null">
        	<span ng-if="AppFlow.appNodes.length==0">
        		<a href="#" class="btn btn-set"><img src="resources/img/approvalFlow/add_user.png" alt=""></a>
            	<em>增加审批人</em>
            </span>
            <span ng-class="{'active': !$first}" ng-if="AppFlow.appNodes.length!=0" ng-repeat="flow in AppFlow.appNodes">
        		<a href="#"><img src="resources/img/approvalFlow/add_user01.png" alt=""></a>
            	<em><span ng-bind="flow.username ? flow.username : flow.role"></span></em>
            </span>
             <div id="caozuo">
                <a ng-click="paste()">粘贴</a>
                <a ng-click="clear()" class="over">清空</a>
           	 </div>
        </div>
        <div class="box01_02" ng-if="node!=null">
            <span ng-class="{'active': !$first}" ng-repeat="flow in node.appNodes">
        		<a href="#"><img src="resources/img/approvalFlow/add_user01.png" alt=""></a>
            	<em><span ng-bind="flow.username ? flow.username : flow.role"></span></em>
            </span>
             <div id="caozuo">
            	<a class="btn-set">设置</a>
                <a ng-click="copy()">拷贝</a>
           	 </div>
        </div>
        <div class="box01_03">
        	<a class="btn01" ng-click="saveNode()" disabled="disabled">保存</a><a class="btn02" ng-click="cancel()">取消</a>
        </div>
    </div>
</div>
<div class="tanchuang" style="display: none" id="NodeSet">
    <!--弹出框04 设置-企业设置-审批流-审批人设置-设置-->
    <div class="box box04">
        <i class="off"><img src="resources/img/approvalFlow/close.png" alt="" ng-click="cancel()"></i>
        <div class="box_content">
            <div class="box_content01">
                <h4>{{appName}}-已选审批节点</h4>
                <div class="box_list">
                    <dl >
                        <dd ng-repeat="flow in AppFlow.appNodes" class="caozuo01"  ng-click="deleteNode($index)">
                            <a href="#" ng-bind="flow.username ? flow.username : flow.position" ng-class="{'jiantou': !$first}"></a>
                        </dd>
                    </dl>
                    <h5 ng-if="AppFlow.appNodes.length==0">请从右侧选择审批节点</h5>
                </div>
                <a href="#" class="dot02" ></a>
            </div>
            <div class="box_content01">
                <h4>角色<font>（不受人员异动的影响）</font></h4>
                <div class="box_list">
                    <dl>
                        <dt>人员类型</dt>
                        <dd>
                            <a href="#">普通用户</a>
                            <a href="#">管理员</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>用户角色</dt>
                        <dd ng-repeat="role in roles">
                            <a ng-click="SelectRole(role)" ng-if="role!='{}'">{{role}}</a>
                            <a ng-click="" ng-if="role='{}'" >暂无角色</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="box_content01">
                <h4>指定人员<font>（受人员异动的影响）</font></h4>
                <div class="box_list" style="position: relative; overflow-y: auto; overflow-x: hidden;">
                    <div class="sreach"><input type="search"  placeholder="请输入姓名/部门搜索" ng-model="keyword" ng-search="search(keyword)"><button></button> </div>
                    <div class="zimu"><span>C</span></div>
                   	<ul ng-repeat="user in users| filter: keyword">
                   		<li ><span><em>{{user.username}}</em>
                   			{{user.department}} {{user.role}}
                   			<a ng-click="SelectUser(user)">添加</a>
                   		</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="box01_03">
            <a class="btn01" href="#">保存</a><a class="btn02" ng-click="cancel()">取消</a>
        </div>
    </div>
</div>
<div class="tanchuang" style="display: none" id="NodeCondition">
    <!--弹出框07 设置-企业设置-审批流-审批人设置-设置审批条件-->
    <div class="box box07">
        <i class="off"><img src="resources/img/approvalFlow/close.png" alt="" ng-click="cancel()"></i>
        <p><span>设置审批条件<b>（只能指定一个组件为审批条件）</b></span></p>
        <div class="box01_01">
            <span class="sp01"><input type="radio" name="radio01" checked>请假类型<b>（选项内容将会作为审批条件）</b></span>
        </div>
        <div class="style_list">
            <a href="#">事假</a>
            <a href="#">病假</a>
            <a href="#" class="color01">年假</a>
            <a href="#">调休</a>
            <a href="#">婚假</a>
            <a href="#">产假</a>
            <a href="#">陪产假</a>
            <a href="#">路途假</a>
            <a href="#">其它</a>
        </div>
        <div class="box01_01">
            <span class="sp01"><input type="radio" name="radio01">请假天数</span>
        </div>
        <div class="day_number">
            <div>
                <input type="text" value="3"><font>≤</font><input type="text" value="5">
                <b>（请输入“请假时间”分隔数字,,我们将为您自动生成数值区间做为审批条件）</b>
            </div>
            <div class="demo">
                <span><em>1</em>输入“请假时间”分隔数字</span>
                <span style="margin-left: 70px"><input type="text" value="3"><font>≤</font><input type="text" value="5"></span>
                <span><em>2</em>我们将为您自动生成数值区间做为审批条件</span>
                <span><a class="color01">请假天数<5</a><a class="color02">一级主管</a></span>
                <span><a class="color01">5≤请假天数≤10</a><a class="color02 color002">一级主管</a><a class="color02">二级主管</a></span>
                <span><a class="color01">10≤请假天数</a><a class="color02 color002">一级主管</a><a class="color02 color002">二级主管</a><a class="color02">三级主管</a></span>
            </div>
        </div>
        <div class="next_btn"><a href="#">下一步</a> </div>
    </div>
</div>
<script src="static/lib/jquery/jquery.min.js"></script>
<script type="text/ecmascript">
$(function() {
	$('.tanchuang .box .off').click(function () {
		$('#NodeSet .box').hide();
		$('#step1 .box').hide();
	});
	
	$('.btn-set').click(function() {
		$('#NodeSet, #NodeSet .box').show();
		$('#step1 .box').hide();
	});
	
	$('#NodeSet .box .box01_03 .btn01').click(function() {
		$('#NodeSet .box').hide();
		$('#step1 .box').show();
	});
})
</script>
</body>
</html>