static/pages/systemManagement/usermanage/storemanInfo.html

<!-- <table id="bd-dg" class="storeman-manage-table"> -->
<div>
    <div id="storeman-trans-toolbar" style="padding:10px 5px">
        库名:
        <input class="easyui-combobox library-Name" editable="true">
        姓名：
        <input class="easyui-textbox easyui-validatebox storeman-name" name="bd-s-name" data-options="validType:'length[0,20]'">&emsp;
        <a href="#" class="easyui-linkbutton bd-add-s bd-search">查找</a>
        <a href="#" class="easyui-linkbutton bd-add-s clear-btn2" plain="true">清空</a>

        <a href="#" class="easyui-linkbutton bd-add-s bd-add-bt" id="bgy-add-btn" plain="true" style="float:right">新增</a>
    </div>
    <table id="storeman-trans-dg" style="height:500px;" class="keeper-manage-table">

    </table>
</div>
    <!-- <div id="storeman-trans-toolbar" style="padding: 10px 5px;">
    名称：<input class="easyui-textbox" name="bd-s-name">&emsp;
    <a href="#" class="easyui-linkbutton bd-add-s bd-search">搜索</a>
    <a href="#" class="easyui-linkbutton bd-add-s bd-add-bt" plain="true" style="float: right;">新增用户</a>
 --><!-- </div> -->
