feat: complete admin panel and backend admin api migration

2026-09-13 21:02:25 +03:30
parent 03119cd655
commit 267fc7b7d1
239 changed files with 25431 additions and 935 deletions
@@ -0,0 +1,122 @@
+<template>
+  <!--
+    Ported from legacy henza_admin/src/views/branch/AddBranches.vue.
+    Serves BOTH create and edit — EditBranches.vue is a wrapper over it.
+
+    A branch's manager is an EXISTING admin picked from user/list. (The workshop
+    form differs: it creates its supervisor inline — see AddWorkshop.vue.)
+  -->
+  <a-spin :spinning="loading">
+    <a-form layout="vertical" @submit.prevent="handleSubmit">
+      <a-card :title="id ? 'ویرایش شعبه' : 'افزودن شعبه'" class="mb-base">
+        <div class="grid-2">
+          <a-form-item label="نام شعبه" :validate-status="err.name ? 'error' : ''" :help="err.name">
+            <a-input v-model:value="form.name" />
+          </a-form-item>
+
+          <a-form-item label="تلفن شعبه">
+            <a-input v-model:value="form.phone" />
+          </a-form-item>
+
+          <a-form-item label="مدیر">
+            <a-select
+              v-model:value="form.user_id"
+              show-search
+              allow-clear
+              placeholder="انتخاب کنید"
+              :filter-option="filterOption"
+            >
+              <a-select-option v-for="u in adminUsers" :key="u.id" :value="u.id">
+                {{ u.name }}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </div>
+
+        <a-form-item label="آدرس">
+          <a-textarea v-model:value="form.address" :auto-size="{ minRows: 2, maxRows: 5 }" />
+        </a-form-item>
+
+        <a-button type="primary" @click="handleSubmit">ثبت اطلاعات</a-button>
+      </a-card>
+    </a-form>
+  </a-spin>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { message } from 'ant-design-vue';
+import api from '../../api/client';
+
+const route = useRoute();
+const router = useRouter();
+
+const id = route.params.id as string | undefined;
+const loading = ref(false);
+const adminUsers = ref<{ id: string; name: string }[]>([]);
+
+const form = reactive<Record<string, any>>({
+  name: '',
+  phone: '',
+  address: '',
+  user_id: undefined,
+});
+const err = reactive<Record<string, string>>({});
+
+function filterOption(input: string, option: any) {
+  return String(option?.children?.[0]?.children ?? '').includes(input);
+}
+
+async function handleSubmit() {
+  Object.keys(err).forEach((k) => delete err[k]);
+  if (!form.name) {
+    err.name = 'لطفا مقدار را وارد کنید';
+    return;
+  }
+  try {
+    loading.value = true;
+    if (id) {
+      await api.put(`branch/${id}`, form);
+    } else {
+      await api.post('branch', form);
+    }
+    message.info('اطلاعات با موفقیت به ثبت رسید.');
+    router.push('/branch/list');
+  } catch (e: any) {
+    message.error(e?.response?.data?.message ?? 'خطا در ثبت اطلاعات.');
+  } finally {
+    loading.value = false;
+  }
+}
+
+onMounted(async () => {
+  try {
+    const { data } = await api.get('user/list');
+    adminUsers.value = data;
+  } catch (e) {
+    console.log(e);
+  }
+  if (id) {
+    try {
+      const { data } = await api.get(`branch/${id}`);
+      Object.assign(form, {
+        name: data.name ?? '',
+        phone: data.phone ?? '',
+        address: data.address ?? '',
+        user_id: data.user_id ?? undefined,
+      });
+    } catch (e) {
+      console.log(e);
+    }
+  }
+});
+</script>
+
+<style scoped>
+.grid-2 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 1rem;
+}
+</style>