vers 1.1.6
- risolto problema cors ?!? - notifiche transazioni pendenti OK
This commit is contained in:
0
src/components/CMySlider/CMySlider.scss
Executable file
0
src/components/CMySlider/CMySlider.scss
Executable file
58
src/components/CMySlider/CMySlider.ts
Executable file
58
src/components/CMySlider/CMySlider.ts
Executable file
@@ -0,0 +1,58 @@
|
||||
import { defineComponent, ref, computed, PropType, toRef } from 'vue'
|
||||
import { IOperators } from 'model'
|
||||
|
||||
import { useI18n } from '@/boot/i18n'
|
||||
import { useQuasar } from 'quasar'
|
||||
|
||||
import { shared_consts } from '@/common/shared_vuejs'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'CMySlider',
|
||||
props: {
|
||||
modelValue: {
|
||||
type: [String, Number],
|
||||
required: true,
|
||||
},
|
||||
label: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
min: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
max: {
|
||||
type: Number,
|
||||
required: true,
|
||||
},
|
||||
addstr: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
setup(props, { emit }) {
|
||||
const $q = useQuasar()
|
||||
const { t } = useI18n()
|
||||
|
||||
|
||||
const sliderValue = computed({
|
||||
get: () => {
|
||||
let mystr = props.modelValue + ''
|
||||
return mystr.replace(props.addstr, '')
|
||||
},
|
||||
set: (value) => emit('update:modelValue', value + props.addstr)
|
||||
})
|
||||
|
||||
return {
|
||||
t,
|
||||
shared_consts,
|
||||
sliderValue,
|
||||
}
|
||||
}
|
||||
})
|
||||
22
src/components/CMySlider/CMySlider.vue
Executable file
22
src/components/CMySlider/CMySlider.vue
Executable file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<div class="q-pa-xs" style="width: 300px">
|
||||
<q-badge color="primary"> {{ label }} {{ modelValue }} </q-badge>
|
||||
|
||||
<q-input
|
||||
dense
|
||||
v-model="sliderValue"
|
||||
filled
|
||||
>
|
||||
</q-input>
|
||||
|
||||
<q-slider v-model="sliderValue" :min="min" :max="max" :color="color" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CMySlider.ts">
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CMySlider.scss';
|
||||
</style>
|
||||
1
src/components/CMySlider/index.ts
Executable file
1
src/components/CMySlider/index.ts
Executable file
@@ -0,0 +1 @@
|
||||
export {default as CMySlider} from './CMySlider.vue'
|
||||
Reference in New Issue
Block a user