JAVA批量审批怎么写,Vue实现表格批量审核功能实例代码

本文实例为大家分享了Vue实现表格批量审核功能的具体代码，供大家参考，具体内容如下

1 前端部分

效果如下图所示：

1.1 html部分

批量审核

取消选择

代码说明：

1)为table添加属性

@selection-change="selsChange" @row-click="handleChange"

2)添加一列 指定type为selection，表示该表格可选择

3)当没有选择服务时，按钮不可选；

:disabled="this.sels.length === 0"

1.2 js部分

export default {

data () {

return {

sels:[],

methods: {

selsChange(sels) {

this.sels = sels

},

handleChange(row, event, column) {

this.$refs.multipleTable.toggleRowSelection(row)

},

auditServer () {

var servids = this.sels.map(item => item.servid).join(",")

var params = {

serverIds:servids

}

debugger

auditServer(params).then(

function (res) {

debugger

if(res.code === 200){

this.$message({

message: res.data,

type: 'success'

})

this.dialogFormVisible = false

}else{

this.$message({

message: '错误信息：'+res.message,

type: 'error'

});

}

this.loadData()

}.bind(this)

)

},

toggleSelection(){

this.$refs.multipleTable.clearSelection();

}

}

}

2 后端部分

2.1 mapper.xml

批量修改的Mybatis实现方式，注意sql语句的书写

update sdcp_serv

SET ISAUDITED ='1'

where servid in

separator="," open="(" close=")">

#{item,jdbcType=VARCHAR}

2.2 mapper.java(对应的接口)

int auditServers(List servids);

2.3 controller

/**

* @Description: 批量审核服务信息

* @param @param map

* @param @return

* @param @throws Exception 参数

* @return Object 返回类型

*/

@RequestMapping(value = "/auditServers", method = RequestMethod.POST)

public Object auditServers(@RequestBody Map map) throws Exception {

if (map.get("serverIds")!=null){

String serverIds = (String) map.get("serverIds");

List ids = Arrays.asList(serverIds.split(","));

apiServerMapper.auditServers(ids);

}

return ResponseData.success("服务信息修改成功");

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章: