| | |
| | | > |
| | | </el-breadcrumb> |
| | | |
| | | <el-row :gutter="18" class="card"> |
| | | <el-row :gutter="18" class="card" style="width: 1400px"> |
| | | <el-col |
| | | :span="7" |
| | | v-for="(dataGroup, groupIndex) in jsonData" |
| | | :key="groupIndex" |
| | | > |
| | | <el-card class="json-block"> |
| | | <el-card class="json-block" style="width: 400px"> |
| | | <div |
| | | class="button-row" |
| | | style="display: flex; justify-content: space-between" |
| | |
| | | <span class="name" style="width: 250px">{{ item.name }}</span> |
| | | <el-input |
| | | v-if="item.type === '0'" |
| | | style="width: 120px" |
| | | v-model="item.value" |
| | | class="input-box" :oninput="`value=value.replace(/^0|[^0-9]/g,'');if(value<`+item.min+`){value=`+item.value+`}else if(value>`+item.max+`){value=`+item.value+`}`" |
| | | @keyup.enter.native="submitDataToBackend($event)" |
| | | ></el-input> |
| | | <span v-if="item.unit" :name="item.unit">{{ item.unit }}</span> |
| | | |
| | | <!-- <el-button |
| | | v-if="item.type === '0' && item.name !== '格子间距' && item.name !== '出片接片地址' && item.name !== '存片接片地址'" |
| | | class="input-box" @click="submitDataToBackend();">取地址</el-button> --> |
| | | <el-button |
| | | v-if="item.type === '0' && item.name !== '格子间距' && item.name !== 'GridSpacing' " |
| | | |
| | | class="input-box" @click="updateButtonValue(dataGroup, itemIndex,groupIndex);">{{ $t("Set") }}</el-button> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | |
| | | data() { |
| | | return { |
| | | jsonData: data, // 加载整个data.json文件作为jsonData |
| | | A01:"", |
| | | A02:"", |
| | | B01:"", |
| | | B02:"", |
| | | jianju:"" |
| | | |
| | | }; |
| | | }, |
| | | activated() { |
| | |
| | | this.$forceUpdate(); |
| | | }, |
| | | methods: { |
| | | updateButtonValue(dataGroup, itemIndex) { |
| | | this.$set(dataGroup[itemIndex].button, "value", 1); // 点击按钮后将值改为1 |
| | | updateButtonValue(dataGroup, itemIndex,groupIndex) { |
| | | |
| | | if(groupIndex==1){ |
| | | const value = parseFloat(this.A01); |
| | | |
| | | this.$set(dataGroup[itemIndex], "value", value); |
| | | console.log(value) |
| | | } |
| | | if(groupIndex==2){ |
| | | const value = parseFloat(this.A02) ; |
| | | |
| | | this.$set(dataGroup[itemIndex], "value", value); |
| | | console.log(value) |
| | | } |
| | | |
| | | if(groupIndex==3){ |
| | | const value = parseFloat(this.A01) + parseFloat(this.jianju); |
| | | |
| | | this.$set(dataGroup[itemIndex], "value", value); |
| | | console.log(value) |
| | | } |
| | | if(groupIndex==4){ |
| | | const value=parseFloat(this.A02)+parseFloat(this.jianju) |
| | | |
| | | this.$set(dataGroup[itemIndex], "value", value); |
| | | } |
| | | if(groupIndex==5){ |
| | | const value=parseFloat(this.B01)-parseFloat(this.jianju) |
| | | |
| | | this.$set(dataGroup[itemIndex], "value", value); |
| | | } |
| | | if(groupIndex==6){ |
| | | const value=parseFloat(this.B02)+parseFloat(this.jianju) |
| | | |
| | | this.$set(dataGroup[itemIndex], "value", value); |
| | | } |
| | | |
| | | this.submitDataToBackend(event); |
| | | |
| | | }, |
| | | //提交数据到后端 |
| | | submitDataToBackend(event) { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | this.A01 = obj.shishi1[0][0]; |
| | | |
| | | this.A02 = obj.shishi1[0][1]; |
| | | |
| | | this.B01= obj.shishi1[0][2]; |
| | | |
| | | this.B02 = obj.shishi1[0][3]; |
| | | this.jianju = obj.params[0][0]; |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | } |
| | | }; |
| | | |