From 8f8efc7a428adda6e5e7cba339402d8482a800a6 Mon Sep 17 00:00:00 2001
From: LiuJiaNan <liujianan@zcloudchina.com>
Date: Thu, 22 Feb 2024 16:30:07 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/element.scss                   |   2 +-
 src/assets/images/index/icon1.png             | Bin 0 -> 1991 bytes
 src/assets/images/index/icon2.png             | Bin 0 -> 1894 bytes
 src/assets/images/index/icon3.png             | Bin 0 -> 1488 bytes
 src/request/index.js                          |  23 +++
 .../hidden_danger_government/ledger/index.vue |   5 +-
 src/views/index/components/announcement.vue   |  87 ++++++++++
 .../index/components/announcement_view.vue    |  53 ++++++
 src/views/index/components/calendar.vue       | 159 ++++++++++++++++++
 .../index/components/checklist_check.vue      | 135 +++++++++++++++
 src/views/index/components/count.vue          | 140 +++++++++++++++
 .../index/components/list_check_type.vue      | 136 +++++++++++++++
 .../index/components/risk_classification.vue  | 118 +++++++++++++
 src/views/index/components/schedule_add.vue   |  84 +++++++++
 src/views/index/index.vue                     |  52 +++++-
 15 files changed, 989 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/images/index/icon1.png
 create mode 100644 src/assets/images/index/icon2.png
 create mode 100644 src/assets/images/index/icon3.png
 create mode 100644 src/request/index.js
 create mode 100644 src/views/index/components/announcement.vue
 create mode 100644 src/views/index/components/announcement_view.vue
 create mode 100644 src/views/index/components/calendar.vue
 create mode 100644 src/views/index/components/checklist_check.vue
 create mode 100644 src/views/index/components/count.vue
 create mode 100644 src/views/index/components/list_check_type.vue
 create mode 100644 src/views/index/components/risk_classification.vue
 create mode 100644 src/views/index/components/schedule_add.vue

diff --git a/src/assets/css/element.scss b/src/assets/css/element.scss
index c69f671..d4c0fb9 100644
--- a/src/assets/css/element.scss
+++ b/src/assets/css/element.scss
@@ -1,7 +1,7 @@
 :root {
   --el-header-height: 69px;
   --el-aside-scrollbar-height: calc(100vh - var(--el-header-height));
-  --el-main-scrollbar-height: calc(100vh - var(--el-header-height) - 60px);
+  --el-main-scrollbar-height: calc(100vh - var(--el-header-height) - 40px);
   --el-border-color: #273868 !important; // 边框颜色
   --el-text-color-regular: #fff !important;
   --el-fill-color-light: #0e1d44 !important; //hover背景色
diff --git a/src/assets/images/index/icon1.png b/src/assets/images/index/icon1.png
new file mode 100644
index 0000000000000000000000000000000000000000..2556d319d5e118c93441e9fc7d59bddcc23bd24b
GIT binary patch
literal 1991
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
NCUW_lW_I?TUje0hA1?p^

literal 0
HcmV?d00001

diff --git a/src/assets/images/index/icon2.png b/src/assets/images/index/icon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..65e645723ce8ffa9a2902b0bb7853e80b43c035c
GIT binary patch
literal 1894
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
GH~j-;spl2|

literal 0
HcmV?d00001

diff --git a/src/assets/images/index/icon3.png b/src/assets/images/index/icon3.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a6e8309140232c89d7ba22a52679d3938843093
GIT binary patch
literal 1488
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEk|nMYCBgY=CFO}lsSJ)O`AMk?
zp1FzXsX?iUDV2pMQ*9U+nAI{vB1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+*
zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn
zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxOgGuk#8koDQqR!L
z*u>ION5ROz&_dt9Lf_C>*U-$$#K6kPNC66zfVLH-q*(>IxIyg#@@$ndN=gc>^!3Zj
z%k|2Q_413-^$jg8E%gnI^o@*kfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5
zFD<cE0=g99h1>$Tv3bSNU;+l1ennz|zM-B0$V)JVzP|XC=H|jx7ncO3BHWAB;Np<V
zf>iyW)Z+ZoqGVvir744~DzI`cN=+=uFAB-e&w+(vKt_H^esM;Afr7I$DAX(!G{Q6U
zQu51-HNkp(eXTt6ic1pnl2bihY?Xkf=w)W6SUH)QI$D}I8M_!785$b8x>`CKIXhce
zS{OUKn!A|0xxw_h<R_QrrskEv^rj&6n&8w6N)EXNK$~4si!#enQ{0O3a}~hew#vlq
z7DJroLG`BKc8d{Cz4}1M=z}5`DY9Wgz!U^x!jmqL15f;^dB7B31Wekg+ICYI7?>P9
zT^vIyZoP@{^*-z%;G4BZ<f4|6lGn<LOOxvz1XvDsv+u3={3MWdVZvW04N?DpEbrx5
z4mLNbe`Q}G&KkWxV1<GR%j&IlN6a@&Rh*=jEyO#i@%Xtn%XatQe0w@Yly%wbDv24)
z=NioamcJF85p;&9+4R7?f8WiL-3kJ~_tz?~T=bbKx4px>v2sB|#X32Qv_k!Y)h8mY
z3l1bj8FS?@%w1!@a@8xY^9tMbChM3>%<J}^wAk`d4b!#zd?~)hndym<O%m(bCOJs0
zSnYCQ(h_%;<2N^FYBz~`__d1UuQ_|f+;on$)#cg)maqM)T|Znsvfa6;rSxi*Yk}+z
z#!m-kJ;|4^SWtP8Z{~?boez0hAJkjSJe|ijpQmuK@1i*|#-H!M6}pn67vf~*_i$Qi
zk^2#&YiIumOEPX%m6wn%{y5bvEBb=!*IY3TONDPtDk=9YRymqjZ<re{CcK4fZ`Q;+
zk7PFV|11t;xftV>|1p22VYA}V=VAhXzO$Hi9`+7BxnM=l+#9kRdh0)L&35uVy7+>@
z_MUw*!79altx~nZa&;=Y7D8D(t}O@LT(8@1&<=hqsl&s=;H#t;<k)Tc*<L8?$lshb
z4yil6onlfx^H~eNvU-;8di3>{uqCpmB<wO{CraLR{aV4_Vx=G<z{BxtO2QHLIg4WS
zO$#G~_c_EIy`9SWmV0-~AEo|{a??FNxE#5$=gRz~WJxWtNd?ntcOB+b@(?{XZH3XF
zl-maab~Y`LzL@!dqvGFT?~<tB0y9`vb=+Rgz|63sal?)7`E9kJGS<`8&t;ucLK6T~
CUmV&1

