scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452
							{extend name="public/layout" /}
{block name="title"}人员异动{/block}
{block name="body"}
<style type="text/css">
  html,
  body {
    display: block;
    background-color: #fff;
  }

  .layui-fluid {
    display: block;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 15px 30px;
  }

  .layui-table-view .layui-table th,
  .layui-table-view .layui-table td {
    text-align: center;
    border-color: #B6CADE;
  }

.disablese{background:#c2c2c2 !important;}
  .upload-img .area i {
    font-size: 50px;
    color: #009688;
  }


  /*///*/
  .text-right {
    text-align: right;
  }


  .text-detail>span {
    font-size: 40px;
  }

  html {
    background: #fff;
  }

  #treestruc {
    height: 240px;
    overflow-y: auto;
    border: 1px solid #f7f7f7;
  }

  #thelink {
    word-break: break-all;
    padding: 10px;
  }

  .layui-tab-title .layui-this {
    background-color: #249EFB;
    color: #fff;
  }

  .layui-tab-title .layui-this:after {
    border-bottom: none;
    border: none;
  }

  .layui-tab-title li {
    background-color: #F2F2F2;
    margin: 0px 5px;
  }
  .layui-form-label {
    width: 105px;
  }
  .layui-input-block {
    margin-left: 135px;
  }
  .psbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 999999999;display: none;}
</style>

<body>
	
  <div class="layui-fluid">
	<div class="psbg"></div>
    <div class="layui-tab" lay-filter="tabletab">
      <ul class="layui-tab-title">
        <li class="layui-this" lay-id="move" style="margin-left: 0px;">部门调整</li>
        <li lay-id="dimission">离职交接</li>
      </ul>
      <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
          <div class="layui-card">
            <div class="layui-form layui-card-header layuiadmin-card-header-auto">
              <div class="layui-form-item">
                <div class="layui-inline" style="width: 100%;">
                  <p><label class="layui-form-label">当前部门</label><span id="struc_node"
                      style="color:blue;float:right;">{:$currentEmpOrg['name']}</span></p>
                </div>

              </div>
            </div>

            <div class="layui-card-body">
              <form class="layui-form" style="margin-top: 20px;" id="thedataform">
                <div class="layui-form-item">
                  <label class="layui-form-label">选择部门</label>
                  <div class="layui-input-block">
                    <select name="orgid" id="org" lay-filter="org_select">
                      <option value=""></option>
                      {volist name="depart" id="vo"}
                      <option value="{$vo.id}" class="l_{$vo.id}" data-id="{$vo['org_type']}" {eq name="$data.org_id" value="$vo.id" }selected{/eq}>{for start="0"
                        end="$vo.level"}--{/for}{$vo.name}</option>
                      {/volist}
                    </select>
                  </div>
                </div>

                <div class="layui-form-item">
                  <label class="layui-form-label">是否管理层</label>
                  <div class="layui-input-block">
                    <input type="checkbox" name="is_manager" lay-skin="switch" {eq
                      name="$data.is_manager" value="1"}checked{/eq} value="1"  lay-text="ON|OFF">
                  </div>
                </div>
                <div class="layui-form-item" id="choose_type">
                  <label class="layui-form-label">客户交接</label>
                  <div class="layui-input-block">
                    <input type="radio" name="way" value="1" title="随员工迁移" checked lay-filter="way">
                    <input type="radio" name="way" value="2" title="原部门交接" lay-filter="way">
                  </div>
                </div>
                <div class="layui-form-item layui-hide" id="recipient_div">
                  <label class="layui-form-label"><i style="color:red;">*</i>客户接收人</label>
                  <div class="layui-input-block">
                    <select name="recipient" lay-filter='recipient'>
                      <option value="">请选择接收人</option>
                      {volist name="employeelist" id="vo"}
                      <option value="{$vo.id}">{$vo.name}</option>
                      {/volist}
                    </select>
                  </div>
                </div>
                <div class="layui-form-item layui-hide" id="assign_div">
                  <label class="layui-form-label"><i style="color:red;">*</i>指派客户接收人</label>
                  <div class="layui-input-block">
                    <select name="assign_emp" lay-filter='assign_emp'>
                      <option value="">请选择接收人</option>
                      {volist name="employeelist" id="vo"}
                      <option value="{$vo.id}">{$vo.name}</option>
                      {/volist}
                    </select>
                  </div>
                </div>
                <div class="layui-inline" style="width: 100%;padding: 20px 0;">
                  <p><span style="float:right;">
                      <button class="layui-btn layuiadmin-btn-style qianyibtn" lay-submit lay-filter="qianyi">转移部门</button>
                    </span></p>
                </div>
                <input type="hidden" name="empid" value="{$employeeid}">
              </form>
            </div>
          </div>
        </div>
        <div class="layui-tab-item">
          <div class="layui-card">
            <div class="layui-card-body">
              <form class="layui-form" style="margin-top: 20px;" id="handlefireform">
                <div class="layui-form-item">
                  <label class="layui-form-label">交接人：</label>
                  <div class="layui-input-block">
                    <span
                      style="line-height: 20px;padding: 9px 7px !important;display: block;">{$data.name}（{$currentEmpOrg['name']}）</span>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">接收人：</label>
                  <div class="layui-input-block">
                    <div class="layui-inline">
                      <select lay-filter="to-emp-org">
                        {volist name="prevOrg" id="vo"}
                        {if ($vo['id'] == $data['org_id'])}
                        <option value="{$vo.id}" selected>{$vo.name}</option>
                        {else/}
                        <option value="{$vo.id}">{$vo.name}</option>
                        {/if}
                        {/volist}
                      </select>
                    </div>
                    <div class="layui-inline">
                      <select name="target_employee_id" id="target_employee">
                        <option value="">请选择接收人</option>
                        {volist name="employeelist" id="vo"}
                        <option value="{$vo.id}">{$vo.name}</option>
                        {/volist}
                      </select>
                    </div>
                    <div class="layui-inline">
                      <div class="layui-form-mid layui-word-aux">同部门及上级部门交接</div>
                    </div>
                  </div>
                </div>
                <input type="hidden" name="empid" value="{$employeeid}">
                <div class="layui-inline" style="width: 100%;padding: 20px 0;">
                  <p><span style="float:right;">
                      <button class="layui-btn layuiadmin-btn-style" lay-submit data-type="generate"
                        lay-filter="quithandling">确定离职交接</button>
                    </span></p>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="loadings" hidden><span style="color:black;margin: 43%;">交接中...</span></div>
  </div>
