From b22795134dd0373d6f553f424ab7363853a5517a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Fri, 11 Jul 2025 00:58:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=E7=AE=A1=E7=90=86=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ems/ticket.js          | 12 +++---
 src/views/ems/ticket/index.vue | 74 +++++++++++++++++++++++++---------
 2 files changed, 62 insertions(+), 24 deletions(-)

diff --git a/src/api/ems/ticket.js b/src/api/ems/ticket.js
index 4a1cb35..537aa3d 100644
--- a/src/api/ems/ticket.js
+++ b/src/api/ems/ticket.js
@@ -1,11 +1,10 @@
 import request from '@/utils/request'
 
 // 查询工单主列表
-export function listTicket(query) {
+export function listTicket({pageNum, pageSize}) {
   return request({
-    url: '/ticket/list',
+    url: `/ticket/list?pageNum=${pageNum}&pageSize=${pageSize}`,
     method: 'get',
-    params: query
   })
 }
 
@@ -36,9 +35,10 @@ export function updateTicket(data) {
 }
 
 // 删除工单主
-export function delTicket(id) {
+export function delTicket(data) {
   return request({
-    url: '/ticket/' + id,
-    method: 'delete'
+    url: `/ticket/drop`,
+    method: 'post',
+    data
   })
 }
diff --git a/src/views/ems/ticket/index.vue b/src/views/ems/ticket/index.vue
index 0441a52..67ef039 100644
--- a/src/views/ems/ticket/index.vue
+++ b/src/views/ems/ticket/index.vue
@@ -8,7 +8,8 @@
       max-height="500px"
       style="width: 100%;margin-top: 25px">
       <el-table-column
-        prop="gdh"
+        width="150"
+        prop="ticketNo"
         label="工单号">
       </el-table-column>
       <el-table-column
@@ -17,25 +18,26 @@
       >
       </el-table-column>
       <el-table-column
-        prop="question"
-        min-width="300"
+        prop="content"
         show-overflow-tooltip
+        min-width="120"
         label="问题描述">
       </el-table-column>
       <el-table-column
-        prop="handleStatus"
+        prop="status"
         label="处理状态">
       </el-table-column>
       <el-table-column
-        prop="submitName"
+        prop="createBy"
         label="提交人">
       </el-table-column>
       <el-table-column
-        prop="handleName"
+        prop="updateBy"
         label="处理人">
       </el-table-column>
       <el-table-column
-        prop="submitTime"
+        min-width="90"
+        prop="createtime"
         label="提交时间">
       </el-table-column>
       <el-table-column
@@ -58,12 +60,25 @@
         </template>
       </el-table-column>
     </el-table>
+    <el-pagination
+      v-show="tableData.length>0"
+      background
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="pageNum"
+      :page-size="pageSize"
+      :page-sizes="[10, 20, 30, 40]"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="totalSize"
+      style="margin-top:15px;text-align: center"
+    >
+    </el-pagination>
     <add-ticket ref="addTicket" :mode="mode"/>
   </div>
 </template>
 
 <script>
-// import {getSingleSiteBaseInfo} from '@/api/ems/zddt'
+import {listTicket,delTicket} from '@/api/ems/ticket'
 import AddTicket from './AddTicket.vue'
 export default {
   name: "Ticket",
@@ -73,12 +88,34 @@ export default {
       mode:'',//新增、修改工单
       editTicketId:'',
       loading:false,
-      tableData:[
-        {gdh:'0001',title:'工单一',question:'问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述',handleStatus:'处理完成',submitName:'张三',handleName:'李四',submitTime:'2025/06/20'}
-      ]
+      tableData:[],
+      pageSize:10,//分页栏当前每个数据总数
+      pageNum:1,//分页栏当前页数
+      totalSize:0,//table表格数据总数
     }
   },
   methods:{
+    getData(){
+      const {pageNum,pageSize} =this
+      this.loading=true;
+      listTicket({pageNum,pageSize}).then(response => {
+        this.tableData = JSON.parse(JSON.stringify(response?.rows || []))
+        this.totalSize = response?.total || 0
+      }).finally(() => {this.loading=false})
+    },
+    // 分页
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.$nextTick(()=>{
+        this.getData()
+      })
+    },
+    handleCurrentChange(val) {
+      this.pageNum = val
+      this.$nextTick(()=>{
+        this.getData()
+      })
+    },
     addTicket(){
       this.mode = 'add';
       this.$refs.addTicket.dialogTableVisible = true;
@@ -89,7 +126,6 @@ export default {
       this.$refs.addTicket.dialogTableVisible = true;
     },
     deleteTicket(row){
-      console.log('表格行数据',row)
       this.$confirm(`确认要废弃工单${row.title}吗?`, {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -99,13 +135,11 @@ export default {
         beforeClose: (action, instance, done) => {
           if (action === 'confirm') {
             instance.confirmButtonLoading = true;
-            setTimeout(() => {
-              // todo 调用接口如果关机成功 调用done方法 否则不关闭弹窗
-              done();
-              // setTimeout(() => {
+            delTicket({id:row.id}).then(response => {
+              response.code === 200 && done();
+            }).finally(() => {
               instance.confirmButtonLoading = false;
-              // }, 300);
-            }, 3000);
+            })
           } else {
             done();
           }
@@ -116,12 +150,16 @@ export default {
           type: 'success',
           message: '废弃成功!'
         });
+        this.getData()
         //调用接口 更新表格数据
       }).catch(() => {
         //取消关机
       });
     }
   },
+  mounted() {
+    this.getData()
+  }
 }
 </script>