<!--
 * @FilePath: \daping\src\views\InPlantProducts\child\component\title.vue
 * @Author: 王路平
 * @文件版本: V1.0.0
 * @Date: 2023-02-16 11:51:32
 * @Description: 
 * 
 * 版权信息         : 2023 by ${再登软件}, All Rights Reserved.
-->
<template>
    <div>
  <border6 ref="refborder6">
      <template v-slot>
        <div class="box">
            <h2>产品信息</h2>
            <p>{{ data }}</p>
        </div>
      </template>
  </border6>
  </div>
</template>

<script setup lang="ts">
import {getCurrentInstance, onMounted, reactive, ref} from "vue"
import {gatewayType} from '@/type/InPlantProducts'
import border6 from "@/components/borderBox/border6.vue"
// let props=defineProps<{
//     value:string,
//     }>()
    // const value=reactive<gatewayType>({
    // data:null,
    // quota:null,
    // iconname:''
    // })
    let data=ref(null)
    let refborder6=ref()
    // let gateway=ref()
    // let fontSize=ref()
    onMounted(() => {
      
    })

    function setchartWH(width:any,height:any){
    // gateway.value.style.height=height+'px'
    // gateway.value.style.width=width+'px'
    refborder6.value.resetWH()
    }
    const setData=(value?:string|null)=>{
        data.value=value
        refborder6.value.resetWH()
        // data.value='设备名称'
    }

    defineExpose({
    setchartWH,
    setData
})
</script>

<style scoped>

h2{
  color: #fff;
    text-align: left;
    margin-top: 3px;
    margin-left: 3px;
}
p{
    margin: 0 10px 0 10px;
    color: #fff;
    font-size: 20px;
}
.box{
    width:100%;
    height:100%;
}
</style>
