feat: chiefCenter 500px 재구현

- API: 사령턴 관련
- TopBackBar에 갱신 추가
This commit is contained in:
2021-12-25 21:51:47 +09:00
parent c6db4cd545
commit 29b13f6b9c
27 changed files with 1774 additions and 171 deletions
+33 -12
View File
@@ -1,8 +1,19 @@
<template>
<div class="bg0 back_bar">
<button type="button" class="btn btn-sammo-base2 back_btn" @click="back">
돌아가기
</button><b-button
돌아가기</button
><button
type="button"
v-if="reloadable"
class="btn btn-sammo-base2 reload_btn"
@click="reload"
>
갱신
</button>
<div v-else></div>
<h2 class="title">{{ title }}</h2>
<div>&nbsp;</div>
<b-button
class="btn-toggle-zoom"
:variant="toggleSearch ? 'info' : 'secondary'"
:pressed="toggleSearch"
@@ -10,8 +21,6 @@
@click="toggleSearch = !toggleSearch"
>{{ toggleSearch ? "검색 켜짐" : "검색 꺼짐" }}</b-button
>
<h2 class="title">{{ title }}</h2>
</div>
</template>
@@ -26,19 +35,22 @@ export default defineComponent({
if (this.type === "normal") {
location.href = "./";
} else if (this.type == "chief") {
location.href = "b_chiefcenter.php";
location.href = "v_chiefCenter.php";
} else {
//TODO: window.close하려면 부모창이 있어야함!
window.close();
}
},
reload() {
this.$emit("reload");
},
},
data() {
return {
toggleSearch: this.searchable,
};
},
emits: ["update:searchable"],
emits: ["update:searchable", "reload"],
watch: {
toggleSearch(val: boolean) {
this.$emit("update:searchable", val);
@@ -59,6 +71,11 @@ export default defineComponent({
default: undefined,
required: false,
},
reloadable: {
type: Boolean,
default: undefined,
required: false,
},
},
});
</script>
@@ -69,20 +86,24 @@ export default defineComponent({
max-width: 1000px;
width: 100%;
margin: auto;
display: grid;
grid-template-columns: 80px 80px 1fr 80px 80px;
position: relative;
height: 24pt;
}
.back_btn {
position: absolute;
left: 0;
.reload_btn {
height: 24pt;
margin-right: 2px;
}
.btn-toggle-zoom{
position: absolute;
.back_btn {
height: 24pt;
margin-right: 2px;
}
.btn-toggle-zoom {
height: 24pt;
right: 0;
}
.title {