<!--packageE/appointment/client/evaluate/evaluate.wxml-->
<view class="top_public">
	<view class="goods">
		<view class="img">
			<image mode="aspectFit" src="{{order_info.has_one_order_project.project_thumb}}" alt=""></image>
		</view>
		<view class="info">
			<view class="good-title">
				<!-- {{order_info.has_one_order_project.project_title}} -->
				 {{order_info.has_one_order_project.project_title}}
			</view>
			<view class="flex-box" style="color:#f49f19;">
				<icon style="font-size: 14px" class="iconfont icon-dengdaichuli"></icon>
				<text>{{order_info.begin_time}}</text>
			</view>
			<view class="flex-box">
				<icon class="iconfont icon-stores_staff" style="color: #f4a82e;"></icon>
				<view class="content">
					<text>{{order_info.has_one_worker.name}}</text>
					| {{order_info.has_one_store.store_name}}
				</view>
			</view>
			<view class="flex-box">
				<icon class="iconfont icon-order_locate" style="color: #f4a82e;"></icon>
				<view class="content">
					{{order_info.has_one_store.address}}
				</view>
			</view>
		</view>
	</view>
	<!-- 评价星级van-rate组件 readonly	是否为只读状态 -->
	<view class="rate-box">
		<view class="rate-child">
			<view class="text">{{appointmentLang.project}}评价</view>
			<van-rate wx:if="{{!comment.project_level}}" bind:change="changeProjectLevel" value="{{applyModel.project_level}}"/>
			<van-rate wx:else value="{{comment.project_level}}" readonly/>
		</view>
		<view class="rate-child">
			<view class="text">{{appointmentLang.worker}}评价</view>
			<van-rate wx:if="{{!comment.worker_level}}" bind:change="changeWorkerLevel" value="{{applyModel.worker_level}}"/>
			<van-rate wx:else value="{{comment.worker_level}}" readonly/>
		</view>
		<view class="rate-child">
			<view class="text">门店评价</view>
			<van-rate wx:if="{{!comment.store_level}}" bind:change="changeStoreLevel" value="{{applyModel.store_level}}"/>
			<van-rate wx:else value="{{comment.store_level}}" readonly/>
		</view>
	</view>

	<!-- 第一次评价部分 -->
	 <van-cell-group wx:if="{{!comment.worker_level}}">
		<!-- <van-field
			border="none"
			value="{{applyModel.content}}"
			rows="1"
			autosize="{maxHeight: 200,minHeight:120}"
			type="textarea"
			placeholder="输入评论内容"
		/>  -->
		<textarea 
			class="textarea" 
			rows="1" value="{{applyModel.content}}" 
			auto-height
			bindinput="changeContent"
			placeholder="输入评论内容"></textarea>
		</van-cell-group>

	
	
	<view class="comment" wx:if="{{comment.worker_level && comment.content}}">
		评论： {{comment.content}}
	</view>

	<view class="imgflex" wx:if="{{!comment.worker_level}}">
		<view wx:for="{{imagesList}}" wx:for-item="val" wx:key="index">
			<view class="photobox">
				<image src="{{val}}" style="width: 100%;height:100%;object-fit: contain;"></image>
				<van-icon class="icon_del" wx:if="{{false}}" name="cross" />
			</view>
		</view>

		<view bindtap="bindUpImage" style="padding: 0.2rem;  width:4.938rem;height: 4.938rem; border: 1px dashed #c0ccda;display:flex;align-items:center;justify-content:center;">
			<image class="avatar" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/sendimg@2x.png" style="width:70%;height:60%;"></image>
		</view>
	
	</view>

	<view class="imgflex" wx:if="{{comment.worker_level}}">
		<view wx:for="{{comment.images}}" wx:for-item="val" wx:key="{{index}}">
			<view class="photobox">
				<image src="{{val}}" style="width: 100%;height:100%;object-fit: contain;"></image>
			</view>
		</view>
	</view>

	<view class="comment-time">{{comment.created_at}}</view>

	<view class="many_reply" wx:if="{{comment.has_many_reply && comment.has_many_reply.length>0}}" >
		<view wx:for="{{comment.has_many_reply}}" wx:key="id">
			<view style="padding: 0.5rem 1rem;">
				追加评论： {{item.content}}
			</view>
			<view class="imgflex">
				<view wx:for="{{item.images}}" wx:for-item="val" wx:key="index">
					<view class="photobox">
						<image src="{{val}}" style="width: 100%;height:100%;object-fit: contain;"></image>
					</view>
				</view>
			</view>
			<view class="comment-time">{{item.created_at}}</view>
		</view>
	</view>

	<!-- 追加评论部分 -->

	<block wx:if="{{comment.worker_level}}">
		<van-cell-group>
			<textarea 
				class="textarea" 
				rows="1" 
				value="{{applyMoreModel.content}}" 
				auto-height
				bindinput="changeMoreContent"
				placeholder="输入追加评论内容"></textarea>
		</van-cell-group>

		<view class="imgflex">
			<view wx:for="{{imagesList}}" wx:for-item="val" wx:key="index">
				<view class="photobox">
					<image
						src="{{val}}"
						style="width: 100%;height:100%;object-fit: contain;"
					></image>
					<icon></icon>
				</view>
			</view>


			<view  bindtap="bindUpImage" style="padding: 0.2rem;  width:4.938rem;height: 4.938rem; border: 1px dashed #c0ccda;display:flex;justify-content:center;align-items:center;">
				<image
					src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/sendimg@2x.png"
					style="width:70%;height:60%;"
					class="avatar"
				></image>
			</view>

		</view>
	</block>

	<view id="submitBtn">
		<text class="btn" wx:if="{{!comment.worker_level}}" bindtap="makeEvaluate">提交</text>
		<text class="btn" wx:else bindtap="makeMoreEvaluate">追加评论</text>
	</view>

	<van-image-preview
		v-model="show"
		images="{{applyModel.images}}"
		start-position="{{imgIndex}}"
	>
	</van-image-preview>

</view>
