<!--{include file="<!--{$oetplpath}-->block_head.tpl"}-->

<!--{if $a == "run"}-->
<div class="layui-fluid oe_fluid">
  <form class="layui-form" id="mysearch" action="<!--{$oefile}-->&c=<!--{$c}-->" method="post">
  <div class="oe_breadcrumb_box clearfix">
    <div class="layui-breadcrumb fl" lay-filter="breadcrumb" style="visibility: visible;">
      <a href="javascript:;">内容管理</a><span lay-separator="">/</span>
      <a><cite>团队客服</cite></a>
    </div>
    
    <div class="oe_tool_bar ft" style="display:none;">
      <button class="layui-btn layui-btn-sm search" id="but_submit_search" lay-submit lay-filter="searchform2">
        <i class="layui-icon layui-icon-search"></i>
        搜索
        <span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span>
      </button>
    </div>
    
  </div>
  <!--//top end -->
  
  <div class="oe_searchbar layui-form">
    <div class="more_search_open"></div>
    <div class="layui-form-item">
      <div class="layui-inline">
        <div class="layui-form-label">名称：</div>
        <div class="layui-input-inline">
          <input type="text" name="stitle" id="stitle" class="layui-input" value="<!--{$stitle}-->" />
        </div>
      </div>
      <div class="layui-inline">
        <div class="layui-form-label">手机：</div>
        <div class="layui-input-inline">
          <input type="text" name="smobile" id="smobile" class="layui-input" value="<!--{$smobile}-->" />
        </div>
      </div>
      <div class="layui-inline">
        <div class="layui-form-label">状态：</div>
        <div class="layui-input-inline">
          <select name="sflag" id="sflag">
            <option value="">不限</option>
            <option value="1"<!--{if $sflag == '1'}--> selected<!--{/if}-->>正常</option>
            <option value="2"<!--{if $sflag == '2'}--> selected<!--{/if}-->>锁定</option>
          </select>
        </div>
      </div>
      
      <div class="layui-inline">
        <button class="layui-btn layui-btn-sm search" id="but_submit_search2" lay-submit lay-filter="searchform2">
          <i class="layui-icon layui-icon-search"></i>
          搜索
          <span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span>
        </button>
      </div>
          
    </div>
  </div>
  <!--//search End -->
  </form>

  <div class="oe_table_wrap layui-form">
    <div class="oe_tbl_tool clearfix">
      <div class="oe_gnbar clearfix">
        <div class="select btn fl">
          <input type="checkbox" name="allid[]" lay-skin="primary" title="全选" lay-filter="selectAll">
        </div>
        <div class="btn del fl" f="handle-array" data-form="myform">
          <i class="layui-icon layui-icon-delete"></i>
          <span>删除</span>
        </div>
        <a href="<!--{$oefile}-->&c=<!--{$c}-->&a=add" class="btn add fl">
          <i class="layui-icon layui-icon-add-1"></i>
          <span>添加</span>
        </a>
      </div>
      <div class="oe_tongji_bar clearfix current">
        <span><b><!--{$total}--></b> 条记录</span>
      </div>
    </div>
    <form class="layui-form" id="myform" action="<!--{$oefile}-->&c=<!--{$c}-->" method="post">
    <input type="hidden" name="a" id="a" value="del" />
    <table class="layui-table">
      <thead>
        <tr>
          <th width="2%">选</th>
          <th width="7%">ID</th>
          <th width="13%">客服名称</th>
          <th width="13%">手机号</th>
          <th width="8%">头像</th>
          <th width="10%">微信二维码</th>
          <th width="6%">排序</th>
          <th width="6%">状态</th>
          <th width="6%">推荐</th>
          <th width="15%">添加时间</th>
          <th width="120px;">操作</th>
        </tr>
      </thead>
      <!--{if empty($kefu)}-->
      <tr>
        <td class="text_center" colspan="11">没有符合条件的信息！</td>
      </tr>
      <!--{else}-->
      <!--{foreach $kefu as $volist}-->
      <tr>
        <td class="check text_center">
          <input type="checkbox" name="id[]" lay-skin="primary" value="<!--{$volist.kefuid}-->" />
        </td>
        <td class="text_center">
          <!--{$volist.kefuid}-->
        </td>
        <td class="text_center"><!--{$volist.title}--></td>
        <td class="text_center"><!--{$volist.mobile}--></td>
        <td class="text_center">
          <!--{if !empty($volist.headimg)}-->
          <img src="<!--{$urlpath}--><!--{$volist.headimg}-->" width="20px" height="20px" f="viewimg" data-img="<!--{$volist.headimg}-->" />
          <!--{else}-->
          --
          <!--{/if}-->
        </td>
        <td class="text_center">
          <!--{if !empty($volist.wxcode)}-->
          <img src="<!--{$urlpath}--><!--{$volist.wxcode}-->" width="20px" height="20px" f="viewimg" data-img="<!--{$volist.wxcode}-->" />
          <!--{else}-->
          --
          <!--{/if}-->
        </td>
        <td class="text_center"><!--{$volist.orders}--></td>
        <td class="text_center">
          <input type="checkbox" name="flag" lay-skin="primary" value="1" lay-filter="updatestatus" data-id="<!--{$volist.kefuid}-->" data-type="flag"<!--{if $volist.flag == '1'}--> checked<!--{/if}--> />
        </td>
        <td class="text_center">
          <input type="checkbox" name="elite" lay-skin="primary" value="1" lay-filter="updatestatus" data-id="<!--{$volist.kefuid}-->" data-type="elite"<!--{if $volist.elite == '1'}--> checked<!--{/if}--> />
        </td>
        <td class="text_center"><!--{$volist.addtime|date_format:"%Y-%m-%d %H:%M:%S"}--></td>
        <td class="text_center">
          <a href="<!--{$oefile}-->&c=<!--{$c}-->&a=edit&id=<!--{$volist.kefuid}-->&<!--{$comeurl}-->" class="layui-btn layui-btn-normal layui-btn-xs">编辑</a>
          <a href="javascript:;" f="handle-one" data-url="<!--{$oefile}-->&c=<!--{$c}-->&a=del&id[]=<!--{$volist.kefuid}-->&<!--{$comeurl}-->" class="layui-btn layui-btn-xs layui-btn-danger">删除</a>
        </td>
      </tr>
      <!--{/foreach}-->
      <!--{/if}-->
    </table>
    </form>
    
    <div class="oe_page_box"><!--{$showpage}--></div>
    
  </div>
