feat:企业经营情况详情页

src/api/companyPages/index.js

@@ -129,3 +129,42 @@ export function getSupplyList(params) {
     params,
   })
 }
+
+// 企业市值:市值变化
+export function getMarketCapList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/enterprisePage/marketCap/${params}`,
+  })
+}
+
+// 企业发展:营收折线图
+export function getRevenueList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/enterprisePage/revenue/${params}`,
+  })
+}
+
+// 企业发展:净利润折线图
+export function getNetProfitList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/enterprisePage/netProfit/${params}`,
+  })
+}
+
+// 企业发展:人员情况折线图
+export function getPersonnelList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/enterprisePage/personnel/${params}`,
+  })
+}
+// 企业发展: 市场占比折线图
+export function getMarketShareList(params) {
+  return request({
+    method: 'GET',
+    url: `/api/enterprisePage/marketShare/${params}`,
+  })
+}
\ No newline at end of file

src/styles/radio.scss

+@use '@/styles/common.scss';
+
+.radio-group-as-gap-btn {
+
+    @extend .text-tip-1;
+
+    .el-radio-button {
+        --el-radio-button-checked-bg-color: var(--bg-white-100);
+        --el-radio-button-checked-border-color: var(--bg-black-10);
+        border-radius: 4px;
+    }
+
+    .el-radio-button.is-active {
+        --el-radio-button-checked-text-color: var(--color-primary-100);
+        --el-radio-button-checked-bg-color: var(--color-primary-10);
+        --el-radio-button-checked-border-color: var(--color-primary-5);
+        border-radius: 4px;
+    }
+}
\ No newline at end of file

src/views/companyPages2/component/detailsPages/baseInfo.vue → src/views/companyPages2/component/DetailsPages/BaseInfo.vue

@@ -38,7 +38,7 @@
 import AnalysisBox from '@/components/base/boxBackground/analysisBox.vue';
 import { ref, watch } from 'vue';
 import { getEnterpriseBranch, getEnterpriseKeyPerson } from '@/api/companyPages';
-import PersonAvatar from '@/components/base/people/personAvatar.vue';
+import PersonAvatar from '@/components/base/people/PersonAvatar.vue';
 import { ElDescriptions, ElDescriptionsItem, ElDivider, ElImage, ElSpace } from 'element-plus';
 import '@/styles/descriptions.scss'
 

src/views/companyPages2/component/OperatingPages/EnterpriseScale.vue

+<template>
+    <sanctions-situation :enterprise-info="enterpriseInfo" :line-data="lineData"></sanctions-situation>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+
+import { getNetProfitList, getPersonnelList, getRevenueList } from '@/api/companyPages';
+import SanctionsSituation, { LineDataItem } from './SanctionsSituation.vue';
+import { l } from 'vite/dist/node/types.d-aGj9QkWt';
+
+
+// 定义组件属性
+const props = defineProps({
+    enterpriseInfo: {
+        type: Object,
+        default: {}
+    }
+});
+
+const lineData = ref<LineDataItem[]>([])
+
+onMounted(async () => {
+    await intData()
+})
+async function intData() {
+    let { data: revenue } = await getRevenueList(props.enterpriseInfo.id)
+    revenue = revenue?.map(item => ({
+        time: new Date(item.year, 1, 1),
+        value: item.value,
+        type: '营收',
+        unit: item.unit ?? '亿元'
+    })) ?? []
+    let { data: netProfit } = await getNetProfitList(props.enterpriseInfo.id)
+    netProfit = netProfit?.map(item => ({
+        time: new Date(item.year, 1, 1),
+        value: item.value,
+        type: '净利润',
+        unit: item.unit ?? '亿元'
+    })) ?? []
+    let { data: personnel } = await getPersonnelList(props.enterpriseInfo.id)
+    personnel = personnel?.map(item => ({
+        time: new Date(item.year, 1, 1),
+        value: item.value,
+        type: '人员',
+        unit: item.unit ?? '亿元'
+    })) ?? []
+
+    lineData.value = [...revenue, ...netProfit, ...personnel]
+}
+</script>
\ No newline at end of file

src/views/companyPages2/component/OperatingPages/MarketShare.vue

+<template>
+    <sanctions-situation :enterprise-info="enterpriseInfo" :line-data="lineData"></sanctions-situation>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { getMarketShareList } from '@/api/companyPages';
+import SanctionsSituation, { LineDataItem } from './SanctionsSituation.vue';
+
+
+// 定义组件属性
+const props = defineProps({
+    enterpriseInfo: {
+        type: Object,
+        default: {}
+    }
+});
+
+const lineData = ref<LineDataItem[]>([])
+
+onMounted(async () => {
+    await intData()
+})
+async function intData() {
+    const { data } = await getMarketShareList(props.enterpriseInfo.id)
+    lineData.value = data?.map(item => ({
+        time: new Date(item.year, 1, 1),
+        value: item.value,
+        unit: item.unit ?? '亿元'
+    })) ?? []
+}
+</script>
\ No newline at end of file

src/views/companyPages2/component/OperatingPages/MarketValue.vue

