| 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 | | <template>  |  |     <div v-if="props.ioModel === 'in'">  |  |         <OrderInView ioModel="in"/>  |  |     </div>  |  |     <div v-else-if="props.ioModel === 'out'">  |  |         <OrderOutView ioModel="out"/>  |  |     </div>  |  |     <div v-else>  |  |         <OrderView/>  |  |     </div>  |  | </template>  |  | <script setup>  |  |     const props = defineProps({  |  |         ioModel: null  |  |     })  |  | </script>  |  |   |  | <script>  |  |     import {defineProps} from 'vue';  |  |     import OrderView from './order.vue'  |  |     import OrderInView from './orderIn.vue'  |  |     import OrderOutView from './orderOut.vue'  |  |     export default {  |  |         name: '订单',  |  |         // props: {  |  |         //     ioModel: null,  |  |         // },  |  |         data() {  |  |             return {}  |  |         },  |  |         created() {  |  |   |  |         },  |  |         components: {  |  |             OrderInView,  |  |             OrderOutView,  |  |             OrderView  |  |         }  |  |     }  |  | </script>  |  | <style>  |  |   |  |   |  | </style>  | 
 |