西安网站开发培训多少钱,百度网站建设费用多少知乎,做好我局门户网站建设工作,万网网站加速有一个业务场景#xff1a;把一个单位的某个岗位的人#xff0c;从某某市A岗位调离出来后#xff0c;又拖拽回去#xff0c;如果是回到某某市A岗位#xff0c;则没有变化#xff0c;若是换了岗位#xff0c;则会把色块变成红色#xff0c;表示岗位的变化。 方法一… 有一个业务场景把一个单位的某个岗位的人从某某市A岗位调离出来后又拖拽回去如果是回到某某市A岗位则没有变化若是换了岗位则会把色块变成红色表示岗位的变化。 方法一首先思考的是拿到拖拽这个人的index下标但是分页的话还要单独的处理再判断拖拽回去的下标如果下标一志则表示回到了原岗位。但是会有一个弊端若是我一次性拖拽了多个人如何处理他原来的下标可以通过岗位ID也就是拖拽的时候把岗位ID带到拖拽的数据里面拖回去的时候对岗位ID进行判断。
方法二在我们点击查看详情的时候就把人员ID存在一个数组里面。 定义一个cValue.rootCardersId[]在遍历的时候把人员IDpush进数组。 arr.forEach(cValue {cValue.rootCardersId[]cValue.SimuCadres.forEach((ccValue, index) {ccValue.isActive false;ccValue._index index;ccValue.isRoot true;cValue.rootCardersId.push(ccValue.cid)});}); 在拖拽里面写一个逻辑遍历拖拽行的干部ID数组进行一个判断如果id与拖入的干部id一样的话就给拖入的这个人一个isRoot。 // 拖入的人来自本岗位则为true不显示红色底色不为本岗位则显示红色let isExictfalse;draggedItem.rootCardersId.map(item{if(iteme.item._underlying_vm_.CadreID){isExicttrue;}})e.item._underlying_vm_.isRootisExict?true:false
通过isROOT来动态绑定一个class
span :class{ gangweibiandong: !citem.isRoot }{{ citem.xm }}/span.gangweibiandong{background: rgb(182, 66, 74);color: #fff;}
