added inn and signature for the invoice

.env.template

@@ -0,0 +1 @@
+VUE_APP_API_HOST=

src/components/CustomerForm.vue

@@ -16,6 +16,8 @@
       :placeholder="$t('enter.client')"
       autocomplete="off"
     ></el-input>
+    <el-input
+      v-model="customer.inn" :placeholder="$t('enter.inn')" autocomplete="off"></el-input>
     <el-input
       v-model="customer.phone"
       :placeholder="$t('enter.phone')"

src/containers/OrderForm.vue

@@ -215,6 +215,7 @@ const customerDefaultState = {
   model: "",
   carNumber: "",
   client: "",
+  inn: "",
   phone: "",
   date: new Date().getTime()
 };
@@ -378,6 +379,7 @@ export default {
           model: data.model,
           carNumber: data.carNumber,
           client: data.client,
+          inn: data.inn,
           phone: data.phone,
           date: Date.parse(data.date)
         });

src/containers/OrderUpdate.vue

@@ -91,7 +91,7 @@ export default {
   },
 
   computed: {
-    ...mapState(["isLoading", "params"])
+    ...mapState(["isLoading", "params", "user"])
   },
 
   methods: {
@@ -153,6 +153,7 @@ export default {
           {
             stack: [
               this.order.client ? `${this.$t("client")}: ${this.order.client}\n` : "",
+              this.order.client ? `${this.$t("inn")}: ${this.order.inn}\n` : "",
               this.order.phone ? `${this.$t("phone")}: ${this.order.phone}\n` : "",
               this.order.make ? `${this.$t("make")}: ${this.order.make}\n` : "",
               this.order.model ? `${this.$t("model")}: ${this.order.model}\n` : "",
@@ -183,10 +184,14 @@ export default {
             style: "tableBody"
           },
           {
-            text: `${this.$t("totalCost")} ${this.order.price} ${this.$t(
+            text: `${this.$t("totalCost")}: ${this.order.price} ${this.$t(
               "rub"
             )}`,
             style: "price"
+          },
+          {
+            text: `${this.user.sign}`,
+            style: "signature"
           }
         ],
         styles: {
@@ -212,7 +217,10 @@ export default {
           },
           price: {
             fontSize: 15,
-            alignment: "center"
+            alignment: "center", 
+          },
+          signature: {
+            marginTop: 60
           }
         }
       };

src/containers/Settings.vue

@@ -1,22 +1,44 @@
 <template>
   <div>
     <h1>{{ $t('settings') }}</h1>
-
+    <el-form>
+      <el-form-item>
+        <el-input type="textarea" v-model="user.sign" :placeholder="$t('sign')"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-edit" @click="onSubmit">{{ $t('save') }}</el-button>
+      </el-form-item>
+    </el-form>
     <el-button type="danger" icon="el-icon-switch-button" @click="logout">{{ $t('logout') }}</el-button>
   </div>
 </template>
 
 
 <script>
-import { mapActions } from "vuex";
+import { mapState, mapActions } from "vuex";
+import { updateMe } from "../services/api";
 
 export default {
   data: function() {
     return { email: "", password: "" };
   },
 
+  computed: {
+    ...mapState([
+      "user",
+    ]),
+  },
+
   methods: {
-    ...mapActions(["logout"])
+    ...mapActions(["logout"]),
+
+    onSubmit: async function() {
+      try {
+        await updateMe({ sign: this.user.sign });
+      } catch (err) {
+        this.handleError(err);
+      }
+    }
   }
 };
 </script>

src/i18n/ru.json

@@ -32,6 +32,7 @@
     "client": "Введите имя клиента",
     "date": "Выберите дату",
     "email": "Введите email",
+    "inn": "Введите ИНН клиента",
     "login": "Введите логин",
     "make": "Введите производителя",
     "model": "Введите модель",
@@ -46,6 +47,7 @@
   "hailstorm": "Град",
   "home": "Главная",
   "hood": "Капот",
+  "inn": "ИНН",
   "invoice": "Счет на оплату",
   "length": "Длина",
   "light": "Простой ремонт",