WIP Набросала отображение данных

src/pages/newMedicalCard/utils/medicalConfig.js

@@ -611,7 +611,28 @@ export const protocolForms = [
       2 — налет поражает до 2/3 зуба, отмечается поддесневой камень;
       3 — налет покрывает более 2/3 поверхности, поддесневой камень поражает шейки зубов.`,
       whitespace: true,
-      list: [0, 1, 2, 3],
+      list: [
+        {
+          label: "0",
+          value: 0,
+        },
+        {
+          label: "1",
+          value: 1,
+        },
+        {
+          label: "2",
+          value: 2,
+          icon: true,
+          color: "var(--bg-event-orange-color)",
+        },
+        {
+          label: "3",
+          value: 3,
+          icon: true,
+          color: "var(--border-red-color)",
+        },
+      ],
     },
   },
   {
@@ -627,6 +648,12 @@ export const protocolForms = [
       whitespace: true,
     },
     rules: [(val) => val <= 10 && val >= 0],
+    checkRangeColor: (val) => {
+      let roundedVal = parseInt(val);
+      if (roundedVal >= 3 && roundedVal <= 5)
+        return "var(--bg-event-orange-color)";
+      if (roundedVal >= 6 && roundedVal <= 10) return "var(--border-red-color)";
+    },
   },
   {
     title: "Данные обследования",