From 4d93a90f4fc6654ec7690c0aebd1f4b987837b1a Mon Sep 17 00:00:00 2001
From: xy <271556543@qq.com>
Date: Mon, 6 Nov 2023 15:46:57 +0800
Subject: [PATCH] 2023-11-6

---
 src/views/dashboard/index.vue | 534 ++++++++++++++++++++++++++--------
 1 file changed, 420 insertions(+), 114 deletions(-)

diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index e60108e..e5e2eee 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -131,124 +131,423 @@
     </el-card>
 
     <div class="demo-split">
-      <div v-for="(sitem, index) in typeList">
-        <Split v-model="split" style="height: 580px">
-          <template #left>
-            <div class="demo-split-pane" style="padding-right: 5px">
-              <div ref="lxHeader" v-if="sitem[0]">
-                <LxHeader
-                  icon="md-apps"
-                  :text="sitem[0].type_text"
-                  style="margin-bottom: 10px; border: 0px; margin-top: 15px"
-                >
-                  <div slot="content">
-                    <xy-table
-                      :height="120"
-                      :list="[sitem[0]]"
-                      :table-item="typeTable"
-                    >
-                      <template v-slot:btns>
-                        <el-table-column
-                          :width="10"
-                          fixed="right"
-                          label="操作"
-                          header-align="center"
-                          align="center"
+<!--      <template v-for="(o,group) in Math.ceil(typeList.length / 2)">-->
+<!--        <template v-if="(Math.ceil(typeList.length / 2) === o) && (Math.ceil(typeList.length) % 2 === 1)">-->
+<!--          <div class="demo-split-pane" style="padding-right: 5px">-->
+<!--            <div ref="lxHeader" v-if="typeList[group*2]">-->
+<!--              <LxHeader-->
+<!--                icon="md-apps"-->
+<!--                :text="typeList[group*2].type_text"-->
+<!--                style="margin-bottom: 10px; border: 0px; margin-top: 15px"-->
+<!--              >-->
+<!--                <div slot="content">-->
+<!--                  <xy-table-->
+<!--                    :height="120"-->
+<!--                    :list="[typeList[group*2]]"-->
+<!--                    :table-item="typeTable"-->
+<!--                  >-->
+<!--                    <template v-slot:btns>-->
+<!--                      <el-table-column-->
+<!--                        :width="10"-->
+<!--                        fixed="right"-->
+<!--                        label="操作"-->
+<!--                        header-align="center"-->
+<!--                        align="center"-->
+<!--                      >-->
+<!--                        <template slot-scope="scope"> </template>-->
+<!--                      </el-table-column>-->
+<!--                    </template>-->
+<!--                  </xy-table>-->
+<!--                </div>-->
+<!--                <slot>-->
+<!--                  <div style="width: 100%">-->
+<!--                    <xy-table-->
+<!--                      :height="380"-->
+<!--                      :list="typeList[group*2].departments"-->
+<!--                      :table-item="departmentTable"-->
+<!--                    >-->
+<!--                      <template v-slot:btns>-->
+<!--                        <el-table-column-->
+<!--                          :width="80"-->
+<!--                          fixed="right"-->
+<!--                          label="操作"-->
+<!--                          header-align="center"-->
+<!--                          align="center"-->
+<!--                        >-->
+<!--                          <template slot-scope="scope">-->
+<!--                            <router-link-->
+<!--                              :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${typeList[group*2].type}`"-->
+<!--                            >查看-->
+<!--                            </router-link>-->
+<!--                          </template>-->
+<!--                        </el-table-column>-->
+<!--                      </template>-->
+<!--                    </xy-table>-->
+<!--                  </div>-->
+<!--                </slot>-->
+<!--              </LxHeader>-->
+<!--            </div>-->
+<!--          </div>-->
+<!--        </template>-->
+<!--        <template v-else>-->
+<!--          <Split v-model="split[group]" style="height: 580px">-->
+<!--            <template #left>-->
+<!--              <div class="demo-split-pane" style="padding-right: 5px">-->
+<!--                <div ref="lxHeader" v-if="typeList[group*2]">-->
+<!--                  <LxHeader-->
+<!--                    icon="md-apps"-->
+<!--                    :text="typeList[group*2].type_text"-->
+<!--                    style="margin-bottom: 10px; border: 0px; margin-top: 15px"-->
+<!--                  >-->
+<!--                    <div slot="content">-->
+<!--                      <xy-table-->
+<!--                        :height="120"-->
+<!--                        :list="[typeList[group*2]]"-->
+<!--                        :table-item="typeTable"-->
+<!--                      >-->
+<!--                        <template v-slot:btns>-->
+<!--                          <el-table-column-->
+<!--                            :width="10"-->
+<!--                            fixed="right"-->
+<!--                            label="操作"-->
+<!--                            header-align="center"-->
+<!--                            align="center"-->
+<!--                          >-->
+<!--                            <template slot-scope="scope"> </template>-->
+<!--                          </el-table-column>-->
+<!--                        </template>-->
+<!--                      </xy-table>-->
+<!--                    </div>-->
+<!--                    <slot>-->
+<!--                      <div style="width: 100%">-->
+<!--                        <xy-table-->
+<!--                          :height="380"-->
+<!--                          :list="typeList[group*2].departments"-->
+<!--                          :table-item="departmentTable"-->
+<!--                        >-->
+<!--                          <template v-slot:btns>-->
+<!--                            <el-table-column-->
+<!--                              :width="80"-->
+<!--                              fixed="right"-->
+<!--                              label="操作"-->
+<!--                              header-align="center"-->
+<!--                              align="center"-->
+<!--                            >-->
+<!--                              <template slot-scope="scope">-->
+<!--                                <router-link-->
+<!--                                  :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${typeList[group*2].type}`"-->
+<!--                                >查看-->
+<!--                                </router-link>-->
+<!--                              </template>-->
+<!--                            </el-table-column>-->
+<!--                          </template>-->
+<!--                        </xy-table>-->
+<!--                      </div>-->
+<!--                    </slot>-->
+<!--                  </LxHeader>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--            </template>-->
+<!--            <template #right>-->
+<!--              <div class="demo-split-pane" style="padding-left: 10px">-->
+<!--                <div ref="lxHeader" v-if="typeList[group*2+1]">-->
+<!--                  <LxHeader-->
+<!--                    icon="md-apps"-->
+<!--                    :text="typeList[group*2+1].type_text"-->
+<!--                    style="margin-bottom: 10px; border: 0px; margin-top: 15px"-->
+<!--                  >-->
+<!--                    <div slot="content">-->
+<!--                      <xy-table-->
+<!--                        :height="120"-->
+<!--                        :list="[typeList[group*2+1]]"-->
+<!--                        :table-item="typeTable"-->
+<!--                      >-->
+<!--                        <template v-slot:btns>-->
+<!--                          <el-table-column-->
+<!--                            :width="10"-->
+<!--                            fixed="right"-->
+<!--                            label="操作"-->
+<!--                            header-align="center"-->
+<!--                            align="center"-->
+<!--                          >-->
+<!--                            <template slot-scope="scope"> </template>-->
+<!--                          </el-table-column>-->
+<!--                        </template>-->
+<!--                      </xy-table>-->
+<!--                    </div>-->
+<!--                    <slot>-->
+<!--                      <div style="width: 100%">-->
+<!--                        <xy-table-->
+<!--                          :height="380"-->
+<!--                          :list="typeList[group*2+1].departments"-->
+<!--                          :table-item="departmentTable"-->
+<!--                        >-->
+<!--                          <template v-slot:btns>-->
+<!--                            <el-table-column-->
+<!--                              :width="80"-->
+<!--                              fixed="right"-->
+<!--                              label="操作"-->
+<!--                              header-align="center"-->
+<!--                              align="center"-->
+<!--                            >-->
+<!--                              <template slot-scope="scope">-->
+<!--                                <router-link-->
+<!--                                  :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${typeList[group*2+1].type}`"-->
+<!--                                >查看-->
+<!--                                </router-link>-->
+<!--                              </template>-->
+<!--                            </el-table-column>-->
+<!--                          </template>-->
+<!--                        </xy-table>-->
+<!--                      </div>-->
+<!--                    </slot>-->
+<!--                  </LxHeader>-->
+<!--                </div>-->
+<!--              </div>-->
+<!--            </template>-->
+<!--          </Split>-->
+<!--        </template>-->
+<!--      </template>-->
+            <div v-for="(sitem, index) in typeList">
+              <template v-if="sitem[0]&&sitem[1]">
+                <Split v-model="split" style="height: 580px">
+                  <template #left>
+                    <div class="demo-split-pane" style="padding-right: 5px">
+                      <div ref="lxHeader" v-if="sitem[0]">
+                        <LxHeader
+                          icon="md-apps"
+                          :text="sitem[0].type_text"
+                          style="margin-bottom: 10px; border: 0px; margin-top: 15px"
                         >
-                          <template slot-scope="scope"> </template>
-                        </el-table-column>
-                      </template>
-                    </xy-table>
-                  </div>
-                  <slot>
-                    <div style="width: 100%">
-                      <xy-table
-                        :height="380"
-                        :list="sitem[0].departments"
-                        :table-item="departmentTable"
-                      >
-                        <template v-slot:btns>
-                          <el-table-column
-                            :width="80"
-                            fixed="right"
-                            label="操作"
-                            header-align="center"
-                            align="center"
-                          >
-                            <template slot-scope="scope">
-                              <router-link
-                                :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${sitem[0].type}`"
-                                >查看
-                              </router-link>
-                            </template>
-                          </el-table-column>
-                        </template>
-                      </xy-table>
+                          <div slot="content">
+                            <xy-table
+                              :height="120"
+                              :list="[sitem[0]]"
+                              :table-item="typeTable"
+                            >
+                              <template v-slot:btns>
+                                <el-table-column
+                                  :width="10"
+                                  fixed="right"
+                                  label="操作"
+                                  header-align="center"
+                                  align="center"
+                                >
+                                  <template slot-scope="scope"> </template>
+                                </el-table-column>
+                              </template>
+                            </xy-table>
+                          </div>
+                          <slot>
+                            <div style="width: 100%">
+                              <xy-table
+                                :height="380"
+                                :list="sitem[0].departments"
+                                :table-item="departmentTable"
+                              >
+                                <template v-slot:btns>
+                                  <el-table-column
+                                    :width="80"
+                                    fixed="right"
+                                    label="操作"
+                                    header-align="center"
+                                    align="center"
+                                  >
+                                    <template slot-scope="scope">
+                                      <router-link
+                                        :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${sitem[0].type}`"
+                                      >查看
+                                      </router-link>
+                                    </template>
+                                  </el-table-column>
+                                </template>
+                              </xy-table>
+                            </div>
+                          </slot>
+                        </LxHeader>
+                      </div>
                     </div>
-                  </slot>
-                </LxHeader>
-              </div>
-            </div>
-          </template>
-          <template #right>
-            <div class="demo-split-pane" style="padding-left: 10px">
-              <div ref="lxHeader" v-if="sitem[1]">
-                <LxHeader
-                  icon="md-apps"
-                  :text="sitem[1].type_text"
-                  style="margin-bottom: 10px; border: 0px; margin-top: 15px"
-                >
-                  <div slot="content">
-                    <xy-table
-                      :height="120"
-                      :list="[sitem[1]]"
-                      :table-item="typeTable"
-                    >
-                      <template v-slot:btns>
-                        <el-table-column
-                          :width="10"
-                          fixed="right"
-                          label="操作"
-                          header-align="center"
-                          align="center"
-                        >
-                          <template slot-scope="scope"> </template>
-                        </el-table-column>
-                      </template>
-                    </xy-table>
-                  </div>
-                  <slot>
-                    <div style="width: 100%">
-                      <xy-table
-                        :height="380"
-                        :list="sitem[1].departments"
-                        :table-item="departmentTable"
-                      >
-                        <template v-slot:btns>
-                          <el-table-column
-                            :width="80"
-                            fixed="right"
-                            label="操作"
-                            header-align="center"
-                            align="center"
+                  </template>
+                  <template #right>
+                    <template v-if="!typeList[index+1]">
+                      <div class="demo-split-pane" style="padding-left: 10px">
+                        <div ref="lxHeader" v-if="sitem[1]">
+                          <LxHeader
+                            icon="md-apps"
+                            :text="sitem[1].type_text"
+                            style="margin-bottom: 10px; border: 0px; margin-top: 15px"
                           >
-                            <template slot-scope="scope">
-                              <router-link
-                                :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${sitem[1].type}`"
-                                >查看
-                              </router-link>
-                            </template>
-                          </el-table-column>
+                            <div slot="content">
+                              <xy-table
+                                :height="120"
+                                :list="[sitem[1]]"
+                                :table-item="typeTable"
+                              >
+                                <template v-slot:btns>
+                                  <el-table-column
+                                    :width="10"
+                                    fixed="right"
+                                    label="操作"
+                                    header-align="center"
+                                    align="center"
+                                  >
+                                    <template slot-scope="scope"> </template>
+                                  </el-table-column>
+                                </template>
+                              </xy-table>
+                            </div>
+                            <slot>
+                              <div style="width: 100%">
+                                <xy-table
+                                  :height="380"
+                                  :list="sitem[1].departments"
+                                  :table-item="departmentTable"
+                                >
+                                  <template v-slot:btns>
+                                    <el-table-column
+                                      :width="80"
+                                      fixed="right"
+                                      label="操作"
+                                      header-align="center"
+                                      align="center"
+                                    >
+                                      <template slot-scope="scope">
+                                        <router-link
+                                          :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${sitem[1].type}`"
+                                        >查看
+                                        </router-link>
+                                      </template>
+                                    </el-table-column>
+                                  </template>
+                                </xy-table>
+                              </div>
+                            </slot>
+                          </LxHeader>
+                        </div>
+                      </div>
+                    </template>
+                    <template v-else>
+                      <Split v-model="split1" mode="vertical">
+                        <template #top>
+                          <div class="demo-split-pane" style="padding-left: 10px">
+                            <div ref="lxHeader" v-if="sitem[1]">
+                              <LxHeader
+                                icon="md-apps"
+                                :text="sitem[1].type_text"
+                                style="margin-bottom: 10px; border: 0px; margin-top: 15px"
+                              >
+                                <div slot="content">
+                                  <xy-table
+                                    :height="120"
+                                    :list="[sitem[1]]"
+                                    :table-item="typeTable"
+                                  >
+                                    <template v-slot:btns>
+                                      <el-table-column
+                                        :width="10"
+                                        fixed="right"
+                                        label="操作"
+                                        header-align="center"
+                                        align="center"
+                                      >
+                                        <template slot-scope="scope"> </template>
+                                      </el-table-column>
+                                    </template>
+                                  </xy-table>
+                                </div>
+                                <slot>
+                                  <div style="width: 100%">
+                                    <xy-table
+                                      :height="380"
+                                      :list="sitem[1].departments"
+                                      :table-item="departmentTable"
+                                    >
+                                      <template v-slot:btns>
+                                        <el-table-column
+                                          :width="80"
+                                          fixed="right"
+                                          label="操作"
+                                          header-align="center"
+                                          align="center"
+                                        >
+                                          <template slot-scope="scope">
+                                            <router-link
+                                              :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${sitem[1].type}`"
+                                            >查看
+                                            </router-link>
+                                          </template>
+                                        </el-table-column>
+                                      </template>
+                                    </xy-table>
+                                  </div>
+                                </slot>
+                              </LxHeader>
+                            </div>
+                          </div>
                         </template>
