init project

mes/qd/src/views/wms/statistics/powderProductionQuery/index.vue

@@ -0,0 +1,131 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <el-form
+          size="mini"
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="80px"
+          label-suffix=":"
+        >
+
+          <el-form-item label="日期">
+            <label slot="label">日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期:</label>
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+
+          <el-form-item label="产品批次">
+            <el-input
+              v-model="query.pcsn"
+              clearable
+              size="mini"
+              placeholder="请输入批次"
+              style="width: 230px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+
+          <el-form-item label="产品编码">
+            <el-input
+              v-model="query.material_code"
+              clearable
+              size="mini"
+              placeholder="请输入批次"
+              style="width: 230px;"
+              class="filter-item"
+              @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="index" label="序号" width="100" align="center" />
+        <el-table-column prop="create_time" label="日期" width="150px" show-overflow-tooltip />
+        <el-table-column prop="workorder_code" label="工令号" width="120px" show-overflow-tooltip/>
+        <el-table-column prop="material_code" label="物料编码" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="pcsn" label="批次" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="yl_thw" label="碳化钨" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="yl_gf" label="钴粉" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="yl_tf" label="碳粉" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="yl_wf" label="钨粉" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="yl_other" label="其他有色金属粉" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="yl_yzj" label="抑制剂(添加剂)" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="fl_cxj" label="成型剂" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="cp_rf" label="软废返工料" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="total" label="合计" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="in_dateTime" label="成品入库日期" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="out_weight" label="成品产出量" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+        <el-table-column prop="yield" label="产出率" min-width="150" show-overflow-tooltip :formatter="crud.formatNum3"/>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import CRUD, { crud, header, presenter } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import pagination from '@crud/Pagination'
+import crudOperation from '@crud/CRUD.operation'
+import crudPowderproductionquery from '@/api/wms/statistics/powderproductionquery'
+import DateRangePicker from '@/components/DateRangePicker'
+
+export default {
+  name: 'PowderProductionQuery',
+  components: { pagination, rrOperation, crudOperation, DateRangePicker },
+  mixins: [presenter(), header(), crud()],
+  cruds() {
+    return CRUD({
+      title: '粉料投产记录',
+      url: 'api/powderProductionQuery',
+      idField: 'workorder_id',
+      sort: 'workorder_id,desc',
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      },
+      crudMethod: { ...crudPowderproductionquery }
+    })
+  },
+
+  data() {
+    return {
+    }
+  },
+  created() {
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>