add: 新增二期载具库存查询

lms/nladmin-ui/src/views/wms/stat/twoivtquery/index.vue

@@ -5,19 +5,20 @@
         <span slot="label"><i class="el-icon-date" /> 木箱库存</span>
         <BoxIvt />
       </el-tab-pane>
-      <!--<el-tab-pane>
+      <el-tab-pane>
         <span slot="label"><i class="el-icon-date" /> 载具库存</span>
-        <BoxIvt />
-      </el-tab-pane>-->
+        <VehicleIvt />
+      </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 
 <script>
 import BoxIvt from '@/views/wms/stat/twoivtquery/boxivt'
+import VehicleIvt from '@/views/wms/stat/twoivtquery/vehicleivt'
 export default {
   name: 'Twoivtquery',
-  components: { BoxIvt }
+  components: { BoxIvt, VehicleIvt }
 }
 </script>
 

lms/nladmin-ui/src/views/wms/stat/twoivtquery/vehicleivt.vue

@@ -0,0 +1,131 @@
+<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="90px"
+          label-suffix=":"
+        >
+          <el-form-item label="托盘编码">
+            <el-input
+              v-model="query.storagevehicle_code"
+              clearable
+              placeholder="输入托盘编码"
+              style="width: 185px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="仓位编码">
+            <el-input
+              v-model="query.struct_code"
+              clearable
+              placeholder="输入仓位编码"
+              style="width: 185px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="托盘类型">
+            <el-select
+              v-model="query.storagevehicle_type"
+              clearable
+              size="mini"
+              placeholder="全部"
+              class="filter-item"
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in typeList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <rrOperation :crud="crud"/>
+        </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 prop="struct_code" label="仓位编码" :min-width="flexWidth('struct_code',crud.data,'仓位编码')" />
+        <el-table-column prop="struct_name" label="仓位名称" :min-width="flexWidth('struct_name',crud.data,'仓位名称')" />
+        <el-table-column prop="storagevehicle_code" label="托盘编码" :min-width="flexWidth('storagevehicle_code',crud.data,'托盘编码')" />
+        <el-table-column prop="storagevehicle_type" label="托盘类型" :min-width="flexWidth('storagevehicle_type',crud.data,'托盘类型')" :formatter="formattTwo" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudStructattr from '@/views/wms/basedata/st/struct/structattr'
+import CRUD, { crud, form, header, presenter } 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'
+
+export default {
+  name: 'TwoVehicleIvt',
+  components: { pagination, crudOperation, rrOperation, udOperation },
+  dicts: ['product_area'],
+  mixins: [presenter(), header(), form(), crud()],
+  cruds() {
+    return CRUD({
+      title: '二期托盘库存',
+      url: 'api/structattr/twoVehicleIvt',
+      idField: 'struct_id',
+      sort: 'struct_code,desc',
+      crudMethod: { ...crudStructattr },
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    return {
+      permission: {},
+      rules: {
+      },
+      typeList: [
+        { 'label': '小托盘', 'value': '1' },
+        { 'label': '大托盘', 'value': '2' }
+      ]
+    }
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    formattTwo(row) {
+      if (row.storagevehicle_type === '1') {
+        return '小托盘'
+      }
+      if (row.storagevehicle_type === '2') {
+        return '大托盘'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>