{extend name="Public/base" /}

{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/block}

{block name="js"}
<script>

    // $(function(){
    //     $(".nul_bli").eq(4).find(".navb").addClass("active");
    // })
</script>
{/block}

{block name="main"}
<style type="text/css">
    /*.layui-input-inline{width:300px !important;}*/
    /*.layui-input-block{width:300px !important;}*/
    input,select{border: 1px solid #ccc;height:40px;border-radius:10px;padding:0 20px}
</style>
<style>
    .sp-wrap{
        width: auto;
        height: auto;
        margin-left: 30px;
        float: left;
    }
    .sp-wrap .layui-btn{
        width: 78px;
        padding: 0;
    }
    .sp-item{
        position: relative;
        width: auto;
        height: auto;
    }
    .sp-down{                          /*箭头占位符，规定宽高等*/
        width: 78px;
        height: 50px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }
    .sp-down:before, .sp-down:after{     /*伪元素相同属性提取*/
        content: '';
        border-color:transparent;      /*边框颜色透明*/
        border-style: solid;
        position: absolute;           /*绝对定位，分别定位before和after描绘的内容*/
    }
    .sp-down:before{                 /*伪元素before绘制箭头尾部矩形*/
        border: none;
        background: #b3b3b3;
        height: 40px;
        width: 2px;
        top: 0;
        left: 38px;
    }
    .sp-down:after{                /*伪元素after绘制箭头的头部三角形*/
        left: 32px;
        top: 40px;
        border-width: 7px;
        border-top-color: #b3b3b3;    /*如果绘制向下三角形的话，用border-top-color:#555;*/
    }
    .sp-right{
        border-top: 2px dashed #b3b3b3;
        height: 2px;
        width: 400px;
        position: absolute;
        left: 38px;
        top: 10px;
        background: none;
    }

    .sp-arror-down{                          /*箭头占位符，规定宽高等*/
        width: 78px;
        height: 50px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }
    .sp-arror-down:before, .sp-arror-down:after{     /*伪元素相同属性提取*/
        content: '';
        border-color:transparent;      /*边框颜色透明*/
        border-style: dashed;
        position: absolute;           /*绝对定位，分别定位before和after描绘的内容*/
    }
    .sp-arror-down:before{                 /*伪元素before绘制箭头尾部矩形*/
        border: none;
        background: none;
        height: 20px;
        width: 2px;
        top: 22px;
        left: 352px;
        border-right: 2px dashed #b3b3b3;
    }
    .sp-arror-down:after{                /*伪元素after绘制箭头的头部三角形*/
        left: 348px;
        top: 40px;
        border-width: 7px;
        border-top-color: #b3b3b3;    /*如果绘制向下三角形的话，用border-top-color:#555;*/
    }
    .sp-wrap .layui-input-inline{
        width: auto;
    }
    .sp-wrap .layui-form-item{
        margin-bottom: 0;
    }
    .sp-wrap .layui-form-checkbox[lay-skin="primary"] span{
        padding-left: 5px;
    }
    .layui-row .layui-form-checkbox{
        margin-top: 5px;
    }
    .sp-wrap .cs-wrap{
        margin-left: 40px;
        margin-right: 60px;
    }
    .flow-btn-span{
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #999999;
        text-align: center;
        line-height:20px;
        color: #999999;
        cursor: pointer;
        margin-right: 5px;
        margin-top: 5px;
    }
    .flow-btn-span:hover{
        border: 1px solid #1696a3;
        color: #1696a3;
    }
    .choose-row{
       margin-bottom: 5px;
        /*width: 100%;*/
        float: left;
        clear: both;
    }
    .choose-row .layui-form-label{
        width: auto;
        padding-left: 0;
        padding-right: 5px;
    }
    .choose-border{
        border: 1px solid #e7e7e7;
        padding: 15px;
        /*width: 326px !important;*/
    }
    .w140{
        width: 140px!important;
    }
    .submit-btn{
        margin-top: 20px;
        float: left;
    }
    .first-line{
        height: 100px;
    }
    .first-line:before{
        height: 98px;
    }
    .first-line:after{
        top: 92px;
    }
    .what-sel{
        position: absolute;
        left: 45px;
        top:15px;
    }

    .layui-form-item .layui-input-inline{
        width: 110px;!important;
    }
</style>

<div class="if_wrap">
    <div class="cus-con" >

        <form class="layui-form layui-form-pane1" id="menu">

            <div class="set_tit" ><span>添加流程</span></div><br>
            <div class="layui-row">
                <div class="layui-col-md3">
                    <div class="layui-form-item">
                        <label class="layui-form-label">选择模板</label>
                        <div class="layui-input-inline" style="width:300px">
                            {if condition="isset($detail.id)"}
                            <input type="hidden" name="id" value="{$detail.id}">
                            {/if}
                            <select id="formList" name="form_id" id="form_id" lay-filter="formList">
                                <option value=''>请选择</option>
                                {volist name="data" id="vo"}
                                <option value="{$vo['id']}" {if condition="$vo.id eq $form_id"}selected{/if}>{$vo["name"]}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" >流程名称</label>
                        <div class="layui-input-inline" style="width:300px">
                            <input class="layui-input" id="name" name="name" value="{$detail.name}">
                        </div>
                        <div class="layui-form-mid"></div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" >审批时长</label>
                        <div class="layui-input-inline" style="width:300px">
                            <input class="layui-input" id="time_limit" name="time_limit" value="{$detail.time_limit}" placeholder="用于衡量审批及时率，单位：分钟">
                        </div>
                        <div class="layui-form-mid"></div>
                    </div>
                </div>
                <div class="layui-col-md7">
                    <div class="layui-form-mid" id="mandatory">
                        <label class='layui-form-label' style="width: 70px;">必选字段</label>
                        {if condition="isset($detail.id)"}
                            {volist name="fields" id="fi"}
                            <input type='checkbox' name='mandatory' value='{$fi.name}' lay-skin='primary' title='{$fi.name}' {if condition="in_array($fi.name,$must_fields)" }checked{/if}>
                            {/volist}
                        {elseif condition="isset($form_id)"}
                            {volist name="fields" id="fi"}
                            <input type='checkbox' name='mandatory' value='{$fi.name}' lay-skin='primary' title='{$fi.name}' {if condition="$fi.required eq '1'"}checked{/if}>
                            {/volist}
                        {/if}
                    </div>
                </div>
            </div>

            <div style="height:10px"></div>
            <div class="set_tit" ><span>选择节点</span></div><br>

            <!--主体部分start-->

            <div class="sp-con">

    {if condition="isset($detail.id)"}
        <!--编辑流程-->

        {volist name="detail.nodearray" id="vo1" key="site"}

        <?php $order=0; ?>

        <div class="sp-wrap" data-site="{$site-1}">

            <!--适用部门文字展示-->
            <div>
                <blockquote class="layui-elem-quote layui-quote-nm" style="width: 200px;" id="dept{$site-1}">
                    {volist name="$vo1.scope" id="dept"}
                            {$dept.name}<br>
                    {/volist}
                </blockquote>
            </div>

            <!--条件文字展示-->
            <div>
                <blockquote class="layui-elem-quote layui-quote-nm" style="width: 200px;" id="if{$site-1}">
                    {$vo1.conditions_str}
                </blockquote>
            </div>

            <div class="sp-originator layui-btn">发起人</div>
            <div class="layui-btn layui-btn-radius layui-btn-primary choose-dept" data-site="{$site-1}" style="height: 29px;width: 98px;margin-bottom: 8px;" >选择适用部门</div>
            <div class="layui-input-inline" style="width: 90px">
                <span class="flow-btn-span add-all">+</span>
                <span class="flow-btn-span del-all">-</span>
            </div>
            <div class="sp-process-wrap">

                <!--!!!!!!!!!!!!!!!!!!!!!!!first-->
                {volist name="$vo1.content" id="vo2" key="num"}
                <div class="sp-item" data-id="{$vo2.num}">

                    <?php if($order==0){ ?>
                    <!--第一个的特殊样式 start-->
                    <div class="point-contain">
                        <div class="sp-down first-line" style="height: 100px;"></div>
                        <div class="what-sel">

                            <div class="layui-input-inline" style="width: 183px;">
                                <!--适用部门-->
                                <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][scope]" id="scope{$site-1}" value='{$vo2.scope}'>

                                <!--条件-->
                                <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][conditions]" id="conditions{$site-1}" value='{$vo2.conditions}'>
                                <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][conditions_str]" id="conditions_str{$site-1}" value='{$vo2.conditions_str}'>

                                <!--条件-->
                                <div class="layui-btn layui-btn-radius layui-btn-primary choose-conditions" data-site="{$site-1}" style="height: 29px;width: 98px;margin-bottom: 8px;" >设定条件</div>

                                <!--<select name="nodearray[{$site-1}][{$vo2.num}][if_name]" class="add-option" lay-filter="selectCondition">-->
                                    <!--<option value="">请选择条件</option>-->
                                    <!--{volist name="fields" id="field"}-->
                                    <!--{if condition="$field.type eq 'select' or $field.type eq 'number'"}-->
                                    <!--<option value="{$field.name}" {if condition="$vo2.if_name eq $field.name"}selected{/if}>{$field.name}</option>-->
                                    <!--{/if}-->
                                    <!--{/volist}-->
                                <!--</select>-->
                            </div>
                            <!--
                            <div style="margin-top: 4px;" class="if_condition">
                            {if condition="$vo2.if_type eq 'select'"}

                                <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][if_type]" value="select">

                                <select name="nodearray[{$site-1}][{$vo2.num}][condition_status]">
                                {volist name='$vo2.options' id='op'}
                                    <option value="{$op}" {if condition="$op eq $vo2.condition_status"}selected{/if}>{$op}</option>
                                {/volist}
                                </select>

                            {elseif condition="$vo2.if_type eq 'number'"}

                                <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][if_type]" value="number">
                                <input class="layui-input"  name="nodearray[{$site-1}][{$vo2.num}][condition_status]" value="{$vo2.condition_status}" style="width: 80px;display: unset;"> ---
                                <input class="layui-input"  name="nodearray[{$site-1}][{$vo2.num}][condition_end]" value="{$vo2.condition_end}" style="width: 80px;display: unset;">
                            {/if}

                            </div>
                            -->

                        </div>
                    </div>
                    <!--第一个的特殊样式 end-->
                    <?php }else{?>
                        <div class="point-contain">
                            <div class="sp-down"></div>
                        </div>
                    <?php } ?>
                    <?php $order++; ?>

                    <div class="layui-input-inline choose-border">
                        <div class="choose-row">
                            <div class="layui-input-inline w140" data-id="{$vo2.num}">
                                <select name="nodearray[{$site-1}][{$vo2.num}][type]" lay-filter="choose-sh" id="sel_type{$vo2.num}">
                                    <option value="">选择审核人类型</option>
                                    <option value="5" {if condition="$vo2.type eq 5"}selected{/if}>职位</option>
                                    <option value="1" {if condition="$vo2.type eq 1"}selected{/if}>指定人</option>
                                    <option value="2" {if condition="$vo2.type eq 2"}selected{/if}>指定岗位</option>
                                    <option value="3" {if condition="$vo2.type eq 3"}selected{/if}>直属上级</option>
                                    <option value="4" {if condition="$vo2.type eq 4"}selected{/if}>直属上级逐级审批</option>
                                    <option value="6" {if condition="$vo2.type eq 6"}selected{/if}>转岗后部门的职位</option>
                                </select>
                            </div>
                            <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][details]" id="details{$vo2.num}" value="{$vo2.details}">
                            <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][audit_name]" id="audit_name{$vo2.num}" value="{$vo2.audit_name}">
                            <div class="layui-input-inline" data-id="{$vo2.num}" id="add-sh-{$vo2.num}">

                            {if condition="isset($vo2.type) and $vo2.type neq 3"}

                                {if condition="$vo2.type eq 1"}
                                    <div class="layui-btn use_sel" data-id="{$vo2.num}">选择人</div>
                                {elseif condition="$vo2.type eq 2" }
                                    <div class="layui-btn use_sel" data-id="{$vo2.num}">选择岗位</div>
                                {elseif condition="$vo2.type eq 4"}
                                    <div class="layui-btn use_sel" data-id="{$vo2.num}">终止岗位</div>
                                {elseif condition="$vo2.type eq 5"}
                                    <div class="layui-btn sp_zhiwei_sel" data-id="{$vo2.num}">选择职位</div>
                                {elseif condition="$vo2.type eq 6"}
                                <div class="layui-btn zg_zhiwei_sel" data-id="{$vo2.num}">选择职位</div>
                                {/if}

                            {/if}
                            </div>
                        </div>

                        <div class="choose-row">
                            <div class="layui-input-inline w140" data-id="{$vo2.num}">
                                <select name="nodearray[{$site-1}][{$vo2.num}][copy_types]" lay-filter="choose-cs" id="copy_type{$vo2.num}">
                                    <option value="">选择抄送人类型</option>
                                    <!--<option value="5" {if condition="$vo2.copy_types eq 5"}selected{/if}>职位</option>-->
                                    <option value="1" {if condition="$vo2.copy_types eq 1"}selected{/if}>指定人</option>
                                    <option value="2" {if condition="$vo2.copy_types eq 2"}selected{/if}>指定岗位</option>
                                    <!--<option value="3" {if condition="$vo2.copy_types eq 3"}selected{/if}>直属上级</option>-->
                                    <!--<option value="4" {if condition="$vo2.copy_types eq 4"}selected{/if}>直属上级逐级审批</option>-->
                                </select>
                            </div>
                            <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][copy_details]" id="copy_details{$vo2.num}" value="{$vo2.copy_details}">
                            <input type="hidden" name="nodearray[{$site-1}][{$vo2.num}][copy_name]" id="copy_name{$vo2.num}" value="{$vo2.copy_name}">
                            <div class="layui-input-inline" data-id="{$vo2.num}" id="add-cs-{$vo2.num}">
                                {if condition="$vo2.copy_types neq '' and $vo2.copy_types neq 3"}

                                    {if condition="$vo2.copy_types eq 1"}
                                        <div class="layui-btn user_boks" data-id="{$vo2.num}">选择人</div>
                                    {elseif condition="$vo2.copy_types eq 2" }
                                        <div class="layui-btn user_boks" data-id="{$vo2.num}">选择岗位</div>
                                    {elseif condition="$vo2.copy_types eq 4"}
                                        <div class="layui-btn user_boks" data-id="{$vo2.num}">终止岗位</div>
                                    {elseif condition="$vo2.copy_types eq 5"}
                                        <div class="layui-btn cs_zhiwei_sel" data-id="{$vo2.num}">选择职位</div>
                                    {/if}
                                {/if}
                            </div>
                        </div>
                        <div class="choose-row">
                            <input type="radio" name="nodearray[{$site-1}][{$vo2.num}][audit_type]" value="1" title="单签" {if condition="$vo2.audit_type eq 1"}checked{/if}>
                            <input type="radio" name="nodearray[{$site-1}][{$vo2.num}][audit_type]" value="2" title="会签"  {if condition="$vo2.audit_type eq 2"}checked{/if}>
                        </div>
                        <div class="choose-row" id="sp_{$vo2.num}">审批人：{$vo2.audit_name}</div>
                        <div class="choose-row" id="cs_{$vo2.num}">抄送人：{$vo2.copy_name}</div>
                    </div>
                    <div class="layui-input-inline" style="width: 90px">
                        <span class="flow-btn-span add-select" data-site="{$site-1}">+</span>
                        <span class="flow-btn-span del-select">-</span>
                    </div>
                </div>
                {/volist}
                <!--!!!!!!!!!!!!!!!!!!!!!!!!first    -->

                 <!--第二个！！！！！！！！！！！！！！！！！！！！！！！   -->

                <!--<div class="sp-item">-->
                    <!--<div class="point-contain">-->
                        <!--<div class="sp-down"></div>-->
                    <!--</div>-->
                    <!--<div class="layui-input-inline choose-border">-->
                        <!--<div class="choose-row">-->
                            <!--<div class="layui-input-inline w140" data-id="0">-->
                                <!--<select name="nodearray[0][0][type]" lay-filter="choose-sh" id="sel_type0">-->
                                    <!--<option value="">选择审核人类型</option>-->
                                    <!--<option value="1">指定人</option>-->
                                    <!--<option value="2">指定岗位</option>-->
                                    <!--<option value="3">直属上级</option>-->
                                    <!--<option value="4">直属上级逐级审批</option>-->
                                <!--</select>-->
                            <!--</div>-->
                            <!--<input type="hidden" name="nodearray[0][0][details]" id="details0">-->
                            <!--<div class="layui-input-inline" data-id="0" id="add-sh-0">-->
                                <!--&lt;!&ndash;<div class="layui-btn use_sel" data-id="0">审批审批</div>&ndash;&gt;-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--<div class="choose-row">-->
                            <!--<div class="layui-input-inline w140" data-id="0">-->
                                <!--<select name="nodearray[0][0][copy_types]" lay-filter="choose-cs" id="copy_type0">-->
                                    <!--<option value="">选择抄送人类型</option>-->
                                    <!--<option value="1">指定人</option>-->
                                    <!--<option value="2">指定岗位</option>-->
                                    <!--<option value="3">直属上级</option>-->
                                    <!--<option value="4">直属上级逐级审批</option>-->
                                <!--</select>-->
                            <!--</div>-->
                            <!--<input type="hidden" name="nodearray[0][0][copy_details]" id="copy_details0">-->
                            <!--<div class="layui-input-inline" data-id="0" id="add-cs-0">-->
                                <!--&lt;!&ndash;<div class="layui-btn use_sel" data-id="0">审批</div>&ndash;&gt;-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="choose-row">-->
                            <!--<input type="radio" name="nodearray[0][0][audit_type]" value="2" title="单签" checked>-->
                            <!--<input type="radio" name="nodearray[0][0][audit_type]" value="1" title="会签">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="layui-input-inline" style="width: 90px">-->
                        <!--<span class="flow-btn-span add-select" data-site="0">+</span>-->
                        <!--<span class="flow-btn-span del-select">-</span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--第二个结束！！！！！！！！！！！！！！！！！！！-->

            </div>
        </div>

        {/volist}

    {else}
        <!--新增 start-->
        <div class="sp-wrap" data-site="0">
            <div>
                <blockquote class="layui-elem-quote layui-quote-nm" style="width: 200px;" id="dept0"></blockquote>
            </div>

            <!--条件文字展示-->
            <div>
                <blockquote class="layui-elem-quote layui-quote-nm" style="width: 200px;" id="if"></blockquote>
            </div>

            <div class="sp-originator layui-btn">发起人</div>
            <div class="layui-btn layui-btn-radius layui-btn-primary choose-dept" data-site="0" data-id="0" style="height: 29px;width: 98px;margin-bottom: 8px;" >选择适用部门</div>
            <div class="layui-input-inline" style="width: 90px">
                <span class="flow-btn-span add-all">+</span>
                <span class="flow-btn-span del-all">-</span>
            </div>
            <div class="sp-process-wrap">
                <div class="sp-item"  data-id="0">
                    <div class="point-contain">
                        <div class="sp-down first-line" style="height: 100px;"></div>
                        <div class="what-sel">

                            <div class="layui-input-inline" style="width: 183px;">
                                <!--适用部门-->
                                <input type="hidden" name="nodearray[0][0][scope]" id="scope0">
                                <!--条件-->
                                <input type="hidden" name="nodearray[0][0][conditions]" id="conditions0">
                                <input type="hidden" name="nodearray[0][0][conditions_str]" id="conditions_str0">
                                <div class="layui-btn layui-btn-radius layui-btn-primary choose-conditions" data-site="0" data-id="0" style="height: 29px;width: 98px;margin-bottom: 8px;" >设定条件</div>

                                <!--设置条件按钮-->
                                <!--
                                <select name="nodearray[0][0][if_name]" class="add-option" lay-filter="selectCondition">
                                    <option value="">请选择条件</option>
                                    {volist name="fields" id="field"}
                                    {if condition="$field.type eq 'select' or $field.type eq 'number'"}
                                    <option value="{$field.name}" {if condition="$vo2.if_name eq $field.name"}selected{/if}>{$field.name}</option>
                                    {/if}
                                    {/volist}
                                </select>
                                -->
                            </div>
                            <div style="margin-top: 4px;" class="if_condition">

                                <!--<input class="layui-input"  name="nodearray[0][0][condition_status]" style="width: 80px;display: unset;"> ----->
                                <!--<input class="layui-input"  name="nodearray[0][0][condition_end]" style="width: 80px;display: unset;">-->
                            </div>
                        </div>
                    </div>

                    <div class="layui-input-inline choose-border">
                        <div class="choose-row">
                            <div class="layui-input-inline w140" data-id="0">
                                <select name="nodearray[0][0][type]" lay-filter="choose-sh" id="sel_type0">
                                    <option value="">选择审核人类型</option>
                                    <option value="5">职位</option>
                                    <option value="1">指定人</option>
                                    <option value="2">指定岗位</option>
                                    <option value="3">直属上级</option>
                                    <option value="4">直属上级逐级审批</option>
                                    <option value="6">转岗后部门的职位</option>
                                </select>
                            </div>
                            <input type="hidden" name="nodearray[0][0][details]" id="details0">
                            <input type="hidden" name="nodearray[0][0][audit_name]" id="audit_name0">
                            <div class="layui-input-inline" data-id="0" id="add-sh-0">
                                <!--<div class="layui-btn use_sel" data-id="0">审批审批</div>-->
                            </div>
                        </div>

                        <div class="choose-row">
                            <div class="layui-input-inline w140" data-id="0">
                                <select name="nodearray[0][0][copy_types]" lay-filter="choose-cs" id="copy_type0">
                                    <option value="">选择抄送人类型</option>
                                    <!--<option value="5">职位</option>-->
                                    <option value="1">指定人</option>
                                    <option value="2">指定岗位</option>
                                    <!--<option value="3">直属上级</option>-->
                                    <!--<option value="4">直属上级逐级审批</option>-->
                                </select>
                            </div>
                            <input type="hidden" name="nodearray[0][0][copy_details]" id="copy_details0">
                            <input type="hidden" name="nodearray[0][0][copy_name]" id="copy_name0">
                            <div class="layui-input-inline" data-id="0" id="add-cs-0">
                                <!--<div class="layui-btn use_sel" data-id="0">审批</div>-->
                            </div>
                        </div>
                        <div class="choose-row">
                            <input type="radio" name="nodearray[0][0][audit_type]" value="1" title="单签" checked>
                            <input type="radio" name="nodearray[0][0][audit_type]" value="2" title="会签">
                        </div>
                    </div>
                    <div class="layui-input-inline" style="width: 90px">
                        <span class="flow-btn-span add-select" data-site="0">+</span>
                        <span class="flow-btn-span del-select">-</span>
                    </div>

                </div>
            </div>
        </div>
        <!--新增 end-->
    {/if}

            </div>

            <!--主体部分end-->

            <div class="layui-form-item submit-btn">
                <div class="layui-input-block">
                    <button lay-submit lay-filter="formDemo" class="layui-btn" type="button" id="submit">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
                </div>
            </div>
        </form>
    </div>
