From 0728eea8e98248e38d5b01afdec776bd081ef214 Mon Sep 17 00:00:00 2001
From: zhang_li <2235006734@qqq.com>
Date: Mon, 25 Mar 2024 17:04:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/home/index.ts                       |  22 +-
 src/assets/imgs/icon1.png                   | Bin 4141 -> 19605 bytes
 src/assets/imgs/icon2.png                   | Bin 5136 -> 21783 bytes
 src/views/home/Index copy.vue               | 381 -----------------
 src/views/home/Index2.vue                   | 319 --------------
 src/views/home/components/material.vue      | 336 ---------------
 src/views/home/components/produce.vue       | 286 -------------
 src/views/home/components/product.vue       | 313 --------------
 src/views/home/components/supplierIndex.vue | 452 --------------------
 src/views/home/echarts-data.ts              |   2 +-
 src/views/home/index.vue                    | 434 ++++++++++++++++++-
 11 files changed, 430 insertions(+), 2115 deletions(-)
 delete mode 100644 src/views/home/Index copy.vue
 delete mode 100644 src/views/home/Index2.vue
 delete mode 100644 src/views/home/components/material.vue
 delete mode 100644 src/views/home/components/produce.vue
 delete mode 100644 src/views/home/components/product.vue
 delete mode 100644 src/views/home/components/supplierIndex.vue

diff --git a/src/api/home/index.ts b/src/api/home/index.ts
index b6e777a..829e109 100644
--- a/src/api/home/index.ts
+++ b/src/api/home/index.ts
@@ -1,22 +1,8 @@
 import request from '@/config/axios'
 
-// 供应商首页
-// export const getSupplierData = async () => {
-//   return await request.get({ url: `/wms/index/indexSupplier` })
-// }
+// 首页获取设备停机状态/设备总数/月设备保养完成率/月汇总停机时间
+export const getData = async () => {
+  return await request.get({ url: `http://localhost:12080/admin-api/eam/home-page/select` })
+}
 
-// // 原料管理员首页
-// export const getMaterialData = async () => {
-//   return await request.get({ url: `/wms/index/indexMaterial` })
-// }
-
-// // 生产管理员首页
-// export const getProduceData = async () => {
-//   return await request.get({ url: `/wms/index/indexProduce` })
-// }
-
-// // 成品管理员首页
-// export const getProductData = async () => {
-//   return await request.get({ url: `/wms/index/indexProduct` })
-// }
 
