33 lines
884 B
Vue
33 lines
884 B
Vue
<template>
|
|
<a v-if="row.note" @click="showNote()">
|
|
<SvgIcon v-bind="{name: 'edit2.svg', type: 'findata', size: 20}"></SvgIcon>
|
|
</a>
|
|
<a v-else @click="showNote()">
|
|
<span class="tooltip">
|
|
<span class="dot-twitter">+</span>
|
|
<span class="tooltiptext to-left" style="min-width: max-content;">{{ label }}</span>
|
|
</span>
|
|
</a>
|
|
</template>
|
|
<script>
|
|
import { useStore } from "@/stores/index";
|
|
export default {
|
|
setup() {
|
|
const store = useStore();
|
|
return { store };
|
|
},
|
|
props: ['row', 'pagename'],
|
|
data() {
|
|
return {
|
|
label: this.store.lang==='en'? 'Note' : 'Ghi chú'
|
|
}
|
|
},
|
|
methods: {
|
|
showNote() {
|
|
this.$emit('clickevent', {name: 'dataevent',
|
|
data: {modal: {title: this.label, height: '330px', width: '700px', component: 'common/Note',
|
|
vbind:{row: this.row, pagename: this.pagename}}}})
|
|
}
|
|
}
|
|
}
|
|
</script> |