</body>
{/block} {block name="js"}
<script>
  layui.config({
    base: '__LAYUI__/' //静态资源所在路径
    ,
    urlbase: '/sys'
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table', 'element', 'tree', 'layer', 'form'], function () {
    var $ = layui.$,
      loading,
      layer = layui.layer,
      form = layui.form,
      tree = layui.tree;

    form.render('select');

    form.on('submit(qianyi)', function (data) {
        let field = data.field;
        if (field.orgid == '') {
            layer.msg('还未选择部门，请选择！', { anim: 6, time: 2000 });
            return false;
        }
        if(field.way == 1){
            fromSubmits(field);
            return false;
        }
        //查询是否存在重复数据
        $.ajax({
            url: '{:url("employee/apiChangeDepartment")}?repeat=1',
            type: 'post',
            data: field,
            success: function (resp) {
              if (resp.code == 0) {
                //存在重复客户
                if (resp.data.repeat_count>0) {
                    var str = '该员工名下客户“'+resp.data.repeat+'”为重复客户，是否继续交接不重复客户('+resp.data.no_repeat+'个)？';
                    layer.confirm(str, { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function (indexx) {
                        layer.close(indexx);
                        fromSubmits(field);
                    });
                }else{
                    //没有重复客户
                    fromSubmits(field);
                }
              } else {
                layer.msg(resp.msg, { anim: 6, time: 2000 });
              }
            }
        });


      return false;

    });
    function fromSubmits(field){
        let index = parent.layer.getFrameIndex(window.name);
		let layuiload = layer.load(1);
		$('.psbg').show();
        $.ajax({
        url: '{:url("employee/apiChangeDepartment")}',
        type: 'post',
        data: field,
        success: function (resp) {
          var res = resp;
          if (res.code == 0) {
			  layer.close(layuiload);
            layer.msg(res.msg, { anim: 0, time: 2000 }, function () {
              parent.location.reload();
              parent.layer.close(index); //再执行关闭
            });

          } else {
            layer.msg(res.msg, { anim: 6, time: 2000 });
          }
        }
        });
        return false;
    }

    function in_array(search, array) {
      for (var i in array) {
        if (array[i] == search) {
          return true;
        }
      }
      return false;
    }

    ///////////////


    form.on('submit(quithandling)', function (data) {

        //查询是否存在重复数据
        $.ajax({
            url: '{:url("employee/apiQuitHandling")}?repeat=1',
            type: 'post',
            data: data.field,
            success: function (resp) {
                //存在重复客户
                if (resp.data.repeat_count>0) {
                    var str = '该员工名下客户“'+resp.data.repeat+'”为重复客户，是否继续交接不重复客户('+resp.data.no_repeat+'个)？';
                    layer.confirm(str, { title: ['信息', 'color:#333333;background-color:#D8E6F1;'], }, function (indexx) {
                        layer.close(indexx);
                        fromSubmit(data.field);
                    });
                }else{
                    //没有重复客户
                    fromSubmit(data.field);
                }
            }
        });


      return false;

    });

    function fromSubmit(field){

        let index = parent.layer.getFrameIndex(window.name);
        loading = layer.load(2, {
                area: ['50px', '40px'],
                shade: [0.3, '#999'] //0.1透明度的白色背景
        });
        $('#loadings').show();

        $.ajax({
            url: '{:url("employee/apiQuitHandling")}',
            type: 'post',
            data: field,
            success: function (resp) {
                var res = resp;
                if (res.code == 0) {
                layer.msg(res.msg, { anim: 0 }, function () {
                    parent.layui.table.reload('LAY-employee-list'); //重载表格
                    parent.layer.close(index); //再执行关闭
                });

                } else {
                    layer.msg(res.msg, { anim: 6, time: 2000 });
                }
                layer.close(loading);
                    $('#loadings').hide();
                },
                error: function (res) {
                $('#loadings').hide();
                layer.close(loading);
            }
        });
        return false;
    }


    form.on('select(to-emp-org)', function (data) {
      $.post("{:url('employee/orgEmployee')}", { id: data.value }, function (res) {
        if (res.code != 0) layer.msg(res.msg, { anim: 6 });
        var html = '<option value="">请选择接收人</option>';
        res.data.forEach(function (item) {
          if (item.id == Number('{$data.id}')) return;
          html += '<option value="' + item.id + '">' + item.name + '</option>'
        });
        $('#target_employee').html(html);
        form.render('select');
      })
    });

    form.on('radio(way)', function (data) {
      if (data.value == 2) {
        $('#recipient_div').removeClass('layui-hide');
        $('#assign_div').removeClass('layui-hide');
      } else {
        $('#recipient_div').addClass('layui-hide');
        $('#assign_div').addClass('layui-hide');
      }
    });
	
	var isrecipient = '';
	var isassign_emp = '';
	 form.on('select(recipient)', function (data) {
		 isrecipient = data.value;

		if(isrecipient !== '' && isassign_emp !== ''){
		 	$('.qianyibtn').attr('disabled',false);
			$('.qianyibtn').removeClass('disablese');
		 }else{
			 $('.qianyibtn').attr('disabled',true);
			 $('.qianyibtn').addClass('disablese');
		 }
		 form.render();
	 })
	form.on('select(assign_emp)', function (data) {
		 isassign_emp = data.value; 
		 if(isrecipient !== '' && isassign_emp !== ''){
			$('.qianyibtn').attr('disabled',false);
			$('.qianyibtn').removeClass('disablese');
		 }else{
			 $('.qianyibtn').attr('disabled',true);
			 $('.qianyibtn').addClass('disablese');
		 }
		 form.render();
	})
	
    form.on('select(org_select)', function (data) {
      var old_org_type = "{$currentEmpOrg['org_type']}";
      var org_type = $(`.l_${data.value}`).prop('dataset').id;
       var selectVal = form.val('recipient').select; 
	   var assign_emp = form.val('assign_emp').select; 
      if (old_org_type != org_type && (org_type == 2 || old_org_type == 2)) {
        $('#choose_type').addClass('layui-hide');
        $('input[name=way]').eq(1).prop('checked', true);
        $('#recipient_div').removeClass('layui-hide');
        $('#assign_div').removeClass('layui-hide');
		if(selectVal == undefined&&assign_emp==undefined){
			$('.qianyibtn').attr('disabled',true);
			$('.qianyibtn').addClass('disablese');
		}
        form.render()
      } else {
        $('#choose_type').removeClass('layui-hide');
        $('input[name=way]').eq(0).prop('checked', true);
        $('#recipient_div').addClass('layui-hide');
        $('#assign_div').addClass('layui-hide');
		$('.qianyibtn').attr('disabled',false);
		$('.qianyibtn').removeClass('disablese');
        form.render()
      }
    });
  });
</script>
{/block}