fetch(modify):账号管理

src/views/asset-management/asset-assign/index.vue

@@ -40,6 +40,35 @@
             </ElTableColumn>
           </template>
         </ArtTable>
+
+        <!-- 分配详情对话框 -->
+        <ElDialog v-model="detailDialogVisible" title="分配详情" width="700px">
+          <ElDescriptions v-if="currentRecord" :column="2" border>
+            <ElDescriptionsItem label="分配单号" :span="2">{{ currentRecord.allocation_no }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="分配类型">
+              <ElTag :type="getAllocationTypeType(currentRecord.allocation_type)">
+                {{ currentRecord.allocation_name }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="资产类型">
+              <ElTag :type="getAssetTypeType(currentRecord.asset_type)">
+                {{ currentRecord.asset_type_name }}
+              </ElTag>
+            </ElDescriptionsItem>
+            <ElDescriptionsItem label="资产标识符" :span="2">{{ currentRecord.asset_identifier }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="来源所有者">{{ currentRecord.from_owner_name }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="目标所有者">{{ currentRecord.to_owner_name }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="操作人">{{ currentRecord.operator_name }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="关联卡数量">{{ currentRecord.related_card_count }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="创建时间" :span="2">{{ formatDateTime(currentRecord.created_at) }}</ElDescriptionsItem>
+            <ElDescriptionsItem label="备注" :span="2">{{ currentRecord.remark || '--' }}</ElDescriptionsItem>
+          </ElDescriptions>
+          <template #footer>
+            <div class="dialog-footer">
+              <ElButton type="primary" @click="detailDialogVisible = false">关闭</ElButton>
+            </div>
+          </template>
+        </ElDialog>
       </ElCard>
     </div>
   </ArtTableFullScreen>
@@ -59,7 +88,9 @@
 
   const router = useRouter()
   const loading = ref(false)
+  const detailDialogVisible = ref(false)
   const tableRef = ref()
+  const currentRecord = ref<AssetAllocationRecord | null>(null)
 
   // 搜索表单初始值
   const initialSearchState = {
@@ -199,7 +230,7 @@
     {
       prop: 'asset_identifier',
       label: '资产标识符',
-      minWidth: 180
+      minWidth: 200
     },
     {
       prop: 'from_owner_name',
@@ -265,7 +296,7 @@
 
       const res = await CardService.getAssetAllocationRecords(params)
       if (res.code === 0) {
-        recordList.value = res.data.list || []
+        recordList.value = res.data.items || []
         pagination.total = res.data.total || 0
       }
     } catch (error) {
@@ -307,10 +338,8 @@
 
   // 查看详情
   const viewDetail = (row: AssetAllocationRecord) => {
-    router.push({
-      path: '/asset-management/allocation-record-detail',
-      query: { id: row.id }
-    })
+    currentRecord.value = row
+    detailDialogVisible.value = true
   }
 </script>