| | |
| | | |
| | | <!-- Left Task Bar --> |
| | | <div class="task-bar-left left-task-bar" > |
| | | <div> |
| | | <el-tooltip :content="'Switch value: ' + valueLeft" placement="top"> |
| | | <el-switch |
| | | v-model="valueLeft" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949" |
| | | active-value="100" |
| | | inactive-value="0"> |
| | | </el-switch> |
| | | </el-tooltip> |
| | | </div> |
| | | <div v-if="valueLeft === '100' " class="task-bar-div1"> |
| | | <div v-if="valueLeft === '100' " class="task-bar-div1" style="margin-top: 200px"> |
| | | <el-table |
| | | :data="tableDataLeft" |
| | | style="width: 100%" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div> |
| | | <el-tooltip :content="'Switch value: ' + valueLeft" placement="top"> |
| | | <el-switch |
| | | v-model="valueLeft" |
| | | active-color="#13ce66" |
| | | inactive-color="#ff4949" |
| | | active-value="100" |
| | | inactive-value="0"> |
| | | </el-switch> |
| | | </el-tooltip> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- Right Task Bar --> |
| | | <div class="task-bar-right right-task-bar"> |
| | | |
| | | <div style="top: 20%;margin-top: 10px"> |
| | | </div> |
| | | <div v-if="valueRight === '100' " class="task-bar-div1" style="margin-top: 200px"> |
| | | <el-table |
| | | :data="tableDataRight" |