|
|
|
@ -85,71 +85,7 @@ const currentBizTypeName = computed(() => { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.page-container { |
|
|
|
padding: 16px; |
|
|
|
min-height: calc(100vh - 120px); |
|
|
|
} |
|
|
|
|
|
|
|
.glass-card { |
|
|
|
background: rgba(255, 255, 255, 0.65); |
|
|
|
backdrop-filter: blur(12px); |
|
|
|
-webkit-backdrop-filter: blur(12px); |
|
|
|
border: 1px solid rgba(255, 255, 255, 0.4); |
|
|
|
border-radius: 12px; |
|
|
|
padding: 24px; |
|
|
|
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.06); |
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.06); |
|
|
|
padding-bottom: 16px; |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.icon-wrapper { |
|
|
|
background: linear-gradient(135deg, #3f86f8 0%, #1890ff 100%); |
|
|
|
width: 48px; |
|
|
|
height: 48px; |
|
|
|
border-radius: 10px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
color: white; |
|
|
|
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.25); |
|
|
|
} |
|
|
|
|
|
|
|
.icon { |
|
|
|
font-size: 24px; |
|
|
|
} |
|
|
|
|
|
|
|
.title { |
|
|
|
font-size: 18px; |
|
|
|
font-weight: 600; |
|
|
|
color: #1a1a1a; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.subtitle { |
|
|
|
font-size: 13px; |
|
|
|
color: #666; |
|
|
|
margin: 4px 0 0 0; |
|
|
|
} |
|
|
|
|
|
|
|
.query-form { |
|
|
|
margin-bottom: 20px; |
|
|
|
padding: 16px; |
|
|
|
background: rgba(255, 255, 255, 0.4); |
|
|
|
border-radius: 8px; |
|
|
|
border: 1px solid rgba(0, 0, 0, 0.03); |
|
|
|
} |
|
|
|
|
|
|
|
.table-placeholder { |
|
|
|
min-height: 250px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
border: 1px dashed rgba(0, 0, 0, 0.08); |
|
|
|
border-radius: 8px; |
|
|
|
background: rgba(255, 255, 255, 0.2); |
|
|
|
} |
|
|
|
</style> |