物料台账列表自定义

applications/dee-mes/src/privateComponents/components/InventoryLists/index.vue

+<!--
+ * @Author: gjn
+ * @Date: 2023-11-02 18:29:33
+ * @Description:物料台账
+-->
+<template>
+  <div class="inventoryLists">
+    <dee-as-com
+      ref="table"
+      class="asCom_table"
+      table-height="calc(100vh - 246px)"
+      :lay-config="{ typeName: 'Inventory', layKey: 'inventoryLedger'}"
+      @requestSuccess="onRequestSuccess"
+    />
+    <div class="sumCon">
+      <strong>合计：</strong>
+      <span class="clumnLabel">库存数量: <span class="count">0</span>；&nbsp;</span>
+      <span class="clumnLabel">占用数量: <span class="count">0</span>；&nbsp;</span>
+      <span class="clumnLabel">可用数量: <span class="count">0</span></span>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'InventoryLists',
+  componentName: '物料台账列表',
+  components: {},
+  props: {
+    basicData: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  // 组件方法
+  methods: {
+    onRequestSuccess(res) {
+      console.log('res: ', res)
+    }
+  }
+}
+</script>
+
+<style  lang='scss'>
+.inventoryLists{
+  .sumCon{
+    display: inline-block;
+    position: relative;
+    left: 20px;
+    bottom: 25px;
+    .clumnLabel{
+      font-weight: 500;
+      .count{
+        font-weight: 600;
+        color: red;
+     }
+    }
+
+  }
+}
+</style>