| | |
| | | <div class="Enteroverhaul"> |
| | | <div class="btns"> |
| | | <el-button class="btn" type="primary" @click="startMaintenceTask"> |
| | | <div style=" |
| | | <div |
| | | style=" |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | "> |
| | | <img style="width: 4.75rem; height: 4.75rem" src="@/assets/Enteroverhaul/start.png" alt="" /> |
| | | <span style=" |
| | | " |
| | | > |
| | | <img |
| | | style="width: 4.75rem; height: 4.75rem" |
| | | src="@/assets/Enteroverhaul/start.png" |
| | | alt="" |
| | | /> |
| | | <span |
| | | style=" |
| | | color: rgba(0, 239, 248, 1); |
| | | font-size: 1.25rem; |
| | | margin-top: 1.6rem; |
| | | ">å¼å§æ£ä¿®</span> |
| | | " |
| | | >å¼å§æ£ä¿®</span |
| | | > |
| | | </div> |
| | | </el-button> |
| | | <el-button class="btn" type="primary" style="margin-left: 6.81rem" @click="stopMaintenceTask"> |
| | | <div style=" |
| | | <el-button |
| | | class="btn" |
| | | type="primary" |
| | | style="margin-left: 6.81rem" |
| | | @click="stopMaintenceTask" |
| | | > |
| | | <div |
| | | style=" |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | "> |
| | | <img style="width: 4.75rem; height: 4.75rem" src="@/assets/Enteroverhaul/pause.png" alt="" /> |
| | | <span style=" |
| | | " |
| | | > |
| | | <img |
| | | style="width: 4.75rem; height: 4.75rem" |
| | | src="@/assets/Enteroverhaul/pause.png" |
| | | alt="" |
| | | /> |
| | | <span |
| | | style=" |
| | | color: rgba(0, 239, 248, 1); |
| | | font-size: 1.25rem; |
| | | margin-top: 1.6rem; |
| | | ">ç»ææ£ä¿®</span> |
| | | " |
| | | >ç»ææ£ä¿®</span |
| | | > |
| | | </div> |
| | | </el-button> |
| | | </div> |
| | | <div v-if="isStart" class="content_box"> |
| | | <el-table empty-text="ææ æ°æ®" :data="tableData" style="width: 100%" :header-cell-style="{ |
| | | height: '1.61rem', |
| | | color: '#1AC8FE', |
| | | background: '#0A5B91', |
| | | fontSize: '0.88rem', |
| | | }" :cell-style="{ |
| | | color: '#fff', |
| | | background: '#147BAF', |
| | | }"> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | :header-cell-style="{ |
| | | height: '1.61rem', |
| | | color: '#1AC8FE', |
| | | background: '#0A5B91', |
| | | fontSize: '0.88rem', |
| | | }" |
| | | :cell-style="{ |
| | | color: '#fff', |
| | | background: '#147BAF', |
| | | }" |
| | | > |
| | | <el-table-column prop="userAccount" label="ç¨æ·è´¦å·" align="center" /> |
| | | <el-table-column prop="modifier" label="ä¿®æ¹äºº" /> |
| | | <el-table-column prop="modifyDate" label="ä¿®æ¹æ¶é´" align="center" /> |
| | | <el-table-column prop="maintenanceStatus" label="æ£ä¿®ç¶æ" align="center"> |
| | | <el-table-column |
| | | prop="maintenanceStatus" |
| | | label="æ£ä¿®ç¶æ" |
| | | align="center" |
| | | > |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.maintenanceStatus === 0">æªå¼å§</span> |
| | | <span v-else-if="scope.row.maintenanceStatus === 1">è¿è¡ä¸</span> |
| | | <span v-else-if="scope.row.maintenanceStatus === 2">å·²ç»æ</span></template> |
| | | <span v-else-if="scope.row.maintenanceStatus === 2" |
| | | >å·²ç»æ</span |
| | | ></template |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="maintenanceDate" label="æ´¾å任塿¶é´" align="center" /> |
| | | <el-table-column |
| | | prop="maintenanceDate" |
| | | label="æ´¾å任塿¶é´" |
| | | align="center" |
| | | /> |
| | | |
| | | <el-table-column prop="maintenancStartTime" label="å¼å§æ£ä¿®æ¶é´" align="center" /> |
| | | <el-table-column prop="maintenancEendTime" label="ç»ææ£ä¿®æ¶é´" align="center" /> |
| | | <el-table-column |
| | | prop="maintenancStartTime" |
| | | label="å¼å§æ£ä¿®æ¶é´" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="maintenancEendTime" |
| | | label="ç»ææ£ä¿®æ¶é´" |
| | | align="center" |
| | | /> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | |
| | | margin-top: 5.19rem; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |