yuminge-app/yun-min-program-plugin-master/packageE/appointment/client/evaluate/evaluate.wxml

163 lines
5.3 KiB
Plaintext

<!--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>