From 3b7fcf5ea471f6cb388f86d0732b8ece47a3cefc Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期一, 29 十二月 2025 21:05:58 +0800
Subject: [PATCH] 页面更新

---
 src/views/business/transfer/index.vue |  436 ++++++++++++++++++++++++++++++++++++-----------------
 1 files changed, 293 insertions(+), 143 deletions(-)

diff --git a/src/views/business/transfer/index.vue b/src/views/business/transfer/index.vue
index c4d14c4..0c9a95a 100644
--- a/src/views/business/transfer/index.vue
+++ b/src/views/business/transfer/index.vue
@@ -2,7 +2,12 @@
   <div class="app-container">
     <!-- 鎼滅储绛涢�夊尯鍩� -->
     <el-card class="filter-card">
-      <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="80px">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        label-width="80px"
+      >
         <el-form-item label="杞繍鍗曞彿" prop="transportNo">
           <el-input
             v-model="queryParams.transportNo"
@@ -12,10 +17,10 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="妗堜緥缂栧彿" prop="caseNo">
+        <el-form-item label="浣忛櫌鍙�" prop="caseNo">
           <el-input
             v-model="queryParams.caseNo"
-            placeholder="璇疯緭鍏ユ渚嬬紪鍙�"
+            placeholder="璇疯緭鍏ヤ綇闄㈠彿"
             clearable
             style="width: 200px"
             @keyup.enter.native="handleQuery"
@@ -31,12 +36,17 @@
           />
         </el-form-item>
         <el-form-item label="杞繍鐘舵��" prop="status">
-          <el-select v-model="queryParams.status" placeholder="杞繍鐘舵��" clearable style="width: 200px">
-            <el-option label="鍏ㄩ儴" value=""/>
-            <el-option label="寰呭嚭鍙�" value="pending"/>
-            <el-option label="杞繍涓�" value="transporting"/>
-            <el-option label="宸插畬鎴�" value="completed"/>
-            <el-option label="宸插彇娑�" value="cancelled"/>
+          <el-select
+            v-model="queryParams.status"
+            placeholder="杞繍鐘舵��"
+            clearable
+            style="width: 200px"
+          >
+            <el-option label="鍏ㄩ儴" value="" />
+            <el-option label="寰呭嚭鍙�" value="pending" />
+            <el-option label="杞繍涓�" value="transporting" />
+            <el-option label="宸插畬鎴�" value="completed" />
+            <el-option label="宸插彇娑�" value="cancelled" />
           </el-select>
         </el-form-item>
         <el-form-item label="鍒涘缓鏃堕棿">
@@ -51,7 +61,9 @@
           ></el-date-picker>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleQuery">鎼滅储</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+            >鎼滅储</el-button
+          >
           <el-button icon="el-icon-refresh" @click="resetQuery">閲嶇疆</el-button>
         </el-form-item>
       </el-form>
@@ -97,71 +109,157 @@
     <!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" @click="handleAdd">鏂板缓杞繍鍗�</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" @click="handleAdd"
+          >鏂板缓杞繍鍗�</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="success" plain icon="el-icon-edit" :disabled="single" @click="handleUpdate">淇敼</el-button>
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          :disabled="single"
+          @click="handleUpdate"
+          >淇敼</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="danger" plain icon="el-icon-delete" :disabled="multiple" @click="handleDelete">鍒犻櫎</el-button>
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          :disabled="multiple"
+          @click="handleDelete"
+          >鍒犻櫎</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" @click="handleExport">瀵煎嚭</el-button>
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          @click="handleExport"
+          >瀵煎嚭</el-button
+        >
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
     <!-- 鏁版嵁琛ㄦ牸 -->
