52 lines
1.2 KiB
Vue
52 lines
1.2 KiB
Vue
<template lang="pug">
|
||
.wrap.flex.flex-col.gap-y-4
|
||
.flex.flex-col.gap-y-2
|
||
.place.flex.flex-col.justify-center.items-center.py-8
|
||
.w-60.text-center.text-sm.flex.w-fit
|
||
input.hidden(@change="(e) => addNewDoc(e)", type="file", id="file-upload", multiple)
|
||
span Загрузите документ
|
||
label.label.cursor-pointer(for="file-upload") с компьютера
|
||
span или перетащите его в это поле
|
||
.flex.flex-col
|
||
span.name-doc.py-2.px-3(v-for="doc in newDocs") {{doc.name}}
|
||
q-btn(
|
||
@click="closeModal",
|
||
color="primary",
|
||
label="Добавить",
|
||
no-caps,
|
||
padding="8px 24px",
|
||
style="height: 40px; width: 124px"
|
||
)
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "TableAddingNewDoc",
|
||
props: {
|
||
addNewDoc: Function,
|
||
newDocs: Array,
|
||
closeModal: Function,
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="sass" scoped>
|
||
.wrap
|
||
width: 485px
|
||
height: fit-content
|
||
|
||
.place
|
||
width: 100%
|
||
border: 2px dashed var(--font-grey-color)
|
||
border-radius: 4px
|
||
color: var(--font-grey-color)
|
||
|
||
.name-doc
|
||
border-radius: 4px
|
||
background-color: var(--border-light-grey-color-1)
|
||
width: fit-content
|
||
|
||
.label
|
||
color: var(--btn-blue-color)
|
||
</style>
|