Добавил интерфейс сохранения моков

popup/src/classes/DTO/Registers.ts

@@ -0,0 +1,4 @@
+export class Registers {
+  xteeMta = ''
+  xteePension = ''
+}

popup/src/components/script.ts

@@ -10,13 +10,16 @@ import { Target } from '@/classes/Enum/Target'
 import sender from '@/classes/Service/Browser/Chrome/Sender'
 import { Action } from '@/classes/Enum/Action'
 import notificationCleaner from '@/classes/Service/NotificationCleaner'
+import { Registers } from '@/classes/DTO/Registers'
 
 Vue.use(VueClipboard)
 
 @Component
 export default class HelloWorld extends Vue {
   tab = 'person'
+  personalId = ''
   person = new Person()
+  registers = new Registers()
   isAutoCleaner = false
   copyText = ''
 
@@ -47,6 +50,7 @@ export default class HelloWorld extends Vue {
 
   copyPersonalId () {
     const personalId = personalIdGenerator.generate(this.person)
+    this.personalId = personalId
     this.copy(personalId)
   }
 
@@ -100,4 +104,8 @@ export default class HelloWorld extends Vue {
       notificationCleaner.disable()
     }
   }
+
+  saveMocks () {
+    console.log(this.personalId, this.registers)
+  }
 }

popup/src/components/style.scss

@@ -50,7 +50,7 @@
           }
 
           &:last-child {
-            margin-bottom: 0px;
+            margin-bottom: 0;
           }
         }
       }
@@ -61,5 +61,9 @@
       padding: 5px;
       margin-top: 10px;
     }
+
+    .option-select {
+      width: 350px;
+    }
   }
 }

popup/src/components/template.html

@@ -72,7 +72,7 @@
             <div class="tab-page__item" :class="{'tab-page__item_show': tab === 'ember'}">
                 <div class="form-row">
                     <div class="form-row__item">
-                        <label for="autocleaner">
+                        <label>
                             Use notification cleaner
                             <input @change="onChangeAutoCleaner" type="checkbox" v-model="isAutoCleaner">
                         </label>
@@ -88,5 +88,47 @@
             </div>
         </div>
         <div class="memory-panel">Memory: {{copyText}}</div>
+        <hr />
+        <div v-if="personalId">
+<!--            /**-->
+<!--            * 0 - не замокано(делать запрос) -->
+<!--            * 1 - выписка на хороший доход-->
+<!--            * 2 - выписка на маленький доход-->
+<!--            * 3 - ошибка загрузки выписки (перезапрос)-->
+<!--            * 4 - ошибка загрузки выписки (нет данных)-->
+<!--            * 5 - по персональному коду (3 - выписка с хорошим доходом, остальные - ошибка загрузки выписки)-->
+<!--            * 6 - выписка на хороший доход, последние два месяца доход 0-->
+<!--            * 7 - выписка на хороший доход, последний месяц доход 0-->
+<!--            * 8 - выписка на хороший доход, но у пользователя нет активного работодателя. Не можем выдать-->
+<!--            * 9 - выписка на хороший доход, в выписке есть выплаты, которые не учитываются в подсчёте среднего дохода-->
+<!--            */-->
+            <label>
+                XTEE MTA
+                <select class="option-select" v-model="registers.xteeMta">
+                    <option value="">-</option>
+                    <option value="0">Не замокано (делать запрос)</option>
+                    <option value="1">Выписка на хороший доход</option>
+                    <option value="2">Выписка на маленький доход</option>
+                    <option value="3">Ошибка загрузки выписки (перезапрос)</option>
+                    <option value="4">Ошибка загрузки выписки (нет данных)</option>
+                    <option value="5">По персональному коду (3 - выписка с хорошим доходом, остальные - ошибка загрузки выписки)</option>
+                    <option value="6">Выписка на хороший доход, последние два месяца доход 0</option>
+                    <option value="7">Выписка на хороший доход, последний месяц доход 0</option>
+                    <option value="8">Выписка на хороший доход, но у пользователя нет активного работодателя. Не можем выдать</option>
+                    <option value="9">Выписка на хороший доход, в выписке есть выплаты, которые не учитываются в подсчёте среднего дохода</option>
+                </select>
+            </label>
+            <br /><br />
+            <label>
+                XTEE Pension
+                <select class="option-select" v-model="registers.xteePension">
+                    <option value="">-</option>
+                    <option value="0">Не замокано (делать запрос)</option>
+                    <option value="2">Ошибка сервиса. (перезапросы)</option>
+                </select>
+            </label>
+            <br /><br />
+            <button @click="saveMocks">Сохранить моки</button>
+        </div>
     </div>
 </div>