82 lines
3.0 KiB
Vue
Executable File
82 lines
3.0 KiB
Vue
Executable File
<template>
|
|
<DataTable v-bind="{pagename: pagename}" @updatesetting="updateSetting" v-if="docid" />
|
|
<div class="mt-6">
|
|
<Caption v-bind="{title: 'Nhập tên trong trường hợp tạo mới'}"></Caption>
|
|
<div>
|
|
<input class="input" type="text" v-model="name">
|
|
</div>
|
|
</div>
|
|
<div class="mt-6">
|
|
<button class="button is-primary" @click="save()">Cập nhật</button>
|
|
<button class="button is-dark ml-4" @click="save(true)">Tạo mới</button>
|
|
<button class="button is-dark ml-4" @click="copy()">Copy fields</button>
|
|
<button class="button is-dark ml-4" @click="paste()">Paste fields</button>
|
|
<button class="button is-danger ml-6" @click="remove()">Xóa</button>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import DataTable from '~/components/datatable/DataTable'
|
|
import { ref } from 'vue'
|
|
import { useStore } from '~/stores/index'
|
|
const store = useStore()
|
|
const { $id, $copy, $updaterow, $insertrow, $findpage, $getpage, $getdata, $setpage } = useNuxtApp()
|
|
var props = defineProps({
|
|
setting: Object,
|
|
masterpage: String
|
|
})
|
|
var api = 'usersetting'
|
|
var pagename = $findpage()
|
|
var name = undefined
|
|
var vsetting = undefined
|
|
var pagedata = undefined
|
|
var docid = ref(null)
|
|
async function initData() {
|
|
pagedata = $getpage()
|
|
store.commit(pagename, pagedata)
|
|
vsetting = await $getdata(api, undefined, {filter: JSON.stringify({id: props.setting.id})}, true)
|
|
pagedata = $setpage(pagename, vsetting)
|
|
docid.value = $id()
|
|
console.log(pagename, pagedata)
|
|
}
|
|
async function paste() {
|
|
const text = await navigator.clipboard.readText()
|
|
try {
|
|
const json = JSON.parse(text)
|
|
//$store.commit("updateState", {name: pagename, key: "update", data: {fields: json}})
|
|
}
|
|
catch(err) {
|
|
$snackbar('Đã xảy lỗi. Hãy thử lại.')
|
|
}
|
|
}
|
|
function copy() {
|
|
$copyToClipboard(JSON.stringify(pagedata.fields))
|
|
$snackbar('Copy thành công')
|
|
}
|
|
function updateSetting(data) {
|
|
let rows = store[masterpage].data
|
|
let idx = $findIndex(rows, {id: data.id})
|
|
rows[idx] = data
|
|
//$store.commit("updateState", {name: masterpage, key: "update", data: {data: rows}})
|
|
}
|
|
async function save(isNew) {
|
|
let detail = pagename? {fields: pagedata.fields} : {}
|
|
let element = pagedata.tablesetting || tablesetting
|
|
detail.tablesetting = element
|
|
if (pagedata.filters? pagedata.filters.length > 0 : false) {
|
|
detail.filters = pagedata.filters;
|
|
}
|
|
let copy = await $getdata(api, undefined, {filter: {id: setting.id}}, true)
|
|
copy.detail = detail
|
|
copy.update_time = new Date()
|
|
if(isNew) {
|
|
copy.id = undefined
|
|
copy.name = name
|
|
}
|
|
isNew? await $insertrow(api, copy, undefined, pagename) : await $updaterow(api, copy, undefined, pagename)
|
|
}
|
|
async function remove() {
|
|
await $deleterow(api, props.setting.id, undefined, pagename)
|
|
}
|
|
// main
|
|
initData()
|
|
</script> |