新增选择物资组件

+<!--
+ * @Date: 2024-07-23 16:24:08
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-07-23 16:33:39
+ * @FilePath: /temple_material_request/src/components/chooseMaterial/index.vue
+ * @Description: 选择物资组件
+-->
+<template>
+  <div class="choose-material-page">
+    <van-popup
+      v-model:show="showBottom"
+      position="bottom"
+      closeable
+      @close="onClose"
+      :style="{ height: '100%' }"
+    ></van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@/utils/generatePackage.js'
+//import { } from '@/utils/generateModules.js'
+//import { } from '@/utils/generateIcons.js'
+//import { } from '@/composables'
+const $route = useRoute();
+const $router = useRouter();
+useTitle($route.meta.title);
+
+const props = defineProps({
+  show: Boolean,
+});
+const emit = defineEmits(['close']);
+
+const showBottom = ref(false);
+
+onMounted(() => {
+});
+
+// 监听字段变化
+watch(
+  () => props.show,
+  (v) => {
+    showBottom.value = v;
+  }
+);
+
+const onClose = () => {
+  emit('close');
+}
+</script>
+
+<style lang="less" scoped>
+.choose-material-page {}
+</style>