| | |
| | | <div style="display: flex"> |
| | | <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick" |
| | | ref="table" :params="params" :apiObj="apiObj" |
| | | @selection-change="selectionChange" stripe> |
| | | @selection-change="selectionChange" stripe v-show="showTable"> |
| | | <el-table-column type="selection" width="50"></el-table-column> |
| | | <el-table-column label="工位编号" prop="code" width="120"></el-table-column> |
| | | <el-table-column label="工位名称" prop="name" width="120"></el-table-column> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </scTable> |
| | | <div style="margin-left: 14px" v-if="Object.keys(previewData).length > 0"> |
| | | <div style="margin-left: 14px;flex: 1 1 auto;" |
| | | v-if="Object.keys(previewData).length > 0"> |
| | | <div class="header"> |
| | | <el-icon @click="showTable = !showTable" |
| | | style="font-size: 20px;cursor: pointer;margin-top: 10px;"> |
| | | <el-icon-arrow-left v-show="showTable" /> |
| | | <el-icon-arrow-right v-show="!showTable" /> |
| | | </el-icon> |
| | | <p class="preview-title">工位信息</p> |
| | | <div class="preview-content"> |
| | | <div class="img"> |
| | |
| | | <el-header> |
| | | <h2>采集信息</h2> |
| | | <el-button v-show="list.length > 0" |
| | | @click="editFlag = !editFlag" style="margin-left: auto;" |
| | | text type="primary" size="small">配置工位采集</el-button> |
| | | @click="() => { editFlag = !editFlag; }" |
| | | style="margin-left: auto;" text type="primary" |
| | | size="small">配置工位采集</el-button> |
| | | <el-button v-show="editFlag" @click="saveInfo" text |
| | | type="primary" size="small">保存</el-button> |
| | | <el-button text type="primary" size="small" |
| | | @click="editDMP">修改DMP配置</el-button> |
| | | </el-header> |
| | | <el-main> |
| | | <el-table :data="list" height="200px"> |
| | | <el-table :data="list" height="200px" |
| | | @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" |
| | | v-if="editFlag" /> |
| | | <el-table-column label="采集变量名称" prop="name" |
| | | width="120" /> |
| | | <el-table-column label="工位变量名称" prop="dataItem" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | showTable: true, |
| | | machinePng, |
| | | showGrouploading: false, |
| | | options: [], |
| | |
| | | this.queryList() |
| | | }, |
| | | methods: { |
| | | handleSelectionChange(val) { |
| | | console.log(val) |
| | | val.forEach(v => { |
| | | v.bigScreen = true |
| | | v.realTimeData = true |
| | | v.processParameter = true |
| | | }) |
| | | this.list.forEach(v => { |
| | | if (val.filter(item => v.id === item.id).length == 0) { |
| | | console.log(v) |
| | | v.bigScreen = false |
| | | v.realTimeData = false |
| | | v.processParameter = false |
| | | } |
| | | }) |
| | | }, |
| | | editDMP() { |
| | | this.$HTTP.get(`/api/blade-system/param/detail?paramKey=system.dmp.url`).then(res => { |
| | | if (res.success) { |