33 lines
835 B
Vue
33 lines
835 B
Vue
|
<template>
|
||
|
|
<DocSectionText v-bind="$attrs" />
|
||
|
|
<DocPTViewer :docs="ptViewerDoc">
|
||
|
|
<PickList v-model="products" dataKey="id" breakpoint="1400px" class="w-full">
|
||
|
|
<template #option="{ option }">
|
||
|
|
{{ option.name }}
|
||
|
|
</template>
|
||
|
|
</PickList>
|
||
|
|
</DocPTViewer>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { getPTOptions } from '@/components/doc/helpers';
|
||
|
|
import { ProductService } from '@/service/ProductService';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
products: null,
|
||
|
|
ptViewerDoc: [
|
||
|
|
{
|
||
|
|
data: getPTOptions('PickList'),
|
||
|
|
key: 'PickList'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
ProductService.getProductsSmall().then((data) => (this.products = [data, []]));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|