首页 > 代码库 > 041医疗项目-模块四：采购单模块—采购单创建好之后跳转到采购单修改页面，然后实现修改采购单功能

041医疗项目-模块四：采购单模块—采购单创建好之后跳转到采购单修改页面，然后实现修改采购单功能

2024-08-27 01:10:51   220人阅读

我们上篇文章的内容是：

来到了

技术分享

我这篇文章要实现的功能是：上面的数据我想要修改。比如：

 

技术分享

上面的红色框框要把它修改并提交。

 

具体如下：

 

 

 

我们所在的页面是editcgd.jsp。代码如下：

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/jsp/base/tag.jsp"%>
<html> 
<head>
<title>采购单修改</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<%@ include file="/WEB-INF/jsp/base/common_css.jsp"%>
<%@ include file="/WEB-INF/jsp/base/common_js.jsp"%>

<script type="text/javascript">
//采购单保存
function yycgdsave(){
    //由form被多个功能公用，每次操作设置form的url
    $("#yycgdsaveForm").attr("action","${baseurl}cgd/editcgdsubmit.action");
    jquerySubByFId(‘yycgdsaveForm‘, yycgdsave_callback, null);
}

function yycgdsave_callback(data) {
    var result = getCallbackData(data);
    _alert(result);
}


//采购单提交
function yycgdsubmit(){
    _confirm(‘提交后采购单将不允许修改，是否继续?‘,null,
              function(){
        $("#yycgdsaveForm").attr("action","${baseurl}cgd/submitYycgd.action");
        jquerySubByFId(‘yycgdsaveForm‘, yycgdsubmit_callback, null);
     }
   );
    
}
//采购单提交回调
function yycgdsubmit_callback(data) {
    var result = getCallbackData(data);
    _alert(result);
    //提交成功再刷新本页面,提交按钮就不显示
    if(result.type==TYPE_RESULT_SUCCESS){
        //重新再次跳转到修改页面，页面上的提交按钮、添加、删除的控制就不显示了。
        window.location="${baseurl}cgd/editcgd.action?id=${yycgd.id}";
    }
    
}

