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

时间沙漏

7-plugin-time-hourglass
song 4 years ago
parent
db393640b4
commit
f685795052
2 changed files with 193 additions and 3 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. 185
      index.html
  2. 11
      route.js

185
index.html
View File

@ -21,7 +21,186 @@
<div class="w-full p-4 bg-gray-100">
<!-- 日常任务面板-->
<div class="content p-3 h-46 bg-white rounded-lg">
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 mb-2 bg-gray-100">
<view data-pid="1402180561518333952" data-uid="1298194698783170560" data-rid="xxx" data-tid="xxx" data-did="xxx">
<!--时间沙漏-->
<div data-root="p1419895315833823232">
<!-- main -->
<div class="flex flex-col">
<div class="flex justify-between">
<div class="flex justify-start item-center">距发病<span class="text-2xl"><span class="text-blue-500 morbidity">--</span>′</span></div>
<div class="flex justify-end">距DNT60"<span class="DNTText">剩余</span><span class="text-2xl"><span class="text-blue-500 DNTTime">--</span>′</span></div>
</div>
<div class="flex justify-end">距CT25"<span class="CTText">剩余</span><span class="text-2xl"><span class="text-blue-500 CTTime">--</span>′</span></div>
</div>
<!-- main end -->
</div>
</view>
<script id="p1419895315833823232">
// 获取父元素携带的参数
var dom = document.querySelector("div[data-root=p1419895315833823232]");
console.log('dom: ', dom);
var domBox = dom.parentNode;
var timer = null
const p1419895315833823232 = {
name: 'pluginTimeHourglass',
init() {
var token = '';
var userId = '';
var projectId = '';
this.userId = domBox.getAttribute("data-uid");
this.projectId = domBox.getAttribute("data-pid");
// 初始化的时候 获取token
this.getTokenByUserId(this.userId);
},
// 获取token
getTokenByUserId(userId){
var that = this
fetch(`https://www.tall.wiki/gateway/tall/v1.0/users/userId?userId=${userId}`)
.then(function(response) {
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
that.token = data.token;
// 批量查询患者急救记录
that.getFirstAidRecord()
} else {
alert(msg || '获取失败')
}
});
},
// 查询有没有数据
handleSetDate(){
var that = this
timer = setInterval(function() {
that.getFirstAidRecord()
}, 5000);
},
/**
* 批量查询患者急救记录
* @param {string} projectId 项目id
* @param {Array} code
*/
getFirstAidRecord() {
var that = this
const { token, projectId } = that;
const params = JSON.stringify({
param: { projectId, code: [] }
});
fetch('/getDate', {
method: 'POST',
body: params,
headers: new Headers({
'Authorization': 'Bearer ' + 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) {
if(data && data.TimeOfOnset && data.TriageTime){
clearInterval(timer);
that.setDate(data)
}else{
that.handleSetDate()
}
} else {
alert(msg || '查询失败')
}
that.handleSetDate()
})
},
// 界面渲染
setDate(res) {
console.log('res: ', res);
var nowDate = new Date();
// 距发病时间：当前时间-发病时间
var ms = nowDate.getTime() - new Date(res.TimeOfOnset).getTime(); //时间差的毫秒数
var morbidityTime = Math.ceil(ms/1000/60);
var morbidity = dom.querySelector('.morbidity');
morbidity.innerHTML = morbidityTime;
setInterval(function() {
morbidityTime++;
morbidity.innerHTML = morbidityTime;
}, 60000);
/**
* 距DNT60min剩余时间
* 未溶栓/CT前,每分钟自动更新数据
1.DNT时间：60min-（当前时间-分诊时间）
2.CT时间：25min-(当前时间-分诊时间)
溶栓/CT开始后，不在自动刷新时间
1.DNT时间：溶栓开始时间-分诊时间
2.CT开始时间-分诊时间
*/
// 距DNT60min剩余时间
const DNTStartTime = new Date();
if(res.isThrombolytic){
// DNTStartTime = 溶栓开始时间
}
var DNTTime = 60 - Math.ceil((DNTStartTime.getTime() - new Date(res.TriageTime).getTime())/1000/60);
var DNT = dom.querySelector(".DNTTime")
var DNTText = dom.querySelector(".DNTText")
console.log('DNT: ', DNT);
if(DNTTime >= 0){
DNT.innerHTML = DNTTime;
}else {
DNT.innerHTML = -DNTTime;
DNTText.innerHTML = '超时';
DNT.className="text-red-500"
}
setInterval(function() {
DNTTime--;
DNT.innerHTML = DNTTime;
if(DNTTime < 0) {
DNT.innerHTML = -DNTTime;
DNTText.innerHTML = '超时';
DNT.className="text-red-500"
}
}, 60000);
// 到达CT室25min剩余时间
const CTStartTime = new Date();
if(res.isThrombolytic){
// CTStartTime = 溶栓开始时间
}
var CTTime = 25 - Math.ceil((CTStartTime.getTime() - new Date(res.TriageTime).getTime())/1000/60);
var CT = dom.querySelector(".CTTime")
var CTText = dom.querySelector(".CTText")
if(CTTime >= 0){
CT.innerHTML = CTTime;
}else {
CT.innerHTML = -CTTime;
CTText.innerHTML = '超时';
CT.className="text-red-500"
}
setInterval(function() {
CTTime--;
CT.innerHTML = CTTime;
if(CTTime < 0) {
CT.innerHTML = -CTTime;
CTText.innerHTML = '超时';
CT.className="text-red-500"
}
}, 60000);
}
}
p1419895315833823232.init()
</script>
</div>
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 mb-2 bg-gray-100"></div>
<div class="h-6 mb-2 bg-gray-100"></div>
@ -74,10 +253,10 @@
<!-- 示例插件1-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
<!-- 示例插件2 id=100-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p200.show()">测试组建2</button>
<script>
const p100 = {
const p200 = {
name: 'hello tall plugin',
show() {
alert(this.name)

11
route.js
View File

@ -5,3 +5,14 @@ get('/blog').to.json({
title: 'Hello world'
}
})
post('/getDate').to.json({
code: 200,
msg: 'ok',
data: {
TimeOfOnset: '2021-07-27 08:00', // 发病时间
TriageTime: '2021-07-27 09:00', // 分诊时间
isThrombolytic: false, // 未溶栓
},
success: true
})

Write Preview
Loading…
Cancel
Save