From f6857950524dfed7057b55f14e4a595541c78f74 Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Tue, 27 Jul 2021 16:57:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4=E6=B2=99=E6=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 185 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 route.js   |  11 ++++
 2 files changed, 193 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e07f02e..71554c8 100644
--- a/index.html
+++ b/index.html
@@ -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)
diff --git a/route.js b/route.js
index ccf7171..f6da311 100644
--- a/route.js
+++ b/route.js
@@ -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
+})