From f0181e924c57958650d129c7e7ac13e3e46fd5b1 Mon Sep 17 00:00:00 2001
From: DwCay <duminalexei@gmail.com>
Date: Wed, 11 Jan 2023 20:15:48 +0300
Subject: [PATCH 1/2] =?UTF-8?q?WIP=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=B2=20=D0=BC=D0=B5=D0=B4=20=D0=BA=D0=B0=D1=80=D1=82?=
 =?UTF-8?q?=D1=83=20=D0=BF=D0=BE=D0=BB=D0=B5=20=D1=81=20=D1=82=D0=B0=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=B8=D1=86=D0=B5=D0=B9=20=D0=97=D1=83=D0=B1=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B9=20=D1=84=D0=BE=D1=80=D0=BC=D1=83=D0=BB=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/MedicalCardHeader.vue          |   2 +-
 .../components/MedicalCardWrapper.vue         |  10 +-
 .../components/MedicalDentalFormula.vue       |  40 +++
 .../components/MedicalFormulaTable.vue        |  34 +++
 src/pages/medicalCard/utils/medicalConfig.js  | 248 ++++++++++++++++++
 tailwind.config.js                            |   2 +
 6 files changed, 332 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/medicalCard/components/MedicalDentalFormula.vue
 create mode 100644 src/pages/medicalCard/components/MedicalFormulaTable.vue

diff --git a/src/pages/medicalCard/components/MedicalCardHeader.vue b/src/pages/medicalCard/components/MedicalCardHeader.vue
index 96080fd..6046ac7 100644
--- a/src/pages/medicalCard/components/MedicalCardHeader.vue
+++ b/src/pages/medicalCard/components/MedicalCardHeader.vue
@@ -13,7 +13,7 @@ export default {
   name: "MedicalCardHeader",
   components: { BaseButton },
   props: {
-    numberCard: Number,
+    numberCard: String,
   },
 };
 </script>
diff --git a/src/pages/medicalCard/components/MedicalCardWrapper.vue b/src/pages/medicalCard/components/MedicalCardWrapper.vue
index 5b2a40b..f17e9d6 100644
--- a/src/pages/medicalCard/components/MedicalCardWrapper.vue
+++ b/src/pages/medicalCard/components/MedicalCardWrapper.vue
@@ -84,8 +84,9 @@
       .flex.flex-col(class="px-92px gap-y-60px")
         .flex.flex-col(class="gap-y-2.5")
           .flex.flex-col.gap-y-2(v-for="(key, index) in Object.keys(dentalIndications)")
-            span.font-bold.font-xs {{`${index+1}. ${configData.dental_indications[key]}`}}
-            base-input(v-model="dentalIndications[key]")
+            span.font-bold.text-xsx {{`${index+1}. ${configData.dental_indications[key]}`}}
+            medical-dental-formula(v-if="key === 'dental_formula'" :formula-data="dentalIndications[key]")
+            base-input(v-model="dentalIndications[key]" v-else)
         .flex.justify-center
           base-button.w-fit(:icon-left-size="13", :size="40")
             span.font-semibold Сохранить
@@ -93,8 +94,10 @@
 
 <script>
 import MedicalCardHeader from "@/pages/medicalCard/components/MedicalCardHeader.vue";
+import MedicalDentalFormula from "@/pages/medicalCard/components/MedicalDentalFormula.vue";
 import BaseDetailInput from "@/components/base/BaseDetailInput.vue";
 import BaseDetailInfo from "@/components/base/BaseDetailInfo.vue";
+import { formulaDataMap } from "@/pages/medicalCard/utils/medicalConfig";
 import { medicalDetailConfig } from "@/pages/medicalCard/utils/medicalConfig";
 import { fetchWrapper } from "@/shared/fetchWrapper";
 import BaseInput from "@/components/base/BaseInput.vue";