</div>
<!--{/if}-->


<!--{if $a == "add"}-->
<div class="layui-fluid oe_fluid">

  <div class="oe_breadcrumb_box clearfix">
    <div class="layui-breadcrumb fl" lay-filter="breadcrumb" style="visibility: visible;">
      <a href="javascript:;">内容管理</a><span lay-separator="">/</span>
      <a href="javascript:;">团队客服</a><span lay-separator="">/</span>
      <a><cite>添加客服</cite></a>
    </div>
    <div class="oe_tool_bar ft">
      <button class="layui-btn layui-btn-sm layui-btn-radius" id="but_submit_post2" lay-submit lay-filter="addform">
        添加保存
        <span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span>
      </button>
      <span class="layui-btn layui-btn-sm layui-btn-primary layui-btn-radius"><a href="<!--{$oefile}-->&c=<!--{$c}-->&<!--{$comeurl}-->">返回列表</a></span>
    </div> 
  </div>
  
  <form class="layui-form" id="myform" action="<!--{$oefile}-->&c=<!--{$c}-->&<!--{$comeurl}-->" method="post">
  <input type="hidden" name="a" id="a" value="saveadd" />
  <div class="layui-card">
    <div class="layui-card-header">添加客服</div>
    <div class="layui-card-body">
      <table class="oe_tbl_form layui-form">
        <tr>
          <th width="15%"><font color="red">*</font>客服名称：</th>
          <td width="35%">
            <input type="text" name="title" id="title" class="layui-input input-300" placeholder="请填写客服名称" />
          </td>
          <th width="15%">排序：</th>
          <td width="35%">
            <input type="text" name="orders" id="orders" class="layui-input input-200" value="<!--{$orders}-->" /> 
            <span class="text_tip_inline">(数字越小越靠前)</span>
          </td>
        </tr>
        <tr>
          <th><font color="red">*</font>手机号：</th>
          <td>
            <input type="text" name="mobile" id="mobile" class="layui-input input-200" />
          </td>
          <th><font color="red"></font>微信号：</th>
          <td>
            <input type="text" name="weixin" id="weixin" class="layui-input input-200" />
          </td>
        </tr>
        <tr>
          <th>状态：</th>
        	<td>
            <div class="input-100">
              <select name="flag" id="flag">
                <option value="">=请选择=</option>
                <option value="1" selected>正常</option>
                <option value="0">锁定</option>
              </select>
            </div>
          </td>
          <th>推荐：</th>
        	<td>
            <div class="input-100">
              <select name="elite" id="elite">
                <option value="">=请选择=</option>
                <option value="1" selected>是</option>
                <option value="0">否</option>
              </select>
            </div>
          </td>
        </tr>
        <tr>
          <th>头像：</th>
          <td>
            <div class="layui-btn">
              <i class="layui-icon layui-icon-upload"></i>
              点击上传
              <input type="file" name="img" id="img" f="but_upload_image" data-forbidcom="1" data-forbidwater="1" />
            </div>
            <div class="upload_loading" id="img_loading" style="display:none;"></div>
            <input type="hidden" id="img_thumb" name="img_thumb" value="" />
            <input type="hidden" id="img_url" name="headimg" value="" />
        
            <div class="tblform_tips normal">&nbsp;&nbsp;&nbsp;预览：</div>
            <div class="upload_pic upload_pic_md" style="width:30px;height:30px;">
              <img src="<!--{$urlpath}-->tpl/static/images/nopic.jpg" id="img_preview" />
            </div>
            <a href="javascript:;" class="oe_deluploadimg" f="removeimg" data-preview="img" data-input="img">移除</a>
          </td>
          <th>微信二维码：</th>
          <td>
            <div class="layui-btn">
              <i class="layui-icon layui-icon-upload"></i>
              点击上传
              <input type="file" name="qr" id="qr" f="but_upload_image" data-forbidcom="1" data-forbidwater="1" />
            </div>
            <div class="upload_loading" id="qr_loading" style="display:none;"></div>
            <input type="hidden" id="qr_thumb" name="qr_thumb" value="" />
            <input type="hidden" id="qr_url" name="wxcode" value="" />
        
            <div class="tblform_tips normal">&nbsp;&nbsp;&nbsp;预览：</div>
            <div class="upload_pic upload_pic_md" style="width:30px;height:30px;">
              <img src="<!--{$urlpath}-->tpl/static/images/nopic.jpg" id="qr_preview" />
            </div>
            <a href="javascript:;" class="oe_deluploadimg" f="removeimg" data-preview="qr" data-input="qr">移除</a>
            <br />
            <span class="text_tip_inline">(扫码加微信，建议上传微信加好友二维码)</span>
          </td>
        </tr>
        <tr>
          <th>客服简介：</th>
          <td colspan="3"><textarea name="intro" id="intro" class="layui-textarea" style="width:50%;height:80px;"></textarea></td>
        </tr>
      </table>
    </div>
  </div>
  </form>
  <div class="oe_tbl_form_btn">
    <button class="layui-btn" id="but_submit_post" lay-submit lay-filter="addform">
      添加保存
      <span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span>
    </button>
  </div>
  
