1. Forma anidada de diálogo, hay múltiples selecciones disponibles y los datos seleccionados múltiples se transmiten al backend
Requisito: haga clic en el botón, aparecerá una ventana emergente para mostrar los datos.Después de que el usuario verifique algunos datos, haga clic en el botón Aceptar para transmitir los datos al backend
El método llamado después de hacer clic en el botón: abrir la ventana emergente de diálogo y mostrar los datos
jk(){
this.dialog3.FormVisibleJkAndDf=true;this.dialog3.Status="A";//查询数据
let pxbid =this.$route.query.pxbid;
let page =1;
let rows =30;
let jk ="1";staffJkandDfList({
pxbid: pxbid, page: page, rows: rows, jk: jk }).then((res)=>{
this.tableData = res.data.map.data.list;});},
Después de que el backend recibe los parámetros, debe convertirse en una matriz jsonArray
@PostMapping("updateStaffList")publicResultVOupdateStaffList(@RequestBodyMap map){
String flag =(String) map.get("flag");String list =(String) map.get("updateRyList");JSONArray picArray =JSONArray.parseArray(list);//将json格式的字符串转化为JsonArray数组//随后进行业务操作}
2. El formulario anidado del diálogo se puede editar y todos los datos se transmitirán al backend después de la edición.
Requisito: haga clic en el botón, aparecerá una ventana emergente para mostrar los datos.Después de que el usuario complete los datos, haga clic en el botón Aceptar para transmitir los datos al backend
El método llamado después de hacer clic en el botón: abre la ventana emergente del cuadro de diálogo, muestra los datos y se puede editar la columna de puntuación
df(){
this.dialog4.FormVisibleDf=true;this.dialog4.Status="U";//查询人员信息数据
let pxbid =this.$route.query.pxbid;
let page =1;
let rows =30;
let df ="1";staffJkandDfList({
pxbid: pxbid, page: page, rows: rows, df: df }).then((res)=>{
this.tableData = res.data.map.data.list;});}