<view class="visit-time-panel">
<view class="visit-time-title">
<text>{{ viewOptions.title || '请选择' }}</text>
<tui-icon v-if="!viewOptions.noActiveClose" @click="onClose(true)" class="close-icon" name="shut" size="20" color="#FFF" bold />
</view>
<view class="visit-time-content">
<view class="tui-m-t-20 tui-d-flex">
<view class="visit-date-view">
<scroll-view scroll-y :scroll-into-view="parentScrollId" :style="{height: `${height}rpx`}">
<view v-for="item in treeDataList" :key="item.popupOnlyId" :id="'p' + item.popupOnlyId">
<tui-list-cell unlined :backgroundColor="value.parent === item.value ? '#FFF' : 'transparent'"
:color="value.parent === item.value ? 'rgba(255, 141, 26, 1)' : 'rgba(155, 155, 155, 1)'" :size="32"
@click="onChange(item, 'parent')" :hover="false" padding="0">
<view class="list-item-item tui-flex-center">
<text>{{ item.label }}</text>
</view>
</tui-list-cell>
</view>
</scroll-view>
</view>
<view class="visit-time-range-view">
<scroll-view scroll-y :scroll-into-view="childScrollId" :style="{height: `${height}rpx`}">
<view style="height: 2rpx;" id="child_top"></view>
<view v-for="item in childDataList" :key="item.popupOnlyId" :id="'c' + item.popupOnlyId">
<tui-list-cell unlined backgroundColor="transparent" :size="value.child === item.value ? 36 : 32"
:color="value.child === item.value ? 'rgba(255, 141, 26, 1)' : 'rgba(0, 0, 0, 0.5)'" padding="0"
:hover="false" @click="onChange(item, 'child')">
<view class="list-item-item tui-flex-align-center">
<text>{{ item.label }}</text>
<!-- <tui-icon class="check-icon" v-if="value.child === item.value" name="check" :size="25" color="rgba(255, 141, 26, 1)"></tui-icon> -->
</view>
</tui-list-cell>
</view>
</scroll-view>
</view>
</view>
</view>
</view>