@@ -109,6 +112,7 @@ export default {
     BaseDetailInfo,
     BaseDetailInput,
     MedicalCardHeader,
+    MedicalDentalFormula,
   },
   data() {
     return {
@@ -159,7 +163,7 @@ export default {
         disease_progress: "",
         visual_examination: "",
         oral_examination: "",
-        dental_formula: [],
+        dental_formula: formulaDataMap,
         dental_bite: "",
         hygiene_index: "",
         dmf_index: "",
diff --git a/src/pages/medicalCard/components/MedicalDentalFormula.vue b/src/pages/medicalCard/components/MedicalDentalFormula.vue
new file mode 100644
index 0000000..a3e893b
--- /dev/null
+++ b/src/pages/medicalCard/components/MedicalDentalFormula.vue
@@ -0,0 +1,40 @@
+<template lang="pug">
+  .wrapper.flex.w-full.px-52px.py-7.gap-x-102px
+    .flex.flex-col.gap-y-5
+      .flex.flex-col.gap-y-4
+        span.font-bold.text-base Состояние зубов:
+        .flex.flex-col.gap-y-1
+          div(v-for="condition in dentalCondition")
+            span.font-bold.text-base {{condition.name}}
+            span.text-base {{` - ${condition.discription}`}}
+      .flex.flex-col.gap-y-1
+        .font-bold.text-base Подвижность:
+        span.text-base Степень -
+          span.font-bold.text-base  I, II, III
+    .flex.flex-col.h-fit.rounded
+      medical-formula-table(:data="formulaData[0]")
+      medical-formula-table(:data="formulaData[1]")
+</template>
+
+<script>
+import { dentalСonditionMap } from "@/pages/medicalCard/utils/medicalConfig";
+import MedicalFormulaTable from "@/pages/medicalCard/components/MedicalFormulaTable.vue";
+export default {
+  name: "MedicalDentalFormula",
+  components: { MedicalFormulaTable },
+  props: {
+    formulaData: Array,
+  },
+  data() {
+    return {
+      dentalCondition: dentalСonditionMap,
+    };
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.wrapper
+  border: 1.5px solid var(--border-light-grey-color)
+  border-radius: 4px
+</style>
diff --git a/src/pages/medicalCard/components/MedicalFormulaTable.vue b/src/pages/medicalCard/components/MedicalFormulaTable.vue
new file mode 100644
index 0000000..4fd0a82
--- /dev/null
+++ b/src/pages/medicalCard/components/MedicalFormulaTable.vue
@@ -0,0 +1,34 @@
+<template lang="pug">
+  //TODO: Поправить бордеры у таблицы
+  .table-formula.flex.border-collapse(:class="{'rounded-t': data.name === 'upperJaw', 'rounded-b': data.name === 'lowerJaw'}")
+    .flex.flex-col.border-collapse
+      .cell-number.flex.w-52.h-50px.font-bold.text-lg.justify-center.items-center.border-collapse(v-for="row in data.rowMap") {{row.label}}
+    .flex.flex-col.border-collapse(v-for="tooth in data.columns")
+      .cell.flex.w-50px.h-50px.font-bold.text-2xl.justify-center.items-center.border-collapse(v-for="row in data.rowMap" :class="{'cell-number': row.name === 'tooth_number'}")
+        span(v-if="row.name === 'tooth_number'") {{tooth[row.name]}}
+        input.w-8.outline-0(v-if="row.name === 'dental_condition'" v-model="tooth[row.name]" maxlength="2")
+        input.w-8.outline-0(v-if="row.name === 'tooth_mobility'" v-model="tooth[row.name]" maxlength="3")
+</template>
+
+<script>
+export default {
+  name: "MedicalFormulaTable",
+  props: {
+    data: Object,
+    rowMap: Array,
+    condition: Array,
+  },
+};
+</script>
+
+<style lang="sass" scoped>
+.table-formula
+  border: 2px solid var(--font-black-color)
+  border-collapse: collapse
+.cell
+  border: 1px solid var(--font-black-color)
+  border-collapse: collapse
+.cell-number
+  @extend .cell
+  background-color: var(--border-light-grey-color)
+</style>
diff --git a/src/pages/medicalCard/utils/medicalConfig.js b/src/pages/medicalCard/utils/medicalConfig.js
index 097187f..be748ba 100644
--- a/src/pages/medicalCard/utils/medicalConfig.js
+++ b/src/pages/medicalCard/utils/medicalConfig.js
@@ -174,3 +174,251 @@ export const medicalDetailConfig = {
     treatment_protocol: "Протокол лечения",
   },
 };
+
+export const dentalСonditionMap = [
+  {
+    name: "К",
+    discription: "кариес",
+  },
+  {
+    name: "П",
+    discription: "пульпит",
+  },
+  {
+    name: "Пт",
+    discription: "периодонтит",
+  },
+  {
+    name: "Д",
+    discription: "дефект",
+  },
+  {
+    name: "Пл",
+    discription: "пломба",
+  },
+  {
+    name: "Ик",
+    discription: "искусственная коронка",
+  },
+  {
+    name: "Из",
+    discription: "искусственный зуб",
+  },
+  {
+    name: "В",
+    discription: "вкладка",
+  },
+  {
+    name: "И",
+    discription: "имплантат",
+  },
+  {
+    name: "Кз",
+    discription: "корень зуба",
+  },
+  {
+    name: "О",
+    discription: "отсутствующий зуб",
+  },
+];
+
+export const formulaDataMap = [
+  {
+    name: "upperJaw",
+    rowMap: [
+      {
+        label: "Подвижность",
+        name: "tooth_mobility",
+      },
+      {
+        label: "Cостояние зубов",
+        name: "dental_condition",
+      },
+      {
+        label: "Верхняя челюсть",
+        name: "tooth_number",
+      },
+    ],
+    columns: [
+      {
+        tooth_number: "18",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "17",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "16",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "15",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "14",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "13",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "12",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "11",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "21",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "22",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "23",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "24",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "25",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "26",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "27",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "28",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+    ],
+  },
+  {
+    name: "lowerJaw",
+    rowMap: [
+      {
+        label: "Нижняя челюсть",
+        name: "tooth_number",
+      },
+      {
+        label: "Cостояние зубов",
+        name: "dental_condition",
+      },
+      {
+        label: "Подвижность",
+        name: "tooth_mobility",
+      },
+    ],
+    columns: [
+      {
+        tooth_number: "48",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "47",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "46",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "45",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "44",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "43",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "42",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "41",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "31",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "32",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "33",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "34",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "35",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "36",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "37",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+      {
+        tooth_number: "38",
+        dental_condition: "",
+        tooth_mobility: "",
+      },
+    ],
+  },
+];
diff --git a/tailwind.config.js b/tailwind.config.js
index 9f76d6f..f8032c6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -50,10 +50,12 @@ module.exports = {
         "29_25px": "29.25px",
         "30px": "30px",
         "45px": "45px",
+        "50px": "50px",
         "52px": "52px",
         "60px": "60px",
         "74px": "74px",
         "92px": "92px",
+        "102px": "102px",
         "148px": "148px",
       },
     },

From c1a0dc71f192a2bdf4305bf140274aee6e83bfe1 Mon Sep 17 00:00:00 2001
From: DwCay <duminalexei@gmail.com>
Date: Wed, 11 Jan 2023 20:15:48 +0300
Subject: [PATCH 2/2] =?UTF-8?q?WIP=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=B2=20=D0=BC=D0=B5=D0=B4=20=D0=BA=D0=B0=D1=80=D1=82?=
 =?UTF-8?q?=D1=83=20=D0=BF=D0=BE=D0=BB=D0=B5=20=D1=81=20=D1=82=D0=B0=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=B8=D1=86=D0=B5=D0=B9=20=D0=97=D1=83=D0=B1=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B9=20=D1=84=D0=BE=D1=80=D0=BC=D1=83=D0=BB=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/medicalCard/components/MedicalFormulaTable.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/medicalCard/components/MedicalFormulaTable.vue b/src/pages/medicalCard/components/MedicalFormulaTable.vue
index 4fd0a82..f7e3198 100644
--- a/src/pages/medicalCard/components/MedicalFormulaTable.vue
+++ b/src/pages/medicalCard/components/MedicalFormulaTable.vue
@@ -24,10 +24,8 @@ export default {
 <style lang="sass" scoped>
 .table-formula
   border: 2px solid var(--font-black-color)
-  border-collapse: collapse
 .cell
   border: 1px solid var(--font-black-color)
-  border-collapse: collapse
 .cell-number
   @extend .cell
   background-color: var(--border-light-grey-color)