|
|
@@ -0,0 +1,41 @@
|
|
|
+<template>
|
|
|
+ <app-modal direction="right" height="100%" v-model:show="showModal">
|
|
|
+ <app-view class="g-form">
|
|
|
+ <template #header>
|
|
|
+ <app-navbar title="查询支行">
|
|
|
+ <template #footer>
|
|
|
+ <Form action="/">
|
|
|
+ <Search placeholder="请输入支行名称" v-model="keyword" @search="onSearch" />
|
|
|
+ </Form>
|
|
|
+ </template>
|
|
|
+ </app-navbar>
|
|
|
+ </template>
|
|
|
+ <Empty description="暂无数据" />
|
|
|
+ </app-view>
|
|
|
+ </app-modal>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import { shallowRef, computed } from 'vue'
|
|
|
+import { Form, Search, Empty } from 'vant'
|
|
|
+import AppModal from '@/components/base/modal/index.vue'
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ show: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+const emit = defineEmits(['update:show', 'change'])
|
|
|
+const keyword = shallowRef('')
|
|
|
+
|
|
|
+const showModal = computed({
|
|
|
+ get: () => props.show,
|
|
|
+ set: (val) => emit('update:show', val)
|
|
|
+})
|
|
|
+
|
|
|
+const onSearch = (val: string) => {
|
|
|
+ console.log(val)
|
|
|
+}
|
|
|
+</script>
|
