更新 SignedList.vue 文件

src/view/user/SignedList.vue

@@ -1,49 +1,58 @@
 <template>
-    <el-row class="page">
+    <div class="page">
-        <el-row class="block-view" v-for="(item, index) in expressList">
+        <section class="block-view" v-for="(item, index) in expressList" :key="item.expressid">
-            <el-row class="top">
+            <header class="top">
                 <el-text>运单号: {{ item.expressid }}</el-text>
                 <el-text class="top-time">签收时间: {{ item.signedTime }}</el-text>
-            </el-row>
+            </header>
-            <el-row class="express-view">
+            <div class="express-view">
-                <el-row class="express-no-view">
+                <div class="express-no-view">
                     <el-text class="city">{{ item.senderCity }}</el-text>
                     <el-text class="user">{{ item.senderName }}</el-text>
-                </el-row>
+                </div>
-                <el-row class="express-no-view">
+                <div class="express-no-view">
                     <el-image class="arrow" src="/arrow.png" />
                     <el-text class="sign">{{ item.isSigned ? "已签收" : "未签收" }}</el-text>
-                </el-row>
+                </div>
-                <el-row class="express-no-view">
+                <div class="express-no-view">
                     <el-text class="city">{{ item.receiverCity }}</el-text>
                     <el-text class="user">{{ item.receiverName }}</el-text>
-                </el-row>
+                </div>
-                <el-row class="express-icon-view">
+                <div class="express-icon-view">
                     <el-icon @click="deleteByIndex(index)">
                         <Delete />
                     </el-icon>
                     <el-icon @click="modify(item, index)">
                         <Edit />
                     </el-icon>
-                </el-row>
+                </div>
-            </el-row>
+            </div>
-            <el-row class="line-view"></el-row>
+            <div class="line-view"></div>
-        </el-row>
+        </section>
-
+
-        <el-dialog v-model="dialogVisible" title="警告" width="500" :before-close="handleClose">
+        <el-dialog
-            <span>你确定要删除这条快递信息吗？</span>
+            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 type="primary" @click="deleteByIndexConfirm()">确定</el-button>
-                        确定
-                    </el-button>
                 </div>
             </template>
         </el-dialog>
 
-
+        <el-dialog
-        <el-dialog v-model="dialogFormVisible" title="快递表单修改" width="500">
+            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 type="primary" @click="modifyConfirm()">确定</el-button>
-                        确定
-                    </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';