|
|
@ -8,63 +8,102 @@ |
|
|
|
> |
|
|
|
<div class="title">{{ item.name }}</div> |
|
|
|
<div class="number flex-1"> |
|
|
|
<div |
|
|
|
:key="a" |
|
|
|
:style="item.number[a-1] === '.' ? 'padding-right:5%' : '' " |
|
|
|
class="num_item" |
|
|
|
v-for="a in 7" |
|
|
|
> |
|
|
|
<span>{{ item.number[a-1] ? item.number[a-1] : 0 }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="number flex-1"> |
|
|
|
<div class="num_item"> |
|
|
|
<span>1</span> |
|
|
|
<span>{{ item.number.split('')[0] }}</span> |
|
|
|
</div> |
|
|
|
<div class="num_item"> |
|
|
|
<span>5</span> |
|
|
|
<span>{{ item.number.split('')[1] }}</span> |
|
|
|
</div> |
|
|
|
<div class="num_item" style="padding-right:5%"> |
|
|
|
<span>.</span> |
|
|
|
<div :style="item.number.split('')[2] === '.' ? 'padding-right:5%' : '' " class="num_item"> |
|
|
|
<span>{{ item.number.split('')[2] }}</span> |
|
|
|
</div> |
|
|
|
<div class="num_item"> |
|
|
|
<span>1</span> |
|
|
|
<span>{{ item.number.split('')[3] }}</span> |
|
|
|
</div> |
|
|
|
<div class="num_item"> |
|
|
|
<span>5</span> |
|
|
|
<span>{{ item.number.split('')[4] }}</span> |
|
|
|
</div> |
|
|
|
<div class="num_item"> |
|
|
|
<span>8</span> |
|
|
|
<span>{{ item.number.split('')[5] }}</span> |
|
|
|
</div> |
|
|
|
<div class="num_item"> |
|
|
|
<span>6</span> |
|
|
|
<span>{{ item.number.split('')[6] }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { mapState, mapActions, mapMutations } from 'vuex'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'LoadCells', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
width: '', |
|
|
|
height: '', |
|
|
|
lists: [ |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
name: '称重传感器1', |
|
|
|
number: '15.2346', |
|
|
|
number: ['0', '0', '.', '0', '0', '0', '0'], |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 2, |
|
|
|
name: '称重传感器2', |
|
|
|
number: '15.3456', |
|
|
|
number: ['0', '0', '.', '0', '0', '0', '0'], |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 3, |
|
|
|
name: '称重传感器3', |
|
|
|
number: '14.8946', |
|
|
|
number: ['0', '0', '.', '0', '0', '0', '0'], |
|
|
|
}, |
|
|
|
{ |
|
|
|
id: 4, |
|
|
|
name: '称重传感器4', |
|
|
|
number: '15.0167', |
|
|
|
number: ['0', '0', '.', '0', '0', '0', '0'], |
|
|
|
}, |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
weighSensor1(value) { |
|
|
|
console.log('value: ', value); |
|
|
|
if (value) { |
|
|
|
this.lists[0].number = value.split(''); |
|
|
|
console.log('this.lists: ', this.lists); |
|
|
|
} |
|
|
|
}, |
|
|
|
weighSensor2(value) { |
|
|
|
if (value) { |
|
|
|
this.lists[1].number = value.split(''); |
|
|
|
} |
|
|
|
}, |
|
|
|
weighSensor3(value) { |
|
|
|
if (value) { |
|
|
|
this.lists[2].number = value.split(''); |
|
|
|
} |
|
|
|
}, |
|
|
|
weighSensor4(value) { |
|
|
|
if (value) { |
|
|
|
this.lists[3].number = value.split(''); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState('home', ['weighSensor1', 'weighSensor2', 'weighSensor3', 'weighSensor4']), |
|
|
|
}, |
|
|
|
|
|
|
|
methods: {}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|