diff --git a/src/assets/imgs/icon1.png b/src/assets/imgs/icon1.png
index 8fb718a352c41ee3a5878c902de2e9603d7e0e77..e9cf7d11bdfe495142406c4378d251a4d3cd6e25 100644
GIT binary patch
literal 19605
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
YJ=}Mjm+D=;@{hwDZC!23tb+Ia51QV(h5!Hn

literal 4141
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
SrC#L!0rJ5k#8P|Owf_J<wq0!i

diff --git a/src/assets/imgs/icon2.png b/src/assets/imgs/icon2.png
index 9f8ed61922fd7d9d05deb9ee3d958d3014b67a2a..846a540d75d9941714427b69ace66431ccabf4f0 100644
GIT binary patch
literal 21783
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
R!v9_XT}^$BN;TU{{{!@W^m_mR

literal 5136
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
Gr~C)j1t?<x

diff --git a/src/views/home/Index copy.vue b/src/views/home/Index copy.vue
deleted file mode 100644
index 121ec6a..0000000
--- a/src/views/home/Index copy.vue	
+++ /dev/null
@@ -1,381 +0,0 @@
-<template>
-  <div>
-    <el-card shadow="never">
-      <el-skeleton :loading="loading" animated>
-        <el-row :gutter="20" justify="space-between">
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-            <div class="flex items-center">
-              <img :src="avatar" alt="" class="mr-20px h-70px w-70px rounded-[50%]" />
-              <div>
-                <div class="text-20px">
-                  {{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
-                </div>
-                <div class="mt-10px text-14px text-gray-500">
-                  {{ t('workplace.toady') }}，20℃ - 32℃！
-                </div>
-              </div>
-            </div>
-          </el-col>
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-            <div class="h-70px flex items-center justify-end lt-sm:mt-10px">
-              <div class="px-8px text-right">
-                <div class="mb-20px text-14px text-gray-400">{{ t('workplace.project') }}</div>
-                <CountTo
-                  class="text-20px"
-                  :start-val="0"
-                  :end-val="totalSate.project"
-                  :duration="2600"
-                />
-              </div>
-              <el-divider direction="vertical" />
-              <div class="px-8px text-right">
-                <div class="mb-20px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
-                <CountTo
-                  class="text-20px"
-                  :start-val="0"
-                  :end-val="totalSate.todo"
-                  :duration="2600"
-                />
-              </div>
-              <el-divider direction="vertical" border-style="dashed" />
-              <div class="px-8px text-right">
-                <div class="mb-20px text-14px text-gray-400">{{ t('workplace.access') }}</div>
-                <CountTo
-                  class="text-20px"
-                  :start-val="0"
-                  :end-val="totalSate.access"
-                  :duration="2600"
-                />
-              </div>
-            </div>
-          </el-col>
-        </el-row>
-      </el-skeleton>
-    </el-card>
-  </div>
-
-  <el-row class="mt-5px" :gutter="20" justify="space-between">
-    <el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-10px">
-      <el-card shadow="never">
-        <template #header>
-          <div class="h-3 flex justify-between">
-            <span>{{ t('workplace.project') }}</span>
-            <el-link type="primary" :underline="false">{{ t('action.more') }}</el-link>
-          </div>
-        </template>
-        <el-skeleton :loading="loading" animated>
-          <el-row>
-            <el-col
-              v-for="(item, index) in projects"
-              :key="`card-${index}`"
-              :xl="8"
-              :lg="8"
-              :md="8"
-              :sm="24"
-              :xs="24"
-            >
-              <el-card shadow="hover">
-                <div class="flex items-center">
-                  <Icon :icon="item.icon" :size="25" class="mr-10px" />
-                  <span class="text-16px">{{ item.name }}</span>
-                </div>
-                <div class="mt-15px text-14px text-gray-400">{{ t(item.message) }}</div>
-                <div class="mt-20px flex justify-between text-12px text-gray-400">
-                  <span>{{ item.personal }}</span>
-                  <span>{{ formatTime(item.time, 'yyyy-MM-dd') }}</span>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-
-      <el-card shadow="never" class="mt-5px">
-        <el-skeleton :loading="loading" animated>
-          <el-row :gutter="20" justify="space-between">
-            <el-col :xl="10" :lg="10" :md="24" :sm="24" :xs="24">
-              <el-card shadow="hover" class="mb-10px">
-                <el-skeleton :loading="loading" animated>
-                  <Echart :options="pieOptionsData" :height="280" />
-                </el-skeleton>
-              </el-card>
-            </el-col>
-            <el-col :xl="14" :lg="14" :md="24" :sm="24" :xs="24">
-              <el-card shadow="hover" class="mb-10px">
-                <el-skeleton :loading="loading" animated>
-                  <Echart :options="barOptionsData" :height="280" />
-                </el-skeleton>
-              </el-card>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-    <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-10px">
-      <el-card shadow="never">
-        <template #header>
-          <div class="h-3 flex justify-between">
-            <span>{{ t('workplace.shortcutOperation') }}</span>
-          </div>
-        </template>
-        <el-skeleton :loading="loading" animated>
-          <el-row>
-            <el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-10px">
-              <div class="flex items-center">
-                <Icon :icon="item.icon" class="mr-10px" />
-                <el-link type="default" :underline="false" @click="setWatermark(item.name)">
-                  {{ item.name }}
-                </el-link>
-              </div>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-      <el-card shadow="never" class="mt-10px">
-        <template #header>
-          <div class="h-3 flex justify-between">
-            <span>{{ t('workplace.notice') }}</span>
-            <el-link type="primary" :underline="false">{{ t('action.more') }}</el-link>
-          </div>
-        </template>
-        <el-skeleton :loading="loading" animated>
-          <div v-for="(item, index) in notice" :key="`dynamics-${index}`">
-            <div class="flex items-center">
-              <img :src="avatar" alt="" class="mr-20px h-35px w-35px rounded-[50%]" />
-              <div>
-                <div class="text-14px">
-                  <Highlight :keys="item.keys.map((v) => t(v))">
-                    {{ item.type }} : {{ item.title }}
-                  </Highlight>
-                </div>
-                <div class="mt-15px text-12px text-gray-400">
-                  {{ formatTime(item.date, 'yyyy-MM-dd') }}
-                </div>
-              </div>
-            </div>
-            <el-divider />
-          </div>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-  </el-row>
-</template>
-<script lang="ts" setup>
-import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
-import { formatTime } from '@/utils'
-
-import { useUserStore } from '@/store/modules/user'
-import { useWatermark } from '@/hooks/web/useWatermark'
-import avatarImg from '@/assets/imgs/avatar.gif'
-import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
-import { pieOptions, barOptions } from './echarts-data'
-
-defineOptions({ name: 'Home' })
-
-const { t } = useI18n()
-const userStore = useUserStore()
-const { setWatermark } = useWatermark()
-const loading = ref(true)
-const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg
-const username = userStore.getUser.nickname
-const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
-// 获取统计数
-let totalSate = reactive<WorkplaceTotal>({
-  project: 0,
-  access: 0,
-  todo: 0
-})
-
-const getCount = async () => {
-  const data = {
-    project: 40,
-    access: 2340,
-    todo: 10
-  }
-  totalSate = Object.assign(totalSate, data)
-}
-
-// 获取项目数
-let projects = reactive<Project[]>([])
-const getProject = async () => {
-  const data = [
-    {
-      name: 'Github',
-      icon: 'akar-icons:github-fill',
-      message: 'workplace.introduction',
-      personal: 'Archer',
-      time: new Date()
-    },
-    {
-      name: 'Vue',
-      icon: 'logos:vue',
-      message: 'workplace.introduction',
-      personal: 'Archer',
-      time: new Date()
-    },
-    {
-      name: 'Angular',
-      icon: 'logos:angular-icon',
-      message: 'workplace.introduction',
-      personal: 'Archer',
-      time: new Date()
-    },
-    {
-      name: 'React',
-      icon: 'logos:react',
-      message: 'workplace.introduction',
-      personal: 'Archer',
-      time: new Date()
-    },
-    {
-      name: 'Webpack',
-      icon: 'logos:webpack',
-      message: 'workplace.introduction',
-      personal: 'Archer',
-      time: new Date()
-    },
-    {
-      name: 'Vite',
-      icon: 'vscode-icons:file-type-vite',
-      message: 'workplace.introduction',
-      personal: 'Archer',
-      time: new Date()
-    }
-  ]
-  projects = Object.assign(projects, data)
-}
-
-// 获取通知公告
-let notice = reactive<Notice[]>([])
-const getNotice = async () => {
-  const data = [
-    {
-      title: '系统升级版本',
-      type: '通知',
-      keys: ['通知', '升级'],
-      date: new Date()
-    },
-    {
-      title: '系统凌晨维护',
-      type: '公告',
-      keys: ['公告', '维护'],
-      date: new Date()
-    },
-    {
-      title: '系统升级版本',
-      type: '通知',
-      keys: ['通知', '升级'],
-      date: new Date()
-    },
-    {
-      title: '系统凌晨维护',
-      type: '公告',
-      keys: ['公告', '维护'],
-      date: new Date()
-    }
-  ]
-  notice = Object.assign(notice, data)
-}
-
-// 获取快捷入口
-let shortcut = reactive<Shortcut[]>([])
-
-const getShortcut = async () => {
-  const data = [
-    {
-      name: 'Github',
-      icon: 'akar-icons:github-fill',
-      url: 'github.io'
-    },
-    {
-      name: 'Vue',
-      icon: 'logos:vue',
-      url: 'vuejs.org'
-    },
-    {
-      name: 'Vite',
-      icon: 'vscode-icons:file-type-vite',
-      url: 'https://vitejs.dev/'
-    },
-    {
-      name: 'Angular',
-      icon: 'logos:angular-icon',
-      url: 'github.io'
-    },
-    {
-      name: 'React',
-      icon: 'logos:react',
-      url: 'github.io'
-    },
-    {
-      name: 'Webpack',
-      icon: 'logos:webpack',
-      url: 'github.io'
-    }
-  ]
-  shortcut = Object.assign(shortcut, data)
-}
-
-// 用户来源
-const getUserAccessSource = async () => {
-  const data = [
-    { value: 335, name: 'analysis.directAccess' },
-    { value: 310, name: 'analysis.mailMarketing' },
-    { value: 234, name: 'analysis.allianceAdvertising' },
-    { value: 135, name: 'analysis.videoAdvertising' },
-    { value: 1548, name: 'analysis.searchEngines' }
-  ]
-  set(
-    pieOptionsData,
-    'legend.data',
-    data.map((v) => t(v.name))
-  )
-  pieOptionsData!.series![0].data = data.map((v) => {
-    return {
-      name: t(v.name),
-      value: v.value
-    }
-  })
-}
-const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
-
-// 周活跃量
-const getWeeklyUserActivity = async () => {
-  const data = [
-    { value: 13253, name: 'analysis.monday' },
-    { value: 34235, name: 'analysis.tuesday' },
-    { value: 26321, name: 'analysis.wednesday' },
-    { value: 12340, name: 'analysis.thursday' },
-    { value: 24643, name: 'analysis.friday' },
-    { value: 1322, name: 'analysis.saturday' },
-    { value: 1324, name: 'analysis.sunday' }
-  ]
-  set(
-    barOptionsData,
-    'xAxis.data',
-    data.map((v) => t(v.name))
-  )
-  set(barOptionsData, 'series', [
-    {
-      name: t('analysis.activeQuantity'),
-      data: data.map((v) => v.value),
-      type: 'bar'
-    }
-  ])
-}
-
-const getAllApi = async () => {
-  await Promise.all([
-    getCount(),
-    getProject(),
-    getNotice(),
-    getShortcut(),
-    getUserAccessSource(),
-    getWeeklyUserActivity()
-  ])
-  loading.value = false
-}
-
-getAllApi()
-</script>
diff --git a/src/views/home/Index2.vue b/src/views/home/Index2.vue
deleted file mode 100644
index c9429ab..0000000
--- a/src/views/home/Index2.vue
+++ /dev/null
@@ -1,319 +0,0 @@
-<template>
-  <el-row :class="prefixCls" :gutter="20" justify="space-between">
-    <el-col :lg="6" :md="12" :sm="12" :xl="6" :xs="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" :rows="2" animated>
-          <template #default>
-            <div :class="`${prefixCls}__item flex justify-between`">
-              <div>
-                <div
-                  :class="`${prefixCls}__item--icon ${prefixCls}__item--peoples p-16px inline-block rounded-6px`"
-                >
-                  <Icon :size="40" icon="svg-icon:peoples" />
-                </div>
-              </div>
-              <div class="flex flex-col justify-between">
-                <div :class="`${prefixCls}__item--text text-16px text-gray-500 text-right`"
-                  >{{ t('analysis.newUser') }}
-                </div>
-                <CountTo
-                  :duration="2600"
-                  :end-val="102400"
-                  :start-val="0"
-                  class="text-right text-20px font-700"
-                />
-              </div>
-            </div>
-          </template>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-
-    <el-col :lg="6" :md="12" :sm="12" :xl="6" :xs="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" :rows="2" animated>
-          <template #default>
-            <div :class="`${prefixCls}__item flex justify-between`">
-              <div>
-                <div
-                  :class="`${prefixCls}__item--icon ${prefixCls}__item--message p-16px inline-block rounded-6px`"
-                >
-                  <Icon :size="40" icon="svg-icon:message" />
-                </div>
-              </div>
-              <div class="flex flex-col justify-between">
-                <div :class="`${prefixCls}__item--text text-16px text-gray-500 text-right`"
-                  >{{ t('analysis.unreadInformation') }}
-                </div>
-                <CountTo
-                  :duration="2600"
-                  :end-val="81212"
-                  :start-val="0"
-                  class="text-right text-20px font-700"
-                />
-              </div>
-            </div>
-          </template>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-
-    <el-col :lg="6" :md="12" :sm="12" :xl="6" :xs="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" :rows="2" animated>
-          <template #default>
-            <div :class="`${prefixCls}__item flex justify-between`">
-              <div>
-                <div
-                  :class="`${prefixCls}__item--icon ${prefixCls}__item--money p-16px inline-block rounded-6px`"
-                >
-                  <Icon :size="40" icon="svg-icon:money" />
-                </div>
-              </div>
-              <div class="flex flex-col justify-between">
-                <div :class="`${prefixCls}__item--text text-16px text-gray-500 text-right`"
-                  >{{ t('analysis.transactionAmount') }}
-                </div>
-                <CountTo
-                  :duration="2600"
-                  :end-val="9280"
-                  :start-val="0"
-                  class="text-right text-20px font-700"
-                />
-              </div>
-            </div>
-          </template>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-
-    <el-col :lg="6" :md="12" :sm="12" :xl="6" :xs="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" :rows="2" animated>
-          <template #default>
-            <div :class="`${prefixCls}__item flex justify-between`">
-              <div>
-                <div
-                  :class="`${prefixCls}__item--icon ${prefixCls}__item--shopping p-16px inline-block rounded-6px`"
-                >
-                  <Icon :size="40" icon="svg-icon:shopping" />
-                </div>
-              </div>
-              <div class="flex flex-col justify-between">
-                <div :class="`${prefixCls}__item--text text-16px text-gray-500 text-right`"
-                  >{{ t('analysis.totalShopping') }}
-                </div>
-                <CountTo
-                  :duration="2600"
-                  :end-val="13600"
-                  :start-val="0"
-                  class="text-right text-20px font-700"
-                />
-              </div>
-            </div>
-          </template>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-  </el-row>
-  <el-row :gutter="20" justify="space-between">
-    <el-col :lg="10" :md="24" :sm="24" :xl="10" :xs="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" animated>
-          <Echart :height="300" :options="pieOptionsData" />
-        </el-skeleton>
-      </el-card>
-    </el-col>
-    <el-col :lg="14" :md="24" :sm="24" :xl="14" :xs="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" animated>
-          <Echart :height="300" :options="barOptionsData" />
-        </el-skeleton>
-      </el-card>
-    </el-col>
-    <el-col :span="24">
-      <el-card class="mb-20px" shadow="hover">
-        <el-skeleton :loading="loading" :rows="4" animated>
-          <Echart :height="350" :options="lineOptionsData" />
-        </el-skeleton>
-      </el-card>
-    </el-col>
-  </el-row>
-</template>
-<script lang="ts" setup>
-import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
-
-import { useDesign } from '@/hooks/web/useDesign'
-import type { AnalysisTotalTypes } from './types'
-import { barOptions, lineOptions, pieOptions } from './echarts-data'
-
-defineOptions({ name: 'Home2' })
-
-const { t } = useI18n()
-const loading = ref(true)
-const { getPrefixCls } = useDesign()
-const prefixCls = getPrefixCls('panel')
-const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
-
-let totalState = reactive<AnalysisTotalTypes>({
-  users: 0,
-  messages: 0,
-  moneys: 0,
-  shoppings: 0
-})
-
-const getCount = async () => {
-  const data = {
-    users: 102400,
-    messages: 81212,
-    moneys: 9280,
-    shoppings: 13600
-  }
-  totalState = Object.assign(totalState, data)
-}
-
-// 用户来源
-const getUserAccessSource = async () => {
-  const data = [
-    { value: 335, name: 'analysis.directAccess' },
-    { value: 310, name: 'analysis.mailMarketing' },
-    { value: 234, name: 'analysis.allianceAdvertising' },
-    { value: 135, name: 'analysis.videoAdvertising' },
-    { value: 1548, name: 'analysis.searchEngines' }
-  ]
-  set(
-    pieOptionsData,
-    'legend.data',
-    data.map((v) => t(v.name))
-  )
-  set(pieOptionsData, 'series.data', data)
-}
-const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
-
-// 周活跃量
-const getWeeklyUserActivity = async () => {
-  const data = [
-    { value: 13253, name: 'analysis.monday' },
-    { value: 34235, name: 'analysis.tuesday' },
-    { value: 26321, name: 'analysis.wednesday' },
-    { value: 12340, name: 'analysis.thursday' },
-    { value: 24643, name: 'analysis.friday' },
-    { value: 1322, name: 'analysis.saturday' },
-    { value: 1324, name: 'analysis.sunday' }
-  ]
-  set(
-    barOptionsData,
-    'xAxis.data',
-    data.map((v) => t(v.name))
-  )
-  set(barOptionsData, 'series', [
-    {
-      name: t('analysis.activeQuantity'),
-      data: data.map((v) => v.value),
-      type: 'bar'
-    }
-  ])
-}
-
-const lineOptionsData = reactive<EChartsOption>(lineOptions) as EChartsOption
-
-// 每月销售总额
-const getMonthlySales = async () => {
-  const data = [
-    { estimate: 100, actual: 120, name: 'analysis.january' },
-    { estimate: 120, actual: 82, name: 'analysis.february' },
-    { estimate: 161, actual: 91, name: 'analysis.march' },
-    { estimate: 134, actual: 154, name: 'analysis.april' },
-    { estimate: 105, actual: 162, name: 'analysis.may' },
-    { estimate: 160, actual: 140, name: 'analysis.june' },
-    { estimate: 165, actual: 145, name: 'analysis.july' },
-    { estimate: 114, actual: 250, name: 'analysis.august' },
-    { estimate: 163, actual: 134, name: 'analysis.september' },
-    { estimate: 185, actual: 56, name: 'analysis.october' },
-    { estimate: 118, actual: 99, name: 'analysis.november' },
-    { estimate: 123, actual: 123, name: 'analysis.december' }
-  ]
-  set(
-    lineOptionsData,
-    'xAxis.data',
-    data.map((v) => t(v.name))
-  )
-  set(lineOptionsData, 'series', [
-    {
-      name: t('analysis.estimate'),
-      smooth: true,
-      type: 'line',
-      data: data.map((v) => v.estimate),
-      animationDuration: 2800,
-      animationEasing: 'cubicInOut'
-    },
-    {
-      name: t('analysis.actual'),
-      smooth: true,
-      type: 'line',
-      itemStyle: {},
-      data: data.map((v) => v.actual),
-      animationDuration: 2800,
-      animationEasing: 'quadraticOut'
-    }
-  ])
-}
-
-const getAllApi = async () => {
-  await Promise.all([getCount(), getUserAccessSource(), getWeeklyUserActivity(), getMonthlySales()])
-  loading.value = false
-}
-
-getAllApi()
-</script>
-
-<style lang="scss" scoped>
-$prefix-cls: #{$namespace}-panel;
-
-.#{$prefix-cls} {
-  &__item {
-    &--peoples {
-      color: #40c9c6;
-    }
-
-    &--message {
-      color: #36a3f7;
-    }
-
-    &--money {
-      color: #f4516c;
-    }
-
-    &--shopping {
-      color: #34bfa3;
-    }
-
-    &:hover {
-      :deep(.#{$namespace}-icon) {
-        color: #fff !important;
-      }
-
-      .#{$prefix-cls}__item--icon {
-        transition: all 0.38s ease-out;
-      }
-
-      .#{$prefix-cls}__item--peoples {
-        background: #40c9c6;
-      }
-
-      .#{$prefix-cls}__item--message {
-        background: #36a3f7;
-      }
-
-      .#{$prefix-cls}__item--money {
-        background: #f4516c;
-      }
-
-      .#{$prefix-cls}__item--shopping {
-        background: #34bfa3;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/home/components/material.vue b/src/views/home/components/material.vue
deleted file mode 100644
index 83aadaa..0000000
--- a/src/views/home/components/material.vue
+++ /dev/null
@@ -1,336 +0,0 @@
-<!-- 原料管理员首页 -->
-<template>
-  <div class="row">
-    <div class="data">
-      <div class="small-data-item small-data-item1">
-        <div class="small-data-item-txt">
-          <div>今日到货计划(已发货)</div>
-          <div>{{materialData?.preparetoissueTodayCount}}<span>单</span></div>
-        </div>
-        <img src="../../../assets/imgs/icon1.png" alt="" class="img" />
-      </div>
-      <div class="small-data-item small-data-item2 ml-14px">
-        <div class="small-data-item-txt">
-          <div>今日备料计划(已发料)</div>
-          <div>{{materialData?.preparetoissueTodayCount}}<span>单</span></div>
-        </div>
-        <img src="../../../assets/imgs/icon5.png" alt="" class="img" />
-      </div>
-      <div class="small-data-item small-data-item3 ml-14px">
-        <div class="small-data-item-txt">
-          <div>今日叫料请求(已发料)</div>
-          <div>{{materialData?.issueRequestTodayCount}}<span>单</span></div>
-        </div>
-        <img src="../../../assets/imgs/icon6.png" alt="" class="img" />
-      </div>
-      <div class="small-data-item small-data-item4 ml-14px">
-        <div class="small-data-item-txt">
-          <div>空闲库位数/总库位数</div>
-          <div style="font-size: 20px;">{{materialData?.freeLocationCount}}<span>个</span>/{{materialData?.totalLocationCount}}<span>个</span></div>
-        </div>
-        <img src="../../../assets/imgs/icon3.png" alt="" class="img" />
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">呆滞库存预警</div>
-        <el-table
-          :data="materialData?.stagnantBalanceList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="itemCode" label="物料代码" width="180px" />
-          <el-table-column prop="batch" label="批次" width="180px" />
-          <el-table-column prop="packingNumber" label="包装号" width="180px" />
-          <el-table-column prop="containerNumber" label="器具代码" width="180px" />
-          <el-table-column prop="qty" label="数量" width="180px" />
-          <el-table-column prop="uom" label="计量单位" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.uom, DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationCode" label="库位代码" width="180px" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180px" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus, DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180px" />
-          <el-table-column prop="areaCode" label="库区代码" width="180px" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180px" />
-          <el-table-column prop="altBatch" label="替代批次" width="180px" />
-          <el-table-column prop="arriveDate" label="到货日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="produceDate" label="生产日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireDate" label="失效日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="ownerCode" label="货主代码" width="180px" />
-          <el-table-column prop="lockedQty" label="锁定数量" width="180px" />
-          <el-table-column prop="usableQty" label="可用数量" width="180px" />
-          <el-table-column prop="singlePrice" label="单价" width="180px" />
-          <el-table-column prop="amount" label="金额" width="180px" />
-          <el-table-column prop="putInTime" label="入库时间" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">超期库存预警</div>
-        <el-table
-          :data="materialData?.overdueBalanceList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="itemCode" label="物料代码" width="180px" />
-          <el-table-column prop="batch" label="批次" width="180px" />
-          <el-table-column prop="packingNumber" label="包装号" width="180px" />
-          <el-table-column prop="containerNumber" label="器具代码" width="180px" />
-          <el-table-column prop="qty" label="数量" width="180px" />
-          <el-table-column prop="uom" label="计量单位" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.uom, DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationCode" label="库位代码" width="180px" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180px" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus, DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180px" />
-          <el-table-column prop="areaCode" label="库区代码" width="180px" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180px" />
-          <el-table-column prop="altBatch" label="替代批次" width="180px" />
-          <el-table-column prop="arriveDate" label="到货日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="produceDate" label="生产日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireDate" label="失效日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="ownerCode" label="货主代码" width="180px" />
-          <el-table-column prop="lockedQty" label="锁定数量" width="180px" />
-          <el-table-column prop="usableQty" label="可用数量" width="180px" />
-          <el-table-column prop="singlePrice" label="单价" width="180px" />
-          <el-table-column prop="amount" label="金额" width="180px" />
-          <el-table-column prop="putInTime" label="入库时间" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">高低储预警</div>
-        <el-table
-          :data="materialData?.warningBalanceList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="itemCode" label="物料代码" width="180px" />
-          <el-table-column prop="batch" label="批次" width="180px" />
-          <el-table-column prop="packingNumber" label="包装号" width="180px" />
-          <el-table-column prop="containerNumber" label="器具代码" width="180px" />
-          <el-table-column prop="qty" label="数量" width="180px" />
-          <el-table-column prop="uom" label="计量单位" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.uom, DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationCode" label="库位代码" width="180px" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180px" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus, DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180px" />
-          <el-table-column prop="areaCode" label="库区代码" width="180px" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180px" />
-          <el-table-column prop="altBatch" label="替代批次" width="180px" />
-          <el-table-column prop="arriveDate" label="到货日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="produceDate" label="生产日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireDate" label="失效日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="ownerCode" label="货主代码" width="180px" />
-          <el-table-column prop="lockedQty" label="锁定数量" width="180px" />
-          <el-table-column prop="usableQty" label="可用数量" width="180px" />
-          <el-table-column prop="singlePrice" label="单价" width="180px" />
-          <el-table-column prop="amount" label="金额" width="180px" />
-          <el-table-column prop="putInTime" label="入库时间" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="data1  w-[47.3%]">
-        <div class="title">待处理任务</div>
-        <Echart :options="barOptions" :height="280" :key="lineIndex" />
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import * as IndexApi from '@/api/home'
-import { formatDate } from '@/utils/formatTime'
-import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
-import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
-import { barOptions } from '../echarts-data'
-const lineIndex = ref(0)
-
-const materialData = ref()
-// 获取原料管理员数据
-const getMaterialData = async () => {
- await IndexApi.getMaterialData().then((res) => {
-    materialData.value = res
-    getJobCharts()
-  })
-}
-const formatter = (type, dict) => {
-  let str = getStrDictOptions(dict).filter((item) => type == item.value)[0]?.label
-  return str
-}
-const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
-const getJobCharts = async () => {
-  set(
-    barOptionsData,
-    'xAxis.data',
-    Object.keys( materialData.value.jobCount)
-  )
-  set(barOptionsData, 'legend.data', ['待处理任务'])
-  set(barOptionsData, 'series', [
-    {
-      name:'待处理任务',
-      data: Object.values( materialData.value.jobCount),
-      type: 'bar',
-      barMaxWidth:30
-    }
-  ])
-  lineIndex.value++
-}
-onMounted(async () => {
-  await getMaterialData()
-})
-</script>
-<style scoped lang="scss">
-.title {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #dedede;
-  position: relative;
-  padding-left: 10px;
-  &::after {
-    content: '';
-    position: absolute;
-    width: 4px;
-    height: 16px;
-    background: #3c7adf;
-    left: 0px;
-    top: 3px;
-    border-radius: 8px;
-  }
-}
-.data {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  .small-data-item {
-    width:25%;
-    height: 90px;
-    display: flex;
-    align-items: center;
-    border-radius: 6px;
-    color: white;
-    padding: 0px 20px;
-    .small-data-item-txt {
-      flex: 1;
-      div {
-        &:nth-child(1) {
-          font-size: 14px;
-         
-        }
-        &:nth-child(2) {
-          font-size: 26px;
-          margin-top: 4px;
-          font-weight: bold;
-          span {
-            font-size: 14px;
-            padding-left: 6px;
-          font-weight: normal;
-          }
-        }
-      }
-    }
-    .img {
-      width: 40px;
-      opacity: 0.5;
-    }
-  }
-  .small-data-item1 {
-    background: linear-gradient(to left, #fd817d, #fcad80);
-  }
-  .small-data-item2 {
-    background: linear-gradient(to left, #46c6fa, #336bfe);
-  }
-  .small-data-item3 {
-    background: linear-gradient(to left, #96a6cc, #595f82);
-  }
-  .small-data-item4 {
-    background: linear-gradient(to left, #08dcd5, #46e2bb);
-  }
-  .small-data-item5 {
-    background: linear-gradient(to left, #f4c46b, #ffb313);
-  }
-  .small-data-item6 {
-    background: linear-gradient(to left, #6eccf8, #02acfd);
-  }
-}
-.two-row {
-  display: flex;
-  align-content: center;
-  justify-content: space-between;
-  .data1 {
-    background: white;
-    padding: 14px;
-  }
-}
-</style>
diff --git a/src/views/home/components/produce.vue b/src/views/home/components/produce.vue
deleted file mode 100644
index c289ec0..0000000
--- a/src/views/home/components/produce.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<!-- 生产管理员首页 -->
-<template>
-  <div class="row">
-    <div class="two-row">
-      <div class="data1 w-[47.3%]">
-        <div class="title">今日生产计划</div>
-        <el-table
-          :data="produceData?.productionTodayList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="number" label="单据号" width="180" />
-          <el-table-column prop="displayOrder" label="顺序" width="170" />
-          <el-table-column prop="workshop" label="车间" width="170" />
-          <el-table-column prop="productionLine" label="生产线" width="170" />
-          <el-table-column prop="shift" label="班次" width="170" />
-          <el-table-column prop="team" label="班组" width="170" />
-          <el-table-column prop="planDate" label="计划日期" width="170"
-            ><template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="beginTime" label="开始日期" width="170"
-            ><template #default="scope">
-              <span>{{ formatDate(scope.row.beginTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="endTime" label="结束日期" width="170"
-            ><template #default="scope">
-              <span>{{ formatDate(scope.row.endTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="businessType" label="业务类型" />
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">线边安全库存</div>
-        <el-table :data="produceData?.safeLocationList" style="width: 100%" stripe height="240px">
-          <el-table-column prop="code" label="代码" width="180" />
-          <el-table-column prop="name" label="名称" width="180" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180" />
-          <el-table-column prop="areaCode" label="库区代码" width="180" />
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180" />
-          <el-table-column prop="type" label="类型" width="180" />
-          <el-table-column prop="aisle" label="巷道" width="180" />
-          <el-table-column prop="shelf" label="货架" width="180" />
-          <el-table-column prop="locationRow" label="行" width="180" />
-          <el-table-column prop="locationColum" label="列" width="180" />
-          <el-table-column prop="pickPriority" label="拣料优先级" width="180" />
-          <el-table-column prop="maxWeight" label="最大承重" width="180" />
-          <el-table-column prop="maxArea" label="最大面积" width="180" />
-          <el-table-column prop="maxVolume" label="最大体积" width="180" />
-          <el-table-column prop="userGroupCode" label="用户组代码" width="180" />
-          <el-table-column prop="activeTime" label="生效时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireTime" label="失效时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">待上架成品库存</div>
-        <el-table
-          :data="produceData?.productputawayJobDetailList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="number" label="单据号" width="180" />
-          <el-table-column prop="fromWarehouseCode" label="从仓库代码" width="180" />
-          <el-table-column prop="requestTime" label="申请时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.requestTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="requestDueTime" label="要求截止时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.requestDueTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="status" label="状态"  width="140"/>
-          <el-table-column prop="departmentCode" label="部门" />
-          <el-table-column prop="acceptUserId" label="承接人用户名" width="170" />
-          <el-table-column prop="acceptTime" label="承接时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.acceptTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="fromLocationTypes" label="从库位类型范围"  width="170"/>
-          <el-table-column prop="toLocationTypes" label="到库位类型范围" width="170" />
-          <el-table-column prop="toWarehouseCode" label="到仓库代码"  width="170"/>
-          <el-table-column prop="fromAreaCodes" label="从库区代码范围"  width="170"/>
-          <el-table-column prop="toAreaCodes" label="到库区代码范围"  width="170"/>
-          <el-table-column prop="autoComplete" label="自动完成" width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.autoComplete, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowModifyLocation" label="允许修改库位"  width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowModifyLocation, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowModifyQty" label="允许修改数量" width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowModifyQty, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowBiggerQty" label="允许大于推荐数量" width="140">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowBiggerQty, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowSmallerQty" label="允许小于推荐数量" width="140">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowSmallerQty, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowModifyInventoryStatus" label="允许修改库存状态" width="140">
-            <template #default="scope">
-              <span>{{
-                formatter(scope.row.allowModifyInventoryStatus, DICT_TYPE.TRUE_FALSE)
-              }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowContinuousScanning" label="允许连续扫描" width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowContinuousScanning, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowPartialComplete" label="允许部分完成" width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowPartialComplete, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowModifyBatch" label="允许修改批次" width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowModifyBatch, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="allowModifyPackingNumber" label="允许修改箱码" width="120">
-            <template #default="scope">
-              <span>{{ formatter(scope.row.allowModifyPackingNumber, DICT_TYPE.TRUE_FALSE) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">待处理任务</div>
-        <Echart :options="barOptions" :height="280" :key="lineIndex" />
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import * as IndexApi from '@/api/home'
-import { formatDate } from '@/utils/formatTime'
-import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
-import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
-import { barOptions } from '../echarts-data'
-const lineIndex = ref(0)
-const produceData = ref()
-// 获取生产管理员首页数据
-const getProduceData = async () => {
-  IndexApi.getProduceData().then((res) => {
-    produceData.value = res
-    getJobCharts()
-  })
-}
-const formatter = (type, dict) => {
-  let str = getStrDictOptions(dict).filter((item) => type == item.value)[0]?.label
-  return str
-}
-const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
-const getJobCharts = async () => {
-  set(
-    barOptionsData,
-    'xAxis.data',
-    Object.keys( produceData.value.jobCount)
-  )
-  set(barOptionsData, 'legend.data', ['待处理任务'])
-  set(barOptionsData, 'series', [
-    {
-      name:'待处理任务',
-      data: Object.values( produceData.value.jobCount),
-      type: 'bar',
-      barMaxWidth:30
-    }
-  ])
-  lineIndex.value++
-}
-onMounted(async () => {
-  await getProduceData()
-})
-</script>
-<style scoped lang="scss">
-.title {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #dedede;
-  position: relative;
-  padding-left: 10px;
-  &::after {
-    content: '';
-    position: absolute;
-    width: 4px;
-    height: 16px;
-    background: #3c7adf;
-    left: 0px;
-    top: 3px;
-    border-radius: 8px;
-  }
-}
-.data {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  .small-data-item {
-    width: 25%;
-    height: 90px;
-    display: flex;
-    align-items: center;
-    border-radius: 6px;
-    color: white;
-    padding: 0px 20px;
-    .small-data-item-txt {
-      flex: 1;
-      div {
-        &:nth-child(1) {
-          font-size: 14px;
-        }
-        &:nth-child(2) {
-          font-size: 26px;
-          margin-top: 4px;
-          font-weight: bold;
-          span {
-            font-size: 14px;
-            padding-left: 6px;
-            font-weight: normal;
-          }
-        }
-      }
-    }
-    .img {
-      width: 40px;
-      opacity: 0.5;
-    }
-  }
-  .small-data-item1 {
-    background: linear-gradient(to left, #fd817d, #fcad80);
-  }
-  .small-data-item2 {
-    background: linear-gradient(to left, #46c6fa, #336bfe);
-  }
-  .small-data-item3 {
-    background: linear-gradient(to left, #96a6cc, #595f82);
-  }
-  .small-data-item4 {
-    background: linear-gradient(to left, #08dcd5, #46e2bb);
-  }
-  .small-data-item5 {
-    background: linear-gradient(to left, #f4c46b, #ffb313);
-  }
-  .small-data-item6 {
-    background: linear-gradient(to left, #6eccf8, #02acfd);
-  }
-}
-.two-row {
-  display: flex;
-  align-content: center;
-  justify-content: space-between;
-  .data1 {
-    background: white;
-    padding: 14px;
-  }
-}
-</style>
diff --git a/src/views/home/components/product.vue b/src/views/home/components/product.vue
deleted file mode 100644
index 5124d9c..0000000
--- a/src/views/home/components/product.vue
+++ /dev/null
@@ -1,313 +0,0 @@
-<!-- 成品管理员首页 -->
-<template>
-  <div class="row">
-    <div class="data">
-      <div class="small-data-item small-data-item1">
-        <div class="small-data-item-txt">
-          <div>今日到货计划(已发货)</div>
-          <div>{{ productData?.deliverPlanTodayCount || 0 }}<span>单</span></div>
-        </div>
-        <img src="../../../assets/imgs/icon1.png" alt="" class="img" />
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">呆滞库存预警</div>
-        <el-table
-          :data="productData?.stagnantBalanceList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="itemCode" label="物料代码" width="180px" />
-          <el-table-column prop="batch" label="批次" width="180px" />
-          <el-table-column prop="packingNumber" label="包装号" width="180px" />
-          <el-table-column prop="containerNumber" label="器具代码" width="180px" />
-          <el-table-column prop="qty" label="数量" width="180px" />
-          <el-table-column prop="uom" label="计量单位" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.uom, DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationCode" label="库位代码" width="180px" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180px" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus, DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180px" />
-          <el-table-column prop="areaCode" label="库区代码" width="180px" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180px" />
-          <el-table-column prop="altBatch" label="替代批次" width="180px" />
-          <el-table-column prop="arriveDate" label="到货日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="produceDate" label="生产日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireDate" label="失效日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="ownerCode" label="货主代码" width="180px" />
-          <el-table-column prop="lockedQty" label="锁定数量" width="180px" />
-          <el-table-column prop="usableQty" label="可用数量" width="180px" />
-          <el-table-column prop="singlePrice" label="单价" width="180px" />
-          <el-table-column prop="amount" label="金额" width="180px" />
-          <el-table-column prop="putInTime" label="入库时间" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">超期库存预警</div>
-        <el-table
-          :data="productData?.overdueBalanceList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="itemCode" label="物料代码" width="180px" />
-          <el-table-column prop="batch" label="批次" width="180px" />
-          <el-table-column prop="packingNumber" label="包装号" width="180px" />
-          <el-table-column prop="containerNumber" label="器具代码" width="180px" />
-          <el-table-column prop="qty" label="数量" width="180px" />
-          <el-table-column prop="uom" label="计量单位" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.uom, DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationCode" label="库位代码" width="180px" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180px" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus, DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180px" />
-          <el-table-column prop="areaCode" label="库区代码" width="180px" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180px" />
-          <el-table-column prop="altBatch" label="替代批次" width="180px" />
-          <el-table-column prop="arriveDate" label="到货日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="produceDate" label="生产日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireDate" label="失效日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="ownerCode" label="货主代码" width="180px" />
-          <el-table-column prop="lockedQty" label="锁定数量" width="180px" />
-          <el-table-column prop="usableQty" label="可用数量" width="180px" />
-          <el-table-column prop="singlePrice" label="单价" width="180px" />
-          <el-table-column prop="amount" label="金额" width="180px" />
-          <el-table-column prop="putInTime" label="入库时间" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">高低储预警</div>
-        <el-table
-          :data="productData?.warningBalanceList"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="itemCode" label="物料代码" width="180px" />
-          <el-table-column prop="batch" label="批次" width="180px" />
-          <el-table-column prop="packingNumber" label="包装号" width="180px" />
-          <el-table-column prop="containerNumber" label="器具代码" width="180px" />
-          <el-table-column prop="qty" label="数量" width="180px" />
-          <el-table-column prop="uom" label="计量单位" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.uom, DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationCode" label="库位代码" width="180px" />
-          <el-table-column prop="warehouseCode" label="仓库代码" width="180px" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="180px">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus, DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="locationGroupCode" label="库位组代码" width="180px" />
-          <el-table-column prop="areaCode" label="库区代码" width="180px" />
-          <el-table-column prop="erpLocationCode" label="ERP库位代码" width="180px" />
-          <el-table-column prop="altBatch" label="替代批次" width="180px" />
-          <el-table-column prop="arriveDate" label="到货日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="produceDate" label="生产日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="expireDate" label="失效日期" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="ownerCode" label="货主代码" width="180px" />
-          <el-table-column prop="lockedQty" label="锁定数量" width="180px" />
-          <el-table-column prop="usableQty" label="可用数量" width="180px" />
-          <el-table-column prop="singlePrice" label="单价" width="180px" />
-          <el-table-column prop="amount" label="金额" width="180px" />
-          <el-table-column prop="putInTime" label="入库时间" width="180px">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.planDate) }}</span>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">待处理任务</div>
-        <Echart :options="barOptions" :height="280" :key="lineIndex" />
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import * as IndexApi from '@/api/home'
-import { formatDate } from '@/utils/formatTime'
-import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
-import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
-import { barOptions } from '../echarts-data'
-const lineIndex = ref(0)
-// 获取成品管理员首页首页数据
-const productData = ref()
-const getProductData = async () => {
-  IndexApi.getProductData().then((res) => {
-    productData.value = res
-    getJobCharts()
-  })
-}
-const formatter = (type, dict) => {
-  let str = getStrDictOptions(dict).filter((item) => type == item.value)[0]?.label
-  return str
-}
-const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
-const getJobCharts = async () => {
-  set(
-    barOptionsData,
-    'xAxis.data',
-    Object.keys( productData.value.jobCount)
-  )
-  set(barOptionsData, 'legend.data', ['待处理任务'])
-  set(barOptionsData, 'series', [
-    {
-      name:'待处理任务',
-      data: Object.values( productData.value.jobCount),
-      type: 'bar',
-      barMaxWidth:30
-    }
-  ])
-  lineIndex.value++
-}
-onMounted(async () => {
-  await getProductData()
-})
-</script>
-<style scoped lang="scss">
-.title {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #dedede;
-  position: relative;
-  padding-left: 10px;
-  &::after {
-    content: '';
-    position: absolute;
-    width: 4px;
-    height: 16px;
-    background: #3c7adf;
-    left: 0px;
-    top: 3px;
-    border-radius: 8px;
-  }
-}
-.data {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  .small-data-item {
-    width: 25%;
-    height: 90px;
-    display: flex;
-    align-items: center;
-    border-radius: 6px;
-    color: white;
-    padding: 0px 20px;
-    .small-data-item-txt {
-      flex: 1;
-      div {
-        &:nth-child(1) {
-          font-size: 14px;
-        }
-        &:nth-child(2) {
-          font-size: 26px;
-          margin-top: 4px;
-          font-weight: bold;
-          span {
-            font-size: 14px;
-            padding-left: 6px;
-            font-weight: normal;
-          }
-        }
-      }
-    }
-    .img {
-      width: 40px;
-      opacity: 0.5;
-    }
-  }
-  .small-data-item1 {
-    background: linear-gradient(to left, #fd817d, #fcad80);
-  }
-  .small-data-item2 {
-    background: linear-gradient(to left, #46c6fa, #336bfe);
-  }
-  .small-data-item3 {
-    background: linear-gradient(to left, #96a6cc, #595f82);
-  }
-  .small-data-item4 {
-    background: linear-gradient(to left, #08dcd5, #46e2bb);
-  }
-  .small-data-item5 {
-    background: linear-gradient(to left, #f4c46b, #ffb313);
-  }
-  .small-data-item6 {
-    background: linear-gradient(to left, #6eccf8, #02acfd);
-  }
-}
-.two-row {
-  display: flex;
-  align-content: center;
-  justify-content: space-between;
-  .data1 {
-    background: white;
-    padding: 14px;
-  }
-}
-</style>
diff --git a/src/views/home/components/supplierIndex.vue b/src/views/home/components/supplierIndex.vue
deleted file mode 100644
index 7610f97..0000000
--- a/src/views/home/components/supplierIndex.vue
+++ /dev/null
@@ -1,452 +0,0 @@
-<!-- 供应商首页 -->
-<template>
-  <div class="one-row">
-    <div class="data">
-      <div class="data-item">
-        <div class="small-title">订单数</div>
-        <div class="small-data">
-          <div class="small-data-item small-data-item1">
-            <div class="small-data-item-txt">
-              <div>{{ supplierData?.openPurchaseCount || 0 }}<span>单</span></div>
-              <div>开放订单数</div>
-            </div>
-            <img src="../../../assets/imgs/icon1.png" alt="" class="img" />
-          </div>
-          <div class="small-data-item small-data-item2 ml-14px">
-            <div class="small-data-item-txt">
-              <div>{{ supplierData?.allPurchaseCount || 0 }}<span>单</span></div>
-              <div>全部订单数</div>
-            </div>
-            <img src="../../../assets/imgs/icon5.png" alt="" class="img" />
-          </div>
-        </div>
-      </div>
-      <div class="data-item ml-14px">
-        <div class="small-title">要货计划数</div>
-        <div class="small-data">
-          <div class="small-data-item small-data-item3">
-            <div class="small-data-item-txt">
-              <div>{{ supplierData?.openPurchasePlanCount || 0 }}<span>单</span></div>
-              <div>开放计划数</div>
-            </div>
-            <img src="../../../assets/imgs/icon6.png" alt="" class="img" />
-          </div>
-          <div class="small-data-item small-data-item4 ml-14px">
-            <div class="small-data-item-txt">
-              <div>{{ supplierData?.allPurchasePlanCount || 0 }}<span>单</span></div>
-              <div>全部计划数</div>
-            </div>
-            <img src="../../../assets/imgs/icon3.png" alt="" class="img" />
-          </div>
-        </div>
-      </div>
-      <div class="data-item ml-14px">
-        <div class="small-title">发货单数</div>
-        <div class="small-data">
-          <div class="small-data-item small-data-item5">
-            <div class="small-data-item-txt">
-              <div>{{ supplierData?.notTakeSupplierdeliverCount || 0 }}<span>单</span></div>
-              <div>未收货订单数</div>
-            </div>
-            <img src="../../../assets/imgs/icon4.png" alt="" class="img" />
-          </div>
-          <div class="small-data-item small-data-item6 ml-14px">
-            <div class="small-data-item-txt">
-              <div>{{ supplierData?.takeSupplierdeliverCount || 0 }}<span>单</span></div>
-              <div>已收货订单数</div>
-            </div>
-            <img src="../../../assets/imgs/icon2.png" alt="" class="img" />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[65%]">
-        <div class="title">本月发货单趋势</div>
-        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
-      </div>
-      <div class="data1 w-[35%] ml-14px">
-        <div class="title">本月发货零件TOP10</div>
-        <Echart :options="pieOptions" :height="280" :key="lineIndex" />
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">最新消息</div>
-        <el-table :data="notaicList" style="width: 100%" stripe height="240px">
-          <el-table-column label="编号" align="center" prop="id" />
-          <el-table-column label="用户类型" align="center" prop="userType">
-            <template #default="scope">
-              <dict-tag :type="DICT_TYPE.USER_TYPE" :value="scope.row.userType" />
-            </template>
-          </el-table-column>
-          <el-table-column label="用户编号" align="center" prop="userId" width="80" />
-          <el-table-column label="模板编码" align="center" prop="templateCode" width="80" />
-          <el-table-column label="发送人名称" align="center" prop="templateNickname" width="180" />
-          <el-table-column
-            label="模版内容"
-            align="center"
-            prop="templateContent"
-            width="200"
-            show-overflow-tooltip
-          />
-          <el-table-column
-            label="模版参数"
-            align="center"
-            prop="templateParams"
-            width="180"
-            show-overflow-tooltip
-          >
-            <template #default="scope"> {{ scope.row.templateParams }}</template>
-          </el-table-column>
-          <el-table-column label="模版类型" align="center" prop="templateType" width="120">
-            <template #default="scope">
-              <dict-tag
-                :type="DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE"
-                :value="scope.row.templateType"
-              />
-            </template>
-          </el-table-column>
-          <el-table-column label="是否已读" align="center" prop="readStatus" width="100">
-            <template #default="scope">
-              <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.readStatus" />
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="阅读时间"
-            align="center"
-            prop="readTime"
-            width="180"
-            :formatter="dateFormatter"
-          />
-          <el-table-column
-            label="创建时间"
-            align="center"
-            prop="createTime"
-            width="180"
-            :formatter="dateFormatter"
-          />
-          <!-- <el-table-column label="操作" align="center"  fixed="right" width="120">
-        <template #default="scope">
-          <el-button link type="primary" @click="openDetail(scope.row)" v-hasPermi="['system:notify-message:query']">
-            <Icon icon="ep:document-copy" />
-            详情
-          </el-button>
-        </template>
-      </el-table-column> -->
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">最新扣分明细</div>
-        <el-table :data="tableData" style="width: 100%" stripe height="240px">
-          <el-table-column prop="title" label="标题" />
-          <el-table-column prop="name" label="发布人" />
-          <el-table-column prop="date" label="发布日期" />
-        </el-table>
-      </div>
-    </div>
-    <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
-        <div class="title">本月退货明细</div>
-        <el-table
-          :data="supplierData?.purchasereturnRecordMonth"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="number" label="单据号" width="180" />
-          <el-table-column prop="fromPackingNumber" label="从包装号" width="180" />
-          <el-table-column prop="toPackingNumber" label="到包装号" width="180" />
-          <el-table-column prop="fromContainerNumber" label="从器具号" width="120" />
-          <el-table-column prop="toContainerNumber" label="到器具号" width="120" />
-          <el-table-column prop="fromBatch" label="从批次" width="120" />
-          <el-table-column prop="toBatch" label="到批次" width="120" />
-          <el-table-column prop="altBatch" label="替代批次" width="120" />
-          <el-table-column prop="fromLocationCode" label="从库位代码" width="120" />
-          <el-table-column prop="toLocationCode" label="到库位代码" width="120" />
-          <el-table-column prop="fromLocationGroupCode" label="从库位组代码" width="120" />
-          <el-table-column prop="toLocationGroupCode" label="到库位组代码" width="120" />
-          <el-table-column prop="fromAreaCode" label="从库区代码" width="120" />
-          <el-table-column prop="toAreaCode" label="到库区代码" width="120" />
-          <el-table-column prop="fromOwnerCode" label="从货主代码" width="120" />
-          <el-table-column prop="toOwnerCode" label="到货主代码" width="120" />
-          <el-table-column prop="inventoryStatus" label="库存状态" width="120">
-            <template #default="scope">
-              {{ formatter(scope.row.inventoryStatus,DICT_TYPE.INVENTORY_STATUS) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="poNumber" label="订单号" width="120" />
-          <el-table-column prop="poline" label="订单行" width="120" />
-          <el-table-column prop="reason" label="原因" width="120" />
-          <el-table-column prop="singlePrice" label="单价" width="120" />
-          <el-table-column prop="amount" label="金额" width="120" />
-          <el-table-column prop="itemCode" label="物品代码" width="160" />
-          <el-table-column prop="itemName" label="物品名称" width="120" />
-          <el-table-column prop="itemDesc1" label="物品描述1" width="120" />
-          <el-table-column prop="itemDesc2" label="物品描述2" width="120" />
-          <el-table-column prop="qty" label="数量" width="120" />
-          <el-table-column prop="uom" label="计量单位" width="120">
-            <template #default="scope">
-              {{ formatter(scope.row.uom,DICT_TYPE.UOM) }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="projectCode" label="项目代码" width="120" />
-          <el-table-column prop="remark" label="备注" width="120" />
-          <el-table-column prop="createTime" label="创建时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="creator" label="创建者" width="120" />
-        </el-table>
-      </div>
-      <div class="data1 w-[47.3%]">
-        <div class="title">本月索赔明细</div>
-        <el-table
-          :data="supplierData?.purchasereturnRecordMonth"
-          style="width: 100%"
-          stripe
-          height="240px"
-        >
-          <el-table-column prop="number" label="单据号" width="180" />
-          <el-table-column prop="fromBatch" label="批次" width="120" />
-          <el-table-column prop="poNumber" label="订单号" width="120" />
-          <el-table-column prop="poline" label="订单行" width="120" />
-          <el-table-column prop="reason" label="原因" width="120" />
-          <el-table-column prop="singlePrice" label="单价" width="120" />
-          <el-table-column prop="amount" label="金额" width="120" />
-          <el-table-column prop="code" label="代码" width="160" />
-          <el-table-column prop="createTime" label="创建时间" width="170">
-            <template #default="scope">
-              <span>{{ formatDate(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="creator" label="创建者" width="120" />
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { set } from 'lodash-es'
-import { EChartsOption } from 'echarts'
-import { lineOptions, pieOptions } from '../echarts-data'
-import { formatDate } from '@/utils/formatTime'
-import * as NotifyMessageApi from '@/api/system/notify/message'
-import * as IndexApi from '@/api/home'
-import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
-const { t } = useI18n()
-const tableData = [
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    title: 'Tom',
-    text: 'No. 189, Grove St, Los Angeles'
-  },
-  {
-    date: '2016-05-02',
-    title: 'Tom',
-    name: 'Tom',
-    text: 'No. 189, Grove St, Los Angeles'
-  },
-  {
-    date: '2016-05-04',
-    title: 'Tom',
-    name: 'Tom',
-    text: 'No. 189, Grove St, Los Angeles'
-  },
-  {
-    date: '2016-05-01',
-    title: 'Tom',
-    name: 'Tom',
-    text: 'No. 189, Grove St, Los Angeles'
-  },
-  {
-    date: '2016-05-01',
-    title: 'Tom',
-    name: 'Tom',
-    text: 'No. 189, Grove St, Los Angeles'
-  },
-  {
-    date: '2016-05-01',
-    title: 'Tom',
-    name: 'Tom',
-    text: 'No. 189, Grove St, Los Angeles'
-  }
-]
-const supplierData = ref()
-const lineIndex = ref(0)
-// 本月发货单趋势
-const lineOptionsData = reactive<EChartsOption>(lineOptions) as EChartsOption
-const getInvoiceCharts = async () => {
-  set(
-    lineOptionsData,
-    'xAxis.data',
-    supplierData.value.supplierdeliverMonthCount.map((v) => v.date)
-  )
-  set(lineOptionsData, 'legend.data', ['本月发货单趋势'])
-  set(lineOptionsData, 'series', [
-    {
-      name: '本月发货单趋势',
-      smooth: true,
-      type: 'line',
-      itemStyle: {},
-      animationDuration: 2800,
-      animationEasing: 'quadraticOut',
-      data: supplierData.value.supplierdeliverMonthCount.map((v) => v.count)
-    }
-  ])
-  lineIndex.value++
-}
-//本月发货零件TOP10
-const pieOptionsData = reactive<EChartsOption>(pieOptions) as EChartsOption
-const getPartTOPCharts = async () => {
-  const data = [
-    { value: 335, name: 'analysis.directAccess' },
-    { value: 310, name: 'analysis.mailMarketing' },
-    { value: 234, name: 'analysis.allianceAdvertising' },
-    { value: 135, name: 'analysis.videoAdvertising' },
-    { value: 1548, name: 'analysis.searchEngines' }
-  ]
-  console.log(supplierData.value.supplierdeliverItemMonthTop)
-  set(
-    pieOptionsData,
-    'legend.data',
-    supplierData.value.supplierdeliverItemMonthTop.map((v) => v.itemCode)
-  )
-  pieOptionsData!.series![0].data = supplierData.value.supplierdeliverItemMonthTop.map((v) => {
-    return {
-      name: v.itemCode,
-      value: v.qty
-    }
-  })
-  lineIndex.value++
-}
-// 获取供应商数据
-const getSupplierData = async () => {
-  IndexApi.getSupplierData().then((res) => {
-    supplierData.value = res
-    getInvoiceCharts()
-    getPartTOPCharts()
-  })
-}
-// 最新消息
-const notaicList = ref([]) // 列表的数据
-const queryParams = reactive({
-  pageNo: 1,
-  pageSize: 10,
-  userType: undefined,
-  userId: undefined,
-  templateCode: undefined,
-  templateType: undefined,
-  createTime: []
-})
-/** 查询列表 */
-const getList = async () => {
-  try {
-    const data = await NotifyMessageApi.getNotifyMessagePage(queryParams)
-    notaicList.value = data.list
-  } finally {
-  }
-}
-const formatter = (type,dict) => {
-  let str = getStrDictOptions(dict).filter((item) => type == item.value)[0]?.label
-  return str
-}
-onMounted(async () => {
-  await getSupplierData()
-  getList()
-})
-</script>
-<style scoped lang="scss">
-.title {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #dedede;
-  position: relative;
-  padding-left: 10px;
-  &::after {
-    content: '';
-    position: absolute;
-    width: 4px;
-    height: 16px;
-    background: #3c7adf;
-    left: 0px;
-    top: 3px;
-    border-radius: 8px;
-  }
-}
-.data {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  .data-item {
-    width: calc(100% / 3);
-    padding: 10px 0px;
-    background: white;
-    .small-title {
-      padding: 0px 14px 10px;
-    }
-    .small-data {
-      display: flex;
-      align-content: center;
-      justify-content: space-between;
-      padding: 0px 14px;
-      .small-data-item {
-        width: 50%;
-        height: 70px;
-        display: flex;
-        align-items: center;
-        border-radius: 6px;
-        color: white;
-        padding: 0px 20px;
-        .small-data-item-txt {
-          flex: 1;
-          div {
-            &:nth-child(1) {
-              font-size: 20px;
-              span {
-                font-size: 12px;
-                padding-left: 6px;
-              }
-            }
-            &:nth-child(2) {
-              font-size: 12px;
-            }
-          }
-        }
-        .img {
-          width: 30px;
-          opacity: 0.5;
-        }
-      }
-      .small-data-item1 {
-        background: linear-gradient(to left, #fd817d, #fcad80);
-      }
-      .small-data-item2 {
-        background: linear-gradient(to left, #46c6fa, #336bfe);
-      }
-      .small-data-item3 {
-        background: linear-gradient(to left, #96a6cc, #595f82);
-      }
-      .small-data-item4 {
-        background: linear-gradient(to left, #08dcd5, #46e2bb);
-      }
-      .small-data-item5 {
-        background: linear-gradient(to left, #f4c46b, #ffb313);
-      }
-      .small-data-item6 {
-        background: linear-gradient(to left, #6eccf8, #02acfd);
-      }
-    }
-  }
-}
-.two-row {
-  display: flex;
-  align-content: center;
-  justify-content: space-between;
-  .data1 {
-    background: white;
-    padding: 14px;
-  }
-}
-</style>
diff --git a/src/views/home/echarts-data.ts b/src/views/home/echarts-data.ts
index 15c7b4a..ac76978 100644
--- a/src/views/home/echarts-data.ts
+++ b/src/views/home/echarts-data.ts
@@ -5,7 +5,7 @@ const { t } = useI18n()
 export const lineOptions: EChartsOption = {
   
   xAxis: {
-    data: [ 1, 2, 3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30
+    data: [ 1, 2, 3,4,5,6,7,8,9,10,11,12
     ],
     boundaryGap: false,
     axisTick: {
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1cc81ac..917adf8 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,14 +1,430 @@
+<!-- 供应商首页 -->
 <template>
-  <div>
-    <supplierIndex v-hasRole="['super_admin','supplier']"/>
-    <material v-hasRole="['super_admin']"/>
-    <product v-hasRole="['super_admin']"/>
-    <produce v-hasRole="['super_admin']"/>
+  <div class="one-row">
+    <div class="data">
+      <div class="data-item">
+        <div class="small-title">注塑</div>
+        <div class="small-data">
+          <div class="small-data-item small-data-item1">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zsTJ || 0 }}<span>个</span></div>
+              <div>设备停机状态</div>
+            </div>
+            <img src="../../assets/imgs/icon1.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item2">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zsZs || 0 }}<span>个</span></div>
+              <div>设备总数</div>
+            </div>
+            <img src="../../assets/imgs/icon2.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item3 mt-10px">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zsWC || 0 }}</div>
+              <div>月设备保养完成率</div>
+            </div>
+            <img src="../../assets/imgs/icon5.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item4 mt-10px">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zsTime || 0 }}<span>分钟</span></div>
+              <div>月汇总停机时间</div>
+            </div>
+            <img src="../../assets/imgs/icon3.png" alt="" class="img" />
+          </div>
+        </div>
+      </div>
+      <div class="data-item ml-14px">
+        <div class="small-title">装配</div>
+        <div class="small-data">
+          <div class="small-data-item small-data-item5">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zpTJ || 0 }}<span>个</span></div>
+              <div>设备停机状态</div>
+            </div>
+            <img src="../../assets/imgs/icon1.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item6">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zpZs || 0 }}<span>个</span></div>
+              <div>设备总数</div>
+            </div>
+            <img src="../../assets/imgs/icon2.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item7 mt-10px">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zpWC || 0 }}</div>
+              <div>月设备保养完成率</div>
+            </div>
+            <img src="../../assets/imgs/icon5.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item8 mt-10px">
+            <div class="small-data-item-txt">
+              <div>{{ data?.zpTime || 0 }}<span>分钟</span></div>
+              <div>月汇总停机时间</div>
+            </div>
+            <img src="../../assets/imgs/icon3.png" alt="" class="img" />
+          </div>
+        </div>
+      </div>
+      <div class="data-item ml-14px">
+        <div class="small-title">涂装</div>
+        <div class="small-data">
+          <div class="small-data-item small-data-item3">
+            <div class="small-data-item-txt">
+              <div>{{ data?.tzTJ || 0 }}<span>个</span></div>
+              <div>设备停机状态</div>
+            </div>
+            <img src="../../assets/imgs/icon1.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item4">
+            <div class="small-data-item-txt">
+              <div>{{ data?.tzZs || 0 }}<span>个</span></div>
+              <div>设备总数</div>
+            </div>
+            <img src="../../assets/imgs/icon2.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item5 mt-10px">
+            <div class="small-data-item-txt">
+              <div>{{ data?.tzWC || 0 }}</div>
+              <div>月设备保养完成率</div>
+            </div>
+            <img src="../../assets/imgs/icon5.png" alt="" class="img" />
+          </div>
+          <div class="small-data-item small-data-item6 mt-10px">
+            <div class="small-data-item-txt">
+              <div>{{ data?.tzTime || 0 }}<span>分钟</span></div>
+              <div>月汇总停机时间</div>
+            </div>
+            <img src="../../assets/imgs/icon3.png" alt="" class="img" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="data mt-14px">
+      <div class="data-item">
+        <div class="small-title">注塑年度指标</div>
+        <div class="small-data">
+          <div class="table-box">
+            <ul class="table header">
+              <li class="one">指标名称</li>
+              <li class="two">目标</li>
+              <li class="three">实际</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">设备停机率</li>
+              <li class="two orange">0.05%</li>
+              <li class="three green">0</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">平均故障回复时间</li>
+              <li class="two orange">20</li>
+              <li class="three green">0</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">平均故障间隔时间</li>
+              <li class="two orange">20</li>
+              <li class="three green">0</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="data-item ml-14px">
+        <div class="small-title">装配年度指标</div>
+        <div class="small-data">
+          <div class="table-box">
+            <ul class="table header">
+              <li class="one">指标名称</li>
+              <li class="two">目标</li>
+              <li class="three">实际</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">设备停机率</li>
+              <li class="two orange">0.05%</li>
+              <li class="three green">0</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">平均故障回复时间</li>
+              <li class="two orange">20</li>
+              <li class="three green">0</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">平均故障间隔时间</li>
+              <li class="two orange">20</li>
+              <li class="three green">0</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="data-item ml-14px">
+        <div class="small-title">涂装年度指标</div>
+        <div class="small-data">
+          <div class="table-box">
+            <ul class="table header">
+              <li class="one">指标名称</li>
+              <li class="two">目标</li>
+              <li class="three">实际</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">设备停机率</li>
+              <li class="two orange">0.05%</li>
+              <li class="three green">0</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">平均故障回复时间</li>
+              <li class="two orange">20</li>
+              <li class="three green">0</li>
+            </ul>
+            <ul class="table ul-body">
+              <li class="one">平均故障间隔时间</li>
+              <li class="two orange">20</li>
+              <li class="three green">0</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="two-row mt-14px">
+      <div class="data1">
+        <div class="title">注塑设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+      <div class="data1 ml-14px">
+        <div class="title">装配设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+      <div class="data1 ml-14px">
+        <div class="title">涂装设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+    </div>
+    <div class="two-row mt-14px">
+      <div class="data1">
+        <div class="title">注塑设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+      <div class="data1 ml-14px">
+        <div class="title">装配设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+      <div class="data1 ml-14px">
+        <div class="title">涂装设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+    </div>
+    <div class="two-row mt-14px">
+      <div class="data1">
+        <div class="title">注塑设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+      <div class="data1 ml-14px">
+        <div class="title">装配设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+      <div class="data1 ml-14px">
+        <div class="title">涂装设备停机率</div>
+        <Echart :options="lineOptions" :height="280" :key="lineIndex" />
+      </div>
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import supplierIndex from './components/supplierIndex.vue'
-  import material from './components/material.vue'
-  import product from './components/product.vue'
-  import produce from './components/produce.vue'
+import { set } from 'lodash-es'
+import { EChartsOption } from 'echarts'
+import { lineOptions, pieOptions } from './echarts-data'
+import * as IndexApi from '@/api/home'
+const { t } = useI18n()
+const data = ref()
+const lineIndex = ref(0)
+// 本月发货单趋势
+const lineOptionsData = reactive<EChartsOption>(lineOptions) as EChartsOption
+const getInvoiceCharts = async () => {
+  // set(
+  //   lineOptionsData,
+  //   'xAxis.data',
+  //   supplierData.value.supplierdeliverMonthCount.map((v) => v.date)
+  // )
+  set(lineOptionsData, 'legend.data',['销售','哈哈'])
+  set(lineOptionsData, 'series', [
+    {
+      name: '注塑设备停机率',
+      smooth: true,
+      type: 'line',
+      itemStyle: {},
+      animationDuration: 2800,
+      animationEasing: 'quadraticOut',
+      data: supplierData.value.supplierdeliverMonthCount.map((v) => v.count)
+    }
+  ])
+  lineIndex.value++
+}
+
+// 首页获取设备停机状态/设备总数/月设备保养完成率/月汇总停机时间
+function getData(){
+  IndexApi.getData().then((res)=>{
+data.value = res
+console.log(res)
+  })
+}
+onMounted(async () => {
+  // getInvoiceCharts()
+  getData()
+})
 </script>
+<style scoped lang="scss">
+.title {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #dedede;
+  position: relative;
+  padding-left: 10px;
+  &::after {
+    content: '';
+    position: absolute;
+    width: 4px;
+    height: 16px;
+    background: #3c7adf;
+    left: 0px;
+    top: 3px;
+    border-radius: 8px;
+  }
+}
+.data {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .data-item {
+    width: calc(100% / 3);
+    padding: 10px 0px;
+    background: white;
+    .small-title {
+  padding-bottom: 10px;
+  position: relative;
+  padding-left: 25px;
+      &::after {
+    content: '';
+    position: absolute;
+    width: 4px;
+    height: 16px;
+    background: #3c7adf;
+    left: 15px;
+    top: 3px;
+    border-radius: 8px;
+  }
+    }
+    .small-data {
+      display: flex;
+      align-content: center;
+      justify-content: space-between;
+      padding: 0px 14px;
+      flex-wrap: wrap;
+      .small-data-item {
+        width: calc(50% - 46px);
+        height: 70px;
+        display: flex;
+        align-items: center;
+        border-radius: 6px;
+        color: white;
+        padding: 0px 20px;
+        .small-data-item-txt {
+          flex: 1;
+          div {
+            &:nth-child(1) {
+              font-size: 20px;
+              span {
+                font-size: 12px;
+                padding-left: 6px;
+              }
+            }
+            &:nth-child(2) {
+              font-size: 12px;
+            }
+          }
+        }
+        .img {
+          width: 30px;
+          opacity: 0.5;
+        }
+      }
+      .small-data-item1 {
+        background: linear-gradient(to left, #fd817d, #fcad80);
+      }
+      .small-data-item2 {
+        background: linear-gradient(to left, #46c6fa, #336bfe);
+      }
+      .small-data-item3 {
+        background: linear-gradient(to left, #96a6cc, #595f82);
+      }
+      .small-data-item4 {
+        background: linear-gradient(to left, #08dcd5, #46e2bb);
+      }
+      .small-data-item5 {
+        background: linear-gradient(to left, #f4c46b, #ffb313);
+      }
+      .small-data-item6 {
+        background: linear-gradient(to left, #cad0fc, #97a2fa);
+      }
+      .small-data-item7 {
+        background: linear-gradient(to left, #fcc7c7, #ff8888);
+      }
+      .small-data-item8 {
+        background: linear-gradient(to left, #6eccf8, #02acfd);
+      }
+    }
+  }
+}
+.two-row {
+  display: flex;
+  align-content: center;
+  justify-content: space-between;
+  .data1 {
+    background: white;
+    padding: 14px;
+    width: calc(100% /3);
+  }
+}
+.table-box{
+  border: 1px solid #dedede;
+  width: 100%;
+}
+.table {
+  list-style: none;
+  padding: 0px;
+  width: 100%;
+}
+.header {
+  display: flex;
+  background: #f5f5f5;
+  margin: 0px;
+  li {
+    width: 25%;
+    text-align: center;
+    padding: 10px;
+  }
+  .one {
+    width: 50%;
+  }
+}
+.ul-body {
+  display: flex;
+  margin: 0px;
+  li {
+    width: 25%;
+    text-align: center;
+    padding: 10px;
+  }
+  .one {
+    width: 50%;
+  }
+  .green {
+    color: #18bb43;
+    font-size: 18px;
+    font-weight: bold;
+  }
+  .orange {
+    color: #ffb062;
+    font-size: 18px;
+    font-weight: bold;
+  }
+}
+</style>