Исправил баги с добавлением снимков и подвижностью зубов
This commit is contained in:
@@ -2,13 +2,12 @@
|
|||||||
label.download.flex.cursor-pointer.relative.items-center.justify-center.rounded(
|
label.download.flex.cursor-pointer.relative.items-center.justify-center.rounded(
|
||||||
:style="{height: `${height}px`, width: width ? `${width}px` : '100%'}"
|
:style="{height: `${height}px`, width: width ? `${width}px` : '100%'}"
|
||||||
)
|
)
|
||||||
base-input(
|
base-input.w-full.h-full(
|
||||||
@change="(e) => addNewFiles(e)",
|
@change="(e) => addNewFiles(e)",
|
||||||
doc,
|
doc,
|
||||||
type="file",
|
type="file",
|
||||||
:accept="getAccept",
|
:accept="getAccept",
|
||||||
id="download",
|
id="upload"
|
||||||
:style="{zIndex: '-1'}",
|
|
||||||
borderless,
|
borderless,
|
||||||
:multiple="multiple"
|
:multiple="multiple"
|
||||||
)
|
)
|
||||||
@@ -92,6 +91,12 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass" scoped>
|
<style lang="sass" scoped>
|
||||||
|
#upload :deep(.q-field__native)
|
||||||
|
cursor: pointer
|
||||||
|
height: 100%
|
||||||
|
padding: 0
|
||||||
|
#upload :deep(.q-field__control)
|
||||||
|
height: 100%
|
||||||
.download
|
.download
|
||||||
border: 1px dashed var(--font-grey-color)
|
border: 1px dashed var(--font-grey-color)
|
||||||
background-color: var(--default-white)
|
background-color: var(--default-white)
|
||||||
|
|||||||
@@ -14,8 +14,8 @@
|
|||||||
.grey-border.rounded-md.flex.w-full.py-2.pr-4.pl-2.justify-between.items-center(v-for="picture in dataEntry.pictures")
|
.grey-border.rounded-md.flex.w-full.py-2.pr-4.pl-2.justify-between.items-center(v-for="picture in dataEntry.pictures")
|
||||||
.flex.items-center
|
.flex.items-center
|
||||||
img.grey-border.rounded.w-8.h-8.mr-3(:src="picture.photo")
|
img.grey-border.rounded.w-8.h-8.mr-3(:src="picture.photo")
|
||||||
span.text-base.font-normal.mr-2 {{picture.name}}
|
span.name.text-base.font-normal.mr-2.whitespace-pre-wrap {{picture.name}}
|
||||||
span.text-smm.font-normal(:style="{color: 'var(--font-dark-grey-color)'}") {{`${picture.size} МБ`}}
|
span.text-smm.font-normal.whitespace-nowrap(:style="{color: 'var(--font-dark-grey-color)'}") {{`${picture.size} МБ`}}
|
||||||
q-icon.delete-img.cursor-pointer(
|
q-icon.delete-img.cursor-pointer(
|
||||||
@click="() => deleteImg(picture.id)",
|
@click="() => deleteImg(picture.id)",
|
||||||
name="app:cancel",
|
name="app:cancel",
|
||||||
@@ -118,6 +118,8 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass" scoped>
|
<style lang="sass" scoped>
|
||||||
|
.name
|
||||||
|
max-width: 270px
|
||||||
.delete-img
|
.delete-img
|
||||||
color: var(--font-grey-color)
|
color: var(--font-grey-color)
|
||||||
&:hover
|
&:hover
|
||||||
|
|||||||
@@ -844,7 +844,7 @@ export const protocolForms = [
|
|||||||
name: "upper",
|
name: "upper",
|
||||||
rowMap: [
|
rowMap: [
|
||||||
{
|
{
|
||||||
label: "Подвижность",
|
label: "Подвижность зубов",
|
||||||
key: "tooth_mobility",
|
key: "tooth_mobility",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -973,7 +973,7 @@ export const protocolForms = [
|
|||||||
key: "dental_condition",
|
key: "dental_condition",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Подвижность",
|
label: "Подвижность зубов",
|
||||||
key: "tooth_mobility",
|
key: "tooth_mobility",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user