designer-hub/packages/merchant/src/pages/designer/archives/index.vue

<route lang="json">
{
  "style": {
    "navigationBarTitleText": "个人信息",
    "navigationBarBackgroundColor": "#ffffff"
  }
}
</route>
<script setup lang="ts">
import SectionHeading from '@designer-hub/app/src/components/section-heading.vue'
import { getDesignerBasicInfo, getDesignerExtraEvents } from '../../../core/libs/agent-requests'
import { messages } from '../../../core/libs/messages'
import { omit } from 'radash'
import BottomAppBar from '@/components/bottom-app-bar.vue'
import { renders } from '../../../core/libs/renders'
import DataRender from '@/components/data-render.vue'
import PageHelperEvo from '@/components/page-helper-evo.vue'

const tab = ref('basic')
// 基础信息 家庭信息 奖项信息 销售信息 游学/活动信息
const tabs = [
  { label: '基础信息', value: 'basic' },
  { label: '家庭信息', value: 'family' },
  { label: '奖项信息', value: 'award' },
  { label: '销售信息', value: 'sale' },
  { label: '游学/活动信息', value: 'activity' },
  { label: '其他活动信息', value: 'events' },
]
const id = ref()
const { data: basicData, run: setBasicData } = useRequest(() => getDesignerBasicInfo(id.value))
const eventsQuery = computed(() => ({ type: '3' }))
// const {} = useRequest()
const handleEditBasicInfo = async () => {
  await uni.navigateTo({ url: `/pages/designer/archives/basic-info/index?id=${id.value}` })
}
onLoad(async (query: { id: string }) => {
  id.value = query.id
  await setBasicData()
})
</script>
<template>
  <div class="flex-grow bg-white">
    <wd-tabs v-model="tab">
      <template v-for="(it, index) in tabs" :key="index">
        <wd-tab :title="it.label" :name="it.value"></wd-tab>
      </template>
    </wd-tabs>
    <div class="flex flex-col px-5 gap-5">
      <template v-if="tab === 'basic'">
        <template
          v-for="([key, value], index) in Object.entries(omit(basicData, ['id', 'userId']))"
          :key="index"
        >
          <div class="flex items-center justify-between">
            <div class="text-black/40 text-base font-normal font-['PingFang SC'] leading-none">
              {{ messages.objects.designerBasiceInfo[key] }}
            </div>
            <DataRender v-bind="renders.designerBasiceInfo[key](value)"></DataRender>
          </div>
          <!-- <SectionHeading size="base" :title="messages.objects.designerBasiceInfo[key]">
          <template #append>
            <DataRender v-bind="renders.designerBasiceInfo[key](value)"></DataRender>
          </template>
        </SectionHeading> -->
          <div class="w-full h-.25 bg-[#f4f4f4]"></div>
        </template>
      </template>
      <template v-if="tab === 'family'">
        <template></template>
      </template>
      <template v-if="tab === 'events'">
        <PageHelperEvo :request="getDesignerExtraEvents" :query="eventsQuery">
          <template #default="{ source }">
            <template v-for="(it, index) in source.list" :key="index">
              <div>{{ it }}</div>
            </template>
          </template>
        </PageHelperEvo>
      </template>
    </div>
    <BottomAppBar fixed placeholder>
      <wd-button block :round="false" @click="handleEditBasicInfo">编辑</wd-button>
    </BottomAppBar>
  </div>
</template>