上下山扫码登记
commit
d097fed9b0
@ -0,0 +1,5 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="JavaScriptLibraryMappings">
|
||||
<file url="PROJECT" libraries="{jquery}" />
|
||||
</component>
|
||||
</project>
|
||||
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/微信H5部分.iml" filepath="$PROJECT_DIR$/.idea/微信H5部分.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
<orderEntry type="library" name="jquery" level="application" />
|
||||
</component>
|
||||
</module>
|
||||
@ -0,0 +1,94 @@
|
||||
/* eslint no-extend-native: 0 */
|
||||
|
||||
(function () {
|
||||
// Defining locale
|
||||
Date.shortMonths = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
|
||||
Date.longMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
|
||||
Date.shortDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
|
||||
Date.longDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
|
||||
// Defining patterns
|
||||
var replaceChars = {
|
||||
// Day
|
||||
d: function () { var d = this.getDate(); return (d < 10 ? '0' : '') + d },
|
||||
D: function () { return Date.shortDays[this.getDay()] },
|
||||
j: function () { return this.getDate() },
|
||||
l: function () { return Date.longDays[this.getDay()] },
|
||||
N: function () { var N = this.getDay(); return (N === 0 ? 7 : N) },
|
||||
S: function () { var S = this.getDate(); return (S % 10 === 1 && S !== 11 ? 'st' : (S % 10 === 2 && S !== 12 ? 'nd' : (S % 10 === 3 && S !== 13 ? 'rd' : 'th'))) },
|
||||
w: function () { return this.getDay() },
|
||||
z: function () { var d = new Date(this.getFullYear(), 0, 1); return Math.ceil((this - d) / 86400000) },
|
||||
// Week
|
||||
W: function () {
|
||||
var target = new Date(this.valueOf())
|
||||
var dayNr = (this.getDay() + 6) % 7
|
||||
target.setDate(target.getDate() - dayNr + 3)
|
||||
var firstThursday = target.valueOf()
|
||||
target.setMonth(0, 1)
|
||||
if (target.getDay() !== 4) {
|
||||
target.setMonth(0, 1 + ((4 - target.getDay()) + 7) % 7)
|
||||
}
|
||||
var retVal = 1 + Math.ceil((firstThursday - target) / 604800000)
|
||||
|
||||
return (retVal < 10 ? '0' + retVal : retVal)
|
||||
},
|
||||
// Month
|
||||
F: function () { return Date.longMonths[this.getMonth()] },
|
||||
m: function () { var m = this.getMonth(); return (m < 9 ? '0' : '') + (m + 1) },
|
||||
M: function () { return Date.shortMonths[this.getMonth()] },
|
||||
n: function () { return this.getMonth() + 1 },
|
||||
t: function () {
|
||||
var year = this.getFullYear()
|
||||
var nextMonth = this.getMonth() + 1
|
||||
if (nextMonth === 12) {
|
||||
year = year++
|
||||
nextMonth = 0
|
||||
}
|
||||
return new Date(year, nextMonth, 0).getDate()
|
||||
},
|
||||
// Year
|
||||
L: function () { var L = this.getFullYear(); return (L % 400 === 0 || (L % 100 !== 0 && L % 4 === 0)) },
|
||||
o: function () { var d = new Date(this.valueOf()); d.setDate(d.getDate() - ((this.getDay() + 6) % 7) + 3); return d.getFullYear() },
|
||||
Y: function () { return this.getFullYear() },
|
||||
y: function () { return ('' + this.getFullYear()).substr(2) },
|
||||
// Time
|
||||
a: function () { return this.getHours() < 12 ? 'am' : 'pm' },
|
||||
A: function () { return this.getHours() < 12 ? 'AM' : 'PM' },
|
||||
B: function () { return Math.floor((((this.getUTCHours() + 1) % 24) + this.getUTCMinutes() / 60 + this.getUTCSeconds() / 3600) * 1000 / 24) },
|
||||
g: function () { return this.getHours() % 12 || 12 },
|
||||
G: function () { return this.getHours() },
|
||||
h: function () { var h = this.getHours(); return ((h % 12 || 12) < 10 ? '0' : '') + (h % 12 || 12) },
|
||||
H: function () { var H = this.getHours(); return (H < 10 ? '0' : '') + H },
|
||||
i: function () { var i = this.getMinutes(); return (i < 10 ? '0' : '') + i },
|
||||
s: function () { var s = this.getSeconds(); return (s < 10 ? '0' : '') + s },
|
||||
v: function () { var v = this.getMilliseconds(); return (v < 10 ? '00' : (v < 100 ? '0' : '')) + v },
|
||||
// Timezone
|
||||
e: function () { return Intl.DateTimeFormat().resolvedOptions().timeZone },
|
||||
I: function () {
|
||||
var DST = null
|
||||
for (var i = 0; i < 12; ++i) {
|
||||
var d = new Date(this.getFullYear(), i, 1)
|
||||
var offset = d.getTimezoneOffset()
|
||||
|
||||
if (DST === null) DST = offset
|
||||
else if (offset < DST) { DST = offset; break } else if (offset > DST) break
|
||||
}
|
||||
return (this.getTimezoneOffset() === DST) | 0
|
||||
},
|
||||
O: function () { var O = this.getTimezoneOffset(); return (-O < 0 ? '-' : '+') + (Math.abs(O / 60) < 10 ? '0' : '') + Math.floor(Math.abs(O / 60)) + (Math.abs(O % 60) === 0 ? '00' : ((Math.abs(O % 60) < 10 ? '0' : '')) + (Math.abs(O % 60))) },
|
||||
P: function () { var P = this.getTimezoneOffset(); return (-P < 0 ? '-' : '+') + (Math.abs(P / 60) < 10 ? '0' : '') + Math.floor(Math.abs(P / 60)) + ':' + (Math.abs(P % 60) === 0 ? '00' : ((Math.abs(P % 60) < 10 ? '0' : '')) + (Math.abs(P % 60))) },
|
||||
T: function () { var tz = this.toLocaleTimeString(navigator.language, {timeZoneName: 'short'}).split(' '); return tz[tz.length - 1] },
|
||||
Z: function () { return -this.getTimezoneOffset() * 60 },
|
||||
// Full Date/Time
|
||||
c: function () { return this.format('Y-m-d\\TH:i:sP') },
|
||||
r: function () { return this.toString() },
|
||||
U: function () { return Math.floor(this.getTime() / 1000) }
|
||||
}
|
||||
|
||||
// Simulates PHP's date function
|
||||
Date.prototype.format = function (format) {
|
||||
var date = this
|
||||
return format.replace(/(\\?)(.)/g, function (_, esc, chr) {
|
||||
return (esc === '' && replaceChars[chr]) ? replaceChars[chr].call(date) : chr
|
||||
})
|
||||
}
|
||||
}).call(this)
|
||||
@ -0,0 +1,66 @@
|
||||
const URL = "http://123.132.248.154:9224"
|
||||
|
||||
/*
|
||||
*消息弹框
|
||||
* @ var message = new $message()
|
||||
* @ message(options,newclass)
|
||||
* @ options Object||string {message:'message',time:2000} || 'message'
|
||||
* @ newclass string class类名
|
||||
*/
|
||||
function $message() {
|
||||
this.time = 2000;
|
||||
this.timer = null;
|
||||
this.newDiv = null;
|
||||
this.message = "";
|
||||
|
||||
|
||||
this.fn = function (options, newclass) {
|
||||
if (typeof options === 'string') {
|
||||
this.message = options;
|
||||
this.time = 2000;
|
||||
} else if (typeof options === 'object') {
|
||||
this.time = options.time || 2000;
|
||||
this.message = options.message;
|
||||
} else {
|
||||
return
|
||||
}
|
||||
this.newDiv = document.createElement("div")
|
||||
this.newDiv.className = "message"
|
||||
this.newDiv.className += newclass || "";
|
||||
//自定义样式 可以注释掉行间样式
|
||||
this.newDiv.style =
|
||||
'position:absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: rgba(0, 0, 0, 0.8);color: #fff;padding: .6rem;font-size: 1rem;border-radius: .4rem;text-align: center;zIndex:2250';
|
||||
|
||||
document.body.appendChild(this.newDiv);
|
||||
this.newDiv.innerHTML = this.message;
|
||||
|
||||
this.closes = function () {
|
||||
console.log(this)
|
||||
this.newDiv.parentNode.removeChild(this.newDiv);
|
||||
clearTimeout(this.timer);
|
||||
this.timer = null;
|
||||
}
|
||||
|
||||
this.timer = setTimeout(this.closes.bind(this), this.time);
|
||||
}
|
||||
return this.fn.bind(this);
|
||||
}
|
||||
|
||||
function getUrlParse(str = window.location.search) {
|
||||
const reg = /([^?&=]+)=([^&]+)/g
|
||||
const params = {}
|
||||
str.replace(reg, (_, k, v) => params[k] = v)
|
||||
return params
|
||||
}
|
||||
|
||||
function getNowDate() {
|
||||
let myDate = new Date;
|
||||
let year = myDate.getFullYear(); //获取当前年
|
||||
let mon = myDate.getMonth() + 1; //获取当前月
|
||||
let date = myDate.getDate(); //获取当前日
|
||||
let hours = myDate.getHours(); //获取当前小时
|
||||
let minutes = myDate.getMinutes(); //获取当前分钟
|
||||
let seconds = myDate.getSeconds(); //获取当前秒
|
||||
let now = year + "年" + mon + "月" + date + "日 " + hours + ":" + minutes
|
||||
return now;
|
||||
}
|
||||
@ -0,0 +1,138 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>登记成功</title>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
||||
<script src="./utils.js"></script>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #F4F5F7;
|
||||
}
|
||||
|
||||
.bg {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.notify {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 10%;
|
||||
transform: translate(-50%);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 15px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #0F5230;
|
||||
line-height: 25px;
|
||||
background-image: url("tc.png");
|
||||
background-size: 100% 100%;
|
||||
width: 281px;
|
||||
height: 194px;
|
||||
padding: 40px 10px 0 10px;
|
||||
}
|
||||
|
||||
.notify span {
|
||||
text-align: center;
|
||||
padding: 8px;
|
||||
height: 124px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.info {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 268px;
|
||||
border-radius: 13px 13px 0 0;
|
||||
margin-top: -25px;
|
||||
background-color: #F4F5F7;
|
||||
box-sizing: border-box;
|
||||
padding: 23px 13px;
|
||||
}
|
||||
|
||||
.info > div {
|
||||
width: calc(100vw - 26px);
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
|
||||
border: 1px solid #FFFFFF;
|
||||
backdrop-filter: blur(5px);
|
||||
padding: 26px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.info > div > ul {
|
||||
height: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #F4F5F7;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<img class="bg" src="bg.jpg" alt="">
|
||||
<div class="notify">
|
||||
<span id="notify">
|
||||
当前风高物燥，极易引发森林火灾，
|
||||
请您不要在林区及周边用火、吸烟。
|
||||
不带火种入山，不在林区用火。
|
||||
</span>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<ul>
|
||||
<li>进山人员</li>
|
||||
<li id="name"></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>进山时间</li>
|
||||
<li id="time"></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>登记站点</li>
|
||||
<li id="site"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
let message = new $message()
|
||||
let urlParams = getUrlParse(window.location.search)
|
||||
let notify = document.getElementById('notify');
|
||||
let name = document.getElementById('name');
|
||||
let time = document.getElementById('time');
|
||||
let site = document.getElementById('site');
|
||||
|
||||
if (!urlParams.siteId) {
|
||||
message('URL参数错误')
|
||||
}
|
||||
$.ajax({
|
||||
method: 'GET',
|
||||
url: `${URL}/api/FireCodeApp/GetSiteInfo?siteId=${urlParams.siteId}`,
|
||||
contentType: 'application/json;charset=utf-8',
|
||||
success: function (response) {
|
||||
if (response.code === 200) {
|
||||
let res = response.result
|
||||
site.innerHTML = res.siteName
|
||||
time.innerHTML = getNowDate()
|
||||
name.innerHTML = localStorage.getItem('name');
|
||||
notify.innerHTML = res.slogan || '当前风高物燥，极易引发森林火灾，<br>请您不要在林区及周边用火、吸烟。<br>不带火种入山，不在林区用火。'
|
||||
} else {
|
||||
message("未知错误")
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
Loading…
Reference in New Issue