This commit is contained in:
parent
c29caf01c8
commit
9d80345b77
7 changed files with 332 additions and 15 deletions
|
|
@ -7,6 +7,7 @@ import ChartBlock from '@/components/ChartBlock.vue'
|
|||
import { useChartsApi } from '@/api/charts.js'
|
||||
import EditLink from '@/views/DetailsView/EditLink.vue'
|
||||
import CopyToClipboard from '@/components/CopyToClipboard.vue'
|
||||
import DetailsViewImages from '@/views/DetailsView/DetailsViewImages.vue'
|
||||
|
||||
const { getMerchDetails, deleteMerch } = useMerchApi()
|
||||
const { getDistinctPrices } = useChartsApi()
|
||||
|
|
@ -102,8 +103,13 @@ onMounted(() => {
|
|||
<div v-else-if="error">Error: {{ error }}</div>
|
||||
<n-card v-else-if="merchDetails" :title="merchDetails.name">
|
||||
<n-divider title-placement="left">Main</n-divider>
|
||||
<p><strong>Uuid:</strong> {{ merchDetails.merch_uuid }}</p>
|
||||
<p><strong>Name:</strong> {{ merchDetails.name }}</p>
|
||||
<div class="container-stackable">
|
||||
<div>
|
||||
<p><strong>Uuid:</strong> {{ merchDetails.merch_uuid }}</p>
|
||||
<p><strong>Name:</strong> {{ merchDetails.name }}</p>
|
||||
</div>
|
||||
<DetailsViewImages :merch-uuid="merchDetails.merch_uuid"/>
|
||||
</div>
|
||||
|
||||
<n-divider title-placement="left">Prices</n-divider>
|
||||
<PeriodSelector @days="handleSelectDays" />
|
||||
|
|
@ -131,7 +137,9 @@ onMounted(() => {
|
|||
</n-button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span class="default-color underline link-like-text" @click="editing.surugaya = true">Add link</span>
|
||||
<span class="default-color underline link-like-text" @click="editing.surugaya = true"
|
||||
>Add link</span
|
||||
>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
|
|
@ -164,7 +172,9 @@ onMounted(() => {
|
|||
</n-button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span class="default-color underline link-like-text" @click="editing.mandarake = true">Add link</span>
|
||||
<span class="default-color underline link-like-text" @click="editing.mandarake = true"
|
||||
>Add link</span
|
||||
>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
|
|
@ -195,4 +205,11 @@ onMounted(() => {
|
|||
</n-modal>
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped>
|
||||
.container-stackable {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue