| | |
| | | |
| | | <el-row :gutter="10"> |
| | | <el-col :span="12" v-for="(dataGroup, groupIndex) in jsonData" :key="groupIndex"> |
| | | <div>{{ dataGroup[0] }}</div> |
| | | <el-card class="json-block" style="width:670px;margin-bottom: 10px;"> |
| | | <div v-for="(item, itemIndex) in dataGroup" :key="itemIndex" class="item-container"> |
| | | <div class="item-row"> |
| | | <span class="name" style="width:300px;">{{ item.CNname }}</span> |
| | | |
| | | <el-input style="width:300px;" |
| | | v-if="item.state != 0 && item.type === '0' && groupIndex === 0 && (itemIndex === 2)" |
| | | @focus="handleInput(groupIndex, itemIndex)" v-model="item.value" class="input-box" |
| | | :oninput="`value=value.replace(/^\\D*(\\d*(?:\\.\\d{0,2})?).*$/g, '$1');if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | |
| | | <el-input style="width:300px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 0" |
| | | @focus="handleInput(groupIndex, itemIndex)" v-model="item.value" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | class="input-box" |
| | | :oninput="`value=value.replace(/^\\D*(\\d*(?:\\.\\d{0,2})?).*$/g, '$1');if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | |
| | | <!-- <el-input style="width: 300px;" v-else-if="(item.state !== 0) && (item.type === '0') && (itemIndex === 2)" |
| | | v-model="item.value" readonly class="input-box"></el-input> --> |
| | | |
| | | <el-input style="width:300px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 1" |
| | | @focus="handleInput(groupIndex, itemIndex)" v-model="item.value" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | class="input-box" |
| | | :oninput="`value=value.replace(/^\\D*(\\d*(?:\\.\\d{0,2})?).*$/g, '$1');if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | <el-input style="width:300px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 2" |
| | | @focus="handleInput(groupIndex, itemIndex)" v-model="item.value" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | class="input-box" |
| | | :oninput="`value=value.replace(/^\\D*(\\d*(?:\\.\\d{0,2})?).*$/g, '$1');if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | <el-input style="width:300px;" v-else-if="item.state != 0 && item.type === '0' && groupIndex === 3" |
| | | @focus="handleInput(groupIndex, itemIndex)" v-model="item.value" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | class="input-box" |
| | | :oninput="`value=value.replace(/^\\D*(\\d*(?:\\.\\d{0,2})?).*$/g, '$1');if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | <el-input style="width:300px;" v-else-if="item.state != 0 && item.type === '0'" v-model="item.value" |
| | | <el-input style="width:300px;" v-if="item.state != 0 && item.type === '0'" v-model="item.value" |
| | | @focus="handleInput(groupIndex, itemIndex)" class="input-box" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | :oninput="`value=value.replace(/^\\D*(\\d*(?:\\.\\d{0,2})?).*$/g, '$1');if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | |
| | | |
| | | <el-input style="width:300px;" v-if="item.state != 0 && item.type === '1'" v-model="item.value" |
| | | @focus="handleInput(groupIndex, itemIndex)" class="input-box" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | :oninput="`value=(value.replace(/\D/g,'')==''?'':parseInt(value));if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | |
| | | |
| | | <el-input style="width:300px;" v-if="item.state != 0 && item.type === '2'" v-model="item.value" |
| | | :disabled="true" @focus="handleInput(groupIndex, itemIndex)" class="input-box" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | :oninput="`value=(value.replace(/\D/g,'')==''?'':parseInt(value));if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | |
| | | |
| | | <el-input style="width:300px;" v-if="item.state != 0 && item.type === '3'" v-model="item.value" |
| | | @focus="handleInput(groupIndex, itemIndex)" class="input-box" |
| | | @keyup.enter.native="WriteWord(dataGroup, itemIndex, 0)" @blur="WriteWord(dataGroup, itemIndex, 1)" |
| | | :oninput="`value=(value.replace(/\D/g,'')==''?'':parseInt(value));if(value<` + item.min + `){value=` + item.value + `}else if(value>` + item.max + `){value=` + item.value + `}`"></el-input> |
| | | <span class="name" style="width:30px;">{{ item.unit }}</span> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="button-row" style="display: flex; justify-content: center;flex-wrap: wrap;"> |
| | |
| | | if (isNaN(dataGroup[itemIndex].value)) { |
| | | this.$message.success(this.$t('Operation Please enter number')); |
| | | } else { |
| | | WriteWord(dataGroup[itemIndex].address, dataGroup[itemIndex].value).then(res => { |
| | | WriteWord(dataGroup[itemIndex].address, dataGroup[itemIndex].value, dataGroup[itemIndex].type).then(res => { |
| | | if (res.data.message == 200) { |
| | | this.$message.success(this.$t('Operation successful')); |
| | | } |
| | |
| | | if (item2.button !== undefined) { |
| | | switch (index) { |
| | | case 0: |
| | | item2.button.value = obj.listpositionparam[0][index2]; |
| | | item2.button.value = obj.listPlcSysparam[0][index2]; |
| | | break; |
| | | case 1: |
| | | item2.button.value = obj.listA01param[0][index2]; |
| | | item2.button.value = obj.listPlcCountparam[0][index2]; |
| | | break; |
| | | case 2: |
| | | item2.button.value = obj.listA02param[0][index2]; |
| | | item2.button.value = obj.listPlcTimerparam[0][index2]; |
| | | break; |
| | | case 3: |
| | | item2.button.value = obj.listB01param[0][index2]; |
| | | item2.button.value = obj.listHollowparam[0][index2]; |
| | | break; |
| | | case 4: |
| | | item2.button.value = obj.listC01param[0][index2]; |
| | | item2.button.value = obj.listA01param[0][index2]; |
| | | break; |
| | | case 5: |
| | | item2.button.value = obj.listC02param[0][index2]; |
| | | item2.button.value = obj.listA02param[0][index2]; |
| | | break; |
| | | case 6: |
| | | item2.button.value = obj.listHollowparam[0][index2]; |
| | | item2.button.value = obj.listB01param[0][index2]; |
| | | break; |
| | | case 7: |
| | | item2.button.value = obj.listC01param[0][index2]; |
| | | break; |
| | | case 8: |
| | | item2.button.value = obj.listC02param[0][index2]; |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | |
| | | } else { |
| | | if (item2.value2 !== 1) { |
| | | switch (index) { |
| | | case 0: |
| | | item2.value = obj.listpositionparam[0][index2]; |
| | | item2.value = obj.listPlcSysparam[0][index2]; |
| | | break; |
| | | case 1: |
| | | item2.value = obj.listA01param[0][index2]; |
| | | item2.value = obj.listPlcCountparam[0][index2]; |
| | | break; |
| | | case 2: |
| | | item2.value = obj.listA02param[0][index2]; |
| | | item2.value = obj.listPlcTimerparam[0][index2]; |
| | | break; |
| | | case 3: |
| | | item2.value = obj.listB01param[0][index2]; |
| | | item2.value = obj.listHollowparam[0][index2]; |
| | | break; |
| | | case 4: |
| | | item2.value = obj.listC01param[0][index2]; |
| | | item2.value = obj.listA01param[0][index2]; |
| | | break; |
| | | case 5: |
| | | item2.value = obj.listC02param[0][index2]; |
| | | item2.value = obj.listA02param[0][index2]; |
| | | break; |
| | | case 6: |
| | | item2.value = obj.listHollowparam[0][index2]; |
| | | item2.value = obj.listB01param[0][index2]; |
| | | break; |
| | | case 7: |
| | | item2.value = obj.listC01param[0][index2]; |
| | | break; |
| | | case 8: |
| | | item2.value = obj.listC02param[0][index2]; |
| | | break; |
| | | default: |
| | | break; |