<div id="pf-w" class="keeper-manage-addedit" style="padding:20px;">
    <form class="storeman-form storeman-manage-form"   style="height:700px;">
        <input type="hidden" name="provinceId" value="1">
        <!--<input class="easyui-textbox" type="hidden" id="userUuId" name="userUuId" />-->
        <span class="pf-ptitle">人员基本信息</span>
        <div class="pf-pitem">
            <span class="pf-pitem-li">
                <span class="pf-pitem-lit">人员姓名:</span>
                <span class="pf-pitem-lic">
                    <!--<input class="easyui-textbox" required="true" data-options="width:'140px',height:'20px'" name="name"></span>-->
                    <!--  <input class="easyui-combobox name" id="name"  data-options="width:'140px',height:'20px'" name="name" required="true"  editable="true"></span>-->
                    <input   id="conmessage-con1"  class="easyui-combotree" data-options="required:true"  style="width:140px;height:20px">
                  </span>
                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">性别:</span>
                      <span class="pf-pitem-lic">
                          <select class="easyui-combobox sex" name="sex" style="width:140px;height: 20px;" required="true" panelHeight=60 editable="false">
                              <option value="男">男</option>
                              <option value="女">女</option>
                          </select>
                      </span>
                  </span>
                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">联系方式:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-numberbox easyui-validatebox" required="true"  data-options="validType:'length[11,11]',disabled:true,width:'140px',height:'20px'" name="phone"></span>
                  </span>
                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">出生年月:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-datebox birthday" data-options="width:'140px',height:'20px',disabled:true,required:true" name="birthday" missingMessage="日期必须填写" editable="false"></span>
                  </span>
                  <br />
                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">民族:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-textbox nation" data-options="width:'140px',height:'20px'," name="nation"></span>
                  </span>

                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">邮箱:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-textbox email" data-options="width:'140px',height:'20px',disabled:true" name="email"></span>
                  </span>
                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">工作年限:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-textbox workYear" data-options="width:'140px',height:'20px',required:true" name="workYear"></span>
                  </span>
                  <span class="pf-pitem-li" >
                      <span class="pf-pitem-lit">政治面貌:</span>
                      <span class="pf-pitem-lic">
                          <select class="easyui-combobox combobox-political" data-options="width:'140px',height:'20px'" name="political" panelHeight=90 editable="false">
                              <option value="群众">群众</option>
                              <option value="团员">团员</option>
                              <option value="党员">党员</option>
                          </select>
                      </span>
                  </span>
                  <span class="pf-pitem-li hide-time-span">
                      <span class="pf-pitem-lit">入党时间:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-datebox" name="isDepartmentTime" style="width:140px;height: 20px;" editable="false"></span>
                  </span><br/>
                  <span class="pf-pitem-li">
                      <span class="pf-pitem-lit">岗位（职务）:</span>
                      <span class="pf-pitem-lic">
                          <select id="positionSel" class="easyui-combobox position11" name="position" style="width:140px;height: 20px;" required="true" panelHeight=90 editable="false">
                              <option value="保管员" selected = "selected">保管员</option>
                              <option value="租仓库保管员权限">租仓库保管员权限</option>
                              <option value="质检员">质检员</option>
                              <option value="安全员">安全员</option>
                          </select>
                      </span>
                  </span>
                  <span class="pf-pitem-li group">
                      <span class="pf-pitem-lit ">仓库:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-combobox grainId" id="grainId"  data-options="disabled:true,width:'140px',height:'20px'" name="grainId" required="true"  editable="false"></span>
                  </span>
                  <span class="pf-pitem-li group">
                      <span class="pf-pitem-lit">仓房:</span>
                      <span class="pf-pitem-lic">
                          <input class="easyui-combobox houseId" id="keeper-houseId" data-options="width:'140px',height:'20px'" name="houseId" required="true" editable="false"></span>
                  </span>
              </div>
              <div class="keeper-info">
                  <div class="keeper-info-left">
                      <span class="pf-ptitle">学历学位情况</span><span class="add-row-li degree-add-span"></span>
                      <ul class="pf-degree">
                          <li class="pf-degree-li">
                              <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle"  >教育形式:</span>
                                  <select class="easyui-combobox degree-type" class="temp-class" required="true" editable="false" panelHeight=60 data-options="width:'85px'">
                                      <option value="0">全日制教育</option>
                                      <option value="1">在职教育</option>
                                  </select>
                              </span>
                              <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle">毕业院校:</span>
                                  <input class="easyui-textbox degree-college">
                              </span>
                              <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle">专业:</span>
                                  <input class="easyui-textbox degree-department">
                              </span>
                              <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle">学位:</span>
                                  <input class="easyui-textbox degree-degree">
                              </span>
                              <span class="pf-degree-item">
                                  <span class="keeper-info-subtitle">学历:</span>
                                  <select class="easyui-combobox degree-education" required="true" editable="false" data-options="width:'85px'">
                                      <option value="0">初中</option>
                                      <option value="1">高中</option>
                                      <option value="2">中专</option>
                                      <option value="3">高职</option>
                                      <option value="4">专科</option>
                                      <option value="5">本科</option>
                                      <option value="6">硕士</option>
                                      <option value="7">博士</option>
                                  </select>
                              </span>
                              <input type="hidden" class="textbox-text dataId">
      <!--                         <span class="pf-degree-item">
                                  入党时间:
                                  <input class="easyui-datebox degree-partTime" editable="false">
                              </span> -->
                    </li>
                </ul>
                <span class="pf-ptitle">专业技术职称</span><span class="add-row-li major-add-span"></span>
                <ul class="pf-major"    style="margin-left: 60px;">
                    <li>
                        <span class="pf-major-item">
                            <span class="keeper-info-subtitle">专业:</span>
                            <input class="easyui-textbox major-department">
                        </span>
                        <span class="pf-major-item">
                            <span class="keeper-info-subtitle">级别:</span>
                            <input class="easyui-textbox major-rank">
                        </span>
                        <span class="pf-major-item">
                            <span class="keeper-info-subtitle">颁证机构:</span>
                            <input class="easyui-textbox major-issueFacility">
                        </span>
                        <span class="pf-major-item">
                            <span class="keeper-info-subtitle">颁证年月:</span>
                            <input class="easyui-datebox major-issueTime" editable="false">
                        </span>
                        <input type="hidden" class="textbox-text dataId">
                    </li>
                </ul>
                <span class="pf-ptitle">职业资格及等级</span><span class="add-row-li ab-add-span"></span>
                <ul class="pf-ab" style="margin-left: 60px;" >
                    <li>
                        <span class="pf-ab-item">
                            <span class="keeper-info-subtitle">职业:</span>
                            <select class="easyui-combobox ab-department" editable="false" required="true" data-options="width:'85px'" panelHeight=60>
                                <option value="粮油保管员">粮油保管员</option>
                                <option value="粮油质检员">粮油质检员</option>
                            </select>
                        </span>
                        <span class="pf-ab-item">
                            <span class="keeper-info-subtitle">等级:</span>
                            <select class="easyui-combobox ab-rank" editable="false" required="true" panelHeight=150 data-options="width:'85px'">
                                <option value="1">一级，高级技师</option>
                                <option value="2">二级，技师</option>
                                <option value="3">三级，高级</option>
                                <option value="4">四级，中级</option>
                                <option value="5">五级，初级</option>
                            </select>
                        </span>
                        <span class="pf-ab-item">
                            <span class="keeper-info-subtitle">颁证机构:</span>
                            <input class="easyui-textbox ab-issueFacility">
                        </span>
                        <span class="pf-ab-item">
                            <span class="keeper-info-subtitle">颁证年月:</span>
                            <input class="easyui-datebox ab-issueTime" editable="false" data-options="width:'85px'">
                        </span>
                        <input type="hidden" class="textbox-text dataId">
                    </li>
                </ul>
                <span class="pf-ptitle">上岗证</span>
                <div class="pf-no">
                    <span class="pf-no-item">
                        <span class="keeper-info-subtitle">专业:</span>
                        <input class="easyui-textbox" name="workMajor">
                    </span>
                    <span class="pf-no-item">
                        <span class="keeper-info-subtitle">颁证机构:</span>
                        <input class="easyui-textbox storemanInfo-workIssueFacility"  style="width: 112px;"    name="workIssueFacility" editable="false">
                    </span>
                    <span class="pf-no-item">
                        <span class="keeper-info-subtitle">颁证年月:</span>
                        <input class="easyui-datebox" name="workIssueTime" editable="false">
                    </span>
                </div>
            </div>
            <!--upload start-->
            <div class="keeper-info-right">
                <div class="pic" id="userpic"></div>
                <div class="upload-btn">
                    <input  class="upload" id="keeper-upload-file" name="file" type="file" >
                    <input type="hidden" name="avator" id="avator" />
                    <span class="uploading-bar" id="uploading-bar"></span>
                </div>
                <div class="upload-userinfo" id="upload-userinfo"></div>

            </div>
            <!--upload end-->

        </div>
        <a href="javascript:;" class="easyui-linkbutton bd-add-s bgy-do-add" plain="true" style="margin-top: 20px;">确定</a>
        <a href="javascript:;" class="easyui-linkbutton bd-add-s bgy-do-update" plain="true" style="margin-top: 20px;">确定</a>
    </form>
