bxztApp/packages/screen/src/views/EquipmentManagement/detailDialog.vue

<template>
  <div class="detail-container">
    <el-form
      label-position="right"
      label-width="auto"
      style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
    >
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="操作员:">
            <el-input disabled v-model="detailData.czy" />
          </el-form-item>
          <el-form-item label="辐射范围:">
            <el-input disabled v-model="detailData.fsfw" />
          </el-form-item>
          <el-form-item label="管理人员:">
            <el-input disabled v-model="detailData.glry" />
          </el-form-item>
          <el-form-item label="购买费用（万元）:">
            <el-input disabled v-model="detailData.gmfy" />
          </el-form-item>
          <el-form-item label="购置日期:">
            <el-input disabled v-model="detailData.gzrq" />
          </el-form-item>
          <el-form-item label="区县名称:">
            <el-input disabled v-model="detailData.qxmc" />
          </el-form-item>
          <el-form-item label="设备编号:">
            <el-input disabled v-model="detailData.sbbh" />
          </el-form-item>
          <el-form-item label="设备大类:">
            <el-input disabled v-model="detailData.sbdl" />
          </el-form-item>
          <el-form-item label="设备小类:">
            <el-input disabled v-model="detailData.sbxl" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="设备名称:">
            <el-input disabled v-model="detailData.sbmc" />
          </el-form-item>
          <el-form-item label="设备位置:">
            <el-input disabled v-model="detailData.sbwz" />
          </el-form-item>
          <el-form-item label="设备经度:">
            <el-input disabled v-model="detailData.jd" />
          </el-form-item>
          <el-form-item label="设备纬度:">
            <el-input disabled v-model="detailData.wd" />
          </el-form-item>
          <el-form-item label="设备型号:">
            <el-input disabled v-model="detailData.sbxh" />
          </el-form-item>
          <el-form-item label="设备状态:">
            <el-input disabled v-model="detailData.sbzt" />
          </el-form-item>
          <el-form-item label="生产厂家:">
            <el-input disabled v-model="detailData.sccj" />
          </el-form-item>
          <el-form-item label="是否应急设备:">
            <el-input disabled v-model="detailData.sfyjsb" />
          </el-form-item>
          <el-form-item label="是否纳入市级补助范围:">
            <el-input disabled v-model="detailData.sfnrsjbz" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script setup>
const props = defineProps({
  detailData: {
    type: Object,
    default: () => ({}),
  },
});
</script>

<style>
</style>