<template>
  <div id="xxinformation">
    <div class="table-content">
      <el-form ref="ruleForm">
        <div class="elsebox">
          <div class="pl20">
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="项目类别:" prop="projectTypeName" class="mb5">
                  <span>{{ form.projectTypeName }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="项目名称:" prop="projectName" class="mb5">
                  <span>{{ form.projectName }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="建设类别:" prop="buildCategory" class="mb5">
                  <span>{{ findText('build_category', form.buildCategory) }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="所属排水分区:" prop="drainagePartition" class="mb5">
                  <span>{{ findText('drainage_partition', form.drainagePartition) }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="项目起止日期:" prop="time" class="mb5">
                  <span>{{ form.time }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="规划条件:" prop="planCondition" class="mb5">
                  <span>{{ form.planCondition }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="项目库类型:" prop="projectLibraryType" class="mb5">
                  <span>{{ findText('project_library_type', form.projectLibraryType) }}</span>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="任务类型:" prop="taskType" class="mb5">
                  <span>{{ findText('task_type', form.taskType) }}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-form-item label="项目概况:" prop="projectOverview" class="mb5">
                <span>{{ form.projectOverview }}</span>
              </el-form-item>
            </el-row>
            <!-- <el-row>
              <div>项目位置：</div>
              <div class="mapBox">
                <MapBox ref="mapBoxRef" :isShowTool="false" :isShowSearch="false"></MapBox>
              </div>
            </el-row> -->
          </div>
        </div>
      </el-form>
    </div>
  </div>
</template>

<script setup name="xxinformation">
import { ref, reactive, toRefs, onMounted } from 'vue';

const { proxy } = getCurrentInstance();

onMounted(() => {});
</script>

<style lang="scss" scoped>
#xxinformation {
  width: 100%;
  height: 100%;
  text-align: center;

  #monitorPipe {
    width: 1300px;
    height: 570px;
    margin-top: 10px;
  }
}
</style>