1

lzhe

2024-11-08 75b68e6680ac060c408753677e952d4f4547756c

1

 src/views/mdc/station-live.vue

@@ -2,14 +2,14 @@
 * @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">
@@ -51,6 +51,7 @@
                    </div>
                </div>
            </div>
			
            <el-tabs type="border-card" class="demo-tabs">
                <el-tab-pane label="工位数据">
                    <div style="text-align: right;margin-bottom: 14px;">
@@ -60,45 +61,7 @@
                        <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>
                    <div class="bottom-panel content-panel">
                        <div class="panel-title">班次状态记录</div>
                        <div class="panel-content bottom-panel-chart">
                            <div class="status">
                                <div class="feed-button" @click="table_edit">状态反馈</div>
                                <div class="status-wrap align-left">
                                    <div class="collect-status">采集状态</div>
                                    <div class="status-box" v-for="item in achievements"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div>
                                </div>
                                <div class="status-wrap">
                                    <el-checkbox v-model="humanFeedback" label="人工反馈状态" size="large" />
                                    <div class="status-con">
                                        <div class="status-box" v-for="item in collectionstatus"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div style="padding: 8px;">
                            <div id="wcs-log" style="width: 100%;height:200px;"></div>
                            <el-table ref="multipleTableRef1" :data="recordData" border style="width: 100%;">
                                <el-table-column prop="shiftIndexName" label="班次"></el-table-column>
                                <el-table-column prop="5" label="调试"></el-table-column>
                                <el-table-column prop="4" label="离线"></el-table-column>
                                <el-table-column prop="3" label="待机"></el-table-column>
                                <el-table-column prop="1" label="报警"></el-table-column>
                                <el-table-column prop="2" label="运行"></el-table-column>
                                <el-table-column prop="oee" label="稼动率%">
                                    <template #default="scope">
                                        <span>{{(Number(scope.row.oee) * 100).toFixed(2)}}</span>
                                    </template>
                                </el-table-column>
                                <el-table-column prop="perdata" label="报警率%">
                                    <template #default="scope">
                                        <span>{{(Number(scope.row.fault) * 100).toFixed(2)}}</span>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
					
                </el-tab-pane>
                <el-tab-pane label="机器履历">
                    <div class="alarm-title">报警信息履历</div>
@@ -119,6 +82,46 @@
                    </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">
                    <div class="status">
                        <div class="feed-button" @click="table_edit">状态反馈</div>
                        <div class="status-wrap align-left">
                            <div class="collect-status">采集状态</div>
                            <div class="status-box" v-for="item in achievements"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div>
                        </div>
                        <div class="status-wrap">
                            <el-checkbox v-model="humanFeedback" label="人工反馈状态" size="large" />
                            <div class="status-con">
                                <div class="status-box" v-for="item in collectionstatus"><div class="status-color" :style="{'background-color': item.color}"></div>{{ item.name }}</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="padding: 8px;">
                    <div id="wcs-log" style="width: 100%;height:200px;"></div>
                    <el-table ref="multipleTableRef1" :data="recordData" border style="width: 100%;">
                        <el-table-column prop="shiftIndexName" label="班次"></el-table-column>
                        <el-table-column prop="5" label="调试"></el-table-column>
                        <el-table-column prop="4" label="离线"></el-table-column>
                        <el-table-column prop="3" label="待机"></el-table-column>
                        <el-table-column prop="1" label="报警"></el-table-column>
                        <el-table-column prop="2" label="运行"></el-table-column>
                        <el-table-column prop="oee" label="稼动率%">
                            <template #default="scope">
                                <span>{{(Number(scope.row.oee) * 100).toFixed(2)}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column prop="perdata" label="报警率%">
                            <template #default="scope">
                                <span>{{(Number(scope.row.fault) * 100).toFixed(2)}}</span>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
        </div>
    </div>
    <save-dialog v-if="dialog.save" ref="saveDialog"  @success="addfeedbackSuccess" :workstationId="treeChecked.toString()" @closed="dialog.save=false"></save-dialog>
@@ -783,7 +786,7 @@
    margin-right: 8px;
    padding: 4px;
    background-color: #fff;
    padding-top: 20px;
    padding-top:20px;
}
.aposcope-right {
    flex: 1;
@@ -943,7 +946,6 @@
}
.panel-content {
    width: 100%;
    height: calc(100% - 45px);
}
.panel-content-gant, .panel-content-table {
    width: 100%;