yudao-web/src/views/enterprises/detailEnterprises.vue

<template>
  <section class="flex flex-col gap-5">
    <section class="flex gap-10px">
      <span >企业名称</span>
      <span>{{ formData.enterprisesName }} </span>
    </section>
    <section class="flex gap-10px">
      <span>企业类型</span>
      <span>{{ getDictLabel(DICT_TYPE.ENTERPRISES_TYPE, formData.type) }} </span>
    </section>
    <section class="flex gap-10px">
      <span>企业所属区域</span>
      <span>{{ getDictLabel(DICT_TYPE.ENTERPRISES_AREA, formData.region) }} </span>
    </section>
    <section class="flex gap-10px">
      <span>企业地址</span>
      <span>{{ formData.address }} </span>
    </section>
    <section class="flex gap-10px">
      <span>负责人</span>
      <span>{{ formData.contactName }} {{ formData.environmentalContactPhone }}</span>
    </section>
    <section class="flex gap-10px">
      <span>成立时间</span>
      <span>{{ formData.establishmentDate }}</span>
    </section>
    <section class="flex gap-10px">
      <span>成立时间</span>
      <span>{{ formData.establishmentDate }}</span>
    </section>
    <section class="flex gap-10px">
      <span>企业介绍</span>
      <span>{{ formData.introduction }}</span>
    </section>
    <section class="flex gap-10px">
      <span>图片介绍</span>
      <img v-for="img in formData.files" :src="img.url" :key="img.id" alt="" />
    </section>
  </section>
</template>
s
<script setup lang="ts">
import { getDictLabel, DICT_TYPE } from '@/utils/dict'
import { EnterprisesApi } from '@/api/enterprises'

/** 企业 表单 */
const formData = ref({
  id: undefined,
  departmentId: undefined,
  userId: undefined,
  type: undefined,
  region: undefined,
  enterprisesName: undefined,
  address: undefined,
  contactName: undefined,
  environmentalContactPhone: undefined,
  registrationNumber: undefined,
  introduction: undefined,
  establishmentDate: undefined,
  gpsLocation: undefined,
  managerDeptId: undefined,
  ides: undefined
})

const route = useRoute()

function getDetail() {
  EnterprisesApi.getEnterprises(route.query.id as any).then((res) => {
    formData.value = res
  })
}

getDetail()
</script>