|  |  | 
 |  |  |               <div class="line" v-for="item, i in data6?.platformLogList"> | 
 |  |  |                 <div class="time_wrap"> | 
 |  |  |                   <div class="time" :style="{ | 
 |  |  |                     backgroundColor: item.objType == 5?'#4ca8f7':item.objType == 6?'#f2b23e':item.objType == 10?'#4673f6':'#4aa38f' | 
 |  |  |                     backgroundColor: item.objType == 5 ? '#4ca8f7' : item.objType == 6 ? '#f2b23e' : item.objType == 10 ? '#4673f6' : '#4aa38f' | 
 |  |  |                   }" v-if="item.createDate">{{ item.createDate.slice(11, 16) }}</div> | 
 |  |  |                   <div class="sp" :style="{ | 
 |  |  |                     backgroundColor: item.objType == 5?'#4ca8f7':item.objType == 6?'#f2b23e':item.objType == 10?'#4673f6':'#4aa38f' | 
 |  |  |                     backgroundColor: item.objType == 5 ? '#4ca8f7' : item.objType == 6 ? '#f2b23e' : item.objType == 10 ? '#4673f6' : '#4aa38f' | 
 |  |  |                   }"></div> | 
 |  |  |                   <div class="dian" :style="{ | 
 |  |  |                     backgroundColor: item.objType == 5?'#4ca8f7':item.objType == 6?'#f2b23e':item.objType == 10?'#4673f6':'#4aa38f' | 
 |  |  |                     backgroundColor: item.objType == 5 ? '#4ca8f7' : item.objType == 6 ? '#f2b23e' : item.objType == 10 ? '#4673f6' : '#4aa38f' | 
 |  |  |                   }"></div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="id_card">{{ item.carCodeFront || item.param4 }}</div> | 
 |  |  | 
 |  |  |       color: '#61d3f9' | 
 |  |  |     }])] | 
 |  |  |   const temp = [] | 
 |  |  |   temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: '100.0' }) | 
 |  |  |   temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1)}) | 
 |  |  |   temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) }) | 
 |  |  |   temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) }) | 
 |  |  |   temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100.0' : 0 }) | 
 |  |  |   temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) | 
 |  |  |   temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) | 
 |  |  |   temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 }) | 
 |  |  |   console.log('temp', temp) | 
 |  |  |  | 
 |  |  |   const option = { | 
 |  |  | 
 |  |  |         maxSize: '80%', | 
 |  |  |         gap: 4, | 
 |  |  |         label: { | 
 |  |  |           show: false | 
 |  |  |           show: false, | 
 |  |  |           formatter: '', | 
 |  |  |           lineHeight: 0, | 
 |  |  |           position: 'inside' | 
 |  |  |         }, | 
 |  |  |  | 
 |  |  |         itemStyle: {  //去掉默认白色边框线 | 
 |  |  | 
 |  |  |  | 
 |  |  | const data7 = ref([]) | 
 |  |  | const getData7 = () => { | 
 |  |  |   cnwarningList({ size: 7 }).then(res => { | 
 |  |  |   cnwarningList({ size: 10 }).then(res => { | 
 |  |  |     const result = res.data || [] | 
 |  |  |     data7.value = result.map(item => { | 
 |  |  |       item.haveTime = dayjs.duration(new Date().getTime() - new Date(item.createDate).getTime()).format('HH小时mm分钟') | 
 |  |  | 
 |  |  |         padding: 0px 24px 0px; | 
 |  |  |         height: 200px; | 
 |  |  |         margin-top: 20px; | 
 |  |  |         overflow: auto; | 
 |  |  |         overflow: hidden; | 
 |  |  |  | 
 |  |  |         .line { | 
 |  |  |           display: flex; | 
 |  |  | 
 |  |  |  | 
 |  |  |         .two-swiper { | 
 |  |  |           height: 180px; | 
 |  |  |           overflow: auto; | 
 |  |  |           overflow: hidden; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .line { | 
 |  |  |           display: flex; | 
 |  |  |           height: 30px; | 
 |  |  |  | 
 |  |  |           &:nth-of-type(2n) { | 
 |  |  |           &:nth-of-type(2n + 1) { | 
 |  |  |             background: rgba(12, 153, 236, 0.2); | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |           &:nth-of-type(2n + 1) { | 
 |  |  |           &:nth-of-type(2n) { | 
 |  |  |             background: rgba(1, 15, 35, 0.61); | 
 |  |  |             box-shadow: inset 0px 0px 40px 0px rgba(23, 51, 108, 0.66); | 
 |  |  |           } | 
 |  |  | 
 |  |  |             display: flex; | 
 |  |  |             justify-content: center; | 
 |  |  |             align-items: center; | 
 |  |  |             font-size: 12px; | 
 |  |  |             font-size: 14px; | 
 |  |  |             color: #D2E0FF; | 
 |  |  |           } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         .header { | 
 |  |  |           font-weight: 500; | 
 |  |  |           font-size: 13px; | 
 |  |  |           font-size: 14px; | 
 |  |  |           color: #01ABFE; | 
 |  |  |           background: rgba(1, 15, 35, 0.61) !important; | 
 |  |  |           box-shadow: inset 0px 0px 40px 0px rgba(23, 51, 108, 0.66) !important; | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  | 
 |  |  |           align-items: center; | 
 |  |  |  | 
 |  |  |           .name { | 
 |  |  |             font-size: 12px; | 
 |  |  |             font-size: 14px; | 
 |  |  |             color: #D2E0FF; | 
 |  |  |           } | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  |       .list { | 
 |  |  |         height: 220px; | 
 |  |  |         overflow: auto; | 
 |  |  |         overflow: hidden; | 
 |  |  |         margin-top: 15px; | 
 |  |  |         scrollbar-width: none; | 
 |  |  |  | 
 |  |  |         .item { | 
 |  |  |           display: flex; | 
 |  |  |           font-size: 13px; | 
 |  |  |           color: #D2E0FF; | 
 |  |  |           height: 110px; | 
 |  |  |  | 
 |  |  |           .icon { | 
 |  |  |             width: 40px; | 
 |  |  |             display: flex; |