<template>
  <!-- 综合描述 -->
  <div class="comprehensive-evaluate">
    <template v-for="pro in evaluateItem" :key="pro.id">
      <div class="project-item">
        <div class="title" v-if="pro.proName">
          <span class="arraw"></span>
          <span class="name">{{ pro.proName }}</span>
        </div>
        <div class="content">
          <a-row class="item-row">
            <template v-for="item in pro.evaluateReault" :key="item.id">
              <a-col :span="item.span" class="item-col">
                <span class="label">{{ item.fieldName }}</span>
                <span class="value">{{ item.fieldValue }}</span>
              </a-col>
            </template>
          </a-row>
        </div>
      </div>
    </template>
  </div>
</template>

<script>
import { defineComponent, reactive, toRefs, onMounted, ref, watch, getCurrentInstance } from 'vue';
import { queryDialogZhmsInfoById } from '/@/api/map/geologicalApi';
const props = {
  /**
   * 地灾信息
   * */
  geologicalInfo: { type: Object, require: true },
};
export default defineComponent({
  name: 'ComprehensiveEvaluate',
  components: {},
  props,
  setup(props) {
    console.log('props123', props.geologicalInfo.dzlx);
    const data = reactive({
      geologicalInfo: props.geologicalInfo,
      evaluateItem: [],
    });
    if (props.geologicalInfo.dzlx === '滑坡') {
      data.evaluateItem = [
        {
          id: '1',
          proCode: 'p1',
          proName: '基础信息',
          evaluateReault: [
            {
              id: '1001',
              fieldCode: 'sfbwdxp',
              fieldName: '是否不稳定斜坡',
              fieldValue: '',
              span: 8,
            },
            { id: '1002', fieldCode: 'xplx', fieldName: '斜坡类型', fieldValue: '无', span: 8 },
            {
              id: '1003',
              fieldCode: 'xpjglx',
              fieldName: '斜坡结构类型',
              fieldValue: '无',
              span: 8,
            },
            {
              id: '1004',
              fieldCode: 'bxcxsj',
              fieldName: '变形初现时间',
              fieldValue: '无关',
              span: 24,
            },
            {
              id: '1005',
              fieldCode: 'xdhlwzhaxtms',
              fieldName: '相对河流位置及河岸形态描述',
              fieldValue: '无',
              span: 24,
            },
          ],
        },
        {
          id: '2',
          proCode: 'p2',
          proName: '滑坡信息',
          evaluateReault: [
            {
              id: '1006',
              fieldCode: 'hptj',
              fieldName: '滑坡体积(m³)',
              fieldValue: '55',
              span: 8,
            },
            {
              id: '1007',
              fieldCode: 'tymmj',
              fieldName: '面积(投影面面积)(㎡)',
              fieldValue: '无关',
              span: 8,
            },
            {
              id: '1008',
              fieldCode: 'zdhd',
              fieldName: '最大厚度(m)',
              fieldValue: '22',
              span: 8,
            },
            {
              id: '1009',
              fieldCode: 'pjhd',
              fieldName: '平均厚度(m)',
              fieldValue: '11',
              span: 8,
            },
            {
              id: '1010',
              fieldCode: 'spcd',
              fieldName: '顺坡长度(m)',
              fieldValue: '2',
              span: 8,
            },
            {
              id: '1011',
              fieldCode: 'hpkd',
              fieldName: '横坡宽度(m)',
              fieldValue: '3',
              span: 8,
            },
            {
              id: '1001',
              fieldCode: 'hpfyjd',
              fieldName: '滑坡发育阶段',
              fieldValue: '******',
              span: 24,
            },
            {
              id: '1002',
              fieldCode: 'hptwzzc',
              fieldName: '滑坡体物质组成',
              fieldValue: '***',
              span: 24,
            },
            {
              id: '1003',
              fieldCode: 'hpyj',
              fieldName: '滑坡遗迹',
              fieldValue: '****',
              span: 24,
            },
          ],
        },
        {
          id: '3',
          proCode: 'p3',
          proName: '形态特征',
          evaluateReault: [
            {
              id: '1001',
              fieldCode: 'qygc',
              fieldName: '前缘高程(m)',
              fieldValue: '******',
              span: 8,
            },
            {
              id: '1002',
              fieldCode: 'hygc',
              fieldName: '后缘高程(m)',
              fieldValue: '***',
              span: 8,
            },
            {
              id: '1003',
              fieldCode: 'qhygc',
              fieldName: '前后缘高差(m)',
              fieldValue: '****',
              span: 8,
            },
            { id: '1004', fieldCode: 'gc', fieldName: '高差(m)', fieldValue: '*****', span: 8 },
            {
              id: '1005',
              fieldCode: 'pmxt',
              fieldName: '平面形态',
              fieldValue: '******',
              span: 8,
            },
            {
              id: '1006',
              fieldCode: 'dmpmxt',
              fieldName: '地面剖面形态',
              fieldValue: '***',
              span: 8,
            },
            {
              id: '1007',
              fieldCode: 'hpdmpd',
              fieldName: '滑坡地面坡度(°)',
              fieldValue: '****',
              span: 8,
            },
            {
              id: '1008',
              fieldCode: 'dxpxing',
              fieldName: '地形坡型',
              fieldValue: '*****',
              span: 16,
            },
            {
              id: '1009',
              fieldCode: 'dxpx',
              fieldName: '地形坡向',
              fieldValue: '*****',
              span: 24,
            },
            {
              id: '1010',
              fieldCode: 'dmbx',
              fieldName: '地面变形',
              fieldValue: '*****',
              span: 24,
            },
          ],
        },
        {
          id: '4',
          proCode: 'p4',
          proName: '滑坡特征',
          evaluateReault: [
            {
              id: '1001',
              fieldCode: 'hpwdzt',
              fieldName: '滑坡稳定状态',
              fieldValue: '11',
              span: 8,
            },
            {
              id: '1002',
              fieldCode: 'hphmtz',
              fieldName: '滑坡滑面特征',
              fieldValue: '2',
              span: 8,
            },
            {
              id: '1003',
              fieldCode: 'hplxtz',
              fieldName: '滑坡力学特征',
              fieldValue: '21',
              span: 8,
            },
            {
              id: '1004',
              fieldCode: 'hpcylx',
              fieldName: '滑坡成因类型',
              fieldValue: '2',
              span: 8,
            },
            {
              id: '1005',
              fieldCode: 'hphthd',
              fieldName: '滑坡滑体厚度(m)',
              fieldValue: '0',
              span: 8,
            },
            {
              id: '1006',
              fieldCode: 'hpgmlx',
              fieldName: '滑坡规模类型',
              fieldValue: '444',
              span: 8,
            },
            {
              id: '1007',
              fieldCode: 'hpxcsd',
              fieldName: '滑坡形成时代',
              fieldValue: '444',
              span: 24,
            },
            { id: '1008', fieldCode: 'hpyh', fieldName: '滑坡演化', fieldValue: '444', span: 24 },
          ],
        },
        {
          id: '5',
          proCode: 'p5',
          proName: '水文地质',
          evaluateReault: [
            {
              id: '1001',
              fieldCode: 'wdm',
              fieldName: '微地貌描述',
              fieldValue: '11',
              span: 24,
            },
            {
              id: '1002',
              fieldCode: 'tdlyqk',
              fieldName: '土地利用情况',
              fieldValue: '2',
              span: 24,
            },
            {
              id: '1003',
              fieldCode: 'dzgzms',
              fieldName: '地质构造描述',
              fieldValue: '21',
              span: 24,
            },
            {
              id: '1004',
              fieldCode: 'jbswtj',
              fieldName: '基本水文条件',
              fieldValue: '2',
              span: 24,
            },
            { id: '1005', fieldCode: 'smsms', fieldName: '渗冒水描述', fieldValue: '0', span: 24 },
            {
              id: '1006',
              fieldCode: 'bzlms',
              fieldName: '剥坠落描述',
              fieldValue: '****',
              span: 24,
            },
            {
              id: '1007',
              fieldCode: 'wldzzyms',
              fieldName: '物理地质作用描述',
              fieldValue: '****',
              span: 24,
            },
            {
              id: '1008',
              fieldCode: 'qtswms',
              fieldName: '其他水文描述',
              fieldValue: '****',
              span: 24,
            },
          ],
        },
        {
          id: '6',
          proCode: 'p6',
          proName: '滑面特征',
          evaluateReault: [
            {
              id: '1001',
              fieldCode: 'hdmms',
              fieldName: '滑动面埋深(m)',
              fieldValue: '11',
              span: 8,
            },
            {
              id: '1002',
              fieldCode: 'hdmqj',
              fieldName: '滑动面倾角(°)',
              fieldValue: '2',
              span: 8,
            },
            { id: '1003', fieldCode: 'hmxt', fieldName: '滑面形态', fieldValue: '21', span: 8 },
            { id: '1004', fieldCode: 'hdmqx', fieldName: '滑动面倾向', fieldValue: '2', span: 24 },
            {
              id: '1005',
              fieldCode: 'hdhj',
              fieldName: '滑面上的滑动痕迹',
              fieldValue: '2',
              span: 24,
            },
            //没有返回 { id: '1006', fieldCode: 'wxgzw', fieldName: '威胁构筑物', fieldValue: '0', span: 24 },
          ],
        },
        {
          id: '7',
          proCode: 'p7',
          proName: '滑带信息',
          evaluateReault: [
            {
              id: '1001',
              fieldCode: 'hdthd',
              fieldName: '滑带土厚度(m)',
              fieldValue: '11',
              span: 8,
            },
            {
              id: '1002',
              fieldCode: 'hdtcylx',
              fieldName: '滑带土成因类型',
              fieldValue: '2',
              span: 8,
            },
            {
              id: '1003',
              fieldCode: 'hdtfl',
              fieldName: '滑带土分类',
              fieldValue: '21',
              span: 8,
            },
            { id: '1004', fieldCode: 'hdtxz', fieldName: '滑带土性状', fieldValue: '2', span: 24 },
            {
              id: '1005',
              fieldCode: 'hdtwzzc',
              fieldName: '滑带土物质组成',
              fieldValue: '0',
              span: 24,
            },
          ],
        },
        {
          id: '8',
          proCode: 'p8',
          proName: '地形特征',
          evaluateReault: [
            { id: '1001', fieldCode: 'dxtz', fieldName: '地形特征', fieldValue: '11', span: 24 },
            {
              id: '1002',
              fieldCode: 'qydxtz',
              fieldName: '前缘地形特征',
              fieldValue: '2',
              span: 24,
            },
            {
              id: '1003',
              fieldCode: 'hptdxtz',
              fieldName: '滑坡体地形特征',
              fieldValue: '21',
              span: 24,
            },
            {
              id: '1004',
              fieldCode: 'hydxtz',
              fieldName: '后缘地形特征',
              fieldValue: '2',
              span: 24,
            },
            {
              id: '1005',
              fieldCode: 'cydstz',
              fieldName: '侧缘地形特征',
              fieldValue: '0',
              span: 24,
            },
            {
              id: '1006',
              fieldCode: 'qybxphtz',
              fieldName: '前缘变形破坏特征',
              fieldValue: '***',
              span: 24,
            },
            {
              id: '1007',
              fieldCode: 'hybxphtz',
              fieldName: '后缘变形破坏特征',
              fieldValue: '***',
              span: 24,
            },
            {
              id: '1008',
              fieldCode: 'cbbxphtz',
              fieldName: '侧壁变形破坏特征',
              fieldValue: '**',
              span: 24,
            },
            {
              id: '1009',
              fieldCode: 'tnbxphtz',
              fieldName: '体内变形破坏特征',
              fieldValue: '**',
              span: 24,
            },
            {
              id: '1010',
              fieldCode: 'qtbxphtz',
              fieldName: '其他变形破坏特征',
              fieldValue: '***',
              span: 24,
            },
          ],
        },
        {
          id: '9',
          proCode: 'p9',
          proName: '滑坡物质',
          evaluateReault: [
            // {返回的滑坡滑动机制id
            //   id: '1001',
            //   fieldCode: 'hphdjzmc',
            //   fieldName: '滑动机制',
            //   fieldValue: '**',
            //   span: 24,
            // },
            {
              id: '1002',
              fieldCode: 'hcwzzc',
              fieldName: '滑床物质或岩性',
              fieldValue: '***',
              span: 24,
            },
            { id: '1003', fieldCode: 'hpq', fieldName: '滑坡泉', fieldValue: '21', span: 24 },
            {
              id: '1004',
              fieldCode: 'phjzmsfx',
              fieldName: '破坏机制模式模式分析',
              fieldValue: '2',
              span: 24,
            },
            //同上 { id: '1005', fieldCode: 'hphdjzmc', fieldName: '滑动机制', fieldValue: '0', span: 24 },
            { id: '1006', fieldCode: 'bxjl', fieldName: '变形机理', fieldValue: '444', span: 24 },
            { id: '1007', fieldCode: 'hdzt', fieldName: '活动状态', fieldValue: '2', span: 24 },
            { id: '1008', fieldCode: 'pajg', fieldName: '岸坡结构', fieldValue: '0', span: 24 },
          ],
        },
        {
          id: '10',
          proCode: 'p10',
          proName: '影响因素',
          evaluateReault: [
            { id: '1001', fieldCode: 'dmys', fieldName: '地貌因素', fieldValue: '11', span: 24 },
            { id: '1002', fieldCode: 'wlys', fieldName: '物理因素', fieldValue: '2', span: 24 },
            { id: '1003', fieldCode: 'dzys', fieldName: '地质因素', fieldValue: '21', span: 24 },
            {
              id: '1004',
              fieldCode: 'ffyxys',
              fieldName: '诱发影响因素',
              fieldValue: '2',
              span: 24,
            },
            { id: '1005', fieldCode: 'rwys', fieldName: '人为因素', fieldValue: '0', span: 24 },
            { id: '1006', fieldCode: 'zdys', fieldName: '主导因素', fieldValue: '444', span: 24 },
            { id: '1007', fieldCode: 'ffys', fieldName: '其他因素', fieldValue: '2', span: 24 },
          ],
        },
      ];
    } else if (props.geologicalInfo.dzlx === '泥石流' || props.geologicalInfo.dzlx === '冰川泥石流') {
      data.evaluateItem = [
        {
          id: '1',
          evaluateReault: [
            { id: '1001', fieldCode: 'goum', fieldName: '沟名', fieldValue: '', span: 24 },
            { id: '1002', fieldCode: 'gkjsdxfia', fieldName: '沟口巨石大小Φa', fieldValue: '', span: 8 },
            { id: '1003', fieldCode: 'gkjsdxfib', fieldName: '沟口巨石大小Φb', fieldValue: '', span: 8 },
            { id: '1004', fieldCode: 'gkjsdxfic', fieldName: '沟口巨石大小Φc', fieldValue: '', span: 8 },
            { id: '1005', fieldCode: 'xdhlwzhaxtms', fieldName: '平均厚度 (m)', fieldValue: '', span: 8 },
            { id: 1006, span: 8, fieldCode: 'sswcl', fieldName: '平方公里松散物储量（万m³）', fieldValue: '' },
            { id: 1106, span: 8, fieldCode: 'xdgc', fieldName: '相对高差', fieldValue: '' },
            { id: 1007, span: 8, fieldCode: 'sppd', fieldName: '山坡坡度', fieldValue: '' },
            { id: 1008, span: 8, fieldCode: 'nsldmwz', fieldName: '泥石流地貌位置', fieldValue: '' },
            { id: 1009, span: 8, fieldCode: 'wyhdcd', fieldName: '物源活动程度', fieldValue: '' },
            { id: 1010, span: 8, fieldCode: 'wygm', fieldName: '物源规模', fieldValue: '' },
            { id: 1011, span: 8, fieldCode: 'nsllyxt', fieldName: '滑坡滑面特征', fieldValue: '' },
            { id: 1012, span: 8, fieldCode: 'nslltxz', fieldName: '泥石流流体性质', fieldValue: '' },
            { id: 1013, span: 8, fieldCode: 'nslwzzc', fieldName: '泥石流物质组成', fieldValue: '' },
            { id: 1014, span: 8, fieldCode: 'nslfyjd', fieldName: '泥石流发育阶段', fieldValue: '' },
            { id: 1015, span: 8, fieldCode: 'nslfspl', fieldName: '泥石流发生频率', fieldValue: '' },
            { id: 1016, span: 8, fieldCode: 'nslsy', fieldName: '泥石流水源', fieldValue: '' },
            { id: 1017, span: 8, fieldCode: 'nslgm', fieldName: '泥石流规模', fieldValue: '' },
            { id: 1018, span: 8, fieldCode: 'lymj', fieldName: '流域面积', fieldValue: '' },
            { id: 1019, span: 8, fieldCode: 'nzdjyl', fieldName: '年最大降雨量', fieldValue: '' },
            { id: 1020, span: 8, fieldCode: 'rzdjyl', fieldName: '日最大降雨', fieldValue: '' },
            { id: 1021, span: 8, fieldCode: 'rjyl', fieldName: '日平均降雨', fieldValue: '' },
            { id: 1022, span: 8, fieldCode: 'szdjyl', fieldName: '时最大降雨', fieldValue: '' },
            { id: 1023, span: 8, fieldCode: 'sjyl', fieldName: '时平均降雨', fieldValue: '' },
            { id: 1024, span: 8, fieldCode: 'sfzjzdjyl', fieldName: '十分钟最大', fieldValue: '' },
            { id: 1025, span: 8, fieldCode: 'sfzjyl', fieldName: '十分钟平均', fieldValue: '' },
            { id: 1026, span: 8, fieldCode: 'yczdjyl', fieldName: '一次最大降雨量', fieldValue: '' },
            { id: 1027, span: 8, fieldCode: 'yczdjyljlms', fieldName: '一次最大降雨量时径流模数', fieldValue: '' },
            { id: 1028, span: 8, fieldCode: 'zdllms', fieldName: '最大流量模数', fieldValue: '' },
            { id: 1029, span: 8, fieldCode: 'fscs', fieldName: '发生次数', fieldValue: '' },
            { id: 1030, span: 8, fieldCode: 'wyqgc', fieldName: '物源区高程', fieldValue: '' },
            { id: 1031, span: 8, fieldCode: 'wyqcd', fieldName: '物源区长度', fieldValue: '' },
            { id: 1032, span: 8, fieldCode: 'wyqkd', fieldName: '物源区宽度', fieldValue: '' },
            { id: 1033, span: 8, fieldCode: 'wyqmj', fieldName: '物源区面积', fieldValue: '' },
            { id: 1034, span: 8, fieldCode: 'wyqpj', fieldName: '物源区坡降', fieldValue: '' },
            { id: 1035, span: 8, fieldCode: 'wyqhgqgsd', fieldName: '物源区沟谷切割深度', fieldValue: '' },
            { id: 1036, span: 8, fieldCode: 'wyqgk', fieldName: '物源区谷宽', fieldValue: '' },
            { id: 1037, span: 8, fieldCode: 'wygs', fieldName: '物源个数', fieldValue: '' },
            { id: 1038, span: 8, fieldCode: 'ltqcd', fieldName: '流通区长度', fieldValue: '' },
            { id: 1039, span: 8, fieldCode: 'ltqkd', fieldName: '流通区宽度', fieldValue: '' },
            { id: 1040, span: 8, fieldCode: 'ltqpj', fieldName: '流通区坡降', fieldValue: '' },
            { id: 1041, span: 8, fieldCode: 'ltmd', fieldName: '流体密度', fieldValue: '' },
            { id: 1042, span: 8, fieldCode: 'nslls', fieldName: '泥石流流速', fieldValue: '' },
            { id: 1043, span: 8, fieldCode: 'nslfzll', fieldName: '泥石流峰值流量', fieldValue: '' },
            { id: 1044, span: 8, fieldCode: 'ycnslgczl', fieldName: '一次泥石流过程总量', fieldValue: '' },
            { id: 1045, span: 8, fieldCode: 'ycnslgtwzzl', fieldName: '一次泥石流固体物质总量', fieldValue: '' },
            { id: 1046, span: 8, fieldCode: 'niwei', fieldName: '泥位', fieldValue: '' },
            { id: 1047, span: 8, fieldCode: 'yfcd', fieldName: '易发程度', fieldValue: '' },
            { id: 1048, span: 8, fieldCode: 'nslbyqdzb', fieldName: '泥石流暴雨强度指标', fieldValue: '' },
            { id: 1049, span: 8, fieldCode: 'wxxfq', fieldName: '危险性分区', fieldValue: '' },

            { id: 1050, span: 8, fieldCode: 'dgnslhdxfj', fieldName: '单沟泥石流活动性分级', fieldValue: '' },
            { id: 1150, span: 8, fieldCode: 'nslqzwxxfj', fieldName: '泥石流潜在危险性分级', fieldValue: '' },
            { id: 1051, span: 24, fieldCode: 'tdlyqk', fieldName: '土地利用情况', fieldValue: '' },
            { id: 1052, span: 24, fieldCode: 'dzgzms', fieldName: '地质构造描述', fieldValue: '' },
            { id: 1053, span: 24, fieldCode: 'dscd', fieldName: '堵塞程度', fieldValue: '' },
            { id: 1054, span: 24, fieldCode: 'wyqcdb', fieldName: '物源区长度比', fieldValue: '' },
            { id: 1055, span: 24, fieldCode: 'bgtj', fieldName: '补给途径描述', fieldValue: '' },
            { id: 1056, span: 24, fieldCode: 'wyqwz', fieldName: '物源区位置描述', fieldValue: '' },
            { id: 1057, span: 24, fieldCode: 'ltqdzgzms', fieldName: '流通区地质构造描述', fieldValue: '' },
            { id: 1058, span: 24, fieldCode: 'hstj', fieldName: '汇水条件', fieldValue: '' },
            { id: 1059, span: 24, fieldCode: 'njyfp', fieldName: '年降雨分配', fieldValue: '' },
            { id: 1060, span: 24, fieldCode: 'bysj', fieldName: '暴雨时间', fieldValue: '' },
            { id: 1061, span: 24, fieldCode: 'byqd', fieldName: '暴雨强度', fieldValue: '' },
            { id: 1062, span: 24, fieldCode: 'bxfbqk', fieldName: '冰川和雪分布情况及消融期', fieldValue: '' },
            { id: 1063, span: 24, fieldCode: 'dbsqk', fieldName: '地表水流情况', fieldValue: '' },
            { id: 1064, span: 24, fieldCode: 'qtswtjms', fieldName: '其他水文条件描述', fieldValue: '' },
            { id: 1065, span: 24, fieldCode: 'wyqhgxt', fieldName: '物源区沟谷形态', fieldValue: '' },
            { id: 1066, span: 24, fieldCode: 'zkfyqk', fieldName: '支沟发育情况', fieldValue: '' },
            { id: 1067, span: 24, fieldCode: 'zbfyqk', fieldName: '植被发育情况', fieldValue: '' },
            { id: 1068, span: 24, fieldCode: 'ltqhgxt', fieldName: '流通区沟谷形态', fieldValue: '' },
            { id: 1069, span: 24, fieldCode: 'ltqgcqgqk', fieldName: '流通区沟床切割情况', fieldValue: '' },
            { id: 1070, span: 24, fieldCode: 'ltqszqk', fieldName: '流通区顺直情况', fieldValue: '' },
            { id: 1071, span: 24, fieldCode: 'dxsqk', fieldName: '地下水情况', fieldValue: '' },
            { id: 1072, span: 24, fieldCode: 'dzyxys', fieldName: '地质因素', fieldValue: '' },
            { id: 1073, span: 24, fieldCode: 'dmyxys', fieldName: '地貌因素', fieldValue: '' },
            { id: 1074, span: 24, fieldCode: 'wlyxys', fieldName: '物理因素', fieldValue: '' },
            { id: 1075, span: 24, fieldCode: 'rwyxys', fieldName: '人为因素', fieldValue: '' },
            { id: 1076, span: 24, fieldCode: 'zdyxys', fieldName: '主导因素', fieldValue: '' },
            { id: 1078, span: 24, fieldCode: 'qtyxys', fieldName: '其它影响因素', fieldValue: '' },
            { id: 1079, span: 24, fieldCode: 'ffyxys', fieldName: '诱发影响因素', fieldValue: '' },
            { id: 1080, span: 24, fieldCode: 'yfys', fieldName: '诱发因素', fieldValue: '' },
          ],
        },
      ];
    } else if (props.geologicalInfo.dzlx === '冰湖溃决') {
      data.evaluateItem = [
        {
          id: '1',
          evaluateReault: [
            { id: 1006, span: 8, fieldCode: 'bhcylx', fieldName: '冰湖成因类型', fieldValue: '' },
            { id: 1106, span: 8, fieldCode: 'bhwdzt', fieldName: '岸坡稳定状态', fieldValue: '' },
            { id: 1007, span: 8, fieldCode: 'bhmj', fieldName: '面积', fieldValue: '' },
            { id: 1008, span: 8, fieldCode: 'bhsd', fieldName: '深度', fieldValue: '' },
            { id: 1009, span: 8, fieldCode: 'bhcd', fieldName: '长度', fieldValue: '' },
            { id: 1010, span: 8, fieldCode: 'bhkd', fieldName: '宽度', fieldValue: '' },
            { id: 1011, span: 8, fieldCode: 'bhfbgc', fieldName: '分布高程', fieldValue: '' },
            { id: 1012, span: 8, fieldCode: 'appd', fieldName: '岸坡坡度', fieldValue: '' },
            { id: 1013, span: 8, fieldCode: 'bghswgx', fieldName: '坝高与湖水位关系', fieldValue: '' },
            { id: 1014, span: 24, fieldCode: 'ymbcxdjl', fieldName: '与母冰川相对距离', fieldValue: '' },

            { id: 1051, span: 24, fieldCode: 'dxtzms', fieldName: '地形特征描述', fieldValue: '' },
            { id: 1052, span: 24, fieldCode: 'hpqhhj', fieldName: '湖盆气候环境', fieldValue: '' },
            { id: 1053, span: 24, fieldCode: 'apxt', fieldName: '岸坡形态', fieldValue: '' },
            { id: 1054, span: 24, fieldCode: 'apwzzc', fieldName: '岸坡物质组成', fieldValue: '' },
            { id: 1055, span: 24, fieldCode: 'apgzqk', fieldName: '岸坡构造情况', fieldValue: '' },
            { id: 1056, span: 24, fieldCode: 'apfhxhqk', fieldName: '岸坡风化卸荷情况', fieldValue: '' },
            { id: 1057, span: 24, fieldCode: 'apsswfbqk', fieldName: '岸坡松散物分布情况', fieldValue: '' },
            { id: 1058, span: 24, fieldCode: 'apdxsqk', fieldName: '岸坡地下水情况', fieldValue: '' },
            { id: 1059, span: 24, fieldCode: 'bqbxz', fieldName: '冰碛坝形状', fieldValue: '' },
            { id: 1060, span: 24, fieldCode: 'bqbwzzc', fieldName: '冰碛坝物质组成', fieldValue: '' },
            { id: 1061, span: 24, fieldCode: 'bqbnbjg', fieldName: '冰碛坝内部结构', fieldValue: '' },
            { id: 1062, span: 24, fieldCode: 'bqbslzt', fieldName: '冰碛坝水流状态', fieldValue: '' },
            { id: 1063, span: 24, fieldCode: 'bhmjbhqk', fieldName: '冰湖面积变化情况', fieldValue: '' },
            { id: 1064, span: 24, fieldCode: 'hswbhqk', fieldName: '湖水位变化情况', fieldValue: '' },
            { id: 1065, span: 24, fieldCode: 'qhbcxrqk', fieldName: '气候与冰川消融', fieldValue: '' },
            { id: 1066, span: 24, fieldCode: 'mbcgm', fieldName: '母冰川规模', fieldValue: '' },
            { id: 1067, span: 24, fieldCode: 'mbcmjbh', fieldName: '母冰川面积变化', fieldValue: '' },
            { id: 1068, span: 24, fieldCode: 'mbcbsmdqk', fieldName: '母冰川冰舌末端状态', fieldValue: '' },
            { id: 1069, span: 24, fieldCode: 'mbcydzt', fieldName: '母冰川运动状态', fieldValue: '' },
            { id: 1070, span: 24, fieldCode: 'blffbqk', fieldName: '冰裂缝分布情况', fieldValue: '' },
            { id: 1071, span: 24, fieldCode: 'bcfyjdqk', fieldName: '冰川发育阶段情况', fieldValue: '' },
          ],
        },
      ];
    } else if (props.geologicalInfo.dzlx === '雪崩') {
      data.evaluateItem = [
        {
          id: '1',
          evaluateReault: [
            { id: 1006, span: 8, fieldCode: 'ysxppg', fieldName: '原始斜坡坡高', fieldValue: '' },
            { id: 1106, span: 8, fieldCode: 'ysxppd', fieldName: '原始斜坡坡度', fieldValue: '' },
            { id: 1007, span: 8, fieldCode: 'ysxppx', fieldName: '原始斜坡坡向', fieldValue: '' },
            { id: 1008, span: 8, fieldCode: 'xppdgc', fieldName: '斜坡坡顶高程', fieldValue: '' },
            { id: 1009, span: 8, fieldCode: 'glgc', fieldName: '构建筑物高程', fieldValue: '' },
            { id: 1010, span: 8, fieldCode: 'glwz', fieldName: '构建筑物位置', fieldValue: '' },
            { id: 1011, span: 8, fieldCode: 'pmxt', fieldName: '平面形态', fieldValue: '' },
            { id: 1012, span: 8, fieldCode: 'dmpmxt', fieldName: '地面剖面形态', fieldValue: '' },
            { id: 1013, span: 8, fieldCode: 'dxpxing', fieldName: '地形坡型', fieldValue: '' },
            { id: 1014, span: 8, fieldCode: 'xbtj', fieldName: '雪崩体积（m³）', fieldValue: '' },

            { id: 1051, span: 8, fieldCode: 'xbgd', fieldName: '雪崩高度（m）', fieldValue: '' },
            { id: 1052, span: 8, fieldCode: 'yxglcd', fieldName: '影响构建筑物长度（m）', fieldValue: '' },
            { id: 1053, span: 24, fieldCode: 'yxglkd', fieldName: '影响构建筑物宽度（m）', fieldValue: '' },

            { id: 1054, span: 24, fieldCode: 'dzys', fieldName: '地质因素', fieldValue: '' },
            { id: 1055, span: 24, fieldCode: 'dmys', fieldName: '地貌因素', fieldValue: '' },
            { id: 1056, span: 24, fieldCode: 'wlys', fieldName: '物理因素', fieldValue: '' },
            { id: 1057, span: 24, fieldCode: 'rwys', fieldName: '人为因素', fieldValue: '' },
            { id: 1058, span: 24, fieldCode: 'zdys', fieldName: '主导因素', fieldValue: '' },
            { id: 1059, span: 24, fieldCode: 'qtyxys', fieldName: '其他影响因素', fieldValue: '' },
            { id: 1060, span: 24, fieldCode: 'ffyxys', fieldName: '诱发影响因素', fieldValue: '' },
            { id: 1061, span: 24, fieldCode: 'wdm', fieldName: '微地貌描述', fieldValue: '' },
            { id: 1062, span: 24, fieldCode: 'tdlyqk', fieldName: '土地利用情况', fieldValue: '' },
            { id: 1063, span: 24, fieldCode: 'jzwbxbwqk', fieldName: '建筑物变形变位情况', fieldValue: '' },
            { id: 1064, span: 24, fieldCode: 'dxsqk', fieldName: '基本水文条件', fieldValue: '' },
            { id: 1065, span: 24, fieldCode: 'xdhlwzhaxtms', fieldName: '相对河流位置及河岸形态描述', fieldValue: '' },
            { id: 1066, span: 24, fieldCode: 'qtswms', fieldName: '其他水文描述', fieldValue: '' },
          ],
        },
      ];
    } else if (props.geologicalInfo.dzlx === '崩塌') {
      data.evaluateItem = [
        {
          id: '1',
          evaluateReault: [
            { id: 1006, span: 8, fieldCode: 'xplx', fieldName: '斜坡类型', fieldValue: '' },
            { id: 1106, span: 8, fieldCode: 'xpjglx', fieldName: '斜坡结构类型', fieldValue: '' },
            { id: 1007, span: 8, fieldCode: 'btwzlx', fieldName: '崩塌物质类型', fieldValue: '' },
            { id: 1008, span: 8, fieldCode: 'btgm', fieldName: '崩塌规模', fieldValue: '' },
            { id: 1009, span: 8, fieldCode: 'btqspcd', fieldName: '崩塌区顺坡长度', fieldValue: '' },
            { id: 1010, span: 8, fieldCode: 'btqhpkd', fieldName: '崩塌区横坡宽度', fieldValue: '' },
            { id: 1011, span: 8, fieldCode: 'djqdg', fieldName: '堆积区顶高', fieldValue: '' },
            { id: 1012, span: 8, fieldCode: 'djqdgd', fieldName: '堆积区底高', fieldValue: '' },
            { id: 1013, span: 8, fieldCode: 'djqcd', fieldName: '堆积区长度', fieldValue: '' },
            { id: 1014, span: 8, fieldCode: 'djqkd', fieldName: '堆积区宽度', fieldValue: '' },

            { id: 1051, span: 8, fieldCode: 'ybltj', fieldName: '已崩落体积', fieldValue: '' },
            { id: 1052, span: 8, fieldCode: 'btqatj', fieldName: '崩塌区体积', fieldValue: '' },
            { id: 1053, span: 8, fieldCode: 'qygc', fieldName: '坡顶高程', fieldValue: '' },

            { id: 1054, span: 8, fieldCode: 'pjgc', fieldName: '坡脚高程', fieldValue: '' },
            { id: 1055, span: 8, fieldCode: 'gc', fieldName: '高差', fieldValue: '' },
            { id: 1056, span: 8, fieldCode: 'pd', fieldName: '坡度', fieldValue: '' },
            { id: 1057, span: 8, fieldCode: 'dxpxing', fieldName: '地形坡型', fieldValue: '' },
            { id: 1058, span: 8, fieldCode: 'pmxt', fieldName: '平面形态', fieldValue: '' },
            { id: 1059, span: 8, fieldCode: 'dmpmxt', fieldName: '地面剖面形态', fieldValue: '' },
            { id: 1060, span: 8, fieldCode: 'dmbx', fieldName: '地面变形', fieldValue: '' },
            { id: 1061, span: 8, fieldCode: 'ptjzlx', fieldName: '坡体介质类型', fieldValue: '' },
            { id: 1062, span: 8, fieldCode: 'ptjglx', fieldName: '坡体结构类型', fieldValue: '' },
            // { id: 1063, span: 8, fieldCode: 'gm', fieldName: '', fieldValue: '' },
            // { id: 1064, span: 8, fieldCode: 'gm', fieldName: '', fieldValue: '' },
            { id: 1065, span: 24, fieldCode: 'wdm', fieldName: '微地貌描述', fieldValue: '' },
            { id: 1066, span: 24, fieldCode: 'tdlyqk', fieldName: '土地利用情况', fieldValue: '' },
            { id: 1067, span: 24, fieldCode: 'dxpx', fieldName: '地形坡向', fieldValue: '' },
            { id: 1068, span: 24, fieldCode: 'lzlf', fieldName: '拉张裂缝', fieldValue: '' },
            { id: 1069, span: 24, fieldCode: 'jqlf', fieldName: '剪切裂缝', fieldValue: '' },
            { id: 1070, span: 24, fieldCode: 'wyqk', fieldName: '位移情况', fieldValue: '' },
            { id: 1071, span: 24, fieldCode: 'jgmqgqk', fieldName: '结构面切割情况', fieldValue: '' },
            { id: 1072, span: 24, fieldCode: 'czbh', fieldName: '产状变化', fieldValue: '' },
            { id: 1073, span: 24, fieldCode: 'bzlms', fieldName: '剥、坠落描述', fieldValue: '' },
            { id: 1074, span: 24, fieldCode: 'smsms', fieldName: '渗冒水描述', fieldValue: '' },
            { id: 1075, span: 24, fieldCode: 'smwxms', fieldName: '树木歪斜描述', fieldValue: '' },
            { id: 1076, span: 24, fieldCode: 'jzmxms', fieldName: '建筑变形描述', fieldValue: '' },
            { id: 1077, span: 24, fieldCode: 'bxcxsj', fieldName: '变形初现时间', fieldValue: '' },
            { id: 1078, span: 24, fieldCode: 'dzyxys', fieldName: '地质因素', fieldValue: '' },
            { id: 1079, span: 24, fieldCode: 'dmyxys', fieldName: '地貌因素', fieldValue: '' },
            { id: 1080, span: 24, fieldCode: 'wlyxys', fieldName: '物理因素', fieldValue: '' },
            { id: 1081, span: 24, fieldCode: 'rwyxys', fieldName: '人为因素', fieldValue: '' },
            { id: 1082, span: 24, fieldCode: 'zdyxys', fieldName: '主导因素', fieldValue: '' },
            { id: 1083, span: 24, fieldCode: 'qtyxys', fieldName: '其它影响因素', fieldValue: '' },
            { id: 1084, span: 24, fieldCode: 'yfyxys', fieldName: '诱发影响因素', fieldValue: '' },
            { id: 1085, span: 24, fieldCode: 'wzzc', fieldName: '物质组成', fieldValue: '' },
            { id: 1086, span: 24, fieldCode: 'dzgzqk', fieldName: '地质构造情况', fieldValue: '' },
            { id: 1087, span: 24, fieldCode: 'fhxhqk', fieldName: '风化卸荷情况', fieldValue: '' },
            { id: 1088, span: 24, fieldCode: 'dxsqk', fieldName: '地下水情况', fieldValue: '' },
            { id: 1089, span: 24, fieldCode: 'xdhlwzhaxtms', fieldName: '相对河流位置及河岸形态描述', fieldValue: '' },
            { id: 1090, span: 24, fieldCode: 'qtswqkms', fieldName: '其他水文情况描述', fieldValue: '' },
          ],
        },
      ];
    }
    watch(
      () => props.geologicalInfo,
      (value) => {
        // data.geologicalInfo = value;
        // //刷新数据
        // updateInfo(value);
        queryZhmsInfo(value.id, value.dzlxmc);
      }
    );

    /**
     * 查询综合描述信息
     */
    const queryZhmsInfo = (id, dzlxmc) => {
      let params = {
        dzdxid: id,
        dzlx: dzlxmc,
      };
      queryDialogZhmsInfoById(params).then((res) => {
        console.log('综合描述', res);
        data.geologicalInfo = res.result;
        //刷新数据
        updateInfo(res.result);
      });
    };
    /**
     * 更新基础数据
     */
    const updateInfo = (param) => {
      data.evaluateItem.forEach((evaluate) => {
        evaluate.evaluateReault.forEach((item) => {
          item.fieldValue = '';
          //如果返回的参数中存在改配置字段则进行刷新
          if (Object.hasOwnProperty.call(param, item.fieldCode)) item.fieldValue = param[item.fieldCode];
          else {
            console.log(`综合描述---不存在字段：${item.fieldName}【${item.fieldCode}】`);
          }
        });
      });
    };
    onMounted(() => {
      // updateInfo(data.geologicalInfo);
      queryZhmsInfo(data.geologicalInfo.id, data.geologicalInfo.dzlx);
    });
    return {
      ...toRefs(data),
      updateInfo,
    };
  },
});
</script>
<style lang="less" scoped>
.comprehensive-evaluate {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 10px;
  overflow: auto;
  .project-item {
    height: auto;
    width: 100%;
    .title {
      display: flex;
      height: 32px;
      align-items: center;
      justify-content: center;
      margin-bottom: 10px;
      .arraw {
        display: flex;
        height: 18px;
        width: 16px;
        background-image: url('/@/assets/images/dialog/arrow.png');
        background-size: 100% 100%;
        margin-right: 6px;
      }
      .name {
        display: flex;
        width: calc(100% - 20px);
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #ffffff;
      }
    }
    .content {
      height: auto;
      width: 100%;
      .item-row {
        margin-bottom: 10px;
        .item-col {
          display: flex;
          border: 1px solid rgba(21, 186, 255, 0.3);
          height: 40px;
          line-height: 40px;
          font-size: 14px;
          font-family: Source Han Sans CN;
          font-weight: 500;
          .label {
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            min-height: 40px;
            width: 190px;
            text-align: center;
            color: #8bcdff;
            border-right: 1px solid rgba(21, 186, 255, 0.3);
            background: rgba(21, 186, 255, 0.1);
          }
          .value {
            display: flex;
            align-items: center;
            min-height: 40px;
            height: auto;
            width: calc(100% - 190px);
            padding-left: 20px;
            color: #e5f7ff;
          }
        }
      }
    }
  }
}
</style>
