...

2025-01-04 21:01:04 +03:30
parent aad48fca63
commit 57d328bbfe
33 changed files with 1752 additions and 261 deletions
@@ -0,0 +1,63 @@
+<script setup>
+import { Listbox, InputText } from 'primevue';
+import { onBeforeMount, ref } from 'vue';
+import { CategoryService } from '@/service/CategoryService';
+import ImageUploader from '@/views/uikit/ImageUploader.vue';
+import ImageGallery from '@/views/uikit/ImageGallery.vue';
+const categories = ref([]);
+const selectedCategory = ref();
+const belongingName = ref('');
+const description = ref('');
+const imageNames = ref([]);
+const documentNames = ref([]);
+const mainImageName = ref([]);
+const tags = ref('');
+const signedImageUrls = ref([{ url: 'https://upload.hitromall.com/product-images/0ff87b0cc333539a361e007d20aa9685-co3.jpg' }]);
+onBeforeMount(async () => {
+    categories.value = await CategoryService.getAllCategories();
+});
+</script>
+<template>
+    <div className="card">
+        <div class="font-semibold text-xl mb-4">ایجاد اموال</div>
+        <p>از طریق این صفحه می توانید اموال جدید را به سوابق اضافه کنید.</p>
+
+        <div class="flex my-6">
+            <div class="w-3/4 ml-3">
+                <div class="">
+                    <label> نام دارایی </label>
+                    <InputText v-model="belongingName" class="w-full my-2" placeholder="مثلا: 100 عدد کولر گازی" />
+                </div>
+                <div class="my-6">
+                    <label> توضیحات </label>
+                    <Textarea v-model="description" class="w-full my-2" placeholder="مثلا: در تاریخ 1403/09/11 خریداری شد." rows="6" />
+                </div>
+                <div class="my-6" v-if="signedImageUrls.length">
+                    <label> تصاویر </label>
+                    <ImageGallery v-model="signedImageUrls" gallery-id="images" />
+                </div>
+                <div class="my-6" v-if="signedImageUrls.length">
+                    <label> فایل ها و مدارک </label>
+                </div>
+            </div>
+            <div class="w-1/4">
+                <div>
+                    <label> دسته بندی </label>
+                    <Listbox v-model="selectedCategory" :options="categories" optionLabel="nativeName" optionValue="_id" checkmark :highlightOnSelect="false" class="w-full my-2" />
+                </div>
+                <div class="my-6">
+                    <label> تصویر اصلی </label>
+                    <ImageUploader v-model="mainImageName" :max-files="1" mode="private" delete-endpoint="/api/files/bucket/delete/belonging-images" upload-endpoint="/api/files/bucket/upload-multi-filepond/belonging-images" />
+                </div>
+                <div class="my-8">
+                    <label> برچسب ها </label>
+                    <Chips v-model="tags" separator="," class="w-full" placeholder="مثلا: زمین، ملک، کیانپارس..." />
+                </div>
+            </div>
+        </div>
+
+        <div class="flex justify-center">
+            <Button>ذخیره</Button>
+        </div>
+    </div>
+</template>