| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-04-26 09:36:18 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-04-26 18:07:52 |
| | | * @LastEditTime: 2024-05-14 18:41:53 |
| | | * @FilePath: /smart-web/src/views/mdc/status-record.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | |
| | | <!-- collectionstatus 反馈状态 |
| | | date 日期 |
| | | workstationInfoList 工位list --> |
| | | <record-charts-by-date :collectionstatus="collectionstatus" :date="date" :workstationInfoList="workstationInfoList" v-if="collectionstatus.length != 0"></record-charts-by-date> |
| | | <record-charts-by-date :achievements="allwcs" :date="date" :workstationInfoList="workstationInfoList" v-if="achievements.length != 0"></record-charts-by-date> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="按工位查看" name="time"> |
| | | <div class="fact-analysis-realtim"> |
| | |
| | | <div>暂无数据</div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div v-if="!isshowempty"> |
| | | <el-button-group> |
| | | <el-button @click="changeTabGongwei(item)" :type="btnGongweiListActive == item.id ? 'primary' : ''" v-for="item in btnGongweiList" :key="item.id" size="small">{{item.name }}</el-button> |
| | | </el-button-group> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- setWork 入参 --> |
| | | <record-charts-by-workstation :setWork="setWork" :select="select" :collectionstatus="collectionstatus" v-if="!isshowempty"></record-charts-by-workstation> |
| | | <record-charts-by-workstation :setWork="setWork" :select="select" :achievements="allwcs" v-if="!isshowempty"></record-charts-by-workstation> |
| | | </div> |
| | | </div> |
| | | <save-dialog v-if="dialog.save" ref="saveDialog" @success="addfeedbackSuccess" :workstationId="lastLevelId" @closed="dialog.save=false"></save-dialog> |
| | |
| | | import recordChartsByWorkstation from './components/recordChartsByWorkstation.vue'; |
| | | export default { |
| | | components: { |
| | | time: "", |
| | | MYTree, |
| | | recordChartsByDate, |
| | | recordChartsByWorkstation, |
| | |
| | | achievements: [], |
| | | collectionstatus: [], |
| | | workstationId: "", |
| | | setWork: {} |
| | | setWork: {}, |
| | | allwcs: [] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }, |
| | | methods: { |
| | | addfeedbackSuccess() { |
| | | var workstationName = ""; |
| | | this.btnGongweiList.forEach(item=> { |
| | | if(item.id == this.btnGongweiListActive) { |
| | | workstationName = item.name; |
| | | } |
| | | }) |
| | | this.setWork = { |
| | | endDate: this.time[1], |
| | | startDate: this.time[0], |
| | | humanFeedback: true, |
| | | machineFeedback: true, |
| | | workstationId: this.lastLevelId |
| | | workstationId: this.lastLevelId, |
| | | workstationName: workstationName |
| | | } |
| | | }, |
| | | table_edit(){ |
| | |
| | | changeTabGongwei(item) { //按工位查询 |
| | | this.btnGongweiListActive = item.id; |
| | | this.lastLevelId = this.btnGongweiListActive; |
| | | var workstationName = ""; |
| | | this.btnGongweiList.forEach(item=> { |
| | | if(item.id == this.btnGongweiListActive) { |
| | | workstationName = item.name; |
| | | } |
| | | }) |
| | | this.setWork = { |
| | | endDate: this.time[1], |
| | | startDate: this.time[0], |
| | | humanFeedback: true, |
| | | machineFeedback: true, |
| | | workstationId: item.id |
| | | workstationId: item.id, |
| | | workstationName: workstationName |
| | | } |
| | | }, |
| | | getachievements() { //班次状态记录采集状态 |
| | |
| | | }) |
| | | this.achievements = achievements; |
| | | this.collectionstatus = collectionstatus; |
| | | this.allwcs = res.data; |
| | | } |
| | | }) |
| | | }, |
| | |
| | | startDate: this.time[0], |
| | | humanFeedback: true, |
| | | machineFeedback: true, |
| | | workstationId: this.select[0].id |
| | | workstationId: this.select[0].id, |
| | | workstationName: this.btnGongweiList[0].name |
| | | } |
| | | this.isshowempty = false; |
| | | } |
| | |
| | | z-index: 99; |
| | | } |
| | | .MYTree { |
| | | height: calc(100% - 200px); |
| | | height: 600px; |
| | | } |
| | | .MYTree-content { |
| | | height: 100%; |
| | | overflow: hidden; |
| | | overflow-y: auto; |
| | | } |
| | |
| | | flex-wrap: wrap; |
| | | } |
| | | .status-wrap /deep/ .el-checkbox.el-checkbox--large { |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | } |
| | | .fact-analysis-realtim { |
| | | display: flex; |
| | |
| | | position: absolute; |
| | | right: 10px; |
| | | top: -2px; |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | cursor: pointer; |
| | | } |
| | | .aposcope-right /deep/ .el-tabs__content { |
| | | overflow: visible; |
| | | } |
| | | </style> |