调整样式

index.html

@@ -21,43 +21,40 @@
     <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 class="h-aotu 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 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">距CT25"<span class="CTText">剩余</span><span class="text-2xl"><span class="text-blue-500 CTTime">--</span>′</span></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>
               <!-- 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 dom = document.querySelector("div[data-root=p1419895315833823232]");
+                var domBox = dom.parentNode;
                 var projectId = '';
-                this.userId = domBox.getAttribute("data-uid");
-                this.projectId = domBox.getAttribute("data-pid");
+                // 获取父元素携带的参数
+                var userId = domBox.getAttribute("data-uid");
+                projectId = domBox.getAttribute("data-pid");
                 // 初始化的时候 获取token
-                this.getTokenByUserId(this.userId);
+                this.getTokenByUserId(userId,projectId,dom);
               },
 
               // 获取token
-              getTokenByUserId(userId){
+              getTokenByUserId(userId,projectId,dom){
+                var token = '';
                 var that = this
                 fetch(`https://www.tall.wiki/gateway/tall/v1.0/users/userId?userId=${userId}`)
                 .then(function(response) {
@@ -66,9 +63,9 @@
                 .then(function(res) {
                   const { success, code, data, msg } = res;
                   if (success && code === 200) {
-                      that.token = data.token;
+                      token = data.token;
                       // 批量查询患者急救记录
-                      that.getFirstAidRecord()
+                      that.getFirstAidRecord(token,projectId,dom)
                     } else {
                       alert(msg || '获取失败')
                     }
@@ -76,10 +73,10 @@
               },
 
               // 查询有没有数据
-              handleSetDate(){
+              handleSetDate(timer){
                 var that = this
                 timer = setInterval(function() {
-                  that.getFirstAidRecord()
+                  that.getFirstAidRecord(timer)
                 }, 5000);
               },
 
@@ -88,9 +85,9 @@
                * @param {string} projectId 项目id
                * @param {Array} code
                */
-              getFirstAidRecord() {
+              getFirstAidRecord(token,projectId,dom) {
                 var that = this
-                const { token, projectId } = that;
+                var timer = null;
                 const params = JSON.stringify({
                   param: { projectId, code: [] }
                 });
@@ -110,19 +107,18 @@
                   if (success && code === 200) {
                     if(data && data.TimeOfOnset && data.TriageTime){
                       clearInterval(timer);
-                      that.setDate(data)
+                      that.setDate(data,dom)
                     }else{
-                      that.handleSetDate()
+                      that.handleSetDate(timer)
                     }
                   } else {
                     alert(msg || '查询失败')
                   }
-                  that.handleSetDate()
                 })
               },
 
               // 界面渲染
-              setDate(res) {
+              setDate(res,dom) {
                 console.log('res: ', res);
                 var nowDate = new Date();
                 // 距发病时间：当前时间-发病时间
@@ -153,7 +149,6 @@
                 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 {