diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 109beb4..94cb4a8 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -97,7 +97,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 109beb4..94cb4a8 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -97,7 +97,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/grade/index.vue b/src/views/rule/grade/index.vue
index a1a2580..814538d 100644
--- a/src/views/rule/grade/index.vue
+++ b/src/views/rule/grade/index.vue
@@ -142,10 +142,10 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/grade/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary" @click="exportList">
+        <el-button v-if="proxy.hasPerm('/grade/export')" type="primary" @click="exportList">
           导出
         </el-button>
       </template>
@@ -174,10 +174,10 @@
           </el-table-column>
           <el-table-column label="操作" width="140" align="center">
             <template #default="scope">
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/grade/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/grade/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 109beb4..94cb4a8 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -97,7 +97,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/grade/index.vue b/src/views/rule/grade/index.vue
index a1a2580..814538d 100644
--- a/src/views/rule/grade/index.vue
+++ b/src/views/rule/grade/index.vue
@@ -142,10 +142,10 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/grade/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary" @click="exportList">
+        <el-button v-if="proxy.hasPerm('/grade/export')" type="primary" @click="exportList">
           导出
         </el-button>
       </template>
@@ -174,10 +174,10 @@
           </el-table-column>
           <el-table-column label="操作" width="140" align="center">
             <template #default="scope">
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/grade/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/grade/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>
diff --git a/src/views/rule/programme/components/edit.vue b/src/views/rule/programme/components/edit.vue
index 20b5ef0..6dbf9ce 100644
--- a/src/views/rule/programme/components/edit.vue
+++ b/src/views/rule/programme/components/edit.vue
@@ -68,7 +68,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核指标-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button v-if="!$route.path.includes('detail')" type="primary">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 109beb4..94cb4a8 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -97,7 +97,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/grade/index.vue b/src/views/rule/grade/index.vue
index a1a2580..814538d 100644
--- a/src/views/rule/grade/index.vue
+++ b/src/views/rule/grade/index.vue
@@ -142,10 +142,10 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/grade/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary" @click="exportList">
+        <el-button v-if="proxy.hasPerm('/grade/export')" type="primary" @click="exportList">
           导出
         </el-button>
       </template>
@@ -174,10 +174,10 @@
           </el-table-column>
           <el-table-column label="操作" width="140" align="center">
             <template #default="scope">
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/grade/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/grade/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>
diff --git a/src/views/rule/programme/components/edit.vue b/src/views/rule/programme/components/edit.vue
index 20b5ef0..6dbf9ce 100644
--- a/src/views/rule/programme/components/edit.vue
+++ b/src/views/rule/programme/components/edit.vue
@@ -68,7 +68,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核指标-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button v-if="!$route.path.includes('detail')" type="primary">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/programme/index.vue b/src/views/rule/programme/index.vue
index 2ae3f24..5059a04 100644
--- a/src/views/rule/programme/index.vue
+++ b/src/views/rule/programme/index.vue
@@ -146,16 +146,16 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/programme/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/import')" type="primary">
           导入
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/template')" type="primary">
           下载模板
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/delete')" type="primary">
           删除
         </el-button>
       </template>
@@ -170,10 +170,10 @@
               <el-button link type="primary" size="small" @click="handler(scope.row, 'detail')">
                 详情
               </el-button>
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/programme/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/programme/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 109beb4..94cb4a8 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -97,7 +97,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/grade/index.vue b/src/views/rule/grade/index.vue
index a1a2580..814538d 100644
--- a/src/views/rule/grade/index.vue
+++ b/src/views/rule/grade/index.vue
@@ -142,10 +142,10 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/grade/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary" @click="exportList">
+        <el-button v-if="proxy.hasPerm('/grade/export')" type="primary" @click="exportList">
           导出
         </el-button>
       </template>
