From 8af2079e8738e60e93b88b17c601a1940486e63d Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Tue, 27 Jul 2021 23:21:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=B0=E5=9C=BA=E6=8F=92=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 167 +++++++++++++++++++++++++++++++++++++++++++++++------
 route.js   |  24 ++++++++
 2 files changed, 173 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 3968d7a..1a5737a 100644
--- a/index.html
+++ b/index.html
@@ -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>
diff --git a/route.js b/route.js
index ccf7171..88e96dc 100644
--- a/route.js
+++ b/route.js
@@ -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
+})