erp/web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Viet An
2026-06-11 09:16:47 +07:00
parent 03f3112573
commit a5a88b3b1c
6 changed files with 49 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
app/components/datatable/ContextMenu.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="field has-addons is-justify-content-center">
<!-- <p class="control">
<!-- <div class="control">
<button
class="button is-light is-primary"
@click="checkFilter() ? false : $emit('modalevent', { name: 'dosort', data: 'az' })"
@@ -18,8 +18,8 @@
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
>Sắp xếp tăng dần</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button is-light is-primary"
@click="checkFilter() ? false : $emit('modalevent', { name: 'dosort', data: 'za' })"
@@ -37,8 +37,8 @@
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
>Sắp xếp giảm dần</span
>
</p> -->
<p class="control">
</div> -->
<div class="control">
<button
class="button"
@click="moveLeft()"
@@ -52,11 +52,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Chuyển cột sang trái</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="moveRight()"
@@ -70,11 +70,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Chuyển cột sang phải</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="resizeWidth()"
@@ -88,11 +88,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Tăng độ rộng cột</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="resizeWidth(true)"
@@ -106,11 +106,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Giảm độ rộng cột</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="hideField()"
@@ -124,11 +124,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Ẩn cột</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="!currentField.mandatory && doRemove()"
@@ -142,11 +142,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Xóa cột</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="$copyToClipboard(currentField.name)"
@@ -160,11 +160,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Sao chép cột</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="fieldList()"
@@ -178,11 +178,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Danh sách cột</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="createField()"
@@ -196,11 +196,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: 25px"
style="top: 110%; bottom: unset; min-width: max-content; left: 0"
>Tạo cột mới</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button"
@click="tableOption()"
@@ -214,11 +214,11 @@
</button>
<span
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
style="top: 110%; bottom: unset; min-width: max-content; right: 0"
>Tùy chọn bảng</span
>
</p>
<p class="control">
</div>
<div class="control">
<button
class="button is-primary"
@click="saveSetting()"
@@ -230,12 +230,14 @@
/>
</span>
</button>
<span
class="tooltiptext has-background-primary has-text-white"
style="top: 110%; bottom: unset; min-width: max-content; left: -45px"
>Lưu thiết lập</span
<p
class="tooltiptext"
style="top: 110%; bottom: unset; min-width: max-content; right: 0"
>
</p>
<span class="is-block">Lưu thiết lập: </span>
<span class="is-block fs-12 is-family-monospace">{{ pagedata.setting.name }}</span>
</p>
</div>
</div>
<div class="tabs is-centered">
<ul>
@@ -642,7 +644,7 @@ function resizeWidth(minus) {
}
</script>
<style lang="css" scoped>
p.control {
.control {
flex-grow: 1;
> button {