<template>
	<div class="form_wrap">
		<a-form
			:model="formState"
			:label-col="labelCol"
			:wrapper-col="wrapperCol"
		>
			<a-row>
				<a-col :span="12">
					<a-form-item label="项目名称">
						<a-input v-model:value="formState.name" />
					</a-form-item>
				</a-col>
				<a-col :span="12">
					<a-form-item label="截止日期">
						<a-date-picker v-model:value="jiezhiriqi" />
					</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.name" />
					</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="24">
					<a-form-item label="经营模式">
						<a-checkbox-group
							v-model:value="checkedList1"
							:options="plainOptions1"
						/>
					</a-form-item>
				</a-col>
				<a-col :span="12">
					<a-form-item label="注册资金">
						<a-input v-model:value="formState.zczj" type="number" addon-after="万以上" />
					</a-form-item>
				</a-col>
				<a-col :span="24">
					<a-form-item label="供应商所在地">
						<a-radio-group v-model:value="pinpai">
							<a-radio :value="1">不限</a-radio>
							<a-radio :value="2">本省</a-radio>
							<a-radio :value="3">本市</a-radio>
						</a-radio-group>
					</a-form-item>
				</a-col>
				<a-col :span="24">
					<a-form-item label="业绩要求">
						<a-checkbox-group
							v-model:value="checkedList2"
							:options="plainOptions2"
						/>
					</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 plainOptions1 = ["不限", "生产型企业", "代理商/经销商", "租赁公司"];
const plainOptions2 = ["不限", "其他地产合作业绩", "大型央国企合作业绩", "标杆项目业绩", "其他同类型项目合作业绩", "百强地产合作业绩"]
const checkedList = ref([]);
const checkedList1 = 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: 18,
};
const formState = reactive({
	name: "",
	fanwei: "",
	projectAddress: "",
	remarks: ""
});
</script>
<style lang="scss" scoped>

</style>
