设备效率OEE分析

mes/qd/src/api/wms/sb/deviceooestat.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+export function add(data) {
+  return request({
+    url: 'api/deviceooestat',
+    method: 'post',
+    data
+  })
+}
+
+export function del(ids) {
+  return request({
+    url: 'api/deviceooestat',
+    method: 'delete',
+    data: ids
+  })
+}
+
+export function edit(data) {
+  return request({
+    url: 'api/deviceooestat',
+    method: 'put',
+    data
+  })
+}
+
+export default { add, edit, del }

mes/qd/src/views/wms/sb/run/devicerunrecord/index.vue

@@ -58,12 +58,12 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="工作时间（分钟）:">
-                <el-input v-model="form.run_times" style="width: 200px;" />
+                <el-input-number :controls="false" :min="0" :precision="0" v-model="form.run_times" style="width: 200px;"/>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="准备时间（分钟）:">
-                <el-input v-model="form.prepare_times" style="width: 200px;" />
+                <el-input-number :controls="false" :min="0" :precision="0" v-model="form.prepare_times" style="width: 200px;" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -71,12 +71,12 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="故障时间（分钟）:">
-                <el-input v-model="form.error_times" style="width: 200px;" />
+                <el-input-number :controls="false" :min="0" :precision="0" v-model="form.error_times" style="width: 200px;" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="工装调整时间（分钟）:">
-                <el-input v-model="form.adjust_times" style="width: 200px;" />
+                <el-input-number :controls="false" :precision="0" :min="0" v-model="form.adjust_times" style="width: 200px;" />
               </el-form-item>
             </el-col>
           </el-row>
@@ -84,12 +84,12 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="生产总量:">
-                <el-input v-model="form.product_qty" style="width: 200px;" />
+                <el-input-number :controls="false" :min="0" :precision="2" v-model="form.product_qty" style="width: 200px;" />
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="不合格数:">
-                <el-input v-model="form.nok_qty" style="width: 200px;" />
+                <el-input-number :controls="false" :min="0" :precision="2" v-model="form.nok_qty" style="width: 200px;" />
               </el-form-item>
             </el-col>
           </el-row>

mes/qd/src/views/wms/sb/stat/deviceooestat/index.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="110px"
+          label-suffix=":"
+        >
+          <el-form-item label="统计日期">
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+          <el-form-item label="设备类别">
+            <treeselect
+              v-model="query.material_type_id"
+              :load-options="loadClass"
+              :options="classes"
+              style="width: 200px;"
+              placeholder="请选择"
+            />
+          </el-form-item>
+          <el-form-item label="设备编码">
+            <el-input
+              v-model="query.device_code"
+              clearable
+              size="mini"
+              placeholder="请输入设备编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="使用部门">
+            <el-input
+              v-model="query.dept_code"
+              clearable
+              size="mini"
+              placeholder="请输入部门编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission" />
+      <!--表单组件-->
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55" />
+        <el-table-column v-if="false" prop="runrecord_id" label="记录标识" />
+        <el-table-column prop="dept_name" label="使用部门" />
+        <el-table-column prop="class_name" label="设备类型" />
+        <el-table-column prop="device_code" label="设备编码" />
+        <el-table-column prop="device_name" label="设备名称" width="120px" show-overflow-tooltip />
+        <el-table-column prop="run_times" label="工作时间(分钟)" width="120px" />
+        <el-table-column prop="prepare_times" label="准备时间(分钟)" width="120px" />
+        <el-table-column prop="error_times" label="故障时间(分钟)" width="120px" />
+        <el-table-column prop="adjust_times" label="工装调整时间(分钟)" width="140px" />
+        <el-table-column prop="product_qty" label="生产总量" :formatter="crud.formatNum2" />
+        <el-table-column prop="nok_qty" label="不合格数" :formatter="crud.formatNum2" />
+        <el-table-column prop="theory_beat" label="理论生产节拍(分钟)" width="140px" />
+        <el-table-column prop="oee_value" label="OEE指标(%)" width="120px" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudDeviceooestat from '@/api/wms/sb/deviceooestat'
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+import crudClassstandard from '@/api/wms/basedata/master/classstandard'
+import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import crudMaterialbase from '@/api/wms/basedata/master/materialbase'
+import DateRangePicker from '@/components/DateRangePicker'
+
+const defaultForm = { runrecord_id: null, devicerecord_id: null, run_date: null, run_times: null, prepare_times: null, error_times: null, adjust_times: null, product_qty: null, nok_qty: null, oee_value: null, remark: null, create_id: null, create_name: null, create_time: null }
+export default {
+  name: 'Deviceooestat',
+  components: { pagination, crudOperation, rrOperation, udOperation, Treeselect, DateRangePicker },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '设备OEE指标',
+      url: 'api/deviceooestat',
+      idField: 'runrecord_id',
+      sort: 'runrecord_id,desc',
+      crudMethod: { ...crudDeviceooestat },
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    return {
+      classes: [],
+      class_idStr: null,
+      materOpt_code: '23',
+      deviceDialog: false,
+      permission: {
+      }
+    }
+  },
+  created() {
+    const param = {
+      'materOpt_code': this.materOpt_code
+    }
+    crudMaterialbase.getMaterOptType(param).then(res => {
+      this.class_idStr = res.class_idStr
+      this.crud.query.class_idStr = this.class_idStr
+      this.crud.toQuery()
+      this.queryClassId()
+    })
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    loadClass({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
+          parentNode.children = res.content.map(function(obj) {
+            if (obj.hasChildren) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 100)
+        })
+      }
+    },
+    queryClassId() {
+      const param = {
+        'class_idStr': this.class_idStr
+      }
+      crudClassstandard.queryClassById(param).then(res => {
+        this.classes = res.content.map(obj => {
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>