-                      </xy-table>
-                    </div>
-                  </slot>
-                </LxHeader>
-              </div>
+                        <template #bottom>
+                          <div class="demo-split-pane" style="padding-left: 10px">
+                            <div ref="lxHeader" v-if="typeList[index+1][0]">
+                              <LxHeader
+                                icon="md-apps"
+                                :text="typeList[index+1][0].type_text"
+                                style="margin-bottom: 10px; border: 0px; margin-top: 15px"
+                              >
+                                <div slot="content">
+                                  <xy-table
+                                    :height="120"
+                                    :list="[typeList[index+1][0]]"
+                                    :table-item="typeTable"
+                                  >
+                                    <template v-slot:btns>
+                                      <el-table-column
+                                        :width="10"
+                                        fixed="right"
+                                        label="操作"
+                                        header-align="center"
+                                        align="center"
+                                      >
+                                        <template slot-scope="scope"> </template>
+                                      </el-table-column>
+                                    </template>
+                                  </xy-table>
+                                </div>
+                                <slot v-if="typeList[index+1][0].type_text !== '补助经费'">
+                                  <div style="width: 100%">
+                                    <xy-table
+                                      :height="380"
+                                      :list="typeList[index+1][0].departments"
+                                      :table-item="departmentTable"
+                                    >
+                                      <template v-slot:btns>
+                                        <el-table-column
+                                          :width="80"
+                                          fixed="right"
+                                          label="操作"
+                                          header-align="center"
+                                          align="center"
+                                        >
+                                          <template slot-scope="scope">
+                                            <router-link
+                                              :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.department_id}&type=${typeList[index+1][0].type}`"
+                                            >查看
+                                            </router-link>
+                                          </template>
+                                        </el-table-column>
+                                      </template>
+                                    </xy-table>
+                                  </div>
+                                </slot>
+                              </LxHeader>
+                            </div>
+                          </div>
+                        </template>
+                      </Split>
+                    </template>
+                  </template>
+                </Split>
+              </template>
             </div>
-          </template>
-        </Split>
-      </div>
 
       <div ref="lxHeader">
         <LxHeader
@@ -879,6 +1178,7 @@ export default {
       ],
       value2: 12,
       split: 0.5,
+      split1: 0.68,
       select: {
         year: "",
       },
@@ -1090,15 +1390,18 @@ export default {
         for (var i = 0; i < res.typeList.length; i = i + 2) {
           if (res.typeList[i]) {
             res.typeList[i].per = this.getPer(res.typeList[i]);
+            //arr.push(res.typeList[i])
           }
           if (res.typeList[i + 1]) {
             res.typeList[i + 1].per = this.getPer(res.typeList[i + 1]);
+            //arr.push(res.typeList[i + 1])
           }
           arr.push([res.typeList[i], res.typeList[i + 1]]);
         }
         this.typeList = arr;
       }
-      console.log( 123,this.typeList)
+      //this.split = Array.from({ length: Math.ceil(this.typeList/2) },() => 0.5)
+      console.log(123, this.typeList);
     },
     getPer(row) {
       let m2 = row.money_total_2;
@@ -1278,6 +1581,9 @@ a {
 }
 </style>
 <style lang="scss" scoped>
+::v-deep .ivu-split-pane {
+  overflow: scroll;
+}
 .ivu-btn {
   margin-right: 10px;
 }