Skip to content

桩
桩基检测
Commit bbc85bfb authored by 陈珊's avatar 陈珊
Browse files
Options

钢筋检测

parent fc59d0f3
Hide whitespace changes
Inline Side-by-side
Showing with 2130 additions and 4 deletions
pages/gjjc.html 0 → 100644
View file @ bbc85bfb
<!DOCTYPE html>
<html style="font-size: 100px !important;">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>钢筋检测</title>
<link rel="stylesheet" href="../static/iconfont/iconfont.css">
<link rel="stylesheet" href="../static/plugin/layui/css/layui.css">
<link rel="stylesheet" href="../static/css/dist/swiper.css">
<link rel="stylesheet" href="../static/css/dist/public.css">
<link rel="stylesheet" href="../static/css/dist/gjjc.css">
<script src="../static/js/jquery-3.0.0.min.js"></script>
<script src="../static/plugin/layui/layui.js"></script>
<script src="../static/js/public.js"></script>
<script src="../static/js/swiper.min.js"></script>
<style>
.container .content .map .amap-info-content {
background: rgba(0, 0, 0, 0.6) !important;
color: #0CF6E5;
padding: 0;
}
.container .content .map .amap-info-close {
top: 5px !important;
right: 5px !important;
}
</style>
</head>
<body>
<div class="container">
<div class="toggle"><span class="icon_font icon-icon_zhankai-01" data-type='true' id='toggle-header'></span>
</div>
<div class="header-item"></div>
<div class="content">
<div id="map" class="map"></div>
<div class="left-item">
<div class="top-item">
<div class="flex-item">
<div class="item">
<p class="number green-text" id="gczs">0</p>
<p>工程总数</p>
</div>
<div class="item">
<p class="number yellow-text" id="jrzj">0</p>
<p>今日在检工程</p>
</div>
<div class="item">
<p class="number red-text" id="yjc">0</p>
<p>已检测钢筋</p>
</div>
</div>
</div>
<div class="bottom-item">
<div class="head-item">
<p>在检工程任务单信息</p>
<div class="search-item">
<input id="rw-keywords" type="text" class="input" placeholder="请输入任务单号">
<p class="icon_font icon-icon_ss-01" onclick="taskList.init()"></p>
</div>
<!-- <div class="search-item">
<div class="prev icon" onclick="taskList.prevDate()"><img src="../static/images/prev.png" />
</div>
<input id="rw-date" class="input" readonly placeholder="请选择日期">
<div class="next icon" onclick="taskList.nextDate()"><img src="../static/images/next.png" />
</div>
</div> -->
</div>
<!-- <div class="head-item head-item2">
<div class="search-item">
<input id="rw-keywords" type="text" class="input" placeholder="请输入任务单号">
<p class="icon_font icon-icon_ss-01" onclick="taskList.init()"></p>
</div>
</div> -->
<div class="info-item" id="rwList">
<div class="noData">暂无数据</div>
</div>
</div>
</div>
<div class="map-legend">
<div><img src="../static/images/icon_lv.png" />今日在检工程</div>
<div><img src="../static/images/icon_hui.png" />工程定位</div>
</div>
<img class="content-bg content-bg-zuo" src="../static/images/img_zuo1.png" />
</div>
</div>
<div id="popup-info" class="popup-info hidden">
<div class="head"></div>
<div class="main">
<div class="left-item" id="subrwList">
<div class="noData">暂无数据</div>
</div>
<div class="right-item right-item1"></div>
<div class="right-item right-item2 hiddenImportant"></div>
</div>
<div class="hoverInfo hidden" id="hoverInfo"></div>
</div>
<div class="swiper hidden" id="swiper">
<div class="mask" onclick="detail.swiperHide()"></div>
<div class="main">
<div class="swiper-container">
<div class="swiper-wrapper"></div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<div class="close" onclick="detail.swiperHide()"><img src="../static/images/close.png" /></div>
</div>
</div>
</body>
<script type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&key=fc00c5b70f67a8414344682f217d4b6e&plugin=AMap.MarkerClusterer,AMap.DistrictSearch"></script>
<script src="../static/js/gjjc.js"></script>
<script>
$(function () {
$("#gjjc-item a").addClass('active');
})
</script>
\ No newline at end of file
static/css/dist/gjjc.css 0 → 100644
View file @ bbc85bfb
.container .content .content-bg {
position: absolute;
}
.container .content .content-bg-zuo {
left: 0;
top: 0;
width: 4.5rem;
height: 100%;
}
.container .content .map .info-item {
cursor: pointer;
padding: 12px 27px 10px 12px;
}
.container .content .map .bottom-center .amap-info-sharp {
border-top-color: rgba(0, 0, 0, 0.6);
}
.container .content .left-item {
position: absolute;
width: 3.82rem;
left: .1rem;
height: 100%;
z-index: 9;
}
.container .content .left-item .top-item {
height: .7rem;
margin-top: .12rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.container .content .left-item .top-item .flex-item {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: #C6D5E4;
font-size: .12rem;
background: rgba(42, 93, 197, 0.6);
width: 100%;
}
.container .content .left-item .top-item .flex-item .item {
text-align: center;
width: 33.33%;
border-left: 0.01rem solid rgba(255, 255, 255, 0.2);
}
.container .content .left-item .top-item .flex-item .item:first-child {
border-left: 0;
}
.container .content .left-item .top-item .flex-item .item .number {
font-size: .22rem;
}
.container .content .left-item .bottom-item {
height: calc(100% - .9rem);
}
.container .content .left-item .bottom-item .head-item {
color: #3FD9FF;
font-size: .14rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: .23rem 0 .1rem 0;
}
.container .content .left-item .bottom-item .head-item .search-item {
position: relative;
width: 50%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.container .content .left-item .bottom-item .head-item .search-item .icon {
width: .5rem;
height: .3rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.container .content .left-item .bottom-item .head-item .search-item .icon img {
width: auto;
height: 75%;
}
.container .content .left-item .bottom-item .head-item .search-item .input {
border-radius: .12rem;
border: 0.01rem solid #46A6D8;
background: transparent;
height: .3rem;
width: 100%;
color: #C0D3E6;
padding: 0 .1rem;
text-align: left;
}
.container .content .left-item .bottom-item .head-item .search-item .icon_font {
color: rgba(255, 255, 255, 0.7);
font-size: .14rem;
cursor: pointer;
position: absolute;
right: .1rem;
}
.container .content .left-item .bottom-item .head-item2 {
padding-top: 0;
}
.container .content .left-item .bottom-item .head-item2 .search-item {
width: 100%;
}
.container .content .left-item .bottom-item .head-item2 .input {
text-align: left !important;
padding: 0 .3rem 0 .1rem !important;
}
.container .content .left-item .bottom-item .info-item {
height: calc(100% - .7rem);
overflow: auto;
}
.container .content .left-item .bottom-item .info-item::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.container .content .left-item .bottom-item .info-item::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.container .content .left-item .bottom-item .info-item::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.container .content .left-item .bottom-item .info-item .panel-item {
margin-bottom: .1rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-head {
background: rgba(42, 93, 197, 0.6);
color: #3FD9FF;
font-size: .14rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: .1rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .active {
background: #3069F4 !important;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item {
color: #C0D3E6;
font-size: .14rem;
margin-bottom: .1rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .headHover .icon2 img {
transform: rotate(180deg);
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head {
background: rgba(22, 65, 152, 0.6);
padding: .11rem .03rem .11rem .06rem;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
border-top: 0.01rem solid rgba(68, 109, 193, 0.8);
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item {
display: flex;
align-items: center;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .icon {
position: relative;
margin: 0 .1rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .icon img {
width: .19rem;
height: .19rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .showTip::after {
content: '';
width: .07rem;
height: .07rem;
background: #E7555C;
border-radius: 50%;
position: absolute;
top: -.06rem;
right: -.06rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .icon2 img {
width: .15rem;
height: .15rem;
transition: transform 0.5s, top 0.5s;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .number {
display: flex;
align-items: flex-end;
font-size: .12rem;
line-height: .16rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .number p {
font-size: .16rem;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-head .flex-item .number span {
color: #00FFA2;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-main .flex-item {
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(22, 65, 152, 0.3);
padding: .13rem;
border-top: 0.01rem solid rgba(68, 109, 193, 0.8);
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-main .flex-item .green {
color: #00FFA2;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-main .flex-item .red {
color: #E7555C;
}
.container .content .left-item .bottom-item .info-item .panel-item .panel-info .info-item .item-main .flex-item .desc {
white-space: nowrap;
}
.container .content .map-legend {
position: absolute;
bottom: .2rem;
left: 50%;
transform: translateX(-50%);
background: rgba(22, 65, 152, 0.6);
color: #fff;
font-size: .14rem;
display: flex;
align-items: center;
}
.container .content .map-legend div {
display: flex;
align-items: center;
padding: .13rem .25rem;
border-right: 0.01rem solid rgba(68, 109, 193, 0.8);
}
.container .content .map-legend div:last-child {
border-right: 0;
}
.container .content .map-legend img {
width: .2rem;
height: .2rem;
margin-right: .13rem;
}
.popup-info {
width: 100%;
height: 100%;
background: #1E499B;
padding: .1rem;
padding: 0 .1rem .1rem;
}
.popup-info .blue {
color: #3FD9FF;
}
.popup-info .red {
color: #E7555C;
}
.popup-info .green {
color: #00FFA2;
}
.popup-info .head {
height: .7rem;
display: flex;
align-items: center;
justify-content: center;
color: #C0D3E6;
font-size: .18rem;
}
.popup-info .main {
display: flex;
height: calc(100% - .7rem);
}
.popup-info .main .left-item {
width: 3.8rem;
background: #113780;
overflow: auto;
}
.popup-info .main .left-item::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup-info .main .left-item::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.popup-info .main .left-item::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.popup-info .main .left-item .info-item {
color: #C0D3E6;
font-size: .14rem;
border-bottom: .04rem solid #1E499B;
}
.popup-info .main .left-item .info-item .headHover .icon2 img {
transform: rotate(180deg);
}
.popup-info .main .left-item .info-item .item-head {
color: #fff;
background: #0D3177;
padding: .11rem .03rem .11rem .06rem;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.popup-info .main .left-item .info-item .item-head .flex-item {
display: flex;
align-items: center;
}
.popup-info .main .left-item .info-item .item-head .flex-item .icon {
position: relative;
margin: 0 .1rem;
}
.popup-info .main .left-item .info-item .item-head .flex-item .icon img {
width: .19rem;
height: .19rem;
}
.popup-info .main .left-item .info-item .item-head .flex-item .showTip::after {
content: '';
width: .07rem;
height: .07rem;
background: #E7555C;
border-radius: 50%;
position: absolute;
top: -.06rem;
right: -.06rem;
}
.popup-info .main .left-item .info-item .item-head .flex-item .icon2 img {
width: .15rem;
height: .15rem;
transition: transform 0.5s, top 0.5s;
}
.popup-info .main .left-item .info-item .item-head .flex-item .number {
display: flex;
align-items: flex-end;
font-size: .12rem;
line-height: .16rem;
}
.popup-info .main .left-item .info-item .item-head .flex-item .number p {
font-size: .16rem;
}
.popup-info .main .left-item .info-item .item-head .flex-item .number span {
color: #00FFA2;
}
.popup-info .main .left-item .info-item .item-tab {
display: flex;
align-items: center;
justify-content: space-evenly;
padding: 0 .05rem .1rem;
background: #0D3177;
}
.popup-info .main .left-item .info-item .item-tab div {
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #90A1B1;
height: .3rem;
flex: 1;
margin: 0 .05rem;
}
.popup-info .main .left-item .info-item .item-main {
background: #113780;
}
.popup-info .main .left-item .info-item .item-main .flex-item {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(22, 65, 152, 0.3);
padding: .13rem;
border-top: 0.01rem solid rgba(68, 109, 193, 0.8);
}
.popup-info .main .left-item .info-item .item-main .flex-item:nth-child(1) {
border-top: 0;
}
.popup-info .main .left-item .info-item .item-main .active {
background: #3069F4;
}
.popup-info .main .left-item .active .item-head,
.popup-info .main .left-item .active .item-tab {
background: #3069F4;
}
.popup-info .main .right-item {
width: calc(100% - 3.8rem);
margin-left: .1rem;
}
.popup-info .main .right-item .flex-item {
display: flex;
align-items: center;
padding: 0 .13rem;
color: #C0D3E6;
background: #0D3177;
margin-bottom: .01rem;
font-size: .14rem;
min-height: 0.4rem;
padding: 0.05rem .1rem;
}
.popup-info .main .right-item .flex-item .value {
width: 50%;
}
.popup-info .main .right-item .flex-item .box {
background: rgba(34, 77, 164, 0.9);
height: 92%;
display: flex;
align-items: center;
margin-right: .1rem;
padding: 0 .05rem;
}
.popup-info .main .right-item .flex-item .box .img {
height: 100%;
width: .7rem;
display: flex;
align-items: center;
justify-content: center;
}
.popup-info .main .right-item .flex-item .box .img img {
height: 90%;
}
.popup-info .main .right-item .flex-item .box .item {
padding: 0 .1rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.popup-info .main .right-item .flex-item .box .item > div {
word-break: keep-all;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: space-between;
}
.popup-info .main .right-item .flex-item .box .item .type {
color: #fff;
}
.popup-info .main .right-item .flex-item .box .item .type .blue {
font-size: .16rem;
}
.popup-info .main .right-item .flex-item2 {
height: 1.15rem;
}
.popup-info .main .right-item .over-flex {
overflow: auto;
}
.popup-info .main .right-item .over-flex::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup-info .main .right-item .over-flex::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.popup-info .main .right-item .over-flex::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.popup-info .main .right-item .main-item1 {
height: 2rem;
overflow: auto;
}
.popup-info .main .right-item .main-item1::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup-info .main .right-item .main-item1::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.popup-info .main .right-item .main-item1::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.popup-info .main .right-item .main-item {
height: calc(100% - 2.11rem);
background: #0D3177;
padding: .1rem;
margin-top: .1rem;
}
.popup-info .main .right-item .main-item .item {
background: rgba(34, 77, 164, 0.9);
font-size: .16rem;
display: flex;
padding: .1rem .12rem;
margin-bottom: .1rem;
}
.popup-info .main .right-item .main-item .item:last-child {
margin-bottom: 0;
}
.popup-info .main .right-item .main-item .item .value {
width: 2.3rem;
color: #C0D3E6;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.popup-info .main .right-item .main-item .item .imgArr {
width: calc(100% - 2.3rem);
display: flex;
align-items: center;
overflow: auto;
}
.popup-info .main .right-item .main-item .item .imgArr::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup-info .main .right-item .main-item .item .imgArr::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.popup-info .main .right-item .main-item .item .imgArr::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.popup-info .main .right-item .main-item .item .imgArr img {
width: auto;
cursor: pointer;
height: 1.2rem;
margin-right: .1rem;
}
.popup-info .main .right-item .main-item .ma-i {
width: 100%;
height: 100%;
overflow: auto;
}
.popup-info .main .right-item .main-item .ma-i::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup-info .main .right-item .main-item .ma-i::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.popup-info .main .right-item .main-item .ma-i::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.popup-info .main .right-item .name-item {
background: #3069F4;
height: .5rem;
color: #fff;
font-size: .18rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: .1rem;
}
.popup-info .main .right-item .info-item {
height: calc(100% - 1.01rem);
background: #0D3177;
}
.popup-info .main .right-item .info-item .desc {
height: .5rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: .18rem;
color: #fff;
padding: 0 .2rem;
}
.popup-info .main .right-item .info-item .bw-item {
height: calc(100% - .9rem);
border: 0.01rem solid rgba(68, 109, 193, 0.8);
border-width: .01rem 0;
overflow: auto;
padding: 0 .1rem .2rem;
}
.popup-info .main .right-item .info-item .bw-item::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.popup-info .main .right-item .info-item .bw-item::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.popup-info .main .right-item .info-item .bw-item::-webkit-scrollbar-track {
background: rgba(42, 93, 197, 0.3);
border-radius: 8px;
}
.popup-info .main .right-item .info-item .bw-item .item {
position: relative;
background: #0D3177;
border: .01rem solid #90A1B1;
font-size: .18rem;
color: #C0D3E6;
height: .8rem;
width: calc(25% - .2rem);
margin: .2rem .1rem 0;
display: flex;
align-items: center;
justify-content: center;
float: left;
cursor: pointer;
}
.popup-info .main .right-item .info-item .bw-item .item:hover {
background: rgba(42, 210, 255, 0.2);
border: .02rem solid #2AD2FF;
color: #2AD2FF;
}
.popup-info .main .right-item .info-item .bw-item .item:hover .hoverInfo {
display: block;
}
.popup-info .main .right-item .info-item .bw-item .active {
background: rgba(249, 3, 3, 0.2);
border: .01rem solid #6B1F49;
color: #E7555C;
}
.popup-info .main .right-item .info-item .sub-desc {
height: .4rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: .14rem;
color: #C0D3E6;
padding: 0 .2rem;
}
.popup-info .main .right-item2 {
display: flex;
flex-direction: column;
}
.popup-info .hoverInfo {
position: fixed;
background: rgba(0, 0, 0, 0.7);
padding: .1rem 0 0;
width: calc(.6rem * 4 + .1rem);
padding-right: .1rem;
z-index: 9;
}
.popup-info .hoverInfo div {
color: #C0D3E6;
font-size: .16rem;
margin-left: .1rem;
display: flex;
align-items: center;
justify-content: center;
background: rgba(192, 211, 230, 0.1);
border: 1px solid #C0D3E6;
width: .5rem;
height: .4rem;
float: left;
margin-bottom: .1rem;
}
.layui-layer-content {
height: calc(100% - 42px) !important;
}
.swiper {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 999999999999;
}
.swiper .mask {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.swiper .main {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 12rem;
height: 65%;
}
.swiper .main .swiper-container {
height: 100%;
}
.swiper .main .swiper-container img {
height: 100%;
}
.swiper .main .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.swiper .close {
position: absolute;
right: 0;
top: 0;
z-index: 99;
cursor: pointer;
}
.swiper .close img {
width: 0.25rem;
height: 0.25rem;
}
static/css/scss/gjjc.scss 0 → 100644
View file @ bbc85bfb
@import 'theme.scss';
.container{
.content{
.content-bg{
position: absolute;
}
.content-bg-zuo{
left: 0;
top: 0;
width: 4.5rem;
height: 100%;
}
.map{
.info-item{
cursor: pointer;
padding: 12px 27px 10px 12px;
}
.bottom-center .amap-info-sharp{
border-top-color: rgba(0, 0, 0, 0.6);
}
}
.left-item{
position: absolute;
width: 3.82rem;
left: .1rem;
height: 100%;
z-index: 9;
.top-item{
height: .7rem;
margin-top: .12rem;
@include V-center;
justify-content: space-between;
.flex-item{
@include H-V-center;
height: 100%;
color: #C6D5E4;
font-size: .12rem;
background: rgba(42, 93, 197, .6);
width: 100%;
.item{
text-align: center;
width: 33.33%;
border-left: $border rgba(255, 255, 255, .2);
&:first-child{
border-left: 0;
}
.number{
font-size: .22rem;
}
}
}
}
.bottom-item{
height: calc(100% - .9rem);
.head-item{
color: #3FD9FF;
font-size: .14rem;
@include V-center;
justify-content: space-between;
padding: .23rem 0 .1rem 0;
.search-item{
position: relative;
width: 50%;
@include V-center;
justify-content: flex-end;
.icon{
width: .5rem;
height: .3rem;
@include H-V-center;
cursor: pointer;
img{
width: auto;
height: 75%;
}
}
.input{
border-radius: .12rem;
border: $border #46A6D8;
background: transparent;
height: .3rem;
width: 100%;
color: #C0D3E6;
padding: 0 .1rem;
text-align: left;
}
.icon_font{
color: rgba(255, 255, 255, .7);
font-size: .14rem;
cursor: pointer;
position: absolute;
right: .1rem;
}
}
}
.head-item2{
padding-top: 0;
.search-item{
width: 100%;
}
.input{
text-align: left !important;
padding: 0 .3rem 0 .1rem !important;
}
}
.info-item{
height: calc(100% - .7rem);
overflow: auto;
@include scrollbar;
.panel-item{
margin-bottom: .1rem;
.panel-head{
background: rgba(42, 93, 197, 0.6);
color: #3FD9FF;
font-size: .14rem;
@include V-center;
justify-content: space-between;
padding: .1rem;
}
.panel-info{
.active{
background: #3069F4 !important;
}
.info-item{
color: #C0D3E6;
font-size: .14rem;
margin-bottom: .1rem;
.headHover{
// &:hover{
.icon2{
img{
transform: rotate(180deg);
}
}
// }
}
.item-head{
background: rgba(22,65,152,0.6);
padding: .11rem .03rem .11rem .06rem;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
border-top: .01rem solid rgba(68,109,193,0.8);
.flex-item{
display: flex;
align-items: center;
.icon{
position: relative;
margin: 0 .1rem;
img{
width: .19rem;
height: .19rem;
}
}
.showTip{
&::after{
content: '';
width: .07rem;
height: .07rem;
background: #E7555C;
border-radius: 50%;
position: absolute;
top: -.06rem;
right: -.06rem;
}
}
.icon2{
img{
width: .15rem;
height: .15rem;
transition: transform 0.5s, top 0.5s;
}
}
.number{
display: flex;
align-items: flex-end;
font-size: .12rem;
line-height: .16rem;
p{
font-size: .16rem;
}
span{
color: #00FFA2;
}
}
}
}
.item-main{
.flex-item{
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(22,65,152,0.3);
padding: .13rem;
border-top: .01rem solid rgba(68,109,193,0.8);
.green{
color: #00FFA2;
}
.red{
color: #E7555C;
}
.desc{
white-space: nowrap;
}
}
}
// .time-item{
// padding: .11rem;
// color: #3FD9FF;
// background: rgba(14,56,141,0.6);
// div:last-child{
// margin-top: .11rem;
// }
// }
}
}
}
}
}
}
.map-legend{
position: absolute;
bottom: .2rem;
left: 50%;
transform: translateX(-50%);
background: rgba(22,65,152,0.6);
color: #fff;
font-size: .14rem;
display: flex;
align-items: center;
div{
display: flex;
align-items: center;
padding: .13rem .25rem;
border-right: .01rem solid rgba(68,109,193,0.8);
&:last-child{
border-right: 0;
}
}
img{
width: .2rem;
height: .2rem;
margin-right: .13rem;
}
}
}
}
.popup-info{
width: 100%;
height: 100%;
background: #1E499B;
padding: .1rem;
padding: 0 .1rem .1rem;
.blue{
color: #3FD9FF;
}
.red{
color: #E7555C;
}
.green{
color: #00FFA2;
}
.head{
height: .7rem;
display: flex;
align-items: center;
justify-content: center;
color: #C0D3E6;
font-size: .18rem;
}
.main{
display: flex;
height: calc(100% - .7rem);
.left-item{
width: 3.8rem;
background: #113780;
overflow: auto;
@include scrollbar;
.info-item{
color: #C0D3E6;
font-size: .14rem;
border-bottom: .04rem solid #1E499B;
.headHover{
// &:hover{
.icon2{
img{
transform: rotate(180deg);
}
}
// }
}
.item-head{
color: #fff;
background: #0D3177;
padding: .11rem .03rem .11rem .06rem;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
.flex-item{
display: flex;
align-items: center;
.icon{
position: relative;
margin: 0 .1rem;
img{
width: .19rem;
height: .19rem;
}
}
.showTip{
&::after{
content: '';
width: .07rem;
height: .07rem;
background: #E7555C;
border-radius: 50%;
position: absolute;
top: -.06rem;
right: -.06rem;
}
}
.icon2{
img{
width: .15rem;
height: .15rem;
transition: transform 0.5s, top 0.5s;
}
}
.number{
display: flex;
align-items: flex-end;
font-size: .12rem;
line-height: .16rem;
p{
font-size: .16rem;
}
span{
color: #00FFA2;
}
}
}
}
.item-tab{
display: flex;
align-items: center;
justify-content: space-evenly;
padding: 0 .05rem .1rem;
background: #0D3177;
div{
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #90A1B1;
height: .3rem;
flex: 1;
margin: 0 .05rem;
}
}
.item-main{
background: #113780;
.flex-item{
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(22,65,152,0.3);
padding: .13rem;
border-top: .01rem solid rgba(68,109,193,0.8);
&:nth-child(1){
border-top: 0;
}
}
.active{
background: #3069F4;
}
}
}
.active{
.item-head,
.item-tab{
background: #3069F4;
}
}
}
.right-item{
width: calc(100% - 3.8rem);
margin-left: .1rem;
.flex-item{
display: flex;
align-items: center;
padding: 0 .13rem;
color: #C0D3E6;
background: #0D3177;
margin-bottom: .01rem;
font-size: .14rem;
min-height: 0.4rem;
padding: 0.05rem .1rem;
.value{
width: 50%;
}
.box{
background: rgba(34, 77, 164, .9);
height: 92%;
display: flex;
align-items: center;
margin-right: .1rem;
padding: 0 .05rem;
.img{
height: 100%;
width: .7rem;
display: flex;
align-items: center;
justify-content: center;
img{
height: 90%;
}
}
.item{
padding: 0 .1rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
&>div{
word-break: keep-all;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: space-between;
}
.type{
color: #fff;
.blue{
font-size: .16rem;
}
}
}
}
}
.flex-item2 {
height: 1.15rem;
}
.over-flex{
overflow: auto;
@include scrollbar;
}
.main-item1{
height: 2rem;
overflow: auto;
@include scrollbar;
}
.main-item{
height: calc(100% - 2.11rem);
background: #0D3177;
padding: .1rem;
margin-top: .1rem;
.item{
background: rgba(34, 77, 164, .9);
font-size: .16rem;
display: flex;
padding: .1rem .12rem;
margin-bottom: .1rem;
&:last-child{
margin-bottom: 0;
}
.value{
width: 2.3rem;
color: #C0D3E6;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.imgArr{
width: calc(100% - 2.3rem);
display: flex;
align-items: center;
overflow: auto;
@include scrollbar;
img{
width: auto;
cursor: pointer;
height: 1.2rem;
margin-right: .1rem;
}
}
}
.ma-i{
width: 100%;
height: 100%;
overflow: auto;
@include scrollbar;
}
}
.name-item{
background: #3069F4;
height: .5rem;
color: #fff;
font-size: .18rem;
display: flex;
align-items: center;
justify-content: center;
margin-top: .1rem;
}
.info-item{
height: calc(100% - 1.01rem);
background: #0D3177;
.desc{
height: .5rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: .18rem;
color: #fff;
padding: 0 .2rem;
}
.bw-item{
height: calc(100% - .9rem);
border: .01rem solid rgba(68,109,193,0.8);
border-width: .01rem 0;
overflow: auto;
padding: 0 .1rem .2rem;
@include scrollbar;
.item{
position: relative;
background: #0D3177;
border: .01rem solid #90A1B1;
font-size: .18rem;
color: #C0D3E6;
height: .8rem;
width: calc(25% - .2rem);
margin: .2rem .1rem 0;
display: flex;
align-items: center;
justify-content: center;
float: left;
cursor: pointer;
&:hover{
background: rgba(42,210,255,0.2);
border: .02rem solid #2AD2FF;
color: #2AD2FF;
.hoverInfo{
display: block;
}
}
}
.active{
background: rgba(249,3,3,0.2);
border: .01rem solid #6B1F49;
color: #E7555C;
}
}
.sub-desc{
height: .4rem;
display: flex;
align-items: center;
justify-content: space-between;
font-size: .14rem;
color: #C0D3E6;
padding: 0 .2rem;
}
}
}
.right-item2{
display: flex;
flex-direction: column;
}
}
.hoverInfo{
position: fixed;
background: rgba(0,0,0,0.7);
padding: .1rem 0 0;
width: calc(.6rem * 4 + .1rem);
padding-right: .1rem;
z-index: 9;
div{
color: #C0D3E6;
font-size: .16rem;
margin-left: .1rem;
display: flex;
align-items: center;
justify-content: center;
background: rgba(192,211,230,0.1);
border: 1px solid #C0D3E6;
width: .5rem;
height: .4rem;
float: left;
margin-bottom: .1rem;
}
}
}
.layui-layer-content{
height: calc(100% - 42px) !important;
}
.swiper{
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 999999999999;
.mask{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
cursor: pointer;
}
.main{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 12rem;
height: 65%;
.swiper-container{
height: 100%;
img{
height: 100%;
}
}
.swiper-slide{
display: flex;
align-items: center;
justify-content: center;
}
}
.close{
position: absolute;
right: 0;
top: 0;
z-index: 99;
cursor: pointer;
img{
width: 0.25rem;
height: 0.25rem;
}
}
}
\ No newline at end of file
static/js/gjjc.js 0 → 100644
View file @ bbc85bfb
var laydateObj;
var taskList = {
data: [],
init: function () {
this.getData();
},
getData: function () {
let _this = this;
$.ajax({
url: baseURL_gjjc + "GetTaskList.ashx",
type: "post",
dataType: "json",
data: {
keywords: $("#rw-keywords").val(),
// date: $("#rw-date").val(),
page: 1,
limit: 100
},
success: function (data) {
if (data.data && data.data.length > 0) {
_this.data = data.data;
_this.setData(data.data);
map.getMap(data.data);
} else {
map.getMap([]);
$("#rwList").html('<div class="noData">暂无数据</div>');
}
},
error: function (jqXHR) {
map.getMap([]);
$("#rwList").html('<div class="noData">暂无数据</div>');
console.log("发生错误：" + jqXHR.status);
}
})
},
setData: function (data) {
var str = '';
for (var i = 0; i < data.length; i++) {
var item = data[i];
str += `
<div class="panel-item">
<div class="panel-head">${item.project_no ? '【' + item.project_no + '】' : ''}${item.project_name}</div>
<div class="panel-info">
`;
for (var j = 0; j < item.task_list.length; j++) {
var item2 = item.task_list[j];
str += `
<div class="info-item">
<div id="rwInfo-${i}-${j}">
<div class="item-head" onclick="listClick('rwInfo-${i}-${j}')" data-mapx="${item2.mapx}" data-mapy="${item2.mapy}" data-index="${i}">
<div class="flex-item">
<div class="icon ${item2.abnormal_count > 0 ? 'showTip' : ''}"><img src="../static/images/icon_rwd.png"/></div>
任务单：${item2.task_no}
</div>
<div class="flex-item">
<div class="number"><p><span>${item2.test_count}</span>&nbsp;/</p>&nbsp;${item2.total_count}</div>
<div class="icon icon2"><img src="../static/images/jiantou.png"/></div>
</div>
</div>
<div class="item-main hidden">
${item2.sample_list.map((item3) => {
return (`<div class="flex-item"><p>${item3.sample_name}</p><p class="desc ${item3.test_status == 1 ? 'green' : item3.test_status == 2 ? 'red' : ''}">${item3.test_status_str}</p></div>`); //0未检测 1已检测 2强度不达标
}).join('')
}
</div>
</div>
</div>
`;
}
str += `
</div>
</div>
`;
}
$("#rwList").html(str);
},
// prevDate() {
// $("#rw-date").val(getNextDate(($("#rw-date").val()), -1));
// laydateObj.config.value = getNextDate(($("#rw-date").val(), new Date()), -1);
// this.getData();
// },
// nextDate() {
// $("#rw-date").val(getNextDate(($("#rw-date").val()), 1));
// laydateObj.config.value = getNextDate(($("#rw-date").val(), new Date()), 1);
// this.getData();
// }
}
$("#rw-keywords").keydown(function (event) {
if (event.keyCode == 13) {
taskList.getData();
}
});
var testCount = {
init: function () {
this.getData();
},
getData: function () {
let _this = this;
$.ajax({
url: baseURL_gjjc + "GetTestCount.ashx",
type: "post",
dataType: "json",
success: function (data) {
if (data.data && data.data.length > 0) {
_this.setData(data.data);
} else {
$("#gczs").html('0');
$("#jrzj").html('0');
$("#yjc").html('0');
}
},
error: function (jqXHR) {
$("#gczs").html('0');
$("#jrzj").html('0');
$("#yjc").html('0');
console.log("发生错误：" + jqXHR.status);
}
})
},
setData: function (data) {
console.log(data)
$("#gczs").html(data[0].project_count);
$("#jrzj").html(data[0].today_project_count);
$("#yjc").html(data[0].today_test_count);
}
}
var map = {
getMap: function (data) {
var options = {
subdistrict: 0,
extensions: 'all',
level: 'province'
};
var district = new AMap.DistrictSearch(options);
district.search('浙江省', function (status, result) {
var bounds = result.districtList[0]['boundaries'];
var mask = [];
for (var i = 0; i < bounds.length; i++) {
mask.push([bounds[i]]);
}
var map = new AMap.Map("map", {
mask: mask,
expandZoomRange: true,
zoom: 7,
zooms: [5, 20],
mapStyle: 'amap://styles/d3ce37d9fe39b7cc5f08f48af52802a2',
resizeEnable: true,
viewMode: '3D',
showLabel: true
});
var district = null;
var polygons = [];
function drawBounds() {
if (!district) {
var opts = {
subdistrict: 0,
extensions: 'all',
level: 'district'
};
district = new AMap.DistrictSearch(opts);
}
//行政区查询
district.setLevel('district')
// district.search($("#area").html(), function(status, result) {
district.search('杭州市', function (status, result) {
map.remove(polygons)//清除上次结果
polygons = [];
var bounds = result.districtList[0].boundaries;
if (bounds) {
for (var i = 0, l = bounds.length; i < l; i++) {
var polygon = new AMap.Polygon({
strokeWeight: 1,
path: bounds[i],
fillOpacity: 0.4,
fillColor: '#80d8ff',
strokeColor: '#0091ea'
});
polygons.push(polygon);
}
}
map.add(polygons)
map.setFitView(polygons);//视口自适应
});
}
drawBounds();
var infoWindow = new AMap.InfoWindow({
offset: new AMap.Pixel(0, -30)
});
if (data && data.length > 0) {
for (var i = 0; i < data.length; i++) {
for (let y = 0; y < data[i].task_list.length; y++) {
let item2 = data[i].task_list[y]
var img = 'icon_hui.png';
/**
* is_today == 0 ----- 非今日
* is_today == 1 ----- 今日在检
*/
if (item2.is_today == 1) {
img = 'icon_lv.png';
} else{
img = 'icon_hui.png';
}
var marker = new AMap.Marker({
position: [item2.mapx, item2.mapy],
icon: new AMap.Icon({
size: new AMap.Size(28, 28),
image: '../static/images/' + img
}),
map: map
});
marker.content = `<p class="info-item" onclick="detail.getData('${data[i].project_id}')">${data[i].project_name}</p>`;
marker.on('mouseover', infoOpen);
marker.on('click', newMAp);
}
}
map.setZoomAndCenter(7, [Number(data[0].task_list[0].mapx), Number(data[0].task_list[0].mapy)]);
}
function newMAp(e) {
var infoWindow = new AMap.InfoWindow({
offset: new AMap.Pixel(0, -30)
});
infoWindow.setContent(e.target.content);
infoWindow.open(map, e.target.getPosition());
}
function infoOpen(e) {
infoWindow.setContent(e.target.content);
infoWindow.open(map, e.target.getPosition());
}
$("#rwList .item-head").click(function () {
var mapx = $(this).attr('data-mapx');
var mapy = $(this).attr('data-mapy');
var index = Number($(this).attr('data-index'));
var item = taskList.data[index];
if (mapx && mapy) {
map.setZoomAndCenter(12, [Number(mapx), Number(mapy)]);
infoWindow.setContent(`<p class="info-item" onclick="detail.getData('${item.project_id}')">${item.project_name}</p>`);
infoWindow.open(map, { Q: Number(mapy), R: Number(mapx), lat: Number(mapy), lng: Number(mapx) });
}
})
map.setMapStyle('amap://styles/d3ce37d9fe39b7cc5f08f48af52802a2');
})
},
}
var detail = {
data: [],
ysjl_list: [],
getData: function (project_id) {
let _this = this;
$.ajax({
url: baseURL_gjjc + "GetTaskInfo.ashx",
type: "post",
dataType: "json",
data: {
project_id
},
success: function (data) {
if (data.data && data.data.length > 0) {
_this.setLeftData(data.data);
} else {
$("#subrwList").html('<div class="noData">暂无数据</div>');
}
},
error: function (jqXHR) {
$("#subrwList").html('<div class="noData">暂无数据</div>');
console.log("发生错误：" + jqXHR.status);
}
})
},
setLeftData: function (data) {
this.data = data;
var str = '';
for (var i = 0; i < data.length; i++) {
var item = data[i];
str += `
<div class="info-item">
<div id="subrwInfo-${i}">
<div class="item-head" onclick="detail.setRightData('${i}', 'subrwInfo-${i}')">
<div class="flex-item">
<div class="icon ${item.abnormal_count > 0 ? 'showTip' : ''}"><img src="../static/images/icon_rwd.png"/></div>
任务单：${item.task_no}
</div>
<div class="flex-item">
<div class="icon icon2"><img src="../static/images/jiantou.png"/></div>
</div>
</div>
<div class="item-tab"><div>已检测：${item.test_count}</div><div>强度不达标：${item.abnormal_count}</div><div>未检测：${item.untest_count}</div></div>
<div class="item-main hidden">
${item.sample_list.map((item2, index2) => {
return (`<div class="flex-item" onclick="detail.getsubRightData('${item2.sample_id}', '${i}','${index2}')"><p>${item2.sample_name}</p><p class="desc ${item2.test_status == 1 ? 'green' : item2.test_status == 2 ? 'red' : ''}">${item2.test_status_str}</p></div>`); //0未检测 1已检测 2强度不达标
}).join('')
}
</div>
</div>
</div>
`;
}
$("#popup-info .left-item").html(str);
this.setRightData(0, 'subrwInfo-0');
this.showPopup();
},
setRightData(index, id) {
sublistClick(id);
var item = this.data[index];
$("#subrwList .info-item").removeClass("active");
$("#subrwList .flex-item").removeClass("active");
$("#popup-info .info-item:nth-child(" + (index + 1) + ")").addClass("active");
$("#popup-info .head").html(`${item.project_no ? '【' + item.project_no + '】' : ''}${item.project_name}`);
$("#popup-info .right-item1").html(`
<div class="main-item1">
<div class="flex-item"><div class="value">任务单号：${item.task_no}</div><div class="value">检测单位：${item.customer_name}</div></div>
<div class="flex-item"><div class="value">开始时间：${item.test_begin_datetime}</div><div class="value">最近数据上传：${item.test_end_datetime}</div></div>
${item.report_file && `<div class="flex-item"><div class="value">回弹文件：<a href="${item.report_file}" style="color:#C0D3E6">点击查看</a></div></div>`
}
<div class="flex-item flex-item2 over-flex">
${item.faceimg_list&&item.faceimg_list.length>0 ? item.faceimg_list.map((item2) => {
return (`
<div class="box">
<div class="img">
<img src="${item2.image_url}" />
</div>
<div class="item">
<div class="type"><p class="name">人脸识别</p><p>${item2.op_name}</p></div>
<div class="time">${item2.datatime}</div>
</div>
</div>
`);
}).join('')
: '' }
</div>
</div>
<div class="main-item">
<div class="ma-i">
${item.flow_list.length > 0 ?
item.flow_list.map((item2, index2) => {
return (`
<div class="item">
<div class="value">
<div class="blue">第${index2 + 1}步 / ${item2.flowpath_no_str}</div>
<div>检测人员：${item2.op_name}</div>
<div>${item2.create_time}</div>
</div>
<div class="imgArr">
${item2.file_list.map((item3, index3) => {
return (`
<img src="${item3.file_path}" onclick="detail.imgView('${index}','${index2}','${index3}')"/>
`);
}).join('')
}
</div>
</div>
`);
}).join('')
: '<div class="noData">暂无数据</div>'
}
</div>
</div>
`);
$("#popup-info .right-item2").addClass("hiddenImportant");
$("#popup-info .right-item1").removeClass("hiddenImportant");
},
getsubRightData(sample_id, index, index2) {
console.log(sample_id, index, index2);
let _this = this;
$.ajax({
url: baseURL_gjjc + "GetPartInfo.ashx",
type: "post",
dataType: "json",
data: {
sample_id
},
success: function (data) {
if (data.data) {
_this.setsubRightData(index, index2, data.data);
} else {
// $("#subrwList").html('<div class="noData">暂无数据</div>');
}
},
error: function (jqXHR) {
// $("#subrwList").html('<div class="noData">暂无数据</div>');
console.log("发生错误：" + jqXHR.status);
}
})
},
setsubRightData(index, index2, data) {
console.log(index, index2);
console.log(data);
$("#subrwList .info-item").removeClass("active");
$("#subrwList .flex-item").removeClass("active");
$("#subrwList .info-item:nth-child(" + (index + 1) + ") .flex-item:nth-child(" + (index2 + 1) + ")").addClass("active");
$("#popup-info .right-item1").addClass("hiddenImportant");
$("#popup-info .right-item2").removeClass("hiddenImportant");
var item = data[0];
this.ysjl_list = item.ysjl_list;
$("#popup-info .right-item2").html(`
<div class="flex-item"><div class="value">任务单号：${item.task_no}</div><div class="value">检测单位：${item.customer_name}</div></div>
<div class="name-item">${item.sample_name}</div>
<div class="info-item">
<div class="desc"><p>设计强度：${item.sjqd}</p><p>强度推定值MPa：${item.tdz} / <span class="${item.test_status == 1 ? 'green' : item.test_status == 2 ? 'red' : ''}">${item.test_status_str}</span></p></div>
<div class="bw-item">
${item.ysjl_list.length > 0 ?
item.ysjl_list.map((item2, index2) => {
return (`
<div class="item" onmouseover="mouseover(${index2}, event)" onmouseout="mouseout()">${item2.jc_data21}</div>
`);
}).join('')
: '<div class="noData">暂无数据</div>'
}
</div>
<div class="sub-desc"><p>检测人员：${item.op_name || '/'}</p><p>检测时间：${item.test_datetime || '/'}</p><p>检测设备：${item.equ_no || '/'}</p></div>
</div>
`);
},
showPopup: function () {
layer.open({
type: 1,
shadeClose: true,
maxmin: true,
title: "<p class='popup-title'>工程回弹数据详情</p>",
area: ['13rem', '75%'],
content: $('#popup-info'),
end: function () {
$("#popup-info").css('display', 'none');
}
});
},
imgView(index, index2, index3) {
var arr = this.data[index].flow_list[index2].file_list;
$("#swiper .swiper-wrapper").html("");
$("#swiper").removeClass("hidden");
for (var i = 0; i < arr.length; i++) {
$("#swiper .swiper-wrapper").append('<div class="swiper-slide"><img src="' + arr[i].file_path + '" /></div>');
}
var mySwiper = new Swiper('.swiper-container', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
observer: true,
observeParents: true,
initialSlide: index3
});
},
swiperHide() {
$("#swiper").addClass("hidden");
}
}
function mouseover(index, e) {
var arr = [];
for (i in detail.ysjl_list[index]) {
if (i != 'jc_data21' && i != 'test_status') {
arr.push(detail.ysjl_list[index][i]);
}
}
$("#hoverInfo").html(`
${arr.map(item2 => {
return (`
<div>${item2}</div>
`);
}).join('')
}
`);
setTimeout(() => {
var divW = $("#hoverInfo").width();
var screenW = $(window).width();
if (e.clientX + divW > screenW) {
$("#hoverInfo").css("left", 'auto').css("right", 0).css("top", e.clientY + 10 + 'px').removeClass("hidden");
} else {
$("#hoverInfo").css("left", e.clientX + 10 + 'px').css("right", 'auto').css("top", e.clientY + 10 + 'px').removeClass("hidden");
}
}, 50);
}
function mouseout() {
setTimeout(() => {
$("#hoverInfo").addClass("hidden").css("left", 0).css("right", 0).css("top", 0);
}, 50);
}
function listClick(id) {
var flag = $("#" + id + " .item-main").hasClass("hidden");
$("#rwList .item-head").removeClass("active");
$("#" + id + " .item-head").addClass("active");
if (flag) {
$("#rwList .item-main").addClass("hidden");
$("#rwList .item-head").removeClass("headHover");
$("#" + id + " .item-head").addClass("headHover");
$("#" + id + " .item-main").removeClass("hidden");
} else {
$("#rwList .item-head").removeClass("headHover");
$("#rwList .item-main").addClass("hidden");
}
}
function sublistClick(id) {
var flag = $("#" + id + " .item-main").hasClass("hidden");
if (flag) {
$("#subrwList .item-main").addClass("hidden");
$("#subrwList .item-head").removeClass("headHover");
$("#" + id + " .item-head").addClass("headHover");
$("#" + id + " .item-main").removeClass("hidden");
} else {
$("#subrwList .item-head").removeClass("headHover");
$("#subrwList .item-main").addClass("hidden");
}
}
init();
function init() {
getHeader();
// layui.use(['layer', 'laydate'], function () {
// var laydate = layui.laydate;
// laydateObj = laydate.render({
// elem: '#rw-date'
// , value: getNextDate(dateFormat('YYYY-mm-dd', new Date()), 0)
// , done: function () {
// taskList.init();
// }
// });
// })
taskList.init();
testCount.init();
}
\ No newline at end of file
static/js/htjc.js
View file @ bbc85bfb
......@@ -324,7 +324,7 @@ var detail = {
${item.report_file && `<div class="flex-item"><div class="value">回弹文件：<a href="${item.report_file}" style="color:#C0D3E6">点击查看</a></div></div>`
}
<div class="flex-item flex-item2 over-flex">
${item.faceimg_list.map((item2) => {
${item.faceimg_list&&item.faceimg_list.length>0 ? item.faceimg_list.map((item2) => {
return (`
<div class="box">
<div class="img">
......@@ -337,7 +337,7 @@ var detail = {
</div>
`);
}).join('')
}
: '' }
</div>
</div>
<div class="main-item">
......
static/js/public.js
View file @ bbc85bfb
......@@ -76,6 +76,10 @@ function getHeader() {
<p class="tab-item" id="htjc-item"><a href='/screen/pages/htjc.html'>回弹检测</a></p>
<span class="icon_font icon-vertical_line"></span>
</div>
<div class="sub-tab hiddenImportant">
<p class="tab-item" id="gjjc-item"><a href='/screen/pages/gjjc.html'>钢筋检测</a></p>
<span class="icon_font icon-vertical_line"></span>
</div>
</div>
<div class="back-item" onclick="back()">后台管理</div>
<div class="user-info">
......@@ -89,7 +93,7 @@ function getHeader() {
function getHeaderInfo() {
$.ajax({
url: "/Ajax/Screen/GetHeaderInfo.ashx",
url: "https://jtjc.vnet1000.net/Ajax/Screen/GetHeaderInfo.ashx",
type: "get",
dataType: "json",
success: function (data) {
......@@ -167,7 +171,8 @@ const imgURL = '/';
const baseURL = '/Ajax/Screen/Pile/';
const baseURL_xcjc = '/Ajax/Screen/XCJC/';
const baseURL_jzjc = '/Ajax/Screen/JZJC/';
const baseURL_htjc = '/Ajax/Screen/HTJC/';
const baseURL_htjc = 'https://jtjc.vnet1000.net/Ajax/Screen/HTJC/';
const baseURL_gjjc = 'https://jtjc.vnet1000.net/Ajax/Screen/GJBHC/';
const baseURL_Utility = '/Ajax/Screen/Utility/';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment