bonus
/
czl-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
czl-web/pages/project/proScheduleManagemenView.html

183 lines
7.7 KiB
HTML
Raw Blame History

<!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;
}
</style>
<body style="margin-left: 15px">
<form class="layui-form" action="" onsubmit="return false">
<div class="project_title">
<div class="imgContainer">
<img src="../../img/project.png" width="100" />
</div>
<div class="imgContainer" style="margin-top:10px">
<span style="font-size: 20px;font-weight: bolder;margin-top:10px" id="pro_proName"></span>
<span id="pro_orgName"> </span>
</div>
<div class="imgContainer" style="float: right;margin-top: 20px;margin-right: 6%;">
<button class="layui-btn" type="button" id="changProgress">更新进度</button>
<button class="layui-btn" type="button" id="rollbackProgress">回退进度</button>
<button class="layui-btn" type="button" id="upload">上传附件</button>
</div>
</div>
<div class="project_info">
<div style="float:left;width: 150px;text-align: center;">
<label>项目状态</label><br>
<br>
<span id="pro_status">
</span>
</div>
<div style="float:left;width: 150px;text-align: center;">
<label>电压等级</label><br>
<br>
<span id="pro_voltageLevel"></span>
</div>
<div style="float:left;width: 150px;text-align: center;">
<label>线路长度</label><br>
<br>
<span id="pro_lineLength"></span>
</div>
<div style="float:left;width: 150px;text-align: center;">
<l.0abel>杆塔数量</l.0abel><br>
<br>
<span id="pro_towerNum"></span>
</div>
<div style="float:left;width: 150px;text-align: center;">
<label>项目计划开始时间</label><br>
<br>
<span id="pro_startTime"></span>
</div>
<div style="float:left;width: 150px;text-align: center;">
<label>项目计划结束时间</label><br>
<br>
<span id="pro_endTime"></span>
</div>
<div style="float:left;width: 150px;text-align: center;">
<label>最后更新时间</label><br>
<br>
<span id="pro_updateTime"></span>
</div>
<div style="float:right;width: 200px;text-align: center;margin-right: 10%;">
<label>项目进度</label><br>
<br>
<div class="layui-progress layui-progress-big" lay-showpercent="true" style="width: 150px;margin-left: 20px;">
<div class="layui-progress-bar" id="myBar" lay-percent="0%"></div>
</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>
<li lay-id="3">附件记录</li>
<li lay-id="4">成员列表</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div id="projectProgress">
<div class="layui-form-item" style="margin-top: 10px;margin-left:10px">
<div class="layui-input-inline" style="width: 17%;">
<input type="text" id="keyWord" placeholder="请输入关键字(杆塔名称)" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline" style="width: 70px; ">
<button id="searchBt" class="layui-btn layui-btn">查询</button>
</div>
</div>
<div style="margin-left: 1%;">
杆塔数：<span id="progress_towerNum">0</span>
&nbsp;基础完成： <span id="progress_basicFinishNum" style="color:#69ac2a">0</span>
&nbsp;未完成：<span id="progress_basicNotFinishNum" style="color:#952217">0</span>
&nbsp;组塔完成： <span id="progress_towerFinishNum" style="color:#69ac2a">0</span>
&nbsp;未完成：<span id="progress_towerNotFinishNum" style="color:#952217">0</span>
&nbsp;线路长度：<span id="progress_lineLength">0</span>
&nbsp;已完成：<span id="progress_lineFinishLength" style="color:#69ac2a">0</span>
&nbsp;未完成：<span id="progress_lineNotFinishLength" style="color:#952217">0</span>
</div>
<table id="demo" lay-filter="test" style="width: 100%;"></table>
</div>
</div>
<div class="layui-tab-item">
<div class="layui-timeline" id="timeLine" style="padding:10px">
</div>
</div>
<div class="layui-tab-item">
<table id="fileDemo" lay-filter="fileDemo" style="width: 100%;"></table>
</div>
<div class="layui-tab-item">
<div class="layui-form-item" style="margin-top: 10px;margin-left:10px">
<div class="layui-input-inline" style="width: 17%;">
<input type="text" id="keyWordPerson" placeholder="请输入关键字" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline" style="width: 70px; ">
<button id="searchPersonBt" class="layui-btn layui-btn">查询</button>
</div>
</div>
<table id="personDemo" lay-filter="personDemo" style="width: 100%;"></table>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
<script type="text/html" id="fileBarDemo">
<a lay-event="download" style="color: #009688;cursor: pointer;font-size: 15px">下载</a>
<span style="font-size: 15px;"> | </span>
<a lay-event="del" style="color: #a90f45;cursor: pointer;font-size: 15px">删除</a>
</script>
<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/project/proScheduleManagementView.js"></script>
Reference in New Issue View Git Blame Copy Permalink