<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: "GOATAW-S-F-N1-1200×900-T-RHA ，LH，ACC-AO"
    },
    {
        name: "贸易类型",
        value: "外贸"
    },
    {
        name: "装配组",
        value: "上工富怡"
    },
    {
        name: "电装组",
        value: "上工富怡"
    },
    
]

let list2 = [
    {
        name: "操作屏",
        value: "15.6寸触控一体机"
    },
    {
        name: "传输方式",
        value: "USB / WIFI(选配)"
    },
    {
        name: "速度",
        value: "Max.1200rpm"
    },
    {
        name: "花样存储容量",
        value: "4Gb，单个花版文件不超过100万针"
    },
    {
        name: "绒高",
        value: "Max. 16mm"
    },
    {
        name: "气源",
        value: "工作气压0.4-0.6 Mpa"
    },
    {
        name: "针步",
        value: "可设置，Max.7.5mm"
    },
    {
        name: "电源",
        value: "三相380V"
    },
    {
        name: "绒线行距",
        value: "可设置"
    },
    {
        name: "重量",
        value: "2170Kg"
    }
    
]

</script>

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