static/pages/storeman.html

<div class="easyui-tabs storman-tabs" data-options="fit:true">
	<div class="bif-tab1" title="保管人员信息">
		<div class="bif-info-con">

			<div class="bif-right">
				<span class="bif-r-li">
					<span class="bif-r-li-t">出生年月：</span>
					<span class="bif-r-li-v"></span>
				</span><br>
				<span class="bif-r-li">
					<span class="bif-r-li-t">年龄：</span>
					<span class="bif-r-li-v">28</span>
				</span><br>
				<span class="bif-r-li">
					<span class="bif-r-li-t">性别：</span>
					<span class="bif-r-li-v">男</span>
				</span><br>
				<span class="bif-r-li">
					<span class="bif-r-li-t">毕业院校：</span>
					<span class="bif-r-li-v">北国大学</span>
				</span><br>
				<span class="bif-r-li">
					<span class="bif-r-li-t">学历：</span>
					<span class="bif-r-li-v">本科</span>
				</span><br>
				<span class="bif-r-li">
					<span class="bif-r-li-t">从事保管工作年限：</span>
					<span class="bif-r-li-v">5年</span>
				</span><br />
				<span class="bif-r-li">
					<span class="bif-r-li-t">职业资格f：</span>
					<span class="bif-r-li-v">高级工程师</span>
				</span><br>
				<span class="bif-r-li">
					<span class="bif-r-li-t">政治面貌</span>
					<span class="bif-r-li-v">党员</span>
				</span>
			</div>

            <div class="bif-left">
                <img id="bgy-avator" class="bgy-avator" src="" alt="头像">
                <div class="bif-img-option">
                    <span class="bif-img-title" style="float: left; ">责任保管员：</span>
                    <span class="bif-img-storeman" ></span>
                </div>
            </div>
		</div>
	</div>
	<!-- <div class="bif-tab2" title="保管员移交记录">
		<table id="storeman-trans-dg" style="width:100%;border: 0;">

		</table>
		<div id="storeman-trans-toolbar" style="padding: 10px 5px;">
		    <a href="#" class="easyui-linkbutton bd-add-s storeman-trans-add-bt" plain="true">新增</a>
		    <span>
				交接时间:<input class="easyui-datebox start-time" name="stm-btime" editable="false" >-<input class="easyui-datebox end-time" name="stm-etime" editable="false" >
				<a href="#" class="easyui-linkbutton bd-add-s storeman-trans-search-bt" plain="true">查询</a>
				<a href="#" class="easyui-linkbutton bd-add-s storeman-trans-add-bt" plain="true">添加</a>
                <a href="#" class="easyui-linkbutton bd-add-s clear-btn" plain="true">清空</a>
			</span>

		</div>
		<div id="store-transfer-w" style="padding: 10px">
			<form class="store-transfer-form">
				<div class="pf-pitem">
			    	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">交接时间:</span>
			        	<span class="pf-pitem-lic">
			        		<input class="easyui-datebox stm-t-trans-time"  data-options="required:true,width:'140px',height:'20px'" editable=false name="transTime">
			        	</span>
			      	</span>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">移交人:</span>
			        	<span class="pf-pitem-lic">
			        		<input class="easyui-textbox stm-t-trans-user" id="transUser" disabled="disabled" data-options="width:'140px',height:'20px'" >
			        	</span>
			      	</span>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">接收人:</span>
			        	<span class="pf-pitem-lic">
			        	<input class="easyui-combotree"  id="conmessage-receiveUser" name="receiveUser"  data-options="required:true,width:'140px',height:'20px'">

			        	</span>
			      	</span><br />
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">监交人:</span>
			        	<span class="pf-pitem-lic">
			          	<input class="easyui-combotree" id="conmessage-coner1"  name="superiorUser"  data-options="width:'140px',height:'20px'" >

			        	</span>
			      	</span>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">品种:</span>
			        	<span class="pf-pitem-lic">
                            <input class="stm-trans-type" data-options="disabled:true,required:true,width:'140px',height:'20px'" editable=false name="type">
                        </span>
			      	</span>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">数量:</span>
			        	<span class="pf-pitem-lic"><input class="easyui-textbox easyui-validatebox stm-t-count" data-options="validType:'decimal[5]',required:true,width:'140px',height:'20px'" name="count">公斤</span>
			      	</span><br/>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">质量:</span>
			        	<span class="pf-pitem-lic">
			          		<input class="easyui-combobox stm-trans-qu" data-options="required:true" name="quality" editable=false style="width:140px;height: 20px;">
			        	</span>
			      	</span>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">粮情:</span>
			        	<span class="pf-pitem-lic"><input name="condition" class="easyui-combobox stm-t-condition" editable=false data-options="required:true,width:'140px',height:'20px'"></span>
			      	</span>
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">负责人:</span>
			        	<span class="pf-pitem-lic">
			          		<input class="easyui-textbox easyui-validatebox stm-t-responsible-user" data-options="validType:'length[0,10]',required:true" name="responsibleUser" style="width:140px;height: 20px;">
			        	</span>
			      	</span><br />
			      	<span class="pf-pitem-li">
			        	<span class="pf-pitem-lit">备注:</span>
			        	<span class="pf-pitem-lic">
			          		<input class="easyui-textbox easyui-validatebox stm-t-remark" name="remark" style="width:417px;height: 60px;" data-options="validType:'length[0,50]',multiline:true">
			        	</span>
			      	</span><br />
			      	<a href="#" class="easyui-linkbutton bd-add-s storeman-transfer-add-new" plain="true" style="margin-top: 20px;">确定</a>
			    </div>
		    </form>
		</div>
	</div> -->
