wally
/
plugin-templete
1
0
Fork 1
Code Issues Releases Wiki Activity
Browse Source

更新代码

10-plugin-task-start
aBin 4 years ago
parent
a60a86886d
commit
8d3871fe2b
1 changed files with 79 additions and 43 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 122
      index.html

122
index.html
View File

@ -55,11 +55,11 @@
<button class="bg-blue-500 text-xs rounded-full py-1 px-5 text-white" onclick="p1419895659787722752.show(this)">开始</button>
</div>
<div class="flex flex-nowrap statusBtn mr-2 font-bold" style="display:none">
<span class="mr-3 startTime"></span>
<span class="mr-3 startTime" onclick="p1419895659787722752.show(this)"></span>
<span class="text-red-500 disparity"></span>
</div>
<div class="time-box w-screen h-screen fixed z-10" style="background: rgba(0,0,0,0.65);top:0;left:0;display:none">
<div class="flex flex-col h-2/6 absolute w-full" style="background:#fff;bottom: 0;">
<div class="flex flex-col absolute w-full" style="background:#fff;bottom: 0;height:300px">
<div class="flex justify-between p-2 border-gray-200 border-b-2" style="height:44px;">
<div class="text-gray-500" onclick="p1419895659787722752.cancelTime()">取消</div>
<div>分诊时间</div>
@ -68,7 +68,7 @@
<div class="flex flex-1 items-center overflow-hidden">
<div class="h-full flex flex-row text-center w-1/6 overflow-x-hidden relative">
<div class="h-full mx-auto absolute" style="right:-8px">
<div class="h-full mx-auto year-box overflow-y-scroll" style="padding: 76px 16px 76px 0;"></div>
<div class="h-full mx-auto year-box overflow-y-scroll" style="padding: 116px 16px 116px 0;"></div>
</div>
</div>
<div class="flex flex-row text-center">
@ -76,7 +76,7 @@
</div>
<div class="h-full flex flex-row text-center w-1/6 overflow-x-hidden relative">
<div class="h-full mx-auto absolute" style="right:-8px">
<div class="h-full month-box mx-auto overflow-y-scroll" style="padding: 76px 16px 76px 0;"></div>
<div class="h-full month-box mx-auto overflow-y-scroll" style="padding: 116px 16px 116px 0;"></div>
</div>
</div>
<div class="flex flex-row text-center">
@ -84,7 +84,7 @@
</div>
<div class="h-full flex flex-row text-center w-1/6 overflow-x-hidden relative">
<div class="h-full mx-auto absolute" style="right:-8px">
<div class="h-full day-box mx-auto overflow-y-scroll" style="padding: 76px 16px 76px 0;"></div>
<div class="h-full day-box mx-auto overflow-y-scroll" style="padding: 116px 16px 116px 0;"></div>
</div>
</div>
<div class="flex flex-row text-center">
@ -92,7 +92,7 @@
</div>
<div class="h-full flex flex-row text-center w-1/6 overflow-x-hidden relative">
<div class="h-full mx-auto absolute" style="right:-8px">
<div class="h-full hour-box mx-auto overflow-y-scroll" style="padding: 76px 16px 76px 0;"></div>
<div class="h-full hour-box mx-auto overflow-y-scroll" style="padding: 116px 16px 116px 0;"></div>
</div>
</div>
<div class="flex flex-row text-center">
@ -100,7 +100,7 @@
</div>
<div class="h-full flex flex-row text-center w-1/6 overflow-x-hidden relative">
<div class="h-full mx-auto absolute" style="right:-8px">
<div class="h-full min-box mx-auto overflow-y-scroll" style="padding: 76px 16px 76px 0;"></div>
<div class="h-full min-box mx-auto overflow-y-scroll" style="padding: 116px 16px 116px 0;"></div>
</div>
</div>
<div class="flex flex-row text-center">
@ -114,21 +114,22 @@
</div>
<script>
const p1419895659787722752 = {
var p1419895659787722752 = {
token: '',
dom: '',
projectId: '',
planStart: '',
realStart: '',
chooseTimeValue: 0,
init() {
this.dom = document.querySelector("div[data-root=p1419895659787722752]");
var domBox = this.dom.parentNode;
this.dom = document.querySelector("div[data-root=p1419895659787722752]");
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()
this.chooseTimeValue = +this.realStart
// 获取父元素携带的参数
var userId = domBox.getAttribute("data-uid");
@ -145,7 +146,7 @@
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
var { success, code, data, msg } = res;
if (success && code === 200) {
that.token = data.token;
} else {
@ -158,6 +159,7 @@
async show(){
var timeBox = this.dom.querySelector('.time-box');
timeBox.style.display = 'block'
this.setTimeData()
},
/**
@ -167,13 +169,13 @@
* @param { Number } codeAndAnswerList 提交人类型（0平车 1人）
*/
choose(time){
const that = this;
const params = JSON.stringify({
var that = this;
var params = JSON.stringify({
param: {
codeAndAnswerList: [
{
answer: time,
questionCode: 'FZSJ'
questionCode: 'JMRSSJ'
}
],
projectId: that.projectId,
@ -181,12 +183,13 @@
}
});
fetch('https://www.tall.wiki/gateway/qcp/v3.0/patient/aidRecord', {
method: 'POST',
mode: 'cors',
body: params,
headers: new Headers({
'Authorization': 'Bearer ' + that.token ,'Content-Type': 'application/json;charset=utf-8'
})
'Authorization': 'Bearer ' + that.token,
'Content-Type': 'application/json;charset=utf-8'
}),
method: 'POST',
mode: 'cors',
body: params
}).then(function(response) {
return response.json();
}).catch(function(error){
@ -195,7 +198,7 @@
that.setDate()
// TODO:
}).then(function(res){
const { success, code, data, msg } = res;
var { success, code, data, msg } = res;
if (success && code === 200) {
that.setDate()
} else {
@ -205,8 +208,8 @@
},
// 界面渲染
setDate() {
const { dom } = this;
setDate(res) {
var { dom } = this;
var startBtn = dom.querySelector('.startBtn');
var statusBtn = dom.querySelector('.statusBtn');
var startTime = dom.querySelector('.startTime');
@ -215,10 +218,10 @@
startBtn.style.display='none';
statusBtn.style.display='block';
var ms = (+this.planStart) - (+this.realStart); //时间差的毫秒数
var ms = (+this.planStart) - (+this.chooseTimeValue); //时间差的毫秒数
var morbidityTime = Math.ceil(ms/1000/60);
disparity.innerHTML = morbidityTime + "min"
startTime.innerHTML = this.setTime(this.realStart)
startTime.innerHTML = this.setTime(this.chooseTimeValue)
if(morbidityTime >= 0){
disparity.className="text-red-500 disparity"
}else{
@ -230,11 +233,11 @@
setTime(timestamp) {
let time = new Date(+timestamp)
let year = time.getFullYear()
const month = (time.getMonth() + 1).toString().padStart(2, '0')
const date = (time.getDate()).toString().padStart(2, '0')
const hours = (time.getHours()).toString().padStart(2, '0')
const minute = (time.getMinutes()).toString().padStart(2, '0')
const second = (time.getSeconds()).toString().padStart(2, '0')
var month = (time.getMonth() + 1).toString().padStart(2, '0')
var date = (time.getDate()).toString().padStart(2, '0')
var hours = (time.getHours()).toString().padStart(2, '0')
var minute = (time.getMinutes()).toString().padStart(2, '0')
var second = (time.getSeconds()).toString().padStart(2, '0')
return hours + ':' + minute
},
@ -247,12 +250,12 @@
// 确定时间
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)
var hourDom = this.dom.querySelector('.hour-box');
var minDom = this.dom.querySelector('.min-box');
var yearDom = this.dom.querySelector('.year-box');
var monthDom = this.dom.querySelector('.month-box');
var dayDom = this.dom.querySelector('.day-box');
var 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) {
@ -290,7 +293,8 @@
if(min<10) {
min = '0' + min
}
const chooseTime = `${year}-${month}-${day} ${hour}:${min}`
var chooseTime = `${year}-${month}-${day} ${hour}:${min}`
this.chooseTimeValue = new Date(chooseTime).getTime()
if(chooseTime){
await this.choose(new Date(chooseTime).getTime())
this.cancelTime()
@ -299,17 +303,36 @@
// 设置时间数据
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');
var hourDom = this.dom.querySelector('.hour-box');
var minDom = this.dom.querySelector('.min-box');
var yearDom = this.dom.querySelector('.year-box');
var monthDom = this.dom.querySelector('.month-box');
var dateDom = this.dom.querySelector('.day-box');
// 清空
hourDom.innerHTML = '';
minDom.innerHTML = '';
yearDom.innerHTML = '';
monthDom.innerHTML = '';
dateDom.innerHTML = '';
var nowYear = new Date().getFullYear();
var nowMonth = new Date().getMonth();
var nowDay = new Date().getDate()-1;
var nowHour = new Date().getHours();
var nowMin = new Date().getMinutes();
var yearTop = 0;
var monthTop = 0;
var dayTop = 0;
var hourTop = 0;
var minTop = 0;
/* 生成小时数组 */
for(let i=0;i<24;i++) {
var div = document.createElement('div');
div.style.height = '26px';
div.innerHTML = i;
hourDom.appendChild(div);
if(nowHour === i) {
hourTop = i*26
}
}
/* 生成分钟数组 */
for(let i=0;i<60;i++) {
@ -317,8 +340,10 @@
div.style.height = '26px';
div.innerHTML = i;
minDom.appendChild(div);
if(nowMin === i) {
minTop = i*26
}
}
/* 生成年数组 */
var my = new Date();
var endYear = my.getFullYear();// 获取当前年份
@ -334,6 +359,9 @@
div.style.height = '26px';
div.innerHTML = i;
monthDom.appendChild(div);
if(nowMonth === i) {
monthTop = i*26
}
}
/* 生成日数组 */
for (var i = 1; i < 32; i++) {
@ -341,8 +369,16 @@
div.style.height = '26px';
div.innerHTML = i;
dateDom.appendChild(div);
if(nowDay === i) {
dayTop = i*26
}
}
hourDom.scrollTop = hourTop
minDom.scrollTop = minTop
monthDom.scrollTop = monthTop
dateDom.scrollTop = dayTop
}
}
p1419895659787722752.init()
</script>

Write Preview
Loading…
Cancel
Save