File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div class="content-zone">
<div class="content">
<div class="scroll">
<div class="tbl-wrap">
<ListTable
:className="'data'"
:colgroup="colgroup"
:thead="thead"
:tbody="tbody"
>
<template v-slot:button>
<button
class="btn btn-chip-outline sm primary ico-view "
@click.stop="modalOpen"
v-if="pageAuth.inqAuthrt == 'Y'"
>
보기
</button>
</template>
</ListTable>
</div>
</div>
</div>
</div>
<div class="btn-wrap">
<div></div>
<PaginationButton :className="'admin-pagination'" />
<div></div>
</div>
<Modal :showModal="satisfaction" :className="'large-modal'">
<template v-slot:header>
<div class="modal-title">
<p>해당메뉴명</p>
</div>
<button class="btn-close" @click="modalClose"></button>
</template>
<div class="tbl-wrap">
<ListTable
:colgroup="colgroup2"
:thead="thead2"
:tbody="tbody"
:className="'data'"
/>
</div>
</Modal>
</template>
<script>
import ListTable from "../../../../component/table/ListTable.vue";
import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
import Modal from "../../../../component/modal/Modal.vue";
export default {
components: {
ListTable: ListTable,
PaginationButton: PaginationButton,
Modal: Modal,
},
data() {
return {
// 페이지 권한 객체
pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
satisfaction: false,
colgroup: ["23%", "12%", "12%", "12%", "12%", "12%", "12%", "5%"],
colgroup2: ["13%", "13%", "13%", "13%", "13%", "13%", "22%"],
thead: [
"메뉴명",
"매우만족",
"만족",
"보통",
"불만족",
"매우 불만족",
"점수 합계",
"의견",
],
thead2: [
"매우만족",
"만족",
"보통",
"불만족",
"매우 불만족",
"합계",
"의견",
],
tbody: [
{
id: 1,
1: "a기업",
2: "홍길동",
3: "정상",
4: "정상",
5: "정상",
6: "정상",
},
{
id: 2,
1: "a기업",
2: "홍길동",
3: "정상",
4: "정상",
5: "정상",
6: "정상",
},
{
id: 3,
1: "a기업",
2: "홍길동",
3: "정상",
4: "정상",
5: "정상",
6: "정상",
},
{
id: 4,
1: "a기업",
2: "홍길동",
3: "정상",
4: "정상",
5: "정상",
6: "정상",
},
{
id: 5,
1: "a기업",
2: "홍길동",
3: "정상",
4: "정상",
5: "정상",
6: "정상",
},
],
};
},
created() {},
methods: {
modalOpen: function () {
this.satisfaction = true;
},
modalClose: function () {
this.satisfaction = false;
},
},
watch: {},
computed: {},
mounted() {},
};
</script>