</div>
    <!-------- 查看保管员----->
<div id="message-transfer" style="padding: 10px">
    <form class="con-messager-form">
        <div class="pf-pitem">
                       <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">交接时间:</span>
                           <span class="pf-pitem-lic">
                               <input class="easyui-datebox stm-t-trans-time"   disabled="disabled" data-options="width:'140px',height:'20px'" editable=false name="transTime">
                           </span>
                         </span>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">移交人:</span>
                           <span class="pf-pitem-lic">
                               <input class="easyui-textbox easyui-validatebox stm-t-trans-user" id="transUser1-1"  disabled="disabled"  data-options="validType:'length[0,10]',width:'140px',height:'20px'" name="transUser" >
                           </span>
                         </span>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">接收人:</span>
                           <span class="pf-pitem-lic">
                           <input class="easyui-combotree"  id="conmessage-receiveUser1-1" name="receiveUser"  disabled="disabled"   data-options="width:'140px',height:'20px'">

                           </span>
                         </span><br />
            <span class="pf-pitem-li">
				   <!-- 之前是这样的 conmessage-coner1  -->
                           <span class="pf-pitem-lit">监交人:</span>
                           <span class="pf-pitem-lic">
                             <input class="easyui-combotree" id=" conmessage-coner1-1"  disabled="disabled" name="superiorUser"  data-options="width:'140px',height:'20px'" >

                           </span>
                         </span>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">品种:</span>
                           <span class="pf-pitem-lic">
                               <input class="stm-trans-type" data-options="disabled:true,required:true,width:'140px',height:'20px'" editable=false name="type">
                           </span>
                         </span>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">数量:</span>
                           <span class="pf-pitem-lic"><input class="easyui-textbox easyui-validatebox stm-t-count" disabled="disabled" data-options="validType:'decimal[5]',required:true,width:'140px',height:'20px'" name="count">公斤</span>
                         </span><br/>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">质量:</span>
                           <span class="pf-pitem-lic">
                                 <input class="easyui-combobox stm-trans-qu" data-options="required:true" disabled="disabled" name="quality" editable=false style="width:140px;height: 20px;">
                           </span>
                         </span>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">粮情:</span>
                           <span class="pf-pitem-lic"><input name="condition" class="easyui-combobox stm-t-condition"  disabled="disabled" editable=false data-options="required:true,width:'140px',height:'20px'"></span>
                         </span>
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">负责人:</span>
                           <span class="pf-pitem-lic">
                                 <input class="easyui-textbox easyui-validatebox stm-t-responsible-user"  disabled="disabled" data-options="validType:'length[0,10]',required:true" name="responsibleUser" style="width:140px;height: 20px;">
                           </span>
                         </span><br />
            <span class="pf-pitem-li">
                           <span class="pf-pitem-lit">备注:</span>
                           <span class="pf-pitem-lic">
                                 <input class="easyui-textbox easyui-validatebox stm-t-remark" disabled="disabled" name="remark" style="width:417px;height: 60px;" data-options="validType:'length[0,50]',multiline:true">
                           </span>
                         </span><br />

        </div>
    </form>
</div>
</div>


