修改获取token接口路径

index.html

@@ -21,7 +21,269 @@
     <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-aotu mb-2 bg-gray-100">
+          <view data-pid="1420652719055839232" data-uid="1298194698783170560" data-rid="xxx" data-tid="xxx" data-did="xxx">
+            <!--时间沙漏-->
+            <div data-root="p1419895315833823232">
+              <div class="flex flex-col">
+                <div class="flex justify-between">
+                  <div class="flex justify-start items-center">距发病<span class="text-xl ml-2"><span class="text-blue-500 morbidity">--</span>''</span></div>
+                  <div class="flex justify-end items-center">DNT60"<span class="DNTText">剩余</span><span class="text-xl ml-2"><span class="text-blue-500 DNTTime">--</span>''</span></div>
+                </div>
+                <div class="flex justify-end items-center">CT25"<span class="CTText">剩余</span><span class="text-xl ml-2"><span class="text-blue-500 CTTime">--</span>''</span></div>
+              </div>
+            </div>
+          </view>
+
+          <script id="p1419895315833823232">
+            var p1419895315833823232 = {
+              token: '',
+              projectId: '',
+              dom: '',
+
+              name: 'pluginTimeHourglass',
+              init() {
+                this.dom = document.querySelector("div[data-root=p1419895315833823232]");
+                var domBox = this.dom.parentNode;
+                // 获取父元素携带的参数
+                var userId = domBox.getAttribute("data-uid");
+                this.projectId = domBox.getAttribute("data-pid");
+                // 初始化的时候 获取token
+                this.getTokenByUserId(userId);
+              },
+
+              // 获取token
+              getTokenByUserId(userId){
+                var that = this
+                fetch(`https://www.tall.wiki/gateway/tall3/v3.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 {
+                      console.log('msg: ', msg);
+                    }
+                });
+              },
+
+              /**
+               * 查询时间沙漏
+               * @param {string} projectId 项目id
+               */
+              getFirstAidRecord() {
+                var that = this
+                var timer = null;
+                const params = JSON.stringify({
+                  param: { projectId: that.projectId }
+                });
+                fetch('https://www.tall.wiki/gateway/qcp/v3.0/patient/sandClock', {
+                  method: 'POST',
+                  mode: 'cors',
+                  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) {
+                    if(!data.diseaseTime){
+                      that.handleSetDate(timer)
+                    }else{
+                      that.setDiseaseTime(data.diseaseTime)
+                    }
+
+                    if(!data.triageTime){
+                      that.handleSetDate(timer)
+                    }else{
+                      if(!data.thrombosisTime){
+                        that.setThrombosisDate(0,data.triageTime, false)
+                        that.handleSetDate(timer)
+                      }else{
+                        that.setThrombosisDate(data.thrombosisTime,data.triageTime, true)
+                      }
+
+                      if(!data.ctTime){
+                        that.setCtDate(0,data.triageTime, false)
+                        that.handleSetDate(timer)
+                      }else{
+                        that.setCtDate(data.ctTime,data.triageTime, true)
+                      }
+
+                      if(data.thrombosisTime && data.ctTime){
+                        clearInterval(timer);
+                      }
+                    }
+                  } else {
+                    console.log('msg: ', msg);
+                  }
+                })
+              },
+
+              // 查询有没有数据
+              handleSetDate(timer){
+                var that = this
+                timer = setInterval(function() {
+                  that.getFirstAidRecord(timer)
+                }, 60*1000);
+              },
+
+              // 距发病时间：当前时间-发病时间
+              setDiseaseTime(diseaseTime){
+                var timer = null;
+                var nowDate = new Date();
+                var ms = nowDate.getTime() - diseaseTime; //时间差的毫秒数
+                var morbidityTime = Math.ceil(ms/1000/60);
+                var morbidity = this.dom.querySelector('.morbidity');
+                if(morbidityTime >= 0 && morbidityTime <= 9999){
+                  morbidityTime = morbidityTime
+                  morbidity.innerHTML = morbidityTime;
+                }else{
+                  if(morbidityTime < 0){
+                    morbidityTime = 0;
+                    morbidity.innerHTML = morbidityTime;
+                  }
+                  if(morbidityTime > 9999){
+                    morbidityTime = '9999+';
+                    morbidity.innerHTML = morbidityTime;
+                    return
+                  }
+                }
+                timer = setInterval(function() {
+                  if(morbidityTime === 9999){
+                    morbidity.innerHTML = '9999+'
+                    clearInterval(timer)
+                    return
+                  }
+                  morbidityTime++;
+                  morbidity.innerHTML = morbidityTime;
+                }, 60*1000);
+              },
+
+              /**
+                * 距DNT60min剩余时间
+                * 未溶栓/CT前,每分钟自动更新数据
+                    1.DNT时间：60min-（当前时间-分诊时间）
+                    2.CT时间：25min-(当前时间-分诊时间)
+                    溶栓/CT开始后，不在自动刷新时间
+                    1.DNT时间：溶栓开始时间-分诊时间
+                    2.CT开始时间-分诊时间
+                */
+              setThrombosisDate(thrombosisTime,triageTime,type){
+                var DNTTime = 0
+                var timer = null
+                // 距DNT60min剩余时间
+                const nowDate = new Date();
+                if(!type){
+                  DNTTime = 60 - (Math.ceil((nowDate.getTime() - triageTime)/1000/60));
+                }else{
+                  DNTTime = (thrombosisTime - triageTime)/1000/60;
+                }
+                var DNT = this.dom.querySelector(".DNTTime")
+                var DNTText = this.dom.querySelector(".DNTText")
+                if(DNTTime >= 0 && DNTTime <= 9999){
+                  DNT.innerHTML = DNTTime;
+                }
+                if(DNTTime > 9999){
+                  DNT.innerHTML = '9999+';
+                  return
+                }
+                if(DNTTime < 0) {
+                  DNT.innerHTML = -DNTTime;
+                  DNTText.innerHTML = '超时';
+                  DNT.className="text-red-500"
+                }
+                if(DNTTime < -9999) {
+                  DNT.innerHTML = '9999+';
+                  DNTText.innerHTML = '超时';
+                  DNT.className="text-red-500";
+                  return
+                }
+
+                timer = setInterval(function() {
+                  if(DNTTime === 9999 || DNTTime === -9999){
+                    DNT.innerHTML = '9999+'
+                    clearInterval(timer)
+                    return
+                  }
+                  DNTTime--;
+                  DNT.innerHTML = DNTTime;
+                  if(DNTTime < 0 && DNTTime > -9999) {
+                    DNT.innerHTML = -DNTTime;
+                    DNTText.innerHTML = '超时';
+                    DNT.className="text-red-500"
+                  }
+                },60*1000);
+              },
+
+              /**
+                * 距DNT60min剩余时间
+                * 未溶栓/CT前,每分钟自动更新数据
+                    1.DNT时间：60min-（当前时间-分诊时间）
+                    2.CT时间：25min-(当前时间-分诊时间)
+                    溶栓/CT开始后，不在自动刷新时间
+                    1.DNT时间：溶栓开始时间-分诊时间
+                    2.CT开始时间-分诊时间
+                */
+              setCtDate(ctTime,triageTime,type){
+                var CTTime = 0
+                var timer = null
+                // 到达CT室25min剩余时间
+                const CTStartTime = new Date();
+                if(!type){
+                  CTTime = 25 - Math.ceil((CTStartTime.getTime() - triageTime)/1000/60);
+                }else{
+                  CTTime = (ctTime - triageTime)/1000/60;
+                }
+                var CT = this.dom.querySelector(".CTTime")
+                var CTText = this.dom.querySelector(".CTText")
+                if(CTTime >= 0 && CTTime <= 9999){
+                  CT.innerHTML = CTTime;
+                }
+                if(CTTime > 9999){
+                  CT.innerHTML = '9999+';
+                  return
+                }
+                if(CTTime < 0) {
+                  CT.innerHTML = -CTTime;
+                  CTText.innerHTML = '超时';
+                  CT.className="text-red-500"
+                }
+                if(CTTime < -9999) {
+                  CT.innerHTML = '9999+';
+                  CTText.innerHTML = '超时';
+                  CT.className="text-red-500";
+                  return
+                }
+
+                timer = setInterval(function() {
+                  if(CTTime === 9999 || CTTime === -9999){
+                    CT.innerHTML = '+9999'
+                    clearInterval(timer)
+                    return
+                  }
+                  CTTime--;
+                  CT.innerHTML = CTTime;
+                  if(CTTime < 0) {
+                    CT.innerHTML = -CTTime;
+                    CTText.innerHTML = '超时';
+                    CT.className="text-red-500"
+                  }
+                }, 60*1000);
+              },
+            }
+            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 +336,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)

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
+})