| | |
| | | <!-- |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-11-10 18:49:17 |
| | | * @LastEditors: 李喆(开发组) lzhe@yxqiche.com |
| | | * @LastEditTime: 2025-03-27 14:50:26 |
| | | * @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:300px;"> |
| | | <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;width: 450;position:absolute;right:0;" |
| | | @size-change="alarmSizeChange" |
| | | @current-change="alarmCurrentChange" |
| | | :current-page="alarmsearchData.current" |
| | | :page-size="15" |
| | | layout="total, prev, pager, next" |
| | | :total="alarmtotal"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <div>------------------------------------</div> |
| | |
| | | name: "state-feedback", |
| | | data(){ |
| | | return { |
| | | currentPage4: 1, |
| | | getwcsRData: [], |
| | | tableData1: [], |
| | | tableData2: [], |
| | |
| | | }, |
| | | watch: { |
| | | treeChecked() { |
| | | this.query() |
| | | this.query(); |
| | | } |
| | | }, |
| | | mounted(){ |
| | |
| | | } |
| | | .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%; |