un9.9:实现上报及上报状态修改功能。

左手的ㄟ右手 2023-10-11 18:24 90阅读 0赞

项目中，我们经常会遇到上报数据的功能，今天小编就和大家从数据库到后端，再从后端到前端页面，一起实现这一功能。

逻辑：首先我需要查询表中的数据，查询到后再进行修改，修改的同时，状态也会修改。

一、我们首先设计数据库，命名规范，命名字段这些我就不多说了，只截取这一部分字段。

![9cf4fa9888fc4989b54ca52d8fde5d2e.png][]

二、dao层写修改状态的接口。

/**
    	 * @Description 更新上报状态
    	 * @param
    	 * @return
    	 * @Author ying.wang1
    	 * @Date 2022年03月14日 上午11:07:16
    	 */
    	int updateReportStatusByBusIds(@Param("reportStatus")int reportStatus, @Param("list") List<String> list);

三、mapper层写sql。

1、添加字段。

2、sql上添加字段，我没写全部的字段，只写了部分。

<sql id="Base_Column_List" >
    		modifyTime,claimTypeId
    		orgCode, isDelete, createrId, createrName, createTime, modifierId, modifierName,
    		modifyTime,claimTypeId, reportStatus
    	</sql>

3、查询条件添加字段。

<select id="queryDsDetailList" resultType="com.pcitc.slms.ds.system.dto.DsDetailDto" parameterType="java.util.Map" >
    		select
    		dsd.dsDetailId,
    		dsd.endCaseReduce,
    		dsd.createTime,
    		dsd.reportStatus,
    		group_concat(DISTINCT dsl.lawyerName) as lawyerNames,
    		group_concat(DISTINCT CASE WHEN  dsp.legalStatus = 1 THEN dsp.partyName  END) as sourceMan,
    		LEFT JOIN ds_party dsp  on dsd.dsDetailId = dsp.dsDetailId and dsp.isDelete = 0
    		where dsd.isDelete = 0
    <if test="disputesBeginTime != null and disputesBeginTime != ''">
    			and dsd.disputesBeginTime >= #{disputesBeginTime,jdbcType=TIMESTAMP}
    		</if>
    		<if test="disputesEndTime != null and disputesEndTime != ''">
    			and dsd.disputesBeginTime <= #{disputesEndTime,jdbcType=TIMESTAMP}
    		</if>
    		<if test="reportStatus != null and reportStatus != ''">
    			and dsd.reportStatus = #{reportStatus,jdbcType=VARCHAR}
    		</if>
    		GROUP BY dsd.dsDetailId
    		order by createTime desc

4、更新上报信息（对应刚才dao的接口）。

<update id="updateReportStatusByBusIds" parameterType="com.pcitc.slms.ds.system.entity.DsDetail" >
    		update ds_detail
    		<set >
    			<if test="reportStatus != null" >
    				reportStatus = #{reportStatus,jdbcType=VARCHAR},
    			</if>
    		</set>
    		where dsDetailId in
    		<foreach collection="list" index="index" item="id" separator="," close=")" open="(">
    			#{id}
    		</foreach>
    	</update>

四、service接口。

/**
    	 * @Description 上报纠纷信息
    	 * @param
    	 * @return
    	 * @Author ying.wang1
    	 * @Date 2022年03月14日 上午09:18:47
    	 */
    	boolean disputeUp(List<String> ids);

五、Impl实现。

@Override
    	@Transactional(rollbackFor = Exception.class)
    	public boolean disputeUp(List<String> ids) {
    		DsDetailDto disputeList = new DsDetailDto();
    		//调用成功后将状态改为上报成功
    		int num = dsDetailDao.updateReportStatusByBusIds(1,ids);
    		if(num > 0){
    			return true;
    		}else{
    			return false;
    		}
    	}

六、controller接口。

/**上报纠纷信息
    	* @param [ids]
    	* @author t-aiai.gao
    	* @date 2022/9/9 14:20
    	* @return com.pcitc.slms.common.dto.ResultInfoDTO<java.lang.Boolean>
    	**/
    	@RequestMapping(value = "/disputeUp", method = RequestMethod.POST)
    	public ResultInfoDTO<Boolean> disputeUp(@RequestBody List<String> ids){
    		ResultInfoDTO<Boolean> infoDTO = new ResultInfoDTO<Boolean>();
    		if(CollectionUtils.isNotEmpty(ids)){
    			log.info("上报纠纷信息开始===================>");
    			boolean result = dsDetailService.disputeUp(ids);
    			infoDTO.setReturnValue(true);
    			infoDTO.setData(result);
    			infoDTO.setMsg("上报纠纷信息成功！");
    			log.info("上报纠纷信息结束====================>");
    		}
    		return infoDTO;
    	}

七、前端页面之html。

八、前端页面之js。

1、点击上报。

//点击上报
    function upData() {
        var checkVal = $("input[name='choseUp']:checked").val();
        var choseYesIds = $("#ds-up-list").jqGrid('getGridParam', 'selarrrow');
        console.log(choseYesIds)
        var allIds = $("#ds-up-list").getDataIDs();
        //已选中；未选中
        if(checkVal == 1){
            if(choseYesIds.length <= 0) {
                layer.confirm("请至少选中一条数据！", {
                        icon: 2,
                        title: '提示'
                    },
                    function (e) {
                        layer.close(e);
                    });
            }else{
                disputeUp(choseYesIds)
            }
        }else if(checkVal == 0){
            var choseNoIds = allIds.filter(function (val) { return !(choseYesIds.indexOf(val) > -1) })
                .concat(choseYesIds.filter(function (val) { return !(allIds.indexOf(val) > -1) }))
            disputeUp(choseNoIds)
        }
    }

2、调用接口。

//调用上报后台接口
    function disputeUp(ids) {
        if(ids.length > 0){
            layer.confirm("确定上报？", {
                    icon: 3,
                    title: '提示'
                },
                function () {
            $.ajax({
                type: "POST",
                contentType: "application/json",
                url: "/请求名称/请求路径/请求方法",
                dataType: "json",
                data: JSON.stringify(ids),
                success: function (data) {
                    if (data && data.returnValue) {
                        layer.msg("上报成功", {time: 1500, icon: 1}, function () {
                            刷新本表
                        });
                    } else {
                        layer.msg(data.msg, {time: 2000, icon: 2}, function () {
                            刷新另一个表
                        });
                    }
                },
                error: function () {
                    layer.msg("上报异常", {time: 2000, icon: 2}, function () {
                        刷新本表
                    });
                },
            });
        });
        }else{
            layer.confirm("请至少选中一条数据！", {
                    icon: 2,
                    title: '提示'
                },
                function (e) {
                    layer.close(e);
                });
        }
    
    }

如此，便能实现上报功能了。

[9cf4fa9888fc4989b54ca52d8fde5d2e.png]: https://img-blog.csdnimg.cn/9cf4fa9888fc4989b54ca52d8fde5d2e.png