<div id="storeman-wrap" style="padding: 20px;">
       <img class="storeman-img" src="" alt="" style="width: 100%;height: 98%;">
   </div>

   <div id="pf-w" class="keeper-manage-addedit" style="padding:20px;">
       <form class="storeman-form storeman-manage-form">
           <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"  data-options="width:'140px',height:'20px',readonly: true" name="name"></span>
               </span>
               <span class="pf-pitem-li">
                   <span class="pf-pitem-lit">性别:</span>
                   <span class="pf-pitem-lic">
                       <select class="easyui-combobox" name="sex" data-options="width:'140px',height:'20px',readonly: true">
                           <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" data-options="width:'140px',height:'20px',readonly: true" name="phone"></span>
               </span>
               <span class="pf-pitem-li">
                   <span class="pf-pitem-lit">出生年月:</span>
                   <span class="pf-pitem-lic">
                       <input class="easyui-datebox" data-options="width:'140px',height:'20px',readonly: true" name="birthday"></span>
               </span>
               <br />
               <span class="pf-pitem-li">
                   <span class="pf-pitem-lit">邮箱:</span>
                   <span class="pf-pitem-lic">
                       <input class="easyui-textbox" data-options="width:'140px',height:'20px',readonly: 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" data-options="width:'140px',height:'20px',readonly: false" name="workYear"></span>
               </span>
               <span class="pf-pitem-li" >
                   <span class="pf-pitem-lit">政治面貌:</span>
                   <span class="pf-pitem-lic">
                       <select class="easyui-combobox"  data-options="width:'140px',height:'20px',readonly: true" name="political" editable="false">
                           <option value="群众">群众</option>
                           <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-datebox" name="isDepartmentTime" data-options="width:'140px',height:'20px',readonly: true"></span>
               </span><br/>

               <span class="pf-pitem-li">
                   <span class="pf-pitem-lit">岗位（职务）:</span>
                   <span class="pf-pitem-lic">
                       <select class="easyui-combobox" name="position" data-options="width:'140px',height:'20px',readonly: true">
                           <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="width:'140px',height:'20px',disabled: true" name="grainId"></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',disabled: true" name="houseId"></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" disabled="true" 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" disabled="true">
                           </span>
                           <span class="pf-degree-item">
                               <span class="keeper-info-subtitle">专业:</span>
                               <input class="easyui-textbox degree-department" disabled="true">
                           </span>
                           <span class="pf-degree-item">
                               <span class="keeper-info-subtitle">学位:</span>
                               <input class="easyui-textbox degree-degree" disabled="true">
                           </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'" disabled="true">
                                   <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">
                       </li>
                   </ul>
                   <span class="pf-ptitle">专业技术职称</span><span class="add-row-li major-add-span"></span>
                   <ul class="pf-major">
                       <li>
                           <span class="pf-major-item">
                               <span class="keeper-info-subtitle">专业:</span>
                               <input class="easyui-textbox major-department" disabled="true">
                           </span>
                           <span class="pf-major-item">
                               <span class="keeper-info-subtitle">级别:</span>
                               <input class="easyui-textbox major-rank" disabled="true">
                           </span>
                           <span class="pf-major-item">
                               <span class="keeper-info-subtitle">颁证机构:</span>
                               <input class="easyui-textbox major-issueFacility" disabled="true">
                           </span>
                           <span class="pf-major-item">
                               <span class="keeper-info-subtitle">颁证年月:</span>
                               <input class="easyui-datebox major-issueTime" editable="false" disabled="true">
                           </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">
                       <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 disabled="true">
                                   <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'" disabled="true">
                                   <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" disabled="true">
                           </span>
                           <span class="pf-ab-item">
                               <span class="keeper-info-subtitle">颁证年月:</span>
                               <input class="easyui-datebox ab-issueTime" editable="false" data-options="width:'85px'" disabled="true">
                           </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" disabled="true">
                       </span>
                       <span class="pf-no-item">
                           <span class="keeper-info-subtitle">颁证机构:</span>
                           <input class="easyui-textbox storemanInfo-workIssueFacility" name="workIssueFacility" editable="false" disabled="true">
                       </span>
                       <span class="pf-no-item">
                           <span class="keeper-info-subtitle">颁证年月:</span>
                           <input class="easyui-datebox" name="workIssueTime" editable="false" disabled="true">
                       </span>
                   </div>
               </div>
               <div class="keeper-info-right">
                   <div class="pic" id="pic"></div>
                   <div class="upload-btn" style="display: none;">
                       <input class="upload keeper-upload-file" name="file" type="file" >
                       <input type="hidden" name="avator" id="avator" />
                       <span class="uploading-bar" id="uploading-bar"></span>
                   </div>
               </div>
           </div>
           <a href="javascript:;" class="easyui-linkbutton bd-add-s bgy-do-add close-window" plain="true" style="margin-top: 20px;">确定</a>
       </form>
   </div>
   <style type="text/css">
       .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>