@@ -174,10 +174,10 @@
           </el-table-column>
           <el-table-column label="操作" width="140" align="center">
             <template #default="scope">
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/grade/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/grade/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>
diff --git a/src/views/rule/programme/components/edit.vue b/src/views/rule/programme/components/edit.vue
index 20b5ef0..6dbf9ce 100644
--- a/src/views/rule/programme/components/edit.vue
+++ b/src/views/rule/programme/components/edit.vue
@@ -68,7 +68,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核指标-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button v-if="!$route.path.includes('detail')" type="primary">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/programme/index.vue b/src/views/rule/programme/index.vue
index 2ae3f24..5059a04 100644
--- a/src/views/rule/programme/index.vue
+++ b/src/views/rule/programme/index.vue
@@ -146,16 +146,16 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/programme/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/import')" type="primary">
           导入
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/template')" type="primary">
           下载模板
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/delete')" type="primary">
           删除
         </el-button>
       </template>
@@ -170,10 +170,10 @@
               <el-button link type="primary" size="small" @click="handler(scope.row, 'detail')">
                 详情
               </el-button>
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/programme/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/programme/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>
diff --git a/src/views/rule/proxy/components/edit.vue b/src/views/rule/proxy/components/edit.vue
index 7b82ed4..f02d0ef 100644
--- a/src/views/rule/proxy/components/edit.vue
+++ b/src/views/rule/proxy/components/edit.vue
@@ -6,6 +6,8 @@
 <script lang="ts" setup name="RuleProxyHandler">
 import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import { getDeptTreeList } from '@/api/system/dept'
+import { toTreeList } from '@/utils/structure'
 import { getDictByCode } from '@/api/system/dict'
 import { uploadApi } from '@/api/common'
 import { addProxy, editProxy } from '@/api/home/rule/proxy'
@@ -25,7 +27,7 @@
   quotaProject: '', // 考核指标项目
   quotaNo: '', // 编号
   priIndicators: '', // 一级考核指标
-  assDeptName: '', // 指标考核责任人
+  assDept: '', // 指标考核责任人
   dataSource: '', // 数据来源
   score: '', // 考核分值
   valType: '', // 指标值类型
@@ -38,7 +40,7 @@
   quotaProject: [{ required: true, message: '考核指标项目必选', trigger: ['blur', 'change'] }],
   quotaType: [{ required: true, message: '考核指标类型必选', trigger: ['blur', 'change'] }],
   priIndicators: [{ required: true, message: '一级考核指标必填', trigger: ['blur', 'change'] }],
-  assDeptName: [{ required: true, message: '指标责任考核人必填', trigger: ['blur', 'change'] }],
+  assDept: [{ required: true, message: '指标责任考核单位必填', trigger: ['blur', 'change'] }],
   dataSource: [{ required: true, message: '数据来源必选', trigger: ['blur', 'change'] }],
   valType: [{ required: true, message: '指标值类型必选', trigger: ['blur', 'change'] }],
   score: [{ required: true, message: '考核分值必填', trigger: ['blur', 'change'] }],
@@ -65,7 +67,6 @@
         loading.close()
       }
       else {
-        // ElMessage.error(res.message)
         loading.close()
       }
     }).catch(() => {
@@ -79,9 +80,9 @@
 }
 // 删除上传的文件
 const deleteFile = (fileName: string) => {
-  const data = ruleForm.value.instructionsFile.split(',')
+  const data = ruleForm.value.fileId.split(',')
   const filterData = data.filter(item => item !== fileName)
-  ruleForm.value.instructionsFile = filterData.length ? filterData.join(',') : ''
+  ruleForm.value.fileId = filterData.length ? filterData.join(',') : ''
 }
 // 编辑
 const update = () => {
@@ -153,13 +154,22 @@
   })
 }
 fetchSelectList()
+// 加载组织机构树形下拉
+const deptTreeList = ref([])
+const fetchDeptTree = () => {
+  getDeptTreeList().then((res) => {
+    if (res.data) { // 将列表转树结构
+      deptTreeList.value = toTreeList(res.data, '0', true)
+    }
+  })
+}
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核指标-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
@@ -196,14 +206,15 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="一级考核指标" prop="priIndicators">
-              <el-input v-model.trim="ruleForm.priIndicators" placeholder="一级考核指标" style="width: 100%;" />
+              <el-input v-model.trim="ruleForm.priIndicators" placeholder="一级考核指标" maxlength="30" show-word-limit style="width: 100%;" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="24" class="marg">
           <el-col :span="12">
