yn_hxy_web/hxy-web/html/wireManager/project/projectDetail.html

241 lines
13 KiB
HTML
Raw Normal View History

2024-07-26 18:15:22 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>护线员考勤</title>
2024-08-16 09:20:11 +08:00
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.js"></script>
2024-07-26 18:15:22 +08:00
<script src="../../../js/public/token.js"></script>
<script src="../../../js/public/public.js"></script>
<script src="../../../js/public/public_utils.js"></script>
<script src="../../../js/public/aescbc.js"></script>
<script src="../../../plugs/layui-v2.9.2/layui/layui.js"></script>
<link href="../../../plugs/layui-v2.9.2/layui/css/layui.css" rel="stylesheet">
2024-08-16 09:20:11 +08:00
<!-- <script src="../../../util/Interceptor.js"></script> -->
2024-07-26 18:15:22 +08:00
<!--业务js-->
<script src="../../../js/wireManager/project/projectDetail.js"></script>
<style>
body,html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
float: left;
}
.detail-content{
width: 100%;
height: 100%;
background-color: #F9F9F9;
}
.header{
width: 100%;
height: 10%;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #FFF;
}
.flex-column{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
#projectInfo{
width: 95%;height: 80%;border: 1px solid #eee;margin: 20px auto;
}
#projectInfo>tbody>tr>th{
width: 45%;height: 50px;background-color: #F5F5F5;padding-left: 20px;
}
#projectInfo>tbody>tr>td{
width: 45%;height: 50px;padding-left: 20px;
}
</style>
</head>
<body>
<script type="text/html" id="tip-bar">
<button class="layui-btn layui-btn-sm">单回路</button>
<button class="layui-btn layui-btn-sm">双回路</button>
</script>
<script type="text/html" id="opeator-bar">
<button class="layui-btn layui-btn-sm layui-btn-warm" lay-event="set">设置</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="set">取消</button>
</script>
<!-- 新增杆塔弹窗 -->
<script type="text/html" id="gmDetail">
<form class="layui-form" onsubmit="return false" style="width: 90%;height: 90%;padding: 10px;">
<div class="layui-form-item">
<div class="layui-inline" style="margin-left: 0%; ">
<label class="layui-form-label" style="width:100px;">
<i class="tip-required" style="color: red;font-size: 20px">*</i>杆塔名称:</label>
<div class="layui-input-inline">
<input type="text" name="gmName" id="gmName" class="layui-input"
lay-verify="required" maxlength="200" placeholder="请填写杆塔名称" style="width: 350px">
</div>
</div>
</div>
<div style="width: 90%;height: 60px;display: flex;align-items: center;justify-content: flex-end;margin-top: 20px;">
<button class="layui-btn layui-btn-sm layui-btn-primary" style="">取消</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" style="margin-right: 20px;">确定</button>
</div>
</form>
</script>
<div class="detail-content">
<div class="header">
<div style="width: 50%;height: 100%;display: flex;">
<div style="width: 50%;height: 100%;display: flex;align-items: center;justify-items: center;">
<div style="margin-left: 20%;">
<img src="../../../image/dataIcon2.png" alt="">
</div>
<div class="flex-column" style="margin-left: 5%;">
2024-08-16 09:20:11 +08:00
<div id="proName" style="font-weight: bold;font-size: 22px;">--</div>
<div class="isTwo" style="color: darkgrey;margin-top: 10px;">--</div>
2024-07-26 18:15:22 +08:00
</div>
</div>
<div class="flex-column" style="width: 20%;height: 100%;margin-left: 2%;">
<div style="color: darkgrey;">杆塔数量</div>
2024-08-16 09:20:11 +08:00
<div id="powerNum" style="margin-top: 10px;">0</div>
2024-07-26 18:15:22 +08:00
</div>
<div class="flex-column" style="width: 20%;height: 100%;margin-left: 2%;">
<div style="color: darkgrey;">群众护线员数量</div>
2024-08-16 09:20:11 +08:00
<div id="lineNum" style="margin-top: 10px;">0</div>
2024-07-26 18:15:22 +08:00
</div>
</div>
<div style="width: 30%;height: 100%;display: flex;align-items: center;justify-items: center;">
<button class="layui-btn layui-btn-sm" onclick="projectAddUser()">
<i class="layui-icon">&#xe608;</i>
添加人员
</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="editProject()">
<i class="layui-icon">&#xe642;</i>
修改工程信息
</button>
</div>
</div>
<div style="width: 100%;height: 87%;margin-top: 10px;">
<div class="layui-tab layui-tab-brief" lay-filter="detailTab" style="height: 100%;width: 100%;display: flex;flex-direction: column;margin: 0;">
<ul class="layui-tab-title" style="width: 98%;height: 10%;margin-left: 20px;">
<li class="layui-this">
<div>项目信息</div>
</li>
<li>
<div>杆塔信息</div>
</li>
<li>
<div>人员信息</div>
</li>
</ul>
<div class="layui-tab-content" style="width: 100%;height: 90%;background-color: #FFF;">
<div class="layui-tab-item layui-show">
<table border="1" id="projectInfo">
<tbody>
<tr>
<th>线路工程名称</th>
<th>所属运检站</th>
</tr>
<tr>
2024-08-16 09:20:11 +08:00
<td id="lineProName">--</td>
<td id="yjName">--</td>
2024-07-26 18:15:22 +08:00
</tr>
<tr>
<th>电压等级</th>
<th>单/双回路</th>
</tr>
<tr>
2024-08-16 09:20:11 +08:00
<td id="volLevel">--</td>
<td class="isTwo">--</td>
2024-07-26 18:15:22 +08:00
</tr>
</tbody>
</table>
</div>
<div class="layui-tab-item" >
<form class="layui-form" onsubmit="return false" style="margin-left: 20px;">
<div class="form-group" style="margin-top: 0.5%">
<div class="layui-inline">
<div class="layui-input-inline">
2024-08-16 09:20:11 +08:00
<input id="keyWord" name="keyWord" type="text" class="layui-input" placeholder="杆塔,护线员姓名" >
2024-07-26 18:15:22 +08:00
</div>
</div>
2024-08-16 09:20:11 +08:00
<div class="layui-inline" id="two">
2024-07-26 18:15:22 +08:00
</div>
2024-08-16 09:20:11 +08:00
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="queryClick1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon layui-icon-search"></i>
查询
</button>
2024-08-16 09:20:11 +08:00
<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="resetClick1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
2024-08-16 09:20:11 +08:00
<button id="exportBt" class="layui-btn layui-btn-sm" onclick="exportData1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon">&#xe67c;</i>
导出
</button>
2024-08-16 09:20:11 +08:00
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="addClick1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon">&#xe608;</i>
新增杆塔
</button>
2024-08-16 09:20:11 +08:00
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="updClick1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon">&#xe642;</i>
修改杆塔
</button>
2024-08-16 09:20:11 +08:00
<button class="layui-btn layui-btn-sm layui-btn-danger" onclick="delClick1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon">&#xe640;</i>
删除杆塔
</button>
2024-08-16 09:20:11 +08:00
<button id="importBt" class="layui-btn layui-btn-sm" onclick="importData1()">
2024-07-26 18:15:22 +08:00
<i class="layui-icon">&#xe67c;</i>
导入
</button>
</div>
</form>
<table id="gmTable" lay-filter="gmTable" class="layui-table" lay-skin="row" style="width:100%;">
</table>
</div>
<div class="layui-tab-item">
<form class="layui-form" onsubmit="return false" style="margin-left: 20px;">
<div class="form-group" style="margin-top: 0.5%">
<div class="layui-inline">
<div class="layui-input-inline">
<input id="search3" type="text" class="layui-input" placeholder="杆塔,护线员姓名" >
</div>
</div>
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="queryUser">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" lay-submit lay-filter="resetUser">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
<button id="exportBt" class="layui-btn layui-btn-sm">
<i class="layui-icon">&#xe67c;</i>
导出
</button>
</div>
</form>
<table id="staffTable" lay-filter="staffTable" class="layui-table" lay-skin="row" style="width:100%;">
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>