</div>

<script type="text/javascript">
$(function(){

    layui.use('form', function(){
        $form = layui.form;
        //保存...
        $form.on('submit(addform)', function(data){
            $obj_id = data.elem.getAttribute("id");
            if (!$("#"+$obj_id).hasClass("forbid_submit")) {
            
                if ($("#title").val().length  == 0) {
                    layer.msg("请填写客服名称");
                    return false;
                }
                if ($("#mobile").val().length  == 0) {
                    layer.msg("请填写手机号");
                    return false;
                }
                
                $("#"+$obj_id).addClass("forbid_submit");
                if ($("#"+$obj_id).find("span").length > 0) {
                    $("#"+$obj_id).find("span").show();
                }
               
                $("#myform").submit();
            }
        });   
    });
    
});
</script>
<!--{/if}-->

<!--{if $a == "edit"}-->
<div class="layui-fluid oe_fluid">

  <div class="oe_breadcrumb_box clearfix">
    <div class="layui-breadcrumb fl" lay-filter="breadcrumb" style="visibility: visible;">
      <a href="javascript:;">内容管理</a><span lay-separator="">/</span>
      <a href="javascript:;">团队客服</a><span lay-separator="">/</span>
      <a><cite>编辑客服</cite></a>
    </div>
    <div class="oe_tool_bar ft">
      <button class="layui-btn layui-btn-sm layui-btn-radius" id="but_submit_post2" lay-submit lay-filter="editform">
        编辑保存
        <span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span>
      </button>
      <span class="layui-btn layui-btn-sm layui-btn-primary layui-btn-radius"><a href="<!--{$oefile}-->&c=<!--{$c}-->&<!--{$comeurl}-->">返回列表</a></span>
    </div> 
  </div>
  
  <form class="layui-form" id="myform" action="<!--{$oefile}-->&c=<!--{$c}-->&<!--{$comeurl}-->" method="post">
  <input type="hidden" name="a" id="a" value="saveedit" />
	<input type="hidden" name="id" id="id" value="<!--{$id}-->" />
  <div class="layui-card oe_table_edit">
    <div class="layui-card-header">编辑客服</div>
    <div class="layui-card-body">
      <table class="oe_tbl_form layui-form">
        <tr>
          <th width="15%"><font color="red">*</font>客服名称：</th>
          <td width="35%"><input type="text" name="title" id="title" class="layui-input input-200" value="<!--{$kefu.title}-->" /></td>
          <th width="15%">排序：<span class="f_red"></span></th>
          <td width="35%">
            <input type="text" name="orders" id="orders" class="layui-input input-80" value="<!--{$kefu.orders}-->" /> 
            <span class="text_tip_inline">(数字越小越靠前)</span>
          </td>
        </tr>
        <tr>
          <th><font color="red">*</font>手机号：</th>
          <td><input type="text" name="mobile" id="mobile" class="layui-input input-200" value="<!--{$kefu.mobile}-->" /></td>
          <th>微信号：<span class="f_red"></span></th>
          <td><input type="text" name="weixin" id="weixin" class="layui-input input-200" value="<!--{$kefu.weixin}-->" /></td>
        </tr>
        <tr>
          <th>状态：</th>
          <td>
            <input type="radio" name="flag" title="正常，" value="1"<!--{if $kefu.flag == '1'}--> checked<!--{/if}--> />
            <input type="radio" name="flag" title="锁定" value="0"<!--{if $kefu.flag == '0'}--> checked<!--{/if}--> />
          </td>
          <th>推荐：</th>
          <td>
            <input type="radio" name="elite" title="是，" value="1"<!--{if $kefu.elite == '1'}--> checked<!--{/if}--> />
            <input type="radio" name="elite" title="否" value="0"<!--{if $kefu.elite == '0'}--> checked<!--{/if}--> />
          </td>
        </tr>
        <tr>
          <th>头像：</th>
          <td>
            <div class="layui-btn">
              <i class="layui-icon layui-icon-upload"></i>
              点击上传
              <input type="file" name="img" id="img" f="but_upload_image" data-forbidcom="1" data-forbidwater="1" />
            </div>
            <div class="upload_loading" id="img_loading" style="display:none;"></div>
            <input type="hidden" id="img_thumb" name="img_thumb" value="" />
            <input type="hidden" id="img_url" name="headimg" value="<!--{$kefu.headimg}-->" />
        
            <div class="tblform_tips normal">&nbsp;&nbsp;&nbsp;预览：</div>
            <div class="upload_pic upload_pic_md" style="width:30px;height:30px;">
              <img src="<!--{$urlpath}--><!--{if !empty($kefu.headimg)}--><!--{$kefu.headimg}--><!--{else}-->tpl/static/images/nopic.jpg<!--{/if}-->" id="img_preview" />
            </div>
            <a href="javascript:;" class="oe_deluploadimg" f="removeimg" data-preview="img" data-input="img">移除</a>
          </td>
          <th>微信二维码：</th>
          <td>
            <div class="layui-btn">
              <i class="layui-icon layui-icon-upload"></i>
              点击上传
              <input type="file" name="qr" id="qr" f="but_upload_image" data-forbidcom="1" data-forbidwater="1" />
            </div>
            <div class="upload_loading" id="qr_loading" style="display:none;"></div>
            <input type="hidden" id="qr_thumb" name="qr_thumb" value="" />
            <input type="hidden" id="qr_url" name="wxcode" value="<!--{$kefu.wxcode}-->" />
            
            <!--//0.03.30 -->
            <div class="tblform_tips normal">&nbsp;&nbsp;&nbsp;预览：</div>
            <div class="upload_pic upload_pic_md" style="width:30px;height:30px;">
              <img src="<!--{$urlpath}--><!--{if !empty($kefu.wxcode)}--><!--{$kefu.wxcode}--><!--{else}-->tpl/static/images/nopic.jpg<!--{/if}-->" id="qr_preview" />
            </div>
            <a href="javascript:;" class="oe_deluploadimg" f="removeimg" data-preview="qr" data-input="qr">移除</a>
            <br />
            <span class="text_tip_inline">(扫码加微信，建议上传微信加好友二维码)</span>
          </td>
        </tr>
        
        <tr>
          <th>客服简介：</th>
          <td colspan="3"><textarea name="intro" id="intro" class="layui-textarea" style="width:50%;height:80px;"><!--{$kefu.intro}--></textarea></td>
        </tr>
      </table>
    </div>
  </div>
  </form>
  
  <div class="oe_tbl_form_btn">
    <button class="layui-btn" id="but_submit_post" lay-submit lay-filter="editform">
      编辑保存
      <span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span>
    </button>
  </div>
  
</div>
<script type="text/javascript">
$(function(){

    layui.use('form', function(){
        $form = layui.form;
        //保存...
        $form.on('submit(editform)', function(data){
            $obj_id = data.elem.getAttribute("id");
            if (!$("#"+$obj_id).hasClass("forbid_submit")) {
            
                if ($("#title").val().length  == 0) {
                    layer.msg("请填写客服名称");
                    return false;
                }
                if ($("#mobile").val().length  == 0) {
                    layer.msg("请填写手机号");
                    return false;
                }
                
                $("#"+$obj_id).addClass("forbid_submit");
                if ($("#"+$obj_id).find("span").length > 0) {
                    $("#"+$obj_id).find("span").show();
                }
               
                $("#myform").submit();
            }
        });   
    });
    
});
</script>
<!--{/if}-->
</body>
</html>