+<template>
+    <sanctions-situation :enterprise-info="enterpriseInfo" :line-data="lineData"></sanctions-situation>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { getMarketCapList } from '@/api/companyPages';
+import SanctionsSituation, { LineDataItem } from './SanctionsSituation.vue';
+
+
+// 定义组件属性
+const props = defineProps({
+    enterpriseInfo: {
+        type: Object,
+        default: {}
+    }
+});
+
+const lineData = ref<LineDataItem[]>([])
+
+onMounted(async () => {
+    await intData()
+})
+async function intData() {
+    const { data } = await getMarketCapList(props.enterpriseInfo.id)
+    lineData.value = data?.map(item => ({
+        time: new Date(item.year, 1, 1),
+        value: item.value,
+        type: '市值变化',
+        unit: item.unit ?? '亿元'
+    })) ?? []
+}
+</script>
\ No newline at end of file

src/views/companyPages2/component/OperatingPages/ResearchAndDevelopment.vue

+<template>
+    <sanctions-situation :enterprise-info="enterpriseInfo" :line-data="lineData"></sanctions-situation>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { getMarketCapList, getStudyList } from '@/api/companyPages';
+import SanctionsSituation, { LineDataItem } from './SanctionsSituation.vue';
+
+
+// 定义组件属性
+const props = defineProps({
+    enterpriseInfo: {
+        type: Object,
+        default: {}
+    }
+});
+
+const lineData = ref<LineDataItem[]>([])
+
+onMounted(async () => {
+    await intData()
+})
+async function intData() {
+    const { data } = await getStudyList(props.enterpriseInfo.id)
+    lineData.value = data?.map(item => ({
+        time: new Date(item.year, 1, 1),
+        value: item.currentValue,
+        type: item.type,
+        unit: item.unit ?? '亿元'
+    })) ?? []
+}
+</script>
\ No newline at end of file

src/views/companyPages2/component/operatingPages/index.vue → src/views/companyPages2/component/OperatingPages/index.vue

 <script setup lang="ts">
 import '@/styles/tabs.scss'
 import { ElTabPane, ElTabs } from 'element-plus';
-import SanctionsSituation from './SanctionsSituation.vue';
+import EnterpriseScale from './EnterpriseScale.vue';
+import MarketShare from './MarketShare.vue';
+import MarketValue from './MarketValue.vue';
+import ResearchAndDevelopment from './ResearchAndDevelopment.vue';
 
 // 定义组件属性
 const props = defineProps({
@@ -15,12 +18,18 @@ const props = defineProps({
 <template>
     <div style="overflow: visible;">
         <el-tabs tabPosition="left" class="disinheritance tabs-nav-no-wrap left-float-nav-tabs">
-            <el-tab-pane label="企业规模">
-                <sanctions-situation :enterprise-info="enterpriseInfo"></sanctions-situation>
+            <el-tab-pane label="企业规模" lazy>
+                <enterprise-scale :enterprise-info="enterpriseInfo"></enterprise-scale>
+            </el-tab-pane>
+            <el-tab-pane label="市值变化" lazy>
+                <market-value :enterprise-info="enterpriseInfo"></market-value>
+            </el-tab-pane>
+            <el-tab-pane label="研发投入" lazy>
+                <research-and-development :enterprise-info="enterpriseInfo"></research-and-development>
+            </el-tab-pane>
+            <el-tab-pane label="市场占比" lazy>
+                <market-share :enterprise-info="enterpriseInfo"></market-share>
             </el-tab-pane>
-            <!-- <el-tab-pane label="市值变化"></el-tab-pane>
-            <el-tab-pane label="研发投入"></el-tab-pane>
-            <el-tab-pane label="市场占比"></el-tab-pane> -->
         </el-tabs>
     </div>
 </template>
\ No newline at end of file

src/views/companyPages2/component/titlePane.vue → src/views/companyPages2/component/TitlePane.vue

@@ -30,7 +30,7 @@ import { getSupplyAreaList } from '@/api/companyPages';
 import { ref, watch } from 'vue';
 import { ElSpace } from 'element-plus';
 // 导入自定义组件
-import CapitalScale from './capitalScale.vue'
+import CapitalScale from './CapitalScale.vue'
 
 // 响应式数据
 const areas = ref([]) // 供应区域列表

src/views/companyPages2/index.vue

@@ -29,10 +29,10 @@
 import { ref, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { getEnterprisePageInfo } from '@/api/companyPages';
-import TitlePane from './component/titlePane.vue';
-import NewsPane from './component/detailsPages/newsPane.vue';
-import BaseInfo from './component/detailsPages/baseInfo.vue';
-import OperatingPages from './component/operatingPages/index.vue';
+import TitlePane from './component/TitlePane.vue';
+import NewsPane from './component/DetailsPages/NewsPane.vue';
+import BaseInfo from './component/DetailsPages/BaseInfo.vue';
+import OperatingPages from './component/OperatingPages/index.vue';
 import '@/styles/tabs.scss'
 import '@/styles/container.scss'
 import { ElScrollbar, ElSpace, ElTabs, ElTabPane } from 'element-plus';