178 lines
6.6 KiB
HTML
178 lines
6.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>分公司人员库详细信息</title>
|
||
|
|
<link rel="stylesheet" href="../../layui-v2.8.18/layui/css/layui.css" media="all"/>
|
||
|
|
</head>
|
||
|
|
<style>
|
||
|
|
.project_title{
|
||
|
|
height: 30%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.project_info{
|
||
|
|
height: 20%;
|
||
|
|
width: 95%;
|
||
|
|
margin-left: 5%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.project_table{
|
||
|
|
height: 50%;
|
||
|
|
width: 100%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.imgContainer{
|
||
|
|
height:100%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.layui-btn+.layui-btn {
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.layui-form-item .layui-input-inline {
|
||
|
|
float: left;
|
||
|
|
width: 23.5%;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
.layui-table-tool {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 50px;
|
||
|
|
line-height: 30px;
|
||
|
|
padding: 10px 15px;
|
||
|
|
border-width: 0;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.layui-this{
|
||
|
|
background: #17BAAA;
|
||
|
|
color: white !important;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
width: 99%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 33.33%;
|
||
|
|
height: 16.66%;
|
||
|
|
border: 0.5px solid rgb(216 212 212);
|
||
|
|
padding: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.gray-row {
|
||
|
|
font-family: 微软雅黑, sans-serif;
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
background-color: rgb(245 245 245);
|
||
|
|
color: rgb(102, 102, 102)
|
||
|
|
}
|
||
|
|
|
||
|
|
.white-row {
|
||
|
|
font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑, sans-serif;
|
||
|
|
font-weight: 700;
|
||
|
|
font-style: normal;
|
||
|
|
background-color: white;
|
||
|
|
}
|
||
|
|
.left-down{
|
||
|
|
margin-top: 10px;
|
||
|
|
width: 72px;
|
||
|
|
height: 23px;
|
||
|
|
border-radius: 19px;
|
||
|
|
display: flex;
|
||
|
|
background-color: rgba(255, 169, 76, 1);
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<body style="margin-left: 15px">
|
||
|
|
<form class="layui-form" action="" onsubmit="return false">
|
||
|
|
<div style="height: 20%;margin-top: 2%">
|
||
|
|
<div class="project_title">
|
||
|
|
<div class="imgContainer">
|
||
|
|
<img src="../../img/personnel.png" width="64" />
|
||
|
|
</div>
|
||
|
|
<div class="imgContainer" style="margin-top:5px;margin-left: 20px;display: flex">
|
||
|
|
<div style="">
|
||
|
|
<div id="data11" style="font-size: 15px;"></div>
|
||
|
|
<div id="data12" class="left-down"></div>
|
||
|
|
</div>
|
||
|
|
<div style="margin-left: 65px;">
|
||
|
|
<div style="font-size: 15px;color: #999999">人员状态</div>
|
||
|
|
<div id="data13" style="margin-top: 13px;font-size: 15px;"></div>
|
||
|
|
</div>
|
||
|
|
<!-- <div style="margin-left: 65px;">-->
|
||
|
|
<!-- <div style="font-size: 15px;color: #999999">所属项目</div>-->
|
||
|
|
<!-- <div id="data14" style="margin-top: 13px;font-size: 15px;"></div>-->
|
||
|
|
<!-- </div>-->
|
||
|
|
<div style="margin-left: 65px;">
|
||
|
|
<div style="font-size: 15px;color: #999999">所在项目</div>
|
||
|
|
<div id="data15" style="margin-top: 13px;font-size: 15px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="imgContainer" style="float: right;margin-top: 20px;margin-right: 6%;">
|
||
|
|
<!-- <button class="layui-btn" type="button" id="changProgress">修改资料</button>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="project_table">
|
||
|
|
<div class="layui-tab" lay-filter="test-hash">
|
||
|
|
<ul class="layui-tab-title">
|
||
|
|
<li class="layui-this" lay-id="1">人员详情</li>
|
||
|
|
<li lay-id="2">工作记录</li>
|
||
|
|
</ul>
|
||
|
|
<div class="layui-tab-content">
|
||
|
|
<div class="layui-tab-item layui-show">
|
||
|
|
<div class="container">
|
||
|
|
<div class="item gray-row">分包商</div>
|
||
|
|
<div class="item gray-row">工序</div>
|
||
|
|
<div class="item gray-row">班组名称</div>
|
||
|
|
<div id="data1" class="item white-row">行2列1</div>
|
||
|
|
<div id="data2" class="item white-row">行2列2</div>
|
||
|
|
<div id="data3" class="item white-row">行2列3</div>
|
||
|
|
<div class="item gray-row">岗位</div>
|
||
|
|
<div class="item gray-row">性别</div>
|
||
|
|
<div class="item gray-row">民族</div>
|
||
|
|
<div id="data4" class="item white-row">行4列1</div>
|
||
|
|
<div id="data5" class="item white-row">行4列2</div>
|
||
|
|
<div id="data6" class="item white-row">行4列3</div>
|
||
|
|
<div class="item gray-row">身份证</div>
|
||
|
|
<div class="item gray-row">是否有社保</div>
|
||
|
|
<div class="item gray-row">是否有用工协议</div>
|
||
|
|
<div id="data7" class="item white-row">行6列1</div>
|
||
|
|
<div id="data8" class="item white-row">行6列2</div>
|
||
|
|
<div id="data9" class="item white-row">行6列3</div>
|
||
|
|
<div class="item gray-row">工资发放证明</div>
|
||
|
|
<div class="item gray-row"> </div>
|
||
|
|
<div class="item gray-row"> </div>
|
||
|
|
<div id="data10" class="item white-row">行6列1</div>
|
||
|
|
<div class="item white-row"> </div>
|
||
|
|
<div class="item white-row"> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-tab-item">
|
||
|
|
<table id="fileDemo" lay-filter="fileDemo" style="width: 100%;"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<script src="../../js/jquery/jquery-3.6.0.js"></script>
|
||
|
|
<script src="../../layui-v2.8.18/layui/layui.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
||
|
|
<script src="../../js/common_methon.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/select.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/my/permission.js"></script>
|
||
|
|
<script src="../../js/personnelPool/subcontractorView.js"></script>
|