<template>
|
<div class="evaluationMgtInfo">
|
<div class="userInfo">
|
<img v-if="form.memberInfoVo && form.memberInfoVo.memberPic" :src='form.memberInfoVo ? form.memberInfoVo.memberPic : ""' />
|
<img v-else
|
src="../../../assets/img/head_portrait.png"
|
/>
|
<div class="memeber">
|
<div>会员昵称：{{form.memberInfoVo ? form.memberInfoVo.memberNickName : ''}}</div>
|
<div>会员等级：{{form.memberInfoVo && form.memberInfoVo.memberLevelName ? form.memberInfoVo.memberLevelName : '-'}}</div>
|
</div>
|
</div>
|
<el-form-item label="审核状态：">{{flagFn(form.auditStatus)}}</el-form-item>
|
<el-form-item label="订单编号：">{{form.busId}}</el-form-item>
|
<el-form-item label="商品名称：">{{form.spuName}}</el-form-item>
|
<el-form-item label="星级评分：">
|
<el-rate v-model="form.score" :colors="colors" text-color="#ff9900" disabled :texts="texts" show-text></el-rate>
|
</el-form-item>
|
<el-form-item label="评价时间：">{{form.evalTime}}</el-form-item>
|
<el-form-item label="评价内容："><span v-html="form.evalContent ? form.evalContent : '-'"></span></el-form-item>
|
<el-form-item label="评价图片：">
|
<div v-if="form.evalPicUrl && form.evalPicUrl.length">
|
<div class="applyImg" v-for="(item,index) in form.evalPicUrl" :key="index">
|
<el-image
|
style="width: 100px;height:100px;"
|
:src="item"
|
fit="contain"
|
:preview-src-list="form.evalPicUrl">
|
</el-image>
|
</div>
|
</div>
|
<span v-else>-</span>
|
</el-form-item>
|
<div v-if="form.additionalEvaList">
|
<div class="additional">追加评价</div>
|
<div v-for="item in form.additionalEvaList" :key="item.id">
|
<el-form-item label="追加时间：">{{item.additionalTime}}</el-form-item>
|
<el-form-item label="追加内容："><span v-html="item.additionalComments ? item.additionalComments : '-'"></span></el-form-item>
|
<el-form-item label="追加图片：">
|
<div v-if="item.additionalPicUrl && item.additionalPicUrl.length">
|
<div class="applyImg" v-for="(itemUrl,index) in item.additionalPicUrl" :key="index">
|
<el-image
|
style="width: 100px;height:100px;"
|
:src="itemUrl"
|
fit="contain"
|
:preview-src-list="item.additionalPicUrl">
|
</el-image>
|
</div>
|
</div>
|
<span v-else>-</span>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
props: ['form'],
|
data () {
|
return {
|
colors: { 1: '#99A9BF', 4: { value: '#F7BA2A', excluded: true }, 5: '#FF9900' },
|
texts: ['差评', '中评', '中评', '好评', '好评']
|
}
|
},
|
methods: {
|
flagFn (val) {
|
switch (val) {
|
case '1': return '审核通过'
|
case '2': return '审核拒绝'
|
default: return '未审核'
|
}
|
}
|
}
|
}
|
</script>
|
<style lang="scss">
|
.evaluationMgtInfo{
|
.additional{
|
border-bottom: 1px solid #cccccc;
|
padding-bottom: 10px;
|
margin-bottom: 15px;
|
font-size: 16px;
|
font-size: 6;
|
font-weight: bold;
|
}
|
.applyImg{
|
display: inline-block;
|
margin-right: 10px;
|
}
|
}
|
|
</style>
|
