<!-- 数据量 -->
<template>
	<div class="pricemoitorrecord">
		<a-card :bordered="false">
			<a-checkbox-group class="pangin" v-model:value="value" style="width: 100%" @change="del">
				<a-row>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="1"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_0.svg" alt="" /></div>
									<div>政府信息公开指南</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="2"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_1.svg" alt="" /></div>
									<div>政府信息公开制度</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="3"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_2.svg" alt="" /></div>
									<div>法定主动公开内容</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="4"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_5.svg" alt="" /></div>
									<div>政府信息公开年报</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="5"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_3.svg" alt="" /></div>
									<div>政策文件</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="6"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_4.svg" alt="" /></div>
									<div>政策解读</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="7"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_6.svg" alt="" /></div>
									<div>行政规范性文件</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="8"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_7.svg" alt="" /></div>
									<div>依申请公开</div>
								</div>
							</div>
						</div>
					</a-col>
					<a-col :span="6">
						<div>
							<div class="box1">
								<a-checkbox :value="9"></a-checkbox>
								<div class="img_del">
									<div class="img_svg"><img src="../../../../public/img/text_8.svg" alt="" /></div>
									<div>政府网站工作年报</div>
								</div>
							</div>
						</div>
					</a-col>
				</a-row>
			</a-checkbox-group>

			<br />
			<br />

			<a-space class="search">
				<div class="btnBox">
					<a-button type="primary" class="primarySele" @click="del_add"> 保存 </a-button>
					<a-button class="primarySele snowy-buttom-left" @click="del_add"> 提交 </a-button>
				</div>
			</a-space>
		</a-card>
	</div>
</template>
<script setup name="sharing">
	import business from '@/api/home/home.js'
	import { listPagination } from '@/hook/listlistPagination.js'
	import { reactive, ref } from 'vue'
	import { useRouter } from 'vue-router'
	import { defineComponent } from 'vue'
	import { message } from 'ant-design-vue'

	const value = ref([])
	onMounted(() => {
		list()
	})

	const list = async () => {
		value.value = []
		const res = await business.ZWGKlist()
		value.value = res.map((item) => {
			return item.type
		})
	}

	const del = (v) => {}
	const code = ref([])
	const del_add = async () => {
		code.value = value.value.map((item) => {
			return { type: item }
		})
		if (code.value.length >= 7) {
			message.info('最多选6个')
		} else {
			const res = await business.ZWGKadd(code.value)
			message.success('操作成功')
			list()
		}
	}
</script>
<style lang="less" scoped>
	.pangin {
		margin: 20px;
	}
	.box1 {
		width: 250px;
		height: 250px;
		.img_del {
			border: 1px solid #e4e4e4;
			width: 160px;
			height: 160px;
			margin-left: 18px;
			border-radius: 5px;
			text-align: center;
		}
		.img_svg {
			width: 160px;
			height: 120px;
			img {
				margin-top: 10px;
				width: 160px;
				height: 100px;
			}
		}
	}

	.search {
		padding-top: 20px;
		margin-bottom: 32px;
		display: flex;
		justify-content: center;
		.btnBox {
			width: 100%;
			display: inline-block;
			display: flex;
			justify-content: space-around;
			align-items: center;
			.primarySele {
				margin-left: 20px;
				margin-right: 20px;
			}
		}
	}
	.silt-title {
		display: flex;
	}
	.switch_del {
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
