From 5f2ae8db4d61e7419da36365ef8b5605212257d4 Mon Sep 17 00:00:00 2001
From: KindSeven <2845382437@qq.com>
Date: Sat, 14 Sep 2024 23:45:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AE=8C=E6=88=90=E4=BA=86=E5=B7=A5?=
 =?UTF-8?q?=E5=8D=95=E6=8E=A5=E5=8F=A3=EF=BC=88=E5=85=B3=E5=8D=95=EF=BC=8C?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=EF=BC=8C=E8=8E=B7=E5=8F=96=E5=B7=A5=E5=8D=95?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=EF=BC=89=E7=9A=84=E5=AF=B9=E6=8E=A5=EF=BC=8C?=
 =?UTF-8?q?=E5=B7=A5=E5=8D=95=E8=AF=A6=E6=83=85=E5=AF=B9=E4=BA=86=E4=B8=80?=
 =?UTF-8?q?=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   2 +-
 src/api/order/order.js                        |  40 +++++++
 src/utils/request.js                          |   1 +
 .../task-management/all-work-order/index.vue  |  55 ++++++----
 .../task-management/components/WorkDialog.vue | 102 +++++++++++++-----
 .../historical-work-order/index.vue           |   8 +-
 .../pending-work-order/index.vue              |   8 +-
 7 files changed, 160 insertions(+), 56 deletions(-)
 create mode 100644 src/api/order/order.js

diff --git a/.env.development b/.env.development
index 52ccbeb..c2d2c3d 100644
--- a/.env.development
+++ b/.env.development
@@ -1,2 +1,2 @@
 # 开发环境基地址
-VITE_BASE_URL='/api'
+VITE_BASE_URL='http://frp.feashow.cn:31800/'
diff --git a/src/api/order/order.js b/src/api/order/order.js
new file mode 100644
index 0000000..c3201af
--- /dev/null
+++ b/src/api/order/order.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request.js'
+    
+
+export const orderGetList=(params)=>{
+    return request({
+        url:'/order/list',
+        method:'get',
+        params
+    })
+}
+
+export const orderGetDetails =(params)=>{
+    return request({
+        url:`/order/info/${params}`,
+        method:'get'
+    })
+}
+
+ export const orderAdd=(data)=>{
+    return request({
+        url:'/order/create',
+        method:'post',
+        data
+    })
+}
+
+export const orderdDetele =(params)=>{
+    return request({
+        url:`/order/delete/${params}`,
+        method:'delete'
+    })
+}
+
+export const orderdClose =(params)=>{
+    return request({
+        url:`/order/${params}`,
+        method:'post'
+    })
+}
+
diff --git a/src/utils/request.js b/src/utils/request.js
index cb2fab9..01304c3 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,6 +4,7 @@ import { ElMessage, ElMessageBox } from "element-plus";
 import { getToken, removeToken } from "./auth";
 
 axios.defaults.headers['Content-Type']='application/json'
