|
|
@@ -3,7 +3,7 @@
|
|
|
<div class="order-service-content">
|
|
|
<el-scrollbar ref="scrollbarRef">
|
|
|
<div v-loading="dataLoading" class="content-box" element-loading-text="获取数据中...">
|
|
|
- <div v-for="(item, index) in orderDataList" :key="item.id" class="comment-card-box">
|
|
|
+ <div v-for="(item, index) in orderDataList" :key="index" class="comment-card-box">
|
|
|
<div class="user-avatar-box">
|
|
|
<el-avatar :size="50" :src="item.avatar || avatarPng" />
|
|
|
</div>
|
|
|
@@ -21,19 +21,10 @@
|
|
|
<div class="foot-tools-box">
|
|
|
<div :class="item.commentsNumber >= 1 ? 'active' : ''" class="icon-box" @click="commentExpanded(item)">
|
|
|
<HcIcon :fill="item.commentsNumber >= 1" class="icon" name="question-answer" />
|
|
|
- <span
|
|
|
- v-if="item.commentsNumber >= 1"
|
|
|
- class="badge"
|
|
|
- >{{ item.commentsNumber }}</span>
|
|
|
+ <span v-if="item.commentsNumber >= 1" class="badge">{{ item.commentsNumber }}</span>
|
|
|
</div>
|
|
|
- <div
|
|
|
- :class="item.currentUserGood ? 'active' : ''" :data-index="item.expandedName"
|
|
|
- class="icon-box" @click="likeClick(item)"
|
|
|
- >
|
|
|
- <i
|
|
|
- :class="item.currentUserGood ? 'hcicon-praise_fill ' : 'hcicon-praise'"
|
|
|
- class="hc-icon-i icon"
|
|
|
- />
|
|
|
+ <div :class="item.currentUserGood ? 'active' : ''" :data-index="item.expandedName" class="icon-box" @click="likeClick(item)">
|
|
|
+ <i :class="item.currentUserGood ? 'hcicon-praise_fill ' : 'hcicon-praise'" class="hc-icon-i icon" />
|
|
|
<span v-if="item.goodNumber >= 1" class="badge">{{ item.goodNumber }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -41,30 +32,17 @@
|
|
|
<el-collapse-item :name="`commentList-${item.id}`" title="">
|
|
|
<div class="collapse-comment-box">
|
|
|
<div class="comment-reply-content-box">
|
|
|
- <el-input
|
|
|
- v-model="item.replyContent" autosize placeholder="我也说一句"
|
|
|
- type="textarea"
|
|
|
- />
|
|
|
- <el-button hc-btn type="primary" @click="saveCommentClick(item)">
|
|
|
- 评论
|
|
|
- </el-button>
|
|
|
+ <el-input v-model="item.replyContent" autosize placeholder="我也说一句" type="textarea" />
|
|
|
+ <el-button hc-btn type="primary" @click="saveCommentClick(item)">评论</el-button>
|
|
|
</div>
|
|
|
- <div
|
|
|
- v-for="items in item.expandedCommentList" :key="items.id"
|
|
|
- class="user-comment-info-box"
|
|
|
- >
|
|
|
+ <div v-for="items in item.expandedCommentList" :key="items.id" class="user-comment-info-box">
|
|
|
<el-avatar :size="50" :src="items.avatar || avatarPng" />
|
|
|
<div class="user-comment-box">
|
|
|
<div class="user-info-box">
|
|
|
- <span
|
|
|
- class="user-name"
|
|
|
- >{{ items.userName || '用户名异常' }}</span>
|
|
|
+ <span class="user-name">{{ items.userName || '用户名异常' }}</span>
|
|
|
<span class="create-time">{{ items.createTime }}</span>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="user-comment-content-box"
|
|
|
- v-html="items.replyContent"
|
|
|
- />
|
|
|
+ <div class="user-comment-content-box" v-html="items.replyContent" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -97,24 +75,15 @@
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
<div class="mb-5">
|
|
|
- <el-select
|
|
|
- v-model="nameSelectKey" block placeholder="工单名称" size="large"
|
|
|
- @change="nameSelectUpdate"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in nameSelectData" :key="item.id" :label="item?.title"
|
|
|
- :value="item?.id"
|
|
|
- />
|
|
|
+ <el-select v-model="nameSelectKey" block placeholder="工单名称" size="large" @change="nameSelectUpdate">
|
|
|
+ <el-option v-for="item in nameSelectData" :key="item.id" :label="item?.title" :value="item?.id" />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div :class="isCurrentBol ? 'time-height' : ''" class="time-line-box">
|
|
|
<el-scrollbar>
|
|
|
<el-timeline class="hc-time-line">
|
|
|
<template v-for="(item, index) in orderFlowList" :key="index">
|
|
|
- <el-timeline-item
|
|
|
- :class="item.currentBol ? 'success' : item.current ? 'primary' : ''"
|
|
|
- size="large"
|
|
|
- >
|
|
|
+ <el-timeline-item :class="item.currentBol ? 'success' : item.current ? 'primary' : ''" size="large">
|
|
|
<div class="timeline-item-icon">
|
|
|
<HcIcon v-if="item.currentBol" class="check-icon" name="check" />
|
|
|
<span v-else>{{ index + 1 }}</span>
|
|
|
@@ -128,9 +97,7 @@
|
|
|
</div>
|
|
|
<div :class="isCurrentBol ? 'show' : ''" class="evaluation-box">
|
|
|
<div class="text-lg font-bold">评价</div>
|
|
|
- <div class="tip-box">
|
|
|
- 请对工单处理评价，若是未解决问题，可进行投诉，平台核实情况，将对相关客服人员绩效考核，并且重新为您自动发起工单解决问题
|
|
|
- </div>
|
|
|
+ <div class="tip-box">请对工单处理评价，若是未解决问题，可进行投诉，平台核实情况，将对相关客服人员绩效考核，并且重新为您自动发起工单解决问题</div>
|
|
|
<div class="radio-group-box">
|
|
|
<el-radio-group v-model="evaluationKey" class="radio-group">
|
|
|
<div v-for="item in evaluationData" :key="item.value" class="radio-item">
|
|
|
@@ -150,16 +117,11 @@
|
|
|
<div class="horizontal-drag-line" @mousedown="onmousedown" />
|
|
|
</div>
|
|
|
<!-- 提交工单 -->
|
|
|
- <el-dialog
|
|
|
- v-model="showModal" :before-close="handleModalClose" class="hc-modal-border" title="发起新工单服务"
|
|
|
- width="720px"
|
|
|
- >
|
|
|
+ <el-dialog v-model="showModal" :before-close="handleModalClose" class="hc-modal-border" title="发起新工单服务" width="720px">
|
|
|
<div class="title">请选择您需要反馈的问题类型</div>
|
|
|
<div class="hc-type-tabs my-5">
|
|
|
<el-radio-group v-model="typeTabKey" size="large" @change="typeTabChange">
|
|
|
- <el-radio-button v-for="item in typeTab" :label="item?.dictValue">
|
|
|
- {{ item?.dictValue }}
|
|
|
- </el-radio-button>
|
|
|
+ <el-radio-button v-for="(item, index) in typeTab" :key="index" :label="item?.dictValue">{{ item?.dictValue }}</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
<div class="modal-checkbox-box">
|
|
|
@@ -170,30 +132,20 @@
|
|
|
</el-checkbox-group>
|
|
|
</div>
|
|
|
<div class="mt-5">
|
|
|
- <el-input
|
|
|
- v-model="opinionContent" :rows="3" placeholder="请输入你宝贵的建议，我们将会跟踪解决"
|
|
|
- type="textarea"
|
|
|
- />
|
|
|
+ <el-input v-model="opinionContent" :rows="3" placeholder="请输入你宝贵的建议，我们将会跟踪解决" type="textarea" />
|
|
|
</div>
|
|
|
<div v-loading="spinShow" class="mt-3 upload-img">
|
|
|
<div class="w-full">
|
|
|
<HcUploads
|
|
|
- :accept="uploadAccept" :file-list="uploadFileList" :limit="3" :size="30" :viewer="false"
|
|
|
- action="put-file"
|
|
|
+ :accept="uploadAccept" :file-list="uploadFileList" :limit="3" :size="30" :viewer="false" action="put-file"
|
|
|
@change="uploadChange" @del="removeUpload" @preview="handlePreview"
|
|
|
@progress="uploadsProgress"
|
|
|
/>
|
|
|
</div>
|
|
|
- <el-image-viewer
|
|
|
- v-if="showViewer" :initial-index="initialIndex" :url-list="previewFileList"
|
|
|
- @close="previewModalClose"
|
|
|
- />
|
|
|
+ <el-image-viewer v-if="showViewer" :initial-index="initialIndex" :url-list="previewFileList" @close="previewModalClose" />
|
|
|
</div>
|
|
|
<div class="mt-3">
|
|
|
- <el-alert
|
|
|
- :closable="false" title="请上传JPG、PNG格式的图片文件，最多上传 3 张图片，文件大小不超过30M"
|
|
|
- type="error"
|
|
|
- />
|
|
|
+ <el-alert :closable="false" title="请上传JPG、PNG格式的图片文件，最多上传 3 张图片，文件大小不超过30M" type="error" />
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
@@ -204,10 +156,7 @@
|
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 提示框 -->
|
|
|
- <el-dialog
|
|
|
- v-model="showTipModal" :before-close="handleTipModalClose" class="hc-modal-border" title="感谢"
|
|
|
- width="600px"
|
|
|
- >
|
|
|
+ <el-dialog v-model="showTipModal" :before-close="handleTipModalClose" class="hc-modal-border" title="感谢" width="600px">
|
|
|
<div class="tip-modal-icon-box">
|
|
|
<HcIcon fill name="emotion" />
|
|
|
</div>
|