</div>
<style type="text/css">
    .pf-degree, .pf-no {
        margin-left: 60px;
    }

   .add-row-li {
        transform: translateY(25%);
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        margin-left: 10px;
        /*background-color: #ccc;*/
        border-radius: 50%;
        border: 1px solid #999;
        cursor: pointer;
    }
    .add-row-li:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 2px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #999;
        cursor: pointer;
    }
    .add-row-li:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 14px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #999;
        cursor: pointer;
    }
    .delete-data {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        background-color: #e82525;
        border-radius: 50%;
        vertical-align: middle;
        cursor: pointer;
    }
    .delete-data-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 16px;
        height: 4px;
        background-color: #fff;
        cursor: pointer;
    }
    .pf-ptitle {
        font-size: 14px;
        font-weight: 600;
        line-height: 25px;
    }
    .pf-pitem, .pf-degree, .pf-major, .pf-ab, .pf-no {
        margin-bottom: 10px;
    }
    .keeper-info {
        width: 100%;
        float: left;
    }
    .keeper-info-left {
        width: 76%;
        float: left;
    }
    .keeper-info-left input,.keeper-info-left select {
        width: 80px;
    }
    .keeper-info-right {
        width: 24%;
        float: left;
        margin-top: 31px;
    }
    .keeper-info-right .pic {
        border: 1px solid #CCC;
        float: left;
        height: 200px;
        width: 95%;
        background: #ccc;
        text-align: center;
    }
    .keeper-info-right img {
        width: auto;
        max-height: 198px;
    }
    #file {
        border-color: #ffa8a8;
        background-color: #F30000;
        color: #000;
        width: 100%;
        height: 20px;
        margin-top: 10px;
    }
    div.upload-btn {
        width: 100px;
        height: 40px;
        background: url("/img/upload2.png");
        overflow: hidden;
    }
    div.upload-btn input {
        display: block !important;
        width: 100px !important;
        height: 40px !important;
        opacity: 0 !important;
        overflow: hidden !important;
    }
    .keeper-info-subtitle {
        display: inline-block;
        width: 55px;
        text-align: right;

    }
</style>
<script>
    $.fn.datebox.defaults.formatter = function (date) {
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();
                return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d);
            };
    $.fn.datebox.defaults.parser = function (s) {
        if (s) {
            var a = s.split('-');
            var d = new Date(parseInt(a[0]), parseInt(a[1]) - 1, parseInt(a[2]));
            return d;
        } else {
            return new Date();
        }
    };
</script>