库存统计

src/views/logisticsMaterials/inventoryStatistics/departmentStockinAndStockoutStatistics/index.vue

@@ -1,50 +1,46 @@
-<template>
-    <div class="layout_display_flex_y">
-        <div class="obviousBox" style="margin-bottom: 6px;">
-            <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
+    <template>
+        <div class="layout_display_flex_y">
+            <div class="obviousBox" style="margin-bottom: 6px;">
+                <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
+            </div>
+            <div class="title-area">
+                <div class="title-top">
+                    物资库_物资领退物资明细
+                </div>
+                <div class="title-bottom">
+                    <div>查询时间 :</div>
+                    <div>打印时间 :</div>
+                </div>
+            </div>
+            <div class="layout_display_flex_y" style="height: 80%">
+                <el-table
+                    :data="ypClassData.slice(pageSizeClass * (currentPageClass - 1), pageSizeClass * currentPageClass)"
+                    border style="width: 100%" height="100%" stripe highlight-current-row
+                    class="ypClassTable normal-size">
+                    <el-table-column prop="name" label="部门">
+                    </el-table-column>
+                    <el-table-column prop="name" label="入库金额">
+                    </el-table-column>
+                    <el-table-column prop="name" label="出库金额">
+                    </el-table-column>
+                    <el-table-column prop="name" label="差额">
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div>
+                <el-pagination :current-page="currentPageClass" :page-size="pageSizeClass"
+                    :page-sizes="[10, 15, 20, 25]" :total="ypClassData.length"
+                    layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
+                    @size-change="handleSizeChangeClass" @current-change="handleCurrentChangeClass">
+                </el-pagination>
+            </div>
         </div>
