<template>
	<div class="form_wrap">
		<a-form
			:model="formState"
			:label-col="labelCol"
			:wrapper-col="wrapperCol"
		>
			<a-row>
				<a-col :span="8">
					<a-form-item label="招标名称">
						<a-input v-model:value="formState.name" />
					</a-form-item>
				</a-col>
				<a-col :span="8">
					<a-form-item label="报名截止时间">
						<a-date-picker v-model:value="jiezhiriqi" />
					</a-form-item>
				</a-col>
				<a-col :span="8">
					<a-form-item label="投标截止时间">
						<a-date-picker v-model:value="toubiaojiezhi" />
					</a-form-item>
				</a-col>
				<a-col :span="12">
					<a-form-item label="项目名称">
						<a-input v-model:value="formState.xmmc" />
					</a-form-item>
				</a-col>
				<a-col :span="12">
					<a-form-item label="项目地区">
						<div class="flex">
							<a-cascader
								v-model:value="projectAddress"
								:options="areaOptions"
								placeholder="省市区"
							/>
							<a-input v-model:value="formState.projectAddress" />
						</div>
					</a-form-item>
				</a-col>
				<a-col :span="24">
					<a-form-item label="招标详情">
						<a-textarea v-model:value="formState.indent" />
					</a-form-item>
				</a-col>
				<a-col :span="12">
					<a-form-item label="其他附件">
						<a-upload v-model:file-list="fileList" name="file">
								<a-button>
									<upload-outlined></upload-outlined>
									上传附件
								</a-button>
							</a-upload>
					</a-form-item>
				</a-col>
			</a-row>
		</a-form>
	</div>
	<a-divider />
	<div class="form_wrap">
		<ATitle label="供应商要求"></ATitle>
		<a-form
			:model="formState"
			:label-col="labelCol"
			:wrapper-col="wrapperCol"
		>
			<a-row>
				<a-col :span="12">
					<a-form-item label="参与投标方式">
						<a-checkbox-group
							v-model:value="checkedList"
							:options="plainOptions"
						/>
					</a-form-item>
				</a-col>
			</a-row>
		</a-form>
	</div>
</template>
<script setup>
import { reactive, ref } from "vue";
import ATitle from "@/components/ATitle.vue";
import areaOptions from "@/common/area";
import {
	DownloadOutlined,
	UploadOutlined,
	PlusOutlined,
} from "@ant-design/icons-vue";

const plainOptions = ["到指定地点参与投标", "到指定网站参与投标"];
const checkedList = ref(["报价含税", "报价函卸装"]);
const baojia = ref(1)
const fapiao = ref(1)
const gaizhang = ref(1)
const yufukuan = ref(1)
const jiezhiriqi = ref("")
const labelCol = {
	style: {
		width: "120px",
	},
};
const wrapperCol = {
	span: 20,
};
const formState = reactive({
	name: "",
	state: "",
	projectAddress: "",
	remarks: ""
});
const columns = [
	{
		title: "序号",
		align: "center",
		width: 80,
		customRender: (data) => {
			return data.index + 1;
		},
	},
	{
		title: "材料名称",
		dataIndex: "name",
	},
	{
		title: "平台类目",
		dataIndex: "platform",
	},
	{
		title: "型号",
		dataIndex: "type",
	},
	{
		title: "物料描述",
		dataIndex: "description",
	},
	{
		title: "采购量",
		dataIndex: "consumption",
	},
	{
		title: "说明",
		dataIndex: "remarks",
	},
	{
		title: "操作",
		dataIndex: "operation",
		scopedSlots: { customRender: "operation" },
	},
];
const data = [
	{
		key: "品类1",
		name: "测试材料名称",
		type: "测试型号",
		brand: "测试品牌",
		unit: "测试单位",
		consumption: "测试用量",
		budget: "预算",
		platform: "测试平台",
		remarks: "1000",
		description: "测试描述",
		time: "2022-11-17",
	},
	{
		key: "品类1",
		name: "测试材料名称",
		type: "测试型号",
		brand: "测试品牌",
		unit: "测试单位",
		consumption: "测试用量",
		budget: "预算",
		platform: "测试平台",
		remarks: "1000",
		description: "测试描述",
		time: "2022-11-17",
	},
	{
		key: "品类1",
		name: "测试材料名称",
		type: "测试型号",
		brand: "测试品牌",
		unit: "测试单位",
		consumption: "测试用量",
		budget: "预算",
		platform: "测试平台",
		remarks: "1000",
		description: "测试描述",
		time: "2022-11-17",
	},
	{
		key: "品类1",
		name: "测试材料名称",
		type: "测试型号",
		brand: "测试品牌",
		unit: "测试单位",
		consumption: "测试用量",
		budget: "预算",
		platform: "测试平台",
		remarks: "1000",
		description: "测试描述",
		time: "2022-11-17",
	},
	{
		key: "品类1",
		name: "测试材料名称",
		type: "测试型号",
		brand: "测试品牌",
		unit: "测试单位",
		consumption: "测试用量",
		budget: "预算",
		platform: "测试平台",
		remarks: "1000",
		description: "测试描述",
		time: "2022-11-17",
	},
	{
		key: "品类1",
		name: "测试材料名称",
		type: "测试型号",
		brand: "测试品牌",
		unit: "测试单位",
		consumption: "测试用量",
		budget: "预算",
		platform: "测试平台",
		remarks: "1000",
		description: "测试描述",
		time: "2022-11-17",
	},
];
</script>
<style lang="scss"></style>
