<template>
    <div class="container">
        <div style="height: 35%;">
            <border1 :title="'设备信息'">
            <ListVue :list="list1"></ListVue>
        </border1>
        </div>
        <div style="height: 65%;">
            <border1 :title="'主要参数'">
            <ListVue :list="list2"></ListVue>
        </border1>
        </div>
    </div>
</template>

<script setup lang='ts'>
import border1 from "@/components/borderBox/border1.vue";
import ListVue from "./list.vue"
import { ref, defineProps } from "vue";
const props = defineProps<{ title: string }>()
let list1 = [
    {
        name: "设备名称",
        value: "再登通用缝纫绕线机"
    },
    {
        name: "机架号",
        value: "GBWM03"
    },
    {
        name: "贸易类型",
        value: "外贸"
    },
    {
        name: "装配组",
        value: "上工富怡"
    },
    {
        name: "电装组",
        value: "上工富怡"
    },
    
]

let list2 = [
    {
        name: "线芯类型",
        value: "标准1倍和2倍线芯;3倍线芯需更换线芯轴"
    },
    {
        name: "最高工作速度",
        value: "3000rpm"
    },
    {
        name: "选配",
        value: "物联模块"
    },
    {
        name: "电压",
        value: "单相220V"
    },
    {
        name: "额定功率",
        value: "53 W"
    },
    {
        name: "外型尺寸 (长x宽x高)",
        value: "319x215x595mm"
    },
    {
        name: "重量",
        value: "5.2kg"
    }
    
]

</script>

<style scoped>
.container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
</style>
