添加成员

cyl/master-apply
wangxia 8 hours ago
parent cf092ab488
commit 257fc4dc87

@ -276,7 +276,7 @@ export default {
token: resData.token, token: resData.token,
}; };
this.initNim(imOptions); // this.initNim(imOptions);
} }
); );
}, },

@ -328,10 +328,12 @@ export default {
} else { } else {
item.time = that.G.getPointTime(item.updateTime, "MM--DD HH:MM"); item.time = that.G.getPointTime(item.updateTime, "MM--DD HH:MM");
} }
if (item.status != -1) {
item.status_text = that.G.getOrderStatus().filter((itm, inx) => {
return itm.id == item.status;
})[0].name;
}
item.status_text = that.G.getOrderStatus().filter((itm, inx) => {
return itm.id == item.status;
})[0].name;
item.setTitle = that.G.titleToStr(item); item.setTitle = that.G.titleToStr(item);
}); });
} else { } else {
@ -345,7 +347,7 @@ export default {
} else { } else {
that.query.list = that.query.list.concat(res.recordList); that.query.list = that.query.list.concat(res.recordList);
} }
} },
); );
}, },
goTel($item) { goTel($item) {

@ -21,18 +21,93 @@
<span v-if="i.past && i.status === 0" class="g_fs_14 g_c_9"></span> <span v-if="i.past && i.status === 0" class="g_fs_14 g_c_9"></span>
<span v-else-if="i.status == 1" class="g_fs_14 g_c_9">已通过</span> <span v-else-if="i.status == 1" class="g_fs_14 g_c_9">已通过</span>
<span v-else-if="i.status == 2" class="g_fs_14 g_c_9">已拒绝</span> <span v-else-if="i.status == 2" class="g_fs_14 g_c_9">已拒绝</span>
<div class="g_flex_row_end" v-else> <!-- v-else -->
<div class="g_flex_row_end">
<div class="g_mr_8"> <div class="g_mr_8">
<rh-button primaryColor='#00b666' btnText="拒绝" fontSize="14" color="#000" customBgColor="#d8d8d8" size="height" type="disabled" height="24" width="50" @clickBtn="approve(i, 'reject')"></rh-button> <rh-button primaryColor="#00b666" btnText="拒绝" fontSize="14" color="#000" customBgColor="#d8d8d8" size="height" type="disabled" height="24" width="50" @clickBtn="approve(i, 'reject')"></rh-button>
</div> </div>
<div> <div>
<rh-button primaryColor='#00b666' btnText="通过" type="primary" fontSize="14" size="height" height="24" width="50" @clickBtn="approve(i, 'resolve')"></rh-button> <rh-button primaryColor="#00b666" btnText="通过" type="primary" fontSize="14" size="height" height="24" width="50" @clickBtn="approve(i, 'resolve')"></rh-button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<u-modal v-model="showUserSelect" width="90%" negativeTop="150" :showTitle="false" :confirmStyle="{ color: '#576b95', 'font-weight': 600 }" :cancelStyle="{ color: '#000', 'font-weight': 600 }" :showCancelButton="true" @confirm="uploadUserInfo">
<view class="">
<view class="menu-obj g_p_14 g_border_e_b" @click="showPicker('department')">
<view class="g_flex_row_start flex_center">
<view class="g_mr_8"> 部门: </view>
<view class="g_flex_row_between flex_center g_flex_1">
<view style="max-width: calc(100%); overflow-x: auto; min-height: 26px; row-gap: 4px" v-if="teamList.length > 0" class="g_flex_row_start flex_center g_flex_1">
<view class="menu-btn menu-active" v-for="item in teamList">
<view class="btn g_radius_4 g_pl_8 g_pr_8 g_fs_12">{{ item.teamName }}</view>
</view>
</view>
<view class="menu-btn g_text_s">
<view class="g_c_9" v-if="teamList.length == 0"></view>
</view>
</view>
</view>
</view>
<view class="menu-obj g_p_14" @click="showPicker('role')">
<view class="g_flex_row_start flex_center">
<view class="g_mr_8"> 角色: </view>
<view class="g_flex_row_between flex_center g_flex_1">
<view style="max-width: calc(100%); overflow-x: auto; min-height: 26px; row-gap: 4px" v-if="roleList.length > 0" class="g_flex_row_start flex_center g_flex_1">
<view class="menu-btn menu-active" v-for="item in roleList">
<view class="btn g_radius_4 g_pl_8 g_pr_8 g_fs_12">{{ item.roleName }}</view>
</view>
</view>
<view class="menu-btn g_text_s">
<view class="g_c_9" v-if="roleList.length == 0"></view>
</view>
</view>
</view>
</view>
</view>
</u-modal>
<u-popup v-model="markCheck" mode="bottom" border-radius="16" :mask-close-able="true">
<scroll-view :scroll-y="true" style="max-height: 80vh">
<view class="g_pl_20 g_pr_20 configSelect">
<view v-if="pickerType == 'department'">
<view class="g_p_14 g_fs_17 g_text_c">选择部门</view>
<view class="g_text_c g_fs_16 g_border_e_t" :class="item.checked ? 'active' : ''" v-for="item in configList.teams" @click="setConfig(item, 'department')">
<view class="g_flex_row_between flex_center g_p_12">
<view>
{{ item.teamName }}
</view>
<view class="g_flex_row_end">
<view class="iconfont icon-duihao" v-if="item.checked"></view>
<view class="iconfont g_ml_8" :class="item.showChild ? 'icon-zhankai' : 'icon-gengduo11'" v-if="item.childs.length > 0" @click.stop="showChilds(item)"></view>
</view>
</view>
<view v-if="item.showChild" class="g_p_12 g_border_e_t" style="">
<view class="g_flex_row_between flex_center g_c_3 g_pl_12" :class="child.checked ? 'active' : ''" v-for="child in item.childs" @click.stop="setConfig(child, 'department')">
<view>
{{ child.teamName }}
</view>
<view class="iconfont icon-duihao" v-if="child.checked"></view>
</view>
</view>
</view>
</view>
<view v-if="pickerType == 'role'">
<view class="g_p_14 g_fs_17 g_text_c">选择角色</view>
<view class="g_p_12 g_text_c g_fs_16 g_flex_row_between flex_center" :class="item.checked ? 'active' : ''" v-for="item in configList.roles" @click="setConfig(item, 'role')">
<view>
{{ item.roleName }}
</view>
<view class="iconfont icon-duihao" v-if="item.checked"></view>
</view>
</view>
</view>
<view class="g_pt_16 g_pb_24 btnBox g_border_e_t">
<rh-button type="primary" btnText="确定" @clickBtn="markCheck = false"></rh-button>
</view>
</scroll-view>
</u-popup>
</div> </div>
</template> </template>
@ -40,17 +115,48 @@
export default { export default {
data() { data() {
return { return {
themeColor: getApp().globalData.themeColor,
applyList: [], applyList: [],
query: { page: 1, size: 30 }, query: { page: 1, size: 30 },
showUserSelect: false,
newMemberInfo: {
department: "",
role: "",
},
teamList: [],
roleList: [],
configList: {},
pickerType: "",
markCheck: false,
}; };
}, },
onShow() { onShow() {
this.getUserApplyList(); this.getUserApplyList();
this.setTeamManagerStatus(); this.setTeamManagerStatus();
this.getConfig();
}, },
created() {}, created() {},
methods: { methods: {
getConfig() {
let that = this;
this.G.Get("/yishoudan/agency/group/user/apply/getTeamsAndRoles", {}, (res) => {
console.log("getTeamsAndRoles", res);
res.teams.forEach((item) => {
item.checked = false;
item.showChild = false;
if (item.childs.length > 0) {
item.childs.forEach((child) => {
child.checked = false;
});
}
});
res.roles.forEach((item) => {
item.checked = false;
});
that.configList = res;
});
},
setTeamManagerStatus() { setTeamManagerStatus() {
this.G.Get(this.api.order_updateApplyNumHasViewed, {}, (res) => {}); this.G.Get(this.api.order_updateApplyNumHasViewed, {}, (res) => {});
}, },
@ -79,18 +185,63 @@ export default {
}); });
}, },
approve(_item, type) { approve(_item, type) {
const that = this;
console.log(_item); console.log(_item);
console.log(type); console.log(type);
// return; if (type == "resolve") {
this.G.Post(this.api.order_userApplyApprove, { id: _item.id, status: type == "reject" ? 2 : 1 }, (res) => { this.showUserSelect = true;
} else {
this.G.Post(this.api.order_userApplyApprove, { id: _item.id, status: 2 }, (res) => {
console.log(res);
_item.status = 2;
uni.showToast({
title: "操作成功",
icon: "none",
});
});
}
},
uploadUserInfo() {
const that = this;
this.G.Post(this.api.order_userApplyApprove, { id: _item.id, status: 1 }, (res) => {
console.log(res); console.log(res);
_item.status = type == "reject" ? 2 : 1; _item.status = 1;
uni.showToast({ uni.showToast({
title: "操作成功", title: "操作成功",
icon: "none", icon: "none",
}); });
}); });
}, },
setConfig(_item, _type) {
if (_type == "department") {
if (this.teamList.indexOf(_item) == -1) {
this.teamList.push(_item);
} else {
this.teamList.splice(this.teamList.indexOf(_item), 1);
}
} else {
if (this.roleList.indexOf(_item) == -1) {
this.roleList.push(_item);
} else {
this.roleList.splice(this.roleList.indexOf(_item), 1);
}
}
_item.checked = !_item.checked;
},
showChilds(_item) {
_item.showChild = !_item.showChild;
},
showPicker(type) {
console.log("showPicker", type);
this.markCheck = true;
this.pickerType = type;
},
setDepartment(e) {
console.log("eee", this.departmentList[e.detail.value]);
},
setRole(e) {
console.log("eee", this.roleList[e.detail.value]);
},
}, },
}; };
</script> </script>
@ -113,4 +264,42 @@ export default {
// border-bottom: none; // border-bottom: none;
// } // }
} }
.menu-obj {
// min-width: 422px;
.menu-btn {
margin-right: 8px;
.btn {
background: rgba(204, 204, 204, 0.2);
border: 1rpx solid transparent;
color: #666666;
white-space: nowrap;
}
}
.menu-active {
.btn {
background: #3578f622;
border: 1rpx solid #3578f6;
color: #3578f6;
box-sizing: border-box;
height: 24px;
line-height: 22px;
}
}
}
.configSelect {
.active {
color: v-bind("themeColor");
}
}
.btnBox {
position: sticky;
bottom: 0;
padding-top: 12px;
display: flex;
height: unset;
justify-content: center;
background-color: #fff;
}
</style> </style>

Loading…
Cancel
Save