+console.log(import.meta.env.VITE_BASE_URL);
 
 const serveice = axios.create({
   baseURL: import.meta.env.VITE_BASE_URL,
diff --git a/src/views/task-management/all-work-order/index.vue b/src/views/task-management/all-work-order/index.vue
index 7f9d97a..b20d76d 100644
--- a/src/views/task-management/all-work-order/index.vue
+++ b/src/views/task-management/all-work-order/index.vue
@@ -2,15 +2,17 @@
   <fvSearchForm :searchConfig="searchConfig" @search="search">
   </fvSearchForm>
   <fvTable ref="tableIns" :tableConfig="tableConfig" :data="mockData" @headBtnClick="headBtnClick"></fvTable>
-  <WorkDialog ref="workDialogRef"></WorkDialog>
-
+  <WorkDialog ref="workDialogRef" :rowData="rowData" />
 </template>
 
 <script setup lang="jsx">
-import { shallowRef } from 'vue';
+import { isShallow, reactive, shallowRef } from 'vue';
 import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import WorkDialog from '../components/WorkDialog.vue';
+import { orderdDetele, orderdClose, orderAdd } from "@/api/order/order.js"
 
+const rowData = ref()
+const isShow = ref(false)
 const workDialogRef = ref()
 const router = useRouter()
 const tableIns = ref()
@@ -119,22 +121,25 @@ const tableConfig = reactive({
       width: 80,
     },
     {
-      prop: 'workOrderNumber',
+      prop: 'orderNumber',
       label: '工单号',
-      align: 'center'
+      align: 'center',
+      width: 200
     },
     {
-      prop: 'workOrderNumber',
+      prop: 'siteName',
       label: '工单名称',
-      align: 'center'
+      align: 'center',
+      width: 200
     },
     {
-      prop: 'workOrderNumber',
+      prop: 'orderContent',
       label: '工单内容',
-      align: 'center'
+      align: 'center',
+      width: 200
     },
     {
-      prop: 'state',
+      prop: 'orderState',
       label: '工单状态',
       align: 'center',
       showOverflowTooltip: false,
@@ -160,29 +165,29 @@ const tableConfig = reactive({
       }
     },
     {
-      prop: 'workOrderNumber',
+      prop: 'operationUser',
       label: '处理人',
       align: 'center'
     },
     {
-      prop: 'workOrderNumber',
+      prop: 'processedContent',
       label: '处理内容',
       align: 'center'
     },
     {
-      prop: 'workOrderTime',
+      prop: 'createTime',
       label: '创建时间',
       align: 'center',
       width: 200
     },
     {
-      prop: 'workOrderTime',
+      prop: 'processedTime',
       label: '处理时间',
       align: 'center',
       width: 200
     },
     {
-      prop: 'workOrderTime',
+      prop: 'completionTime',
       label: '完成时间',
       align: 'center',
       width: 200
@@ -195,6 +200,8 @@ const tableConfig = reactive({
       width: 150,
       showOverflowTooltip: false,
       currentRender: ({ row, index }) => {
+        // console.log(row);
+
         let btn = []
         btn.push({ label: '详情', prem: auths.detail, func: () => handleDetail(row), type: 'primary' })
         btn.push({ label: '关单', prem: auths.detail, func: () => handleClose(row), type: 'primary' })
@@ -218,14 +225,14 @@ const tableConfig = reactive({
       }
     }
   ],
-  api: '',
+  api: '/order/list',
   params: {},
   btns: [
     // {name: '新增', key: 'add', color: '#DED0B2', auth: auths.report},
   ]
 })
 const headBtnClick = (key) => {
-  console.log(key);
+  // console.log(key);
 
   switch (key) {
     case 'add':
@@ -236,9 +243,12 @@ const headBtnClick = (key) => {
 
 const handleDetail = (row) => {
   workDialogRef.value.open(row)
+  rowData.value = row
 }
 
-const handleClose = (row) => {
+const handleClose = async (row) => {
+  // console.log(row.orderNumber);
+
   ElMessageBox.confirm(
     '确定要关单吗?',
     '温馨提示',
@@ -248,7 +258,8 @@ const handleClose = (row) => {
       type: 'warning',
     }
   )
-    .then(() => {
+    .then(async () => {
+      await orderdClose(row.orderNumber)
       ElMessage({
         type: 'success',
         message: '关闭成功',
@@ -262,7 +273,8 @@ const handleClose = (row) => {
     })
 }
 
-const handleDelete = (row) => {
+const handleDelete = async (row) => {
+
   ElMessageBox.confirm(
     '确定要删除吗?',
     '温馨提示',
@@ -272,7 +284,8 @@ const handleDelete = (row) => {
       type: 'warning',
     }
   )
-    .then(() => {
+    .then(async () => {
+      await orderdDetele(row.orderNumber)
       ElMessage({
         type: 'success',
         message: '删除成功',
diff --git a/src/views/task-management/components/WorkDialog.vue b/src/views/task-management/components/WorkDialog.vue
index 96aec4b..af47bcc 100644
--- a/src/views/task-management/components/WorkDialog.vue
+++ b/src/views/task-management/components/WorkDialog.vue
@@ -1,15 +1,56 @@
 <script setup>
-import { ref } from "vue";
+import { onMounted, reactive, ref, watch } from "vue";
 import { ElMessageBox } from "element-plus";
 import { MoreFilled } from "@element-plus/icons-vue";
 import { time } from "echarts";
+import { defineExpose } from "vue";
+import { defineProps } from "vue";
+import { orderGetDetails } from "@/api/order/order.js"
+
 //控制显示隐藏
 const dialogVisible = ref(false);
+
+const props = defineProps({
+    rowData: Object
+})
+let dataDetails = {};
+let opsCallList = {};
 const open = (row) => {
     dialogVisible.value = true;
-    console.log(row);
 };
 
+const getData = async () => {
+    console.log(123);
+    const data = await orderGetDetails(props.rowData.orderNumber)
+
+    // console.log("111", data);
+    return data
+
+}
+
+watch(() => props.rowData, (newRowData) => {
+    if (newRowData) {
+        // console.log(getData(newRowData));
+
+        getData(newRowData).then((data) => {
+            // console.log(data.data);
+            dataDetails = data.data
+            console.log(dataDetails.value);
+            opsCallList = dataDetails.opsCallList
+            console.log(opsCallList);
+
+        })
+
+
+
+    }
+}, {
+    immediate: true // 立即执行一次，以便在rowData初始值非空时也能触发
+});
+// getData()
+
+
+
 const test = [
     {
         content: "待处理",
@@ -58,10 +99,12 @@ const data = [
         state: '已接通',
         time: '18 : 32',
     }]
-
 defineExpose({
     open,
 });
+
+
+
 </script>
 
 <template>
@@ -70,7 +113,7 @@ defineExpose({
         <div class="common-layout">
             <el-container>
                 <el-header class="header"><span>工单号 :</span>
-                    <span>666</span>
+                    <span>{{ rowData.orderNumber }}</span>
                 </el-header>
                 <el-container class="main-container">
                     <el-aside width="200px" :style="{ position: 'static' }">
@@ -79,7 +122,7 @@ defineExpose({
                                 <el-timeline-item v-for="(activity, index) in test" :key="index" :icon="activity.icon"
                                     :type="activity.type" :color="activity.color" :size="activity.size"
                                     :hollow="activity.hollow" :timestamp="activity.timestamp">
-                                    {{ activity.content }}
+                                   <p style="font-size: 17px;"> {{ activity.content }}</p>
                                 </el-timeline-item>
                             </el-timeline>
                         </div>
@@ -87,28 +130,28 @@ defineExpose({
                     <el-main :style="{ position: 'static' }" class="main-content">
                         <div class="top">
                             <div class="info">
-                                <span>创始人 :</span>
-                                <span>处理人 :</span>
+                                <span>创始人 : {{ rowData.createBy }}</span>
+                                <span>处理人 :{{ rowData.operationUser }}</span>
                             </div>
                             <div class="info">
-                                <span>工单名称 :</span>
-                                <span>关单人 :</span>
+                                <span>工单名称 :{{ rowData.siteName }}</span>
+                                <span>关单人 :{{ rowData.knotter }}</span>
                             </div>
                         </div>
                         <div class="body">
                             <div>
                                 <div>工单内容 :</div>
-                                <div class="text"></div>
+                                <div class="text">{{ rowData.orderContent }}</div>
 
                             </div>
                             <div>
-                                <div>工单内容 :</div>
-                                <div class="text"></div>
+                                <div>处理内容 :</div>
+                                <div class="text">{{ rowData.processedContent }}</div>
 
                             </div>
                             <div>
-                                <div>工单内容 :</div>
-                                <div class="text"></div>
+                                <div>录音信息 :</div>
+                                <div class="text">{{ rowData.recordUrl }}</div>
 
                             </div>
                         </div>
@@ -118,18 +161,23 @@ defineExpose({
                                 <div>
                                     <el-scrollbar height="20vh">
                                         <el-timeline style="max-width: 99%" class="timeline">
-                                            <el-timeline-item v-for="(activity, index) in test2" :key="index"
+                                            <el-timeline-item v-for="(activity, index) in opsCallList" :key="index"
                                                 :icon="activity.icon" :type="activity.type" :color="activity.color"
                                                 :size="activity.size">
                                                 <div class="custom-card">
-                                                    <div>{{ activity.date }}</div>
-                                                    <div v-for="(info, index) in data" :key="index">
-                                                        <div>
-                                                            <span :style="{color:'#a8abb2'}">{{ info.number }}</span>
-                                                            <span :style="{ color: info.state === '通话中' ? '#6cc23a' : '#409eff' }">{{ info.state }}</span>
-                                                            <span class="span-3th" :style="{color:'#a8abb2'}">{{ info.time }}</span>
-                                                        </div>
+                                                    <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>
+                                                    <!-- </div> -->
                                                 </div>
                                             </el-timeline-item>
                                         </el-timeline>
@@ -172,7 +220,8 @@ defineExpose({
 
 .main-content .info {
     border-bottom: 1.5px solid #e4e7ed;
-    margin-bottom: 50px
+    margin-bottom: 50px;
+    font-size: 17px;
 }
 
 .main-content .body {
@@ -209,18 +258,19 @@ defineExpose({
     position: relative;
     left: 3px;
     // background-color: red;
-    
+
 }
 
-.custom-card{
+.custom-card {
     width: 100%;
     font-size: 16px;
 }
+
 .custom-card span {
     padding-top: 10px;
     width: 20%;
     margin: 2px;
-    
+
 }
 
 .custom-card .span-3th {
diff --git a/src/views/task-management/historical-work-order/index.vue b/src/views/task-management/historical-work-order/index.vue
index 5bad9e2..3d5e12f 100644
--- a/src/views/task-management/historical-work-order/index.vue
+++ b/src/views/task-management/historical-work-order/index.vue
@@ -245,8 +245,8 @@ const handleClose = (row) => {
     '确定要关单吗?',
     '温馨提示',
     {
-      confirmButtonText: 'OK',
-      cancelButtonText: 'Cancel',
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
       type: 'warning',
     }
   )
@@ -269,8 +269,8 @@ const handleDelete = (row) => {
     '确定要删除吗?',
     '温馨提示',
     {
-      confirmButtonText: 'OK',
-      cancelButtonText: 'Cancel',
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
       type: 'warning',
     }
   )
diff --git a/src/views/task-management/pending-work-order/index.vue b/src/views/task-management/pending-work-order/index.vue
index 5bad9e2..3d5e12f 100644
--- a/src/views/task-management/pending-work-order/index.vue
+++ b/src/views/task-management/pending-work-order/index.vue
@@ -245,8 +245,8 @@ const handleClose = (row) => {
     '确定要关单吗?',
     '温馨提示',
     {
-      confirmButtonText: 'OK',
-      cancelButtonText: 'Cancel',
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
       type: 'warning',
     }
   )
@@ -269,8 +269,8 @@ const handleDelete = (row) => {
     '确定要删除吗?',
     '温馨提示',
     {
-      confirmButtonText: 'OK',
-      cancelButtonText: 'Cancel',
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
       type: 'warning',
     }
   )