|
|
@@ -50,12 +50,38 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<div class="bg-box-card">
|
|
|
- <div class="bg-box-card-title">
|
|
|
- <i class="ri-numbers-line" style="color:rgb(62, 177, 165)" /> <span>运营统计</span>
|
|
|
+ <div class="bg-box-card-title flex justify-between">
|
|
|
+ <div>
|
|
|
+ <i class="ri-numbers-line" style="color:rgb(62, 177, 165)" /> <span>运营统计</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-link type="primary" underline @click="showAllData = true">查看更多</el-link>
|
|
|
+ <hc-dialog v-model="showAllData" title="全部数据" is-table :footer="false" widths="1200px">
|
|
|
+ <div class="bg-box-card" style="height: 80vh">
|
|
|
+ <div class="bg-box-card-title flex justify-between">
|
|
|
+ <div>
|
|
|
+ <i class="ri-numbers-line" style="color:rgb(62, 177, 165); font-size: 24px" /> <span style="font-size: 20px">运营统计</span>
|
|
|
+ </div>
|
|
|
+ <div />
|
|
|
+ </div>
|
|
|
+ <div class="hc-full relative" style="height: calc(100% - 60px)">
|
|
|
+ <HcDatavBarChart
|
|
|
+ :datas="companyTotal.map(item => ({
|
|
|
+ name: item.operationCompany,
|
|
|
+ value: item.count,
|
|
|
+ }))"
|
|
|
+ height="100%"
|
|
|
+ width="100%"
|
|
|
+ @chart-click="handleChartClick1"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </hc-dialog>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="hc-full relative">
|
|
|
<HcDatavBarChart
|
|
|
- :datas="companyTotal.map(item => ({
|
|
|
+ :datas="companyTotal.slice(0, 10).map(item => ({
|
|
|
name: item.operationCompany,
|
|
|
value: item.count,
|
|
|
}))"
|
|
|
@@ -68,11 +94,35 @@
|
|
|
<div class="bg-box-card">
|
|
|
<div class="bg-box-card-title flex justify-between">
|
|
|
<div> <i class="ri-line-chart-line" style="color:#18DD32" /> <span>收益统计</span></div>
|
|
|
+
|
|
|
<div ref="searchRef">
|
|
|
<HcDatavSelect v-model="searchForm.year" :datas="yearArr" :clearable="false" @change="searchChange" />
|
|
|
<HcDatavSelect v-model="searchForm.type" :datas="typeArr1" placeholder="项目类型" @change="searchChange" />
|
|
|
<HcDatavSelect v-model="searchForm.size" :datas="typeArr2" placeholder="前五名" @change="searchChange" />
|
|
|
</div>
|
|
|
+
|
|
|
+ <el-link type="primary" underline @click="handleShowAllData">查看更多</el-link>
|
|
|
+ <hc-dialog v-model="showAllData1" title="全部数据" widths="1200px" is-table>
|
|
|
+ <div class="bg-box-card" style="height: 100%;">
|
|
|
+ <div class="bg-box-card-title flex justify-between">
|
|
|
+ <div> <i class="ri-line-chart-line" style="color:#18DD32" /> <span>收益统计</span></div>
|
|
|
+
|
|
|
+ <div ref="searchRef">
|
|
|
+ <HcDatavSelect v-model="searchForm.year" :datas="yearArr" :clearable="false" @change="searchChange" />
|
|
|
+ <HcDatavSelect v-model="searchForm.type" :datas="typeArr1" placeholder="项目类型" @change="searchChange" />
|
|
|
+ <HcDatavSelect v-model="searchForm.size" :datas="typeArr2" placeholder="所有" @change="searchChange" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="hc-full relative" style="height: 70vh">
|
|
|
+ <HcDatavVerticalBarChart
|
|
|
+ :datas="incomeTotal"
|
|
|
+ height="100%"
|
|
|
+ width="100%"
|
|
|
+ :options="{ grid: { top: '5%', left: '3%', right: '4%', bottom: '3%', containLabel: true } }"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </hc-dialog>
|
|
|
</div>
|
|
|
<div class="hc-full relative">
|
|
|
<HcDatavVerticalBarChart
|
|
|
@@ -206,6 +256,8 @@ const hasPermission = menuBarData.value.some(item => item.code === 'project2')
|
|
|
|
|
|
}
|
|
|
//根据公司统计
|
|
|
+const showAllData = ref(false)
|
|
|
+const showAllData1 = ref(false)
|
|
|
const companyTotal = ref([])
|
|
|
const getCompanyTotal = async ()=>{
|
|
|
const { error, code, data } = await projectApi.companyTotal()
|
|
|
@@ -284,6 +336,11 @@ const fixedChartRef = ref(null)
|
|
|
|
|
|
//根据收益统计
|
|
|
const incomeTotal = ref([])
|
|
|
+const handleShowAllData = () => {
|
|
|
+ showAllData1.value = true
|
|
|
+ searchForm.value.size = null
|
|
|
+ getIncomeTotal()
|
|
|
+}
|
|
|
const getIncomeTotal = async ()=>{
|
|
|
|
|
|
|
