| | |
| | | <!-- |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-11-10 19:35:08 |
| | | * @LastEditors: 李喆(开发组) lzhe@yxqiche.com |
| | | * @LastEditTime: 2025-11-18 16:57:42 |
| | | * @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 |
| | | --> |
| | |
| | | <div class="aposcope-main"> |
| | | <div class="aposcope-left"> |
| | | <!-- <div class="left-title">查询条件</div> --> |
| | | <MYTree v-model="treeChecked" @loaded="query"></MYTree> |
| | | <MYTree v-model="treeChecked" @loaded="query" :isSelectId="$route.query.code"></MYTree> |
| | | </div> |
| | | <div class="aposcope-right"> |
| | | <div class="content-machine-box" style="min-height: 450px;"> |
| | |
| | | <div class="dataHr"></div> |
| | | <div class="content-zhou-box"> |
| | | <div class="zhou-one content-zhou-border"> |
| | | <div><div id="wcs-left" style="width: 100%;height:300px;"></div></div> |
| | | <div><div id="wcs-left" style="width: 100%;height:340px;"></div></div> |
| | | </div> |
| | | <div class="zhou-two content-zhou-border"> |
| | | <el-table :data="tableData2" style="width: 100%;height:300px;"> |
| | | <el-table :data="tableData2" style="width: 100%;height:340px;"> |
| | | <el-table-column prop="test" label="轴"></el-table-column> |
| | | <el-table-column prop="test" label="坐标"></el-table-column> |
| | | <el-table-column prop="test" label="扭矩"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="zhou-three content-zhou-border"> |
| | | <el-table :data="alarmtableData" style="width: 100%;height:260px;"> |
| | | <el-table :data="alarmtableData" style="height:300px;"> |
| | | <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: 6px;padding-left: 6px;padding-right: 6px;" |
| | | style="margin-top: 6px;padding-left: 6px;padding-right: 6px;width: 450;position:absolute;right:0;" |
| | | @size-change="alarmSizeChange" |
| | | @current-change="alarmCurrentChange" |
| | | :current-page="currentPage4" |
| | | :page-sizes="[15, 50, 100]" |
| | | :current-page="alarmsearchData.current" |
| | | :page-size="15" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | layout="total, prev, pager, next" |
| | | :total="alarmtotal"> |
| | | </el-pagination> |
| | | </div> |
| | |
| | | name: "state-feedback", |
| | | data(){ |
| | | return { |
| | | currentPage4: 1, |
| | | getwcsRData: [], |
| | | tableData1: [], |
| | | tableData2: [], |
| | |
| | | }, |
| | | watch: { |
| | | treeChecked() { |
| | | this.query() |
| | | this.query(); |
| | | } |
| | | }, |
| | | mounted(){ |
| | |
| | | }, 500); |
| | | this.$TOOL.socket.websocket.onmessage = function(event) { |
| | | var JSONData = JSON.parse(res.data.dpConfig); |
| | | var SpindleLoad = JSONData.some(obj => obj.dpName === 'SpindleLoad'); //判断是否有主轴负载(SpindleLoad); |
| | | var SpindleRate = JSONData.some(obj => obj.dpName === 'SpindleRate'); //判断是否有主轴倍率(SpindleRate); |
| | | var FeedRate = JSONData.some(obj => obj.dpName === 'FeedRate'); //判断是否有进给倍率(FeedRate); |
| | | if(!SpindleLoad) JSONData.push({dpName: "SpindleLoad",dpLabel: "主轴负载"}); |
| | | if(!SpindleRate) JSONData.push({dpName: "SpindleRate",dpLabel: "主轴倍率"}); |
| | | if(!FeedRate) JSONData.push({dpName: "FeedRate",dpLabel: "进给倍率"}); |
| | | var SpindleLoad = JSONData.some(obj => obj.dpName === 'spindleLoad'); //判断是否有主轴负载(SpindleLoad); |
| | | var SpindleRate = JSONData.some(obj => obj.dpName === 'spindleRate'); //判断是否有主轴倍率(SpindleRate); |
| | | var FeedRate = JSONData.some(obj => obj.dpName === 'feedRate'); //判断是否有进给倍率(FeedRate); |
| | | if(!SpindleLoad) JSONData.push({dpName: "spindleLoad",dpLabel: "主轴负载"}); |
| | | if(!SpindleRate) JSONData.push({dpName: "spindleRate",dpLabel: "主轴倍率"}); |
| | | if(!FeedRate) JSONData.push({dpName: "feedRate",dpLabel: "进给倍率"}); |
| | | var eventData = JSON.parse(event.data); |
| | | JSONData.forEach((item,index)=> { //第一步把v放到code里 |
| | | if(item.dpName == "DeviceStatus") { //机器状态 |
| | | if(eventData.data[item.dpName]) { |
| | | item.code = eventData.data[item.dpName].v; |
| | | } |
| | | |
| | | setTimeout(()=> { |
| | | console.log(that.allwcs,888) |
| | | },5000) |
| | |
| | | if(eventData.data[item.dpName]) { |
| | | item.codeName = eventData.data[item.dpName].v; |
| | | }else { //ws没有的情况 |
| | | if(item.dpName == "SpindleLoad" || item.dpName == "SpindleRate" || item.dpName == "FeedRate") { |
| | | if(item.dpName == "spindleLoad" || item.dpName == "spindleRate" || item.dpName == "feedRate") { |
| | | item.codeName = 0; |
| | | }else { |
| | | item.codeName = ""; |
| | |
| | | } |
| | | .content-two,.zhou-three { |
| | | flex: 1; |
| | | position: relative; |
| | | } |
| | | .content-two { |
| | | border-left: 1px solid #eee; |
| | |
| | | width: 25%; |
| | | } |
| | | .zhou-one { |
| | | width: 28%; |
| | | width: 330px; |
| | | } |
| | | .zhou-two { |
| | | width:28%; |