|
|
|
|
@ -1,9 +1,9 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<h1 style="font-size: 3rem; margin: 1rem;">Active Schema</h1>
|
|
|
|
|
<h2 style="margin-left: 1rem;">(coordinated format)</h2>
|
|
|
|
|
<h1 style="font-size: 3rem; margin: 1rem;">Текущий формат</h1>
|
|
|
|
|
<h2 style="margin-left: 1rem;">(скоординированный)</h2>
|
|
|
|
|
<va-radio class="radio-switcher" v-for="(option, index) in viewOptions" :key="index" v-model="selectedOption"
|
|
|
|
|
:option="option"></va-radio>
|
|
|
|
|
:option="option" :label="viewLabels[index]"></va-radio>
|
|
|
|
|
<div class="va-table-responsive" v-if="selectedOption === 'table-view'">
|
|
|
|
|
<table class="va-table va-table--striped detail-table">
|
|
|
|
|
<thead>
|
|
|
|
|
@ -54,6 +54,11 @@ export default defineComponent({
|
|
|
|
|
"list-view",
|
|
|
|
|
"mosaic-view",
|
|
|
|
|
],
|
|
|
|
|
viewLabels: [
|
|
|
|
|
"Табличный вид",
|
|
|
|
|
"Списочный вид",
|
|
|
|
|
"Мозаичный вид",
|
|
|
|
|
],
|
|
|
|
|
selectedOption: "list-view"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|