勾选左边的数据,然后传递到右边

img

img

img


左边的数据勾选以后,点认领 然后渲染到右边,点认领的时候要传递一个id和adminSubCode,我在点击认领方法那卡住了,写不出来了家人们!

去遍历列表,然后找到勾选的,将其作为参数重新发请求获取数据,重新渲染

element-ui里面有穿梭框,可以去看看

这个应该是for循环出来的吧
例如左侧数据为left_list
新增一右侧数据right_list,并和左侧数据一样for循环,点击左侧数据时获取点击的index,将left_list[index]的数据放到右侧数据里,并删除左侧此数据,这样左侧点击后,左侧此点击数据消失,右侧显示

做这个事情,你需要做2个步骤:

  1. 右边的显示和左边的是一样的呀,拷贝一份就可以了。只是传入的数据不一样。
  2. 点击认领后网右边对应的数据里边加一条就行了。
//假设左边显示对应的数据是
let zuo = [{id:1,hangye:"IT",fuzeren:"你",tel:"123"},{id:2,hangye:"医疗",fuzeren:"我",tel:"234"},{id:3,hangye:"建筑",fuzeren:"他",tel:"456"}];
let you = [];//假设右边一开始是空的
//这时候选中了第一个并点击了认领,
function claimclick(id){
//这个时候有里边就有了你点击的这个数据了,
  you.push(zuo.find(v=>{return v.id===id}));
}


左边选中之后把整个数据放到右侧的数组中

例如:

// 步骤1
// 声明左侧数据和右侧数据
// 左侧数据
const leftArr = [
    {
        id: 1,
        name: 'name1'
    },
    {
        id: 2,
        name: 'name2'
    }
]
const rightArr = []
// 步骤2
// 左侧的选中id为1的数据
// 这时左侧数据和右侧数据如下
const leftArr = [
    {
        id: 2,
        name: 'name2'
    }
]

const rightArr = [
    {
        id: 1,
        name: 'name1'
    },
]