|
|
@ -7,7 +7,7 @@
|
|
|
|
<a-date-picker format="YYYY-MM-DD" @change="changeDate" v-model="value"/>
|
|
|
|
<a-date-picker format="YYYY-MM-DD" @change="changeDate" v-model="value"/>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else-if="labelData.type == 'dateRange'">
|
|
|
|
<template v-else-if="labelData.type == 'dateRange'">
|
|
|
|
<a-range-picker format="YYYY-MM-DD" @change="changeRangeDate" v-model="value"/>
|
|
|
|
<a-range-picker format="YYYY-MM-DD" @change="changeRangeDate" v-model="dateVal"/>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else-if="labelData.type == 'select'">
|
|
|
|
<template v-else-if="labelData.type == 'select'">
|
|
|
|
<a-select
|
|
|
|
<a-select
|
|
|
@ -19,10 +19,28 @@
|
|
|
|
<a-select-option value="0"> 未截单 </a-select-option>
|
|
|
|
<a-select-option value="0"> 未截单 </a-select-option>
|
|
|
|
</a-select>
|
|
|
|
</a-select>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<!-- <template v-else-if="abelData.type == 'complete'">
|
|
|
|
|
|
|
|
<auto-complete
|
|
|
|
|
|
|
|
:allowClear="true"
|
|
|
|
|
|
|
|
class="customer-input"
|
|
|
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
|
|
|
v-model="value"
|
|
|
|
|
|
|
|
:data-source="dataSourceList"
|
|
|
|
|
|
|
|
@select="completeSelect"
|
|
|
|
|
|
|
|
@focus="completeChange"
|
|
|
|
|
|
|
|
@change="debounce(completeChange, 300, $event)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</auto-complete>
|
|
|
|
|
|
|
|
</template> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
// import { AutoComplete } from 'ant-design-vue'
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
|
|
|
|
components: {
|
|
|
|
|
|
|
|
// AutoComplete
|
|
|
|
|
|
|
|
},
|
|
|
|
props: {
|
|
|
|
props: {
|
|
|
|
labelData: {
|
|
|
|
labelData: {
|
|
|
|
type: Object,
|
|
|
|
type: Object,
|
|
|
@ -37,11 +55,17 @@ export default {
|
|
|
|
type: Boolean,
|
|
|
|
type: Boolean,
|
|
|
|
default: true
|
|
|
|
default: true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// eslint-disable-next-line vue/require-default-prop
|
|
|
|
|
|
|
|
// dataSourceList: {
|
|
|
|
|
|
|
|
// type: Array,
|
|
|
|
|
|
|
|
// required: false
|
|
|
|
|
|
|
|
// }
|
|
|
|
},
|
|
|
|
},
|
|
|
|
watch: {
|
|
|
|
watch: {
|
|
|
|
resetType (nval, oval) {
|
|
|
|
resetType (nval, oval) {
|
|
|
|
if (!nval) {
|
|
|
|
if (!nval) {
|
|
|
|
this.value = ''
|
|
|
|
this.value = ''
|
|
|
|
|
|
|
|
this.dateVal = []
|
|
|
|
// this.$emit('change', {
|
|
|
|
// this.$emit('change', {
|
|
|
|
// form: this.labelData,
|
|
|
|
// form: this.labelData,
|
|
|
|
// value: ''
|
|
|
|
// value: ''
|
|
|
@ -51,10 +75,11 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
value: ''
|
|
|
|
value: '',
|
|
|
|
|
|
|
|
dateVal: []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {},
|
|
|
|
mounted() { },
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
changeInput(e) {
|
|
|
|
changeInput(e) {
|
|
|
|
this.$emit('change', {
|
|
|
|
this.$emit('change', {
|
|
|
@ -69,11 +94,26 @@ export default {
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
changeRangeDate(e, mode) {
|
|
|
|
changeRangeDate(e, mode) {
|
|
|
|
|
|
|
|
console.log('== date-range ==', e, mode)
|
|
|
|
|
|
|
|
// this.value = mode
|
|
|
|
this.$emit('change', {
|
|
|
|
this.$emit('change', {
|
|
|
|
form: this.labelData,
|
|
|
|
form: this.labelData,
|
|
|
|
value: mode
|
|
|
|
value: mode
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// == 模糊搜索 ==
|
|
|
|
|
|
|
|
debounce () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
completeSelect () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
completeChange () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|