literal 0
HcmV?d00001

diff --git a/src/request/index.js b/src/request/index.js
new file mode 100644
index 0000000..ae5a146
--- /dev/null
+++ b/src/request/index.js
@@ -0,0 +1,23 @@
+import { post } from "@/request/axios.js";
+
+export const getHiddenCount = (params) =>
+  post("/hidden/getCountByUserId", params); // 隐患数量
+export const getMemoryUsage = (params) =>
+  post("/service/notice/getMemoryUsage", params); // 储存空间
+export const getListCheckType = (params) =>
+  post("/listmanager/goIndexCount", params); // 清单检查类型统计
+export const getChecklistCheck = (params) =>
+  post("/checkrecord/goIndexCount", params); // 清单检查完成率统计
+export const getPlatformAnnouncement = (params) =>
+  post("/service/notice/listByIndex", params); // 平台公告
+export const getCorporateAnnouncement = (params) =>
+  post("/noticecorp/listByIndex", params); // 企业公告
+export const getPlatformAnnouncementView = (params) =>
+  post("/service/notice/goEdit", params); // 平台公告查看
+export const getCorporateAnnouncementView = (params) =>
+  post("/noticecorp/goEdit", params); // 企业公告查看
+export const getCalendar = (params) => post("/schedule/getData", params); // 日历
+export const getCalendarAdd = (params) => post("/schedule/add", params); // 日历添加
+export const getCalendarEdit = (params) => post("/schedule/edit", params); // 日历修改
+export const getWorkReminder = (params) =>
+  post("/listmanager/checkListIndex", params); // 工作提醒
diff --git a/src/views/hidden_danger_government/ledger/index.vue b/src/views/hidden_danger_government/ledger/index.vue
index 436f6f8..e723ee4 100644
--- a/src/views/hidden_danger_government/ledger/index.vue
+++ b/src/views/hidden_danger_government/ledger/index.vue
@@ -169,7 +169,7 @@
 </template>
 
 <script setup>
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import { serialNumber, translationStatus } from "@/assets/js/utils";
 import {
   setCustomHiddenDangerDelete,
@@ -191,6 +191,8 @@ const stateList = [
   { NAME: "已过期", ID: "-1" },
 ];
 const router = useRouter();
+const route = useRoute();
+const { STATE } = route.query;
 const data = reactive({
   exportExcelDialog: {
     visible: false,
@@ -204,6 +206,7 @@ const { list, pagination, searchForm, fnGetData, fnResetPagination, tableRef } =
       DISPOSESTATE: "-1",
       IS_SELF: "0",
     },
+    defaultSearchForm: { STATE },
   });
 const fnGetDataTransfer = () => {
   fnGetData({
diff --git a/src/views/index/components/announcement.vue b/src/views/index/components/announcement.vue
new file mode 100644
index 0000000..580975a
--- /dev/null
+++ b/src/views/index/components/announcement.vue
@@ -0,0 +1,87 @@
+<template>
+  <el-tabs v-model="active">
+    <el-tab-pane label="平台公告" name="first">
+      <ul>
+        <li
+          v-for="(item, index) in platformAnnouncementList.splice(0, 5)"
+          :key="index"
+          class="line-1"
+          @click="fnPlatformAnnouncementView(item.NOTICE_ID)"
+        >
+          {{ item.SYNOPSIS }}
+        </li>
+      </ul>
+    </el-tab-pane>
+    <el-tab-pane label="企业公告" name="second">
+      <ul>
+        <li
+          v-for="(item, index) in corporateAnnouncementList.splice(0, 5)"
+          :key="index"
+          class="line-1"
+          @click="fnCorporateAnnouncementView(item.NOTICECORP_ID)"
+        >
+          {{ item.SYNOPSIS }}
+        </li>
+      </ul>
+    </el-tab-pane>
+  </el-tabs>
+  <announcement-view
+    v-model:visible="data.viewDialog.visible"
+    :info="data.viewDialog.info"
+  />
+</template>
+
+<script setup>
+import { reactive, ref } from "vue";
+import {
+  getCorporateAnnouncement,
+  getCorporateAnnouncementView,
+  getPlatformAnnouncement,
+  getPlatformAnnouncementView,
+} from "@/request/index.js";
+import useListData from "@/assets/js/useListData.js";
+import AnnouncementView from "./announcement_view.vue";
+
+const active = ref("first");
+const { list: platformAnnouncementList } = useListData(
+  getPlatformAnnouncement,
+  { otherParams: { STATUS: 1 } }
+);
+const { list: corporateAnnouncementList } = useListData(
+  getCorporateAnnouncement,
+  { otherParams: { STATUS: 1 } }
+);
+const data = reactive({
+  viewDialog: {
+    visible: false,
+    info: {},
+  },
+});
+const fnPlatformAnnouncementView = async (NOTICE_ID) => {
+  const resData = await getPlatformAnnouncementView({ NOTICE_ID });
+  data.viewDialog.visible = true;
+  data.viewDialog.info = resData.pd;
+};
+const fnCorporateAnnouncementView = async (NOTICECORP_ID) => {
+  const resData = await getCorporateAnnouncementView({ NOTICECORP_ID });
+  data.viewDialog.visible = true;
+  data.viewDialog.info = resData.pd;
+};
+</script>
+
+<style scoped lang="scss">
+ul {
+  height: 120px;
+  overflow: hidden;
+
+  li {
+    padding: 4px 0;
+    font-size: 14px;
+    cursor: pointer;
+
+    &:hover {
+      color: #409eff;
+    }
+  }
+}
+</style>
diff --git a/src/views/index/components/announcement_view.vue b/src/views/index/components/announcement_view.vue
new file mode 100644
index 0000000..d657662
--- /dev/null
+++ b/src/views/index/components/announcement_view.vue
@@ -0,0 +1,53 @@
+<template>
+  <el-dialog v-model="visible" title="查看">
+    <div>
+      <div>
+        <h3>{{ info.SYNOPSIS }}</h3>
+      </div>
+      <div class="mt-10">
+        <span>发布人：{{ info.CREATOR }}</span>
+        <span class="pl-10">发布时间：{{ info.CREATTIME }}</span>
+      </div>
+      <div class="mt-10">
+        <div v-html="info.CONTENT" />
+      </div>
+      <div v-if="info.FILEPATH" class="mt-10">
+        <div>
+          附件：<el-button
+            type="primary"
+            text
+            link
+            @click="useDownloadFile(info.FILEPATH)"
+          >
+            下载
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <el-button @click="visible = false">关闭</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { useVModel } from "@vueuse/core";
+import useDownloadFile from "@/assets/js/useDownloadFile.js";
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+    default: false,
+  },
+  info: {
+    type: Object,
+    required: true,
+    default: () => ({}),
+  },
+});
+const emits = defineEmits(["update:visible"]);
+const visible = useVModel(props, "visible", emits);
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/index/components/calendar.vue b/src/views/index/components/calendar.vue
new file mode 100644
index 0000000..d55042d
--- /dev/null
+++ b/src/views/index/components/calendar.vue
@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <el-calendar v-model="value" class="mlr--18 border content">
+      <template #date-cell="{ data: { day } }">
+        <p class="calendar-data" @click="fnView(day)">
+          <span v-for="(item, index) in dayTime" :key="index">
+            <span v-if="day === item" class="budge" />
+          </span>
+          {{ day.split("-").slice(2).join() }}
+        </p>
+      </template>
+    </el-calendar>
+    <div class="mlr--18 border p-10 content">
+      <div class="title">本日工作提醒</div>
+      <div style="height: 42px">
+        <div v-if="wjcNum > 0" class="text-red mb-10">
+          需进行 {{ wjcNum }} 项隐患排查
+        </div>
+        <div class="text-green">已进行 {{ yjcNum }} 项隐患排查</div>
+      </div>
+    </div>
+    <div class="mlr--18 border p-10 content">
+      <div class="title">{{ currentDate }}日程安排</div>
+      <ul>
+        <li v-for="(item, index) in scheduleList" :key="index" class="line-1">
+          {{ item.desc }}
+        </li>
+        <li v-if="scheduleList.length === 0">暂无工作安排</li>
+      </ul>
+    </div>
+    <schedule-add
+      v-model:visible="data.addOrEditDialog.visible"
+      v-model:form="data.addOrEditDialog.form"
+      :title="data.addOrEditDialog.title"
+      :type="data.addOrEditDialog.type"
+      @get-data="fnGetSchedule(data.addOrEditDialog.form.noteDate)"
+    />
+  </div>
+</template>
+
+<script setup>
+import { nextTick, reactive, ref } from "vue";
+import { getCalendar, getWorkReminder } from "@/request/index.js";
+import dayjs from "dayjs";
+import ScheduleAdd from "./schedule_add.vue";
+
+const value = ref(new Date());
+const dayTime = ref([]);
+const wjcNum = ref(0);
+const yjcNum = ref(0);
+const currentDate = ref(dayjs().format("YYYY-MM-DD"));
+const scheduleList = ref([]);
+const data = reactive({
+  addOrEditDialog: {
+    visible: false,
+    type: "",
+    title: "",
+    form: {
+      SCHEDULE_ID: "",
+      biaoti: "",
+      neirong: "",
+      noteDate: "",
+    },
+  },
+});
+const fnGetCalendar = async () => {
+  const resData = await getCalendar();
+  for (let i = 0; i < resData.varList.length; i++) {
+    dayTime.value.push(resData.varList[i].date);
+  }
+};
+const fnGetWorkReminder = async () => {
+  const resData = await getWorkReminder();
+  wjcNum.value = resData.wjcNum;
+  yjcNum.value = resData.yjcNum;
+};
+const fnGetSchedule = async (CDATA, type = "") => {
+  const resData = await getCalendar({ CDATA });
+  if (type) {
+    data.addOrEditDialog.visible = true;
+    await nextTick();
+    data.addOrEditDialog.title = CDATA + "号日程";
+    if (resData.varList.length > 0) {
+      data.addOrEditDialog.type = "edit";
+      data.addOrEditDialog.form.SCHEDULE_ID = resData.varList[0].id;
+      data.addOrEditDialog.form.biaoti = resData.varList[0].title;
+      data.addOrEditDialog.form.neirong = resData.varList[0].desc;
+      data.addOrEditDialog.form.noteDate = resData.varList[0].date;
+    } else {
+      data.addOrEditDialog.form.SCHEDULE_ID = Math.random();
+      data.addOrEditDialog.form.noteDate = CDATA;
+      data.addOrEditDialog.type = "add";
+    }
+  } else scheduleList.value = resData.varList;
+};
+fnGetCalendar();
+fnGetWorkReminder();
+fnGetSchedule(currentDate.value);
+const fnView = (date) => {
+  currentDate.value = date;
+  if (dayjs().diff(dayjs(date), "day") > 0) {
+    fnGetSchedule(date);
+  } else {
+    fnGetSchedule(date, "add");
+    fnGetSchedule(date);
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.calendar-data {
+  position: relative;
+
+  .budge {
+    width: 6px;
+    height: 6px;
+    background-color: #ff4d4f;
+    border-radius: 50%;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+  }
+}
+
+.title {
+  font-weight: bold;
+  padding-bottom: 10px;
+}
+
+.border {
+  border-top: 1px solid #102b60;
+}
+
+.content {
+  font-size: 14px;
+}
+
+ul {
+  height: 106px;
+  overflow: hidden;
+
+  li {
+    padding: 4px 0;
+  }
+}
+
+:deep {
+  .el-calendar-table .el-calendar-day {
+    height: 40px;
+    line-height: 40px;
+    padding: 0;
+    text-align: center;
+  }
+
+  .el-calendar__body {
+    padding: 10px;
+  }
+}
+</style>
diff --git a/src/views/index/components/checklist_check.vue b/src/views/index/components/checklist_check.vue
new file mode 100644
index 0000000..0807f54
--- /dev/null
+++ b/src/views/index/components/checklist_check.vue
@@ -0,0 +1,135 @@
+<template>
+  <el-card>
+    <div class="searchForm">
+      <el-date-picker
+        v-model="dates"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+        value-format="YYYY-MM-DD"
+        format="YYYY-MM-DD"
+        style="width: 80% !important"
+      />
+      <el-button type="primary" class="ml-10" @click="fnGetData">
+        搜索
+      </el-button>
+    </div>
+    <div id="main3" />
+  </el-card>
+</template>
+
+<script setup>
+import { onBeforeUnmount, onMounted, ref } from "vue";
+import * as echarts from "echarts";
+import { getChecklistCheck } from "@/request/index.js";
+import dayjs from "dayjs";
+
+let myChart3;
+const dates = ref([
+  dayjs().startOf("year").format("YYYY-MM-DD"),
+  dayjs().endOf("year").format("YYYY-MM-DD"),
+]);
+const fnGetData = async () => {
+  const resData = await getChecklistCheck({
+    STARTTIME: dates.value[0],
+    ENDTIME: dates.value[1],
+  });
+  myChart3 && myChart3.dispose();
+  fnInitEcharts(resData.varList);
+};
+const fnInitEcharts = (data) => {
+  myChart3 = echarts.init(document.querySelector("#main3"));
+  const x_Data = [];
+  const y_Data = [];
+  for (let i = 0; i < data.length; i++) {
+    x_Data.push(data[i].percentage);
+    y_Data.push(data[i].name);
+  }
+  const option = {
+    title: {
+      text: "清单检查完成率统计（单位%）",
+      top: "3%",
+      textStyle: {
+        fontSize: "14",
+        color: "#fff",
+        fontWeight: "700",
+      },
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      top: "15%",
+      containLabel: true,
+    },
+    xAxis: {
+      show: false,
+      type: "value",
+      boundaryGap: [0, 0.01],
+    },
+    yAxis: {
+      type: "category",
+      data: y_Data,
+      axisLabel: {
+        color: "#fff",
+      },
+    },
+    series: [
+      {
+        type: "bar",
+        data: x_Data,
+        label: {
+          show: true,
+          position: "right",
+          color: "#fff",
+        },
+        barWidth: 15,
+        itemStyle: {
+          normal: {
+            color: function (params) {
+              const colorList = [
+                "#ee6666",
+                "#73c0de",
+                "#3ca272",
+                "#fc8452",
+                "#9a60b4",
+                "#5470c6",
+              ];
+              return colorList[params.dataIndex];
+            },
+          },
+        },
+      },
+    ],
+  };
+  myChart3.setOption(option);
+};
+onMounted(() => {
+  fnGetData();
+  window.onresize = function () {
+    myChart3 && myChart3.resize();
+  };
+});
+onBeforeUnmount(() => {
+  myChart3 = null;
+});
+</script>
+
+<style scoped lang="scss">
+#main3 {
+  width: 100%;
+  height: 305px;
+}
+.searchForm {
+  position: absolute;
+  right: 10px;
+  z-index: 1;
+}
+</style>
diff --git a/src/views/index/components/count.vue b/src/views/index/components/count.vue
new file mode 100644
index 0000000..3163d35
--- /dev/null
+++ b/src/views/index/components/count.vue
@@ -0,0 +1,140 @@
+<template>
+  <el-row :gutter="10">
+    <el-col :span="9">
+      <el-card>
+        <div class="flex">
+          <div class="img">
+            <img src="/src/assets/images/index/icon1.png" alt="" />
+          </div>
+          <div
+            @click="
+              router.push({
+                path: '/hidden_danger_government/ledger',
+                query: { STATE: '4' },
+              })
+            "
+          >
+            <span>已验收</span>
+            <count-to :end-val="data.hidCount.yys" />
+          </div>
+          <div
+            @click="
+              router.push({
+                path: '/hidden_danger_government/ledger',
+                query: { STATE: '-1' },
+              })
+            "
+          >
+            <span>已超期</span>
+            <count-to :end-val="data.hidCount.ycq" />
+          </div>
+          <div
+            @click="
+              router.push({ path: '/hidden_danger_government/rectification' })
+            "
+          >
+            <span>待整改</span>
+            <count-to :end-val="data.hidCount.dzg" />
+          </div>
+        </div>
+      </el-card>
+    </el-col>
+    <el-col :span="9">
+      <el-card>
+        <div class="flex">
+          <div class="img">
+            <img src="/src/assets/images/index/icon2.png" alt="" />
+          </div>
+          <div @click="router.push({ path: '/risk_control/ledger' })">
+            <span>存在风险</span>
+            <count-to :end-val="data.riskCount.cnzfx" />
+          </div>
+          <div
+            @click="router.push({ path: '/risk_control/identifying_parts' })"
+          >
+            <span>辨识部位</span>
+            <count-to :end-val="data.riskCount.idcount" />
+          </div>
+          <div @click="router.push({ path: '/risk_control/risk_point' })">
+            <span>风险点(单元)</span>
+            <count-to :end-val="data.riskCount.unitcount" />
+          </div>
+        </div>
+      </el-card>
+    </el-col>
+    <el-col :span="6">
+      <el-card>
+        <div class="flex">
+          <div class="img">
+            <img src="/src/assets/images/index/icon3.png" alt="" />
+          </div>
+          <div>
+            <span>已使用存储</span>
+            <count-to
+              :end-val="(data.memoryUsage.total_usage / 1000 / 1000).toFixed(2)"
+              :options="{ suffix: 'MB' }"
+            />
+          </div>
+        </div>
+      </el-card>
+    </el-col>
+  </el-row>
+</template>
+
+<script setup>
+import { getHiddenCount, getMemoryUsage } from "@/request/index.js";
+import { reactive } from "vue";
+import CountTo from "vue-countup-v3";
+import { useRouter } from "vue-router";
+import { getRiskManagement } from "@/request/large_screen_data_display.js";
+
+const router = useRouter();
+const data = reactive({
+  hidCount: {
+    dzg: 0,
+    yys: 0,
+    ycq: 0,
+  },
+  riskCount: {
+    cnzfx: 0,
+    idcount: 0,
+    unitcount: 0,
+  },
+  memoryUsage: {
+    total_usage: 0,
+  },
+});
+const fnGetData = async () => {
+  const { hidCount } = await getHiddenCount();
+  const { riskCount } = await getRiskManagement();
+  const { pd: memoryUsage } = await getMemoryUsage();
+  data.hidCount = hidCount;
+  data.riskCount = riskCount;
+  data.memoryUsage = memoryUsage;
+};
+fnGetData();
+</script>
+
+<style scoped lang="scss">
+img {
+  width: 40px;
+  height: 40px;
+}
+
+.flex {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  text-align: center;
+
+  div:not(:first-child) {
+    cursor: pointer;
+  }
+
+  .countup-wrap {
+    padding-top: 10px;
+    font-weight: bold;
+    font-size: 20px;
+  }
+}
+</style>
diff --git a/src/views/index/components/list_check_type.vue b/src/views/index/components/list_check_type.vue
new file mode 100644
index 0000000..c686231
--- /dev/null
+++ b/src/views/index/components/list_check_type.vue
@@ -0,0 +1,136 @@
+<template>
+  <el-card>
+    <div id="main1" />
+  </el-card>
+</template>
+
+<script setup>
+import { onBeforeUnmount, onMounted } from "vue";
+import { getListCheckType } from "@/request/index.js";
+import * as echarts from "echarts";
+
+let myChart1;
+const fnGetData = async () => {
+  const resData = await getListCheckType();
+  fnInitEcharts(resData);
+};
+const fnInitEcharts = (data) => {
+  myChart1 = echarts.init(document.querySelector("#main1"));
+  const option = {
+    title: {
+      text: "清单检查类型统计",
+      textStyle: {
+        fontSize: "14",
+        normal: {
+          fontWeight: "700",
+        },
+        color: "#fff",
+      },
+    },
+    legend: {
+      data: ["现场清单", "基础清单", "综合清单"],
+      top: "0%",
+      textStyle: {
+        color: "#fff",
+      },
+    },
+    grid: {
+      left: "2%",
+      right: "2%",
+      bottom: "5%",
+      top: "13%",
+      containLabel: true,
+    },
+    tooltip: {
+      trigger: "axis",
+    },
+    xAxis: {
+      type: "category",
+      boundaryGap: false,
+      data: data.dates,
+      axisLabel: {
+        color: "#fff",
+      },
+      axisLine: {
+        lineStyle: {
+          color: "#102b60",
+        },
+      },
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        color: "#fff",
+      },
+      axisLine: {
+        lineStyle: {
+          color: "#102b60",
+        },
+      },
+      splitLine: {
+        lineStyle: {
+          color: "#102b60",
+        },
+      },
+    },
+    series: [
+      {
+        name: "现场清单",
+        type: "line",
+        data: data.xcqd,
+        itemStyle: {
+          normal: {
+            color: "#3ca272",
+            lineStyle: {
+              color: "#3ca272",
+            },
+          },
+        },
+      },
+      {
+        name: "基础清单",
+        type: "line",
+        data: data.jcqd,
+        itemStyle: {
+          normal: {
+            color: "#5470c6",
+            lineStyle: {
+              color: "#5470c6",
+            },
+          },
+        },
+      },
+      {
+        name: "综合清单",
+        type: "line",
+        data: data.zhqd,
+        itemStyle: {
+          normal: {
+            color: "#ee6666",
+            lineStyle: {
+              color: "#ee6666",
+            },
+          },
+        },
+      },
+    ],
+  };
+  myChart1.setOption(option);
+};
+onMounted(() => {
+  fnGetData();
+  window.onresize = function () {
+    myChart1 && myChart1.resize();
+  };
+});
+onBeforeUnmount(() => {
+  myChart1 = null;
+});
+</script>
+
+<style scoped lang="scss">
+#main1 {
+  width: 100%;
+  height: 280px;
+}
+</style>
diff --git a/src/views/index/components/risk_classification.vue b/src/views/index/components/risk_classification.vue
new file mode 100644
index 0000000..89e49d4
--- /dev/null
+++ b/src/views/index/components/risk_classification.vue
@@ -0,0 +1,118 @@
+<template>
+  <el-card>
+    <div id="main2" />
+  </el-card>
+</template>
+
+<script setup>
+import { onBeforeUnmount, onMounted } from "vue";
+import * as echarts from "echarts";
+import { getRiskManagement } from "@/request/large_screen_data_display.js";
+
+let myChart2;
+const fnGetData = async () => {
+  const { riskAll } = await getRiskManagement();
+  fnInitEcharts(riskAll);
+};
+const fnInitEcharts = (data) => {
+  myChart2 = echarts.init(document.querySelector("#main2"));
+  let acount = 0;
+  let bcount = 0;
+  let ccount = 0;
+  let dcount = 0;
+  for (let i = 0; data.length > i; i++) {
+    if (data[i].LEVELID) {
+      if (data[i].LEVELID === "levelA") acount = data[i].COUNT;
+      if (data[i].LEVELID === "levelB") bcount = data[i].COUNT;
+      if (data[i].LEVELID === "levelC") ccount = data[i].COUNT;
+      if (data[i].LEVELID === "levelD") dcount = data[i].COUNT;
+    }
+  }
+  const option = {
+    title: {
+      text: "风险分级统计",
+      textStyle: {
+        fontSize: "14",
+        color: "#fff",
+        fontWeight: "700",
+      },
+    },
+    color: ["#10b9f8", "#ffc600", "#f49545", "#ec2c26"],
+    tooltip: {
+      trigger: "item",
+    },
+    grid: {},
+    legend: {
+      orient: "vertical",
+      left: "6%",
+      top: "20%",
+      textStyle: {
+        color: "#fff",
+      },
+    },
+    series: [
+      {
+        name: "风险类型",
+        type: "pie",
+        radius: ["30%", "70%"],
+        center: ["64%", "49%"],
+        avoidLabelOverlap: false,
+        itemStyle: {
+          borderColor: "rgb(8, 24, 58)",
+          borderWidth: 2,
+        },
+        label: {
+          show: false,
+          position: "center",
+        },
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: "18",
+            fontWeight: "bold",
+            color: "#fff",
+          },
+        },
+        labelLine: {
+          show: false,
+        },
+        data: [
+          {
+            value: dcount,
+            name: "低风险",
+          },
+          {
+            value: ccount,
+            name: "一般风险",
+          },
+          {
+            value: bcount,
+            name: "较大风险",
+          },
+          {
+            value: acount,
+            name: "重大风险",
+          },
+        ],
+      },
+    ],
+  };
+  myChart2.setOption(option);
+};
+onMounted(() => {
+  fnGetData();
+  window.onresize = function () {
+    myChart2 && myChart2.resize();
+  };
+});
+onBeforeUnmount(() => {
+  myChart2 = null;
+});
+</script>
+
+<style scoped lang="scss">
+#main2 {
+  width: 100%;
+  height: 305px;
+}
+</style>
diff --git a/src/views/index/components/schedule_add.vue b/src/views/index/components/schedule_add.vue
new file mode 100644
index 0000000..6365069
--- /dev/null
+++ b/src/views/index/components/schedule_add.vue
@@ -0,0 +1,84 @@
+<template>
+  <el-dialog v-model="visible" :title="title" :on-close="fnClose">
+    <el-form ref="formRef" :model="form" label-width="110px">
+      <el-form-item label="标题" prop="biaoti">
+        <el-input v-model="form.biaoti" maxlength="31" />
+      </el-form-item>
+      <el-form-item label="内容" prop="neirong">
+        <el-input
+          v-model="form.neirong"
+          :autosize="{ minRows: 3 }"
+          type="textarea"
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="fnClose">关闭</el-button>
+      <el-button type="primary" @click="fnSubmit">保存</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { useVModels } from "@vueuse/core";
+import { ref } from "vue";
+import { debounce } from "throttle-debounce";
+import useFormValidate from "@/assets/js/useFormValidate.js";
+import { ElMessage } from "element-plus";
+import { getCalendarAdd, getCalendarEdit } from "@/request/index.js";
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+    default: false,
+  },
+  form: {
+    type: Object,
+    required: true,
+    default: () => ({}),
+  },
+  title: {
+    type: String,
+    required: true,
+    default: "",
+  },
+  type: {
+    type: String,
+    required: true,
+    default: "",
+  },
+});
+const emits = defineEmits(["update:visible", "update:form", "get-data"]);
+const { visible, form } = useVModels(props, emits);
+const formRef = ref(null);
+const fnClose = () => {
+  formRef.value.resetFields();
+  visible.value = false;
+};
+const fnSubmit = debounce(
+  1000,
+  async () => {
+    await useFormValidate(formRef);
+    props.type === "add"
+      ? await getCalendarAdd({
+          SCHEDULE_ID: form.value.SCHEDULE_ID,
+          TITLE: form.value.biaoti,
+          FHDESC: form.value.neirong,
+          CDATA: form.value.noteDate,
+        })
+      : await getCalendarEdit({
+          SCHEDULE_ID: form.value.SCHEDULE_ID,
+          TITLE: form.value.biaoti,
+          FHDESC: form.value.neirong,
+          CDATA: form.value.noteDate,
+        });
+    ElMessage.success("保存成功");
+    emits("get-data");
+    fnClose();
+  },
+  { atBegin: true }
+);
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 677f24b..7e93c5f 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,7 +1,53 @@
 <template>
-  <div></div>
+  <div class="container">
+    <el-row :gutter="10">
+      <el-col :span="18">
+        <count />
+        <el-row class="mt-10">
+          <el-col :span="24">
+            <list-check-type />
+          </el-col>
+        </el-row>
+        <el-row class="mt-10" :gutter="10">
+          <el-col :span="10">
+            <risk-classification />
+          </el-col>
+          <el-col :span="14">
+            <checklist-check />
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="6">
+        <el-card>
+          <announcement />
+          <calendar />
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<script setup></script>
+<script setup>
+import Count from "./components/count.vue";
+import ListCheckType from "./components/list_check_type.vue";
+import RiskClassification from "./components/risk_classification.vue";
+import ChecklistCheck from "./components/checklist_check.vue";
+import Announcement from "./components/announcement.vue";
+import Calendar from "./components/calendar.vue";
+</script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.container {
+  padding: 20px;
+
+  :deep {
+    .el-card {
+      margin: 0;
+
+      .el-card__body {
+        padding: 18px;
+      }
+    }
+  }
+}
+</style>