init:版本说明

nladmin-ui/src/views/wms/statement/record/index.vue

@@ -0,0 +1,178 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <el-form
+        :inline="true"
+        class="demo-form-inline"
+        label-position="right"
+        label-width="80px"
+        label-suffix=":"
+      >
+        <el-form-item label="仓位信息">
+          <el-input
+            v-model="query.search"
+            clearable
+            style="width: 300px"
+            size="mini"
+            placeholder="请输入仓位信息"
+            prefix-icon="el-icon-search"
+            class="filter-item"
+          />
+        </el-form-item>
+        <el-form-item label="物料编码">
+          <el-input
+            v-model="query.material_code"
+            clearable
+            style="width: 300px"
+            size="mini"
+            placeholder="请输入物料编码"
+            prefix-icon="el-icon-search"
+            class="filter-item"
+          />
+        </el-form-item>
+        <el-form-item label="载具编码">
+          <el-input
+            v-model="query.vehicle_code"
+            clearable
+            style="width: 300px"
+            size="mini"
+            placeholder="请输入载具编码"
+            prefix-icon="el-icon-search"
+            class="filter-item"
+          />
+        </el-form-item>
+        <el-form-item label="批次">
+          <el-input
+            v-model="query.pcsn"
+            clearable
+            style="width: 300px"
+            size="mini"
+            placeholder="请输入批次信息"
+            prefix-icon="el-icon-search"
+            class="filter-item"
+          />
+        </el-form-item>
+        <el-form-item label="变动日期" prop="analyseData">
+          <el-date-picker
+            v-model="query.datepick"
+            type="daterange"
+            value-format="yyyy-MM-dd"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          />
+        </el-form-item>
+        <rrOperation />
+      </el-form>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission" />
+      <el-table
+        ref="table"
+        v-loading="crud.loading"
+        :data="crud.data"
+        size="mini"
+        style="width: 100%;"
+      >
+        <el-table-column prop="stor_code" label="仓库" width="150" show-tooltip-when-overflow />
+        <el-table-column prop="struct_code" label="仓位编码" width="150" show-tooltip-when-overflow />
+        <el-table-column prop="material_code" label="物料编码" width="150" show-tooltip-when-overflow />
+        <el-table-column prop="material_name" label="物料名称" width="150" show-tooltip-when-overflow />
+        <el-table-column prop="vehicle_code" label="载具编码" width="150" show-tooltip-when-overflow />
+        <el-table-column prop="growth" label="是否增加库存" width="150" show-tooltip-when-overflow>
+          <template slot-scope="scope">
+            {{ scope.row.growth }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="pcsn" label="批次" min-width="150" show-tooltip-when-overflow />
+        <el-table-column prop="qty" label="总库存" min-width="150" show-tooltip-when-overflow />
+        <el-table-column prop="frozen_qty" label="冻结库存" show-tooltip-when-overflow />
+        <el-table-column prop="change_qty" label="变动库存" show-tooltip-when-overflow />
+        <el-table-column prop="unit_name" label="单位" show-tooltip-when-overflow />
+        <el-table-column prop="vehicle_form_data" label="物料扩展信息" width="300" show-tooltip-when-overflow />
+        <el-table-column prop="source_form_type" label="单据编号" show-tooltip-when-overflow />
+        <el-table-column prop="source_form_id" label="单据表名" min-width="120" show-tooltip-when-overflow />
+        <el-table-column prop="task_type" show-overflow-tooltip show-tooltip-when-overflow label="变动类型" />
+<!--          <template slot-scope="scope">-->
+<!--            {{ statusEnum.label.TASK_TYPE[scope.row.task_type] }}-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+        <el-table-column prop="update_time" label="修改时间" width="120" show-tooltip-when-overflow />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import curdStructIvtFlow from './curdStructIvtFlow'
+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'
+
+const defaultForm = {
+  id: null,
+  struct_code: null,
+  material_id: null,
+  pcsn: null,
+  qty: true,
+  frozen_qty: null,
+  vehicle_form_data: null,
+  source_form_type: null,
+  source_form_id: null,
+  task_type: null,
+  unit_id: null,
+  update_time: null,
+  growth: null,
+  vehicle_code: null
+}
+export default {
+  dicts: [],
+  name: 'StructIvtFlow',
+  components: { pagination, crudOperation, rrOperation, udOperation },
+  statusEnums: ['TASK_TYPE'],
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '库存变动记录',
+      url: 'api/stIvtStructivtflow',
+      optShow: {
+        add: false,
+        reset: true
+      },
+      idField: 'id',
+      sort: 'id,desc',
+      crudMethod: { ...curdStructIvtFlow }
+    })
+  },
+  data() {
+    return {
+      permission: {},
+      rules: {}
+    }
+  },
+  created() {
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      if (this.query.datepick) {
+        this.query.start_time = this.query.datepick[0]
+        if (this.query.datepick.length > 1) {
+          this.query.end_time = this.query.datepick[1]
+        }
+      } else {
+        this.query.start_time = ''
+        this.query.end_time = ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>