<template>
    <div class="form_wrap">
        <a-form name="basic" :label-col="labelCol" :wrapper-col="wrapperCol" autocomplete="off">
            <a-row>
                <a-col :span="12">
                    <a-form-item label="供方名称">
                        <span>黑龙江省龙冠混凝土制品工业有限公司</span>
                    </a-form-item>
                </a-col>
                <a-col :span="12">
                    <a-form-item label="企业负责人">
                        <span>韦庆功</span>
                    </a-form-item>
                </a-col>
            </a-row>
            <a-divider style="margin: 12px 0;" />
            <a-row>
                <a-col :span="12">
                    <a-form-item label="资质">
                        <span>壹仟零叁万元整</span>
                    </a-form-item>
                </a-col>
                <a-col :span="12">
                    <a-form-item label="联系人">
                        <span>张纯</span>
                    </a-form-item>
                </a-col>
            </a-row>
            <a-divider style="margin: 12px 0;" />
            <a-row>
                <a-col :span="12">
                    <a-form-item label="产品名称">
                        <span>商品混凝土</span>
                    </a-form-item>
                </a-col>
                <a-col :span="12">
                    <a-form-item label="联系电话">
                        <span>13674622371</span>
                    </a-form-item>
                </a-col>
            </a-row>
            <a-divider style="margin: 12px 0;" />
            <a-form-item label="初审意见（材料设备部）">
                <div style="display: inline-block">
                    <p style="text-indent: 2em;">经项目经理部实地考察，该公司征召齐全，在行业内信誉良好。拥有大型混凝土搅拌站及独立罐车运输车队。商品混凝土种类齐全，能够生产重混凝土、普通混凝土、轻质混凝土等各种类型产品。拥有良好的供货能力，满足供货要求。与公司合作过玉泉垃圾场工程等。其产品完全按国家现行标准及相关标准规定执行，符合我公司施工所需商品混凝土质量要求。</p>
                    <p style="text-align: right;">部门负责人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;初审人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <p style="text-align: right;">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</p>
                </div>
            </a-form-item>
            <a-divider style="margin: 12px 0;" />
            <a-form-item label="复审意见">
                <div style="display: inline-block">
                    <p style="text-indent: 2em;">经项目经理部实地考察，该公司征召齐全，在行业内信誉良好。拥有大型混凝土搅拌站及独立罐车运输车队。商品混凝土种类齐全，能够生产重混凝土、普通混凝土、轻质混凝土等各种类型产品。拥有良好的供货能力，满足供货要求。与公司合作过玉泉垃圾场工程等。其产品完全按国家现行标准及相关标准规定执行，符合我公司施工所需商品混凝土质量要求。</p>
                    <p style="text-align: right;">负责人：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <p style="text-align: right;">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</p>
                </div>
            </a-form-item>
            <a-divider style="margin: 12px 0;" />
            <a-form-item label="公司主管领导意见">
                <div style="display: inline-block">
                    <p style="text-indent: 2em;">经项目经理部实地考察，该公司征召齐全，在行业内信誉良好。拥有大型混凝土搅拌站及独立罐车运输车队。商品混凝土种类齐全，能够生产重混凝土、普通混凝土、轻质混凝土等各种类型产品。拥有良好的供货能力，满足供货要求。与公司合作过玉泉垃圾场工程等。其产品完全按国家现行标准及相关标准规定执行，符合我公司施工所需商品混凝土质量要求。</p>
                    <p style="text-align: right;">公司领导：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <p style="text-align: right;">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</p>
                </div>
            </a-form-item>
            <a-divider style="margin: 12px 0;" />
            <a-form-item label="附">
                <span>加盖公章的营业执照、资质证书、税务登记证、企业代码证、企业开户许可证复印件，其他能够说明企业（个人）信誉、实力的证明材料。</span>
            </a-form-item>
        </a-form>
    </div>

</template>
<script setup>
import { reactive } from "vue"
import { useRouter } from "vue-router"
import { PlusOutlined } from "@ant-design/icons-vue"

const router = useRouter()
const labelCol = {
    style: {
        width: "180px",
    },
};
const wrapperCol = {
    span: 18,
};
const formState = reactive({
    name: "",
    state: "",
});

const columns = [
    {
        title: "序号",
        align: "center",
        width: 80,
        customRender: (data) => {
            return data.index + 1;
        },
    },
    {
        title: "材料名称",
        dataIndex: "name",
    },
    {
        title: "规格型号",
        dataIndex: "guigexinghao",
    },
    {
        title: "单位",
        dataIndex: "danwei",
    },
    {
        title: "出厂价格",
        dataIndex: "price",
    },
    {
        title: "运费",
        dataIndex: "deliver",
    },
    {
        title: "税率",
        dataIndex: "shuilv",
    },
    {
        title: "现有库存量",
        dataIndex: "xianyoukucunliang",
    },
    {
        title: "日/月生产量",
        dataIndex: "riyueshengchanliang",
    },
    {
        title: "操作",
        dataIndex: "operation",
        scopedSlots: { customRender: "operation" },
    },
];

const data = [
    {
        name: "测试名称",
        guigexinghao: "水下C30",
        danwei: "m³",
        price: 115.5,
        deliver: 25,
        shuilv: "13%",
        xianyoukucunliang: 7750,
        riyueshengchanliang: 1125
    },
    {
        name: "测试名称",
        guigexinghao: "水下C30",
        danwei: "m³",
        price: 115.5,
        deliver: 25,
        shuilv: "13%",
        xianyoukucunliang: 7750,
        riyueshengchanliang: 1125
    },
    {
        name: "测试名称",
        guigexinghao: "水下C30",
        danwei: "m³",
        price: 115.5,
        deliver: 25,
        shuilv: "13%",
        xianyoukucunliang: 7750,
        riyueshengchanliang: 1125
    },
    {
        name: "测试名称",
        guigexinghao: "水下C30",
        danwei: "m³",
        price: 115.5,
        deliver: 25,
        shuilv: "13%",
        xianyoukucunliang: 7750,
        riyueshengchanliang: 1125
    },
    {
        name: "测试名称5",
        guigexinghao: "水下C30",
        danwei: "m³",
        price: 115.5,
        deliver: 25,
        shuilv: "13%",
        xianyoukucunliang: 7750,
        riyueshengchanliang: 1125
    }
]
function routeToAdd() {
    router.push("/itemAdd");
}
</script>
<style lang="scss">

</style>