<template>
<div class="modelcontainer">
  <a-divider orientation="left" style="border-color: #7cb305">企业信息</a-divider>
  <div class="flex">
    <div class="flex ai-c flex-li">
      <div class="labelbox">社会信用代码：</div>
      <div class="inpbox">
        <a-input v-model:value="props.showInfoData.shxydm" :disabled="props.isRead" placeholder="请输入" />
      </div>
    </div>
    <div class="flex ai-c flex-li">
      <div class="labelbox">法人代表：</div>
      <div class="inpbox">
        <a-input v-model:value="props.showInfoData.frdb" :disabled="props.isRead" placeholder="请输入" />
      </div>
    </div>
    <div class="flex ai-c flex-li">
      <div class="labelbox">联系方式：</div>
      <div class="inpbox">
        <a-input v-model:value="props.showInfoData.lxfs" :disabled="props.isRead" placeholder="请输入" />
      </div>
    </div>
    <div class="flex ai-c flex-li">
      <div class="labelbox">行业：</div>
      <div class="inpbox">
        <a-input v-model:value="props.showInfoData.hy" :disabled="props.isRead" placeholder="请输入" />
      </div>
    </div>
  </div>
  <div class="flex mt-1">   
      <div class="flex ai-c flex-li">
        <div class="labelbox">企业名称：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.syrmc" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div> 
      <div class="flex ai-c flex-li">
        <div class="labelbox">项目贡献产出：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.xmgxcc" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div> 
      <div class="flex ai-c flex-li">
        <div class="labelbox">测算财源：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.cscy" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>   
      <div class="flex ai-c flex-li">
        <div class="labelbox">经营状态：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.jyzt" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div> 
  </div>
  <div class="flex mt-1"> 
      <div class="flex ai-c flex-li">
        <div class="labelbox">固定资产：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.gdzc" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>   
      <div class="flex ai-c flex-li">
        <div class="labelbox">固定投资总额：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.gdtzze" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>  
      <div class="flex ai-c flex-li">
        <div class="labelbox">是否规上企业：</div>
        <div class="inpbox">
          <a-radio-group v-model:value="props.showInfoData.sfgsqy" :disabled="props.isRead" name="radioGroup">
            <a-radio :value="true">是</a-radio>
            <a-radio :value="false">否</a-radio>
          </a-radio-group>
        </div>
      </div>   
  </div>
  <a-divider orientation="left" style="border-color: #7cb305">电热气水供应信息</a-divider>
  <div class="flex mt-1">  
      <div class="flex ai-c flex-li">
        <div class="labelbox">用电户名：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.ydhm" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>   
      <div class="flex ai-c flex-li">
        <div class="labelbox">用电户号：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.ydhh" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>   
      <div class="flex ai-c flex-li">
        <div class="labelbox">电力供应方名称：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.dgyf" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>   
  </div>
  <div class="flex mt-1">
      <div class="flex ai-c flex-li">
        <div class="labelbox">用热户名：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.yrhm" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>  
      <div class="flex ai-c flex-li">
        <div class="labelbox">用热户号：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.yrhh" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div> 
      <div class="flex ai-c flex-li">
        <div class="labelbox">热力供应方名称：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.rgyf" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>    
  </div>
  <div class="flex mt-1">    
      <div class="flex ai-c flex-li">
        <div class="labelbox">用气户名：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.yqhm" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>    
      <div class="flex ai-c flex-li">
        <div class="labelbox">用气户号：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.yqhh" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>    
      <div class="flex ai-c flex-li">
        <div class="labelbox">燃气供应方名称：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.qgyf" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>    
  </div>
  <div class="flex mt-1">    
      <div class="flex ai-c flex-li">
        <div class="labelbox">用水户名：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.yshm" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>    
      <div class="flex ai-c flex-li">
        <div class="labelbox">用水户号：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.yshh" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>   
      <div class="flex ai-c flex-li">
        <div class="labelbox">用水供应方名称：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.sgyf" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>  
  </div>
  <a-divider orientation="left" style="border-color: #7cb305">调查信息</a-divider>
  <div class="flex mt-1">
      <div class="flex ai-c flex-li">
        <div class="labelbox">调查人：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.dcr" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div> 
      <div class="flex ai-c flex-li">
        <div class="labelbox">调查日期：</div>
        <div class="inpbox">
          <a-date-picker v-model:value="props.showInfoData.dcrq" :disabled="props.isRead" style="width:100%" :valueFormat="dateValueFormat" />
        </div>
      </div>  
      <div class="flex ai-c flex-li">
        <div class="labelbox">测量人：</div>
        <div class="inpbox">
          <a-input v-model:value="props.showInfoData.clr" :disabled="props.isRead" placeholder="请输入" />
        </div>
      </div>
      <div class="flex ai-c flex-li">
        <div class="labelbox">测量日期：</div>
        <div class="inpbox">
          <a-date-picker v-model:value="props.showInfoData.clrq" :disabled="props.isRead" style="width:100%" :valueFormat="dateValueFormat"  />
        </div>
      </div>
  </div>
  <div class="flex mt-1 ai-c max-w">
    <div class="labelbox">备注：</div>
    <div class="inptextbox">
      <a-textarea v-model:value="props.showInfoData.bz" :disabled="props.isRead" placeholder="请输入" />
    </div>
  </div>
</div>
</template>

<script setup lang="ts">
import { defineAsyncComponent, defineProps, onMounted, ref } from "vue"
import { PlusOutlined } from '@ant-design/icons-vue';
import { Upload, message, Modal } from 'ant-design-vue';
import InsertMapModal from '../widget/map.vue';

const props = defineProps(['showInfoData','isRead'])

const value = ref()
const dateValueFormat = 'YYYY-MM-DD';
const showInfoData = ref()
onMounted(() => {
  
})

</script>

<style lang="scss" scoped>
.flex{
  display: flex;
}
.column{
  flex-direction: column;
}
.ai-c{
  align-items: center;
}
.jc-c{
  justify-content: center;
}
.jc-sb{
  justify-content: space-between;
}
.js-sa{
  justify-content: space-around
}
.mt-1{
  margin-top: 15px;
}
.max-w{
  width: 100%;
}
.modelcontainer{
  padding: 20px 100px;
  .flex-li{
    width: 25%;
    padding-right: 50px;
    .inpbox{
      width: calc(100% - 120px);
    }
  }
  .labelbox{
    width: 120px;
  }
  .inptextbox{
    width: calc(100% - 170px);
  }
  .uploadbox{
    width: 100px;
    height: 100px;
    background: #eee;
    cursor: pointer;
    span{
      font-size: 12px;
      text-align: center;
      padding: 0 14px;
      color: #999;
      line-height: 15px;
      margin-top: 5px;
    }
  }
}
</style>
