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

241 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>护线员考勤</title>
<script src="../../../plugs/jquery/jquery-3.6.0.min.js"></script>
<script src="../../../js/public/jq.js"></script>
<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">
<!-- <script src="../../../util/Interceptor.js"></script> -->
<!--业务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%;">
<div id="proName" style="font-weight: bold;font-size: 22px;">--</div>
<div class="isTwo" style="color: darkgrey;margin-top: 10px;">--</div>
</div>
</div>
<div class="flex-column" style="width: 20%;height: 100%;margin-left: 2%;">
<div style="color: darkgrey;">杆塔数量</div>
<div id="powerNum" style="margin-top: 10px;">0</div>
</div>
<div class="flex-column" style="width: 20%;height: 100%;margin-left: 2%;">
<div style="color: darkgrey;">群众护线员数量</div>
<div id="lineNum" style="margin-top: 10px;">0</div>
</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>
<td id="lineProName">--</td>
<td id="yjName">--</td>
</tr>
<tr>
<th>电压等级</th>
<th>单/双回路</th>
</tr>
<tr>
<td id="volLevel">--</td>
<td class="isTwo">--</td>
</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">
<input id="keyWord" name="keyWord" type="text" class="layui-input" placeholder="杆塔,护线员姓名" >
</div>
</div>
<div class="layui-inline" id="two">
</div>
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="queryClick1()">
<i class="layui-icon layui-icon-search"></i>
查询
</button>
<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="resetClick1()">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
<button id="exportBt" class="layui-btn layui-btn-sm" onclick="exportData1()">
<i class="layui-icon">&#xe67c;</i>
导出
</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="addClick1()">
<i class="layui-icon">&#xe608;</i>
新增杆塔
</button>
<button class="layui-btn layui-btn-sm layui-btn-normal" onclick="updClick1()">
<i class="layui-icon">&#xe642;</i>
修改杆塔
</button>
<button class="layui-btn layui-btn-sm layui-btn-danger" onclick="delClick1()">
<i class="layui-icon">&#xe640;</i>
删除杆塔
</button>
<button id="importBt" class="layui-btn layui-btn-sm" onclick="importData1()">
<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>