<!-- 精细调整操作视图 -->
<div class="careful-view">
	<!-- 精细调整区域 -->
	<div class="scroll-view">
		<div class="careful-list">
			<div class="careful-item rows rows-between" v-for="(carefulItem,index) in carefulList" :key="carefulItem.spaceId">
				<div class="columns rows-between" style="width: 570rem;">
					<div class="item-top rows rows-between">
						<div class="rows">
							<div class="index-view rows justify-center">{{carefulItem.index+1}}</div>
							<div class="name-view">{{carefulItem.name}}</div>
						</div>
						<div class="rows">
							<div class="area-view">{{carefulItem.area}}㎡</div>
							<div class="percent-view">{{carefulItem.percent}}%</div>
						</div>
					</div>
					<div class="item-slider">
						<el-slider style="margin:20rem 16rem" :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(carefulItem.spaceId)">
					美家
				</div>
			</div>
			
		</div>
	</div>
</div>