-    <el-table v-loading="loading" :data="transportList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="搴忓彿" type="index" width="60" align="center"/>
-      <el-table-column label="杞繍鍗曞彿" align="center" prop="id" width="140"/>
-      <el-table-column label="妗堜緥缂栧彿" align="center" prop="caseNo" width="140"/>
+    <el-table
+      v-loading="loading"
+      :data="transportList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="搴忓彿" type="index" width="60" align="center" />
+      <el-table-column label="杞繍鍗曞彿" align="center" prop="id" width="140" />
+      <el-table-column
+        label="浣忛櫌鍙�"
+        align="center"
+        prop="caseNo"
+        width="140"
+      />
       <el-table-column label="鎹愮尞鑰呬俊鎭�" align="center" width="180">
         <template slot-scope="scope">
           <div class="donor-info">
             <div class="donor-name">{{ scope.row.donorName }}</div>
-            <div class="donor-details">{{ scope.row.gender }} | {{ scope.row.age }}宀�</div>
+            <div class="donor-details">
+              {{ scope.row.gender }} | {{ scope.row.age }}宀�
+            </div>
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="鐤剧梾璇婃柇" align="center" prop="diagnosis" min-width="200" show-overflow-tooltip/>
-      <el-table-column label="鍖荤枟鏈烘瀯" align="center" prop="hospitalName" width="150"/>
-      <el-table-column label="璁″垝杞繍鏃堕棿" align="center" prop="transportTime" width="160"/>
-      <el-table-column label="璐熻矗鍗忚皟鍛�" align="center" prop="coordinator" width="100"/>
-      <el-table-column label="杞繍鐘舵��" align="center" prop="status" width="100">
+      <el-table-column
+        label="鐤剧梾璇婃柇"
+        align="center"
+        prop="diagnosis"
+        min-width="200"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="鍖荤枟鏈烘瀯"
+        align="center"
+        prop="hospitalName"
+        width="150"
+      />
+      <el-table-column
+        label="璁″垝杞繍鏃堕棿"
+        align="center"
+        prop="transportTime"
+        width="160"
+      />
+      <el-table-column
+        label="璐熻矗鍗忚皟鍛�"
+        align="center"
+        prop="coordinator"
+        width="100"
+      />
+      <el-table-column
+        label="杞繍鐘舵��"
+        align="center"
+        prop="status"
+        width="100"
+      >
         <template slot-scope="scope">
           <el-tag :type="scope.row.status | statusFilter">
             {{ scope.row.statusText }}
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="160"/>
-      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width" width="220">
+      <el-table-column
+        label="鍒涘缓鏃堕棿"
+        align="center"
+        prop="createTime"
+        width="160"
+      />
+      <el-table-column
+        label="鎿嶄綔"
+        align="center"
+        class-name="small-padding fixed-width"
+        width="220"
+      >
         <template slot-scope="scope">
-          <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">璇︽儏</el-button>
-          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">缂栬緫</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleDetail(scope.row)"
+            >璇︽儏</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            >缂栬緫</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-video-play"
             @click="handleStartTransport(scope.row)"
             v-if="scope.row.status === 'pending'"
-          >寮�濮嬭浆杩�</el-button>
+            >寮�濮嬭浆杩�</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-check"
             @click="handleCompleteTransport(scope.row)"
             v-if="scope.row.status === 'transporting'"
-          >瀹屾垚杞繍</el-button>
+            >瀹屾垚杞繍</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
 
     <!-- 鍒嗛〉 -->
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -176,9 +274,20 @@
       append-to-body
       :close-on-click-modal="false"
     >
-      <transport-detail :transportData="currentTransport" @close="detailOpen = false"/>
+      <transport-detail
+        :transportData="currentTransport"
+        @close="detailOpen = false"
+      />
     </el-dialog>
-
+    <!-- 鏂板锛氫慨鏀瑰脊妗� -->
+    <transport-edit
+      :edit-open="editOpen"
+      :transport-data="currentTransport"
+      :is-edit="isEditing"
+      @update:edit-open="editOpen = $event"
+      @close="handleEditClose"
+      @save-success="handleSaveSuccess"
+    />
     <!-- 鎿嶄綔纭寮规 -->
     <el-dialog
       :title="actionTitle"
