Browse Source

reactor:质检录音新增;

zhangchong 1 year ago
parent
commit
f90c58da2c

+ 34 - 10
src/components/OrderDetail/index.vue

@@ -273,7 +273,7 @@
 		</div>
 		<!-- 回访记录 -->
 		<div v-show="state.activeName === '2'">
-			<el-table :data="state.ruleForm.orderVisits">
+<!--			<el-table :data="state.ruleForm.orderVisits">
 				<el-table-column prop="visitStateText" label="回访状态" show-overflow-tooltip width="100"></el-table-column>
 				<el-table-column prop="visitTypeText" label="回访方式" show-overflow-tooltip width="100"></el-table-column>
 				<el-table-column prop="creationTime" label="回访任务创建时间" show-overflow-tooltip width="170">
@@ -309,25 +309,49 @@
 				<template #empty>
 					<Empty />
 				</template>
-			</el-table>
-			<template v-if="currentVisitObj">
-				<div class="show-info-form mt20 pd20" style="border: var(--el-border); border-radius: var(--el-border-radius-base)">
+			</el-table>-->
+      <div class="show-info-form">
 					<el-form label-width="120px" label-position="left">
 						<el-row :gutter="10">
+              <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+                <el-form-item label="回访状态">
+                  {{ state.ruleForm?.orderVisits[0]?.visitStateText }}
+                </el-form-item>
+              </el-col>
+              <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+                <el-form-item label="回访方式">
+                  {{ state.ruleForm?.orderVisits[0]?.visitTypeText }}
+                </el-form-item>
+              </el-col>
 							<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
 								<el-form-item label="当前回访人">
-									{{ currentVisitObj.employeeName }}
+									{{ state.ruleForm?.orderVisits[0]?.employeeName }}
 								</el-form-item>
 							</el-col>
-							<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+              <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+                <el-form-item label="回访任务创建时间" label-width="130px">
+                  {{ formatDate(state.ruleForm?.orderVisits[0]?.creationTime, 'YYYY-mm-dd HH:MM:SS') }}
+                </el-form-item>
+              </el-col>
+              <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
+                <el-form-item label="回访时间">
+                  {{ formatDate(state.ruleForm?.orderVisits[0]?.visitTime, 'YYYY-mm-dd HH:MM:SS') }}
+                </el-form-item>
+              </el-col>
+							<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
 								<el-form-item label="回访标签">
-                  <span v-if="currentVisitObj.isPutThrough !== null">{{ currentVisitObj.isPutThrough ? '已接通' : '未接通' }}</span>
+                  <span v-if="state.ruleForm?.orderVisits[0]?.isPutThrough !== null">{{ state.ruleForm?.orderVisits[0]?.isPutThrough ? '已接通' : '未接通' }}</span>
 								</el-form-item>
 							</el-col>
 						</el-row>
-						<el-row v-for="item in currentVisitObj.orderVisitDetails" :key="item.id" :gutter="10">
+						<el-row v-for="item in state.ruleForm?.orderVisits[0]?.orderVisitDetails" :key="item.id" :gutter="10">
 							<!-- 务员评价 -->
 							<template v-if="item.visitTarget === 10">
+                <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
+                  <el-divider content-position="left">
+                    <el-text tag="b" size="large"> 话务员回访 </el-text>
+                  </el-divider>
+                </el-col>
 								<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
 									<el-form-item label="语音评价">
 										{{ item.voiceEvaluateText }}
@@ -375,7 +399,7 @@
 						</el-row>
 					</el-form>
 				</div>
-			</template>
+
 		</div>
 		<!-- 市民画像 -->
 		<div v-show="state.activeName === '3'" class="flex-center-center">
@@ -542,7 +566,7 @@ const state = reactive<any>({
 			value: '1',
 		},
 		{
-			label: '回访记录',
+			label: '回访详情',
 			value: '2',
 		},
 		{

+ 1 - 1
src/layout/navBars/breadcrumb/telControl.vue

@@ -11,7 +11,7 @@
 		</div>
 		<div class="duty-on-time">
 			<span class="duty-on-time-label" style="">签入时长</span>
-			<span class="color-danger duty-on-time-time"> {{ formatDuration(onDutyTime) }}</span>
+			<span class="color-danger duty-on-time-time"  v-if="onDutyTime"> {{ formatDuration(onDutyTime) }}</span>
 		</div>
 		<div class="btn">
 			<!-- 签入 -->

+ 15 - 3
src/views/quality/index/components/Quality-inspection.vue

@@ -10,13 +10,23 @@
 						{{ state.orderDetail.fromPhone }}
 						<el-button
 							plain
-							title="录音文件"
+							title="工单录音文件"
 							v-if="state.orderDetail.recordingFileUrl"
 							size="small"
 							type="primary"
 							class="ml8"
 							@click="recordFile(state.orderDetail.recordingFileUrl)"
-							>录音文件</el-button
+							>工单录音</el-button
+						>
+						<el-button
+							plain
+							title="回访录音文件"
+							v-if="state.visit.recordingFileUrl"
+							size="small"
+							type="primary"
+							class="ml8"
+							@click="recordFile(state.visit.recordingFileUrl)"
+							>回访录音</el-button
 						>
 					</el-form-item>
 				</el-col>
@@ -148,7 +158,8 @@ const state = reactive<any>({
 		type: '', // 违禁词属性
 	},
 	loading: false, // 确定按钮loading
-	orderDetail: {},
+	orderDetail: {}, // 工单详情
+	visit: {}, // 回访详情
 	dialogVisibleItem: false,
 	ruleItemForm: {
 		second: 0,
@@ -174,6 +185,7 @@ const openDialog = async (row: any, source?: string | number | undefined) => {
 		]);
 		projectArray.value = temRes.result?.items[0]?.templateDetails ?? [];
 		state.orderDetail = qualityRes.result?.order ?? {};
+		state.visit = qualityRes.result?.visit ?? {};
 		switch (source) {
 			case 1:
 				dialogTitle.value = '受理质检';