<template>
	<view class="text-center" style="height: 100%;padding:15px;padding-top:5px;">
		<view class="text-left" style="padding-bottom: 15px;">
			<view v-for="(item,index) in list" class="bg-white" @click="viewDetail(item)" style="padding: 12rpx;border-radius: 15px;padding-left: 15px;margin-top:15px; "
			 :key="index">
				<view style="height:32px;line-height:40px">
					<view style="display:inline-block;font-weight:bold;font-size:1.4rem" @click="detail()">{{item.name}}</view>
					<view style="display:inline-block;margin-left:10px;font-size:0.8rem">{{ item.title }}</view>
					<view style="display:inline-block;margin-left:10px;font-size:0.8rem">{{ item.hospName }}</view>
				</view>

				<view class="margin-tb-sm">
					<view style="display:inline-block;font-size:0.75rem;width:50%;min-width: 123px;" v-for="(itemA,indexA) in item.list"
					 :key="indexA">
						<view style="display:inline-block;min-width:62px">
							{{itemA.label}}：
						</view>
						<view style="display:inline-block;">
							<uni-rate :size="15" :value="itemA.value" />
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		uniRate
	} from '@/components/uni-rate/uni-rate.vue'
	export default {
		components: {
			uniRate
		},
		data() {
			return {
				value1: 1,
				value2: 2,
				options1: [{
						label: '默认排序',
						value: 1,
					},
					{
						label: '距离优先',
						value: 2,
					},
					{
						label: '价格优先',
						value: 3,
					}
				],
				options2: [{
						label: '去冰',
						value: 1,
					},
					{
						label: '加冰',
						value: 2,
					},
				],
				filterData: [
					[{
							text: '综合排序',
							value: ''
						},
						{
							text: '经验值优先',
							value: 1
						},
						{
							text: '低价优先',
							value: 2
						},
						{
							text: '高价优先',
							value: 2
						},
						{
							text: '距离优先',
							value: 2
						},
						{
							text: '信任度优先',
							value: 2
						}
					],
					[{
							text: '细分疾病',
							value: ''
						},
						{
							text: '高血压',
							value: 'b'
						},
						{
							text: '高血压Ⅱ',
							value: 'c'
						},
						{
							text: '高血压Ⅲ',
							value: 'f'
						},
						{
							text: '高血压危象',
							value: 'c'
						},
					]
				],
				defaultIndex: [0, 0],
				list: [{
						name: '徐萍',
						title: '主任医师',
						hospName: '上海市松江区中心医院',
						list: [{
								label: '信任度',
								value: 5
							},
							{
								label: '经验值',
								value: 5
							},
							{
								label: '排班量',
								value: 4
							},
							{
								label: '难度值',
								value: 5
							},
							{
								label: '老年偏好',
								value: 5
							},
							{
								label: '费用指数',
								value: 5
							}
						],
					},
					{
						name: '赖跃兴',
						title: '主任医师',
						hospName: '上海市松江区中心医院',
						list: [{
								label: '信任度',
								value: 5
							},
							{
								label: '经验值',
								value: 5
							},
							{
								label: '排班量',
								value: 4.5
							},
							{
								label: '难度值',
								value: 5
							},
							{
								label: '老年偏好',
								value: 5
							},
							{
								label: '费用指数',
								value: 4.5
							}
						],
					},
					{
						name: '徐萍',
						title: '副主任医师',
						hospName: '上海长海医院',
						list: [{
								label: '信任度',
								value: 5
							},
							{
								label: '经验值',
								value: 5
							},
							{
								label: '排班量',
								value: 5
							},
							{
								label: '难度值',
								value: 4.5
							},
							{
								label: '老年偏好',
								value: 4
							},
							{
								label: '费用指数',
								value: 4.5
							}
						],
					},
					{
						name: '李清华',
						title: '副主任医师',
						hospName: '上海市松江区中心医院',
						list: [{
								label: '信任度',
								value: 5
							},
							{
								label: '经验值',
								value: 5
							},
							{
								label: '排班量',
								value: 5
							},
							{
								label: '难度值',
								value: 4
							},
							{
								label: '老年偏好',
								value: 4
							},
							{
								label: '费用指数',
								value: 4
							}
						],
					},
				]
			}
		},
		methods: {
			viewDetail() {
			},
			onSelected(res) {
			},
			dateChange(d) {
				uni.showToast({
					icon: 'none',
					title: d
				})
			}
		}
	}
</script>

<style lang="scss">
	.noneInfo {
		margin-top: 150upx;

		.noneInfoImg {
			background-image: url('../../static/noneInfo.png');
			height: 128upx;
			background-position: center;
			background-repeat: no-repeat;
		}
	}
</style>
