added contour merge for contour grouping

2026-07-01 02:41:42 +00:00 · 2019-07-14 12:36:41 -07:00
parent 685b17bab1
commit 2f725743f0
4 changed files with 82 additions and 14 deletions
--- a/chameleon-client/src/components/ch-range-ratio.vue
+++ b/chameleon-client/src/components/ch-range-ratio.vue
@@ -0,0 +1,57 @@
+
+<template>
+        <row type="flex" justify="start" align="middle" :gutter="1">
+            <Col span="4">
+                <h4>{{title.charAt(0).toUpperCase() + title.slice(1)}} :</h4>
+            </Col>
+            <Col span="4" style="text-align: left">
+                <InputNumber style="align-self: flex-start;" v-model="value[0]" size="small"></InputNumber>
+            </Col>
+            <Col span="10">
+                <Slider range v-model="value" @on-input="handleInput"></Slider>
+            </Col>
+            <Col span="4" style="text-align: right">
+                <InputNumber style="align-self: flex-end;" v-model="value[1]" size="small"></InputNumber>
+            </Col>
+        </row>
+</template>
+
+<script>
+    export default {
+        name: 'ch-range',
+        props:{
+            title:String,
+            Xkey:String
+        },
+        data() {
+            return {
+            }
+        },
+        methods: {
+            handleInput() {
+                this.$socket.sendObj({[this.Xkey]:this.value});
+            }
+        },
+        computed:{
+            value:{
+                get:function(){
+                    return this.$store.state[this.Xkey];
+                },
+                set:function(value){
+                    this.$store.commit(this.Xkey,value);
+                }
+            }
+        }
+    }
+</script>
+
+<style>
+h4 {
+     color: #e6ebf1;
+ }
+ /* .ivu-input-number-input{
+     background-color: #2c3e50 !important;
+     color: #fff !important;
+ } */
+</style>
+