From 255de0d5b732f55cbe398767076934291309fbf3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A?= <2295311501@qq.com>
Date: Sat, 14 Dec 2024 15:35:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20SignedList.vue=20=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/user/SignedList.vue | 65 ++++++++++++++++++++----------------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/src/view/user/SignedList.vue b/src/view/user/SignedList.vue
index 54ee5d3..5b8a9a6 100644
--- a/src/view/user/SignedList.vue
+++ b/src/view/user/SignedList.vue
@@ -1,49 +1,58 @@
 <template>
-    <el-row class="page">
-        <el-row class="block-view" v-for="(item, index) in expressList">
-            <el-row class="top">
+    <div class="page">
+        <section class="block-view" v-for="(item, index) in expressList" :key="item.expressid">
+            <header class="top">
                 <el-text>运单号: {{ item.expressid }}</el-text>
                 <el-text class="top-time">签收时间: {{ item.signedTime }}</el-text>
-            </el-row>
-            <el-row class="express-view">
-                <el-row class="express-no-view">
+            </header>
+            <div class="express-view">
+                <div class="express-no-view">
                     <el-text class="city">{{ item.senderCity }}</el-text>
                     <el-text class="user">{{ item.senderName }}</el-text>
-                </el-row>
-                <el-row class="express-no-view">
+                </div>
+                <div class="express-no-view">
                     <el-image class="arrow" src="/arrow.png" />
                     <el-text class="sign">{{ item.isSigned ? "已签收" : "未签收" }}</el-text>
-                </el-row>
-                <el-row class="express-no-view">
+                </div>
+                <div class="express-no-view">
                     <el-text class="city">{{ item.receiverCity }}</el-text>
                     <el-text class="user">{{ item.receiverName }}</el-text>
-                </el-row>
-                <el-row class="express-icon-view">
+                </div>
+                <div class="express-icon-view">
                     <el-icon @click="deleteByIndex(index)">
                         <Delete />
                     </el-icon>
                     <el-icon @click="modify(item, index)">
                         <Edit />
                     </el-icon>
-                </el-row>
-            </el-row>
-            <el-row class="line-view"></el-row>
-        </el-row>
-
-        <el-dialog v-model="dialogVisible" title="警告" width="500" :before-close="handleClose">
-            <span>你确定要删除这条快递信息吗？</span>
+                </div>
+            </div>
+            <div class="line-view"></div>
+        </section>
+
+        <el-dialog
+            v-model="dialogVisible"
+            title="警告"
+            width="500"
+            :before-close="handleClose"
+            aria-labelledby="dialog-title"
+            aria-describedby="dialog-description"
+        >
+            <span id="dialog-description">你确定要删除这条快递信息吗？</span>
             <template #footer>
                 <div class="dialog-footer">
                     <el-button @click="dialogVisible = false">取消</el-button>
-                    <el-button type="primary" @click="deleteByIndexConfirm()">
-                        确定
-                    </el-button>
+                    <el-button type="primary" @click="deleteByIndexConfirm()">确定</el-button>
                 </div>
             </template>
         </el-dialog>
 
-
-        <el-dialog v-model="dialogFormVisible" title="快递表单修改" width="500">
+        <el-dialog
+            v-model="dialogFormVisible"
+            title="快递表单修改"
+            width="500"
+            aria-labelledby="form-dialog-title"
+        >
             <el-form :model="form">
                 <el-form-item label="寄送城市" :label-width="formLabelWidth">
                     <el-input v-model="form.senderCity" autocomplete="off" />
@@ -60,20 +69,18 @@
                 <el-form-item label="签收时间" :label-width="formLabelWidth">
                     <el-input v-model="form.signedTime" autocomplete="off" />
                 </el-form-item>
-
             </el-form>
             <template #footer>
                 <div class="dialog-footer">
                     <el-button @click="dialogFormVisible = false">取消</el-button>
-                    <el-button type="primary" @click="modifyConfirm()">
-                        确定
-                    </el-button>
+                    <el-button type="primary" @click="modifyConfirm()">确定</el-button>
                 </div>
             </template>
         </el-dialog>
-    </el-row>
+    </div>
 </template>
 
+
 <script setup>
 import { Delete, Edit } from '@element-plus/icons-vue';
 import { ref, watchEffect, onMounted } from 'vue';