-
-        <div class="layout_display_flex_y" style="height: 80%">
-            <el-table
-                :data="ypClassData.slice(pageSizeClass * (currentPageClass - 1), pageSizeClass * currentPageClass)"
-                border style="width: 100%" height="100%" stripe highlight-current-row class="ypClassTable normal-size">
-                <el-table-column prop="code" label="调拨单号">
-                </el-table-column>
-                <el-table-column prop="name" label="调拨日期">
-                </el-table-column>
-                <el-table-column prop="name" label="制单人员">
-                </el-table-column>
-                <el-table-column prop="name" label="接收人员">
-                </el-table-column>
-                <el-table-column prop="name" label="调入科室">
-                </el-table-column>
-                <el-table-column prop="name" label="调出科室">
-                </el-table-column>
-                <el-table-column prop="name" label="状态">
-                    <template #default="scope">
-                      {{  }}
-                    </template>
-                </el-table-column>
-                <el-table-column fixed="right" label="操作" min-width="180" width="180" center>
-                    <template #default="scope">
-                         <el-button type="primary" size="small" @click="editYpClass(scope.row)">查看</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-        </div>
-        <div>
-            <el-pagination :current-page="currentPageClass" :page-size="pageSizeClass" :page-sizes="[10, 15, 20, 25]"
-                :total="ypClassData.length" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
-                @size-change="handleSizeChangeClass" @current-change="handleCurrentChangeClass">
-            </el-pagination>
-        </div>
-    </div>
-    <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false"
-        :title="'调拨接收'" width="100%" destroy-on-close fullscreen>
-        <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
-        <info :currentEditCode="currentEditCode"></info>
-    </el-dialog>
-</template>
+        <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" :title="'调拨接收'"
+            width="100%" destroy-on-close fullscreen>
+            <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
+            <info :currentEditCode="currentEditCode"></info>
+        </el-dialog>
+    </template>
 <script setup name="YpDict">
 import { ref, onMounted, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -67,30 +63,13 @@ const delFlagOptions = [{ code: '0', name: '启用' }, { code: '1', name: '停
 
 const searchData = ref([
     {
-        label: '调拨单号',
-        key: 'vehicleName',
-        type: 'input',
-        value: '',
-        clearable: true,
-    },
-    {
-        label: '调入科室',
+        label: '入库时间',
         key: 'vehicleType',
-        type: 'select',
-        value: '',
-        optionsData: [ //（0：轿车，1：面包车，2：越野车，3：吉普车，4：巴士，5：卡车）
-            {
-                label: '轿车',
-                value: '0',
-            },
-            {
-                label: '面包车',
-                value: '1',
-            },
-        ],
+        type: 'datePicker',
+        value: {}
     },
     {
-        label: '调出科室',
+        label: '入库类型',
         key: 'vehicleType',
         type: 'select',
         value: '',
@@ -105,19 +84,6 @@ const searchData = ref([
             },
         ],
     },
-    {
-        label: '调拨日期',
-        key: 'vehicleType',
-        type: 'datePicker',
-        value: {}
-    },
-    {
-        label: '制单人员',
-        key: 'vehicleName',
-        type: 'input',
-        value: '',
-        clearable: true,
-    },
 ])
 const pageSizeClass = ref(20)
 const currentPageClass = ref(1)
@@ -700,4 +666,22 @@ const tableEdit = (row) => {
     border-right: 1px solid var(--el-border-color);
     --el-select-input-padding-left: '0'
 }
+
+.title-area {
+    box-sizing: border-box;
+    background-color: #fff;
+    padding: 5px 20px;
+
+    .title-top {
+        width: 100%;
+        text-align: center;
+        font-size: 1.2rem;
+        font-weight: bold;
+    }
+
+    .title-bottom {
+        display: flex;
+        justify-content: space-between;
+    }
+}
 </style>

src/views/logisticsMaterials/inventoryStatistics/projectDetailedLedger/index.vue

@@ -1,50 +1,81 @@
-<template>
-    <div class="layout_display_flex_y">
-        <div class="obviousBox" style="margin-bottom: 6px;">
-            <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
+    <template>
+        <div class="layout_display_flex_y">
+            <div class="obviousBox" style="margin-bottom: 6px;">
+                <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
+            </div>
+            <div class="title-area">
+                <div class="title-top">
+                    物资库_物资领退物资明细
+                </div>
+                <div class="title-bottom">
+                    <div>查询时间 :</div>
+                    <div>项目编码 :</div>
+                    <div>项目名称 :</div>
+                    <div>规格 :</div>
+                </div>
+            </div>
+            <div class="layout_display_flex_y" style="height: 80%">
+                <el-table
+                    :data="ypClassData.slice(pageSizeClass * (currentPageClass - 1), pageSizeClass * currentPageClass)"
+                    border style="width: 100%" height="100%" stripe highlight-current-row
+                    class="ypClassTable normal-size">
+                    <el-table-column type="index" label="序号"></el-table-column>
+                    <el-table-column prop="name" label="库存日期">
+                    </el-table-column>
+                    <el-table-column prop="name" label="库存单号">
+                    </el-table-column>
+                    <el-table-column prop="name" label="库存事务">
+                    </el-table-column>
+                    <el-table-column prop="name" label="批号">
+                    </el-table-column>
+                    <el-table-column prop="name" label="购入价">
+                    </el-table-column>
+                    <el-table-column prop="name" label="零售价">
+                    </el-table-column>
+                    <el-table-column prop="name" label="入库" align="center">
+                        <el-table-column prop="name" label="入库数量" align="center">
+                        </el-table-column>
+                        <el-table-column prop="name" label="购入金额" align="center">
+                        </el-table-column>
+                        <el-table-column prop="name" label="零售金额" align="center">
+                        </el-table-column>
+                    </el-table-column>
+                    <el-table-column prop="name" label="出库" align="center">
+                        <el-table-column prop="name" label="出库数量" align="center">
+                        </el-table-column>
+                        <el-table-column prop="name" label="购入金额" align="center">
+                        </el-table-column>
+                        <el-table-column prop="name" label="零售金额" align="center">
+                        </el-table-column>
+                    </el-table-column>
+                    <el-table-column prop="name" label="库存结构" align="center">
+                        <el-table-column prop="name" label="库存数量" align="center">
+                        </el-table-column>
+                        <el-table-column prop="name" label="购入金额" align="center">
+                        </el-table-column>
+                        <el-table-column prop="name" label="零售金额" align="center">
+                        </el-table-column>
+                    </el-table-column>
+                    <el-table-column prop="name" label="来源流向" align="center">
+                    </el-table-column>
+                    <el-table-column prop="name" label="供应商" align="center">
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div>
+                <el-pagination :current-page="currentPageClass" :page-size="pageSizeClass"
+                    :page-sizes="[10, 15, 20, 25]" :total="ypClassData.length"
+                    layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
+                    @size-change="handleSizeChangeClass" @current-change="handleCurrentChangeClass">
+                </el-pagination>
+            </div>
         </div>
-
-        <div class="layout_display_flex_y" style="height: 80%">
-            <el-table
-                :data="ypClassData.slice(pageSizeClass * (currentPageClass - 1), pageSizeClass * currentPageClass)"
-                border style="width: 100%" height="100%" stripe highlight-current-row class="ypClassTable normal-size">
-                <el-table-column prop="code" label="调拨单号">
-                </el-table-column>
-                <el-table-column prop="name" label="调拨日期">
-                </el-table-column>
-                <el-table-column prop="name" label="制单人员">
-                </el-table-column>
-                <el-table-column prop="name" label="接收人员">
-                </el-table-column>
-                <el-table-column prop="name" label="调入科室">
-                </el-table-column>
-                <el-table-column prop="name" label="调出科室">
-                </el-table-column>
-                <el-table-column prop="name" label="状态">
-                    <template #default="scope">
-                      {{  }}
-                    </template>
-                </el-table-column>
-                <el-table-column fixed="right" label="操作" min-width="180" width="180" center>
-                    <template #default="scope">
-                         <el-button type="primary" size="small" @click="editYpClass(scope.row)">查看</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-        </div>
-        <div>
-            <el-pagination :current-page="currentPageClass" :page-size="pageSizeClass" :page-sizes="[10, 15, 20, 25]"
-                :total="ypClassData.length" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
-                @size-change="handleSizeChangeClass" @current-change="handleCurrentChangeClass">
-            </el-pagination>
-        </div>
-    </div>
-    <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false"
-        :title="'调拨接收'" width="100%" destroy-on-close fullscreen>
-        <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
-        <info :currentEditCode="currentEditCode"></info>
-    </el-dialog>
-</template>
+        <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" :title="'调拨接收'"
+            width="100%" destroy-on-close fullscreen>
+            <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
+            <info :currentEditCode="currentEditCode"></info>
+        </el-dialog>
+    </template>
 <script setup name="YpDict">
 import { ref, onMounted, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -67,56 +98,16 @@ const delFlagOptions = [{ code: '0', name: '启用' }, { code: '1', name: '停
 
 const searchData = ref([
     {
-        label: '调拨单号',
-        key: 'vehicleName',
-        type: 'input',
-        value: '',
-        clearable: true,
-    },
-    {
-        label: '调入科室',
-        key: 'vehicleType',
-        type: 'select',
-        value: '',
-        optionsData: [ //（0：轿车，1：面包车，2：越野车，3：吉普车，4：巴士，5：卡车）
-            {
-                label: '轿车',
-                value: '0',
-            },
-            {
-                label: '面包车',
-                value: '1',
-            },
-        ],
-    },
-    {
-        label: '调出科室',
-        key: 'vehicleType',
-        type: 'select',
-        value: '',
-        optionsData: [ //（0：轿车，1：面包车，2：越野车，3：吉普车，4：巴士，5：卡车）
-            {
-                label: '轿车',
-                value: '0',
-            },
-            {
-                label: '面包车',
-                value: '1',
-            },
-        ],
-    },
-    {
-        label: '调拨日期',
+        label: '查询时间',
         key: 'vehicleType',
         type: 'datePicker',
         value: {}
     },
     {
-        label: '制单人员',
-        key: 'vehicleName',
+        label: '项目名称',
+        key: 'vehicleType',
         type: 'input',
-        value: '',
-        clearable: true,
+        value: ''
     },
 ])
 const pageSizeClass = ref(20)
@@ -700,4 +691,22 @@ const tableEdit = (row) => {
     border-right: 1px solid var(--el-border-color);
     --el-select-input-padding-left: '0'
 }
+
+.title-area {
+    box-sizing: border-box;
+    background-color: #fff;
+    padding: 5px 20px;
+
+    .title-top {
+        width: 100%;
+        text-align: center;
+        font-size: 1.2rem;
+        font-weight: bold;
+    }
+
+    .title-bottom {
+        display: flex;
+        justify-content: space-between;
+    }
+}
 </style>

src/views/logisticsMaterials/inventoryStatistics/projectInventoryQuery/index.vue

@@ -1,50 +1,46 @@
-<template>
-    <div class="layout_display_flex_y">
-        <div class="obviousBox" style="margin-bottom: 6px;">
-            <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
+    <template>
+        <div class="layout_display_flex_y">
+            <div class="obviousBox" style="margin-bottom: 6px;">
+                <searchArea :searchData="searchData" @submit="searchByForm"></searchArea>
+            </div>
+            <div class="title-area">
+                <div class="title-top">
+                    物资库存清单
+                </div>
+            </div>
+            <div class="layout_display_flex_y" style="height: 80%">
+                <el-table
+                    :data="ypClassData.slice(pageSizeClass * (currentPageClass - 1), pageSizeClass * currentPageClass)"
+                    border style="width: 100%" height="100%" stripe highlight-current-row
+                    class="ypClassTable normal-size">
+                    <el-table-column type="index" label="序号">
+                    </el-table-column>
+                    <el-table-column prop="name" label="供应商">
+                    </el-table-column>
+                    <el-table-column prop="name" label="购入金额">
+                    </el-table-column>
+                    <el-table-column prop="name" label="零售金额">
+                    </el-table-column>
+                    <el-table-column prop="name" label="差额">
+                    </el-table-column>
+                    <el-table-column prop="name" label="差价率">
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div>
+                <el-pagination :current-page="currentPageClass" :page-size="pageSizeClass"
+                    :page-sizes="[10, 15, 20, 25]" :total="ypClassData.length"
+                    layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
+                    @size-change="handleSizeChangeClass" @current-change="handleCurrentChangeClass">
+                </el-pagination>
+            </div>
         </div>
-
-        <div class="layout_display_flex_y" style="height: 80%">
-            <el-table
-                :data="ypClassData.slice(pageSizeClass * (currentPageClass - 1), pageSizeClass * currentPageClass)"
-                border style="width: 100%" height="100%" stripe highlight-current-row class="ypClassTable normal-size">
-                <el-table-column prop="code" label="调拨单号">
-                </el-table-column>
-                <el-table-column prop="name" label="调拨日期">
-                </el-table-column>
-                <el-table-column prop="name" label="制单人员">
-                </el-table-column>
-                <el-table-column prop="name" label="接收人员">
-                </el-table-column>
-                <el-table-column prop="name" label="调入科室">
-                </el-table-column>
-                <el-table-column prop="name" label="调出科室">
-                </el-table-column>
-                <el-table-column prop="name" label="状态">
-                    <template #default="scope">
-                      {{  }}
-                    </template>
-                </el-table-column>
-                <el-table-column fixed="right" label="操作" min-width="180" width="180" center>
-                    <template #default="scope">
-                         <el-button type="primary" size="small" @click="editYpClass(scope.row)">查看</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-        </div>
-        <div>
-            <el-pagination :current-page="currentPageClass" :page-size="pageSizeClass" :page-sizes="[10, 15, 20, 25]"
-                :total="ypClassData.length" layout="total, sizes, prev, pager, next, jumper" style="margin-top: 5px"
-                @size-change="handleSizeChangeClass" @current-change="handleCurrentChangeClass">
-            </el-pagination>
-        </div>
-    </div>
-    <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false"
-        :title="'调拨接收'" width="100%" destroy-on-close fullscreen>
-        <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
-        <info :currentEditCode="currentEditCode"></info>
-    </el-dialog>
-</template>
+        <el-dialog v-model="showDialog" :close-on-click-modal="false" :close-on-press-escape="false" :title="'调拨接收'"
+            width="100%" destroy-on-close fullscreen>
+            <!-- <YpPrintName :ypPrintNameDetail="ypPrintNameDetail" @closeYpPrintNameEditFor="closeYpPrintName" /> -->
+            <info :currentEditCode="currentEditCode"></info>
+        </el-dialog>
+    </template>
 <script setup name="YpDict">
 import { ref, onMounted, nextTick } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
@@ -67,30 +63,7 @@ const delFlagOptions = [{ code: '0', name: '启用' }, { code: '1', name: '停
 
 const searchData = ref([
     {
-        label: '调拨单号',
-        key: 'vehicleName',
-        type: 'input',
-        value: '',
-        clearable: true,
-    },
-    {
-        label: '调入科室',
-        key: 'vehicleType',
-        type: 'select',
-        value: '',
-        optionsData: [ //（0：轿车，1：面包车，2：越野车，3：吉普车，4：巴士，5：卡车）
-            {
-                label: '轿车',
-                value: '0',
-            },
-            {
-                label: '面包车',
-                value: '1',
-            },
-        ],
-    },
-    {
-        label: '调出科室',
+        label: '科室名称',
         key: 'vehicleType',
         type: 'select',
         value: '',
@@ -106,17 +79,10 @@ const searchData = ref([
         ],
     },
     {
-        label: '调拨日期',
+        label: '项目名称',
         key: 'vehicleType',
-        type: 'datePicker',
-        value: {}
-    },
-    {
-        label: '制单人员',
-        key: 'vehicleName',
         type: 'input',
         value: '',
-        clearable: true,
     },
 ])
 const pageSizeClass = ref(20)
@@ -700,4 +666,22 @@ const tableEdit = (row) => {
     border-right: 1px solid var(--el-border-color);
     --el-select-input-padding-left: '0'
 }
+
+.title-area {
+    box-sizing: border-box;
+    background-color: #fff;
+    padding: 5px 20px;
+
+    .title-top {
+        width: 100%;
+        text-align: center;
+        font-size: 1.2rem;
+        font-weight: bold;
+    }
+
+    .title-bottom {
+        display: flex;
+        justify-content: space-between;
+    }
+}
 </style>