//采购单明细列表的工具栏
//采购药品添加
function yycgdmxaddshow(){
    var sendUrl="${baseurl}cgd/queryaddyycgdmx.action?yycgdid=${yycgd.id}";
    createmodalwindow("采购药品添加", 1124, 500, sendUrl);
}
//采购药品删除
function yycgdmxdelete(){
    _confirm(‘您确定要删除选择的采购药品吗?‘,null,
              function(){
                        
                var indexs = [];//选择记录的序号
                var rows = $(‘#yycgdmxlist‘).datagrid(‘getSelections‘);
                for(var i=0;i<rows.length;i++){
                    var index=$(‘#yycgdmxlist‘).datagrid(‘getRowIndex‘,rows[i]);
                    indexs.push(index);
                }
                if(rows.length>0){
                    $("#indexs").val(indexs.join(‘,‘));
                    //由于删除和保存对同一个form进行操作，所以这里给yycgdmxForm的action重新赋值
                    $("#yycgdmxForm").attr("action",‘${baseurl}cgd/yycgdmxdelsubmit.action‘);
                    jquerySubByFId(‘yycgdmxForm‘, yycgdmxdelete_callback, null);
                }else{
                    alert_warn("请选择要删除的采购药品");
                }
              }
            )
}
function yycgdmxdelete_callback(data) {
    var result = getCallbackData(data);
    _alert(result);
    yycgdmxquery();
}
//保存采购药品信息
function yycgdmxsave(){
    _confirm(‘您确定要保存选择的采购药品吗?‘,null,
              function(){
                        
                var indexs = [];//选择记录的序号
                var rows = $(‘#yycgdmxlist‘).datagrid(‘getSelections‘);
                for(var i=0;i<rows.length;i++){
                    var index=$(‘#yycgdmxlist‘).datagrid(‘getRowIndex‘,rows[i]);
                    indexs.push(index);
                }
                if(rows.length>0){
                    $("#indexs").val(indexs.join(‘,‘));
                    //由于保存和删除对同一个form进行操作，所以这里给yycgdmxForm的action重新赋值
                    $("#yycgdmxForm").attr("action",‘${baseurl}cgd/savecgl.action‘);
                    jquerySubByFId(‘yycgdmxForm‘,yycgdmxsave_callback, null);
                }else{
                    alert_warn("请选择要保存的采购药品");
                }
              }
            )
}
function yycgdmxsave_callback(data){
    var result = getCallbackData(data);
    _alert(result);
    yycgdmxquery();
}
var toolbar=[];
//如果采购单未提交或审核不通过显示此下操作按钮

toolbar = [{
    id : ‘yycgdmxaddshow‘,
    text : ‘采购药品添加‘,
    iconCls : ‘icon-add‘,
    handler : yycgdmxaddshow
    }
    ,{
        id : ‘yycgdmxdelete‘,
        text : ‘采购药品删除‘,
        iconCls : ‘icon-add‘,
        handler : yycgdmxdelete
    }
    ,{
        id : ‘yycgdmxsave‘,
        text : ‘保存采购药品信息‘,
        iconCls : ‘icon-add‘,
        handler : yycgdmxsave
    }
    ];

//采购单明细列表的列定义

var columns = [ [{
    checkbox:true
},{
    field : ‘useryymc‘,
    title : ‘医院‘,
    width : 100 /* ,
    formatter:function (value,row,index){
        //如果从json中取不出useryymc则显示成总计两个字
        if(value){
            return value;
        }else{
            return "总计";
        }
    }   */
},{
    field : ‘ypxxid‘,
    hidden : true,
    formatter: function(value,row,index){
        if(value){//因为有总计行，而总计行中id的值为null，所以这里需要添加判断，不为空则生成hidden
            return ‘<input type="hidden" name="yycgdmxs[‘+index+‘].ypxxid" value="http://www.mamicode.com/‘+value+‘" />‘;
        }
        
    }
},{ 
    field : ‘bm‘,
    title : ‘流水号‘,
    width : 50
    
},{
    field : ‘mc‘,
    title : ‘通用名‘,
    width : 100
},{
    field : ‘jx‘,
    title : ‘剂型‘,
    width : 70
},{
    field : ‘gg‘,
    title : ‘规格‘,
    width : 70
},{
    field : ‘zhxs‘,
    title : ‘转换系数‘,
    width : 50
},{
    field : ‘zbjg‘,
    title : ‘中标价‘,
    width : 50
},{
    field : ‘jyztmc‘,
    title : ‘交易状态‘,
    width : 50
},{
    field : ‘jyjg‘,
    title : ‘交易价‘,
    width : 50
},{
    field : ‘cgl‘,
    title : ‘采购量‘,
    width : 50,
    formatter:function(value,row,index){
        /* if(row.ypxxid){//如果有药品信息id表示不是总计行
            return ‘<input type="text" name="yycgdmxs[‘+index+‘].cgl" value="http://www.mamicode.com/‘+(value?value:"")+‘" />‘;
        }else{
            return value;
        } */
        return ‘<input type="text" name="yycgdmxs[‘+index+‘].cgl" value="http://www.mamicode.com/‘+(value?value:"")+‘" />‘;  
    }
},{
    field : ‘cgje‘,
    title : ‘采购金额‘,
    width : 50
},{
    field : ‘scqymc‘,
    title : ‘生产企业‘,
    width : 100
},{
    field : ‘spmc‘,
    title : ‘商品名称‘,
    width : 100
},{
    field : ‘cgztmc‘,
    title : ‘采购状态‘,
    width : 80
},{
    field : ‘usergysmc‘,
    title : ‘供货商‘,
    width : 100
}]];

//加载datagrid（采购单明细列表）
     $(function() {
        $(‘#yycgdmxlist‘).datagrid({
            title : ‘采购药品列表‘,
            showFooter:true,//是否显示总计行
            striped : true,
            url : ‘${baseurl}cgd/queryYycgdmx_result.action‘,//这里边后边带了一个参数，所以form中不需要此参数yycgdid
            queryParams:{//url的参数，初始加载datagrid时使用的参数
                id:‘${yycgd.id}‘//yycgdid是参数名称，如果参数名称中间有点，将参数用单引号括起来
            }, 
            idField : ‘yycgdmxid‘,//采购药品明细id
            //frozenColumns : frozenColumns,
            columns : columns,
            pagination : true,
            rownumbers : true,
            showFooter:true,//显示总计
            toolbar : toolbar,
            loadMsg:"",
            pageList:[15,30,50,100]
            } );
    }); 

//采购药品明细查询方法
function yycgdmxquery(){
    var formdata = $("#yycgdmxForm").serializeJson();
    //alert(formdata);
    $(‘#yycgdmxlist‘).datagrid(‘unselectAll‘);//取所有选中，避免重新load保留选中状态
    $(‘#yycgdmxlist‘).datagrid(‘load‘, formdata);
}
</script>
</HEAD>
<BODY>
<!-- 采购单主信息保存form -->
<form id="yycgdsaveForm" name="yycgdsaveForm" action="${baseurl}cgd/yycgdeditsubmit.action" method="post">
<input type="hidden" name="id" value="${yycgd.id}"/>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="70%" bgColor=#c4d8ed align=center>
        <TBODY>
            <TR>
                <TD background=images/r_0.gif width="100%">
                    <TABLE cellSpacing=0 cellPadding=0 width="100%">
                        <TBODY>
                            <TR>
                                <TD>&nbsp;药品采购单</TD>
                                <TD align=right>&nbsp;</TD>
                            </TR>
                        </TBODY>
                    </TABLE>
                </TD>
            </TR>
            <TR>
                <TD>
                    <TABLE class="toptable grid" border=1 cellSpacing=1 cellPadding=4
                        align=center>
                        <TBODY>
                            
                            <TR>
                                <TD height=30 width="15%" align=right>采购单编号：</TD>
                                <TD class=category width="35%">
                                ${yycgd.bm}
                                </TD>
                                <TD height=30 width="15%" align=right >采购单名称：</TD>
                                <TD class=category width="35%">
                                <div>
                                <input type="text" id="yycgd_mc" name="yycgdCustom.mc" value="${yycgd.mc}"  style="width:260px" />

                                </div>
                                <div id="yycgd_mcTip"></div>
                                </TD>
                            </TR>
                            <TR>
                               <TD height=30 width="15%" align=right >建单时间：</TD>
                                <TD class=category width="35%">
                                    <fmt:formatDate value="${yycgd.cjtime}" pattern="yyyy-MM-dd"/>
                                </TD>
                                <TD height=30 width="15%" align=right >提交时间：</TD>
                                <TD class=category width="35%">
                                <fmt:formatDate value="${yycgd.tjtime}" pattern="yyyy-MM-dd"/>
                                </TD>
                                
                            </TR>
                            <TR>
                                <TD height=30 width="15%" align=right>联系人：</TD>
                                <TD class=category width="35%">
                                <input type="text" name="yycgdCustom.lxr" id="yycgd.lxr" value="${yycgd.lxr}"  style="width:260px" />
                                </TD>
                                <TD height=30 width="15%" align=right >联系电话：</TD>
                                <TD class=category width="35%">
                                <input type="text" name="yycgdCustom.lxdh" id="yycgd.lxdh" value="${yycgd.lxdh}"  style="width:260px" />
                                </TD>
                            </TR>
                            <TR>
                                <TD height=30 width="15%" align=right>采购单状态：</TD>
                                <TD class=category width="35%">
                                ${yycgd.yycgdztmc}
                                </TD>
                                <TD height=30 width="15%" align=right>备注：</TD>
                                <TD colspan=3>
                                    <textarea rows="2" cols="30" name="yycgdCustom.bz">${yycgd.bz}</textarea>
                                </TD>
                            </TR>
                            
                            <TR>
                                <TD height=30 width="15%" align=right>审核时间：</TD>
                                <TD class=category width="35%">
                                <fmt:formatDate value="${yycgd.shtime}" pattern="yyyy-MM-dd"/>
                                </TD>
                                <TD height=30 width="15%" align=right >审核意见：</TD>
                                <TD class=category width="35%">
                                ${yycgd.shyj}
                                </TD>
                            </TR>
                            
                            <tr>
                              <td colspan=4 align=center class=category>
                                <a  href="#" onclick="yycgdsave()" class="easyui-linkbutton" iconCls=‘icon-save‘>保存</a>
                                <!-- 采购单状态为1：未提交、或、4：审核不通过显示提交 -->
                                <c:if test="${yycgd.zt ==‘1‘ or yycgd.zt==‘4‘}">
                                     <a  href="#" onclick="yycgdsubmit()" class="easyui-linkbutton" iconCls=‘icon-save‘>提交</a>
                                </c:if>
                              </td>
                            </tr>
                        </TBODY>
                    </TABLE>
                </TD>
            </TR>
        </TBODY>
    </TABLE>
</form>
<!-- 采购单主信息保存form -->

<!-- 采购单明细信息 -->
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#c4d8ed>
        <TBODY>
            <TR>
                <TD background=images/r_0.gif width="100%">
                    <TABLE cellSpacing=0 cellPadding=0 width="100%">
                        <TBODY>
                            <TR>
                                <TD>&nbsp;采购药品列表</TD>
                                <TD align=right>&nbsp;</TD>
                            </TR>
                        </TBODY>
                    </TABLE>
                </TD>
            </TR>
        </TBODY>
    </TABLE>
    
    
    <!-- 采购单明细查询form -->
    <form id="yycgdmxForm" name="yycgdmxForm" method="post" >
    <input type="hidden" name="indexs" id="indexs" />
    <!-- 采购单id -->
    <input type="hidden" name="id" value="${yycgd.id}"/>
            <TABLE  class="table_search">
                <TBODY>
                    <TR>
                        
                        <TD class="left">通用名：</td>
                        <td><INPUT type="text"  name="ypxxCustom.mc" /></TD>
                        <TD class="left">剂型：</TD>
                        <td ><INPUT type="text" name="ypxxCustom.jx" /></td>
                        <TD class="left">规格：</TD>
                        <td ><INPUT type="text" name="ypxxCustom.gg" /></td>
                        <TD class="left">转换系数：</TD>
                        <td ><INPUT type="text" name="ypxxCustom.zhxs" /></td>
                    </TR>
                    <TR>
                        <TD class="left">流水号：</TD>
                        <td ><INPUT type="text" name="ypxxCustom.bm" /></td>
                        <TD class="left">生产企业：</TD>
                        <td ><INPUT type="text" name="ypxxCustom.scqymc" /></td>
                        <TD class="left">商品名称：</TD>
                        <td ><INPUT type="text" name="ypxxCustom.spmc" /></td>
                         <td class="left">价格范围：</td>
                          <td>
                              <INPUT id="ypxxCustom.zbjglower" name="ypxxCustom.zbjglower" style="width:70px"/>
                            至
                            <INPUT id="ypxxCustom.zbjgupper" name="ypxxCustom.zbjgupper" style="width:70px"/>
                            
                          </td>
                    </tr>
                    <tr>
                      
                        <TD class="left">药品类别：</TD>
                        <td >
                            <!-- 药品类别从数据字典中取id作为页面传入action的value -->
                            <select id="ypxxCustom.lb" name="ypxxCustom.lb" style="width:150px">
                                <option value="">全部</option>
                                <c:forEach items="${lblist}" var="value">
                                    <option value="${value.id}">${value.info}</option>
                                </c:forEach>
                            </select>
                        </td>
                        <TD class="left">交易状态：</TD>
                        <td >
                            <!-- 交易状态从数据字典中取出dictcode作为页面传入action的value -->
                            <select id="ypxxCustom.jyzt" name="ypxxCustom.jyzt" style="width:150px">
                                <option value="">全部</option>
                                <c:forEach items="${jyztlist}" var="value">
                                    <option value="${value.dictcode}">${value.info}</option>
                                </c:forEach>
                            </select>
                            
                        </td>
                        <TD class="left">采购状态：</TD>
                        <td >
                           
                            <select id="yycgdmxCustom.cgzt" name="yycgdmxCustom.cgzt" style="width:150px">
                                <option value="">全部</option>
                                <c:forEach items="${cgztlist}" var="value">
                                    <option value="${value.dictcode}">${value.info}</option>
                                </c:forEach>
                            </select>
                            
                        </td>
                         

                          <td colspan=2>
                          
                        <a id="btn" href="#" onclick="yycgdmxquery()" class="easyui-linkbutton" iconCls=‘icon-search‘>查询</a>
                          </td>
                        
                    </TR>
                    
                </TBODY>
            </TABLE>
       
       <!-- 采购明细列表 -->
        <TABLE border=0 cellSpacing=0 cellPadding=0 width="99%" align=center>
            <TBODY>
                <TR>
                    <TD>
                    <!-- 采购单明细列表 -->
                        <table id="yycgdmxlist"></table>
                    </TD>
                </TR>
            </TBODY>
        </TABLE>
    </form>



</BODY>
</HTML>

 

当我们点击保存之后。进入到

//采购单保存
function yycgdsave(){
    //由form被多个功能公用，每次操作设置form的url
    $("#yycgdsaveForm").attr("action","${baseurl}cgd/editcgdsubmit.action");
    jquerySubByFId(‘yycgdsaveForm‘, yycgdsave_callback, null);
}

 

然后我们看是提交的editcgdsubmit.action。

然后我们看Action层里面的函数：

    // 采购单修改提交
    @RequestMapping("/editcgdsubmit")
    public @ResponseBody
    SubmitResultInfo editcgdsubmit(String id, YycgdQueryVo yycgdQueryVo)
            throws Exception {
        // 执行修改操作
        cgdService.updateYycgd(id, yycgdQueryVo.getYycgdCustom());

        return ResultUtil.createSubmitResult(ResultUtil.createSuccess(
                Config.MESSAGE, 906, null));
    }

我们看到这里的重点是：

  cgdService.updateYycgd(id, yycgdQueryVo.getYycgdCustom());
我们具体看这个函数：

    @Override
    public void updateYycgd(String id, YycgdCustom yycgdCustom)
            throws Exception {
        // 从采购单id中获取年份
        String year = id.substring(0, 4);
        // 从数据库查询采购单信息
        YycgdCustom yycgdCustom_old = this.findYycgdById(id);
        // 向对象设置修改的值
        yycgdCustom_old.setLxr(yycgdCustom.getLxr());
        yycgdCustom_old.setLxdh(yycgdCustom.getLxdh());
        yycgdCustom_old.setMc(yycgdCustom.getMc());
        yycgdCustom_old.setBz(yycgdCustom.getBz());// 备注信息
        // 设置年份
        yycgdCustom_old.setBusinessyear(year);
        yycgdMapper.updateByPrimaryKey(yycgdCustom_old);

    }

 

 

  调试：

技术分享

 

 然后在数据库中有数据：

技术分享

然后我们在之前的页面上修改吧3344888改为

技术分享

 

 点击保存之后。在数据库里面查看数据：

技术分享

 

 说明保存成功了。调试成功。

 

041医疗项目-模块四：采购单模块—采购单创建好之后跳转到采购单修改页面，然后实现修改采购单功能


联系
我们