53 lines
1.0 KiB
Vue
53 lines
1.0 KiB
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>
|