Skip to content

G
gk
Commit a881ed79 authored by yangshuxing's avatar yangshuxing
Browse files
Options

bug修改

parent 8c2053ec
Hide whitespace changes
Inline Side-by-side
Showing with 523 additions and 348 deletions
src/main/java/com/dlbridge/jadp/plugins/score/bean/CheckPoint.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.bean;
import lombok.Data;
@Data
public class CheckPoint {
private int id;
private String markNo;
private int cmptId;
private int duration;
private String createTime;
private int cpid;
//提交成绩，扫描打卡，自动打卡
private int type;
private int isDelete;
private String updateTime;
}
src/main/java/com/dlbridge/jadp/plugins/score/bean/RankVo.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.bean;
public class RankVo {
}
src/main/java/com/dlbridge/jadp/plugins/score/service/AbstractScoreRank.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service;
import com.dlbridge.jadp.plugins.score.bean.RankVo;
import java.util.List;
public class AbstractScoreRank implements IScoreRank{
IScoreService scoreService;
@Override
public List<RankVo> buildScoreRank(int cmptId) {
// 获取当前赛事的成绩规则
IScoreRule rule = null;
//rule.buildScore();
return null;
}
}
src/main/java/com/dlbridge/jadp/plugins/score/service/IScoreRank.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service;
import com.dlbridge.jadp.plugins.score.bean.RankVo;
import java.util.List;
public interface IScoreRank {
List<RankVo> buildScoreRank(int cmptId);
}
src/main/java/com/dlbridge/jadp/plugins/score/service/IScoreRule.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service;
import com.dlbridge.jadp.plugins.score.bean.ScoreRule;
public interface IScoreRule {
ScoreRule getScoreRuleByCmptId(int cmpId);
}
src/main/java/com/dlbridge/jadp/plugins/score/service/IScoreService.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service;
public interface IScoreService {
}
src/main/java/com/dlbridge/jadp/plugins/score/service/impl/BestOfMultiScoreRule.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service.impl;
public class BestOfMultiScoreRule {
}
src/main/java/com/dlbridge/jadp/plugins/score/service/impl/SingleScoreRule.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service.impl;
import com.dlbridge.jadp.plugins.score.bean.ScoreRule;
import com.dlbridge.jadp.plugins.score.service.IScoreRule;
import org.springframework.stereotype.Service;
/**
* 取第一条成绩
*
*/
@Service
public class SingleScoreRule implements IScoreRule {
@Override
public ScoreRule getScoreRuleByCmptId(int cmpId) {
return null;
}
}
src/main/java/com/dlbridge/jadp/plugins/score/service/impl/SumOfMultiScoreRule.java 0 → 100644
View file @ a881ed79
package com.dlbridge.jadp.plugins.score.service.impl;
public class SumOfMultiScoreRule {
}
src/main/webapp/WEB-INF/views/cmpt/road.jsp
View file @ a881ed79
......@@ -101,6 +101,25 @@
</div>
<div id="map" class="map"></div>
<div class="map-data">
<div class="flex" style="justify-content: space-between">
<label class="marker-label">标准列表</label>
<div class="flex" style="align-items: center">
<span class="cancel">取消</span>
<span class="save">保存</span>
<span class="edit">编辑</span>
</div>
</div>
<div class="markers">
<label for="" class="marker-name"></label>
<span class="marker-tip">用作计时点</span>
</div>
<div class="markers-edit">
<span style="font-size: 12px;color: rgba(153,153,153,1);display: inline-block; width: 100%; text-align: right;">用作<br/>计时点</span>
</div>
</div>
</div>
......@@ -108,6 +127,5 @@
</div>
</body>
<script type="text/javascript" src="${ctxStatic}/js/road.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/road-new.js"></script>
</html>
src/main/webapp/WEB-INF/views/cmpt/scan.jsp
View file @ a881ed79
......@@ -34,122 +34,55 @@
<link rel="stylesheet" href="${ctxStatic}/layer/skin/layer.css">
<link rel="stylesheet" href="/static/cmpt/score.css?<%=System.currentTimeMillis()%>">
<style>
.data{
width: 100%;
margin: 20px 0px;
background: #FFFFFF;
position: relative;
}
.title{
width: 192px;
height: 33px;
font-size: 24px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: rgba(51,51,51,1);
line-height: 33px;
}
.road-name{
font-size: 20px;
color: #999999;
line-height: 65px;
padding: 0px 27px;
cursor: pointer;
height: 65px;
border-radius: 0px 4px 0px 0px;
border: 1px solid rgba(229,229,229,1);
position: relative;
min-width: 170px;
text-align: center;
}
.road-name.active{
color: #ce3939;
border-bottom: 1px solid white;
}
table{
width: 96%;
padding: 0px 2%;
}
table thead th{
padding-left: 26px;
}
table thead th td{
font-size: 12px;
color: #f3f3f3;
}
table tbody tr{
background: rgba(250,250,250,1);
width: 860px;
height: 70px;
border-bottom: 5px solid white;
border-radius: 5px;
}
table tbody tr td{
padding-left: 26px;
}
.road{
display: flex;
border-bottom: 1px solid #f4f4f4;
}
.select-group{
position: relative;
width: 200px;
}
.select{
text-transform: none;
width: 200px;
height: 40px;
padding: 0px 5px;
border-radius: 4px;
background: rgba(250,250,250,1);
border: none;
outline: none;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
cursor: pointer;
}
.load{
width: 146px;
height: 40px;
background: rgba(206,57,57,1);
border-radius: 4px;
color: white;
display: inline-block;
line-height: 40px;
position: absolute;
right: 35px;
top: 72px;
text-align: center;
font-size: 18px;
cursor: pointer;
line-height: 70px;
padding: 0px 40px 0px 20px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.QRCodeDown{
width:146px;
height:40px;
border-radius:4px;
border:1px solid rgba(206,57,57,1);
font-size:16px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
.road-text{
width:93px;
height:28px;
font-size:20px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
line-height:28px;
}
.down{
width:105px;
height:21px;
font-size:15px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(206,57,57,1);
line-height:22px;
position: absolute;
cursor: pointer;
text-align: center;
padding-top: 8px;
right: 200px;
top: 72px;
}
.no-route-icon{
width: 16px;
height: 16px;
background: url("/static/images/warning.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
line-height:21px;
}
.noroute{
display: none;
position: absolute;
width: 140px;
.data label{
height: 22px;
font-size: 16px;
bottom: -32px;
height: 65px;
left: 50%;
margin-left: -69px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: rgba(153,153,153,1);
line-height: 22px;
margin: 10px 0px;
padding: 0px 20px;
}
</style>
</head>
......@@ -158,59 +91,17 @@
<div class="page-content d-flex align-items-stretch main-body">
<jsp:include page="../common/menu.jsp"></jsp:include>
<div class="rght">
<div class="title-new">
<span class="title">扫码打卡</span>
<div style="line-height: 22px">
<span class="road-notice"></span>
<span class="road-notice-txt">此功能仅适用于线下自助赛</span>
</div>
</div>
<div class="section">
<h3 class="title">设置打卡点</h3>
<div style="line-height: 22px">
<span class="road-notice"></span>
<span class="road-notice-txt">仅比赛日之前可修改；所有项目和打卡点设置源自计时设置</span>
</div>
<h3 class="title">打卡点二维码下载</h3>
<div class="data">
<div class="road">
<c:forEach var="item" items="${roads}" varStatus="idx">
<div class="road-name ${idx.index==0?'active':''}" road-id="${item.roadId}">
<input type="hidden" id="roadId" name="roadId" value="${item.roadId}">
<span>${item.name}</span>
</div>
</c:forEach>
</div>
<span class="QRCodeDown">下载全部二维码</span>
<span class="load">导入路线</span>
<div class="noroute">
<span class="no-route-icon"></span>
<span class="no-route">未检索到标记点</span>
</div>
<table>
<thead>
<tr>
<th style="width: 120px">打卡点</th><th style="width: 120px">路线标注</th><th>经纬度</th>
</tr>
</thead>
<tbody>
<%--
<tr>
<td>终点</td>
<td>
<div class="select-group">
<select name="" class="select">
<option value="">-- --</option>
<option value="">1</option>
</select>
<span class="down-arrow"></span>
</div>
</td>
<td>121.12193,39.1929182</td>
</tr>--%>
</tbody>
</table>
<label for="">项目</label>
<c:forEach var="item" items="${roads}" varStatus="idx">
<div class="road-name ${idx.index==0?'active':''}" road-id="${item.roadId}">
<input type="hidden" id="roadId" name="roadId" value="${item.roadId}">
<span class="road-text">${item.name}</span>
<span class="down QRCodeDown">下载全部二维码</span>
</div>
</c:forEach>
</div>
</div>
<div style="display: flex;justify-content: center; margin: 60px;">
......
src/main/webapp/WEB-INF/views/common/menu.jsp
View file @ a881ed79
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<style>
.menu-txt {
font-size: 20px;
font-size: 18px;
color: #333;
}
.menu-item.active {
ul{
text-decoration: none;
}
.menu-item.active,.menu-sub-item.active {
border-left: #ce3939;
border-left-width: 4px;
border-left-style: solid;
background: rgba(206, 57, 57, 0.1);
}
.menu-item.active > a > span.menu-txt {
.active span.menu-txt {
color: #ce3939;
font-weight: bold;
}
.menu-item.active > a > span.left-arrow {
background: url("/static/images/left_arrow_select.png");
.left-arrow {
background: url(/static/images/left_arrow.png) no-repeat;
width: 8px;
display: inline-block;
display: none;
height: 13px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
position: absolute;
left: 62px;
top: 20px;
}
.menu-item.active > a > span.menu-left-func {
vertical-align: middle;
background: url("/static/images/menu-func-select.png");
width: 26px;
display: inline-block;
height: 26px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.menu-item.active > a > span.menu-left-photo {
vertical-align: middle;
background: url("/static/images/menu-photo-select.png");
width: 30px;
.active .left-arrow{
display: inline-block;
height: 26px;
margin-bottom: 4px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background: url(/static/images/left_arrow_select.png) no-repeat;
background-size: contain;
}
nav.side-navbar {
margin-top: 32px;
}
.flex {
display: flex;
}
......@@ -66,6 +46,54 @@
.flex-column {
flex-direction: column;
}
.icon-xingxiang{
width: 32px;
height: 34px;
display: inline-block;
background: url(/static/images/manage/xingxiang.png) no-repeat center;
background-size: 50%;
position: absolute;
left: 45px;
top: 6px;
}
.icon-function{
width: 32px;
height: 32px;
display: inline-block;
background: url('/static/images/manage/function.png') no-repeat center;
background-size: 50%;
position: absolute;
left: 45px;
top: 6px;
}
.icon-base-setting{
width: 32px;
height: 32px;
display: inline-block;
background: url('/static/images/manage/base-setting.png') no-repeat center;
background-size: 50%;
position: absolute;
left: 45px;
top: 6px;
}
.menu-sub-item{
position: relative;
}
.arrow{
width: 24px;
height: 12px;
display: inline-block;
background: url('/static/images/manage/down-arrow.png') no-repeat center;
background-size: 50%;
position: absolute;
right: 45px;
top: 19px;
}
.menu-sub-item .menu-txt{
font-size:16px;
color: #999;
}
</style>
<input type="hidden" value="${cmpt.cmptId}" id="cmpt">
<input type="hidden" value="${uId}" id="uId">
......@@ -76,103 +104,115 @@
<ul class="list-unstyled" style="margin: 0px;height: 100%;">
<li class="main menu-item">
<a href="/gk/cmpt/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menu-left-photo"></span>
<span class="icon-xingxiang"></span>
<span class="menu-txt">形象管理</span>
</a>
</li>
<li class="cmptSetting menu-item">
<a href="/gk/cmpt/cmptSetting/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menu-left-func"></span>
<span class="menu-txt">功能管理</span>
</a>
</li>
<ul class="collapse list-unstyled show">
<li class="nameList menu-item">
<a href="/gk/cmpt/nameList/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">人脸签到</span>
</a>
</li>
<li class="manual menu-item">
<a href="/gk/cmpt/manual/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">赛事手册</span>
</a>
</li>
<li class="contact menu-item">
<a href="/gk/contact/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">联系救援</span>
</a>
</li>
<li class="route menu-item">
<a href="/gk/route/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">路线下载</span>
</a>
</li>
<li class="road menu-item">
<a href="/gk/road/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">路线导入</span>
</a>
</li>
<li class="equip menu-item">
<a href="/gk/equip/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">强制装备</span>
</a>
</li>
<li class="photo menu-item">
<a href="/gk/photo/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">相册设置</span>
<ul>
<li class="cmptSetting menu-item">
<a href="/gk/cmpt/cmptSetting/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="icon-function"></span>
<span class="menu-txt">功能管理</span>
<span class="arrow"></span>
</a>
</li>
<li class="news menu-item">
<a href="/gk/news/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">赛事公告</span>
</a>
</li>
<li class="banner menu-item">
<a href="/gk/banner/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">赛事广告</span>
</a>
</li>
<li class="score menu-item">
<a href="/gk/score/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">提交成绩</span>
</a>
</li>
<li class="auto menu-item">
<a href="/gk/auto/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">自动打卡</span>
</a>
</li>
<li class="scan menu-item">
<a href="/gk/scan/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">扫码打卡</span>
</a>
</li>
<li class="review menu-item">
<a href="/gk/review/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">成绩审核</span>
</a>
</li>
<li class="customer menu-item">
<a href="/gk/customer/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="menuico left-arrow"></span>
<span class="menu-txt">赛事客服</span>
<ul class="collapse list-unstyled show">
<li class="banner menu-sub-item">
<a href="/gk/banner/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">赛事广告</span>
</a>
</li>
<li class="news menu-item menu-sub-item ">
<a href="/gk/news/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">赛事公告</span>
</a>
</li>
<li class="manual menu-sub-item">
<a href="/gk/cmpt/manual/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">赛事手册</span>
</a>
</li>
<li class="contact menu-sub-item">
<a href="/gk/contact/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">联系救援</span>
</a>
</li>
<li class="equip menu-sub-item">
<a href="/gk/equip/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">强制装备</span>
</a>
</li>
<li class="score menu-sub-item">
<a href="/gk/score/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">提交成绩</span>
</a>
</li>
<li class="auto menu-sub-item">
<a href="/gk/auto/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">自动打卡</span>
</a>
</li>
<li class="scan menu-sub-item">
<a href="/gk/scan/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">扫码打卡</span>
</a>
</li>
<li class="review menu-sub-item">
<a href="/gk/review/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">成绩审核</span>
</a>
</li>
<li class="customer menu-sub-item">
<a href="/gk/customer/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">赛事客服</span>
</a>
</li>
</ul>
</li>
<ul>
<li class="base menu-item">
<a href="/gk/cmpt/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="icon-base-setting"></span>
<span class="menu-txt">基础设置</span>
<span class="arrow"></span>
</a>
</li>
</ul>
<ul>
<li class="route menu-sub-item">
<a href="/gk/route/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">路线下载</span>
</a>
</li>
<li class="road menu-sub-item">
<a href="/gk/road/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">路线导入</span>
</a>
</li>
<li class="photo menu-sub-item">
<a href="/gk/photo/index/${cmpt.cmptId}?uId=${uId}&cId=${cId}&timestamp=${timestamp}&sign=${sign}">
<span class="left-arrow"></span>
<span class="menu-txt">相册设置</span>
</a>
</li>
</ul>
</li>
</ul>
</nav>
<script>
......@@ -189,7 +229,8 @@
}
}
if (!done) {
document.getElementsByClassName('main')[0].classList.add('active');
var classList = document.getElementsByClassName('main')[0].classList;
classList.add('active');
}
function getCmptId() {
......@@ -211,51 +252,4 @@
function getSign() {
return document.getElementById("sign").value;
}
</script>
<style>
nav.side-navbar ul li li a {
display: flex;
align-items: center;
}
.menuico {
margin-right: 8px;
}
.left-arrow {
background: url("/static/images/left_arrow.png");
width: 8px;
margin-left: 10px;
margin-right: 20px;
display: inline-block;
height: 13px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.menu-left-photo {
vertical-align: middle;
margin-right: 8px;
background: url("/static/images/menu-photo-unselect.png");
width: 30px;
display: inline-block;
height: 26px;
margin-bottom: 4px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.menu-left-func {
vertical-align: middle;
margin-right: 8px;
background: url("/static/images/menu-func-unselect.png");
width: 26px;
display: inline-block;
height: 26px;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
</style>
\ No newline at end of file
</script>
\ No newline at end of file
src/main/webapp/static/cmpt/road-new.css
View file @ a881ed79
......@@ -163,7 +163,7 @@ nav.side-navbar .sidebar-header
}
.edit-new {
cursor: pointer;
}
.back {
......
src/main/webapp/static/cmpt/road.css
View file @ a881ed79
......@@ -66,16 +66,146 @@
.map-container {
border-radius: 4px;
/*height: 450px;*/
position: relative;
transition: all 0.5s;
}
.map {
height: 450px;
width: 710px;
height:450px;
margin-top: 110px;
float: left;
}
.marker{
height: 40px;
line-height: 40px;
display: flex;
justify-content: space-between;
position: relative;
}
.marker input[type=checkbox] {
position: relative;
top: 16px;
right: 4px;
left: auto;
}
.marker input[type=text]{
width: 220px;
height: 50px;
background: rgba(247,247,247,1);
border-radius: 4px;
border: 1px solid rgba(238,238,238,1);
padding: 0px 10px 0px;
}
.marker input[type=checkbox]:checked::before {
background-color: #ce3939;
content: '';
background-image: url(/static/images/white.png);
top: -4px;
right: -3px;
width: 18px;
height: 18px;
position: absolute;
background-size: 90%;
background-repeat: no-repeat;
background-position: center;
}
.markers-edit .marker{
margin: 10px 0px 20px;
}
.marker input[type=checkbox]::before {
content: '';
position: absolute;
top: -4px;
right: -3px;
width: 18px;
height: 18px;
line-height: 22px;
text-align: center;
color: white;
font-size: 16px;
background-color: #ffffff;
border-radius: 4px;
cursor: pointer;
border: 1px solid #ce3939;
}
.marker-name{
font-size: 20px;
color: #333;
width: 195px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.marker-tip{
font-size:12px;
font-weight:500;
color:rgba(153,153,153,1);
}
.marker-label{
width: 80px;
height: 28px;
font-size: 20px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: rgba(51,51,51,1);
line-height: 28px;
margin: 0px;
}
.map-data{
width:300px;
height:450px;
background:rgba(255,255,255,1);
float: right;
margin-top: 110px;
overflow: scroll;
box-sizing: border-box;
padding: 15px 10px 30px 15px;
-ms-overflow-style: none; //IE 10+
overflow: -moz-scrollbars-none; //Firefox
}
.map-data .edit{
width: 70px;
height: 22px;
border-radius: 4px;
border: 1px solid rgba(206,57,57,1);
font-size: 16px;
color: rgba(206,57,57,1);
cursor: pointer;
line-height: 22px;
text-align: center;
}
.map-data .save{
display: none;
width: 70px;
height: 22px;
border-radius: 4px;
border: 1px solid rgba(206,57,57,1);
font-size: 16px;
color: rgba(206,57,57,1);
cursor: pointer;
line-height: 22px;
text-align: center;
}
.markers-edit{
display: none;
}
.map-data .cancel{
display: none;
width: 70px;
height: 22px;
border-radius: 4px;
border:1px solid rgba(102,102,102,1);
font-size: 16px;
color:rgba(102,102,102,1);
cursor: pointer;
line-height: 22px;
text-align: center;
margin-right: 10px;
}
.map-data::-webkit-scrollbar {
display: none; //Safari and Chrome
}
.map-title {
z-index: 9999999;
position: absolute;
......
src/main/webapp/static/cmpt/setting.css
View file @ a881ed79
......@@ -9,7 +9,7 @@ body {
.rght {
width: 80%;
margin: 44px 0px 0px 40px;
margin: 0px 0px 0px 40px;
}
.wzm-content {
......
src/main/webapp/static/js/road-new.js
View file @ a881ed79
......@@ -100,6 +100,32 @@ $(document).ready(function () {
})
});
$('body').on('click','.map-data .edit',function () {
$(this).hide();
$('.save').fadeIn();
$('.cancel').fadeIn();
$('.markers').fadeOut();
$('.markers-edit').fadeIn();
});
$('body').on('click','.map-data .cancel',function () {
$('.save').hide();
$('.cancel').hide();
$('.markers').fadeIn();
$('.markers-edit').fadeOut();
$('.edit').show();
})
$('body').on('click','.map-data .save',function () {
$('.save').hide();
$('.cancel').hide();
$('.markers').fadeIn();
$('.markers-edit').fadeOut();
$('.edit').show();
// 更新数据
/*$.ajax({
})*/
})
})
//文件上传处理
......@@ -265,6 +291,16 @@ function getPath(roadId) {
map.initMap();
if (data.status && data.content) {
createPath(data.content);
if(data.content){
var points = JSON.parse(data.content.points);
console.log(JSON.stringify(points))
$.each(points.placeMark,function (i,e) {
$('.markers').append('<div class="marker"><label for="" class="marker-name">'+e.name+'</label>\n' +
' <span class="marker-tip">用作计时点</span></div>');
$('.markers-edit').append('<div class="marker"><input data-before="'+e.name+'" type="text" value="'+e.name+'"> <input type="checkbox"></div>');
})
}
}
}
})
......
src/main/webapp/static/newdermon/css/custom.css
View file @ a881ed79
/* your styles go here */
.main-body {
margin: 20px auto 0px;
width: 1200px;
width: 1300px;
}
.maincolor {
......@@ -54,6 +54,7 @@
left: 365px;
height: 91px;
border-left: 1px solid #e8e8e8;
top:0px;
}
.line-first {
......
src/main/webapp/static/newdermon/css/style.default.css
View file @ a881ed79
......@@ -392,15 +392,11 @@ input {
* ==========================================================
*/
nav.side-navbar {
margin-top: 84px;
background: #fff0;
min-width: 250px;
max-width: 280px;
color: #686a76;
z-index: 9;
/*==== Sidebar Header ====*/
/*==== Sidebar Menu ====*/
/*==== Shrinked Sidebar ====*/
}
nav.side-navbar a {
......@@ -473,20 +469,23 @@ nav.side-navbar ul {
}
nav.side-navbar ul li {
/* submenu item active */
height: 49px;
list-style: none;
}
nav.side-navbar ul li a {
padding: 13px 46px;
align-items: center;
text-decoration: none;
display: block;
font-weight: 300;
display: flex;
justify-content: center;
border-left: 4px solid transparent;
font-size: 20px;
font-size: 17px;
font-family: PingFangSC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 28px;
line-height: 49px;
height: 49px;
position: relative;
}
nav.side-navbar ul li a:hover {
......
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