备注显示样式修改

src/views/processing/photoTask/index.vue

@@ -54,7 +54,7 @@
                     <span class="text-compact">{{ row.ownerName }}</span>
                   </td>
                   <td>
-                    <span class="text-sm">{{ row.code }}</span>
+                    <span class="text-sm code-link" @click="showNotes(row)">{{ row.code }}</span>
                   </td>
                   <td>
                     <span class="text-compact">{{ row.status }}</span>
@@ -136,7 +136,7 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { showNotify, showImagePreview, showFailToast, showLoadingToast, closeToast } from 'vant'
+import { showNotify, showImagePreview, showFailToast, showLoadingToast, closeToast, showDialog } from 'vant'
 import {
   getProcessingPhotoTask,
   processingPhotoTaskItems,
@@ -175,6 +175,17 @@ onMounted(() => {
   }
 })
 
+// 显示notes信息 - 改为弹框方式
+function showNotes(row) {
+  const notes = row.notes || '暂无备注信息'
+  showDialog({
+    title: '任务备注',
+    message: notes,
+    confirmButtonText: '确定',
+    messageAlign: 'left'
+  })
+}
+
 function onRefresh() {
   // 刷新时重置到第一页
   paginate.value.page = 1
@@ -403,4 +414,14 @@ onRefresh()
     }
   }
 }
+
+.code-link {
+  color: #1989fa;
+  cursor: pointer;
+  text-decoration: underline;
+  
+  &:hover {
+    color: #0570db;
+  }
+}
 </style>