feat:完成了详细中电话栏的样式

src/views/task-management/all-work-order/index.vue

@@ -276,13 +276,14 @@ const handleClose = async (row) => {
   )
     .then(async () => {
       await orderdClose(row.orderNumber)
-      router.push('/task/management/all-work-order');
+      tableIns.value.refresh()
       ElMessage({
         type: 'success',
         message: '关闭成功',
       })
     })
     .catch(() => {
+      // tableIns.value.refresh()
       ElMessage({
         type: 'info',
         message: '关闭失败',
@@ -303,13 +304,14 @@ const handleDelete = async (row) => {
   )
     .then(async () => {
       await orderdDetele(row.orderNumber)
-      router.push('/task/management/all-work-order');
+      tableIns.value.refresh()
       ElMessage({
         type: 'success',
         message: '删除成功',
       })
     })
     .catch(() => {
+      // tableIns.value.refresh()
       ElMessage({
         type: 'info',
         message: '删除失败',

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

@@ -213,15 +213,15 @@ defineExpose({
                                                 <div class="custom-card">
                                                     <div style="font-weight: bold">{{ activity.createTime }}</div>
                                                     <div v-for="(info, index) in activity.data" :key="index">
-                                                        <div>
+                                                        <div class="timeline-row">
                                                             <span :style="{ color: '#a8abb2' }">{{ info.callIdNumber
                                                                 }}</span>
-                                                            <PointTag dictType="call_status" :value="info.callState" />
-                                                            <span :style="{
+                                                            <PointTag dictType="call_status" :value="info.callState" class="tag"/>
+                                                            <!-- <span :style="{
                                                                 color: info.callState === '通话中' ? '#6cc23a' : '#409eff'
-                                                            }">{{ info.callState }}</span>
+                                                            }">{{ info.callState }}</span> -->
                                                             <span class="span-3th" :style="{ color: '#a8abb2' }">{{
-                                                                info.answer_time }}</span>
+                                                                info.answer_time ||'00 : 00'}}</span>
                                                         </div>
                                                     </div>
                                                 </div>
@@ -319,6 +319,26 @@ defineExpose({
 
 }
 
+.main-content .timeline-row{
+    // border: 1px solid #000;
+    display: flex;
+    // justify-content: space-between;
+    // border: 1px solid #000;
+    
+}
+.main-content .tag{
+    align-items: center;
+    // background-color: red;
+    margin-left: 30px;
+}
+.main-content .span-3th{
+    // flex-grow: 1;
+    // margin-right:;
+    flex: 1;
+   text-align: right;
+   margin-right: 100px;
+
+}
 .custom-card {
     width: 100%;
     font-size: 16px;
@@ -330,8 +350,4 @@ defineExpose({
     margin: 2px;
 
 }
-
-.custom-card .span-3th {
-    float: right;
-}
 </style>

src/views/task-management/historical-work-order/index.vue

@@ -278,13 +278,14 @@ const handleClose = async (row) => {
   )
     .then(async () => {
       await orderdClose(row.orderNumber)
-      router.push('/task/management/historical-work-order');
+      tableIns.value.refresh()
       ElMessage({
         type: 'success',
         message: '关闭成功',
       })
     })
     .catch(() => {
+      // tableIns.value.refresh()
       ElMessage({
         type: 'info',
         message: '关闭失败',
@@ -305,13 +306,14 @@ const handleDelete = async (row) => {
   )
     .then(async () => {
       await orderdDetele(row.orderNumber)
-      router.push('/task/management/historical-work-order');
+      tableIns.value.refresh()
       ElMessage({
         type: 'success',
         message: '删除成功',
       })
     })
     .catch(() => {
+      // tableIns.value.refresh()
       ElMessage({
         type: 'info',
         message: '删除失败',

src/views/task-management/pending-work-order/index.vue

@@ -278,13 +278,14 @@ const handleClose = async (row) => {
   )
     .then(async () => {
       await orderdClose(row.orderNumber)
-      router.push('/task/management/pending-work-order');
+      tableIns.value.refresh()
       ElMessage({
         type: 'success',
         message: '关闭成功',
       })
     })
     .catch(() => {
+      // tableIns.value.refresh()
       ElMessage({
         type: 'info',
         message: '关闭失败',
@@ -305,13 +306,14 @@ const handleDelete = async (row) => {
   )
     .then(async () => {
       await orderdDetele(row.orderNumber)
-      router.push('/task/management/pending-work-order');
+      tableIns.value.refresh()
       ElMessage({
         type: 'success',
         message: '删除成功',
       })
     })
     .catch(() => {
+      // tableIns.value.refresh()
       ElMessage({
         type: 'info',
         message: '删除失败',

vite.config.js

@@ -76,10 +76,10 @@ export default defineConfig({
       //   rewrite: (path) => path.replace(/^\/api/, ""),
       // },
       "/api": {
-        target: "http://frp.feashow.cn:31800/",
-        // target: "http://112.19.165.99:20002/",
+        // target: "http://frp.feashow.cn:31800/",
+        target: "http://112.19.165.99:20002/",
         changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, ""),
+        // rewrite: (path) => path.replace(/^\/api/, ""),
       },
       // "/socket": {
       //   target: "ws://frp.feashow.cn:8081/ws",