ปรับ icon
This commit is contained in:
parent
f65a7086bd
commit
01fcd48b06
1 changed files with 77 additions and 47 deletions
|
|
@ -161,13 +161,11 @@ function deleteData(id: string) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function editPopup(data: RowList, status: string) {
|
function editPopup(data: RowList, status: string) {
|
||||||
console.log(data);
|
|
||||||
if (status == "read") {
|
if (status == "read") {
|
||||||
isRead.value = true;
|
isRead.value = true;
|
||||||
}
|
}
|
||||||
editCheck.value = true;
|
editCheck.value = true;
|
||||||
dialog.value = true;
|
dialog.value = true;
|
||||||
console.log(dialog.value);
|
|
||||||
idRound.value = data.id;
|
idRound.value = data.id;
|
||||||
period.value = data.period ? data.period : "";
|
period.value = data.period ? data.period : "";
|
||||||
yearData.value = data.year ? data.year : 0;
|
yearData.value = data.year ? data.year : 0;
|
||||||
|
|
@ -382,58 +380,90 @@ onMounted(async () => {
|
||||||
{{ col.value }}
|
{{ col.value }}
|
||||||
</div>
|
</div>
|
||||||
</q-td>
|
</q-td>
|
||||||
<q-td auto-width>
|
<q-td>
|
||||||
<q-btn
|
<q-btn
|
||||||
color="edit"
|
|
||||||
flat
|
flat
|
||||||
dense
|
dense
|
||||||
round
|
icon="mdi-dots-vertical"
|
||||||
class="q-mr-xs"
|
class="q-pa-none q-ml-xs"
|
||||||
|
color="grey-13"
|
||||||
size="12px"
|
size="12px"
|
||||||
:icon="
|
>
|
||||||
dateToISO(new Date()) >= dateToISO(props.row.effectiveDate)
|
<q-menu>
|
||||||
? 'mdi-eye-outline'
|
<q-list dense style="min-width: 200px">
|
||||||
: 'edit'
|
<q-item
|
||||||
|
clickable
|
||||||
|
v-close-popup
|
||||||
|
@click.stop="
|
||||||
|
dateToISO(new Date()) >=
|
||||||
|
dateToISO(props.row.effectiveDate)
|
||||||
|
? editPopup(props.row, 'read')
|
||||||
|
: editPopup(props.row, 'edit')
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<q-item-section>
|
||||||
|
<div class="row items-center">
|
||||||
|
<q-icon
|
||||||
|
color="edit"
|
||||||
|
size="17px"
|
||||||
|
:name="
|
||||||
|
dateToISO(new Date()) >=
|
||||||
|
dateToISO(props.row.effectiveDate)
|
||||||
|
? 'mdi-eye-outline'
|
||||||
|
: 'edit'
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<div class="q-pl-md">
|
||||||
|
{{
|
||||||
|
dateToISO(new Date()) >=
|
||||||
|
dateToISO(props.row.effectiveDate)
|
||||||
|
? "ดูข้อมูล"
|
||||||
|
: "แก้ไขข้อมูล"
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
|
||||||
|
<q-item
|
||||||
|
v-if="
|
||||||
|
props.row.isClose == false
|
||||||
|
? dateToISO(new Date()) >=
|
||||||
|
dateToISO(props.row.effectiveDate)
|
||||||
|
? true
|
||||||
|
: false
|
||||||
|
: false
|
||||||
"
|
"
|
||||||
clickable
|
clickable
|
||||||
@click="
|
v-close-popup
|
||||||
|
@click.stop="dialogClose(props.row.id)"
|
||||||
|
>
|
||||||
|
<q-item-section>
|
||||||
|
<div class="row items-center">
|
||||||
|
<q-icon color="red" size="17px" name="mdi-close-box" />
|
||||||
|
<div class="q-pl-md">ปิดรอบ</div>
|
||||||
|
</div>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item
|
||||||
|
v-if="
|
||||||
dateToISO(new Date()) >= dateToISO(props.row.effectiveDate)
|
dateToISO(new Date()) >= dateToISO(props.row.effectiveDate)
|
||||||
? editPopup(props.row, 'read')
|
? false
|
||||||
: editPopup(props.row, 'edit')
|
: true
|
||||||
"
|
"
|
||||||
>
|
clickable
|
||||||
<q-tooltip>{{
|
v-close-popup
|
||||||
dateToISO(new Date()) >= dateToISO(props.row.effectiveDate)
|
@click.stop=" dialogRemove($q, async () => await deleteData(props.row.id))"
|
||||||
? "ดูข้อมูล"
|
>
|
||||||
: "แก้ไขข้อมูล"
|
<q-item-section>
|
||||||
}}</q-tooltip>
|
<div class="row items-center">
|
||||||
</q-btn>
|
<q-icon color="red" size="17px" name="mdi-delete" />
|
||||||
<q-btn
|
<div class="q-pl-md">ลบข้อมูล</div>
|
||||||
v-if="props.row.isClose == false ? dateToISO(new Date()) >= dateToISO(props.row.effectiveDate) ? true : false:false"
|
</div>
|
||||||
color="red"
|
</q-item-section>
|
||||||
flat
|
</q-item>
|
||||||
dense
|
</q-list>
|
||||||
round
|
</q-menu>
|
||||||
size="12px"
|
|
||||||
icon="mdi-close-box"
|
|
||||||
clickable
|
|
||||||
@click.stop="dialogClose(props.row.id)"
|
|
||||||
>
|
|
||||||
<q-tooltip>ปิดรอบ</q-tooltip>
|
|
||||||
</q-btn>
|
|
||||||
<q-btn
|
|
||||||
v-if="dateToISO(new Date()) >= dateToISO(props.row.effectiveDate) ? false : true"
|
|
||||||
color="red"
|
|
||||||
flat
|
|
||||||
dense
|
|
||||||
round
|
|
||||||
size="12px"
|
|
||||||
icon="mdi-delete"
|
|
||||||
clickable
|
|
||||||
@click.stop="dialogRemove( $q, async () => await deleteData(props.row.id))"
|
|
||||||
v-close-popup
|
|
||||||
>
|
|
||||||
<q-tooltip>ลบข้อมูล</q-tooltip>
|
|
||||||
</q-btn>
|
</q-btn>
|
||||||
</q-td>
|
</q-td>
|
||||||
</q-tr>
|
</q-tr>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue