WIP: local changes

2026-04-08 15:29:52 +03:00
parent 07842540ba
commit 81ba6cd076
56 changed files with 2015 additions and 0 deletions
@@ -0,0 +1,60 @@
+<template>
+  <form @submit.prevent="onSubmit">
+    <div class="form-group">
+      <label>Имя *</label>
+      <input v-model="form.name" class="form-control" placeholder="Фамилия Имя Отчество" required />
+    </div>
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+      <div class="form-group">
+        <label>Email</label>
+        <input v-model="form.email" type="email" class="form-control" placeholder="email@example.com" />
+      </div>
+      <div class="form-group">
+        <label>Телефон</label>
+        <input v-model="form.phone" class="form-control" placeholder="+7-900-000-0000" />
+      </div>
+    </div>
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+      <div class="form-group">
+        <label>Организация</label>
+        <input v-model="form.organization" class="form-control" placeholder="ООО Компания" />
+      </div>
+      <div class="form-group">
+        <label>Должность</label>
+        <input v-model="form.position" class="form-control" placeholder="Директор" />
+      </div>
+    </div>
+    <div class="form-group">
+      <label>Заметки</label>
+      <textarea v-model="form.notes" class="form-control" placeholder="Дополнительная информация..." rows="3"></textarea>
+    </div>
+    <div class="modal-footer">
+      <button type="button" class="btn btn-secondary" @click="$emit('cancel')">Отмена</button>
+      <button type="submit" class="btn btn-primary">Сохранить</button>
+    </div>
+  </form>
+</template>
+
+<script setup>
+import { reactive, watch } from 'vue'
+
+const props = defineProps({ initial: { type: Object, default: () => ({}) } })
+const emit = defineEmits(['submit', 'cancel'])
+
+const form = reactive({
+  name: props.initial.name || '',
+  email: props.initial.email || '',
+  phone: props.initial.phone || '',
+  organization: props.initial.organization || '',
+  position: props.initial.position || '',
+  notes: props.initial.notes || '',
+})
+
+watch(() => props.initial, (v) => {
+  if (v) Object.assign(form, v)
+})
+
+function onSubmit() {
+  emit('submit', { ...form })
+}
+</script>