<!--
 * @Author: tengmingxue 1473375109@qq.com
 * @Date: 2023-06-06 20:45:40
 * @LastEditors: tengmingxue 1473375109@qq.com
 * @LastEditTime: 2023-06-08 11:15:29
 * @FilePath: \yx-big-screen\src\views\map\dialog\geoLogy-appendix\index.vue
 * @Description: 地灾附件
-->


<template>
    <!-- 地灾附件 -->
    <div class="geology-appendix">
      <Appendix :showType="showType" :projectType="projectType" :projectId="projectId"/> 
    </div>
  </template>
          
    <script>
  import { defineComponent, reactive, toRefs, onMounted, ref, watch, getCurrentInstance } from 'vue';
  import Appendix from '../Appendix/index.vue' 
  import moment from 'moment';
  const props = {
    /**
     * 地灾信息
     * */
     geologicalInfo: { type: Object, require: true},
  };
  export default defineComponent({
    name: 'GeologyAppendix',
    components: { Appendix },
    props,
    setup() {
      const data = reactive({
        showType: ['1', '2', '3', '4', '5', '6'],
        projectType:'1',  //1：地灾类型，2：工程类型，3：河段类型
        projectId:'1',   //项目ID
        geologicalInfo:props.geologicalInfo
      });

      /**
       * 监测地灾信息变化改变
      */
      watch(()=>props.geologicalInfo,(value)=>{
        data.geologicalInfo = value
      })
      
      onMounted(() => {});
      return {
        ...toRefs(data),
      };
    },
  });
  </script>
      <style lang="less" scoped>
  .geology-appendix {
    position: relative;
    height: 100%;
    width: 100%;
    
  }
  </style>