<!-- 精细调整操作视图 -->
<div class="careful-view">
	<!-- 精细调整区域 -->
	<div class="scroll-view">
		<div class="careful-list grid">
			<div class="careful-item" v-for="(carefulItem,index) in carefulList" :key="carefulItem.spaceId">
				<div class="columns rows-between" >
					<div class="item-top rows rows-between" :class="{active:selectIndex==index}">
						<div class="rows" @click="selectSpace(carefulItem,index)">
							<div class="index-view rows justify-center">{{carefulItem.index+1}}</div>
							<div class="name-view eslipe" >{{carefulItem.name}}</div>
							<div class="percent-view">{{carefulItem.percent}}%</div>
						</div>
						<div class="rows">
							<div class="area-view">{{carefulItem.area}}㎡</div>
						</div>
					</div>
					<div class="item-slider" :class="{active:selectIndex==index}">
						<el-slider class="slider-style" :disabled="overChange" v-model="carefulItem.area"
							@change="sliderChange($event,index)" :step="0.1" :show-tooltip="false"
							:min='carefulItem.minArea' :max='carefulItem.maxArea' ></el-slider>
					</div>
				</div>
				<!-- <div class="ai-btn rows justify-center" @click="goRoam()">
					美家
				</div> -->
			</div>
			
		</div>
	</div>
</div>