diff --git a/src/assets/image/MemberContentBoxItem.png b/src/assets/image/MemberContentBoxItem.png new file mode 100644 index 0000000..732fc66 Binary files /dev/null and b/src/assets/image/MemberContentBoxItem.png differ diff --git a/src/assets/image/MemberOverviewItemTop.png b/src/assets/image/MemberOverviewItemTop.png new file mode 100644 index 0000000..ae0e0cc Binary files /dev/null and b/src/assets/image/MemberOverviewItemTop.png differ diff --git a/src/assets/image/label1Data.png b/src/assets/image/label1Data.png new file mode 100644 index 0000000..5274377 Binary files /dev/null and b/src/assets/image/label1Data.png differ diff --git a/src/assets/image/label2Data.png b/src/assets/image/label2Data.png new file mode 100644 index 0000000..1ad230e Binary files /dev/null and b/src/assets/image/label2Data.png differ diff --git a/src/assets/image/memberSumBg.png b/src/assets/image/memberSumBg.png new file mode 100644 index 0000000..b661177 Binary files /dev/null and b/src/assets/image/memberSumBg.png differ diff --git a/src/assets/image/memberTotalBg.png b/src/assets/image/memberTotalBg.png new file mode 100644 index 0000000..92261b5 Binary files /dev/null and b/src/assets/image/memberTotalBg.png differ diff --git a/src/assets/image/nearDataBg.png b/src/assets/image/nearDataBg.png new file mode 100644 index 0000000..6c6822c Binary files /dev/null and b/src/assets/image/nearDataBg.png differ diff --git a/src/assets/image/recentDataTopValueBg.png b/src/assets/image/recentDataTopValueBg.png new file mode 100644 index 0000000..728c7fc Binary files /dev/null and b/src/assets/image/recentDataTopValueBg.png differ diff --git a/src/assets/image/tradingBg.png b/src/assets/image/tradingBg.png new file mode 100644 index 0000000..3dd9c59 Binary files /dev/null and b/src/assets/image/tradingBg.png differ diff --git a/src/page/index/components/AnalysisOfMember/AnalysisOfMember.less b/src/page/index/components/AnalysisOfMember/AnalysisOfMember.less new file mode 100644 index 0000000..0ac7735 --- /dev/null +++ b/src/page/index/components/AnalysisOfMember/AnalysisOfMember.less @@ -0,0 +1,29 @@ +.VehicleModelStayBox { + // width: 100%; + width: calc((100vw - 90px) / 4 - 35px); + + + .VehicleModelStayCharts { + width: 100%; + margin-top: 10px; + position: relative; + + .VehicleModelStayUnit { + font-family: "Microsoft YaHei"; + font-weight: 400; + font-size: 10px; + color: #7F808B; + text-align: left; + font-style: normal; + padding-left: 8px; + position: absolute; + top: -10px; + left: 0; + } + + .AnalysisOfMember { + width: 100%; + height: 230px; + } + } +} \ No newline at end of file diff --git a/src/page/index/components/AnalysisOfMember/AnalysisOfMember.vue b/src/page/index/components/AnalysisOfMember/AnalysisOfMember.vue new file mode 100644 index 0000000..1953861 --- /dev/null +++ b/src/page/index/components/AnalysisOfMember/AnalysisOfMember.vue @@ -0,0 +1,223 @@ + + + \ No newline at end of file diff --git a/src/page/index/components/BusinessCase/BusinessCase.less b/src/page/index/components/BusinessCase/BusinessCase.less index 37d4475..7dcae94 100644 --- a/src/page/index/components/BusinessCase/BusinessCase.less +++ b/src/page/index/components/BusinessCase/BusinessCase.less @@ -2,8 +2,8 @@ width: 100%; .BusinessCaseTabBox { - width: 100%; - display: flex; + // width: 100%; + display: inline-flex; align-items: center; background: linear-gradient(90deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%); padding: 3px 20px; @@ -259,16 +259,15 @@ .featureAnalysis { width: 100%; - margin-top: 32px; .featureAnalysisBox { width: 100%; - height: 300px; + height: 390px; } .featureAnalysisBottom { width: 100%; - height: 300px; + height: 390px; margin-top: 18px; } } diff --git a/src/page/index/components/BusinessCase/BusinessCase.vue b/src/page/index/components/BusinessCase/BusinessCase.vue index fd07dc9..152e389 100644 --- a/src/page/index/components/BusinessCase/BusinessCase.vue +++ b/src/page/index/components/BusinessCase/BusinessCase.vue @@ -55,6 +55,7 @@ let getAllData = ref() // 传入的数据 const props = defineProps<{ currentService?: any; + selectTab?: any }>(); // 监听传入的选中服务区 @@ -67,6 +68,15 @@ watch( { deep: true } ); +// 监听传入的选中服务区 +watch( + () => props.selectTab, + (newVal, oldVal) => { + handleShowData(newVal) + }, + { deep: true } +); + onMounted(async () => { // 用tab可以修改的方法 await handleGetData() @@ -237,7 +247,7 @@ const handleShowData = async (value: number) => { const option = { legend: { - top: 10, + top: 15, right: 10, textStyle: { color: '#ffffff' // 设置图例文字为白色 @@ -248,6 +258,7 @@ const handleShowData = async (value: number) => { xAxis: { type: 'category', axisLabel: { + width: '80', interval: 0, color: '#fff', formatter: '{value}' // 刻度值保持纯数字 @@ -274,7 +285,7 @@ const handleShowData = async (value: number) => { show: false // 隐藏刻度线(短横线) }, axisLabel: { - width: '60', + width: '80', color: '#fff' }, nameTextStyle: { @@ -443,20 +454,17 @@ onBeforeUnmount(() => {