时间选择器样式修改

index.html

@@ -47,21 +47,21 @@
 <!--            示例插件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" data-pstart="1627560659000" data-rstart="1627564259000" style="height:50px;width:100%">
+            <div data-tname="静脉溶栓" data-pid="1420652719055839232" data-uid="1323567842540523520" data-rid="rid333" data-tid="tid444" data-did="did555" data-pstart="1627560659000" data-rstart="1627564259000" style="height:50px;width:100%">
               <!-- 到场插件 -->
               <div data-root="p1419895941603008512" class="flex flex-row items-center" style="height:100%;width:100%;">
-                <div class="flex-1 title"></div>
+                <div class="flex-1 title" onclick="p1419895941603008512.jumpDetails(this)"></div>
                 <div class="flex flex-nowrap startBtn mr-2">
                   <button class="bg-blue-500 text-xs rounded-full py-1 px-5 text-white" onclick="p1419895941603008512.show(this)">开始</button>
                 </div>
-                <div class="flex flex-nowrap statusBtn mr-2 font-bold" style="display:none" onclick="p1419895941603008512.jumpDetails(this)">
-                  <span class="mr-3 startTime"></span>
+                <div class="flex flex-nowrap statusBtn mr-2 font-bold" style="display:none">
+                  <span class="mr-3 startTime" onclick="p1419895941603008512.show(this)"></span>
                   <span class="text-red-500 disparity"></span>
                 </div>
                 <div class="flex flex-row-reverse items-center" onclick="p1419895941603008512.jumpDetails(this)">
                   <img style="height:16px" src="https://www.tall.wiki/staticrec/photos/right.png">
                 </div>
-                <div class="time-box w-screen h-screen fixed z-10" style="background: rgba(0,0,0,0.65);top:0;left:0;display:block">
+                <div class="time-box w-screen h-screen fixed z-10" style="background: rgba(0,0,0,0.65);top:0;left:0;display:none">
                   <div class="flex flex-col absolute w-full" style="background:#fff;bottom: 0;height:300px;border-radius:8px 8px 0 0;padding:0 16px">
                     <div class="flex justify-between p-2 border-gray-200 border-b-2" style="height:44px;">
                       <div class="text-gray-500" onclick="p1419895941603008512.cancelTime()">取消</div>
@@ -132,7 +132,6 @@
                   this.planStart = domBox.getAttribute('data-pstart')
                   this.realStart = domBox.getAttribute('data-rstart')
                   this.chooseTimeValue = +this.realStart
-                  this.setTimeData()
 
                   // 获取父元素携带的参数
                   var userId = domBox.getAttribute("data-uid");
@@ -162,6 +161,7 @@
                 async show(){
                   var timeBox = this.dom.querySelector('.time-box');
                   timeBox.style.display = 'block'
+                  this.setTimeData()
                 },
 
                 /**
@@ -172,12 +172,11 @@
                  */
                 choose(time){
                   var that = this;
-                  console.log(that.token)
                   var params = JSON.stringify({
                     param: {
                       codeAndAnswerList: [
                         {
-                          answer: time,
+                          answer: [time],
                           questionCode: 'JMRSSJ'
                         }
                       ],
@@ -224,7 +223,7 @@
                   var ms = (+this.planStart) - (+this.chooseTimeValue); //时间差的毫秒数
                   var morbidityTime = Math.ceil(ms/1000/60);
                   disparity.innerHTML = morbidityTime + "min"
-                  startTime.innerHTML = this.setTime(this.realStart)
+                  startTime.innerHTML = this.setTime(this.chooseTimeValue)
                   if(morbidityTime >= 0){
                     disparity.className="text-red-500 disparity"
                   }else{
@@ -242,7 +241,7 @@
                   var minute = (time.getMinutes()).toString().padStart(2, '0')
                   var second = (time.getSeconds()).toString().padStart(2, '0')
 
-                  return minute + ':' + second
+                  return hours + ':' + minute
                 },
 
                 // 开始到场
@@ -305,12 +304,10 @@
                   if(min<10) {
                     min = '0' + min
                   }
-                  console.log(`${year}-${month}-${day} ${hour}:${min}`)
                   var chooseTime = `${year}-${month}-${day} ${hour}:${min}`
                   this.chooseTimeValue = new Date(chooseTime).getTime()
                   if(chooseTime){
                     await this.choose(new Date(chooseTime).getTime())
-                    console.log('new Date(chooseTime).getTime(): ', new Date(chooseTime).getTime());
                     this.cancelTime()
                   }
                 },
@@ -322,6 +319,12 @@
                   var yearDom = this.dom.querySelector('.year-box');
                   var monthDom = this.dom.querySelector('.month-box');
                   var dateDom = this.dom.querySelector('.day-box');
+                  // 清空
+                  hourDom.innerHTML = '';
+                  minDom.innerHTML = '';
+                  yearDom.innerHTML = '';
+                  monthDom.innerHTML = '';
+                  dateDom.innerHTML = '';
                   var nowYear = new Date().getFullYear();
                   var nowMonth = new Date().getMonth();
                   var nowDay = new Date().getDate()-1;
@@ -332,7 +335,6 @@
                   var dayTop = 0;
                   var hourTop = 0;
                   var minTop = 0;
-                  console.log(nowYear,nowMonth,nowDay,nowHour,nowMin)
                   /* 生成小时数组 */
                   for(let i=0;i<24;i++) {
                     var div = document.createElement('div');