admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] Доработал покраску и детализацию изображения зуба

Browse Source
This commit is contained in:
DwCay
2023-06-19 17:51:01 +03:00
parent 735abae887
commit 7ab1e2e129
7 changed files with 215 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/ToothFormula/DentalConditionForm.vue
View File

@@ -30,7 +30,7 @@
)
.general-expaction.flex.flex-col.pl-4(v-if="!type?.partsTooth")
.condition-item.flex.gap-11px.items-center.h-10.w-full(
v-for="option in type.options"
v-for="option in type.options",
)
q-radio(
v-model="data[key]",
@@ -46,7 +46,7 @@
.flex.flex-col.pl-4(v-else)
.flex.flex-col.gap-y-3
.part-item.flex.flex-col(v-for="(part, partKey) in type?.partsTooth")
span.part-label.text-smm.font-medium {{part.label}}
span.part-label.text-smm.font-medium(:ref="`${key}_${partKey}`") {{part.label}}
.condition-item.flex.gap-11px.items-center.h-10.w-full.pr-4(v-for="option in type.options")
q-checkbox(
v-model="data[key][partKey]",
@@ -65,11 +65,11 @@
no-parent-event,
:offset="[4,0]"
)
.h-258px.w-240px.flex.flex-col.pl-4.pr-2.py-2.gap-y-3
.h-258px.flex.flex-col.pl-4.pr-2.py-2.gap-y-3
.flex.gap-x-2.text-m.font-bold
span Выбранное
span(:style="{'color': 'var(--font-grey-color)'}") {{listSelected.map((el) => el.value).flat().length}}
.scroll.flex.flex-col.gap-y-3.h-full
.scroll.flex.flex-col.gap-y-3.h-full.pr-2
.flex.flex-col.gap-y-2.text-smm.font-medium(v-for="condition in listSelected")
.flex.gap-x-6px.items-center.whitespace-nowrap
span.part-label {{formConfig.conditions[condition.type].label}}
@@ -117,13 +117,21 @@ export default {
},
methods: {
clickPart(id) {
let arrayRefs = id.split("_");
Object.keys(this.isOpenExpansion).forEach((key) => {
if (key === arrayRefs[0]) {
this.isOpenExpansion[key] = true;
} else {
this.isOpenExpansion[key] = false;
}
new Promise((resolve) => {
let arrayRefs = id.split("_");
Object.keys(this.isOpenExpansion).forEach((key) => {
if (key === arrayRefs[0]) {
this.isOpenExpansion[key] = true;
} else {
this.isOpenExpansion[key] = false;
}
});
return resolve(id);
}).then((id) => {
this.$refs[id][0].scrollIntoView({
block: "center",
behavior: "smooth",
});
});
},
updateConditions() {

54
src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/ToothFormula/DetailedToothSvg.vue
View File

@@ -48,43 +48,79 @@
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_bottom'",
:id="editable && 'crown_lower'",
:class="{'edit-part': editable}",
d="M29.5234 31.7754C29.802 32.0662 29.7555 32.5373 29.4182 32.7575C26.5287 34.6441 23.1246 36.0162 19.6995 35.9394C16.2673 35.8624 12.8886 34.7337 10.0788 32.7673C9.75567 32.5412 9.72375 32.0808 10.0001 31.7996L13.1122 28.6337C13.3445 28.3973 13.7156 28.3737 13.9901 28.5594C15.7771 29.7687 17.5777 30.0976 19.8296 30.1481C22.0882 30.1988 23.8151 29.7034 25.6461 28.5283C25.9184 28.3536 26.2784 28.3877 26.5021 28.6212L29.5234 31.7754Z",
fill="#D3D4DC"
:fill="data.crown.lower.fill"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_top'",
:id="editable && 'crown_upper'",
:class="{'edit-part': editable}",
d="M10.02 7.83259C9.73773 7.54247 9.78271 7.06817 10.1218 6.84692C13.0102 4.96209 16.4123 3.59159 19.8354 3.66837C23.2653 3.74529 26.6418 4.87262 29.4506 6.83662C29.7757 7.06395 29.8058 7.52786 29.5252 7.80822L26.2828 11.048C26.0499 11.2806 25.6816 11.3026 25.4106 11.1157C23.6415 9.89566 21.9585 9.51017 19.7053 9.45964C17.4456 9.40896 15.8222 9.95753 14.0063 11.1421C13.737 11.3177 13.3792 11.2851 13.155 11.0547L10.02 7.83259Z",
fill="#D3D4DC"
:fill="data.crown.upper.fill"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_right'",
:class="{'edit-part': editable}",
d="M31.759 10.0672C32.0484 9.7804 32.5272 9.82331 32.75 10.1644C34.6342 13.049 36.0037 16.4456 35.9269 19.8633C35.8499 23.2903 34.7217 26.6639 32.756 29.4704C32.5285 29.7952 32.0642 29.8253 31.7836 29.5449L28.5411 26.3052C28.3083 26.0725 28.2862 25.7045 28.4733 25.4337C29.6944 23.6662 30.0802 21.9845 30.1308 19.7333C30.1815 17.4738 29.6311 15.9223 28.4438 14.1173C28.2686 13.8509 28.2992 13.4965 28.5257 13.2719L31.759 10.0672Z",
fill="#D3D4DC"
:fill="data.crown.right.fill"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_left'",
:class="{'edit-part': editable}",
d="M7.84119 10.0499C7.55039 9.77014 7.07763 9.81602 6.85683 10.1537C4.96938 13.0404 3.59672 16.4408 3.67359 19.8623C3.75057 23.2893 4.87885 26.663 6.8445 29.4694C7.07202 29.7943 7.53632 29.8243 7.81691 29.544L11.0594 26.3042C11.2922 26.0716 11.3143 25.7036 11.1272 25.4328C9.90611 23.6652 9.52029 21.9836 9.46972 19.7323C9.41901 17.4751 9.92564 15.7802 11.1039 13.9551C11.2789 13.684 11.2454 13.3252 11.0129 13.1015L7.84119 10.0499Z",
fill="#D3D4DC"
:fill="data.crown.left.fill"
)
g
ellipse(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_centeral'",
:id="editable && 'crown_central'",
:class="{'edit-part': editable}",
cx="19.7675",
cy="19.7948",
rx="7.0722",
ry="7.06627",
fill="#D3D4DC"
:fill="data.crown.central.fill"
)
circle(
v-if="data.crown.central.injury",
cx="2.89014",
cy="2" r="2",
fill="#252850",
transform="translate(16.8 17.6)"
)
circle(
v-if="data.crown.left.injury",
cx="2.89014",
cy="2" r="2",
fill="#252850",
transform="translate(3.7 17.6)"
)
circle(
v-if="data.crown.right.injury",
cx="2.89014",
cy="2",
r="2",
fill="#252850",
transform="translate(30 17.6)"
)
circle(
v-if="data.crown.upper.injury",
cx="2.89014",
cy="2" r="2",
fill="#252850",
transform="translate(16.8 4.6)"
)
circle(
v-if="data.crown.lower.injury",
cx="2.89014",
cy="2",
r="2",
fill="#252850",
transform="translate(16.8 30.9)"
)
svg(
v-if="partTooth === 'general'",
:class="{'rotate-180': rotateSvg}",

78
src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/ToothFormula/tooths/IncorsTooth.vue
View File

@@ -70,14 +70,22 @@
path(
d="M37.8045 21.8282C37.7267 24.3241 37.089 27.8166 36.0628 31.7134C34.9686 35.8679 33.4425 40.4466 31.7173 44.7036C29.9906 48.9641 28.072 52.8836 26.1978 55.7292C25.2598 57.1533 24.3453 58.2893 23.4856 59.0636C22.615 59.8478 21.8654 60.2031 21.25 60.2031C20.6346 60.2031 19.885 59.8478 19.0144 59.0636C18.1547 58.2892 17.2402 57.1533 16.3022 55.7291C14.428 52.8836 12.5094 48.9641 10.7827 44.7036C9.05748 40.4465 7.53135 35.8678 6.43725 31.7133C5.41102 27.8165 4.77328 24.3241 4.69554 21.8282L5.52833 21.8282L9.18497 21.8284L21.25 21.8286L33.315 21.8284L36.9717 21.8282L37.8045 21.8282Z",
fill="white",
stroke="#252850"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'root_central'",
:class="{'edit-part': editable}",
d="M30.1106 33.75C30.4904 33.5726 31.0857 33.8793 31.0671 34.2981C30.693 42.7601 26.4204 56.7656 21.25 56.7656C16.0796 56.7656 11.807 42.7601 11.4329 34.2981C11.4143 33.8793 12.0096 33.5726 12.3894 33.75C13.6266 34.3282 16.2275 35.1094 21.25 35.1094C26.2725 35.1094 28.8734 34.3282 30.1106 33.75Z",
fill="#D3D4DC"
:fill="data.root.central.fill"
)
g(v-if="data.root.central.injury" transform="translate(3.6 20)")
mask(id="mask0_4460_281702" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="35" height="40")
path(d="M34.3045 0.8282C34.2267 3.3241 33.589 6.81658 32.5628 10.7134C31.4686 14.8679 29.9425 19.4466 28.2173 23.7036C26.4906 27.9641 24.572 31.8836 22.6978 34.7292C21.7598 36.1533 20.8453 37.2893 19.9856 38.0636C19.115 38.8478 18.3654 39.2031 17.75 39.2031C17.1346 39.2031 16.385 38.8478 15.5144 38.0636C14.6547 37.2892 13.7402 36.1533 12.8022 34.7291C10.928 31.8836 9.0094 27.9641 7.28273 23.7036C5.55748 19.4465 4.03135 14.8678 2.93725 10.7133C1.91102 6.81654 1.27328 3.32405 1.19554 0.828156L2.02833 0.828205L5.68497 0.828381L17.75 0.828636L29.815 0.828404L33.4717 0.828244L34.3045 0.8282Z" fill="white" stroke="#252850")
g(mask="url(#mask0_4460_281702)")
circle(cx="9" cy="9" r="9" transform="matrix(1 0 0 -1 8.5 45)" fill="#C23333" stroke="white")
path(
d="M37.8045 21.8282C37.7267 24.3241 37.089 27.8166 36.0628 31.7134C34.9686 35.8679 33.4425 40.4466 31.7173 44.7036C29.9906 48.9641 28.072 52.8836 26.1978 55.7292C25.2598 57.1533 24.3453 58.2893 23.4856 59.0636C22.615 59.8478 21.8654 60.2031 21.25 60.2031C20.6346 60.2031 19.885 59.8478 19.0144 59.0636C18.1547 58.2892 17.2402 57.1533 16.3022 55.7291C14.428 52.8836 12.5094 48.9641 10.7827 44.7036C9.05748 40.4465 7.53135 35.8678 6.43725 31.7133C5.41102 27.8165 4.77328 24.3241 4.69554 21.8282L5.52833 21.8282L9.18497 21.8284L21.25 21.8286L33.315 21.8284L36.9717 21.8282L37.8045 21.8282Z",
stroke="#252850"
)
g(v-if="['ИЗ','ИК'].includes(data.general)" transform="translate(-6.5)")
rect(y="14" width="56" height="4" rx="2" fill="#252850")
@@ -121,14 +129,38 @@
fill="white",
stroke="#252850"
)
path(
v-if="data.general !== 'В'",
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown'",
:class="{'edit-part': editable}",
d="M36.1934 18.8948C36.1934 5.05857 38.9103 5.5807 21.2504 5.5807C3.59053 5.5807 6.3065 5.31963 6.3065 18.8948C6.3065 24.5178 12.8475 29.8594 21.2504 29.8594C29.6533 29.8594 36.1934 24.5178 36.1934 18.8948Z",
fill="#D3D4DC"
)
g(v-if="data.general !== 'В'")
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_central'",
:class="{'edit-part': editable}",
d="M36.1934 18.8948C36.1934 5.05857 38.9103 5.5807 21.2504 5.5807C3.59053 5.5807 6.3065 5.31963 6.3065 18.8948C6.3065 24.5178 12.8475 29.8594 21.2504 29.8594C29.6533 29.8594 36.1934 24.5178 36.1934 18.8948Z",
:fill="data.crown.general.fill"
)
g(v-if="data.crown.general.injury" transform="translate(-0.8 0)")
mask(
id="mask0_4460_281746",
style="mask-type:alpha",
maskUnits="userSpaceOnUse",
x="3",
y="2",
width="37",
height="32"
)
path(
d="M39.2973 19.3594C39.2973 17.1778 39.3487 15.2799 39.3968 13.6327C39.4002 13.5151 39.4036 13.3989 39.407 13.2839C39.451 11.7848 39.4885 10.5089 39.4767 9.41334C39.451 7.01994 39.1835 5.65809 38.4036 4.8089C37.6243 3.96035 36.2199 3.50281 33.5292 3.29267C31.2528 3.11489 28.1757 3.11846 23.9964 3.1233C23.2807 3.12413 22.5326 3.125 21.7507 3.125C21.3514 3.125 20.961 3.12489 20.5791 3.12478C15.8488 3.12343 12.4416 3.12246 9.97672 3.33842C7.29048 3.57378 5.88282 4.05918 5.10055 4.92826C4.31632 5.7995 4.04951 7.17611 4.02369 9.55182C4.01183 10.6437 4.04953 11.9116 4.0937 13.3972C4.09693 13.5059 4.1002 13.6157 4.10348 13.7267C4.15154 15.3514 4.20298 17.2187 4.20298 19.3594C4.20298 22.7019 6.07424 26.0144 9.23117 28.508C12.3834 30.9978 16.7852 32.6406 21.7507 32.6406C26.7161 32.6406 31.1177 30.9978 34.2696 28.508C37.4263 26.0144 39.2973 22.702 39.2973 19.3594Z",
fill="white",
stroke="#252850"
)
g(mask="url(#mask0_4460_281746)")
circle(
cx="9",
cy="9",
r="9",
transform="matrix(1 0 0.01 -1 13 17)",
fill="#252850",
stroke="white"
)
g(v-if="data.general === 'В'" transform="translate(2.5 2)")
path(d="M18.7505 31.1406C8.60226 31.1406 0.703384 24.2816 0.703125 17.4223C18.7497 17.4223 13.8937 0.828266 18.7505 0.828266C23.3064 0.828266 18.7505 17.3594 36.797 17.3594C36.797 24.7218 28.8987 31.1406 18.7505 31.1406Z" fill="#252850")
mask(id="mask0_4460_281524" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="37" height="32")
@@ -144,30 +176,8 @@
rect(width="2" height="48" transform="matrix(-0.866025 0.5 0.5 0.866025 -4.73584 4.43353)" fill="white" fill-opacity="0.3")
rect(width="2" height="48" transform="matrix(-0.866025 0.5 0.5 0.866025 -8.19995 6.43353)" fill="white" fill-opacity="0.3")
path(d="M10.7458 15.2351C8.56819 16.8046 5.53252 17.8416 1.21765 17.9178C1.39722 20.9921 3.23273 24.0833 6.23201 26.4619C9.38576 28.9631 13.7877 30.6406 18.7505 30.6406C28.509 30.6406 35.9373 24.6321 36.2843 17.8549C31.9674 17.7793 28.9144 16.7463 26.715 15.184C24.4306 13.5614 23.1171 11.4033 22.2518 9.28272C21.8197 8.22373 21.4976 7.16958 21.223 6.19433C21.1316 5.86978 21.0462 5.55694 20.9641 5.25603C20.7964 4.64144 20.6423 4.07664 20.4782 3.56353C20.2332 2.79724 19.9879 2.22215 19.697 1.84288C19.425 1.48818 19.1343 1.32827 18.7505 1.32827C18.3164 1.32827 17.9966 1.50101 17.7094 1.85587C17.4023 2.23532 17.1457 2.81036 16.8946 3.57676C16.7122 4.1334 16.5436 4.75425 16.3593 5.43291C16.2909 5.68489 16.2203 5.94483 16.146 6.21242C15.8747 7.19 15.5599 8.2476 15.1376 9.30995C14.2921 11.4373 13.0076 13.6049 10.7458 15.2351Z" stroke="#252850")
g(v-if="data.crown.general.injury")
mask(
id="mask0_4460_281746",
style="mask-type:alpha",
maskUnits="userSpaceOnUse",
x="3",
y="2",
width="37",
height="32"
)
path(
d="M39.2973 19.3594C39.2973 17.1778 39.3487 15.2799 39.3968 13.6327C39.4002 13.5151 39.4036 13.3989 39.407 13.2839C39.451 11.7848 39.4885 10.5089 39.4767 9.41334C39.451 7.01994 39.1835 5.65809 38.4036 4.8089C37.6243 3.96035 36.2199 3.50281 33.5292 3.29267C31.2528 3.11489 28.1757 3.11846 23.9964 3.1233C23.2807 3.12413 22.5326 3.125 21.7507 3.125C21.3514 3.125 20.961 3.12489 20.5791 3.12478C15.8488 3.12343 12.4416 3.12246 9.97672 3.33842C7.29048 3.57378 5.88282 4.05918 5.10055 4.92826C4.31632 5.7995 4.04951 7.17611 4.02369 9.55182C4.01183 10.6437 4.04953 11.9116 4.0937 13.3972C4.09693 13.5059 4.1002 13.6157 4.10348 13.7267C4.15154 15.3514 4.20298 17.2187 4.20298 19.3594C4.20298 22.7019 6.07424 26.0144 9.23117 28.508C12.3834 30.9978 16.7852 32.6406 21.7507 32.6406C26.7161 32.6406 31.1177 30.9978 34.2696 28.508C37.4263 26.0144 39.2973 22.702 39.2973 19.3594Z",
fill="white",
stroke="#252850"
)
g(mask="url(#mask0_4460_281746)")
circle(
cx="9",
cy="9",
r="9",
transform="matrix(1 0 0 -1 13 17)",
fill="#252850",
stroke="white"
)
g(v-if="data.crown.general.seal")
path(d="M40.4489 9.76331C40.4489 8.50504 40.5071 7.4112 40.5609 6.46817C40.5647 6.40263 40.5684 6.33791 40.5721 6.274C40.6216 5.41073 40.6628 4.69477 40.6499 4.08281C40.6361 3.4256 40.5597 2.94088 40.3946 2.56649C40.2373 2.20961 39.9865 1.92397 39.5582 1.6857C39.1149 1.43905 38.4773 1.24139 37.5522 1.09263C36.6308 0.944462 35.456 0.849421 33.9572 0.789614C31.3963 0.687426 27.9377 0.689489 23.2622 0.692278C22.4613 0.692755 21.6247 0.693254 20.7507 0.693254C20.3012 0.693254 19.8616 0.69319 19.4315 0.693125C14.1463 0.692337 10.3193 0.691765 7.54653 0.815899C6.04823 0.882975 4.87372 0.985922 3.95277 1.14147C3.02833 1.2976 2.39034 1.50195 1.94637 1.75397C1.51685 1.99779 1.26448 2.28827 1.10628 2.64835C0.940712 3.02521 0.864407 3.50982 0.850534 4.16209C0.837567 4.77177 0.878938 5.48308 0.928707 6.3388C0.932211 6.39904 0.935756 6.45999 0.939326 6.52167C0.993167 7.45178 1.05128 8.52824 1.05128 9.76331C1.05128 10.5815 1.49902 11.4558 2.44923 12.3324C3.39643 13.2061 4.7976 14.037 6.57884 14.7559C10.138 16.1924 15.1222 17.1445 20.7507 17.1445C26.3793 17.1445 31.3631 16.1924 34.922 14.7559C36.7031 14.037 38.1041 13.2061 39.0512 12.3324C40.0013 11.4559 40.4489 10.5815 40.4489 9.76331Z" fill="#FFB931" stroke="white")
</template>
<script>

90
src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/ToothFormula/tooths/MolarsTooth.vue
View File

@@ -66,31 +66,39 @@
d="M36.2801 11.7305C36.7934 24.8374 35.8401 55.1414 32.5406 55.1426C27.5631 55.1444 30.5612 27.6442 25.5018 27.6424C20.3477 27.6406 22.4222 41.5053 18.6826 41.5053C14.9431 41.5053 17.0173 27.6372 11.8632 27.6389C6.80382 27.6407 9.80148 55.1426 4.82406 55.1408C1.5246 55.1396 0.571265 24.8384 1.08438 11.7305H18.6822H36.2801Z",
fill="white"
)
path(
d="M1.08451 11.7287C0.57124 24.8357 1.52446 55.1396 4.82406 55.1408M4.82406 55.1408C9.80148 55.1426 6.80382 27.6407 11.8632 27.6389C17.0173 27.6372 14.9431 41.5053 18.6826 41.5053C22.4222 41.5053 20.3477 27.6406 25.5018 27.6424C30.5612 27.6442 27.5631 55.1444 32.5406 55.1426C35.8402 55.1414 36.7934 24.8374 36.2801 11.7305H18.6822H1.08438C0.571265 24.8384 1.5246 55.1396 4.82406 55.1408Z",
stroke="#252850",
stroke-linecap="square"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'root_left'",
:class="{'edit-part': editable}",
d="M4.81804 51.5043C3.25298 49.9392 3.08382 32.4872 3.07204 22.6833C3.07152 22.2535 3.68699 22.002 4.03135 22.2593C4.96781 22.9589 6.28013 23.7063 7.28315 24.161C7.45558 24.2392 7.56669 24.4067 7.55941 24.5959C7.17711 34.5275 6.43755 53.1238 4.81804 51.5043Z",
fill="#D3D4DC"
:fill="data.root.left.fill"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'root_right'",
:class="{'edit-part': editable}",
d="M32.3199 51.5043C33.8853 49.9389 34.5356 31.7491 34.5891 21.8825C34.5915 21.4526 34.0164 21.2387 33.7092 21.5394C32.7619 22.4667 31.3903 23.6221 30.3561 24.1534C30.1877 24.2399 30.0761 24.4067 30.0831 24.5959C30.4552 34.5275 30.7004 53.1238 32.3199 51.5043Z",
fill="#D3D4DC"
:fill="data.root.right.fill"
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'root_central'",
:class="{'edit-part': editable}",
d="M16.669 25.9951C17.4383 32.3528 16.9336 38.7773 18.6832 38.7773C20.4366 38.7773 20.1845 32.3251 20.9795 25.9541C21.0207 25.6243 20.7074 25.3586 20.3838 25.4346C18.9844 25.7636 18.0072 25.6611 17.2903 25.4763C16.9589 25.3908 16.6278 25.6553 16.669 25.9951Z",
fill="#D3D4DC"
:fill="data.root.central.fill"
)
g(transform="translate(-0.7 11)")
mask(id="mask0_4460_279026" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="38" height="45")
path(d="M32.7801 0.730476C37.2934 13.8374 36.3401 44.1414 33.0406 44.1426C28.0631 44.1444 31.0612 16.6442 26.0018 16.6424C20.8477 16.6406 22.9222 30.5053 19.1826 30.5053C15.4431 30.5053 17.5173 16.6372 12.3632 16.6389C7.30382 16.6407 10.3015 44.1426 5.32406 44.1408C2.0246 44.1396 1.07127 13.8384 1.58438 0.730476H19.1822H36.7801Z" fill="white")
g(mask="url(#mask0_4460_279026)")
g(v-if="data.root.left.injury")
circle(cx="9" cy="9" r="9" transform="matrix(1 0 0 -1 -3.17871 50.6816)" fill="#C23333" stroke="white")
g(v-if="data.root.right.injury")
circle(cx="9" cy="9" r="9" transform="matrix(1 0 0 -1 23.832 50.6816)" fill="#C23333" stroke="white")
path(
d="M1.08451 11.7287C0.57124 24.8357 1.52446 55.1396 4.82406 55.1408M4.82406 55.1408C9.80148 55.1426 6.80382 27.6407 11.8632 27.6389C17.0173 27.6372 14.9431 41.5053 18.6826 41.5053C22.4222 41.5053 20.3477 27.6406 25.5018 27.6424C30.5612 27.6442 27.5631 55.1444 32.5406 55.1426C35.8402 55.1414 36.7934 24.8374 36.2801 11.7305H18.6822H1.08438C0.571265 24.8384 1.5246 55.1396 4.82406 55.1408Z",
stroke="#252850",
stroke-linecap="square"
)
g(v-if="['ИЗ','ИК'].includes(data.general)" transform="translate(-9 -4)")
rect(y="14" width="56" height="4" rx="2" fill="#252850")
@@ -131,14 +139,38 @@
fill="white",
stroke="#252850"
)
path(
v-if="data.general !== 'В'",
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown'",
:class="{'edit-part': editable}",
d="M34.5713 13.3113C34.5713 17.2416 27.0496 20.4277 18.8213 20.4277C10.593 20.4277 3.07129 17.2416 3.07129 13.3113V10.8813C3.07129 6.56757 6.95639 3.07059 11.5848 3.07059C14.2175 3.07059 17.2849 5.80103 18.8213 7.57059C20.3577 5.80103 23.4251 3.07059 26.0578 3.07059C30.6862 3.07059 34.5713 6.56757 34.5713 10.8813V13.3113Z",
fill="#D3D4DC"
)
g(v-if="data.general !== 'В'")
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_central'",
:class="{'edit-part': editable}",
d="M34.5713 13.3113C34.5713 17.2416 27.0496 20.4277 18.8213 20.4277C10.593 20.4277 3.07129 17.2416 3.07129 13.3113V10.8813C3.07129 6.56757 6.95639 3.07059 11.5848 3.07059C14.2175 3.07059 17.2849 5.80103 18.8213 7.57059C20.3577 5.80103 23.4251 3.07059 26.0578 3.07059C30.6862 3.07059 34.5713 6.56757 34.5713 10.8813V13.3113Z",
:fill="data.crown.general.fill"
)
g(v-if="data.crown.general.injury")
mask(
id="mask0_4460_279217",
style="mask-type:alpha",
maskUnits="userSpaceOnUse",
x="0",
y="0",
width="37",
height="23"
)
path(
d="M18.5714 4.25161L18.1827 4.73195L17.7941 4.25161C16.0099 2.04667 13.2835 0.638338 10.2278 0.638338C4.85529 0.638338 0.5 4.99369 0.5 10.3663V13.5484C0.5 15.8368 2.32085 18.036 5.55365 19.6928C8.75995 21.3361 13.2242 22.3672 18.1827 22.3672C23.1412 22.3672 27.6055 21.3361 30.8118 19.6928C34.0446 18.036 35.8655 15.8368 35.8655 13.5484V10.3663C35.8655 4.99369 31.5102 0.638338 26.1377 0.638338C23.082 0.638338 20.3556 2.04667 18.5714 4.25161Z",
fill="white",
stroke="#252850"
)
g(mask="url(#mask0_4460_279217)")
circle(
cx="8",
cy="8",
r="8.5",
transform="matrix(1 0 0 -1 10 13)",
fill="#252850",
stroke="white"
)
g(v-if="data.general === 'В'" transform="translate(0.5 5)")
path(d="M18.1825 18.8691C28.2246 18.8691 36.3652 14.697 36.3652 9.55031V6.36827C33.0934 8.74995 22.9998 6.36827 18.1825 0.00195312C14.9998 6.36827 3.88781 8.62027 -0.000244141 6.36827V9.55031C-0.000244141 14.697 8.14045 18.8691 18.1825 18.8691Z" fill="#252850")
mask(id="mask0_4459_278586" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="38" height="19")
@@ -154,30 +186,8 @@
rect(width="2" height="32" transform="matrix(-0.866025 0.5 0.5 0.866025 -1.52686 2.14662)" fill="white" fill-opacity="0.3")
rect(width="2" height="32" transform="matrix(-0.866025 0.5 0.5 0.866025 -4.99072 4.14639)" fill="white" fill-opacity="0.3")
path(d="M18.1825 18.3691C23.141 18.3691 27.6053 17.338 30.8116 15.6948C34.0444 14.0379 35.8652 11.8387 35.8652 9.55031V7.21686C34.9897 7.59189 33.8841 7.7642 32.6846 7.77356C31.0675 7.78617 29.2049 7.50335 27.3353 6.94468C23.8814 5.91263 20.3094 3.90907 18.2161 0.965481C16.3879 3.91356 12.9404 5.88355 9.49674 6.89666C7.62403 7.4476 5.72288 7.72514 4.03165 7.71886C2.71115 7.71395 1.48723 7.53582 0.499756 7.15613V9.55031C0.499756 11.8387 2.3206 14.0379 5.55341 15.6948C8.75971 17.338 13.224 18.3691 18.1825 18.3691Z" stroke="#252850")
g(v-if="data.crown.general.injury")
mask(
id="mask0_4460_279217",
style="mask-type:alpha",
maskUnits="userSpaceOnUse",
x="0",
y="0",
width="37",
height="23"
)
path(
d="M18.5714 4.25161L18.1827 4.73195L17.7941 4.25161C16.0099 2.04667 13.2835 0.638338 10.2278 0.638338C4.85529 0.638338 0.5 4.99369 0.5 10.3663V13.5484C0.5 15.8368 2.32085 18.036 5.55365 19.6928C8.75995 21.3361 13.2242 22.3672 18.1827 22.3672C23.1412 22.3672 27.6055 21.3361 30.8118 19.6928C34.0446 18.036 35.8655 15.8368 35.8655 13.5484V10.3663C35.8655 4.99369 31.5102 0.638338 26.1377 0.638338C23.082 0.638338 20.3556 2.04667 18.5714 4.25161Z",
fill="white",
stroke="#252850"
)
g(mask="url(#mask0_4460_279217)")
circle(
cx="8",
cy="8",
r="8.5",
transform="matrix(1 0 0 -1 10 13)",
fill="#252850",
stroke="white"
)
g(v-if="data.crown.general.seal" transform="translate(-1.7 -1)")
path(d="M40.1228 10.2231C40.1228 11.3221 39.4461 12.2872 38.4131 13.0913C37.3738 13.9004 35.901 14.6072 34.1258 15.1917C30.5701 16.3624 25.6894 17.0781 20.3212 17.0781C14.9529 17.0781 10.0722 16.3624 6.51648 15.1917C4.74129 14.6072 3.26855 13.9004 2.22922 13.0913C1.19624 12.2872 0.519531 11.3221 0.519531 10.2231V8.05313C0.519531 5.89907 1.87787 4.01827 3.92927 2.70039C5.98605 1.37904 8.79727 0.578125 11.8767 0.578125C15.2078 0.578125 18.2306 1.51582 20.3212 3.04056C22.4118 1.51582 25.4345 0.578125 28.7656 0.578125C31.8451 0.578125 34.6563 1.37904 36.7131 2.70039C38.7645 4.01827 40.1228 5.89907 40.1228 8.05313V10.2231Z" fill="#FFB931" stroke="white")
</template>
<script>

