| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-11-08 15:55:24 |
| | | * @LastEditTime: 2024-11-08 18:26:10 |
| | | * @FilePath: /smart-web/src/views/master/person/main/index.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | | <template> |
| | | <div class="aposcope-main"> |
| | | <div class="aposcope-left"> |
| | | <el-row style="margin: 8px;font-size: 14px;">工位</el-row> |
| | | <!-- <div class="left-title">查询条件</div> --> |
| | | <MYTree v-model="treeChecked" @loaded="query"></MYTree> |
| | | </div> |
| | | <div class="aposcope-right"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-tabs type="border-card" class="demo-tabs"> |
| | | <el-tab-pane label="工位数据"> |
| | | <div style="text-align: right;margin-bottom: 14px;"> |
| | |
| | | <div><div id="wcs-left" style="width: 100%;height:400px;"></div></div> |
| | | <div><div id="wcs-right" style="width: 100%;height:400px;"></div></div> |
| | | </div> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="机器履历"> |
| | | <div class="alarm-title">报警信息履历</div> |
| | | <el-table ref="multipleTableRef" :data="alarmtableData" border style="width: 100%" class="multipleTableRef"> |
| | | <el-table-column prop="alarmCode" label="报警代码"></el-table-column> |
| | | <el-table-column prop="alarmMsg" label="报警信息"></el-table-column> |
| | | <el-table-column prop="alarmTime" label="报警时间"></el-table-column> |
| | | </el-table> |
| | | <el-pagination |
| | | style="margin-top: 12px;" |
| | | @size-change="alarmSizeChange" |
| | | @current-change="alarmCurrentChange" |
| | | :current-page="currentPage4" |
| | | :page-sizes="[15, 50, 100]" |
| | | :page-size="15" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="alarmtotal"> |
| | | </el-pagination> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | |
| | | <div class="bottom-panel content-panel"> |
| | | <div class="panel-title">班次状态记录</div> |
| | | <div class="panel-content bottom-panel-chart"> |
| | |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="机器履历"> |
| | | <div class="alarm-title">报警信息履历</div> |
| | | <el-table ref="multipleTableRef" :data="alarmtableData" border style="width: 100%" class="multipleTableRef"> |
| | | <el-table-column prop="alarmCode" label="报警代码"></el-table-column> |
| | | <el-table-column prop="alarmMsg" label="报警信息"></el-table-column> |
| | | <el-table-column prop="alarmTime" label="报警时间"></el-table-column> |
| | | </el-table> |
| | | <el-pagination |
| | | style="margin-top: 12px;" |
| | | @size-change="alarmSizeChange" |
| | | @current-change="alarmCurrentChange" |
| | | :current-page="currentPage4" |
| | | :page-sizes="[15, 50, 100]" |
| | | :page-size="15" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="alarmtotal"> |
| | | </el-pagination> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | <save-dialog v-if="dialog.save" ref="saveDialog" @success="addfeedbackSuccess" :workstationId="treeChecked.toString()" @closed="dialog.save=false"></save-dialog> |
| | |
| | | } |
| | | .panel-content { |
| | | width: 100%; |
| | | height: calc(100% - 45px); |
| | | } |
| | | .panel-content-gant, .panel-content-table { |
| | | width: 100%; |