Merge pull request 'fix:修复了详情页电话拨打记录时间显示bug,更改了样式' (#90) from wxy into master

Reviewed-on: http://git.feashow.cn/feashow/SmartOpsWeb/pulls/90

src/views/task-management/components/WorkDialog.vue

@@ -76,7 +76,17 @@ watch(() => props.rowData, (newRowData) => {
             // theData[0].data.sort((a, b) => b.answer_time- a.answer_time)
             // console.log(theData);
             theData.forEach(item => {
-                item.data.sort((a, b) => b.answer_time- a.answer_time)
+                item.data.forEach(info => {
+                    if (info.answeredTime !== null) {
+                        // console.log(info.answeredTime);
+                        let startIndex = info.answeredTime.indexOf(' ') + 1;
+                        let timeOnly = info.answeredTime.slice(startIndex, startIndex + 5);
+                        info.answeredTime = timeOnly.replace(':', ' : ')
+                    }
+                })
+                // console.log(item.data);
+
+                // item.data.sort((a, b) => a.answeredTime - b.answeredTime)
                 opsCallList.value.push(item)
             })
             console.log(opsCallList.value);
@@ -218,12 +228,13 @@ defineExpose({
                                                         <div class="timeline-row">
                                                             <span :style="{ color: '#a8abb2' }">{{ info.callIdNumber
                                                                 }}</span>
-                                                            <PointTag dictType="call_status" :value="info.callState" class="tag"/>
+                                                            <PointTag dictType="call_status" :value="info.callState"
+                                                                class="tag" />
                                                             <!-- <span :style="{
                                                                 color: info.callState === '通话中' ? '#6cc23a' : '#409eff'
                                                             }">{{ info.callState }}</span> -->
                                                             <span class="span-3th" :style="{ color: '#a8abb2' }">{{
-                                                                info.answer_time ||'未接通'}}</span>
+                                                                info.answeredTime || '00 : 00' }}</span>
                                                         </div>
                                                     </div>
                                                 </div>
@@ -321,26 +332,29 @@ defineExpose({
 
 }
 
-.main-content .timeline-row{
+.main-content .timeline-row {
     // border: 1px solid #000;
     display: flex;
     // justify-content: space-between;
     // border: 1px solid #000;
 
 }
-.main-content .tag{
+
+.main-content .tag {
     align-items: center;
     // background-color: red;
     margin-left: 30px;
 }
-.main-content .span-3th{
+
+.main-content .span-3th {
     // flex-grow: 1;
     // margin-right:;
     flex: 1;
-   text-align: right;
+    text-align: right;
-   margin-right: 100px;
+    margin-right: 100px;
 
 }
+
 .custom-card {
     width: 100%;
     font-size: 16px;