<template>
	<view class="padding page">
		<view class="padding bg-white radius">
			<view class="flex margin-bottom margin-top">
				<view>用户名</view>
				<view class="text-red">*</view>
			</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">企业代码</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="flex margin-bottom margin-top">
				<view>企业类型</view>
				<view class="text-red">*</view>
			</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">注册资金（万元）</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">建设日期</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">员工人数</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">所属行业</view>
			<up-radio-group v-model="radiovalue1" placement="row" shape="square" @change="groupChange">
				<up-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radiolist1" :key="index"
					:label="item.name" :name="item.name" @change="radioChange">
				</up-radio>
			</up-radio-group>
			<view class="margin-bottom margin-top">主营业务</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">年收入（万元）</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">所在城市</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">企业地址</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">联系电话</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">邮箱</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">法人代表</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">法人手机</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">安全负责人</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">安全负责人手机</view>
			<up-input placeholder="请输入内容" border="surround" v-model="value" @change="change"></up-input>
			<view class="margin-bottom margin-top">证书图片</view>
			<up-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
				:maxCount="10"></up-upload>
			<view class="margin-bottom margin-top">企业简介</view>
			<up-textarea v-model="value1" placeholder="请输入内容"></up-textarea>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue';
	import { createUploadListHandlers } from '@/utils/upload.js';

	// 基本案列数据
	const radiolist1 = reactive([{
			name: '矿山开采',
			disabled: false,
		},
		{
			name: '化工生产',
			disabled: false,
		},
		{
			name: '冶金工业',
			disabled: false,
		},
		{
			name: '建筑施工',
			disabled: false,
		},
	]);

	// up-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
	const radiovalue1 = ref('矿山开采');

	const groupChange = (n) => {
		console.log('groupChange', n);
	};

	const radioChange = (n) => {
		console.log('radioChange', n);
	};
	
	const fileList1 = ref([]);
	const { afterRead, deletePic } = createUploadListHandlers(fileList1);
</script>

<style lang="scss" scoped>
	.page {
		min-height: 100vh;
		background: #EBF2FC;
	}
</style>