Merge pull request 'wxy' (#56) from wxy into master
Reviewed-on: http://git.feashow.cn/feashow/SmartOpsWeb/pulls/56
This commit is contained in:
@@ -25,6 +25,6 @@ defineExpose({
|
||||
|
||||
<style>
|
||||
.box{
|
||||
height: 65vh;
|
||||
height: 68vh;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -192,7 +192,7 @@ const initWebSocket = () => {
|
||||
<style lang="scss" scoped>
|
||||
.live-call {
|
||||
width: 48%;
|
||||
height: 47.5vh;
|
||||
height: 47vh;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #d5d4d4;
|
||||
|
||||
@@ -14,8 +14,8 @@
|
||||
|
||||
<script setup lang="jsx">
|
||||
import LiveCall from '@/components/liveCall/index.vue'
|
||||
import Voice from '@/components/voice/index.vue'
|
||||
import InfoLiveCall from '@/components/infoLiveCall/index.vue'
|
||||
import Voice from '@/components/Voice/index.vue'
|
||||
import infoLiveCall from '@/components/infoLiveCall/index.vue'
|
||||
const infoLiveCallRef=ref()
|
||||
const voiceRef=ref()
|
||||
const tableIns = ref()
|
||||
@@ -97,7 +97,7 @@ const tableConfig = reactive({
|
||||
label: '操作',
|
||||
align: 'center',
|
||||
fixed: 'right',
|
||||
// width: 150,
|
||||
width: 200,
|
||||
showOverflowTooltip: false,
|
||||
currentRender: ({ row, index }) => {
|
||||
// console.log(row);
|
||||
|
||||
@@ -13,14 +13,15 @@ const dialogVisible = ref(false);
|
||||
const props = defineProps({
|
||||
rowData: Object
|
||||
})
|
||||
let dataDetails = ref();
|
||||
let opsCallList = ref([]);
|
||||
// let mergedData = ref([]);
|
||||
|
||||
const open = (row) => {
|
||||
dialogVisible.value = true;
|
||||
};
|
||||
|
||||
const getData = async () => {
|
||||
console.log(123);
|
||||
// console.log(123);
|
||||
const data = await orderGetDetails(props.rowData.orderNumber)
|
||||
|
||||
// console.log("111", data);
|
||||
@@ -32,21 +33,48 @@ watch(() => props.rowData, (newRowData) => {
|
||||
if (newRowData) {
|
||||
// console.log(getData(newRowData));
|
||||
getData(newRowData).then((data) => {
|
||||
// console.log(data.data);
|
||||
dataDetails = data.data.opsCallList
|
||||
const dataDetails = data.data.opsCallList
|
||||
// console.log(dataDetails);
|
||||
// opsCallList = dataDetails.opsCallList
|
||||
dataDetails.forEach(item => {
|
||||
// console.log(item);
|
||||
opsCallList.value.push(item)
|
||||
const theData=[{createTime:'',data:[]}]
|
||||
|
||||
dataDetails.forEach(for1data => {
|
||||
theData.forEach(for2data => {
|
||||
if(for1data.createTime!==for2data.createTime){
|
||||
console.log(for2data);
|
||||
for2data.createTime=for1data.createTime
|
||||
// for2data.data.push(for1data)
|
||||
theData.push({createTime:for1data.createTime,data:[]})
|
||||
}else{
|
||||
for2data.data.push(for1data)
|
||||
return;
|
||||
}
|
||||
})
|
||||
});
|
||||
// console.log(opsCallList);
|
||||
theData.pop()
|
||||
// console.log(theData);
|
||||
theData.forEach(item => {
|
||||
opsCallList.value.push(item)
|
||||
})
|
||||
console.log(opsCallList.value);
|
||||
|
||||
|
||||
// dataDetails.forEach(item => {
|
||||
// // console.log(item);
|
||||
// opsCallList.value.push(item)
|
||||
// });
|
||||
|
||||
// console.log(mergedData.value);
|
||||
|
||||
})
|
||||
}
|
||||
}, {
|
||||
immediate: true // 立即执行一次,以便在rowData初始值非空时也能触发
|
||||
});
|
||||
// getData()
|
||||
function omitCreateTime(item) {
|
||||
const { createTime, ...rest } = item;
|
||||
return rest;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -82,22 +110,22 @@ const test2 = [
|
||||
size: "large",
|
||||
}
|
||||
];
|
||||
const data = [
|
||||
{
|
||||
number: '17628661307',
|
||||
state: '通话中',
|
||||
time: '18 : 32',
|
||||
},
|
||||
{
|
||||
number: '17628661307',
|
||||
state: '已接通',
|
||||
time: '18 : 32',
|
||||
},
|
||||
{
|
||||
number: '17628661307',
|
||||
state: '已接通',
|
||||
time: '18 : 32',
|
||||
}]
|
||||
// const data = [
|
||||
// {
|
||||
// number: '17628661307',
|
||||
// state: '通话中',
|
||||
// time: '18 : 32',
|
||||
// },
|
||||
// {
|
||||
// number: '17628661307',
|
||||
// state: '已接通',
|
||||
// time: '18 : 32',
|
||||
// },
|
||||
// {
|
||||
// number: '17628661307',
|
||||
// state: '已接通',
|
||||
// time: '18 : 32',
|
||||
// }]
|
||||
defineExpose({
|
||||
open,
|
||||
});
|
||||
@@ -107,7 +135,7 @@ defineExpose({
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<el-dialog v-model="dialogVisible" :show-close=true title="工单详情" width="80%" overflow: auto>
|
||||
<el-dialog v-model="dialogVisible" :show-close=true title="工单详情" width="80%">
|
||||
<div class="common-layout">
|
||||
<el-container>
|
||||
<el-header class="header"><span>工单号:</span>
|
||||
@@ -140,7 +168,7 @@ defineExpose({
|
||||
<div>
|
||||
<div>工单内容:</div>
|
||||
<div class="textBox">
|
||||
<el-scrollbar >
|
||||
<el-scrollbar>
|
||||
<div class="text">{{ rowData.orderContent }}</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
@@ -148,7 +176,7 @@ defineExpose({
|
||||
<div>
|
||||
<div>处理内容:</div>
|
||||
<div class="textBox">
|
||||
<el-scrollbar >
|
||||
<el-scrollbar>
|
||||
<div class="text">{{ rowData.processedContent }}</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
@@ -157,7 +185,7 @@ defineExpose({
|
||||
<div>
|
||||
<div>录音信息:</div>
|
||||
<div class="textBox">
|
||||
<el-scrollbar >
|
||||
<el-scrollbar>
|
||||
<div class="text">{{ rowData.recordUrl }}</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
@@ -175,17 +203,17 @@ defineExpose({
|
||||
:size="activity.size">
|
||||
<div class="custom-card">
|
||||
<div>{{ activity.createTime }}</div>
|
||||
<!-- <div v-for="(info, index) in data" :key="index"> -->
|
||||
<div>
|
||||
<span :style="{ color: '#a8abb2' }">{{ activity.callIdNumber
|
||||
}}</span>
|
||||
<span :style="{
|
||||
color: activity.callState === '通话中' ? '#6cc23a' : '#409eff'
|
||||
}">{{ activity.callState }}</span>
|
||||
<span class="span-3th" :style="{ color: '#a8abb2' }">{{
|
||||
activity.answer_time }}</span>
|
||||
<div v-for="(info, index) in activity.data" :key="index">
|
||||
<div>
|
||||
<span :style="{ color: '#a8abb2' }">{{ info.callIdNumber
|
||||
}}</span>
|
||||
<span :style="{
|
||||
color: info.callState === '通话中' ? '#6cc23a' : '#409eff'
|
||||
}">{{ info.callState }}</span>
|
||||
<span class="span-3th" :style="{ color: '#a8abb2' }">{{
|
||||
info.answer_time }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
|
||||
@@ -233,7 +233,7 @@ const tableConfig = reactive({
|
||||
}
|
||||
],
|
||||
api: '/order/list',
|
||||
params: {},
|
||||
params: {state:"1",name:"已处理"},
|
||||
btns: [
|
||||
// {name: '新增', key: 'add', color: '#DED0B2', auth: auths.report},
|
||||
]
|
||||
|
||||
@@ -233,7 +233,7 @@ const tableConfig = reactive({
|
||||
}
|
||||
],
|
||||
api: '/order/list',
|
||||
params: {},
|
||||
params: {state:"0",name:"待处理"},
|
||||
btns: [
|
||||
// {name: '新增', key: 'add', color: '#DED0B2', auth: auths.report},
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user