</div>


<div id="alert-conditions" style="height: 100%;overflow: auto;">

    <form class="layui-form" action="" id="form-conditions">

        {volist name="conditions" id="con"}


        <div class="layui-form-item field"  data-type="{$con.type}" data-name="{$con.name}">
            <label class="layui-form-label">{$con.name}</label>

            {if condition="$con.type eq 'select' or $con.type eq 'checkbox'"}

            <div class="layui-input-block">
                {volist name='$con.values' id='val'}
                <input type="checkbox" name="{$con.name}[]" value="{$val}" title="{$val}" lay-skin="primary">
                {/volist}
            </div>

            {elseif condition="$con.type eq 'number'"}

            <div class="layui-input-inline">
                <input type="text" name="title" required  lay-verify="required" placeholder="最小值" autocomplete="off" class="layui-input number1">
            </div>
            <div class="layui-input-inline">
                <input type="text" name="title" required  lay-verify="required" placeholder="最大值" autocomplete="off" class="layui-input number2">
            </div>

            {/if}

        </div>


        {/volist}
        <!--
        <div class="layui-form-item">
            <label class="layui-form-label">输入框</label>
            <div class="layui-input-inline">
                <input type="text" name="title" required  lay-verify="required" placeholder="最小值" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-input-inline">
                <input type="text" name="title" required  lay-verify="required" placeholder="最大值" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">复选框</label>
            <div class="layui-input-block">
                <input type="checkbox" name="like[write]" title="写作" lay-skin="primary">
                <input type="checkbox" name="like[read]" title="阅读" lay-skin="primary" checked>
                <input type="checkbox" name="like[dai]" title="发呆" lay-skin="primary">
            </div>
        </div>
    -->

    </form>
