<template>
	<view class="custSpan">
		<view style="width: 100%;height: 180rpx;">

		</view>
		<view class="box px-20 pt-20 pb-20">
			<view class="boxTilte pa-20">
				客户类型
			</view>
			<view class="ma-20">
				<tm-groupradio @change="change">
					<tm-radio dense v-model="custType.obj1">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">潜在客户</tm-button>
						</template>
					</tm-radio>
					<tm-radio dense v-model="custType.obj2">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">一般客户</tm-button>
						</template>
					</tm-radio>
					<tm-radio dense v-model="custType.obj3">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">重要客户</tm-button>
						</template>
					</tm-radio>
				</tm-groupradio>
			</view>
			<view class="boxTilte pa-20">
				客户状态
			</view>
			<view class="ma-20">
				<tm-groupradio @change="change">
					<tm-radio dense v-model="custState.obj1">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">需长期跟进</tm-button>
						</template>
					</tm-radio>
					<tm-radio dense v-model="custState.obj2">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">近期可成交</tm-button>
						</template>
					</tm-radio>
					<tm-radio dense v-model="custState.obj3">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">已完成</tm-button>
						</template>
					</tm-radio>
					<tm-radio dense v-model="custState.obj4">
						<template v-slot:default="{checkData}">
							<tm-button size="m" :theme="checkData.checked?'bg-gradient-blue-accent':'grey-lighten-4'"
								:shadow="0">已丢单</tm-button>
						</template>
					</tm-radio>
				</tm-groupradio>
			</view>
		</view>
		<view class="footBtn">
			<tm-button theme="bg-gradient-blue-accent" block>保存设置</tm-button>
		</view>
		<uni-menubar :title="`客户标签`" />
	</view>
</template>

<script>
	export default{
		data(){
			return{
				checked:true,
				custType:{
					obj1:false,
					obj2:false,
					obj3:false,
				},
				custState:{
					obj1:false,
					obj2:false,
					obj3:false,
					obj4:false,
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		background-color: #FFF;
		.boxTilte {
			font-size: 35rpx;
			color: #bdbdbd;
			border-bottom: 1px solid #bdbdbd;
		}
	}
	.footBtn{
		background-color: #fff;
		box-sizing: border-box;
		padding: 20rpx 30rpx 50rpx 20rpx;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
</style>