@@ -198,12 +307,18 @@
 </template>
 
 <script>
-import { listTransport, getTransport, delTransport, updateTransportStatus } from "@/api/system/business";
-import TransportDetail from './transportDetail';
+import {
+  listTransport,
+  getTransport,
+  delTransport,
+  updateTransportStatus
+} from "@/api/system/business";
+import TransportDetail from "./transportDetail";
+import TransportEdit from "./TransportEdit";
 
 export default {
   name: "TransportList",
-  components: { TransportDetail },
+  components: { TransportDetail, TransportEdit },
   data() {
     return {
       // 閬僵灞�
@@ -224,6 +339,9 @@
       detailOpen: false,
       // 鎿嶄綔纭寮规鏄惁鏄剧ず
       actionOpen: false,
+      // 鏂板锛氫慨鏀瑰脊妗嗙浉鍏虫暟鎹�
+      editOpen: false,
+      isEditing: false,
       // 璇︽儏寮规鏍囬
       detailTitle: "",
       // 鎿嶄綔纭鏍囬
@@ -254,10 +372,10 @@
   filters: {
     statusFilter(status) {
       const statusMap = {
-        'pending': 'warning',
-        'transporting': 'primary',
-        'completed': 'success',
-        'cancelled': 'danger'
+        pending: "warning",
+        transporting: "primary",
+        completed: "success",
+        cancelled: "danger"
       };
       return statusMap[status];
     }
@@ -274,84 +392,85 @@
         // 娴嬭瘯鏁版嵁
         this.transportList = [
           {
-            id: 'T20241217001',
-            caseNo: 'DON20241216001',
-            donorName: '寮犱笁',
-            gender: '鐢�',
+            id: "T20241217001",
+            caseNo: "DON20241216001",
+            donorName: "寮犱笁",
+            gender: "鐢�",
             age: 38,
-            diagnosis: '鑴戝浼ゅ鑷磋剳姝讳骸锛岀粡鎶㈡晳鏃犳晥瀹e竷鑴戞浜°�傚灞炲悓鎰忓櫒瀹樻崘鐚��',
-            hospitalName: '闈掑矝闀滄箹鍖婚櫌',
-            transportTime: '2024-12-17 14:30:00',
-            coordinator: '寮犲尰鐢�',
-            createTime: '2024-12-16 09:30:00',
-            status: 'pending',
-            statusText: '寰呭嚭鍙�',
-            departureLocation: '闈掑矝甯傜珛鍖婚櫌鎬ヨ瘖绉�',
-            destinationHospital: '闈掑矝闀滄箹鍖婚櫌',
-            emergencyDoctor: '鐜嬪尰鐢�',
-            nurse: '鏉庢姢澹�',
-            driver: '鍒樺笀鍌�',
-            icuDoctor: '璧靛尰鐢�',
+            diagnosis:
+              "鑴戝浼ゅ鑷磋剳姝讳骸锛岀粡鎶㈡晳鏃犳晥瀹e竷鑴戞浜°�傚灞炲悓鎰忓櫒瀹樻崘鐚��",
+            hospitalName: "闈掑矝闀滄箹鍖婚櫌",
+            transportTime: "2024-12-17 14:30:00",
+            coordinator: "寮犲尰鐢�",
+            createTime: "2024-12-16 09:30:00",
+            status: "pending",
+            statusText: "寰呭嚭鍙�",
+            departureLocation: "闈掑矝甯傜珛鍖婚櫌鎬ヨ瘖绉�",
+            destinationHospital: "闈掑矝闀滄箹鍖婚櫌",
+            emergencyDoctor: "鐜嬪尰鐢�",
+            nurse: "鏉庢姢澹�",
+            driver: "鍒樺笀鍌�",
+            icuDoctor: "璧靛尰鐢�",
             contacts: [
-              { role: '鍗忚皟鍛樼數璇�', phone: '13800138000' },
-              { role: '鎬ヨ瘖鍖荤敓鐢佃瘽', phone: '13800138001' },
-              { role: '鎶ゅ+鐢佃瘽', phone: '13800138002' },
-              { role: '鍙告満鐢佃瘽', phone: '13800138003' },
-              { role: 'ICU鍖荤敓鐢佃瘽', phone: '13800138004' }
+              { role: "鍗忚皟鍛樼數璇�", phone: "13800138000" },
+              { role: "鎬ヨ瘖鍖荤敓鐢佃瘽", phone: "13800138001" },
+              { role: "鎶ゅ+鐢佃瘽", phone: "13800138002" },
+              { role: "鍙告満鐢佃瘽", phone: "13800138003" },
+              { role: "ICU鍖荤敓鐢佃瘽", phone: "13800138004" }
             ],
-            remarks: '闇�瑕佸噯澶囧懠鍚告満绛夋�ユ晳璁惧'
+            remarks: "闇�瑕佸噯澶囧懠鍚告満绛夋�ユ晳璁惧"
           },
           {
-            id: 'T20241217002',
-            caseNo: 'DON20241216002',
-            donorName: '鏉庡洓',
-            gender: '濂�',
+            id: "T20241217002",
+            caseNo: "DON20241216002",
+            donorName: "鏉庡洓",
+            gender: "濂�",
             age: 45,
-            diagnosis: '鑴戞姝伙紝鑴戝共鍔熻兘涓уけ',
-            hospitalName: '闈掑矝澶у闄勫睘鍖婚櫌',
-            transportTime: '2024-12-17 16:00:00',
-            coordinator: '鏉庡尰鐢�',
-            createTime: '2024-12-16 11:20:00',
-            status: 'transporting',
-            statusText: '杞繍涓�',
-            departureLocation: '闈掑矝澶у闄勫睘鍖婚櫌ICU',
-            destinationHospital: '闈掑矝鍣ㄥ畼绉绘涓績',
-            currentLocation: '闈掑矝甯傚崡鍖洪娓腑璺�',
-            estimatedTime: '30鍒嗛挓'
+            diagnosis: "鑴戞姝伙紝鑴戝共鍔熻兘涓уけ",
+            hospitalName: "闈掑矝澶у闄勫睘鍖婚櫌",
+            transportTime: "2024-12-17 16:00:00",
+            coordinator: "鏉庡尰鐢�",
+            createTime: "2024-12-16 11:20:00",
+            status: "transporting",
+            statusText: "杞繍涓�",
+            departureLocation: "闈掑矝澶у闄勫睘鍖婚櫌ICU",
+            destinationHospital: "闈掑矝鍣ㄥ畼绉绘涓績",
+            currentLocation: "闈掑矝甯傚崡鍖洪娓腑璺�",
+            estimatedTime: "30鍒嗛挓"
           },
           {
-            id: 'T20241216003',
-            caseNo: 'DON20241215001',
-            donorName: '鐜嬩簲',
-            gender: '鐢�',
+            id: "T20241216003",
+            caseNo: "DON20241215001",
+            donorName: "鐜嬩簲",
+            gender: "鐢�",
             age: 52,
-            diagnosis: '蹇冭剰楠ゅ仠锛屽鍣ㄥ畼鍔熻兘琛扮',
-            hospitalName: '闈掑矝甯傜珛鍖婚櫌',
-            transportTime: '2024-12-16 10:15:00',
-            coordinator: '鐜嬪尰鐢�',
-            createTime: '2024-12-15 14:45:00',
-            status: 'completed',
-            statusText: '宸插畬鎴�',
-            departureLocation: '闈掑矝甯傜珛鍖婚櫌蹇冨唴绉�',
-            destinationHospital: '闈掑矝鍣ㄥ畼绉绘涓績',
-            completedTime: '2024-12-16 12:30:00',
-            distance: '15鍏噷',
-            duration: '2灏忔椂15鍒嗛挓'
+            diagnosis: "蹇冭剰楠ゅ仠锛屽鍣ㄥ畼鍔熻兘琛扮",
+            hospitalName: "闈掑矝甯傜珛鍖婚櫌",
+            transportTime: "2024-12-16 10:15:00",
+            coordinator: "鐜嬪尰鐢�",
+            createTime: "2024-12-15 14:45:00",
+            status: "completed",
+            statusText: "宸插畬鎴�",
+            departureLocation: "闈掑矝甯傜珛鍖婚櫌蹇冨唴绉�",
+            destinationHospital: "闈掑矝鍣ㄥ畼绉绘涓績",
+            completedTime: "2024-12-16 12:30:00",
+            distance: "15鍏噷",
+            duration: "2灏忔椂15鍒嗛挓"
           },
           {
-            id: 'T20241216004',
-            caseNo: 'DON20241214001',
-            donorName: '璧靛叚',
-            gender: '濂�',
+            id: "T20241216004",
+            caseNo: "DON20241214001",
+            donorName: "璧靛叚",
+            gender: "濂�",
             age: 29,
-            diagnosis: '鎬ユ�ц倽琛扮',
-            hospitalName: '闈掑矝绉戝ぇ鍖婚櫌',
-            transportTime: '2024-12-16 08:30:00',
-            coordinator: '璧靛尰鐢�',
-            createTime: '2024-12-14 16:20:00',
-            status: 'cancelled',
-            statusText: '宸插彇娑�',
-            cancelReason: '瀹跺睘涓存椂鏀瑰彉鍐冲畾'
+            diagnosis: "鎬ユ�ц倽琛扮",
+            hospitalName: "闈掑矝绉戝ぇ鍖婚櫌",
+            transportTime: "2024-12-16 08:30:00",
+            coordinator: "璧靛尰鐢�",
+            createTime: "2024-12-14 16:20:00",
+            status: "cancelled",
+            statusText: "宸插彇娑�",
+            cancelReason: "瀹跺睘涓存椂鏀瑰彉鍐冲畾"
           }
         ];
 
@@ -365,8 +484,12 @@
     // 鏇存柊缁熻鏁版嵁
     updateStats() {
       this.stats.totalTransports = this.transportList.length;
-      this.stats.pendingTransports = this.transportList.filter(item => item.status === 'pending').length;
-      this.stats.completedTransports = this.transportList.filter(item => item.status === 'completed').length;
+      this.stats.pendingTransports = this.transportList.filter(
+        item => item.status === "pending"
+      ).length;
+      this.stats.completedTransports = this.transportList.filter(
+        item => item.status === "completed"
+      ).length;
     },
 
     // 澶氶�夋閫変腑鏁版嵁
@@ -381,7 +504,30 @@
       this.queryParams.pageNum = 1;
       this.getList();
     },
+    /** 淇敼鎸夐挳鎿嶄綔 */
+    handleUpdate(row) {
+      this.currentTransport = row || {};
+      this.isEditing = true;
+      this.editOpen = true;
+    },
 
+    /** 鏂板缓杞繍鍗� */
+    handleAdd() {
+      this.currentTransport = {};
+      this.isEditing = false;
+      this.editOpen = true;
+    },
+
+    /** 淇敼寮规鍏抽棴澶勭悊 */
+    handleEditClose() {
+      this.editOpen = false;
+      this.currentTransport = {};
+    },
+
+    /** 淇濆瓨鎴愬姛澶勭悊 */
+    handleSaveSuccess() {
+      this.getList(); // 閲嶆柊鍔犺浇鍒楄〃
+    },
     /** 閲嶇疆鎸夐挳鎿嶄綔 */
     resetQuery() {
       this.dateRange = [];
@@ -399,29 +545,31 @@
     /** 寮�濮嬭浆杩愭搷浣� */
     handleStartTransport(row) {
       this.currentTransport = row;
-      this.actionTitle = '寮�濮嬭浆杩�';
-      this.actionText = '寮�濮�';
+      this.actionTitle = "寮�濮嬭浆杩�";
+      this.actionText = "寮�濮�";
       this.actionOpen = true;
     },
 
     /** 瀹屾垚杞繍鎿嶄綔 */
     handleCompleteTransport(row) {
       this.currentTransport = row;
-      this.actionTitle = '瀹屾垚杞繍';
-      this.actionText = '瀹屾垚';
+      this.actionTitle = "瀹屾垚杞繍";
+      this.actionText = "瀹屾垚";
       this.actionOpen = true;
     },
 
     /** 纭鎿嶄綔 */
     confirmAction() {
-      const index = this.transportList.findIndex(item => item.id === this.currentTransport.id);
+      const index = this.transportList.findIndex(
+        item => item.id === this.currentTransport.id
+      );
       if (index !== -1) {
-        if (this.actionText === '寮�濮�') {
-          this.transportList[index].status = 'transporting';
-          this.transportList[index].statusText = '杞繍涓�';
-        } else if (this.actionText === '瀹屾垚') {
-          this.transportList[index].status = 'completed';
-          this.transportList[index].statusText = '宸插畬鎴�';
+        if (this.actionText === "寮�濮�") {
+          this.transportList[index].status = "transporting";
+          this.transportList[index].statusText = "杞繍涓�";
+        } else if (this.actionText === "瀹屾垚") {
+          this.transportList[index].status = "completed";
+          this.transportList[index].statusText = "宸插畬鎴�";
           this.transportList[index].completedTime = new Date().toLocaleString();
         }
 
@@ -433,34 +581,36 @@
       this.actionOpen = false;
     },
 
-    /** 鏂板鎸夐挳鎿嶄綔 */
-    handleAdd() {
-      this.$router.push('/transport/add');
-    },
 
-    /** 淇敼鎸夐挳鎿嶄綔 */
-    handleUpdate(row) {
-      const id = row.id || this.ids[0];
-      this.$router.push('/transport/edit/' + id);
-    },
+
+
 
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎杞繍鍗曠紪鍙蜂负"' + ids + '"鐨勬暟鎹」锛�').then(() => {
-        // 妯℃嫙鍒犻櫎鎿嶄綔
-        this.transportList = this.transportList.filter(item => !ids.includes(item.id));
-        this.total = this.transportList.length;
-        this.updateStats();
-        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-      }).catch(() => {});
+      this.$modal
+        .confirm('鏄惁纭鍒犻櫎杞繍鍗曠紪鍙蜂负"' + ids + '"鐨勬暟鎹」锛�')
+        .then(() => {
+          // 妯℃嫙鍒犻櫎鎿嶄綔
+          this.transportList = this.transportList.filter(
+            item => !ids.includes(item.id)
+          );
+          this.total = this.transportList.length;
+          this.updateStats();
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => {});
     },
 
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
-      this.download('system/transport/export', {
-        ...this.queryParams
-      }, `transport_${new Date().getTime()}.xlsx`)
+      this.download(
+        "system/transport/export",
+        {
+          ...this.queryParams
+        },
+        `transport_${new Date().getTime()}.xlsx`
+      );
     }
   }
 };
@@ -486,15 +636,15 @@
 }
 
 .stats-card.total {
-  border-left: 4px solid #409EFF;
+  border-left: 4px solid #409eff;
 }
 
 .stats-card.pending {
-  border-left: 4px solid #E6A23C;
+  border-left: 4px solid #e6a23c;
 }
 
 .stats-card.completed {
-  border-left: 4px solid #67C23A;
+  border-left: 4px solid #67c23a;
 }
 
 .stat-content {

--
Gitblit v1.9.3