项目看板修改

src/renderer/src/views/home2/datav.vue

@@ -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 ()=>{