yiyun-fe
/
yiyunjianzhu-vue
4
0
Fork 0
Koodi Pull-pyynnöt 0 Julkaisut 0 Toiminta
Selaa lähdekoodia

通讯录显示代码修改

master
kim131 4 vuotta sitten
vanhempi
41e1e84e2a
commit
3d2e838f5e
1 muutettua tiedostoa jossa 45 lisäystä ja 37 poistoa
Yhdistetty näkymä
Diff Options
Show Stats Download Patch File Download Diff File
  1. +45
    -37
      src/views/components_web/newProj/newProj.vue

+ 45
- 37
src/views/components_web/newProj/newProj.vue Näytä tiedosto

@@ -162,7 +162,7 @@
<!-- 默认添加 --> <!-- 默认添加 -->
<div > <div >
<div class="avtarface" :title="currUser.userName"> <div class="avtarface" :title="currUser.userName">
<img src="" v-lazy="headSrc+currUser.headImgUrl"/>
<img src="" v-lazy="headSrc+currUser.HeadImgUrl"/>
</div> </div>
<span class="Text_tiny tinyText_wirte">{{currUser.userName}}</span> <span class="Text_tiny tinyText_wirte">{{currUser.userName}}</span>
</div> </div>
@@ -181,7 +181,7 @@
<div class="avtarface" :title="user.userName"> <div class="avtarface" :title="user.userName">
<img src="" v-lazy="headSrc+user.headImgUrl" /> <img src="" v-lazy="headSrc+user.headImgUrl" />
</div> </div>
<span class="Text_tiny tinyText_wirte">{{user.userName}}</span>
<span class="Text_tiny tinyText_wirte">{{user.cnName}}</span>
</div> </div>
</li> </li>
</ul> </ul>
@@ -327,7 +327,9 @@
</span> --> </span> -->
<span class="btnlabelTitle">{{dept.deptName}} </span> <span class="btnlabelTitle">{{dept.deptName}} </span>
</template> </template>
<div class="user_info_item" v-for="(user,index) in listUserManager(dept.listUser)" :label="user"
<!-- <div class="user_info_item" v-for="(user,index) in listManagerComputed(dept.listUser)" :label="user"
:key="index"> -->
<div class="user_info_item" v-for="(user,index) in (dept.listUser)" :label="user"
:key="index"> :key="index">
<el-checkbox class="checkBoxCol" v-model="user.selected" @change="handleCheckedOnlyOne(group_index,user,$event)" <el-checkbox class="checkBoxCol" v-model="user.selected" @change="handleCheckedOnlyOne(group_index,user,$event)"
:disabled="disabled"> :disabled="disabled">
@@ -361,13 +363,17 @@
<span>工作负责人</span> <span>工作负责人</span>
<div class="yiyun_line"></div> <div class="yiyun_line"></div>
<!-- 项目负责人选择前 isSlectPal --> <!-- 项目负责人选择前 isSlectPal -->
<div class="main_workerBox" v-if="listManagerComputed(selectedUser).length == 0">
<!-- <div class="main_workerBox" v-if="listManagerComputed(selectedUser).length == 0"> -->
<div class="main_workerBox" v-if="(selectedUser).length == 0">
<i class="icon font_family icon-icon_huangguan-weijihuo largehuangguan"></i> <i class="icon font_family icon-icon_huangguan-weijihuo largehuangguan"></i>
<div class="rentou_alrge"></div> <div class="rentou_alrge"></div>
</div> </div>
<!-- 项目负责人选择后 --> <!-- 项目负责人选择后 -->
<div v-if="listManagerComputed(selectedUser).length != 0">
<div class="user_info_item mainpeople_H" v-for="(user,index) in listManagerComputed(selectedUser)"
<!-- <div v-if="listManagerComputed(selectedUser).length != 0"> -->
<div v-if="(selectedUser).length != 0">
<!-- <div class="user_info_item mainpeople_H" v-for="(user,index) in listManagerComputed(selectedUser)"
:key="index"> -->
<div class="user_info_item mainpeople_H" v-for="(user,index) in (selectedUser)"
:key="index"> :key="index">
<i class="icon font_family icon-icon_huangguan-jihuo middlehuangguan fl" title="负责人"></i> <i class="icon font_family icon-icon_huangguan-jihuo middlehuangguan fl" title="负责人"></i>
<img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg"> <img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg">
@@ -455,7 +461,9 @@
</span> </span>
<span class="btnlabelTitle">{{dept.deptName}} </span> <span class="btnlabelTitle">{{dept.deptName}} </span>
</template> </template>
<div class="user_info_item" v-for="(user,index) in listUserComputed(dept.listUser)" :label="user"
<!-- <div class="user_info_item" v-for="(user,index) in listUserComputed(dept.listUser)" :label="user"
:key="index"> -->
<div class="user_info_item" v-for="(user,index) in (dept.listUser)" :label="user"
:key="index"> :key="index">
<el-checkbox class="checkBoxCol" v-model="user.disabled" @change="handleCheckedOne(group_index,user,$event)" <el-checkbox class="checkBoxCol" v-model="user.disabled" @change="handleCheckedOne(group_index,user,$event)"
:disabled="disabled"> :disabled="disabled">
@@ -489,17 +497,20 @@
<span>工作负责人</span> <span>工作负责人</span>
<div class="yiyun_line"></div> <div class="yiyun_line"></div>
<!-- 项目负责人选择前 --> <!-- 项目负责人选择前 -->
<div class="main_workerBox" v-if="listManagerComputed(selectedUser).length == 0">
<!-- <div class="main_workerBox" v-if="listManagerComputed(selectedUser).length == 0"> -->
<div class="main_workerBox" v-if="(selectedUser).length == 0">
<i class="icon font_family icon-icon_huangguan-weijihuo largehuangguan"></i> <i class="icon font_family icon-icon_huangguan-weijihuo largehuangguan"></i>
<div class="rentou_alrge"></div> <div class="rentou_alrge"></div>
</div> </div>
<!-- 项目负责人选择后 --> <!-- 项目负责人选择后 -->
<div v-if="listManagerComputed(selectedUser).length != 0"> <div v-if="listManagerComputed(selectedUser).length != 0">
<div class="user_info_item mainpeople_H" v-for="(user,index) in listManagerComputed(selectedUser)"
<!-- <div class="user_info_item mainpeople_H" v-for="(user,index) in listManagerComputed(selectedUser)"
:key="index"> -->
<div class="user_info_item mainpeople_H" v-for="(user,index) in (selectedUser)"
:key="index"> :key="index">
<i class="icon font_family icon-icon_huangguan-jihuo middlehuangguan fl" title="负责人"></i> <i class="icon font_family icon-icon_huangguan-jihuo middlehuangguan fl" title="负责人"></i>
<img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg"> <img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg">
<span class="user_info_name">{{user.userName}}</span>
<span class="user_info_name">{{user.cnName}}</span>
<el-popover placement="bottom-start" width="180" trigger="hover"> <el-popover placement="bottom-start" width="180" trigger="hover">
<ul class="popover_ul popover_ul"> <ul class="popover_ul popover_ul">
<li><a href="javascript:;">{{user.roleName}}</a></li> <li><a href="javascript:;">{{user.roleName}}</a></li>
@@ -516,15 +527,15 @@
</p> </p>
</div> </div>
<div v-if="isShowFirstPeople"> <div v-if="isShowFirstPeople">
<div class="row_painfr" v-for="dept in listDept" :key="dept.deptID" v-show="dept.listUser.length>0">
<div class="row_painfr" v-for="dept in listDept" :key="dept.id" v-show="dept.listUser.length>0">
<div v-for="deptID in listDeptUserNoZero(selectedUser)" :key="deptID"> <div v-for="deptID in listDeptUserNoZero(selectedUser)" :key="deptID">
<div v-if="deptID ==dept.deptID">
<div v-if="deptID ==dept.id">
<div class="yiyun_line"></div> <div class="yiyun_line"></div>
<span>{{dept.deptName}}</span> <span>{{dept.deptName}}</span>
</div> </div>
</div> </div>
<div class="renyuanbox" v-for="(user,index) in listUserComputed(selectedUser)" :key="index">
<div class="user_info_item" v-if="user.deptID ==dept.deptID">
<div class="renyuanbox" v-for="(user,index) in selectedUser" :key="index">
<div class="user_info_item" v-if="user.deptId == dept.id">
<!-- <i class="huangguan" @click="setManageUser(user)" title="设置负责人"></i> --> <!-- <i class="huangguan" @click="setManageUser(user)" title="设置负责人"></i> -->
<img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg"> <img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg">
<span class="user_info_name">{{user.userName}}</span> <span class="user_info_name">{{user.userName}}</span>
@@ -766,7 +777,7 @@
let temp = []; let temp = [];
for (let i = 0; i < user.length; i++) { for (let i = 0; i < user.length; i++) {
if (user[i].folderPerm != 2) { if (user[i].folderPerm != 2) {
temp.push(user[i].deptID);
temp.push(user[i].deptId);
} }
} }
var x = new Set(temp); var x = new Set(temp);
@@ -1010,12 +1021,8 @@
// this.setFolderPerm(this.newProjData.listFolder[parseInt(index)]); // this.setFolderPerm(this.newProjData.listFolder[parseInt(index)]);
fetchPlainDeptUserList(this.$store.state.currentCompanyId).then(list => { fetchPlainDeptUserList(this.$store.state.currentCompanyId).then(list => {
this.listDept = list; this.listDept = list;
// this.$nextTick(() => {
// this.listDept = res[0].children//是一个包含公司部门的对象数组 每一个对象里面有具体的数据
// this.listDept = [...this.listDept];
// console.log('111111111111111111111',this.listDept);
// this.$forceUpdate();
// })
this.listDept = [...this.listDept];
console.log('1111111111111111111111111',this.listDept);
}).catch(err => { }).catch(err => {
console.log(err); console.log(err);
}) })
@@ -1099,19 +1106,19 @@
* e:点击触发的事件 * e:点击触发的事件
*/ */
handleCheckItemAll(index, e) { handleCheckItemAll(index, e) {
for (var i = 0; i < this.listDept[index].children.length; i++) {
for (var i = 0; i < this.listDept[index].listUser[i].length; i++) {
if(!this.isShowManager) if(!this.isShowManager)
{ {
if(this.currUser.userID == this.listDept[index].children[i].userID)
if(this.currUser.userID == this.listDept[index].listUser[i].id)
{ {
continue; continue;
} }
} }
if (e) { if (e) {
this.handleCheckedOne(index, this.listDept[index].children[i], false);
this.handleCheckedOne(index, this.listDept[index].children[i], e);
this.handleCheckedOne(index, this.listDept[index].listUser[i], false);
this.handleCheckedOne(index, this.listDept[index].listUser[i], e);
} else { } else {
this.handleCheckedOne(index, this.listDept[index].children[i], e);
this.handleCheckedOne(index, this.listDept[index].listUser[i], e);
} }
} }
}, },
@@ -1140,10 +1147,10 @@
/* /*
*选择负责人 *选择负责人
*/ */
// (group_index,user,$event)
handleCheckedOnlyOne(topIndex, user, e) { //三级change事件 handleCheckedOnlyOne(topIndex, user, e) { //三级change事件
if (e) { if (e) {
//将选中的人员返回给添加合作人页面 //将选中的人员返回给添加合作人页面
this.checkDeptUserName(e, user); this.checkDeptUserName(e, user);
this.setManagerUser(user); this.setManagerUser(user);
this.isSlectPal = false; this.isSlectPal = false;
@@ -1161,16 +1168,16 @@
getIsCheckSecondLevel(topIndex) { getIsCheckSecondLevel(topIndex) {
var checkCount = 0; var checkCount = 0;
for (var i = 0; i < this.listDept[topIndex].listUser.length; i++) { for (var i = 0; i < this.listDept[topIndex].listUser.length; i++) {
if (this.listDept[topIndex].listUser[i].selected == true) {
if (this.listDept[topIndex].listUser[i]['selected'] == true) {
checkCount++; checkCount++;
} else { } else {
checkCount--; checkCount--;
} }
} }
if (checkCount == this.listDept[topIndex].listUser.length) { //三级级全勾选 if (checkCount == this.listDept[topIndex].listUser.length) { //三级级全勾选
this.listDept[topIndex].selected = true
this.listDept[topIndex]['selected'] = true
} else { //三级级全不勾选 } else { //三级级全不勾选
this.listDept[topIndex].selected = false
this.listDept[topIndex]['selected'] = false
} }
}, },
/* /*
@@ -1182,7 +1189,7 @@
for (var j = 0; j < this.listDept.length; j++) { //全选checkbox状态 for (var j = 0; j < this.listDept.length; j++) { //全选checkbox状态
if (this.listDept[j].listUser.length > 0) { if (this.listDept[j].listUser.length > 0) {
haveDataCount++; haveDataCount++;
if (this.listDept[j].selected == true) {
if (this.listDept[j]['selected'] == true) {
checkCount++; checkCount++;
} }
} }
@@ -1224,12 +1231,12 @@
setFolderPerm: function(data) { setFolderPerm: function(data) {
for (var j = 0; j < this.listDept.length; j++) { for (var j = 0; j < this.listDept.length; j++) {
for (var k = 0; k < this.listDept[j].listUser.length; k++) { for (var k = 0; k < this.listDept[j].listUser.length; k++) {
this.listDept[j].listUser[k].selected = false;
this.listDept[j].listUser[k]['selected'] = false;
this.listDept[j].listUser[k].folderPerm = 0; this.listDept[j].listUser[k].folderPerm = 0;
for (var i = 0; i < data.listUser.length; i++) { for (var i = 0; i < data.listUser.length; i++) {
if (this.listDept[j].listUser[k].userID == data.listUser[i].userID) { if (this.listDept[j].listUser[k].userID == data.listUser[i].userID) {
this.listDept[j].listUser[k].folderPerm = data.listUser[i].folderPerm; this.listDept[j].listUser[k].folderPerm = data.listUser[i].folderPerm;
this.listDept[j].listUser[k].selected = true;
this.listDept[j].listUser[k]['selected'] = true;
} }
} }
this.getIsCheckSecondLevel(j); this.getIsCheckSecondLevel(j);
@@ -1246,11 +1253,11 @@
if (this.selectedUser.length > 0) { if (this.selectedUser.length > 0) {
for (var k = 0; k < this.selectedUser.length; k++) { for (var k = 0; k < this.selectedUser.length; k++) {
if (this.listDept[i].listUser[j].userID === this.selectedUser[k].userID) { if (this.listDept[i].listUser[j].userID === this.selectedUser[k].userID) {
this.listDept[i].listUser[j].selected = true;
this.listDept[i].listUser[j]['selected'] = true;
} }
} }
} else { } else {
this.listDept[i].listUser[j].selected = false;
this.listDept[i].listUser[j]['selected'] = false;
} }
this.getIsCheckSecondLevel(i); this.getIsCheckSecondLevel(i);
} }
@@ -1261,7 +1268,8 @@
* 对已选协作人添加和删除 * 对已选协作人添加和删除
*/ */
checkDeptUserName: function(checked, item) { checkDeptUserName: function(checked, item) {
item.selected = checked;
item['selected'] = checked;
debugger;
if (checked) { if (checked) {
item.folderPerm = 1; // 默认角色为：查看和编辑 item.folderPerm = 1; // 默认角色为：查看和编辑
var valueUser = JSON.parse(JSON.stringify(item)); var valueUser = JSON.parse(JSON.stringify(item));
@@ -1426,7 +1434,7 @@
for (var i = 0; i < this.listDept.length; i++) { for (var i = 0; i < this.listDept.length; i++) {
for (var j = 0; j < this.listDept[i].listUser.length; j++) { for (var j = 0; j < this.listDept[i].listUser.length; j++) {
if (this.listDept[i].listUser[j].userID === userID) { if (this.listDept[i].listUser[j].userID === userID) {
this.listDept[i].listUser[j].selected = false;
this.listDept[i].listUser[j]['selected'] = false;
this.listDept[i].listUser[j].folderPerm = 0; this.listDept[i].listUser[j].folderPerm = 0;
this.getIsCheckSecondLevel(i); this.getIsCheckSecondLevel(i);
} }


Kirjoita Esikatselu
Ladataan…
Peruuta
Tallenna