84
src/pages/newMedicalCard/components/InitialInspectionProtocol/Forms/ToothFormula/tooths/PreMolarsFangsTooth.vue
View File

@@ -68,16 +68,24 @@
g(v-else)
g(v-if="data.general !== 'ИЗ'")
path(
d="M36.6163 19.8282C36.5326 22.3195 35.8468 25.8084 34.7419 29.7043C33.564 33.8575 31.9208 38.4352 30.0632 42.6914C28.2041 46.9511 26.1384 50.8698 24.1203 53.715C23.1104 55.1386 22.125 56.2756 21.1971 57.0517C20.2606 57.8351 19.4397 58.2032 18.75 58.2032C18.0603 58.2032 17.2394 57.8351 16.3029 57.0517C15.375 56.2756 14.3896 55.1386 13.3797 53.715C11.3616 50.8698 9.29587 46.9511 7.43677 42.6914C5.57916 38.4352 3.93603 33.8575 2.75813 29.7043C1.65321 25.8084 0.967415 22.3195 0.883675 19.8282L1.81897 19.8282L5.75689 19.8284L18.75 19.8286L31.7431 19.8284L35.681 19.8282L36.6163 19.8282Z",
fill="white",
stroke="#252850"
)
d="M36.6163 19.8282C36.5326 22.3195 35.8468 25.8084 34.7419 29.7043C33.564 33.8575 31.9208 38.4352 30.0632 42.6914C28.2041 46.9511 26.1384 50.8698 24.1203 53.715C23.1104 55.1386 22.125 56.2756 21.1971 57.0517C20.2606 57.8351 19.4397 58.2032 18.75 58.2032C18.0603 58.2032 17.2394 57.8351 16.3029 57.0517C15.375 56.2756 14.3896 55.1386 13.3797 53.715C11.3616 50.8698 9.29587 46.9511 7.43677 42.6914C5.57916 38.4352 3.93603 33.8575 2.75813 29.7043C1.65321 25.8084 0.967415 22.3195 0.883675 19.8282L1.81897 19.8282L5.75689 19.8284L18.75 19.8286L31.7431 19.8284L35.681 19.8282L36.6163 19.8282Z",
fill="white",
)
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'root_central'",
:class="{'edit-part': editable}",
d="M27.6106 31.75C27.9904 31.5726 28.5857 31.8793 28.5671 32.298C28.193 40.7601 23.9204 54.7656 18.75 54.7656C13.5545 54.7656 8.9633 40.6236 8.60111 32.175C8.58393 31.7742 9.10691 31.4947 9.47075 31.6638C10.7255 32.2471 13.473 33.1093 18.75 33.1093C23.7725 33.1093 26.3734 32.3282 27.6106 31.75Z",
fill="#D3D4DC"
:fill="data.root.central.fill"
)
g(v-if="data.root.central.injury" transform="translate(0 19)")
mask(id="mask0_4460_280199" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="38" height="40")
path(d="M36.6163 0.828076C36.5326 3.31939 35.8468 6.8083 34.7419 10.7042C33.564 14.8574 31.9208 19.4351 30.0632 23.6913C28.2041 27.951 26.1384 31.8697 24.1203 34.7149C23.1104 36.1385 22.125 37.2755 21.1971 38.0516C20.2606 38.835 19.4397 39.2031 18.75 39.2031C18.0603 39.2031 17.2394 38.835 16.3029 38.0516C15.375 37.2755 14.3896 36.1385 13.3797 34.7149C11.3616 31.8697 9.29587 27.9509 7.43677 23.6913C5.57916 19.4351 3.93603 14.8574 2.75813 10.7041C1.65321 6.80825 0.967415 3.31935 0.883675 0.828032L1.81897 0.828083L5.75689 0.828259L18.75 0.828514L31.7431 0.828282L35.681 0.828122L36.6163 0.828076Z" fill="white" stroke="#252850")
g(mask="url(#mask0_4460_280199)")
circle(cx="9" cy="9" r="9" transform="matrix(1 0 0 -1 9.75 44.7655)" fill="#C23333" stroke="white")
path(
d="M36.6163 19.8282C36.5326 22.3195 35.8468 25.8084 34.7419 29.7043C33.564 33.8575 31.9208 38.4352 30.0632 42.6914C28.2041 46.9511 26.1384 50.8698 24.1203 53.715C23.1104 55.1386 22.125 56.2756 21.1971 57.0517C20.2606 57.8351 19.4397 58.2032 18.75 58.2032C18.0603 58.2032 17.2394 57.8351 16.3029 57.0517C15.375 56.2756 14.3896 55.1386 13.3797 53.715C11.3616 50.8698 9.29587 46.9511 7.43677 42.6914C5.57916 38.4352 3.93603 33.8575 2.75813 29.7043C1.65321 25.8084 0.967415 22.3195 0.883675 19.8282L1.81897 19.8282L5.75689 19.8284L18.75 19.8286L31.7431 19.8284L35.681 19.8282L36.6163 19.8282Z",
stroke="#252850",
)
g(v-if="['ИЗ','ИК'].includes(data.general)" transform="translate(-9 -2)")
rect(y="14" width="56" height="4" rx="2" fill="#252850")
@@ -118,14 +126,38 @@
fill="white",
stroke="#252850"
)
path(
v-if="data.general !== 'В'",
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown'",
:class="{'edit-part': editable}",
d="M33.8438 18.8624C33.8438 13.0868 24.4102 3.57812 18.75 3.57812C13.0898 3.57812 3.65625 13.0868 3.65625 18.8624C3.65625 24.638 10.414 28.5156 18.75 28.5156C27.086 28.5156 33.8438 24.638 33.8438 18.8624Z",
fill="#D3D4DC"
)
g(v-if="data.general !== 'В'")
path(
@click="(el) => clickPart(el.target.id)",
:id="editable && 'crown_central'",
:class="{'edit-part': editable}",
d="M33.8438 18.8624C33.8438 13.0868 24.4102 3.57812 18.75 3.57812C13.0898 3.57812 3.65625 13.0868 3.65625 18.8624C3.65625 24.638 10.414 28.5156 18.75 28.5156C27.086 28.5156 33.8438 24.638 33.8438 18.8624Z",
:fill="data.crown.general.fill"
)
g(v-if="data.crown.general.injury")
mask(
id="mask0_4460_280349",
style="mask-type:alpha",
maskUnits="userSpaceOnUse",
x="0",
y="0",
width="38",
height="32"
)
path(
d="M36.625 19.3281C36.625 17.6844 35.9524 15.7204 34.7882 13.6711C33.6289 11.6305 32.0063 9.54771 30.1651 7.67697C28.3239 5.80617 26.2763 4.15994 24.2749 2.98465C22.264 1.80382 20.3451 1.125 18.75 1.125C17.1549 1.125 15.236 1.80382 13.2251 2.98465C11.2237 4.15994 9.17611 5.80617 7.33487 7.67697C5.49369 9.54771 3.87111 11.6305 2.71184 13.6711C1.54763 15.7204 0.875 17.6844 0.875 19.3281C0.875 22.6414 2.79677 25.4533 6.02112 27.4602C9.24982 29.4698 13.7467 30.6406 18.75 30.6406C23.7533 30.6406 28.2502 29.4698 31.4789 27.4602C34.7032 25.4533 36.625 22.6414 36.625 19.3281Z",
fill="white",
stroke="#252850"
)
g(mask="url(#mask0_4460_280349)")
circle(
cx="8",
cy="8",
r="8.5",
transform="matrix(1 0 0 -1 10.5 15)",
fill="#252850",
stroke="white"
)
g(v-if="data.general === 'В'")
path(d="M37.1252 19.3282C18.7502 19.3282 22.228 0.625122 18.7502 0.625122C15.2725 0.625122 18.7502 19.3282 0.375244 19.3282C0.375244 26.3958 8.60201 31.1407 18.7502 31.1407C28.8985 31.1407 37.1252 26.3958 37.1252 19.3282Z" fill="#252850")
mask(id="mask0_4460_279331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="38" height="32")
@@ -141,30 +173,8 @@
rect(width="2" height="48" transform="matrix(-0.866025 0.5 0.5 0.866025 -3.75244 4.51178)" fill="white" fill-opacity="0.3")
rect(width="2" height="48" transform="matrix(-0.866025 0.5 0.5 0.866025 -7.21655 6.51178)" fill="white" fill-opacity="0.3")
path(d="M10.8114 16.8043C8.48682 18.567 5.30404 19.739 0.889695 19.8234C1.07147 22.9218 2.95887 25.5542 6.02137 27.4603C9.25006 29.4699 13.7469 30.6407 18.7502 30.6407C23.7536 30.6407 28.2504 29.4699 31.4791 27.4603C34.5416 25.5542 36.429 22.9218 36.6108 19.8234C32.1964 19.739 29.0137 18.567 26.6891 16.8043C24.2803 14.9777 22.8383 12.551 21.8867 10.1617C21.139 8.28409 20.6836 6.39721 20.3076 4.83934C20.2075 4.42474 20.1131 4.03343 20.0202 3.67181C19.7945 2.79254 19.5855 2.11653 19.3438 1.66465C19.1007 1.2104 18.9058 1.12512 18.7502 1.12512C18.5947 1.12512 18.3998 1.2104 18.1567 1.66465C17.915 2.11653 17.706 2.79254 17.4803 3.67181C17.3874 4.03344 17.293 4.42476 17.1929 4.83937C16.8169 6.39724 16.3615 8.2841 15.6137 10.1617C14.6622 12.551 13.2201 14.9777 10.8114 16.8043Z" stroke="#252850")
g(v-if="data.crown.general.injury")
mask(
id="mask0_4460_280349",
style="mask-type:alpha",
maskUnits="userSpaceOnUse",
x="0",
y="0",
width="38",
height="32"
)
path(
d="M36.625 19.3281C36.625 17.6844 35.9524 15.7204 34.7882 13.6711C33.6289 11.6305 32.0063 9.54771 30.1651 7.67697C28.3239 5.80617 26.2763 4.15994 24.2749 2.98465C22.264 1.80382 20.3451 1.125 18.75 1.125C17.1549 1.125 15.236 1.80382 13.2251 2.98465C11.2237 4.15994 9.17611 5.80617 7.33487 7.67697C5.49369 9.54771 3.87111 11.6305 2.71184 13.6711C1.54763 15.7204 0.875 17.6844 0.875 19.3281C0.875 22.6414 2.79677 25.4533 6.02112 27.4602C9.24982 29.4698 13.7467 30.6406 18.75 30.6406C23.7533 30.6406 28.2502 29.4698 31.4789 27.4602C34.7032 25.4533 36.625 22.6414 36.625 19.3281Z",
fill="white",
stroke="#252850"
)
g(mask="url(#mask0_4460_280349)")
circle(
cx="8",
cy="8",
r="8.5",
transform="matrix(1 0 0 -1 10.5 15)",
fill="#252850",
stroke="white"
)
g(v-if="data.crown.general.seal")
path(d="M36.625 10.9255C36.625 10.1126 36.034 9.04978 34.8662 7.86058C33.7216 6.69509 32.1094 5.49605 30.2681 4.41384C26.5716 2.24116 22.0684 0.606323 18.75 0.606323C15.4316 0.606323 10.9284 2.24116 7.23187 4.41384C5.39063 5.49605 3.77843 6.69509 2.63384 7.86058C1.46595 9.04978 0.875 10.1126 0.875 10.9255C0.875 11.7626 1.29193 12.5752 2.15246 13.3454C3.01695 14.1192 4.29734 14.8183 5.92629 15.4048C9.18094 16.5766 13.7134 17.2587 18.75 17.2587C23.7866 17.2587 28.3191 16.5766 31.5737 15.4048C33.2027 14.8183 34.483 14.1192 35.3475 13.3454C36.2081 12.5752 36.625 11.7626 36.625 10.9255Z" fill="#FFB931" stroke="white")
</template>
<script>