| | |
| | | |
| | | <div class="button-row" style="display: flex; justify-content: flex-start;flex-wrap:wrap;"> |
| | | <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex" style="margin: 10px;"> |
| | | <el-button v-if="item.button" :name="item.button.name" :class="getStatusClass(item.button.value)" |
| | | class="action-button" @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend();">{{ |
| | | item.button.name |
| | | }}</el-button> |
| | | <el-button v-if="item.button" :name="item.button.name" |
| | | :class="{ 'dow': false, 'op': item.button.value === 1 }" class="action-button" |
| | | @click="updateButtonValue(dataGroup, itemIndex); submitDataToBackend();">{{ |
| | | item.button.name |
| | | }}</el-button> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | |
| | | }, |
| | | //根据读取PLC的值,根据名称改变颜色1打开,0关闭 |
| | | getStatusClass (zhuangtai) { |
| | | console.log(zhuangtai); |
| | | // console.log(zhuangtai); |
| | | if (zhuangtai === 1) { |
| | | return "op"; |
| | | } |
| | |
| | | |
| | | // console.log(parms); |
| | | |
| | | if(obj.params){ |
| | | |
| | | for (let i = 0; i < jsonData2.length; i++) { |
| | | let arr = jsonData2[i]; |
| | |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | |
| | | |
| | | .action-button { |
| | | margin-right: 10px; |
| | | background: #66b1ff; |
| | | background: #A0A0A0; |
| | | color: #FFF; |
| | | } |
| | | |