-            <el-form-item label="指标责任考核人" prop="assDeptName">
-              <el-input v-model.trim="ruleForm.assDeptName" placeholder="指标责任考核人" />
+            <el-form-item label="指标责任考核单位" prop="assDept">
+              <!-- <el-input v-model.trim="ruleForm.assDept" placeholder="指标责任考核单位" /> -->
+              <dept-select v-model="ruleForm.assDept" :data="deptTreeList" placeholder="指标责任考核单位" style="width: 100%;" />
             </el-form-item>
           </el-col>
           <el-col :span="12">

diff --git a/src/api/home/rule/programme.ts b/src/api/home/rule/programme.ts
index 5b2f5e1..01d4666 100644
--- a/src/api/home/rule/programme.ts
+++ b/src/api/home/rule/programme.ts
@@ -6,7 +6,7 @@
 // 分页列表
 export function getListPage(params: object) {
   return request({
-    url: '/assessmentPlan/ListPage',
+    url: '/assessmentPlan/listPage',
     method: 'get',
     params,
   })
diff --git a/src/views/home/components/Card.vue b/src/views/home/components/Card.vue
new file mode 100644
index 0000000..fcfb1da
--- /dev/null
+++ b/src/views/home/components/Card.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup name="Card">
+import { computed } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+  subtitle: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  context: {
+    type: [String, Number],
+    default: '',
+  },
+  color: {
+    type: String,
+    default: '#40c9c6',
+  },
+})
+const backgroundColor = computed(() => {
+  return {
+    // color: this.color,
+    'background-color': props.color,
+  }
+})
+</script>
+
+<template>
+  <el-card :body-style="{ padding: '0px' }" shadow="always">
+    <div :style="backgroundColor" class="card-panel">
+      <div class="card-panel-icon-wrapper">
+        <svg-icon :icon-class="props.icon" class-name="card-panel-icon" />
+      </div>
+      <div class="card-panel-description">
+        <div class="card-panel-text">
+          {{ props.title }}
+        </div>
+        <div class="card-panel-num">
+          {{ props.context }}
+        </div>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<style lang="scss" scoped>
+  .card-panel {
+    height: 192px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    background: #fff;
+    box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+    border-color: rgb(0 0 0 / 5%);
+
+    &:hover {
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+    }
+
+    .card-panel-icon-wrapper {
+      margin: 16px 0 0;
+      padding: 14px;
+      transition: all 0.38s ease-out;
+      border-radius: 6px;
+      text-align: center;
+    }
+
+    .card-panel-icon {
+      font-size: 58px;
+    }
+
+    .card-panel-description {
+      font-weight: bold;
+      margin: 26px;
+
+      /* margin-left: 10px; */
+      text-align: center;
+
+      .card-panel-text {
+        line-height: 22px;
+        color: #fff;
+        font-size: 20px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/PanelGroup.vue b/src/views/home/components/PanelGroup.vue
new file mode 100644
index 0000000..2be668e
--- /dev/null
+++ b/src/views/home/components/PanelGroup.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup name="PanelGroup">
+import { computed } from 'vue'
+import Card from './Card.vue'
+import useUserStore from '@/store/modules/user'
+import useRouteStore from '@/store/modules/route'
+const $router = useRouter()
+const userStore = useUserStore()
+const routeStore = useRouteStore()
+const dataGroup = ref([
+  {
+    title: '考核规则列表',
+    context: '',
+    icon: 'app-config',
+    color: '#40c9c6',
+    path: '/grade/gradelist',
+    permission: '/examine',
+  },
+  {
+    title: '部门考核结果',
+    context: '',
+    icon: 'chart-bar',
+    color: '#36a3f7',
+    path: '/deptresult/deptlist',
+    permission: '/efficiency/deptresult',
+  },
+  {
+    title: '预警统计分析',
+    context: '',
+    icon: 'statics',
+    color: '#ffb980',
+    path: '/analysiss/analysislist',
+    permission: '/proxy/analysiss',
+  },
+  {
+    title: '登录日志',
+    context: '',
+    icon: 'log',
+    color: '#9cbbff',
+    path: '/loginDiary/list',
+    permission: '/sys/loginLog',
+  },
+])
+const goPage = (path: string) => {
+  $router.push(path)
+}
+let dataFilterLIst = []
+const dataFilter = () => {
+  const btns = userStore.menus
+  const arr = []
+  routeStore.menus.forEach((element: any) => {
+    arr.push(element)
+  })
+  // 获取用户全部权限url
+  const permissions = arr.map((v) => { return v.url })
+  // 过滤dataGroup
+  const datas = dataGroup.value.filter((item) => {
+    if (permissions.includes(item.permission)) {
+      return true
+    }
+    else {
+      return false
+    }
+  })
+  dataFilterLIst = datas
+}
+dataFilter()
+</script>
+
+<template>
+  <el-row :gutter="10" class="panel-group">
+    <el-col v-for="card in []" :key="card.title" :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <card :title="card.title" :context="card.context" :icon="card.icon" :color="card.color" @click.native="goPage(card.path)" />
+    </el-col>
+  </el-row>
+</template>
+
+<style lang="scss" scoped>
+  .panel-group {
+    padding-right: 20px;
+
+    .card-panel-col {
+      margin-bottom: 22px;
+    }
+
+    .card-panel {
+      height: 100px;
+      cursor: pointer;
+      font-size: 12px;
+      position: relative;
+      overflow: hidden;
+      color: #666;
+      background: #fff;
+      box-shadow: 4px 4px 40px rgb(0 0 0 / 5%);
+      border-color: rgb(0 0 0 / 5%);
+
+      &:hover {
+        .card-panel-icon-wrapper {
+          color: #fff;
+        }
+
+        .icon-people {
+          background: #40c9c6;
+        }
+
+        .icon-message {
+          background: #36a3f7;
+        }
+
+        .icon-money {
+          background: #f4516c;
+        }
+
+        .icon-shopping {
+          background: #34bfa3;
+        }
+      }
+
+      .icon-people {
+        color: #40c9c6;
+      }
+
+      .icon-message {
+        color: #36a3f7;
+      }
+
+      .icon-money {
+        color: #f4516c;
+      }
+
+      .icon-shopping {
+        color: #34bfa3;
+      }
+
+      .card-panel-icon-wrapper {
+        float: left;
+        margin: 14px 0 0 14px;
+        padding: 16px;
+        transition: all 0.38s ease-out;
+        border-radius: 6px;
+      }
+
+      .card-panel-icon {
+        float: left;
+        font-size: 48px;
+      }
+
+      .card-panel-description {
+        float: right;
+        font-weight: bold;
+        margin: 26px;
+        margin-left: 0;
+
+        .card-panel-text {
+          line-height: 18px;
+          color: rgb(0 0 0 / 45%);
+          font-size: 16px;
+          margin-bottom: 12px;
+        }
+
+        .card-panel-num {
+          font-size: 20px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 550px) {
+    .card-panel-description {
+      display: none;
+    }
+
+    .card-panel-icon-wrapper {
+      float: none !important;
+      width: 100%;
+      height: 100%;
+      margin: 0 !important;
+
+      .svg-icon {
+        display: block;
+        margin: 14px auto !important;
+        float: none !important;
+      }
+    }
+  }
+</style>
diff --git a/src/views/home/components/calendar.vue b/src/views/home/components/calendar.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/calendar.vue
diff --git a/src/views/home/components/clock.vue b/src/views/home/components/clock.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/views/home/components/clock.vue
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 705d4a3..e465ceb 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,54 @@
-<script lang="ts" name="Index" setup>
-// 逻辑
+<!--
+ * @Description: 首页
+ * @Author: 李亚光
+ * @Date: 2023-09-14
+ -->
+<script lang="ts" setup name="TDashboard">
+import PanelGroup from './components/PanelGroup.vue'
+import useUserStore from '@/store/modules/user'
+// import Calendar from './components/calendar.vue'
+// import Clock from './components/clock.vue'
+const userStore = useUserStore()
+const name = userStore.name
 </script>
 
 <template>
-  <div>首页看板</div>
+  <div class="dashboard-container">
+    <el-row>
+      <el-col :span="16">
+        <el-card class="welcome-card">
+          <span class="dashboard-text">欢迎您，{{ name }} !</span>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <!-- <clock /> -->
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="16">
+        <panel-group />
+      </el-col>
+      <el-col :span="8">
+        <!-- <calendar /> -->
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
-<style scoped lang="scss">
-.index {
-  color: black;
-}
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .dashboard {
+    &-container {
+      margin: 30px;
+    }
+
+    &-text {
+      font-size: 26px;
+      line-height: 40px;
+      padding: 10px;
+    }
+  }
+
+  .welcome-card {
+    margin-right: 20px;
+  }
 </style>
diff --git a/src/views/rule/grade/components/edit.vue b/src/views/rule/grade/components/edit.vue
index 109beb4..94cb4a8 100644
--- a/src/views/rule/grade/components/edit.vue
+++ b/src/views/rule/grade/components/edit.vue
@@ -97,7 +97,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核等级评定-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/grade/index.vue b/src/views/rule/grade/index.vue
index a1a2580..814538d 100644
--- a/src/views/rule/grade/index.vue
+++ b/src/views/rule/grade/index.vue
@@ -142,10 +142,10 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/grade/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary" @click="exportList">
+        <el-button v-if="proxy.hasPerm('/grade/export')" type="primary" @click="exportList">
           导出
         </el-button>
       </template>
@@ -174,10 +174,10 @@
           </el-table-column>
           <el-table-column label="操作" width="140" align="center">
             <template #default="scope">
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/grade/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/grade/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>
diff --git a/src/views/rule/programme/components/edit.vue b/src/views/rule/programme/components/edit.vue
index 20b5ef0..6dbf9ce 100644
--- a/src/views/rule/programme/components/edit.vue
+++ b/src/views/rule/programme/components/edit.vue
@@ -68,7 +68,7 @@
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核指标-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary">
+        <el-button v-if="!$route.path.includes('detail')" type="primary">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
diff --git a/src/views/rule/programme/index.vue b/src/views/rule/programme/index.vue
index 2ae3f24..5059a04 100644
--- a/src/views/rule/programme/index.vue
+++ b/src/views/rule/programme/index.vue
@@ -146,16 +146,16 @@
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/programme/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/import')" type="primary">
           导入
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/template')" type="primary">
           下载模板
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/programme/delete')" type="primary">
           删除
         </el-button>
       </template>
@@ -170,10 +170,10 @@
               <el-button link type="primary" size="small" @click="handler(scope.row, 'detail')">
                 详情
               </el-button>
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/programme/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/programme/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>
diff --git a/src/views/rule/proxy/components/edit.vue b/src/views/rule/proxy/components/edit.vue
index 7b82ed4..f02d0ef 100644
--- a/src/views/rule/proxy/components/edit.vue
+++ b/src/views/rule/proxy/components/edit.vue
@@ -6,6 +6,8 @@
 <script lang="ts" setup name="RuleProxyHandler">
 import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
+import { getDeptTreeList } from '@/api/system/dept'
+import { toTreeList } from '@/utils/structure'
 import { getDictByCode } from '@/api/system/dict'
 import { uploadApi } from '@/api/common'
 import { addProxy, editProxy } from '@/api/home/rule/proxy'
@@ -25,7 +27,7 @@
   quotaProject: '', // 考核指标项目
   quotaNo: '', // 编号
   priIndicators: '', // 一级考核指标
-  assDeptName: '', // 指标考核责任人
+  assDept: '', // 指标考核责任人
   dataSource: '', // 数据来源
   score: '', // 考核分值
   valType: '', // 指标值类型
@@ -38,7 +40,7 @@
   quotaProject: [{ required: true, message: '考核指标项目必选', trigger: ['blur', 'change'] }],
   quotaType: [{ required: true, message: '考核指标类型必选', trigger: ['blur', 'change'] }],
   priIndicators: [{ required: true, message: '一级考核指标必填', trigger: ['blur', 'change'] }],
-  assDeptName: [{ required: true, message: '指标责任考核人必填', trigger: ['blur', 'change'] }],
+  assDept: [{ required: true, message: '指标责任考核单位必填', trigger: ['blur', 'change'] }],
   dataSource: [{ required: true, message: '数据来源必选', trigger: ['blur', 'change'] }],
   valType: [{ required: true, message: '指标值类型必选', trigger: ['blur', 'change'] }],
   score: [{ required: true, message: '考核分值必填', trigger: ['blur', 'change'] }],
@@ -65,7 +67,6 @@
         loading.close()
       }
       else {
-        // ElMessage.error(res.message)
         loading.close()
       }
     }).catch(() => {
@@ -79,9 +80,9 @@
 }
 // 删除上传的文件
 const deleteFile = (fileName: string) => {
-  const data = ruleForm.value.instructionsFile.split(',')
+  const data = ruleForm.value.fileId.split(',')
   const filterData = data.filter(item => item !== fileName)
-  ruleForm.value.instructionsFile = filterData.length ? filterData.join(',') : ''
+  ruleForm.value.fileId = filterData.length ? filterData.join(',') : ''
 }
 // 编辑
 const update = () => {
@@ -153,13 +154,22 @@
   })
 }
 fetchSelectList()
+// 加载组织机构树形下拉
+const deptTreeList = ref([])
+const fetchDeptTree = () => {
+  getDeptTreeList().then((res) => {
+    if (res.data) { // 将列表转树结构
+      deptTreeList.value = toTreeList(res.data, '0', true)
+    }
+  })
+}
 </script>
 
 <template>
   <app-container style="overflow: hidden;">
     <detail-page class="base-info-device" :title="`考核指标-${textMap[dialogStatus]}`">
       <template #btns>
-        <el-button type="primary" @click="saveData(ruleFormRef)">
+        <el-button v-if="!$route.path.includes('detail')" type="primary" @click="saveData(ruleFormRef)">
           保存
         </el-button>
         <el-button type="info" @click="$router.go(-1)">
@@ -196,14 +206,15 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="一级考核指标" prop="priIndicators">
-              <el-input v-model.trim="ruleForm.priIndicators" placeholder="一级考核指标" style="width: 100%;" />
+              <el-input v-model.trim="ruleForm.priIndicators" placeholder="一级考核指标" maxlength="30" show-word-limit style="width: 100%;" />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="24" class="marg">
           <el-col :span="12">
-            <el-form-item label="指标责任考核人" prop="assDeptName">
-              <el-input v-model.trim="ruleForm.assDeptName" placeholder="指标责任考核人" />
+            <el-form-item label="指标责任考核单位" prop="assDept">
+              <!-- <el-input v-model.trim="ruleForm.assDept" placeholder="指标责任考核单位" /> -->
+              <dept-select v-model="ruleForm.assDept" :data="deptTreeList" placeholder="指标责任考核单位" style="width: 100%;" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
diff --git a/src/views/rule/proxy/index.vue b/src/views/rule/proxy/index.vue
index a027af9..5b507b6 100644
--- a/src/views/rule/proxy/index.vue
+++ b/src/views/rule/proxy/index.vue
@@ -45,7 +45,7 @@
     align: 'center',
   },
   {
-    text: '指标责任考核人',
+    text: '指标责任考核单位',
     value: 'assDeptName',
     align: 'center',
   },
@@ -173,24 +173,24 @@
         <el-input v-model.trim="listQuery.priIndicators" placeholder="一级考核指标" clearable />
       </search-item>
       <search-item>
-        <el-input v-model.trim="listQuery.assDept" placeholder="责任考核人" clearable />
+        <el-input v-model.trim="listQuery.assDept" placeholder="责任考核单位" clearable />
       </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
-        <el-button type="primary" @click="handler({}, 'create')">
+        <el-button v-if="proxy.hasPerm('/proxy/add')" type="primary" @click="handler({}, 'create')">
           新增
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/proxy/import')" type="primary">
           导入
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/proxy/template')" type="primary">
           下载模板
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/proxy/export')" type="primary">
           导出
         </el-button>
-        <el-button type="primary">
+        <el-button v-if="proxy.hasPerm('/proxy/delete')" type="primary">
           删除
         </el-button>
       </template>
@@ -205,10 +205,10 @@
               <el-button link type="primary" size="small" @click="handler(scope.row, 'detail')">
                 详情
               </el-button>
-              <el-button link type="primary" size="small" @click="handler(scope.row, 'update')">
+              <el-button v-if="proxy.hasPerm('/proxy/update')" link type="primary" size="small" @click="handler(scope.row, 'update')">
                 编辑
               </el-button>
-              <el-button link type="danger" size="small" @click="delHandler(scope.row)">
+              <el-button v-if="proxy.hasPerm('/proxy/delete')" link type="danger" size="small" @click="delHandler(scope.row)">
                 删除
               </el-button>
             </template>