|
|
@@ -0,0 +1,720 @@
|
|
|
+<style>
|
|
|
+ /*弹出框*/
|
|
|
+ .tanchuang {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 11111;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tanchuang .box {
|
|
|
+ position: relative;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto;
|
|
|
+ margin-top: 15%;
|
|
|
+ box-shadow: 2px 2px 3px #888;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tanchuang .box i {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ right: 5px;
|
|
|
+ top: 8px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tanchuang .box01, .tanchuang .box02 {
|
|
|
+ width: 808px;
|
|
|
+ min-height: 315px;
|
|
|
+ background: #fff;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box p {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0px auto;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #5f5d5d;
|
|
|
+ border-bottom: #595959 1px dashed;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box p span {
|
|
|
+ margin-left: 20px;
|
|
|
+ line-height: 55px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box p span b, .box01_01 span b, .day_number div b {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #969595;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_01 {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0px auto;
|
|
|
+ height: 55px;
|
|
|
+ line-height: 55px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_01 span a {
|
|
|
+ color: #3f84f6;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_01 span.sp01 {
|
|
|
+ margin-left: 25px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_01 span.sp02 {
|
|
|
+ margin-left: 95px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_01 span input {
|
|
|
+ margin-right: 6px;
|
|
|
+ vertical-align: middle;
|
|
|
+ position: relative;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 {
|
|
|
+ width: 716px;
|
|
|
+ min-height: 110px;
|
|
|
+ border: #cccccd 1px solid;
|
|
|
+ margin: 0px auto;
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 span {
|
|
|
+ width: 142px;
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 a {
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ background: #cccccd;
|
|
|
+ border-radius: 50%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: 18px;
|
|
|
+ color: #969595;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 em {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #969595;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0px auto;
|
|
|
+ display: inline-block;
|
|
|
+ font-style: inherit;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 span:hover a, .box01_02 span.active:hover a {
|
|
|
+ background: #3f84f6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 span.active a {
|
|
|
+ background: #8bc6f7;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 span:hover em, .box01_02 span.active em {
|
|
|
+ color: #3f84f6;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 span.active {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 span.active:before {
|
|
|
+ content: "";
|
|
|
+ width: 76px;
|
|
|
+ height: 6px;
|
|
|
+ background: url(../img/approvalFlow/dot01.png) no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ top: 40px;
|
|
|
+ right: 102px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_02 a img {
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_03 {
|
|
|
+ width: 235px;
|
|
|
+ margin: 0px auto;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_03 a, .box_list .btn01, .next_btn a {
|
|
|
+ width: 94px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ font-size: 14px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_03 a.btn01, .box_list .btn01, .next_btn a {
|
|
|
+ background: #3f84f6;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .btn01 a {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_03 a.btn02 {
|
|
|
+ border: #3f84f6 1px solid;
|
|
|
+ color: #3f84f6;
|
|
|
+ margin-left: 45px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01_03 a:hover, .box_list .btn01:hover, .next_btn a:hover {
|
|
|
+ background: #135c9a;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #caozuo {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo a {
|
|
|
+ width: 42px;
|
|
|
+ height: 24px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #8bc6f7;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ margin: 0 0 0 3px;
|
|
|
+ float: left;
|
|
|
+ border-radius: 1px;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo a.over {
|
|
|
+ color: #969595;
|
|
|
+ background: #d9dadd;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo a:hover {
|
|
|
+ background: #3f84f6;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .com_head01 {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0px auto;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ border-bottom: #5078cb 1px dotted;
|
|
|
+ }
|
|
|
+
|
|
|
+ .com_head01 span {
|
|
|
+ margin-left: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo span {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .tanchuang .box03 {
|
|
|
+ width: 808px;
|
|
|
+ height: 620px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo01 {
|
|
|
+ width: 716px;
|
|
|
+ margin: 0px auto;
|
|
|
+ background: #efefef;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ border: #cccccd 1px solid;
|
|
|
+ border-bottom: none;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo01 a {
|
|
|
+ width: 42px;
|
|
|
+ height: 24px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #8bc6f7;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ margin: 0 0 0 3px;
|
|
|
+ float: left;
|
|
|
+ border-radius: 1px;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo01 a.over {
|
|
|
+ color: #969595;
|
|
|
+ background: #d9dadd;
|
|
|
+ }
|
|
|
+
|
|
|
+ #caozuo01 a:hover {
|
|
|
+ background: #3f84f6;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box04 {
|
|
|
+ width: 1014px;
|
|
|
+ height: 580px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1366px) {
|
|
|
+ .box04,.box01{
|
|
|
+ margin-top: 7% !important;
|
|
|
+ }
|
|
|
+ .box01_02{
|
|
|
+ max-height: 300px;
|
|
|
+ overflow-y: overlay;
|
|
|
+ overflow-x: hidden;
|
|
|
+ }
|
|
|
+ #caozuo{
|
|
|
+ right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .box05 {
|
|
|
+ width: 706px;
|
|
|
+ height: 588px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box06 {
|
|
|
+ width: 706px;
|
|
|
+ height: 508px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box07 {
|
|
|
+ width: 946px;
|
|
|
+ height: 541px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .box_content {
|
|
|
+ width: 980px;
|
|
|
+ height: 500px;
|
|
|
+ margin-top: -115px;
|
|
|
+ margin-left: -250px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_content .box_content01 {
|
|
|
+ width: 288px;
|
|
|
+ height: 430px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 30px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_content .box_content01 h4 {
|
|
|
+ width: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #5f5d5d;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_content .box_content01 h4 font {
|
|
|
+ color: #969595;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border: #e5e5e5 1px solid;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list h5 {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ line-height: 430px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #969595;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dot02 {
|
|
|
+ width: 13px;
|
|
|
+ content: "";
|
|
|
+ height: 26px;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ top: 250px;
|
|
|
+ right: -23px;
|
|
|
+ background: url("../img/approvalFlow/dot02.png") no-repeat;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10px;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl dt, .box_list dl dd {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl dt {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #5f5d5d;
|
|
|
+ line-height: 30px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl dd a, .style_list a {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #3f84f6;
|
|
|
+ width: 66px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ float: left;
|
|
|
+ display: inline-block;
|
|
|
+ background: #deeffe;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 25px 10px 0;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl dd a:hover, .style_list a:hover {
|
|
|
+ background: #3f84f6;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl dd a.color01, .style_list a.color01 {
|
|
|
+ background: #d9dadd;
|
|
|
+ color: #969595;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .sreach {
|
|
|
+ width: 240px;
|
|
|
+ height: 26px;
|
|
|
+ border: #f2f1f2 1px solid;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .sreach input {
|
|
|
+ width: 200px;
|
|
|
+ float: left;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #969595;
|
|
|
+ font-style: 12px;
|
|
|
+ border: none;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .sreach:hover {
|
|
|
+ border: #8bc6f7 1px solid;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .sreach button {
|
|
|
+ width: 35px;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+ background: transparent;
|
|
|
+ float: right;
|
|
|
+ border: none;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .sreach button:before {
|
|
|
+ content: "";
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ background: url("../img/approvalFlow/sreach_bt.png") no-repeat center;
|
|
|
+ background-position: -16px 0;
|
|
|
+ overflow: hidden;
|
|
|
+ top: 5px;
|
|
|
+ right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .sreach button:hover:before {
|
|
|
+ background-position: 0 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .zimu {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 18px;
|
|
|
+ line-height: 18px;
|
|
|
+ background: #f4f5f7;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .zimu span {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list ul {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list ul li {
|
|
|
+ width: 96%;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list ul li span {
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list ul li span em {
|
|
|
+ width: 60px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list ul li a {
|
|
|
+ width: 25%;
|
|
|
+ float: right;
|
|
|
+ color: #3f84f6;
|
|
|
+ ;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list ul li a:hover {
|
|
|
+ color: #bc2122;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list dl dd .jiantou:before {
|
|
|
+ content: "";
|
|
|
+ width: 22px;
|
|
|
+ height: 8px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url("../img/approvalFlow/inco_list.png") no-repeat;
|
|
|
+ background-position: -5px -23px;
|
|
|
+ position: absolute;
|
|
|
+ right: 65px;
|
|
|
+ top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .caozuo01 {
|
|
|
+ margin-top: 20px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .caozuo01 a:after {
|
|
|
+ content: "";
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url("../img/approvalFlow/inco_list.png") no-repeat;
|
|
|
+ background-position: 0 -1px;
|
|
|
+ position: absolute;
|
|
|
+ top: -8px;
|
|
|
+ right: -8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .caozuo01 a:hover:after {
|
|
|
+ background-position: -20px -1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box_list .btn01 {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
|
|
+<!--弹出框01 审批人设置-->
|
|
|
+<div class="tanchuang" id="step1">
|
|
|
+ <!--弹出框01 设置-企业设置-审批流-审批人设置-->
|
|
|
+ <div class="box box01">
|
|
|
+ <i class="off"><img src="static/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="static/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="static/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="static/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="static/img/approvalFlow/close.png" alt="" ng-click="cancel()"></i>
|
|
|
+ <div style="background: #fff;">
|
|
|
+ <div class="box_content clearfix">
|
|
|
+ <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">
|
|
|
+ <div class="sreach"><input type="search" placeholder="请输入姓名/部门搜索" ng-model="keyword" ng-search="search(keyword)"><button></button> </div>
|
|
|
+ <div style="position: relative; overflow-y: auto; overflow-x: hidden;max-height: 380px;">
|
|
|
+ <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>
|
|
|
+ <div class="box01_03">
|
|
|
+ <a class="btn01" href="#">保存</a><a class="btn02" ng-click="cancel()">取消</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div class="tanchuang" style="display: none" id="NodeCondition">
|
|
|
+ <!--弹出框07 设置-企业设置-审批流-审批人设置-设置审批条件-->
|
|
|
+ <div class="box box07">
|
|
|
+ <i class="off"><img src="static/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>
|
yangc
