采购申请单明细账/汇总账页面编写

农夫三拳有点痛1

已于 2023-10-30 10:48:25 修改

阅读量232

点赞数 1

文章标签： java mysql

于 2023-10-30 10:41:45 首次发布

本文链接：https://blog.csdn.net/m0_57084845/article/details/134103894

版权

业务需求和功能

1、功能：编写采购申请页面和采购申请管理页面。在申请单界面添加常用的查询条件，如单品、申请单等。在采购申请管理页面以单品维度去展示采购申请单的汇总信息，添加一个默认查询时间为7天，并对查询出来的不同状态申请单的做数量的自动汇总。
2、具体实现：编写两个订单的实体类，并通过@IOC注解将实体类交给系统容器管理，。在service层中编写业务逻辑，html做页面的静态页面，c#做动态界面与后端进行交互，。
3、特殊说明：为了页面美观，做了以下两点优化。使用内置标签函数如@Columns，绑定app页面中的表头，使得打开页面默认展示表头。并对后端查询到的特殊数据做客户端转换，方便客户观看。如申请单的状态，后端查到的是10，前端需要显示状态为编辑中。
在这里插入图片描述

具体代码实现

创建html作为采购申请明细账的静态界面

下面是具体代码：

**<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../../common/common.css" rel="stylesheet" type="text/css" />
    <link href="../../common/tabs.css" rel="stylesheet" type="text/css" />
    <link href="../../common/listview.css" rel="stylesheet" type="text/css" />
    <style>
        .with_label > text:first-child {
            width: 6em;
        }
        .more_search > popup .with_label > text:first-child {
            width: 7em!important;
        }
        #purchase_collect_detail [qp="provider_id"] {
            behavior: transform!important;
        }
        td[hf="onway_count"] {
            assigned!: self.title="采购量-采购到货量-采购已入库量（小于0则为0）";
        }
        td[hf="stockin_no_num"] {
            assigned!: self.title="采购量-采购已入库量（小于0则为0）";
        }
        td[hf="stockin_no_amount"] {
            assigned!: self.title="总金额-入库金额";
        }
    </style>
</head>
<body>
    <!-- 注解：这是一个图片元素，用于显示采购统计详情的帮助 -->
    <img help="statistics_purchaseDetail" />
    
    <div class="flat_bar">
        <!-- 注解：这是一个具有类名 "flat_bar" 的 div 元素 -->
        <div persist="purchase_collect_detail">
            <!-- 注解：这是一个持久化的 div 元素，用于采购信息的收集 -->
            <div class="search_bar">
                <!-- 注解：这是一个搜索栏，包含了多个搜索条件 -->
                <div class="with_label">申请单状态
                    <widget type="select-dropdown" fixedrows="2" qp="status" defval="-1">
                        <!-- 注解：这是一个下拉框部件，用于选择申请单状态 -->
                        <option value="-1" selected>全部</option>
                        <option value="30">待审核</option>
                        <option value="35">待财审</option>
                        <option value="40">已审核</option>
                        <option value="90">已完成</option>
                    </widget>
                </div>
                <!-- ... 其他搜索条件的注解 ... -->
                <btn id="btn_search">搜索</btn>
                <!-- 注解：这是一个按钮