-
@@ -27,7 +34,8 @@ import {
LegendComponent,
GridComponent
} from 'echarts/components'
-import { getApplicationCounts, PERIOD_MAP } from '../utils/dataParser'
+import LTitle from '@/components/LTitle.vue'
+import { getApplicationCounts, getSpecialPeriodCounts, PERIOD_MAP } from '../utils/dataParser'
// 注册ECharts组件
use([
@@ -44,22 +52,21 @@ const props = defineProps({
type: Object,
required: true,
default: () => ({})
+ },
+ // 维度：id（身份证） / cell（手机号）
+ dimension: {
+ type: String,
+ default: 'id'
}
})
-// 计算总申请次数（12个月）
-const totalCount = computed(() => {
- const counts = getApplicationCounts(props.data, 'm12')
- return counts.total
-})
+const periodKeys = ['d7', 'd15', 'm1', 'm3', 'm6', 'm12']
+const labels = periodKeys.map(key => PERIOD_MAP[key].label)
-// 图表配置
+// 总申请次数图表配置
const chartOption = computed(() => {
- const periodKeys = ['d7', 'd15', 'm1', 'm3', 'm6', 'm12']
- const labels = periodKeys.map(key => PERIOD_MAP[key].label)
-
const data = periodKeys.map(key => {
- const counts = getApplicationCounts(props.data, key)
+ const counts = getApplicationCounts(props.data, key, props.dimension)
return counts.total
})
@@ -69,31 +76,46 @@ const chartOption = computed(() => {
axisPointer: {
type: 'shadow'
},
- formatter: (params) => {
- const param = params[0]
- return `${param.name}
${param.seriesName}: ${param.value}次`
+ formatter: function (params) {
+ let result = params[0].name + '
'
+ params.forEach(item => {
+ result += `${item.seriesName}: ${item.value} 次
`
+ })
+ return result
}
},
grid: {
left: '3%',
right: '4%',
- bottom: '3%',
+ bottom: 0,
+ top: 20,
containLabel: true
},
xAxis: {
type: 'category',
data: labels,
axisLabel: {
- fontSize: 12,
- color: '#666'
+ fontSize: 10,
+ color: '#6b7280',
+ rotate: 45
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#e5e7eb'
+ }
}
},
yAxis: {
type: 'value',
axisLabel: {
- fontSize: 12,
- color: '#666',
- formatter: '{value}次'
+ fontSize: 11,
+ color: '#6b7280',
+ formatter: '{value} 次'
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#f3f4f6'
+ }
}
},
series: [
@@ -101,15 +123,109 @@ const chartOption = computed(() => {
name: '申请次数',
type: 'bar',
data: data,
+ barWidth: '25%',
+ barMinHeight: 3,
itemStyle: {
- color: '#4A90E2'
+ color: '#2B79EE',
+ borderRadius: [4, 4, 0, 0]
},
- label: {
- show: true,
- position: 'top',
- formatter: '{c}次',
- fontSize: 12,
- color: '#333'
+ emphasis: {
+ itemStyle: {
+ color: '#1e5bb8'
+ }
+ }
+ }
+ ]
+ }
+})
+
+// 特殊时段（周末 / 夜间）图表配置
+const specialChartOption = computed(() => {
+ const weekendData = periodKeys.map(key => {
+ const s = getSpecialPeriodCounts(props.data, key, props.dimension)
+ return s.weekend || 0
+ })
+ const nightData = periodKeys.map(key => {
+ const s = getSpecialPeriodCounts(props.data, key, props.dimension)
+ return s.night || 0
+ })
+
+ return {
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow'
+ },
+ formatter: function (params) {
+ let result = params[0].name + '
'
+ params.forEach(item => {
+ result += `${item.seriesName}: ${item.value} 次
`
+ })
+ return result
+ }
+ },
+ legend: {
+ data: ['周末申请次数', '夜间申请次数'],
+ top: '5%',
+ textStyle: {
+ fontSize: 12
+ }
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: 0,
+ top: 30,
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ data: labels,
+ axisLabel: {
+ fontSize: 10,
+ color: '#6b7280',
+ rotate: 45
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#e5e7eb'
+ }
+ }
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ fontSize: 11,
+ color: '#6b7280',
+ formatter: '{value} 次'
+ },
+ splitLine: {
+ lineStyle: {
+ color: '#f3f4f6'
+ }
+ }
+ },
+ series: [
+ {
+ name: '周末申请次数',
+ type: 'bar',
+ data: weekendData,
+ barWidth: '25%',
+ barMinHeight: 3,
+ itemStyle: {
+ color: '#2B79EE',
+ borderRadius: [4, 4, 0, 0]
+ }
+ },
+ {
+ name: '夜间申请次数',
+ type: 'bar',
+ data: nightData,
+ barWidth: '25%',
+ barMinHeight: 3,
+ itemStyle: {
+ color: '#F97316',
+ borderRadius: [4, 4, 0, 0]
}
}
]
@@ -117,9 +233,13 @@ const chartOption = computed(() => {
})
-
+.chart-container {
+ width: 100%;
+ height: 100%;
+}
+
diff --git a/src/ui/JRZQ6F2A/components/ApplicationTotalSection.vue b/src/ui/JRZQ6F2A/components/ApplicationTotalSection.vue
index 7d6d17d..4b7fe48 100644
--- a/src/ui/JRZQ6F2A/components/ApplicationTotalSection.vue
+++ b/src/ui/JRZQ6F2A/components/ApplicationTotalSection.vue
@@ -1,31 +1,31 @@
-
- 申请总次数 (银行+非银) {{ totalCount }}次
-
-
-
-
-
-
-
diff --git a/src/ui/JRZQ6F2A/components/BankInstitutionSection.vue b/src/ui/JRZQ6F2A/components/BankInstitutionSection.vue
index 1701cb4..4b9a4d9 100644
--- a/src/ui/JRZQ6F2A/components/BankInstitutionSection.vue
+++ b/src/ui/JRZQ6F2A/components/BankInstitutionSection.vue
@@ -1,23 +1,19 @@
-
-
- 银行机构 {{ bankTotal }}次
-
-
-
-
-
+
+
+
+
+
-
-
+
+
-
-
{{ item.label }}
+
+
+
+ {{ item.label }}
+
{{ item.value }}次
@@ -36,6 +32,7 @@ import {
TooltipComponent,
LegendComponent
} from 'echarts/components'
+import LTitle from '@/components/LTitle.vue'
import { getBankApplicationDetails, FIELD_LABELS } from '../utils/dataParser'
// 注册ECharts组件
@@ -56,11 +53,30 @@ const props = defineProps({
period: {
type: String,
required: true
+ },
+ // 维度：id（身份证） / cell（手机号）
+ dimension: {
+ type: String,
+ default: 'id'
}
})
+// 颜色映射表（与图表保持一致）
+const COLORS = [
+ '#2B79EE',
+ '#61D2F4',
+ '#34D399',
+ '#FBBF24',
+ '#F97316',
+ '#EF4444',
+ '#A855F7',
+ '#6B7280',
+]
+
// 获取银行机构申请详情
-const bankDetails = computed(() => getBankApplicationDetails(props.data, props.period))
+const bankDetails = computed(() =>
+ getBankApplicationDetails(props.data, props.period, props.dimension)
+)
// 计算银行机构总次数
const bankTotal = computed(() => {
@@ -68,26 +84,25 @@ const bankTotal = computed(() => {
return Object.values(details).reduce((sum, val) => sum + (val || 0), 0)
})
-// 详细列表
+// 详细列表（包含所有项，包含 0 次）
const detailList = computed(() => {
const details = bankDetails.value
const labels = FIELD_LABELS.bank
-
+
return Object.entries(details)
- .filter(([key, value]) => value > 0)
- .map(([key, value]) => ({
+ .map(([key, value], index) => ({
key,
label: labels[key] || key,
- value
+ value: value || 0,
+ color: COLORS[index % COLORS.length],
}))
- .sort((a, b) => b.value - a.value)
})
// 饼图配置
const pieChartOption = computed(() => {
const list = detailList.value
-
- if (list.length === 0) {
+
+ if (!list || list.length === 0) {
return {
title: {
text: '暂无数据',
@@ -106,20 +121,23 @@ const pieChartOption = computed(() => {
trigger: 'item',
formatter: '{b}: {c}次 ({d}%)'
},
- legend: {
- orient: 'vertical',
- left: 'left',
- top: 'middle',
- textStyle: {
- fontSize: 11
- }
+ graphic: {
+ type: 'text',
+ left: 'center',
+ top: 'center',
+ style: {
+ text: '银行机构',
+ fill: '#111827',
+ fontSize: 14,
+ fontWeight: 'bold',
+ },
},
series: [
{
name: '申请次数',
type: 'pie',
radius: ['40%', '70%'],
- center: ['60%', '50%'],
+ center: ['50%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 4,
@@ -127,19 +145,27 @@ const pieChartOption = computed(() => {
borderWidth: 2
},
label: {
- show: true,
- formatter: '{b}\n{c}次'
+ show: false
},
emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ },
label: {
show: true,
fontSize: 14,
- fontWeight: 'bold'
+ fontWeight: 'bold',
+ color: '#333'
}
},
data: list.map(item => ({
value: item.value,
- name: item.label
+ name: item.label,
+ itemStyle: {
+ color: item.color
+ }
}))
}
]
@@ -147,12 +173,9 @@ const pieChartOption = computed(() => {
})
-
-
-
diff --git a/src/ui/JRZQ6F2A/components/BankOrgSection.vue b/src/ui/JRZQ6F2A/components/BankOrgSection.vue
index 195a529..a2becd6 100644
--- a/src/ui/JRZQ6F2A/components/BankOrgSection.vue
+++ b/src/ui/JRZQ6F2A/components/BankOrgSection.vue
@@ -1,23 +1,19 @@
-
-
- 银行机构 {{ bankTotal }}家
-
-
-
-
-
+
+
+
+
+
-
-
+
+
-
-
{{ item.label }}
+
+
+
+ {{ item.label }}
+
{{ item.value }}家
@@ -36,6 +32,7 @@ import {
TooltipComponent,
LegendComponent
} from 'echarts/components'
+import LTitle from '@/components/LTitle.vue'
import { getBankOrgDetails, FIELD_LABELS } from '../utils/dataParser'
// 注册ECharts组件
@@ -56,11 +53,30 @@ const props = defineProps({
period: {
type: String,
required: true
+ },
+ // 维度：id（身份证） / cell（手机号）
+ dimension: {
+ type: String,
+ default: 'id'
}
})
+// 颜色映射表（与图表保持一致）
+const COLORS = [
+ '#2B79EE',
+ '#61D2F4',
+ '#34D399',
+ '#FBBF24',
+ '#F97316',
+ '#EF4444',
+ '#A855F7',
+ '#6B7280',
+]
+
// 获取银行机构数详情
-const bankOrgs = computed(() => getBankOrgDetails(props.data, props.period))
+const bankOrgs = computed(() =>
+ getBankOrgDetails(props.data, props.period, props.dimension)
+)
// 计算银行机构总数
const bankTotal = computed(() => {
@@ -68,26 +84,25 @@ const bankTotal = computed(() => {
return Object.values(orgs).reduce((sum, val) => sum + (val || 0), 0)
})
-// 详细列表
+// 详细列表（包含所有项，包含 0 家）
const detailList = computed(() => {
const orgs = bankOrgs.value
const labels = FIELD_LABELS.bank
-
+
return Object.entries(orgs)
- .filter(([key, value]) => value > 0)
- .map(([key, value]) => ({
+ .map(([key, value], index) => ({
key,
label: labels[key] || key,
- value
+ value: value || 0,
+ color: COLORS[index % COLORS.length],
}))
- .sort((a, b) => b.value - a.value)
})
// 饼图配置
const pieChartOption = computed(() => {
const list = detailList.value
-
- if (list.length === 0) {
+
+ if (!list || list.length === 0) {
return {
title: {
text: '暂无数据',
@@ -106,20 +121,23 @@ const pieChartOption = computed(() => {
trigger: 'item',
formatter: '{b}: {c}家 ({d}%)'
},
- legend: {
- orient: 'vertical',
- left: 'left',
- top: 'middle',
- textStyle: {
- fontSize: 11
- }
+ graphic: {
+ type: 'text',
+ left: 'center',
+ top: 'center',
+ style: {
+ text: '银行机构',
+ fill: '#111827',
+ fontSize: 14,
+ fontWeight: 'bold',
+ },
},
series: [
{
name: '机构数',
type: 'pie',
radius: ['40%', '70%'],
- center: ['60%', '50%'],
+ center: ['50%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 4,
@@ -127,19 +145,27 @@ const pieChartOption = computed(() => {
borderWidth: 2
},
label: {
- show: true,
- formatter: '{b}\n{c}家'
+ show: false
},
emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ },
label: {
show: true,
fontSize: 14,
- fontWeight: 'bold'
+ fontWeight: 'bold',
+ color: '#333'
}
},
data: list.map(item => ({
value: item.value,
- name: item.label
+ name: item.label,
+ itemStyle: {
+ color: item.color
+ }
}))
}
]
@@ -147,12 +173,9 @@ const pieChartOption = computed(() => {
})
-
-
-
diff --git a/src/ui/JRZQ6F2A/components/InstitutionTotalSection.vue b/src/ui/JRZQ6F2A/components/InstitutionTotalSection.vue
index 77a986c..3cfa09f 100644
--- a/src/ui/JRZQ6F2A/components/InstitutionTotalSection.vue
+++ b/src/ui/JRZQ6F2A/components/InstitutionTotalSection.vue
@@ -1,31 +1,32 @@
-
- 申请机构总数 (银行+非银) {{ totalCount }}家
-
-
-
-
-
-
-
diff --git a/src/ui/JRZQ6F2A/components/NBankInstitutionSection.vue b/src/ui/JRZQ6F2A/components/NBankInstitutionSection.vue
index bd21330..7c75ba2 100644
--- a/src/ui/JRZQ6F2A/components/NBankInstitutionSection.vue
+++ b/src/ui/JRZQ6F2A/components/NBankInstitutionSection.vue
@@ -1,23 +1,19 @@
-
-
- 非银机构 {{ nbankTotal }}次
-
-
-
-
-
+
+
+
+
+
-
-
+
+
-
-
{{ item.label }}
+
+
+
+ {{ item.label }}
+
{{ item.value }}次
@@ -36,6 +32,7 @@ import {
TooltipComponent,
LegendComponent
} from 'echarts/components'
+import LTitle from '@/components/LTitle.vue'
import { getNBankApplicationDetails, FIELD_LABELS } from '../utils/dataParser'
// 注册ECharts组件
@@ -56,11 +53,30 @@ const props = defineProps({
period: {
type: String,
required: true
+ },
+ // 维度：id（身份证） / cell（手机号）
+ dimension: {
+ type: String,
+ default: 'id'
}
})
+// 颜色映射表（与图表保持一致）
+const COLORS = [
+ '#2B79EE',
+ '#61D2F4',
+ '#34D399',
+ '#FBBF24',
+ '#F97316',
+ '#EF4444',
+ '#A855F7',
+ '#6B7280',
+]
+
// 获取非银机构申请详情
-const nbankDetails = computed(() => getNBankApplicationDetails(props.data, props.period))
+const nbankDetails = computed(() =>
+ getNBankApplicationDetails(props.data, props.period, props.dimension)
+)
// 计算非银机构总次数
const nbankTotal = computed(() => {
@@ -68,26 +84,25 @@ const nbankTotal = computed(() => {
return Object.values(details).reduce((sum, val) => sum + (val || 0), 0)
})
-// 详细列表
+// 详细列表（包含所有项，包含 0 次）
const detailList = computed(() => {
const details = nbankDetails.value
const labels = FIELD_LABELS.nbank
-
+
return Object.entries(details)
- .filter(([key, value]) => value > 0)
- .map(([key, value]) => ({
+ .map(([key, value], index) => ({
key,
label: labels[key] || key,
- value
+ value: value || 0,
+ color: COLORS[index % COLORS.length],
}))
- .sort((a, b) => b.value - a.value)
})
// 饼图配置
const pieChartOption = computed(() => {
const list = detailList.value
-
- if (list.length === 0) {
+
+ if (!list || list.length === 0) {
return {
title: {
text: '暂无数据',
@@ -106,20 +121,23 @@ const pieChartOption = computed(() => {
trigger: 'item',
formatter: '{b}: {c}次 ({d}%)'
},
- legend: {
- orient: 'vertical',
- left: 'left',
- top: 'middle',
- textStyle: {
- fontSize: 11
- }
+ graphic: {
+ type: 'text',
+ left: 'center',
+ top: 'center',
+ style: {
+ text: '非银机构',
+ fill: '#111827',
+ fontSize: 14,
+ fontWeight: 'bold',
+ },
},
series: [
{
name: '申请次数',
type: 'pie',
radius: ['40%', '70%'],
- center: ['60%', '50%'],
+ center: ['50%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 4,
@@ -127,19 +145,27 @@ const pieChartOption = computed(() => {
borderWidth: 2
},
label: {
- show: true,
- formatter: '{b}\n{c}次'
+ show: false
},
emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ },
label: {
show: true,
fontSize: 14,
- fontWeight: 'bold'
+ fontWeight: 'bold',
+ color: '#333'
}
},
data: list.map(item => ({
value: item.value,
- name: item.label
+ name: item.label,
+ itemStyle: {
+ color: item.color
+ }
}))
}
]
@@ -147,12 +173,9 @@ const pieChartOption = computed(() => {
})
-
-
-
diff --git a/src/ui/JRZQ6F2A/components/NBankOrgSection.vue b/src/ui/JRZQ6F2A/components/NBankOrgSection.vue
index 716abb8..ead903c 100644
--- a/src/ui/JRZQ6F2A/components/NBankOrgSection.vue
+++ b/src/ui/JRZQ6F2A/components/NBankOrgSection.vue
@@ -1,23 +1,19 @@
-
-
- 非银机构 {{ nbankTotal }}家
-
-
-
-
-
+
+
+
+
+
-
-
+
+
-
-
{{ item.label }}
+
+
+
+ {{ item.label }}
+
{{ item.value }}家
@@ -36,6 +32,7 @@ import {
TooltipComponent,
LegendComponent
} from 'echarts/components'
+import LTitle from '@/components/LTitle.vue'
import { getNBankOrgDetails, FIELD_LABELS } from '../utils/dataParser'
// 注册ECharts组件
@@ -56,11 +53,30 @@ const props = defineProps({
period: {
type: String,
required: true
+ },
+ // 维度：id（身份证） / cell（手机号）
+ dimension: {
+ type: String,
+ default: 'id'
}
})
+// 颜色映射表（与图表保持一致）
+const COLORS = [
+ '#2B79EE',
+ '#61D2F4',
+ '#34D399',
+ '#FBBF24',
+ '#F97316',
+ '#EF4444',
+ '#A855F7',
+ '#6B7280',
+]
+
// 获取非银机构数详情
-const nbankOrgs = computed(() => getNBankOrgDetails(props.data, props.period))
+const nbankOrgs = computed(() =>
+ getNBankOrgDetails(props.data, props.period, props.dimension)
+)
// 计算非银机构总数
const nbankTotal = computed(() => {
@@ -68,26 +84,25 @@ const nbankTotal = computed(() => {
return Object.values(orgs).reduce((sum, val) => sum + (val || 0), 0)
})
-// 详细列表
+// 详细列表（包含所有项，包含 0 家）
const detailList = computed(() => {
const orgs = nbankOrgs.value
const labels = FIELD_LABELS.nbank
-
+
return Object.entries(orgs)
- .filter(([key, value]) => value > 0)
- .map(([key, value]) => ({
+ .map(([key, value], index) => ({
key,
label: labels[key] || key,
- value
+ value: value || 0,
+ color: COLORS[index % COLORS.length],
}))
- .sort((a, b) => b.value - a.value)
})
// 饼图配置
const pieChartOption = computed(() => {
const list = detailList.value
-
- if (list.length === 0) {
+
+ if (!list || list.length === 0) {
return {
title: {
text: '暂无数据',
@@ -106,20 +121,23 @@ const pieChartOption = computed(() => {
trigger: 'item',
formatter: '{b}: {c}家 ({d}%)'
},
- legend: {
- orient: 'vertical',
- left: 'left',
- top: 'middle',
- textStyle: {
- fontSize: 11
- }
+ graphic: {
+ type: 'text',
+ left: 'center',
+ top: 'center',
+ style: {
+ text: '非银机构',
+ fill: '#111827',
+ fontSize: 14,
+ fontWeight: 'bold',
+ },
},
series: [
{
name: '机构数',
type: 'pie',
radius: ['40%', '70%'],
- center: ['60%', '50%'],
+ center: ['50%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 4,
@@ -127,19 +145,27 @@ const pieChartOption = computed(() => {
borderWidth: 2
},
label: {
- show: true,
- formatter: '{b}\n{c}家'
+ show: false
},
emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ },
label: {
show: true,
fontSize: 14,
- fontWeight: 'bold'
+ fontWeight: 'bold',
+ color: '#333'
}
},
data: list.map(item => ({
value: item.value,
- name: item.label
+ name: item.label,
+ itemStyle: {
+ color: item.color
+ }
}))
}
]
@@ -147,12 +173,9 @@ const pieChartOption = computed(() => {
})
-
-
-
diff --git a/src/ui/JRZQ6F2A/components/ProductTypeDistributionSection.vue b/src/ui/JRZQ6F2A/components/ProductTypeDistributionSection.vue
new file mode 100644
index 0000000..d746da8
--- /dev/null
+++ b/src/ui/JRZQ6F2A/components/ProductTypeDistributionSection.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+ {{ item.value }} 次
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/ui/JRZQ6F2A/components/RecentIntensiveApplicationSection.vue b/src/ui/JRZQ6F2A/components/RecentIntensiveApplicationSection.vue
new file mode 100644
index 0000000..8e0fbf4
--- /dev/null
+++ b/src/ui/JRZQ6F2A/components/RecentIntensiveApplicationSection.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+ 最近在银行连续申请次数
+ {{ bankCons }} 次
+
+
+ 最近在银行连续申请天数
+ {{ bankDays }} 天
+
+
+ 最近在非银连续申请次数
+ {{ nbankCons }} 次
+
+
+ 最近在非银连续申请天数
+ {{ nbankDays }} 天
+
+
+ 距最近一次在银行机构申请
+ {{ bankGap }} 天
+
+
+ 距最近一次在非银机构申请
+ {{ nbankGap }} 天
+
+
+
+
+ 暂未查询到明显的近期集中申请行为。
+
+
+
+
+
+
+
+
+
diff --git a/src/ui/JRZQ6F2A/components/SummaryApplyStats.vue b/src/ui/JRZQ6F2A/components/SummaryApplyStats.vue
new file mode 100644
index 0000000..03c51c5
--- /dev/null
+++ b/src/ui/JRZQ6F2A/components/SummaryApplyStats.vue
@@ -0,0 +1,131 @@
+
+
+
+
借贷意向统计概览
+
+
+
+
+
+
+
+
+
+ {{ item.value }}
+ {{ item.unit }}
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+ {{ risk.label }}
+ {{ risk.value }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/ui/JRZQ6F2A/index.vue b/src/ui/JRZQ6F2A/index.vue
index 5e4ea3a..e0ae3b3 100644
--- a/src/ui/JRZQ6F2A/index.vue
+++ b/src/ui/JRZQ6F2A/index.vue
@@ -1,23 +1,35 @@
-
+
+
+
+
-
+
+
+
+
+
+
+
-
+
-
+
- 温馨提示!
+