</div>

<script>

    //流程id
    var process_id = "{$detail.id}";
    //几个流程
    var site = 0;
    //几个节点
    var num = 0;

    //完整表单项
    var fields = [];

    //下拉框里 条件
    var add_potion ='';
    var form_id = "{$form_id}";

    if(process_id>0){
        //编辑
        site = "{$detail.site}";
        num = "{$detail.num}";
    }
    if(process_id>0||parseInt(form_id)>0){
        //add_potion = "{$detail.add_option}";

        $.ajax({
            type: "POST",
            url: "/papi/Form/form_fields",
            data: {"id":form_id},
            success: function (msg) {
                if (msg.code == 200) {
                    //fields = JSON.parse(msg.data.form.fields);
                    fields = msg.data;
                    /*
                    var str ="<option value=''>请选择条件</option>";
                    $.each(JSON.parse(msg.data.form.fields),function(index,obj) {
                        if(obj.type == 'select'||obj.type == 'number') {
                            str += "<option value='" + obj.name + "'>" + obj.name + "</option>";
                        }
                    });
                    add_potion = str;
                    */
                }
            }
        });

    }else{
        //添加
        var dept = '[{"type":"1","keyid":"1","positionid":"0","staffid":"0","name":"","str":"1_1_0_0","full_name":""}]';
        $('#scope0').val(dept);
    }


    layui.use(['layer','jquery','form'], function(){

        var  layer = layui.layer; //弹层
        var  form = layui.form;//表单操作
        //添加单个审批步骤
        $("body").on("click",'.add-select',function(){
            var now_site = $(this).attr('data-site');
            num = parseInt(num)+parseInt(1);
            console.log(num);
            var re_str = '<div class="sp-item"  data-id="'+num+'">' +
                    '<div class="point-contain">' +
                    '<div class="sp-down"></div>' +
                    '</div>' +
                    '<div class="layui-input-inline choose-border">' +
                    '<div class="choose-row"><div class="layui-input-inline w140" data-id="'+num+'">' +
                    '<select name="nodearray['+now_site+']['+num+'][type]"  lay-filter="choose-sh"  id="sel_type'+num+'">' +
                    '<option value="">选择审核人类型</option>' +
                    '<option value="5">职位</option>' +
                    '<option value="1">指定人</option>' +
                    '<option value="2">指定岗位</option>' +
                    '<option value="3">直属上级</option>' +
                    '<option value="4">直属上级逐级审批</option>' +
                    '<option value="6">转岗后部门的职位</option>' +
                    '</select>' +
                    '</div>' +
                    '<input type="hidden" name="nodearray['+now_site+']['+num+'][details]" id="details'+num+'">' +
                    '<input type="hidden" name="nodearray['+now_site+']['+num+'][audit_name]" id="audit_name'+num+'">' +
                    '<div class="layui-input-inline" data-id="'+num+'" id="add-sh-'+num+'"></div>' +
                    '</div>';
            re_str += '<div class="choose-row">' +
                    '<div class="layui-input-inline w140" data-id="'+num+'">' +
                    '<select name="nodearray['+now_site+']['+num+'][copy_types]"  lay-filter="choose-cs" id="copy_type'+num+'">' +
                    '<option value="">选择抄送人类型</option>' +
                    '<!--<option value="5">职位</option>-->' +
                    '<option value="1">指定人</option>' +
                    '<option value="2">指定岗位</option>' +
                    '</select>' +
                    '</div>' +
                    '<input type="hidden" name="nodearray['+now_site+']['+num+'][copy_details]" id="copy_details'+num+'">' +
                    '<input type="hidden" name="nodearray['+now_site+']['+num+'][copy_name]" id="copy_name'+num+'">' +
                    '<div class="layui-input-inline" data-id="'+num+'"  id="add-cs-'+num+'"></div>' +
                    '</div>' +
                    '<div class="choose-row">' +
                    '<input type="radio" name="nodearray['+now_site+']['+num+'][audit_type]" value="1" title="单签" checked>' +
                    '<input type="radio" name="nodearray['+now_site+']['+num+'][audit_type]" value="2" title="会签">' +
                    '</div>' +
                    '</div>' +
                    '<div class="layui-input-inline" style="width: 90px">' +
                    '<span class="flow-btn-span add-select" data-site="'+now_site+'">+</span>' +
                    '<span class="flow-btn-span del-select">-</span>' +
                    '</div>' +
                    '</div>';

            $(this).parents(".sp-process-wrap").append(re_str);
            form.render();

        });

        // 删除单个审批步骤
        $("body").on("click",'.del-select',function(){
            if($(this).parents(".sp-process-wrap").find(".sp-item").length>1){
                $(this).parents(".sp-item").remove();
            }else{
                layer.open({
                    content: '不能再删除了~'
                });
            }
        });

        //添加新的审批流程
        $("body").on('click','.add-all',function(){
            site = parseInt(site) + 1;
            num = parseInt(num) +1;
            var all_str = '<div class="sp-wrap" data-site="'+site+'">' +
                    '<div>' +
                    '<blockquote class="layui-elem-quote layui-quote-nm" style="width: 200px;" id="dept'+site+'"></blockquote>' +
                    '</div>' +

                    '<div>' +
                    '<blockquote class="layui-elem-quote layui-quote-nm" style="width: 200px;" id="if'+site+'"></blockquote>' +
                    '</div>' +

                    '<div class="sp-originator layui-btn">发起人</div>' +
                    '<div class="layui-btn layui-btn-radius layui-btn-primary choose-dept" data-site="'+site+'" style="height: 29px;width: 98px;margin-bottom: 8px;" >选择适用部门</div>' +
                    '<div class="layui-input-inline" style="width: 90px">' +
                    '<span class="flow-btn-span add-all">+</span>' +
                    '<span class="flow-btn-span del-all">-</span>' +
                    '</div>' +
                    '<div class="sp-process-wrap">' +
                    '<div class="sp-item" data-id="'+num+'">' +
                    '<div class="point-contain">' +
                    '<div class="sp-down first-line" style="height: 100px;"></div>' +
                    '<div class="what-sel">' +
                    '<div class="layui-input-inline" style="width: 183px;">' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][scope]" id="scope'+site+'">' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][conditions]" id="conditions'+site+'">' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][conditions_str]" id="conditions_str'+site+'">' +
                    '<div class="layui-btn layui-btn-radius layui-btn-primary choose-conditions" data-site="'+site+'" style="height: 29px;width: 98px;margin-bottom: 8px;" >设定条件</div>' +
                     //审批条件
                    //'<select name="nodearray['+site+']['+num+'][if_name]" class="add-option" lay-filter="selectCondition">'+add_potion+'</select>' +

                    '</div>' +
                    '<div style="margin-top: 4px;" class="if_condition">' +
//                    '<input class="layui-input"  name="nodearray['+site+']['+num+'][condition_status]" style="width: 80px;display: unset;">' +
//                    ' --- ' +
//                    '<input class="layui-input"  name="nodearray['+site+']['+num+'][condition_end]" style="width: 80px;display: unset;">' +
                    '</div>' +
                    '</div>' +
                    '</div>' +
                    '<div class="layui-input-inline choose-border">' +
                    '<div class="choose-row">' +
                    '<div class="layui-input-inline w140" data-id="'+num+'">' +
                    '<select name="nodearray['+site+']['+num+'][type]" lay-filter="choose-sh" id="sel_type'+num+'">' +
                    '<option value="">选择审核人类型</option>' +
                    '<option value="5">职位</option>' +
                    '<option value="1">指定人</option>' +
                    '<option value="2">指定岗位</option>' +
                    '<option value="3">直属上级</option>' +
                    '<option value="4">直属上级逐级审批</option>' +
                    '<option value="6">转岗后部门的职位</option>' +
                    '</select>' +
                    '</div>' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][details]" id="details'+num+'">' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][audit_name]" id="audit_name'+num+'">' +
                    '<div class="layui-input-inline" data-id="'+num+'" id="add-sh-'+num+'">' +
                    '</div>' +
                    '</div>' +
                    '<div class="choose-row">' +
                    '<div class="layui-input-inline w140" data-id="'+num+'">' +
                    '<select name="nodearray['+site+']['+num+'][copy_types]" lay-filter="choose-cs" id="copy_type'+num+'">' +
                    '<option value="">选择抄送人类型</option>' +
                    '<!--<option value="5">职位</option>-->' +
                    '<option value="1">指定人</option>' +
                    '<option value="2">指定岗位</option>' +
                    '</select>' +
                    '</div>' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][copy_details]" id="copy_details'+num+'">' +
                    '<input type="hidden" name="nodearray['+site+']['+num+'][copy_name]" id="copy_name'+num+'">' +
                    '<div class="layui-input-inline" data-id="'+num+'" id="add-cs-'+num+'">' +
                    '</div>' +
                    '</div>' +
                    '<div class="choose-row">' +
                    '<input type="radio" name="nodearray['+site+']['+num+'][audit_type]" value="1" title="单签" checked>' +
                    '<input type="radio" name="nodearray['+site+']['+num+'][audit_type]" value="2" title="会签">' +
                    '</div>' +
                    '</div>' +
                    '<div class="layui-input-inline" style="width: 90px">' +
                    '<span class="flow-btn-span add-select" data-site="'+site+'">+</span>' +
                    '<span class="flow-btn-span del-select">-</span>' +
                    '</div>' +
                    '</div>' +
                    '</div>' +
                    '</div>';
            $(".sp-con").append(all_str);
            $('#scope'+site).val(dept);
            form.render();
//            var all_template=$("#all_template").clone();
//            all_template.attr("id",'');
//            all_template.show();
//            $(".sp-con").append(all_template);
//            form.render();
        });

        // 删除一个审批流程
        $("body").on("click",'.del-all',function(){
            if($(".sp-con .sp-wrap").length>1){
                $(this).parents(".sp-wrap").remove();
            }else{
                layer.open({
                    content: '不能再删除了~'
                });
            }
        });


        //选择模板  显示必填字段，和条件
        form.on('select(formList)', function(data){
            var formList = data.value;
            $.ajax({
                type: "POST",
                url: "/papi/Form/form_fields",
                data: {"id":formList},
                success: function (msg) {
                    if (msg.code == 200) {

                        //$("#mandatory").empty();
                        //$("#condition").empty();
                        //$("#mandatory").append("<label class='layui-form-label' style='width:60px;'>必选字段</label>");
                        var str ="<option value=''>请选择条件</option>";
                        //fields = JSON.parse(msg.data.form.fields);
                        fields = msg.data;

                        /*
                        $.each(JSON.parse(msg.data.form.fields),function(index,obj) {
                            if(obj.type == 'select'||obj.type == 'number'){
                                str += "<option value='"+obj.name+"'>"+obj.name+"</option>";
                            }
                            $("#mandatory").append("<input type='checkbox' name='mandatory' value='"+obj.name+"' lay-skin='primary' title='"+obj.name+"'>");
                        });

                        add_potion = str;
                        $(".add-option").html(add_potion);
                        form.render();
                        */
                    }
                }
            });

        });

        //根据所选条件 更改可选条件框
        form.on('select(selectCondition)', function(data){
            //当前点击的流程
            var this_parent = $(this).parents('.sp-wrap');
            var this_site = $(this).parents('.sp-wrap').attr('data-site');
            var this_num = $(this).parents('.sp-item').attr('data-id');


            //选择条件
            var this_condition = data.value;

            var if_str = '';
            $.each(fields,function(key,val){
                if(val.name == this_condition){
                    if(val.type == 'number'){
                        if_str += '<input type="hidden" name="nodearray['+this_site+']['+this_num+'][if_type]" value="number">';
                        if_str +=  '<input class="layui-input"  name="nodearray['+this_site+']['+this_num+'][condition_status]" style="width: 80px;display: unset;">' +
                        ' --- ' +
                        '<input class="layui-input"  name="nodearray['+this_site+']['+this_num+'][condition_end]" style="width: 80px;display: unset;">';
                    }else if(val.type == 'select'){
                        if_str += '<input type="hidden" name="nodearray['+this_site+']['+this_num+'][if_type]" value="select">';
                        if_str += '<select name="nodearray['+this_site+']['+this_num+'][condition_status]">';
                        $.each(val.values,function(id,item){
                            if_str += '<option value="'+item+'">'+item+'</option>';
                        });
                        if_str +=  '</select>';
                    }

                    //结束循环
                    return false;
                }
            });

            console.log(if_str);
            $(this_parent).find('.if_condition').html(if_str);
            form.render();
        });


        //适用部门
        $('.sp-con').on('click','.sp-wrap .choose-dept',function(){
            var the_this = $(this);
            //var the_id = $(this).attr('data-id');
            var the_site = $(this).attr('data-site');

            load_page('/oa/Dept/selector?company=1', '选择组织架构',
                    function(){
                        get_select(function(res){
                            var str = '';
                            $.each(res,function(index,obj) {
                                str +=obj.full_name+'<br>';
                            });
                            the_this.parent('.sp-wrap').find('#scope'+the_site).val(JSON.stringify(res));
                            the_this.parent('.sp-wrap').find('#dept'+the_site).html(str);

                        });
                    },
                    ['确定','取消'], 900,600
            );
        });

        //设定条件
        $('.sp-con').on('click','.sp-wrap .choose-conditions',function(){
            var the_this = $(this);
            var the_site = the_this.attr('data-site');

            /*弹框中字段条件*/
            var the_c_json = the_this.parents('.sp-wrap').find('#conditions'+the_site).val();

            var re_str = '';
            var the_c_array = [];
            if(the_c_json){
                var the_c_arr = JSON.parse(the_c_json);
                $.each(the_c_arr,function(id,item){
                    the_c_array[item.name] = item.value;
                });
            }

            //将已设定条件展示在弹框
            $.each(fields,function(k1,v1){
                re_str += '<div class="layui-form-item field"  data-type="'+v1.type+'" data-name="'+v1.name+'">' +
                '<label class="layui-form-label">'+v1.name+'</label>';
                if(v1.type == 'select' || v1.type == 'checkbox'){
                    re_str += '<div class="layui-input-block">';
                    $.each(v1.values,function(key,option){
                        if(the_c_array[v1.name] && the_c_array[v1.name] != undefined){

                            var the_class = '';
                            if($.inArray(option, the_c_array[v1.name]) >= 0){
                                the_class += 'checked';
                            }
                            re_str += '<input type="checkbox" name="'+v1.name+'[]" value="'+option+'" title="'+option+'" lay-skin="primary" '+the_class+'>';

                        }else{
                            re_str += '<input type="checkbox" name="'+v1.name+'[]" value="'+option+'" title="'+option+'" lay-skin="primary">';
                        }

                    });
                    re_str += '</div>';
                }

                if(v1.type == 'number'){
                    if(the_c_array[v1.name] && the_c_array[v1.name] != undefined){
                        re_str +='<div class="layui-input-inline">' +
                        '<input type="text" name="title" value="'+the_c_array[v1.name][0]+'" placeholder="最小值" autocomplete="off" class="layui-input number1">' +
                        '</div>' +
                        '<div class="layui-input-inline">' +
                        '<input type="text" name="title" value="'+the_c_array[v1.name][1]+'"  placeholder="最大值" autocomplete="off" class="layui-input number2">' +
                        '</div>';
                    }else{
                        re_str +='<div class="layui-input-inline">' +
                        '<input type="text" name="title" value="" placeholder="最小值" autocomplete="off" class="layui-input number1">' +
                        '</div>' +
                        '<div class="layui-input-inline">' +
                        '<input type="text" name="title" value=""  placeholder="最大值" autocomplete="off" class="layui-input number2">' +
                        '</div>';
                    }


                }

                re_str += '</div>';

            });

            re_str = re_str ? re_str : '此审批内容中 没有可以设置的条件';
            $('#form-conditions').html(re_str);
            form.render();


            var ye = layer.open({
                title:'流程条件设定',
                type: 1,
                skin: 'layui-layer-rim',
                area:  ['500px', '400px'],
                content: $('#alert-conditions'),
                btn:['提交','取消'],
                yes:function(index){
                    var c_fields=[];
                    var obj;

                    //获取所有字段和值
                    $('.field').each(function() {
                        obj={};

                        obj.name=$(this).data('name');
                        obj.type=$(this).data('type');
                        //obj.values=$(this).data('values');

                        if(obj.type=='number')
                        {
                            var numArr =[];
                            var num1 = $(this).find('.number1').val();
                            var num2 = $(this).find('.number2').val();

                            if(num1||num2){
                                numArr.push(num1);
                                numArr.push(num2);
                            }

                            obj.value = numArr;
                        }else if(obj.type=='checkbox'||obj.type=='select')
                        {
                            var value=[];
                            $('input[name="'+obj.name+'[]"]:checkbox:checked').each(function(){
                                value.push($(this).val())
                            });
                            obj.value = value
                        }


                        c_fields.push(obj)
                    });

                    //获取最终填写条件
                    if(c_fields){
                        var conditions = [];
                        var conditions_arr = [];

                        $.each(c_fields,function(key,val){
                            if(val.value.length > 0){
                                conditions.push(val);

                                if(val.type == 'select'||val.type == 'checkbox'){
                                    conditions_arr.push(val.name+':'+val.value.join(','));
                                }

                                if(val.type == 'number'){
                                    var number1 = val.value[0] ? val.value[0] : 0;
                                    conditions_arr.push(val.name + ':' + number1 + '—'+val.value[1]);
                                }
                            }
                        });
                        var condition_str = conditions_arr.join(' 并且 ');
                        var conditionsJson = conditions.length > 0 ? JSON.stringify(conditions) : '';

                        the_this.parents('.sp-wrap').find('#conditions'+the_site).val(conditionsJson);
                        the_this.parents('.sp-wrap').find('#conditions_str'+the_site).val(condition_str);
                        the_this.parents('.sp-wrap').find('#if'+the_site).html(condition_str);
                    }

                    layer.close(ye);
                }

            });

        });

        //审批人类型选择
        form.on('select(choose-sh)',function(data){
            var sel_type = data.value;
            var data_id =$(this).parents('.w140').attr('data-id');

            var add_sh_str = '';
            if(sel_type==1){
                add_sh_str += '<div class="layui-btn use_sel" data-id="'+data_id+'">选择人</div>';
            }else if(sel_type==2){
                add_sh_str += '<div class="layui-btn use_sel" data-id="'+data_id+'">选择岗位</div>';
            }else if(sel_type==3){
                add_sh_str += '';
                if(typeof($('#sp_'+data_id).val()) == "undefined") {
                    $(this).parents('.choose-border').append('<div class="choose-row" id="sp_'+data_id+'">审批人：直属上级</div>');
                }else{
                    $('#sp_'+data_id).html('审批人：直属上级');
                }
                $('#audit_name'+data_id).val('直属上级');

            }else if(sel_type==4){
                add_sh_str += '<div class="layui-btn use_sel" data-id="'+data_id+'">终止岗位</div>';
            }else if(sel_type==5){
                //选择职位
                add_sh_str += '<div class="layui-btn sp_zhiwei_sel" data-id="'+data_id+'">选择职位</div>';
            }else if(sel_type==6){
                //转岗  选择转岗后上级职位
                add_sh_str += '<div class="layui-btn zg_zhiwei_sel" data-id="'+data_id+'">选择职位</div>';
            }
            $(this).parents().find('#add-sh-'+data_id).html(add_sh_str);
        });

        //审批人
        $('.sp-con').on('click',' .sp-wrap .use_sel',function(){
            var the_this = $(this);
            var sp_id = $(this).attr('data-id');
            var sel_type = $('#sel_type'+sp_id).val();
            var array = [],detail = '',name_array = [],name_detail = '',full_name_array = [],full_name_detail = '';

            //$('#details'+sp_id).val();
                //组织架构 岗位 人员 选择器
                if(sel_type == 1 ){
                    var url = '/oa/Dept/selector?company=1';
                }else if(sel_type == 2){
                    var url = '/oa/Dept/selector?get_type=2&company=1';
                }else if(sel_type == 4){
                    var url = '/oa/Dept/selector?get_type=2&company=1';
                }
                load_page(url, '选择组织架构',
                    function(){
                        get_select(function(arr){
                            //指定人
                            if(sel_type==1){
                                $.each(arr,function(index,obj) {
                                    //数值
                                    if(obj.staffid>0){
                                        array.push(obj.staffid);
                                        //名字
                                        name_array.push(obj.name);
                                        //全称
                                        full_name_array.push(obj.full_name);
                                    }
                                });
                            }else if (sel_type==2){
                                //指定岗位
                                $.each(arr,function(index,obj) {
                                    //岗位id
                                    if(obj.positionid>0){
                                        array.push(obj.positioncode);
                                        //名字
                                        name_array.push(obj.name);
                                        //全称
                                        full_name_array.push(obj.full_name);
                                    }
                                });
                            }else if(sel_type==4){
                                //直属上级逐级审批（组织架构选择器需有position_code值）-------------------------------切记切记
                                $.each(arr,function(index,obj) {
                                    //岗位id
                                    if(obj.positionid>0){
                                        array.push(obj.positioncode);
                                        //名字
                                        name_array.push(obj.name);
                                        //全称
                                        full_name_array.push(obj.full_name);
                                    }
                                });
                            }
                            //组织架构选择器的值 放在hidden里
                            detail = array.join(",");
                            if(detail.length<=0){
                                layer.alert('请选择正确的审批人');
                                return false;
                            }
                            $('#details'+sp_id).val(detail);
                            //名字

                            name_detail = name_array.join(",");
                            if(sel_type==4)  name_detail = '终止岗位-'+name_detail;
                            $('#audit_name'+sp_id).val(name_detail);
                            //全称
                            full_name_detail = full_name_array.join(",");

                            if(typeof($('#sp_'+sp_id).val()) == "undefined") {
                                the_this.parents('.choose-border').append('<div class="choose-row" id="sp_'+sp_id+'">审批人：'+name_detail+'</div>');
                            }else{
                                $('#sp_'+sp_id).html('审批人：'+name_detail);
                            }
                            form.render();
                        });
                    },
                    ['确定','取消'], 900,600
                );
        });

        //审批人 选职位
        $('.sp-con').on('click',' .sp-wrap .sp_zhiwei_sel',function(){
            var the_this = $(this);
            var sp_id = $(this).attr('data-id');
            var sel_type = $('#sel_type'+sp_id).val();
            var array = [],detail = '',name_array = [],name_detail = '',full_name_array = [],full_name_detail = '';
            load_page(
                    '/oa/Dept/selectZhiWei.html?get_type=1',
                    '选择职位',
                    function(){
                        selectZhiWei(function(arr){
                            $.each(arr,function(index,obj) {
                                //数值
                                if(obj.id>0){
                                    array.push(obj.id);

                                    //职位名字
                                    name_array.push(obj.name);

                                    //组织架构选择器的值 放在hidden里
                                    detail = array.join(",");
                                    if(detail.length<=0){
                                        layer.alert('请选择正确的审批人');
                                        return false;
                                    }
                                    $('#details'+sp_id).val(detail);
                                    //名字
                                    name_detail = '职位-' + name_array.join(",");
                                    $('#audit_name'+sp_id).val(name_detail);

                                    //显示所选审批人
                                    if(typeof($('#sp_'+sp_id).val()) == "undefined") {
                                        the_this.parents('.choose-border').append('<div class="choose-row" id="sp_'+sp_id+'">审批人：'+name_detail+'</div>');
                                    }else{
                                        $('#sp_'+sp_id).html('审批人：'+name_detail);
                                    }
                                    form.render();
                                }
                            });
                        });
                    },['保存','取消'],590,575
            );
        });

        //审批人  转岗后选上级职位（转岗专用）
        $('.sp-con').on('click',' .sp-wrap .zg_zhiwei_sel',function(){
            var the_this = $(this);
            var sp_id = $(this).attr('data-id');
            var sel_type = $('#sel_type'+sp_id).val();
            var array = [],detail = '',name_array = [],name_detail = '',full_name_array = [],full_name_detail = '';
            load_page(
                    '/oa/Dept/selectZhiWei.html?get_type=1',
                    '选择职位',
                    function(){
                        selectZhiWei(function(arr){
                            $.each(arr,function(index,obj) {
                                //数值
                                if(obj.id>0){
                                    array.push(obj.id);

                                    //职位名字
                                    name_array.push(obj.name);

                                    //组织架构选择器的值 放在hidden里
                                    detail = array.join(",");
                                    if(detail.length<=0){
                                        layer.alert('请选择正确的审批人');
                                        return false;
                                    }
                                    $('#details'+sp_id).val(detail);
                                    //名字
                                    name_detail = '职位-' + name_array.join(",");
                                    $('#audit_name'+sp_id).val(name_detail);

                                    //显示所选审批人
                                    if(typeof($('#sp_'+sp_id).val()) == "undefined") {
                                        the_this.parents('.choose-border').append('<div class="choose-row" id="sp_'+sp_id+'">审批人：'+name_detail+'</div>');
                                    }else{
                                        $('#sp_'+sp_id).html('审批人：'+name_detail);
                                    }
                                    form.render();
                                }
                            });
                        });
                    },['保存','取消'],590,575
            );
        });

        //抄送人类型选择
        form.on('select(choose-cs)',function(data){
            var cs_type = data.value;
            var data_id =$(this).parents('.w140').attr('data-id');

            var add_sh_str = '';
            if(cs_type==1){
                add_sh_str += '<div class="layui-btn user_boks" data-id="'+data_id+'">选择人</div>';
            }else if(cs_type==2){
                add_sh_str += '<div class="layui-btn user_boks" data-id="'+data_id+'">选择岗位</div>';
            }else if(cs_type==3){
                add_sh_str += '';
                if(typeof($('#cs_'+data_id).val()) == "undefined") {
                    $(this).parents('.choose-border').append('<div class="choose-row" id="cs_' + data_id + '">抄送人：直属上级</div>');
                }else{
                    $('#cs_'+data_id).html('抄送人：直属上级');
                }
                $('#copy_name'+data_id).val('直属上级');
            }else if(cs_type==4){
                add_sh_str += '<div class="layui-btn user_boks" data-id="'+data_id+'">终止岗位</div>';
            }else if(cs_type==5){
                add_sh_str += '<div class="layui-btn cs_zhiwei_sel" data-id="'+data_id+'">选择职位</div>';
            }
            $(this).parents().find('#add-cs-'+data_id).html(add_sh_str);
        });

        //抄送人
        $('.sp-con').on('click',' .sp-wrap .user_boks',function(){
            var cs_the_this = $(this);
            var cs_id = $(this).attr('data-id');
            var copy_type = $('#copy_type'+cs_id).val();

            var array = [],detail = '',name_array = [],name_detail = '',full_name_array = [],full_name_detail = '';
            if(copy_type == 1 ){
                var copy_url = '/oa/Dept/selector?company=1';
            }else if(copy_type == 2){
                var copy_url = '/oa/Dept/selector?get_type=2&company=1';
            }
            load_page(copy_url, '选择组织架构',
                    function(){
                        get_select(function(arr){
                            //指定人
                            if(copy_type==1){
                                $.each(arr,function(index,obj) {
                                    if(obj.staffid>0){
                                        //数值
                                        array.push(obj.staffid);
                                        //名字
                                        name_array.push(obj.name);
                                        //全称
                                        full_name_array.push(obj.full_name);
                                    }
                                });
                            }else if (copy_type==2){
                                //指定岗位
                                $.each(arr,function(index,obj) {
                                    if(obj.positionid>0){
                                        //岗位id
                                        array.push(obj.positioncode);
                                        //名字
                                        name_array.push(obj.name);
                                        //全称
                                        full_name_array.push(obj.full_name);
                                    }
                                });
                            }else if(copy_type==4){
                                //直属上级逐级审批（组织架构选择器需有position_code值）-------------------------------切记切记
                                $.each(arr,function(index,obj) {
                                    if(obj.positionid>0){
                                        //岗位id
                                        array.push(obj.positioncode);
                                        //名字
                                        name_array.push(obj.name);
                                        //全称
                                        full_name_array.push(obj.full_name);
                                    }
                                });
                            }
                            //组织架构选择器的值 放在hidden里
                            detail = array.join(",");
                            $('#copy_details'+cs_id).val(detail);
                            //名字
                            name_detail = name_array.join(",");
                            if(copy_type==4)  name_detail = '终止岗位-'+name_detail;
                            $('#copy_name'+cs_id).val(name_detail);
                            //全称
                            full_name_detail = full_name_array.join(",");

                            if(typeof($('#cs_'+cs_id).val()) == "undefined") {
                                cs_the_this.parents('.choose-border').append('<div class="choose-row" id="cs_'+cs_id+'">抄送人：'+name_detail+'</div>');
                            }else{
                                $('#cs_'+cs_id).html('抄送人：'+name_detail);
                            }
                            //cs_the_this.parents('.choose-border').append('<div class="choose-row">抄送人：'+name_detail+'</div>');
                            form.render();
                        });
                    },
                    ['确定','取消'], 900,600
            );


        });

        //抄送人 选职位
        $('.sp-con').on('click',' .sp-wrap .cs_zhiwei_sel',function(){
            var the_this = $(this);
            var cs_id = $(this).attr('data-id');
            var sel_type = $('#sel_type'+cs_id).val();
            var array = [],detail = '',name_array = [],name_detail = '',full_name_array = [],full_name_detail = '';
            load_page(
                    '/oa/Dept/selectZhiWei.html?get_type=1',
                    '选择职位',
                    function(){
                        selectZhiWei(function(arr){
                            $.each(arr,function(index,obj) {
                                //数值
                                if(obj.id>0){
                                    array.push(obj.id);

                                    //职位名字
                                    name_array.push(obj.name);

                                    //组织架构选择器的值 放在hidden里
                                    detail = array.join(",");
                                    if(detail.length<=0){
                                        layer.alert('请选择正确的抄送职位');
                                        return false;
                                    }
                                    $('#copy_details'+cs_id).val(detail);
                                    //名字
                                    name_detail = '职位-' + name_array.join(",");
                                    $('#copy_name'+cs_id).val(name_detail);

                                    //显示所选审批人
                                    if(typeof($('#cs_'+cs_id).val()) == "undefined") {
                                        the_this.parents('.choose-border').append('<div class="choose-row" id="cs_'+cs_id+'">抄送人：'+name_detail+'</div>');
                                    }else{
                                        $('#cs_'+cs_id).html('抄送人：'+name_detail);
                                    }
                                    form.render();
                                }
                            });
                        });
                    },['保存','取消'],590,575
            );
        });


        $('#submit').click(function(){
            var menu = $("#menu").serialize();
            if(!$('#name').val()){
                layer.alert('请填写流程名称');
                return false;
            }
            var id_array=new Array();
            $('input[name="mandatory"]:checked').each(function(){
                id_array.push($(this).val());//向数组中添加元素
            });
            var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
            menu += "&mandatory_str="+idstr;
            console.log(process_id);
            if(parseInt(process_id)>0){

                $.ajax({
                    type: "POST",
                    url: "/papi/Audit/auditNode_edit",
                    data:menu,
                    success: function (msg) {
                        if (msg.code == 200)
                        {
                            layer.alert('编辑成功');

                            setTimeout(function(){
                                location.href='{:url('/oa/Audit/nodeIndex')}'
                            },1500);
                        }else
                        {
                            if(msg.msg ==''){
                                layer.alert('添加失败！！');
                            }else{
                                layer.alert(msg.msg);
                            }

                        }
                    }
                });
            }else{

                $.ajax({
                    type: "POST",
                    url: "/papi/Audit/auditNode_add",
                    data:menu,
                    success: function (msg) {
                        if (msg.code == 200)
                        {
                            layer.alert('添加成功');

                            setTimeout(function(){
                                location.href='{:url('/oa/Audit/nodeIndex')}'
                            },1500);
                        }else
                        {
                            if(msg.msg ==''){
                                layer.alert('添加失败！！');
                            }else{
                                layer.alert(msg.msg);
                            }

                        }
                    }
                });
            }

        })

    });
</script>
<!-- 如果为编辑则展示原数据 -->


{/block}