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

到场插件

12-plugin-assessment
song 4 years ago
parent
5e62a7cb8f
commit
8af2079e87
2 changed files with 173 additions and 18 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. 167
      index.html
  2. 24
      route.js

167
index.html
View File

@ -47,35 +47,166 @@
<!-- 示例插件2 id=100-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<div data-tname="会诊" data-pid="1402932548627206144" data-uid="1323567842540523520" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:26px;width:150px">
<div data-root="p103" style="height:100%;width:100%;display: flex;justify-content: space-between;align-items:center" onclick="p103.jumpDetails(this)">
<div style="flex:1;font-size:22px;font-weight: 600;"></div>
<div style="height:100%">
<img style="height:100%;width:100%" src="https://www.tall.wiki/staticrec/photos/right.png">
<div data-tname="急诊医生到场" data-pid="1402932548627206144" data-uid="1323567842540523520" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<!-- 到场插件 -->
<div data-root="p1419895701453938688" class="flex flex-row items-center" style="height:100%;width:100%;">
<div class="flex-1 title"></div>
<div class="flex flex-nowrap startBtn mr-2">
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p1419895701453938688.chooseTime(this)">开始</button>
</div>
<div class="flex flex-nowrap statusBtn mr-2 font-bold" style="display:none" onclick="p1419895701453938688.jumpDetails(this)">
<span class="mr-3 startTime">10:02</span>
<span class="text-red-500 disparity">+0min</span>
</div>
<div class="flex flex-row-reverse items-center" onclick="p1419895701453938688.jumpDetails(this)">
<img style="height:16px" src="https://www.tall.wiki/staticrec/photos/right.png">
</div>
</div>
</div>
<script>
const p100 = {
name: 'hello tall plugin',
show() {
alert(this.name)
}
}
;(function() {
var dom = document.querySelector('div[data-root=p103]')
var domBox = dom.parentNode;
var domChild = document.querySelectorAll('div[data-root=p103]>div');
domChild[0].innerHTML = domBox.getAttribute('data-tname');
})()
const p103 = {
const p1419895701453938688 = {
token: '',
dom: '',
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')
console.log('初始化');
// 获取父元素携带的参数
var userId = domBox.getAttribute("data-uid");
// 初始化的时候 获取token
this.getTokenByUserId(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 || '获取失败')
}
});
},
/**
* 查询到场人员信息
*/
getFirstAidRecord() {
var that = this
const params = JSON.stringify({
param: {}
});
fetch('/getDate', {
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) {
that.setDate(data)
} else {
alert(msg || '查询失败')
}
})
},
// 界面渲染
setDate(res) {
const { dom } = this;
var startBtn = dom.querySelector('.startBtn');
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); //时间差的毫秒数
var morbidityTime = Math.ceil(ms/1000/60);
disparity.innerHTML = morbidityTime + "min"
startTime.innerHTML = this.setTime(res.startTime)
if(morbidityTime >= 0){
disparity.className="text-red-500 disparity"
}else{
disparity.className="text-green-500 disparity"
}
},
// 转化时间格式
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')
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)
} else {
alert(msg || '添加失败')
}
})
},
// 开始到场
jumpDetails(that) {
console.log(that.parentNode.getAttribute('data-tname'))
console.log(that.parentNode.getAttribute('data-pid'))
location.href = 'https://www.baidu.com'
}
}
p1419895701453938688.init()
</script>
</div>
</div>

24
route.js
View File

@ -5,3 +5,27 @@ get('/blog').to.json({
title: 'Hello world'
}
})
post('/getDate').to.json({
code: 200,
msg: 'ok',
data: {
status: 0,
startTime: '1627396856605',
disparity: 0,
planStartTime: '1627360856000'
},
success: true
})
post('/chooseTime').to.json({
code: 200,
msg: 'ok',
data: {
status: 1,
startTime: '1627360856000',
disparity: 0,
planStartTime: '1627396856605'
},
success: true
})

Write Preview
Loading…
Cancel
Save