更新

Reviewed-on: #28

src/api/basicData/Equipment/equipmentInfo.js

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:00:14
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-10 17:00:16
+ * @LastEditTime: 2022-03-04 09:06:58
  * @Description:
  */
 import request from '@/utils/request'
@@ -15,6 +15,14 @@ export function equipmentInfoList(data) { // 获取设备信息列表
   })
 }
 
+export function equipmentlistList(data) { // 获取设备信息列表
+  return request({
+    url: '/api/process/work-sequence/equipmentlistList',
+    method: 'post',
+    data
+  })
+}
+
 export function equipmentInfoDetail(id) { // 获取设备信息单条数据
   return request({
     url: '/api/wms/equipment/get',

src/api/basicData/GroupModule/staff.js

@@ -2,14 +2,14 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:00:14
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-03 15:10:05
+ * @LastEditTime: 2022-03-04 10:05:02
  * @Description:
  */
 import request from '@/utils/request'
 
 export function staffList(data) { // 获取员工列表
   return request({
-    url: '/basic/worker/page',
+    url: '/api/wms/worker/page',
     method: 'post',
     data
   })
@@ -17,7 +17,7 @@ export function staffList(data) { // 获取员工列表
 
 export function staffDetail(id) { // 获取员工单条数据
   return request({
-    url: '/basic/worker/get',
+    url: '/api/wms/worker/get',
     method: 'post',
     data: { id }
   })
@@ -25,7 +25,7 @@ export function staffDetail(id) { // 获取员工单条数据
 
 export function staffUpdate(data) { // 更新员工单条数据
   return request({
-    url: '/basic/worker/update',
+    url: '/api/wms/worker/update',
     method: 'post',
     data
   })
@@ -33,7 +33,7 @@ export function staffUpdate(data) { // 更新员工单条数据
 
 export function staffAdd(data) { // 新增员工单条数据
   return request({
-    url: '/basic/worker/add',
+    url: '/api/wms/worker/add',
     method: 'post',
     data
   })
@@ -41,14 +41,14 @@ export function staffAdd(data) { // 新增员工单条数据
 
 export function staffCode() { // 获取员工code
   return request({
-    url: '/basic/worker/get-code',
+    url: '/api/wms/worker/get-code',
     method: 'post'
   })
 }
 
 export function staffDelete(id) { // 删除员工单条数据
   return request({
-    url: '/basic/worker/delete',
+    url: '/api/wms/worker/delete',
     method: 'post',
     data: { id }
   })

src/api/orderManage/workOrder/workOrder.js

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:00:14
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-03 13:57:00
+ * @LastEditTime: 2022-03-04 09:35:14
  * @Description:
  */
 import request from '@/utils/request'
@@ -15,6 +15,14 @@ export function workOrderList(data) { // 获取工单列表
   })
 }
 
+export function workOrderListList(data) { // 00A获取工单列表
+  return request({
+    url: '/api/wms/work/order/page',
+    method: 'post',
+    data
+  })
+}
+
 export function workOrderDetail(id) { // 获取工单单条数据
   const data = {
     'id': id

src/lang/i18n.js

@@ -280,6 +280,10 @@ export default {
     equipment: {
       zh: '设备管理',
       en: 'Equipment Manager',
+      EquipmentUtilizationRate: {
+        zh: '设备稼动率',
+        en: 'EQ OEE'
+      },
       EquipmentVisualization: {
         zh: '设备可视化',
         en: 'Equipment Visualization',

src/lang/i18n/en/module/basicData.js

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2021-03-04 16:13:51
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-17 15:12:18
+ * @LastEditTime: 2022-03-04 10:13:58
  * @Description: file content
  */
 export default {
@@ -225,6 +225,7 @@ export default {
     wasteGrade: 'Waste Grade',
     RegisterPerson: 'Register Person',
     updateTime: 'Update Time',
+    registrationPlace: 'Registration Place',
     cause: 'Cause',
     causeCode: 'Cause Code',
     WasteName: 'Waste Name',

src/lang/i18n/en/module/equipmentManager.js

@@ -1,7 +1,7 @@
 /*
  * @Date: 2021-03-05 10:04:30
- * @LastEditors: Please set LastEditors
+ * @LastEditors: DY
- * @LastEditTime: 2021-07-23 09:13:56
+ * @LastEditTime: 2022-03-03 16:31:23
  * @FilePath: \basic-admin\src\lang\i18n\en\module\equipmentManager.js
  * @Description:
  */
@@ -19,6 +19,68 @@ export default {
     Water: 'Water',
     Gas: 'Gas'
   },
+  monitoringInfo: {
+    allCycles: 'Total cycle Times',
+    badTimes: 'Failure Times',
+    time: 'Time',
+    MCBF: 'MCBF',
+    previousStatus: 'State Before',
+    runTime: 'UpTime (hours)',
+    produceTime: 'Production time (hours)',
+    productiveCount: 'Actual Capacity',
+    timeRate: 'Time Start Rate',
+    performanceRate: 'Performance Start Rate',
+    oee: 'OEE',
+    E10StartTime: 'E10 StartTime',
+    E10endTime: 'E10 EndTime',
+    laterE10Status: 'Changed E10 State',
+    duration: 'Duration',
+    goodsNumbers: 'OK Quantity',
+    noOkNumbers: 'NOK Quantity',
+    onceOkCount: 'OK Quantity Of Fist Process ',
+    reworkOkCount: 'OK Quantity Of Rework ',
+    GetTimePeriod: 'Time Period',
+    ProductionTimePeriod: 'Production Time Period',
+    MaintenanceTimes: 'Maintenance Times',
+    RunningTime: 'Running Time',
+    E10status: 'E10 State',
+    number: 'Quantity Produced Of Current day',
+    yieId: 'Daily yield',
+    bom: 'Daily Consumption Of Materials,',
+    controlState: 'Control State',
+    equipmentName: 'EQ Name',
+    e10Code: 'E10 State',
+    materialName: 'MaterialName',
+    port: 'Loading Port',
+    productCount: 'Product Quantity',
+    spec: 'Spec',
+    materialNo: 'MaterialNo',
+    upTime: 'Loading Time',
+    upCount: 'Loading Amount',
+    useCount: 'Used Amount',
+    unit: 'Unit',
+    eventName: 'EventName',
+    paramName: 'ParamName',
+    paramValue: 'ParamValue',
+    standardFormat: 'StandardFormat',
+    paramFormat: 'ParamFormat',
+    receiveTime: 'ReceivedTime',
+    recipe: 'EQ Recipe',
+    controlStatus: 'Control State',
+    traceDataState: 'Trace Data OpenState',
+    controlStateUpdateTime: 'Control State UpdateTime',
+    e10UpdateTime: 'E10 Update Time',
+    StateFlg: 'StateFlag',
+    EnableSpooling: 'EnableSpooling',
+    maxspooltransmit: 'MaxSpoolTransmit',
+    spoolingstate: 'SpoolingState',
+    spoolingcountactual: 'SpoolingCountActual',
+    SpoolingCountTotal: 'SpoolingCountTotal',
+    F1F3Succ: 'F1F3 Request Success',
+    F2F13Succ: 'F2F13 Request Success',
+    baseChart: 'Processed Substrates Quantity',
+    monitorChart: 'EQ Running Time'
+  },
   sparepart: {
     'sparepart': 'Sparepart',
     'code': 'Sparepart number',

src/lang/i18n/en/module/quality.js

@@ -1,7 +1,7 @@
 /*
  * @Date: 2021-03-13 13:49:16
  * @LastEditors: zwq
- * @LastEditTime: 2021-04-15 09:59:15
+ * @LastEditTime: 2022-03-04 09:21:36
  * @FilePath: \basic-admin\src\lang\i18n\en\module\quality.js
  * @Description:
  */
@@ -90,5 +90,10 @@ export default {
     subTitle: 'Scrap Category Statistics',
     completeWaste: 'Complete Waste',
     CanBeUsedAfterProcessing: 'Can be used after processing'
+  },
+  QCPplan: {
+    QCPcode: 'QCP Code',
+    getTime: 'Get Time',
+    detail: 'Detail'
   }
 }

src/lang/i18n/zh/module/basicData.js

@@ -2,7 +2,7 @@
  * @Author: gtz
  * @Date: 2021-03-04 16:13:51
  * @LastEditors: zwq
- * @LastEditTime: 2022-01-17 15:12:12
+ * @LastEditTime: 2022-03-04 10:13:41
  * @Description: file content
  */
 export default {
@@ -225,6 +225,7 @@ export default {
     wasteGrade: '废品等级',
     RegisterPerson: '登记人',
     updateTime: '登记时间',
+    registrationPlace: '登记地点',
     cause: '报废原因',
     causeCode: '报废原因编码',
     WasteName: '废品报废名称',

src/lang/i18n/zh/module/equipmentManager.js

@@ -1,7 +1,7 @@
 /*
  * @Date: 2021-03-05 10:04:37
- * @LastEditors: Please set LastEditors
+ * @LastEditors: DY
- * @LastEditTime: 2021-07-23 09:13:20
+ * @LastEditTime: 2022-03-03 16:31:16
  * @FilePath: \basic-admin\src\lang\i18n\zh\module\equipmentManager.js
  * @Description:
  */
@@ -19,6 +19,68 @@ export default {
     'Water': '水',
     'Gas': '气'
   },
+  monitoringInfo: {
+    allCycles: '总循环次数',
+    badTimes: '故障次数',
+    time: '时间',
+    MCBF: 'MCBF',
+    previousStatus: '转换前状态',
+    runTime: '开机时长(时)',
+    produceTime: '生产时长(时)',
+    productiveCount: '实际产能',
+    timeRate: '时间开动率',
+    performanceRate: '性能开动率',
+    oee: '综合效率OEE',
+    E10StartTime: 'E10开始时间',
+    E10endTime: 'E10结束时间',
+    laterE10Status: '变化后E10状态',
+    duration: '持续时间',
+    goodsNumbers: '良品数量',
+    noOkNumbers: '不良品数量',
+    onceOkCount: '一次加工良品数量',
+    reworkOkCount: '重工良品数量',
+    GetTimePeriod: '获取时间段',
+    ProductionTimePeriod: '生产时间段',
+    MaintenanceTimes: '维护次数',
+    RunningTime: '运行时长',
+    E10status: 'E10状态',
+    number: '当日生产的数量',
+    yieId: '当日良率',
+    bom: '当日消耗物料',
+    controlState: '控制状态',
+    equipmentName: '设备名称',
+    e10Code: 'E10状态名称',
+    port: '上料位置',
+    recipe: '设备配方',
+    materialName: '物料名称',
+    productCount: '加工数量',
+    spec:	'物料规格',
+    materialNo:	'物料批次号',
+    upTime:	'上料时间',
+    upCount: '上料数量',
+    useCount:	'使用数量',
+    unit:	'单位',
+    eventName: '事件名称',
+    paramName: '参数名称',
+    receiveTime: '获取参数时间',
+    paramValue: '获取参数值',
+    standardFormat: '标准参数模式',
+    paramFormat: '获取参数格式',
+    controlStatus: '设备控制状态',
+    traceDataState: 'Trace Data 开启状态',
+    controlStateUpdateTime: '控制状态更新时间',
+    e10UpdateTime: 'E10更新时间',
+    StateFlg: 'StateFlg',
+    EnableSpooling: 'EnableSpooling',
+    maxspooltransmit: 'maxspooltransmit',
+    spoolingstate: 'spoolingstate',
+    spoolingcountactual: 'spoolingcountactual',
+    SpoolingCountTotal: 'SpoolingCountTotal',
+    F1F3Succ: 'F1F3请求成功',
+    F2F13Succ: 'F2F13请求成功',
+    baseChart: '设备加工基板数量',
+    monitorChart: '设备运行时长'
+  },
   sparepart: {
     'sparepart': '备品备件',
     'code': '备件编号',

src/lang/i18n/zh/module/quality.js

@@ -1,7 +1,7 @@
 /*
  * @Date: 2021-03-13 13:49:07
  * @LastEditors: zwq
- * @LastEditTime: 2021-04-15 09:58:18
+ * @LastEditTime: 2022-03-04 09:21:04
  * @FilePath: \basic-admin\src\lang\i18n\zh\module\quality.js
  * @Description:
  */
@@ -90,5 +90,10 @@ export default {
     subTitle: '废品分类统计',
     completeWaste: '完全废品',
     CanBeUsedAfterProcessing: '加工可用'
+  },
+  QCPplan: {
+    QCPcode: 'QCP项目编码',
+    getTime: '获取时间',
+    detail: '详情'
   }
 }

src/router/index.js

@@ -188,6 +188,12 @@ export const constantRoutes = [
           }
         ]
       },
+      {
+        path: 'staff',
+        component: () => import('@/views/basicData/GroupModule/staff'),
+        name: 'staff',
+        meta: { title: routerTitle.basicData.teamManage.staff?.[language] || routerTitle.basicData.teamManage.staff.en, icon: 'form', affix: true, required: true, requireToken: true }
+      },
       {
         path: '/dataDictionary',
         component: () => import('@/views/basicData/index'),
@@ -345,12 +351,12 @@ export const constantRoutes = [
             name: 'ScrapType',
             meta: { title: routerTitle.basicData.scrap.scrapType?.[language] || routerTitle.basicData.scrap.scrapType.en, icon: 'form', affix: true, required: true, requireToken: true }
           },
-          {
+          // {
-            path: 'EquipmentScrapGrade',
+          //   path: 'EquipmentScrapGrade',
-            component: () => import('@/views/basicData/EquipmentScrapGrade'),
+          //   component: () => import('@/views/basicData/EquipmentScrapGrade'),
-            name: 'EquipmentScrapGrade',
+          //   name: 'EquipmentScrapGrade',
-            meta: { title: routerTitle.basicData.EquipmentScrapGrade?.[language] || routerTitle.basicData.EquipmentScrapGrade.en, icon: 'form', affix: true, required: true, requireToken: true }
+          //   meta: { title: routerTitle.basicData.EquipmentScrapGrade?.[language] || routerTitle.basicData.EquipmentScrapGrade.en, icon: 'form', affix: true, required: true, requireToken: true }
-          },
+          // },
           {
             path: 'scrap',
             component: () => import('@/views/QualityManager/scrap'),
@@ -400,6 +406,45 @@ export const constantRoutes = [
       meta: { title: routerTitle.form.reportSort?.[language] || routerTitle.form.reportSort.en, icon: 'form', affix: true, required: true, requireToken: true }
     }]
   },
+  {
+    path: '/equipment',
+    component: Layout,
+    redirect: '/equipment',
+    name: 'equipmentManage',
+    meta: { title: routerTitle.equipment?.[language] || routerTitle.equipment.en, icon: 'form', iconPart: 'equipmentManage', affix: true, required: true, requireToken: true, unuse: false },
+    children: [{
+      path: 'equipmentUtilizationRate',
+      component: () => import('@/views/basicData/index'),
+      name: 'EquipmentUtilizationRate',
+      meta: { title: routerTitle.equipment.EquipmentUtilizationRate?.[language] || routerTitle.equipment.EquipmentUtilizationRate.en, icon: 'form', affix: true, required: true, requireToken: true },
+      children: [
+        {
+          path: 'e10',
+          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/E10'),
+          name: 'E10',
+          meta: { title: 'E10' }
+        },
+        {
+          path: 'oee',
+          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/OEE'),
+          name: 'OEE',
+          meta: { title: 'OEE' }
+        },
+        {
+          path: 'mttr',
+          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/MTTR'),
+          name: 'MTTR',
+          meta: { title: 'MTTR' }
+        },
+        {
+          path: 'mcbf',
+          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/MCBF'),
+          name: 'MCBF',
+          meta: { title: 'MCBF' }
+        }
+      ]
+    }]
+  },
   {
     path: '/basic',
     component: Layout,

src/views/EquipmentManager/equipmentUtilizationRate/E10.vue

@@ -0,0 +1,152 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-16 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 15:26:05
+ * @Description: E10
+-->
+<template>
+  <div class="app-container">
+    <el-form
+      :model="formData"
+      :inline="true"
+      size="medium"
+      label-width="80px"
+    >
+      <el-form-item>
+        <el-button type="primary" @click="toE10()">E10</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toOEE()">OEE</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toMTTR()">MTTR</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toMCBF()">MCBF</el-button>
+      </el-form-item>
+      <!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
+        <el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
+          <el-option
+            v-for="(item, index) in eqList"
+            :key="index"
+            :label="item.name"
+            :value="item.name"
+          />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
+        <el-date-picker
+          v-model="formData.timeSlot"
+          type="datetimerange"
+          :start-placeholder="$t('module.orderManage.order.StartTime')"
+          :end-placeholder="$t('module.orderManage.order.StartTime')"
+          :range-separator="$t('module.orderManage.order.To')"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
+      </el-form-item> -->
+    </el-form>
+    <e10Chart v-if="e10Visible" ref="e10Chart" :time1="startTime" :time2="endTime" :name="formData.equipmentName" @equipmentName="seeDetail" />
+    <e10-detail-chart v-if="e10Detail" ref="e10DetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
+  </div>
+</template>
+
+<script>
+import e10Chart from './components/e10-chart'
+import e10DetailChart from './components/e10Detail-chart'
+// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
+
+export default {
+  name: 'E10',
+  components: { e10Chart, e10DetailChart },
+  data() {
+    return {
+      list: [],
+      startTime: '',
+      endTime: '',
+      formData: {
+        timeSlot: [],
+        equipmentName: undefined,
+        current: 1,
+        size: 10
+      },
+      e10Visible: false,
+      e10Detail: false,
+      equipmentName: '',
+      eqList: []
+    }
+  },
+  created() {
+    // this.getEqList()
+    this.getList()
+  },
+  methods: {
+    async getEqList() {
+      const res = await equipmentList({
+        current: 1,
+        size: 999
+      })
+      if (res.code === 0) {
+        this.eqList = res.data
+      }
+    },
+    toE10() {
+      this.$router.push({
+        name: 'E10'
+      })
+    },
+    toOEE() {
+      this.$router.push({
+        name: 'OEE'
+      })
+    },
+    toMTTR() {
+      this.$router.push({
+        name: 'MTTR'
+      })
+    },
+    toMCBF() {
+      this.$router.push({
+        name: 'MCBF'
+      })
+    },
+    seeDetail(name) {
+      this.equipmentName = name
+      this.e10Visible = false
+      this.e10Detail = true
+      setTimeout(() => {
+        this.$refs.e10DetailChart.getList()
+      }, 60)
+    },
+    getList() {
+      if (this.formData.timeSlot.length !== 0) {
+        this.startTime = this.formData.timeSlot[0]
+        this.endTime = this.formData.timeSlot[1]
+        this.$nextTick(() => {
+          this.e10Visible = true
+          setTimeout(() => {
+            this.$refs.e10Chart.getList()
+          }, 60)
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/MCBF.vue

@@ -0,0 +1,151 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-16 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 15:26:28
+ * @Description: MCBF
+-->
+<template>
+  <div class="app-container">
+    <el-form
+      :model="formData"
+      :inline="true"
+      size="medium"
+      label-width="80px"
+    >
+      <el-form-item>
+        <el-button @click="toE10()">E10</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toOEE()">OEE</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toMTTR()">MTTR</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="toMCBF()">MCBF</el-button>
+      </el-form-item>
+      <!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
+        <el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
+          <el-option
+            v-for="(item, index) in eqList"
+            :key="index"
+            :label="item.name"
+            :value="item.name"
+          />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
+        <el-date-picker
+          v-model="formData.timeSlot"
+          type="datetimerange"
+          :start-placeholder="$t('module.orderManage.order.StartTime')"
+          :end-placeholder="$t('module.orderManage.order.StartTime')"
+          :range-separator="$t('module.orderManage.order.To')"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
+      </el-form-item> -->
+    </el-form>
+    <mcbfChart v-if="mcbfVisible" ref="mcbfChart" :time1="startTime" :time2="endTime" @equipmentName="seeDetail" />
+    <mcbf-detail-chart v-if="mcbfDetail" ref="mcbfDetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
+  </div>
+</template>
+
+<script>
+import mcbfChart from './components/mcbf-chart'
+import mcbfDetailChart from './components/mcbfDetail-chart'
+// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
+
+export default {
+  name: 'MCBF',
+  components: { mcbfChart, mcbfDetailChart },
+  data() {
+    return {
+      list: [],
+      startTime: '',
+      endTime: '',
+      formData: {
+        timeSlot: [],
+        current: 1,
+        size: 10
+      },
+      mcbfVisible: false,
+      mcbfDetail: false,
+      equipmentName: '',
+      eqList: []
+    }
+  },
+  created() {
+    // this.getEqList()
+    this.getList()
+  },
+  methods: {
+    async getEqList() {
+      const res = await equipmentList({
+        current: 1,
+        size: 999
+      })
+      if (res.code === 0) {
+        this.eqList = res.data
+      }
+    },
+    toE10() {
+      this.$router.push({
+        name: 'E10'
+      })
+    },
+    toOEE() {
+      this.$router.push({
+        name: 'OEE'
+      })
+    },
+    toMTTR() {
+      this.$router.push({
+        name: 'MTTR'
+      })
+    },
+    toMCBF() {
+      this.$router.push({
+        name: 'MCBF'
+      })
+    },
+    seeDetail(name) {
+      this.equipmentName = name
+      this.mcbfVisible = false
+      this.mcbfDetail = true
+      setTimeout(() => {
+        this.$refs.mcbfDetailChart.getList()
+      }, 60)
+    },
+    getList() {
+      if (this.formData.timeSlot.length !== 0) {
+        this.startTime = this.formData.timeSlot[0]
+        this.endTime = this.formData.timeSlot[1]
+        this.$nextTick(() => {
+          this.mcbfVisible = true
+          setTimeout(() => {
+            this.$refs.mcbfChart.getList()
+          }, 60)
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/MTTR.vue

@@ -0,0 +1,151 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-16 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 15:26:44
+ * @Description: MTTR
+-->
+<template>
+  <div class="app-container">
+    <el-form
+      :model="formData"
+      :inline="true"
+      size="medium"
+      label-width="80px"
+    >
+      <el-form-item>
+        <el-button @click="toE10()">E10</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toOEE()">OEE</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="toMTTR()">MTTR</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toMCBF()">MCBF</el-button>
+      </el-form-item>
+      <!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
+        <el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
+          <el-option
+            v-for="(item, index) in eqList"
+            :key="index"
+            :label="item.name"
+            :value="item.name"
+          />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
+        <el-date-picker
+          v-model="formData.timeSlot"
+          type="datetimerange"
+          :start-placeholder="$t('module.orderManage.order.StartTime')"
+          :end-placeholder="$t('module.orderManage.order.StartTime')"
+          :range-separator="$t('module.orderManage.order.To')"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
+      </el-form-item> -->
+    </el-form>
+    <mttrChart v-if="mttrVisible" ref="mttrChart" :time1="startTime" :time2="endTime" @equipmentName="seeDetail" />
+    <mttr-detail-chart v-if="mttrDetail" ref="mttrDetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
+  </div>
+</template>
+
+<script>
+import mttrChart from './components/mttr-chart'
+import mttrDetailChart from './components/mttrDetail-chart'
+// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
+
+export default {
+  name: 'MTTR',
+  components: { mttrChart, mttrDetailChart },
+  data() {
+    return {
+      list: [],
+      startTime: '',
+      endTime: '',
+      formData: {
+        timeSlot: [],
+        current: 1,
+        size: 10
+      },
+      mttrVisible: false,
+      mttrDetail: false,
+      equipmentName: '',
+      eqList: []
+    }
+  },
+  created() {
+    // this.getEqList()
+    this.getList()
+  },
+  methods: {
+    async getEqList() {
+      const res = await equipmentList({
+        current: 1,
+        size: 999
+      })
+      if (res.code === 0) {
+        this.eqList = res.data
+      }
+    },
+    toE10() {
+      this.$router.push({
+        name: 'E10'
+      })
+    },
+    toOEE() {
+      this.$router.push({
+        name: 'OEE'
+      })
+    },
+    toMTTR() {
+      this.$router.push({
+        name: 'MTTR'
+      })
+    },
+    toMCBF() {
+      this.$router.push({
+        name: 'MCBF'
+      })
+    },
+    seeDetail(name) {
+      this.equipmentName = name
+      this.mttrVisible = false
+      this.mttrDetail = true
+      setTimeout(() => {
+        this.$refs.mttrDetailChart.getList()
+      }, 60)
+    },
+    getList() {
+      if (this.formData.timeSlot.length !== 0) {
+        this.startTime = this.formData.timeSlot[0]
+        this.endTime = this.formData.timeSlot[1]
+        this.$nextTick(() => {
+          this.mttrVisible = true
+          setTimeout(() => {
+            this.$refs.mttrChart.getList()
+          }, 60)
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/OEE.vue

@@ -0,0 +1,151 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-16 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 15:26:56
+ * @Description: OEE
+-->
+<template>
+  <div class="app-container">
+    <el-form
+      :model="formData"
+      :inline="true"
+      size="medium"
+      label-width="80px"
+    >
+      <el-form-item>
+        <el-button @click="toE10()">E10</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="toOEE()">OEE</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toMTTR()">MTTR</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="toMCBF()">MCBF</el-button>
+      </el-form-item>
+      <!-- <el-form-item :label="$t('module.equipmentManager.recipe.equipmentId')" prop="equipmentName">
+        <el-select v-model="formData.equipmentName" :placeholder="$t('module.equipmentManager.recipe.EQselect')" filterable clearable>
+          <el-option
+            v-for="(item, index) in eqList"
+            :key="index"
+            :label="item.name"
+            :value="item.name"
+          />
+        </el-select>
+      </el-form-item> -->
+      <el-form-item :label="$t('module.equipmentManager.equipmentVisualization.timeSlot')" label-width="100px" prop="time">
+        <el-date-picker
+          v-model="formData.timeSlot"
+          type="datetimerange"
+          :start-placeholder="$t('module.orderManage.order.StartTime')"
+          :end-placeholder="$t('module.orderManage.order.StartTime')"
+          :range-separator="$t('module.orderManage.order.To')"
+          clearable
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
+      </el-form-item>
+      <!-- <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.exportBtn' | i18nFilter }} </el-button>
+      </el-form-item> -->
+    </el-form>
+    <oeeChart v-if="oeeVisible" ref="oeeChart" :time1="startTime" :time2="endTime" @equipmentName="seeDetail" />
+    <oee-detail-chart v-if="oeeDetail" ref="oeeDetailChart" :time1="startTime" :time2="endTime" :equipment-name="equipmentName" />
+  </div>
+</template>
+
+<script>
+import oeeChart from './components/oee-chart'
+import oeeDetailChart from './components/oeeDetail-chart'
+// import { equipmentList } from '@/api/basicData/Equipment/equipmentInfo'
+
+export default {
+  name: 'OEE',
+  components: { oeeChart, oeeDetailChart },
+  data() {
+    return {
+      list: [],
+      startTime: '',
+      endTime: '',
+      formData: {
+        timeSlot: [],
+        current: 1,
+        size: 10
+      },
+      oeeVisible: false,
+      oeeDetail: false,
+      equipmentName: '',
+      eqList: []
+    }
+  },
+  created() {
+    // this.getEqList()
+    this.getList()
+  },
+  methods: {
+    async getEqList() {
+      const res = await equipmentList({
+        current: 1,
+        size: 999
+      })
+      if (res.code === 0) {
+        this.eqList = res.data
+      }
+    },
+    toE10() {
+      this.$router.push({
+        name: 'E10'
+      })
+    },
+    toOEE() {
+      this.$router.push({
+        name: 'OEE'
+      })
+    },
+    toMTTR() {
+      this.$router.push({
+        name: 'MTTR'
+      })
+    },
+    toMCBF() {
+      this.$router.push({
+        name: 'MCBF'
+      })
+    },
+    seeDetail(name) {
+      this.equipmentName = name
+      this.oeeVisible = false
+      this.oeeDetail = true
+      setTimeout(() => {
+        this.$refs.oeeDetailChart.getList()
+      }, 60)
+    },
+    getList() {
+      if (this.formData.timeSlot.length !== 0) {
+        this.startTime = this.formData.timeSlot[0]
+        this.endTime = this.formData.timeSlot[1]
+        this.$nextTick(() => {
+          this.oeeVisible = true
+          setTimeout(() => {
+            this.$refs.oeeChart.getList()
+          }, 60)
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/components/E10Table.vue

@@ -0,0 +1,134 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:22:24
+ * @Description: E10详情表格
+-->
+<template>
+  <div>
+    <base-table
+      :page="listQuery.current"
+      :limit="listQuery.size"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    />
+    <pagination :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" @pagination="init" />
+  </div>
+</template>
+
+<script>
+import i18n from '@/lang'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination'
+import { timeFormatter } from '@/filters'
+// import { getE10StackDetail } from '@/api/equipment/infoPandect'
+
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+const tableProps = [
+  {
+    prop: 'equipmentName',
+    label: i18n.t('module.equipmentManager.maintainplan.equipmentId'),
+    align: 'center'
+  }, {
+    prop: 'status',
+    label: i18n.t('module.equipmentManager.monitoringInfo.E10status'),
+    align: 'center'
+  }, {
+    prop: 'previousStatus',
+    label: i18n.t('module.equipmentManager.monitoringInfo.laterE10Status'),
+    align: 'center'
+  }, {
+    prop: 'endTime',
+    label: i18n.t('module.equipmentManager.monitoringInfo.E10endTime'),
+    filter: timeFormatter,
+    align: 'center'
+  }, {
+    prop: 'durationTime',
+    label: i18n.t('module.equipmentManager.monitoringInfo.duration'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: '',
+  components: { BaseTable, Pagination },
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    equipmentName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      total: 0,
+      tableProps,
+      list: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 10
+      }
+    }
+  },
+  mounted() {
+    // this.init()
+  },
+  methods: {
+    init() {
+      this.listQuery.startTime = this.time1
+      this.listQuery.endTime = this.time2
+      this.listQuery.equipmentName = this.equipmentName
+      getE10StackDetail(this.listQuery).then(res => {
+        if (res.data !== []) {
+          this.list = res.data.detail.records
+          this.total = res.data.detail.total
+          this.list.forEach(item => {
+            item.equipmentName = this.equipmentName
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/components/McbfTable.vue

@@ -0,0 +1,94 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:47:23
+ * @Description: MCBF详情表格
+-->
+<template>
+  <div>
+    <base-table
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    />
+  </div>
+</template>
+
+<script>
+import i18n from '@/lang'
+import BaseTable from '@/components/BaseTable'
+
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+const tableProps = [
+  {
+    prop: 'tmc',
+    label: i18n.t('module.equipmentManager.monitoringInfo.allCycles'),
+    align: 'center'
+  }, {
+    prop: 'emc',
+    label: i18n.t('module.equipmentManager.monitoringInfo.badTimes'),
+    align: 'center'
+  }, {
+    prop: 'time',
+    label: i18n.t('module.equipmentManager.monitoringInfo.time'),
+    align: 'center'
+  }, {
+    prop: 'mtbf',
+    label: i18n.t('module.equipmentManager.monitoringInfo.MCBF'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: '',
+  components: { BaseTable },
+  props: {
+    tableData: {
+      type: Array,
+      default: () => { [] }
+    }
+  },
+  data() {
+    return {
+      total: 0,
+      tableProps,
+      list: [],
+      listLoading: false
+    }
+  },
+  mounted() {
+    // this.init()
+  },
+  methods: {
+    init() {
+      this.list = this.tableData
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/components/MttrTable.vue

@@ -0,0 +1,132 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:46:06
+ * @Description: Mttr详情表格
+-->
+<template>
+  <div>
+    <base-table
+      :page="listQuery.current"
+      :limit="listQuery.size"
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    />
+    <pagination :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" @pagination="init" />
+  </div>
+</template>
+
+<script>
+import i18n from '@/lang'
+import BaseTable from '@/components/BaseTable'
+import Pagination from '@/components/Pagination'
+import { timeFormatter } from '@/filters'
+// import { getMttrDetail } from '@/api/equipment/infoPandect'
+
+/**
+ * 表格表头配置项 TypeScript接口注释
+ * tableConfig<ConfigItem> = []
+ *
+ * Interface ConfigItem = {
+ *  prop: string,
+ *  label: string,
+ *  width: string,
+ *  align: string,
+ *  subcomponent: function,
+ *  filter: function
+ * }
+ *
+ *
+ */
+const tableProps = [
+  {
+    prop: 'previousStatus',
+    label: i18n.t('module.equipmentManager.monitoringInfo.previousStatus'),
+    align: 'center'
+  }, {
+    prop: 'status',
+    label: i18n.t('module.art.status'),
+    align: 'center'
+  }, {
+    prop: 'startTime',
+    label: i18n.t('module.equipmentManager.equipmentParams.startTime'),
+    filter: timeFormatter,
+    align: 'center'
+  }, {
+    prop: 'endTime',
+    label: i18n.t('module.equipmentManager.equipmentParams.endTime'),
+    filter: timeFormatter,
+    align: 'center'
+  }, {
+    prop: 'durationTime',
+    label: i18n.t('module.equipmentManager.monitoringInfo.duration'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: '',
+  components: { BaseTable, Pagination },
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    equipmentName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      total: 0,
+      tableProps,
+      list: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 10
+      }
+    }
+  },
+  mounted() {
+    // this.init()
+  },
+  methods: {
+    init() {
+      this.listQuery.startTime = this.time1
+      this.listQuery.endTime = this.time2
+      this.listQuery.equipmentName = this.equipmentName
+      getMttrDetail(this.listQuery).then(res => {
+        if (res.data !== []) {
+          this.list = res.data.detail.records
+          this.total = res.data.detail.total
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/components/OeeTable.vue

@@ -0,0 +1,100 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 15:41:11
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:38:52
+ * @Description: OEE详情表格
+-->
+<template>
+  <div>
+    <base-table
+      :table-config="tableProps"
+      :table-data="list"
+      :is-loading="listLoading"
+    />
+  </div>
+</template>
+
+<script>
+import i18n from '@/lang'
+import BaseTable from '@/components/BaseTable'
+
+const tableProps = [
+  {
+    prop: 'equipmentName',
+    label: i18n.t('module.equipmentManager.maintainplan.equipmentId'),
+    align: 'center'
+  }, {
+    prop: 'runTime',
+    label: i18n.t('module.equipmentManager.monitoringInfo.runTime'),
+    align: 'center'
+  }, {
+    prop: 'productiveTime',
+    label: i18n.t('module.equipmentManager.monitoringInfo.produceTime'),
+    align: 'center'
+  }, {
+    prop: 'productiveCount',
+    label: i18n.t('module.equipmentManager.monitoringInfo.productiveCount'),
+    align: 'center'
+  }, {
+    prop: 'timeRate',
+    label: i18n.t('module.equipmentManager.monitoringInfo.timeRate'),
+    align: 'center'
+  }, {
+    prop: 'performanceRate',
+    label: i18n.t('module.equipmentManager.monitoringInfo.performanceRate'),
+    align: 'center'
+  }, {
+    prop: 'oee',
+    label: i18n.t('module.equipmentManager.monitoringInfo.oee'),
+    align: 'center'
+  }
+]
+
+export default {
+  name: '',
+  components: { BaseTable },
+  props: {
+    tableData: {
+      type: Array,
+      default: () => { [] }
+    },
+    equipmentName: {
+      type: String,
+      default: () => { '' }
+    }
+  },
+  data() {
+    return {
+      total: 0,
+      tableProps,
+      list: [],
+      listLoading: false
+    }
+  },
+  mounted() {
+    // this.init()
+  },
+  methods: {
+    init() {
+      this.list = this.tableData
+      if (this.list !== []) {
+        this.list.forEach(item => {
+          item.equipmentName = this.equipmentName
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.edit-input {
+  padding-right: 100px;
+}
+.cancel-btn {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+</style>

src/views/EquipmentManager/equipmentUtilizationRate/components/e10-chart.vue

@@ -0,0 +1,212 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 15:43:32
+ * @Description: E10折线柱状图
+-->
+<template>
+  <div>
+    <div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getE10Stack } from '@/api/equipment/infoPandect'
+
+export default {
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    name: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      list: [],
+      xDataList: [],
+      engineeringList: [],
+      nonscheduledDownList: [],
+      productiveList: [],
+      rampUpDownList: [],
+      scheduledDownList: [],
+      standByList: [],
+      unscheduledDownList: []
+    }
+  },
+  mounted() {},
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    removeData() {
+      this.xDataList = ['ACOT1', 'ACOT2']
+      this.engineeringList = [20, 30]
+      this.nonscheduledDownList = [20, 20]
+      this.productiveList = [10, 2]
+      this.rampUpDownList = [30, 3]
+      this.scheduledDownList = [8, 15]
+      this.standByList = [2, 12]
+      this.unscheduledDownList = [10, 18]
+    },
+    getList() {
+      this.removeData()
+      this.init()
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+      const that = this
+      that.chart.on('click', function(params) {
+        that.$emit('equipmentName', params.name)
+      })
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          max: 10,
+          data: this.xDataList
+        },
+        yAxis: {
+          type: 'value',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}%'
+          }
+        },
+        series: [
+          {
+            name: 'engineering',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            barWidth: 40,
+            data: this.engineeringList
+          },
+          {
+            name: 'nonscheduledDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.nonscheduledDownList
+          },
+          {
+            name: 'productive',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.productiveList
+          },
+          {
+            name: 'rampUpDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.rampUpDownList
+          },
+          {
+            name: 'scheduledDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.scheduledDownList
+          },
+          {
+            name: 'standBy',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.standByList
+          },
+          {
+            name: 'unscheduledDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.unscheduledDownList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/e10Detail-chart.vue

@@ -0,0 +1,253 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:26:34
+ * @Description: E10详情堆积图
+-->
+<template>
+  <div>
+    <div>
+      <el-button-group>
+        <el-button @click="byYear">年</el-button>
+        <el-button @click="byQuarterly">季度</el-button>
+        <el-button @click="byMonth">月</el-button>
+        <el-button @click="byWeek">周</el-button>
+        <el-button @click="byDay">天</el-button>
+      </el-button-group>
+    </div>
+    <div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
+    <e10-table v-if="tableVisible" :time1="startTime" :time2="endTime" :equipment-name="name" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getE10StackDetail } from '@/api/equipment/infoPandect'
+import E10Table from './E10Table'
+
+export default {
+  components: { E10Table },
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    equipmentName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      tableVisible: false,
+      equipmentDetail: [],
+      list: [],
+      xDataList: [],
+      engineeringList: [],
+      nonscheduledDownList: [],
+      productiveList: [],
+      rampUpDownList: [],
+      scheduledDownList: [],
+      standByList: [],
+      unscheduledDownList: [],
+      startTime: '',
+      endTime: '',
+      name: ''
+    }
+  },
+  mounted() {
+    this.startTime = this.time1
+    this.endTime = this.time2
+    this.name = this.equipmentName
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    getDataList(params) {
+      console.log(params)
+    },
+    byYear() {
+      this.removeData()
+      this.setChart(this.list.年)
+    },
+    byQuarterly() {
+      this.removeData()
+      this.setChart(this.list.季度)
+    },
+    byMonth() {
+      this.removeData()
+      this.setChart(this.list.月)
+    },
+    byWeek() {
+      this.removeData()
+      this.setChart(this.list.周)
+    },
+    byDay() {
+      this.removeData()
+      this.setChart(this.list.天)
+    },
+    setChart(list) {
+      this.init()
+    },
+    removeData() {
+      // this.xDataList = [this.name]
+      this.engineeringList = [20]
+      this.nonscheduledDownList = [20]
+      this.productiveList = [10]
+      this.rampUpDownList = [30]
+      this.scheduledDownList = [8]
+      this.standByList = [2]
+      this.unscheduledDownList = [10]
+    },
+    getList() {
+      this.xDataList = [this.name]
+      this.tableVisible = true
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+
+      this.chart.on('click', function(params) {
+        console.log('113d', params.name)
+      })
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          max: 10,
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          data: this.xDataList
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: 'engineering',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.engineeringList
+          },
+          {
+            name: 'nonscheduledDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.nonscheduledDownList
+          },
+          {
+            name: 'productive',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.productiveList
+          },
+          {
+            name: 'rampUpDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.rampUpDownList
+          },
+          {
+            name: 'scheduledDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.scheduledDownList
+          },
+          {
+            name: 'standBy',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.standByList
+          },
+          {
+            name: 'unscheduledDown',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.unscheduledDownList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/mcbf-chart.vue

@@ -0,0 +1,137 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:48:01
+ * @Description: Mcbf折线柱状图
+-->
+<template>
+  <div>
+    <div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getAllMtbf } from '@/api/equipment/infoPandect'
+
+export default {
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      list: [],
+      xDataList: [],
+      yDataList: []
+    }
+  },
+  mounted() {},
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    removeData() {
+      this.xDataList = ['ACOT1', 'ACOT2', 'ACOT-a', 'ACOT-b']
+      this.yDataList = [22, 40, 66, 44]
+    },
+    getList() {
+      this.removeData()
+      this.init()
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+      const that = this
+      that.chart.on('click', function(params) {
+        that.$emit('equipmentName', params.name)
+      })
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          max: 10,
+          data: this.xDataList
+        },
+        yAxis: [{
+          type: 'value',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}次'
+          }
+        },
+        {
+          type: 'value',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}次'
+          }
+        }
+        ],
+        series: [
+          {
+            name: '稼动率值',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            barWidth: 40,
+            data: this.yDataList
+          },
+          {
+            name: '稼动率值',
+            type: 'line',
+            yAxisIndex: 1,
+            data: this.yDataList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/mcbfDetail-chart.vue

@@ -0,0 +1,185 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:48:53
+ * @Description: MCBF详情堆积图
+-->
+<template>
+  <div>
+    <div>
+      <el-button-group>
+        <el-button @click="byYear">年</el-button>
+        <el-button @click="byQuarterly">季度</el-button>
+        <el-button @click="byMonth">月</el-button>
+        <el-button @click="byWeek">周</el-button>
+        <el-button @click="byDay">天</el-button>
+      </el-button-group>
+    </div>
+    <div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
+    <mcbf-table v-if="tableVisible" ref="tableRef" :table-data="tableData" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getMcbfDetail } from '@/api/equipment/infoPandect'
+import McbfTable from './McbfTable'
+
+export default {
+  components: { McbfTable },
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    equipmentName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      tableVisible: false,
+      tableData: [],
+      equipmentDetail: [],
+      list: [],
+      xDataList: [],
+      yDataList: [],
+      startTime: '',
+      endTime: '',
+      name: ''
+    }
+  },
+  mounted() {
+    this.startTime = this.time1
+    this.endTime = this.time2
+    this.name = this.equipmentName
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    getDataList(params) {
+      console.log(params)
+    },
+    byYear() {
+      this.removeData()
+      this.setChart(this.list.年)
+      this.tableData = this.list.年
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byQuarterly() {
+      this.removeData()
+      this.setChart(this.list.季度)
+      this.tableData = this.list.季度
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byMonth() {
+      this.removeData()
+      this.setChart(this.list.月)
+      this.tableData = this.list.月
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byWeek() {
+      this.removeData()
+      this.setChart(this.list.周)
+      this.tableData = this.list.周
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byDay() {
+      this.removeData()
+      this.setChart(this.list.天)
+      this.tableData = this.list.天
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    setChart(list) {
+      this.init()
+    },
+    removeData() {
+      this.xDataList = [this.name]
+      this.yDataList = [11, 33, 20, 53, 24]
+    },
+    getList() {
+      this.tableVisible = true
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          max: 10,
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          data: this.xDataList
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: '稼动率值',
+            type: 'line',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.yDataList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/mttr-chart.vue

@@ -0,0 +1,133 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:41:38
+ * @Description: MTTR折线柱状图
+-->
+<template>
+  <div>
+    <div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getMttr } from '@/api/equipment/infoPandect'
+
+export default {
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      list: [],
+      xDataList: [],
+      yDataList: []
+    }
+  },
+  mounted() {},
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    removeData() {
+      this.xDataList = ['ACOT1', 'ACOT2', 'ACOT-a', 'ACOT-b']
+      this.yDataList = [22, 40, 66, 44]
+    },
+    getList() {
+      this.removeData()
+      this.init()
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+      const that = this
+      that.chart.on('click', function(params) {
+        that.$emit('equipmentName', params.name)
+      })
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          max: 10,
+          data: this.xDataList
+        },
+        yAxis: [{
+          type: 'value',
+          axisLabel: {
+            formatter: '{value}小时'
+          }
+        },
+        {
+          type: 'value',
+          axisLabel: {
+            formatter: '{value}小时'
+          }
+        }
+        ],
+        series: [
+          {
+            name: '稼动率值',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            barWidth: 40,
+            data: this.yDataList
+          },
+          {
+            name: '稼动率值',
+            type: 'line',
+            yAxisIndex: 1,
+            data: this.yDataList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/mttrDetail-chart.vue

@@ -0,0 +1,165 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:43:34
+ * @Description: MTTR详情堆积图
+-->
+<template>
+  <div>
+    <div>
+      <el-button-group>
+        <el-button @click="byYear">年</el-button>
+        <el-button @click="byQuarterly">季度</el-button>
+        <el-button @click="byMonth">月</el-button>
+        <el-button @click="byWeek">周</el-button>
+        <el-button @click="byDay">天</el-button>
+      </el-button-group>
+    </div>
+    <div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
+    <mttr-table v-if="tableVisible" :time1="startTime" :time2="endTime" :equipment-name="name" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getMttrDetail } from '@/api/equipment/infoPandect'
+import MttrTable from './MttrTable'
+
+export default {
+  components: { MttrTable },
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    equipmentName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      tableVisible: false,
+      equipmentDetail: [],
+      list: [],
+      xDataList: [],
+      yDataList: [],
+      startTime: '',
+      endTime: '',
+      name: ''
+    }
+  },
+  mounted() {
+    this.startTime = this.time1
+    this.endTime = this.time2
+    this.name = this.equipmentName
+    this.removeData()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    getDataList(params) {
+      console.log(params)
+    },
+    byYear() {
+      this.removeData()
+      this.setChart(this.list.年)
+    },
+    byQuarterly() {
+      this.removeData()
+      this.setChart(this.list.季度)
+    },
+    byMonth() {
+      this.removeData()
+      this.setChart(this.list.月)
+    },
+    byWeek() {
+      this.removeData()
+      this.setChart(this.list.周)
+    },
+    byDay() {
+      this.removeData()
+      this.setChart(this.list.天)
+    },
+    setChart(list) {
+      this.init()
+    },
+    removeData() {
+      this.xDataList = [this.name]
+      this.yDataList = [30, 40, 30, 33, 44]
+    },
+    getList() {
+      this.tableVisible = true
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          max: 10,
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          data: this.xDataList
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: '稼动率值',
+            type: 'line',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.yDataList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/oee-chart.vue

@@ -0,0 +1,137 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:34:30
+ * @Description: OEE折线柱状图
+-->
+<template>
+  <div>
+    <div id="monitorChart" :style="{width: '1000px', height: '800px'}" style="margin-left:10%" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getOEE } from '@/api/equipment/infoPandect'
+
+export default {
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      list: [],
+      xDataList: [],
+      oeeList: []
+    }
+  },
+  mounted() {},
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    removeData() {
+      this.xDataList = ['ACOT1', 'ACOT2', 'ACOT-a', 'ACOT-b']
+      this.oeeList = [20, 30, 80, 44]
+    },
+    getList() {
+      this.removeData()
+      this.init()
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+      const that = this
+      that.chart.on('click', function(params) {
+        that.$emit('equipmentName', params.name)
+      })
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          max: 10,
+          data: this.xDataList
+        },
+        yAxis: [{
+          type: 'value',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}%'
+          }
+        },
+        {
+          type: 'value',
+          min: 0,
+          max: 100,
+          axisLabel: {
+            formatter: '{value}%'
+          }
+        }
+        ],
+        series: [
+          {
+            name: 'oee',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            barWidth: 40,
+            data: this.oeeList
+          },
+          {
+            name: 'oee',
+            type: 'line',
+            yAxisIndex: 1,
+            data: this.oeeList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/EquipmentManager/equipmentUtilizationRate/components/oeeDetail-chart.vue

@@ -0,0 +1,258 @@
+<!--
+ * @Author: DY
+ * @Date: 2021-12-13 16:39:34
+ * @LastEditors: DY
+ * @LastEditTime: 2022-03-03 16:37:49
+ * @Description:OEE详情堆积图
+-->
+<template>
+  <div>
+    <div>
+      <el-button-group>
+        <el-button @click="byYear">年</el-button>
+        <el-button @click="byQuarterly">季度</el-button>
+        <el-button @click="byMonth">月</el-button>
+        <el-button @click="byWeek">周</el-button>
+        <el-button @click="byDay">天</el-button>
+      </el-button-group>
+    </div>
+    <div id="monitorChart" :style="{width: '700px', height: '550px'}" style="margin-left:10%" />
+    <oee-table v-if="tableVisible" ref="tableRef" :table-data="tableData" :equipment-name="name" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+// import { getOEEDetail } from '@/api/equipment/infoPandect'
+import OeeTable from './OeeTable'
+
+export default {
+  components: { OeeTable },
+  props: {
+    time1: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    time2: {
+      type: Date,
+      default: () => {
+        return ''
+      }
+    },
+    equipmentName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      tableVisible: false,
+      equipmentDetail: [],
+      tableData: [],
+      list: [],
+      xDataList: [],
+      oeeList: [],
+      startTime: '',
+      endTime: '',
+      name: ''
+    }
+  },
+  mounted() {
+    this.startTime = this.time1
+    this.endTime = this.time2
+    this.name = this.equipmentName
+    this.removeData()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    getDataList(params) {
+      console.log(params)
+    },
+    async byYear() {
+      this.removeData()
+      this.setChart(this.list.年)
+      this.tableData = this.list.年
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byQuarterly() {
+      this.removeData()
+      this.setChart(this.list.季度)
+      this.tableData = this.list.季度
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byMonth() {
+      this.removeData()
+      this.setChart(this.list.月)
+      this.tableData = this.list.月
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byWeek() {
+      this.removeData()
+      this.setChart(this.list.周)
+      this.tableData = this.list.周
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    byDay() {
+      this.removeData()
+      this.setChart(this.list.天)
+      this.tableData = this.list.天
+      setTimeout(() => {
+        this.$refs.tableRef.init()
+      }, 60)
+    },
+    setChart(list) {
+      this.init()
+    },
+    removeData() {
+      this.xDataList = [this.name]
+      this.oeeList = [30, 40, 30, 33, 44]
+    },
+    getList() {
+      this.tableVisible = true
+    },
+    init() {
+      this.chart = echarts.init(document.getElementById('monitorChart'))
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross',
+            crossStyle: {
+              color: '#999'
+            }
+          }
+        },
+        toolbox: {
+          feature: {
+            saveAsImage: { show: true }
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: {
+          type: 'category',
+          max: 10,
+          axisLabel: {
+            interval: 0,
+            rotate: -30
+          },
+          data: this.xDataList
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            name: 'oee',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.oeeList
+          },
+          {
+            name: 'performanceRate',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.performanceRateList
+          },
+          {
+            name: 'productiveCount',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.productiveCountList
+          },
+          {
+            name: 'productiveTime',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.productiveTimeList
+          },
+          {
+            name: 'runTime',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.runTimeList
+          },
+          {
+            name: 'time',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.timeList
+          },
+          {
+            name: 'timeRate',
+            type: 'bar',
+            stack: 'total',
+            label: {
+              show: true
+            },
+            emphasis: {
+              focus: 'series'
+            },
+            data: this.timeRateList
+          }
+        ]
+      })
+    }
+  }
+}
+</script>

src/views/QualityManager/QCPplan.vue

@@ -2,18 +2,35 @@
  * @Author: zwq
  * @Date: 2020-12-29 15:41:11
  * @LastEditors: zwq
- * @LastEditTime: 2022-03-03 14:28:58
+ * @LastEditTime: 2022-03-04 09:22:58
  * @Description:
 -->
 <template>
   <div class="app-container">
-    <head-form
+    <el-form
-      :placeholder-name="placeholderName"
+      ref="formData"
-      :key-name="keyName"
+      :rules="rules"
-      :show-add="showAdd"
+      :model="listQuery"
-      @getDataList="getList"
+      :inline="true"
-      @add="addNew"
+      size="medium"
+      label-width="100px"
+    >
+      <el-form-item :label="$t('module.basicData.Warehouse.TimeSlot')" prop="time">
+        <el-date-picker
+          v-model="listQuery.timeSlot"
+          type="daterange"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+          :start-placeholder="$t('module.orderManage.order.StartTime')"
+          :end-placeholder="$t('module.orderManage.order.StartTime')"
+          :range-separator="$t('module.orderManage.order.To')"
+          clearable
         />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="getList()"> {{ 'btn.search' | i18nFilter }} </el-button>
+      </el-form-item>
+    </el-form>
     <base-table
       :page="listQuery.current"
       :limit="listQuery.size"
@@ -35,18 +52,17 @@
       :limit.sync="listQuery.size"
       @pagination="getList()"
     />
+    <Factory-add v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getList" />
   </div>
 </template>
 
 <script>
-import i18n from '@/lang'
+import FactoryAdd from './components/ExecutionInfoDetail.vue'
-import { StateConfigList, StateConfigDelete } from '@/api/basicData/StateConfig'
-import HeadForm from '@/components/basicData/HeadForm'
 import BaseTable from '@/components/BaseTable'
 import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
 import MethodBtn from '@/components/BaseTable/subcomponents/MethodBtn'
 import { timeFormatter } from '@/filters'
-import basicData from '@/filters/basicData'
+import i18n from '@/lang'
 /**
  * 表格表头配置项 TypeScript接口注释
  * tableConfig<ConfigItem> = []
@@ -65,62 +81,51 @@ import basicData from '@/filters/basicData'
 
 const tableBtn = [
   {
-    type: 'edit',
+    type: 'see',
-    btnName: 'btn.edit'
+    btnName: 'btn.see'
   }
-  // {
-  //   type: 'delete',
-  //   btnName: 'btn.delete'
-  // }
 ]
 const tableProps = [
+  {
+    prop: 'name',
+    label: i18n.t('module.quality.QCPplan.QCPcode'),
+    align: 'center'
+  },
   {
     prop: 'createTime',
-    label: i18n.t('module.basicData.factory.createTime'),
+    label: i18n.t('module.quality.QCPplan.getTime'),
     filter: timeFormatter,
     align: 'center'
-  },
-  {
-    prop: 'status',
-    label: i18n.t('module.basicData.StateConfig.status'),
-    align: 'center'
-  },
-  {
-    prop: 'twinkle',
-    label: i18n.t('module.basicData.StateConfig.Twinkle'),
-    filter: basicData('onDuty'),
-    align: 'center'
-  },
-  {
-    prop: 'colour',
-    label: i18n.t('module.basicData.StateConfig.DisplayColor'),
-    align: 'center'
-  },
-  {
-    prop: 'description',
-    label: i18n.t('module.basicData.visual.Remarks'),
-    align: 'center'
   }
 ]
 
 export default {
-  name: 'QCPplan',
+  name: 'ExecutionInfo',
-  components: { Pagination, BaseTable, MethodBtn, HeadForm },
+  components: { Pagination, BaseTable, MethodBtn, FactoryAdd },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
   data() {
     return {
-      keyName: i18n.t('module.basicData.visual.keyword'),
-      placeholderName: this.$t('module.basicData.StateConfig.status'),
       addOrUpdateVisible: false,
       tableBtn,
-      trueWidth: 150,
+      trueWidth: 200,
       tableProps,
       list: [],
       total: 0,
-      showAdd: false,
       listLoading: true,
+      rules: {},
       listQuery: {
         current: 1,
-        size: 10
+        size: 10,
+        timeSlot: []
       }
     }
   },
@@ -129,37 +134,32 @@ export default {
   },
   methods: {
     handleClick(raw) {
-      console.log(raw)
+      this.addNew(raw.data.id)
-      if (raw.type === 'delete') {
-        this.$confirm(`${this.$t('module.basicData.visual.TipsBefore')}[${raw.data.status}]?`, this.$t('module.basicData.visual.Tips'), {
-          confirmButtonText: this.$t('module.basicData.visual.confirmButtonText'),
-          cancelButtonText: this.$t('module.basicData.visual.cancelButtonText'),
-          type: 'warning'
-        }).then(() => {
-          StateConfigDelete(raw.data.id).then(response => {
-            this.$message({
-              message: this.$t('module.basicData.visual.success'),
-              type: 'success',
-              duration: 1500,
-              onClose: () => {
-                this.getList()
-              }
-            })
-          })
-        }).catch(() => {})
-      }
     },
-    getList(key) {
+    getList() {
-      this.listLoading = true
+      // this.listLoading = true
-      this.listQuery.status = key
+      if (this.listQuery.timeSlot) {
-      StateConfigList(this.listQuery).then(response => {
+        this.listQuery.startTime = this.listQuery.timeSlot[0]
-        if (response.data.records) {
+        this.listQuery.endTime = this.listQuery.timeSlot[1]
-          this.list = response.data.records
       } else {
-          this.list.splice(0, this.list.length)
+        this.listQuery.startTime = ''
+        this.listQuery.endTime = ''
       }
-        this.total = response.data.total
+      // ExecutionInfoList(this.listQuery).then(response => {
+      //   if (response.data.records) {
+      //     this.list = response.data.records
+      //   } else {
+      //     this.list.splice(0, this.list.length)
+      //   }
+      //   this.total = response.data.total
       this.listLoading = false
+      // })
+    },
+    // 新增 / 修改
+    addNew(id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
       })
     }
   }

src/views/QualityManager/components/ExecutionInfoDetail.vue

@@ -0,0 +1,115 @@
+<!--
+ * @Author: zwq
+ * @Date: 2020-12-29 16:37:56
+ * @LastEditors: zwq
+ * @LastEditTime: 2022-01-17 15:21:50
+ * @Description:
+-->
+<template>
+  <el-dialog
+    :title="'btn.see' | i18nFilter"
+    :visible.sync="visible"
+  >
+    <el-row :gutter="10">
+      <el-form
+        ref="dataForm"
+        :model="dataForm"
+        size="medium"
+        label-width="110px"
+        label-position="left"
+      >
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderName')" prop="name">
+                <el-input v-model="dataForm.name" :placeholder="$t('module.basicData.Warehouse.OrderName')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.IssueOrderTime')" prop="createTime">
+                <el-input v-model="dataForm.createTime" :placeholder="$t('module.basicData.Warehouse.IssueOrderTime')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.PlanProcessQuantity')" prop="planQuantity">
+                <el-input v-model="dataForm.planQuantity" :placeholder="$t('module.basicData.Warehouse.PlanProcessQuantity')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderCode')" prop="taskCode">
+                <el-input v-model="dataForm.taskCode" :placeholder="$t('module.basicData.Warehouse.OrderCode')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.OrderStatus')" prop="taskType">
+                <el-input v-model="dataForm.taskType" :placeholder="$t('module.basicData.Warehouse.OrderStatus')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="8">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.TotalProcessName')" prop="craftName">
+                <el-input v-model="dataForm.craftName" :placeholder="$t('module.basicData.Warehouse.TotalProcessName')" readonly :style="{width: '100%'}" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t('module.basicData.Warehouse.SubProcessName')" prop="subProccessName">
+                <el-input
+                  v-model="dataForm.subProccessName"
+                  :placeholder="$t('module.basicData.Warehouse.SubProcessName')"
+                  readonly
+                  :style="{width: '100%'}"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </el-row>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ 'btn.cancel' | i18nFilter }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { ExecutionInfoDetail } from '@/api/orderManage/00A'
+
+export default {
+  data() {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        name: undefined,
+        createTime: undefined,
+        taskCode: undefined,
+        taskType: undefined,
+        craftName: undefined,
+        planQuantity: undefined,
+        subProccessName: undefined
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      this.dataForm.id = id || ''
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          ExecutionInfoDetail(this.dataForm.id).then(res => {
+            this.dataForm = res.data
+          })
+        }
+      })
+    }
+  }
+}
+</script>

src/views/QualityManager/scrap/ScrapInfo-add.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
- * @LastEditors: Please set LastEditors
+ * @LastEditors: zwq
- * @LastEditTime: 2021-07-20 11:03:09
+ * @LastEditTime: 2022-03-04 10:39:52
  * @Description:
 -->
 <template>
@@ -122,6 +122,9 @@
           </el-select>
         </el-form-item>
 
+        <el-form-item :label="$t('module.basicData.ScrapInfo.registrationPlace')" prop="placeOfRegis">
+          <el-input v-model="dataForm.placeOfRegis" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.ScrapInfo.registrationPlace')])" clearable :style="{width: '100%'}" />
+        </el-form-item>
         <el-form-item :label="$t('module.basicData.ScrapInfo.remark')" prop="remark">
           <el-input v-model="dataForm.remark" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.ScrapInfo.remark')])" clearable :style="{width: '100%'}" />
         </el-form-item>
@@ -141,7 +144,7 @@ import { getScrapInfo, editScrapInfo, addScrapInfo, getScrap } from '@/api/quali
 import { scrapReasonList } from '@/api/dict'
 import { getDictWorker } from '@/api/dict'
 import { getEqList } from '@/api/equipment/maintain'
-import { workOrderList } from '@/api/orderManage/workOrder/workOrder'
+import { workOrderListList } from '@/api/orderManage/workOrder/workOrder'
 
 const wasteGradeArr = [{
   value: '加工可用',
@@ -173,6 +176,7 @@ export default {
         scrapGrade: undefined,
         description: undefined,
         substrateId: undefined,
+        placeOfRegis: '00A',
         remark: undefined
       },
       wasteGradeArr,
@@ -279,7 +283,7 @@ export default {
       })
     },
     async getDict() {
-      const result3 = await workOrderList({
+      const result3 = await workOrderListList({
         current: 1,
         size: 999
       })

src/views/QualityManager/scrap/index.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2020-12-29 15:41:11
- * @LastEditors: Please set LastEditors
+ * @LastEditors: zwq
- * @LastEditTime: 2021-07-26 13:39:35
+ * @LastEditTime: 2022-03-04 10:40:51
  * @Description:
 -->
 <template>
@@ -11,7 +11,7 @@
       :model="formData"
       :inline="true"
       size="medium"
-      label-width="130px"
+      label-width="100px"
     >
       <el-form-item v-if="false" :label="$t('module.basicData.ScrapInfo.PlateId')" prop="basalId">
         <el-input v-model="formData.basalId" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.ScrapInfo.PlateId')])" style="width:200px" clearable />
@@ -117,11 +117,6 @@ const tableProps = [
     label: i18n.t('module.basicData.ScrapInfo.source'),
     align: 'center'
   },
-  {
-    prop: 'scrapGradeDic',
-    label: i18n.t('module.basicData.ScrapInfo.wasteGrade'),
-    align: 'center'
-  },
   {
     prop: 'equipmentName',
     label: i18n.t('module.basicData.ScrapInfo.name'),

src/views/art/components/Process-add.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
- * @LastEditors: Please set LastEditors
+ * @LastEditors: zwq
- * @LastEditTime: 2021-07-26 14:39:36
+ * @LastEditTime: 2022-03-03 16:43:26
  * @Description:
 -->
 <template>
@@ -16,14 +16,14 @@
       </el-form-item>
       <el-form-item :label="$t('module.art.processList.processEq')" prop="equipmentIds">
         <el-select v-model="dataForm.equipmentIds" clearable filterable multiple>
-          <el-option v-for="item in eqList" :key="item.id" :value="item.id" :label="item.name" />
+          <el-option v-for="item in eqList" :key="item.id" :value="item.id" :label="item.enName" />
         </el-select>
       </el-form-item>
-      <el-form-item :label="$t('module.art.processList.type')" prop="type">
+      <!-- <el-form-item :label="$t('module.art.processList.type')" prop="type">
         <el-select v-model="dataForm.type" clearable filterable>
           <el-option v-for="item in typeList" :key="item.id" :value="item.id" :label="item.name" />
         </el-select>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item :label="$t('module.art.processList.description')" prop="address">
         <el-input v-model="dataForm.description" :placeholder="$i18nForm(['placeholder.input', $t('module.art.processList.description')])" clearable />
       </el-form-item>

src/views/art/processList.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: gtz
  * @Date: 2021-04-06 20:07:22
- * @LastEditors: gtz
+ * @LastEditors: zwq
- * @LastEditTime: 2021-06-23 16:22:06
+ * @LastEditTime: 2022-03-03 17:00:54
  * @Description: file content
 -->
 <template>
@@ -23,7 +23,7 @@
 
 <script>
 // edit here
-import DataDict from './filters'
+// import DataDict from './filters'
 const tableBtn = [{
   type: 'edit',
   btnName: 'btn.edit'
@@ -35,12 +35,14 @@ const tableProps = [{
   prop: 'name',
   label: i18n.t('module.art.processList.processName'),
   align: 'center'
-}, {
+},
-  prop: 'type',
+// {
-  label: i18n.t('module.art.processList.type'),
+//   prop: 'type',
-  align: 'center',
+//   label: i18n.t('module.art.processList.type'),
-  filter: DataDict('typeFilter')
+//   align: 'center',
-}, {
+//   filter: DataDict('typeFilter')
+// },
+{
   prop: 'description',
   label: i18n.t('module.art.processList.description'),
   align: 'center'
@@ -48,7 +50,7 @@ const tableProps = [{
 import BaseTable from '@/components/BaseTable'
 // edit here
 import { list, del } from '@/api/art-manage/process'
-import { equipmentInfoList } from '@/api/basicData/Equipment/equipmentInfo'
+import { equipmentlistList } from '@/api/basicData/Equipment/equipmentInfo'
 import HeadForm from '@/components/basicData/HeadForm'
 import ProcessAdd from './components/Process-add'
 import Pagination from '@/components/Pagination'
@@ -124,10 +126,7 @@ export default {
     },
     async getEqList(key) {
       // edit here
-      const res = await equipmentInfoList({
+      const res = await equipmentlistList()
-        current: 1,
-        size: 999
-      })
       if (res.code === 0) {
         this.eqList = res.data.records
       }

src/views/basicData/GroupModule/components/staff-add.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
- * @LastEditors: gtz
+ * @LastEditors: zwq
- * @LastEditTime: 2021-04-17 16:33:37
+ * @LastEditTime: 2022-03-04 10:06:01
  * @Description:
 -->
 <template>
@@ -62,23 +62,8 @@
               </el-form-item>
             </el-col>
             <el-col :span="20">
-              <el-form-item :label="$t('module.basicData.staff.Profession')" prop="majorId">
+              <el-form-item :label="$t('module.basicData.visual.Remarks')" prop="description">
-                <el-select
+                <el-input v-model="staffData.description" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.visual.Remarks')])" clearable :style="{width: '100%'}" />
-                  v-model="staffData.majorId"
-                  :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.staff.Profession')])"
-                  multiple
-                  filterable
-                  clearable
-                  :style="{width: '100%'}"
-                >
-                  <el-option
-                    v-for="(item, index) in majorArr"
-                    :key="index"
-                    :label="item.name"
-                    :value="item.id"
-                    :disabled="item.disabled"
-                  />
-                </el-select>
               </el-form-item>
             </el-col>
           </el-row>
@@ -122,11 +107,6 @@
                 </el-radio-group>
               </el-form-item>
             </el-col>
-            <el-col :span="20">
-              <el-form-item :label="$t('module.basicData.visual.Remarks')" prop="description">
-                <el-input v-model="staffData.description" :placeholder="$i18nForm(['placeholder.input', $t('module.basicData.visual.Remarks')])" clearable :style="{width: '100%'}" />
-              </el-form-item>
-            </el-col>
           </el-row>
         </el-col>
       </el-form>
@@ -140,7 +120,6 @@
 
 <script>
 import { staffDetail, staffUpdate, staffAdd, staffCode } from '@/api/basicData/GroupModule/staff'
-import { majorList } from '@/api/basicData/GroupModule/major'
 
 export default {
   props: {
@@ -152,7 +131,6 @@ export default {
   data() {
     return {
       visible: false,
-      majorArr: [],
       staffData: {
         name: undefined,
         sex: '',
@@ -211,13 +189,6 @@ export default {
       staffCode().then(res => {
         this.staffData.code = res.data
       })
-      majorList({
-        current: 1,
-        size: 999,
-        name: ''
-      }).then(response => {
-        this.majorArr = response.data.records
-      })
       this.staffData.id = id || ''
       this.visible = true
       this.$nextTick(() => {

src/views/basicData/components/EquipmentScrapGrade-add.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2020-12-29 16:37:56
  * @LastEditors: zwq
- * @LastEditTime: 2021-07-06 11:26:28
+ * @LastEditTime: 2022-03-03 16:49:10
  * @Description:
 -->
 <template>
@@ -83,7 +83,7 @@ export default {
       dataDictionaryDataList({
         current: 1,
         size: 999,
-        dictTypeId: '1412216979622785026'
+        dictTypeId: '2'
       }).then(response => {
         if (response.data.records) {
           this.scrapsArr = response.data.records