1

lzhe

2024-11-08 75b68e6680ac060c408753677e952d4f4547756c

 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%;