feat(home): 为项目总览和设备总览添加点击跳转功能

hejianhao

2026-01-20 d5b868e2843d8996c7dbfa5b592d58db21e79862

feat(home): 为项目总览和设备总览添加点击跳转功能

- 为项目数据总览卡片添加点击跳转至项目列表功能
- 为设备数据总览卡片和列表项添加点击跳转至设备列表功能
- 修正检查情况分类显示为房建和市政
- 优化设备总览的样式和交互效果

 screen/src/view/home/index.vue

@@ -163,7 +163,10 @@
          <template #title> 项目数据总览 </template>
          <template #content>
            <div class="flex px--20 mt--17 pb--16">
              <div class="flex flex-column a-center mt--17">
              <div
                @click="toPorjectList"
                class="flex flex-column a-center mt--17 cursor-pointer"
              >
                <div class="bgImg1 flex a-center flex-column j-end">
                  <div class="mb--23 c-fff SHSBold lh--18 fs--18 txts1">
                    项目总数
@@ -194,20 +197,20 @@
                  >
                    <div class="c-fff SHSBold fs--15 lh--15">本月检查情况</div>
                    <div class="flex a-center j-between mt--20">
                      <div class="px--13 py--13 bsh1">
                      <div class="px--13 py--13 bsh1" style="min-width: 150px;">
                        <div class="c-fff fs---14 lh--14 SHSH">已检查数：</div>
                        <div class="fs--45 lh--45 ff54- color8">36</div>
                        <div class="mt--20 c-fff SHSR fs--13 lh--25">
                          <div>塔式起重机：30</div>
                          <div>施工升降机：6</div>
                          <div>房建：30</div>
                          <div>市政：6</div>
                        </div>
                      </div>
                      <div class="px--13 py--13 bsh2">
                        <div class="c-fff fs---14 lh--14 SHSH">未1检查数：</div>
                      <div class="px--13 py--13 bsh2" style="min-width: 150px;">
                        <div class="c-fff fs---14 lh--14 SHSH">未检查数：</div>
                        <div class="fs--45 lh--45 ff54- color6">36</div>
                        <div class="mt--20 c-fff SHSR fs--13 lh--25">
                          <div>塔式起重机：30</div>
                          <div>施工升降机：6</div>
                          <div>房建：30</div>
                          <div>市政：6</div>
                        </div>
                      </div>
                    </div>
@@ -254,10 +257,10 @@
        <TitleBox>
          <template #title> 设备数据总览 </template>
          <template #content>
            <div class="flex j-end mt--8">
            <div class="flex j-end mt--8 mr--18">
              <div
                @click="toEquipmentList"
                class="flex a-center pl--11 pr--13 py--6 bgimg2 cursor-pointer"
                class="flex a-center pl--11 pr--13 py--6 bgimg2 cursor-pointer thisBox relative"
              >
                <div class="c-fff fs--14 SHSR mr--29 lh--14 shrink0">
                  本月检查情况
@@ -266,10 +269,35 @@
                  src="../../assets/img/home/Shape@2x.png"
                  class="w--14 h--14 shrink0"
                />
                <div
                  @click="toEquipmentList"
                  class="hoverBox pt--20 px--20 pb--26"
                >
                  <div class="c-fff SHSBold fs--15 lh--15">本月检查情况</div>
                  <div class="flex a-center j-between mt--20">
                    <div class="px--13 py--13 bsh1" style="min-width: 150px;">
                      <div class="c-fff fs---14 lh--14 SHSH">已检查数：</div>
                      <div class="fs--45 lh--45 ff54- color8">36</div>
                      <div class="mt--20 c-fff SHSR fs--13 lh--25">
                        <div>塔式起重机：30</div>
                        <div>施工升降机：6</div>
                      </div>
                    </div>
                    <div class="px--13 py--13 bsh2" style="min-width: 150px;">
                      <div class="c-fff fs---14 lh--14 SHSH">未检查数：</div>
                      <div class="fs--45 lh--45 ff54- color6">36</div>
                      <div class="mt--20 c-fff SHSR fs--13 lh--25">
                        <div>塔式起重机：30</div>
                        <div>施工升降机：6</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="flex a-center j-center gap--40 mt--14 mx--20 br--10 py--14 bgcolor3"
              @click="toEquipmentList"
              class="flex a-center j-center gap--40 mt--14 mx--20 br--10 py--14 bgcolor3 cursor-pointer"
            >
              <img
                src="../../assets/img/home/15@2x.png"
@@ -283,7 +311,12 @@
              </div>
            </div>
            <div class="mt--14 mx--20 pb--10 rowItem">
              <div v-for="item in 10" :key="item">
              <div
                @click="toEquipmentList"
                v-for="item in 10"
                :key="item"
                class="cursor-pointer"
              >
                <div class="bgimg3">
                  <div class="c-fff fs--22 lh--33 SHSBold txt-center">54</div>
                </div>