added lists to the ui and the store

This commit is contained in:
ori
2019-05-01 19:46:22 +03:00
parent d073f6fcd2
commit 406a9f2021
4 changed files with 32 additions and 8 deletions

View File

@@ -4,7 +4,7 @@
<chslider class="spacing" title="exposure" Xkey="exposure"></chslider>
<chslider class="spacing" title="Brightness" Xkey="brightness"></chslider>
<chselect class="spacing" title="Orientation" Xkey="orientation" :list="['Normal','Inverted']"></chselect>
<chselect class="spacing" title="Resolution" Xkey="resolution" :list="['Normal','Inverted']"></chselect>
<chselect class="spacing" title="Resolution" Xkey="resolution" :list="resolutionList"></chselect>
</div>
</template>
@@ -22,6 +22,13 @@ import chselect from './ch-select.vue'
chselect
},
methods: {
},
computed:{
resolutionList:{
get:function(){
return this.$store.state.resolution;
}
}
}
}
</script>

View File

@@ -3,10 +3,10 @@
<Header id="main-header">
<Row type="flex" justify="start" align="middle" :gutter="10">
<Col span="12">
<chselect title="camera" :list="['1','2','3']" Xkey="camera"></chselect>
<chselect title="camera" :list="cameraList" Xkey="camera"></chselect>
</Col>
<Col span="12">
<chselect title="pipline" :list="['0','1','2','3','4','5','6','7','8','9']" Xkey="pipeline"></chselect>
<chselect title="pipline" :list="piplineList" Xkey="pipeline"></chselect>
</Col>
</Row>
</Header>
@@ -47,6 +47,16 @@
}
},
computed: {
cameraList:{
get:function(){
return this.$store.state.cameraList;
}
},
piplineList:{
get: function(){
return this.$store.state.piplineList;
}
},
steamAdress: {
get: function(){
return this.$store.state.streamAdress;

View File

@@ -4,7 +4,7 @@
<h4>{{title.charAt(0).toUpperCase() + title.slice(1)}} :</h4>
</Col>
<Col span="4">
<i-select v-model="value" size="small" v-bind:placeholder="list[0]" @on-change="handleInput">
<i-select v-model="value" size="small" @on-change="handleInput">
<i-option v-for="item in list" :value="item" :key="item">{{item}}</i-option>
</i-select>
</Col>