From 7a396c5b66fd12603c4d0fc504e9d08acdf757ce Mon Sep 17 00:00:00 2001 From: binbin0314 Date: Thu, 29 Jul 2021 21:27:09 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=B0=E5=9C=BA=E6=8F=92=E4=BB=B6=E6=8E=A5?= =?UTF-8?q?=E5=8F=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 264 +++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 207 insertions(+), 57 deletions(-) diff --git a/index.html b/index.html index 1a5737a..2d11a76 100644 --- a/index.html +++ b/index.html @@ -47,20 +47,71 @@ -
+
- +
+
@@ -68,16 +119,22 @@ const p1419895701453938688 = { token: '', dom: '', + projectId: '', + planStart: '', + realStart: '', init() { this.dom = document.querySelector("div[data-root=p1419895701453938688]"); var domBox = this.dom.parentNode; var title = this.dom.querySelector('.title'); title.innerHTML = domBox.getAttribute('data-tname') + this.planStart = domBox.getAttribute('data-pstart') + this.realStart = domBox.getAttribute('data-rstart') + this.setTimeData() - console.log('初始化'); // 获取父元素携带的参数 var userId = domBox.getAttribute("data-uid"); + this.projectId = domBox.getAttribute("data-pid"); // 初始化的时候 获取token this.getTokenByUserId(userId); }, @@ -93,24 +150,39 @@ const { success, code, data, msg } = res; if (success && code === 200) { that.token = data.token; - // 查询当前项目的最新消息 - that.getFirstAidRecord() } else { alert(msg || '获取失败') } }); }, + // 选择时间 添加 + async show(){ + var timeBox = this.dom.querySelector('.time-box'); + timeBox.style.display = 'block' + }, + /** - * 查询到场人员信息 - */ - getFirstAidRecord() { - var that = this + * 确定 批量提交急救信息 + * @param { Array } codeAndAnswerList code和答案 + * @param { String } projectId 项目ID + * @param { Number } codeAndAnswerList 提交人类型（0平车 1人） + */ + choose(time){ + const that = this; const params = JSON.stringify({ - param: {} + param: { + codeAndAnswerList: [ + { + answer: time, + questionCode: 'JZYSDC' + } + ], + projectId: that.projectId, + userType: 0 + } }); - - fetch('/getDate', { + fetch('http://www.tall.wiki/gateway/qcp/v3.0/patient/aidRecord', { method: 'POST', body: params, headers: new Headers({ @@ -120,12 +192,15 @@ return response.json(); }).catch(function(error){ console.error('Error:', error) + // TODO: 测试数据 + that.setDate() + // TODO: }).then(function(res){ const { success, code, data, msg } = res; if (success && code === 200) { - that.setDate(data) + that.setDate() } else { - alert(msg || '查询失败') + alert(msg || '添加失败') } }) }, @@ -137,21 +212,14 @@ var statusBtn = dom.querySelector('.statusBtn'); var startTime = dom.querySelector('.startTime'); var disparity = dom.querySelector('.disparity'); - if(res.status === 0){ - startBtn.style.display='block'; - statusBtn.style.display='none'; - }else if(res.status === 1){ - startBtn.style.display='none'; - statusBtn.style.display='block'; - }else{ - startBtn.style.display='none'; - statusBtn.style.display='block'; - } - var ms = (+res.startTime) - (+res.planStartTime); //时间差的毫秒数 + startBtn.style.display='none'; + statusBtn.style.display='block'; + + var ms = (+this.planStart) - (+this.realStart); //时间差的毫秒数 var morbidityTime = Math.ceil(ms/1000/60); disparity.innerHTML = morbidityTime + "min" - startTime.innerHTML = this.setTime(res.startTime) + startTime.innerHTML = this.setTime(this.realStart) if(morbidityTime >= 0){ disparity.className="text-red-500 disparity" }else{ @@ -172,38 +240,120 @@ return minute + ':' + second }, - // 选择时间 添加 - chooseTime(){ - var that = this - const params = JSON.stringify({ - param: {} - }); - fetch('/chooseTime', { - method: 'POST', - body: params, - headers: new Headers({ - 'Authorization': 'Bearer ' + that.token ,'Content-Type': 'application/json;charset=utf-8' - }) - }).then(function(response) { - return response.json(); - }).catch(function(error){ - console.error('Error:', error) - }).then(function(res){ - const { success, code, data, msg } = res; - if (success && code === 200) { - alert('添加成功') - that.setDate(data) + // 开始到场 + jumpDetails(that) { + const pId = that.parentNode.parentNode.getAttribute('data-pid'); + const rId = that.parentNode.parentNode.getAttribute('data-rid'); + const uId = that.parentNode.parentNode.getAttribute('data-uid'); + const tId = that.parentNode.parentNode.getAttribute('data-tid'); + location.href = `https://www.tall.wiki/qc/patientList?projectId=${pId}&roleId=${rId}&userId=${uId}&id=${tId}`; + }, + + // 取消时间 + cancelTime() { + var timeBox = this.dom.querySelector('.time-box'); + timeBox.style.display = 'none' + }, + + // 确定时间 + async changeTime() { + const hourDom = this.dom.querySelector('.hour-box'); + const minDom = this.dom.querySelector('.min-box'); + const yearDom = this.dom.querySelector('.year-box'); + const monthDom = this.dom.querySelector('.month-box'); + const dayDom = this.dom.querySelector('.day-box'); + const year = 2021 - Math.round(yearDom.scrollTop / 26) + let month = Math.round(monthDom.scrollTop / 26) + 1 + let day = Math.round(dayDom.scrollTop / 26) + 1 + if (month === 2) { + if ( (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0 && year % 4000 !== 0) ) { + if(day > 29) { + day = 29 + } } else { - alert(msg || '添加失败') + if(day > 28) { + day = 28 + } } - }) + } else { + if (month === 2 || month === 4 || month === 6 || month === 9 || month === 11) { + if(day > 30) { + day = 30 + } + } else { + if(day > 31) { + day = 31 + } + } + } + let hour = Math.round(hourDom.scrollTop / 26) + let min = Math.round(minDom.scrollTop / 26) + if(month<10) { + month = '0' + month + } + if(day<10) { + day = '0' + day + } + if(hour<10) { + hour = '0' + hour + } + if(min<10) { + min = '0' + min + } + console.log(`${year}-${month}-${day} ${hour}:${min}`) + const chooseTime = `${year}-${month}-${day} ${hour}:${min}` + if(chooseTime){ + await this.choose(new Date(chooseTime).getTime()) + console.log('new Date(chooseTime).getTime(): ', new Date(chooseTime).getTime()); + this.cancelTime() + } }, - // 开始到场 - jumpDetails(that) { - console.log(that.parentNode.getAttribute('data-tname')) - console.log(that.parentNode.getAttribute('data-pid')) - location.href = 'https://www.baidu.com' + // 设置时间数据 + setTimeData(){ + const hourDom = this.dom.querySelector('.hour-box'); + const minDom = this.dom.querySelector('.min-box'); + const yearDom = this.dom.querySelector('.year-box'); + const monthDom = this.dom.querySelector('.month-box'); + const dateDom = this.dom.querySelector('.day-box'); + /* 生成小时数组 */ + for(let i=0;i<24;i++) { + var div = document.createElement('div'); + div.style.height = '26px'; + div.innerHTML = i; + hourDom.appendChild(div); + } + /* 生成分钟数组 */ + for(let i=0;i<60;i++) { + var div = document.createElement('div'); + div.style.height = '26px'; + div.innerHTML = i; + minDom.appendChild(div); + } + + /* 生成年数组 */ + var my = new Date(); + var endYear = my.getFullYear();// 获取当前年份 + for (var i = endYear; i > 1899; i--) { + var div = document.createElement('div'); + div.style.height = '26px'; + div.innerHTML = i; + yearDom.appendChild(div); + } + /* 生成月数组 */ + for (var i = 1; i < 13; i++) { + var div = document.createElement('div'); + div.style.height = '26px'; + div.innerHTML = i; + monthDom.appendChild(div); + } + /* 生成日数组 */ + for (var i = 1; i < 32; i++) { + var div = document.createElement('div'); + div.style.height = '26px'; + div.innerHTML = i; + dateDom.appendChild(div); + } } } p1419895701453938688.init() @@ -213,7 +363,7 @@
- +