Skip to content

H
haoban-3
Commit c5f354f4 by caoyanzhi
Options

update: 通讯录提示页

parent fa7ac74c
Showing with 91 additions and 85 deletions
src/views/business/contacts.vue
......@@ -7,47 +7,48 @@
* @LastEditTime: 2020-08-26 10:05:01
-->
<template>
<div class="contacts-wrap common-set-wrap">
<div class="right-content">
<div class="right-box" v-loading="loading">
<div class="apps-content flex">
<div class="apps-content-left border-box">
<div class="left-tree-body border-box">
<div class="left-tree-search">
<el-input placeholder="搜索部门" maxlength="50" v-model="searchInput" @keyup.native="value => toInput(value, searchInput)" clearable @clear="clearInput"></el-input>
<!-- <span class="iconfont-hb3 iconshouquanyanzheng m-l-10 cursor-pointer" @click="toManage"></span> -->
</div>
<div v-if="$getButtonLimit($buttonCode.refreshStoreMember)" :limit-code="$buttonCode.refreshStoreMember" class="help-body flex flex-space-between" @click="toRefreshMember"><span class="font-12 color-2f54eb">刷新企业成员</span><span class="font-12 color-2f54eb iconfont-hb3 iconshuaxin1"></span></div>
<!-- <div class="p-t-14">
<div class="right-content flex" v-loading="loading">
<template v-if="isManager">
<div class="apps-content-left border-box">
<div class="left-tree-body border-box">
<div class="left-tree-search">
<el-input placeholder="搜索部门" maxlength="50" v-model="searchInput" @keyup.native="value => toInput(value, searchInput)" clearable @clear="clearInput"></el-input>
<!-- <span class="iconfont-hb3 iconshouquanyanzheng m-l-10 cursor-pointer" @click="toManage"></span> -->
</div>
<div v-if="$getButtonLimit($buttonCode.refreshStoreMember)" :limit-code="$buttonCode.refreshStoreMember" class="help-body flex flex-space-between" @click="toRefreshMember"><span class="font-12 color-2f54eb">刷新企业成员</span><span class="font-12 color-2f54eb iconfont-hb3 iconshuaxin1"></span></div>
<!-- <div class="p-t-14">
<el-button style="width: 100%;" :disabled="refreshTag" type="primary" @click="toRefreshMember">刷新企业成员</el-button>
</div> -->
<div class="left-tree p-t-14">
<contact-tree v-if="!searchInput" :departObj="departObj" :itemData="wxData" v-model="wxData" @getSelectData="getSelectData"></contact-tree>
<div v-if="searchInput" class="contact-search-body">
<ul v-if="searchData.length">
<li class="contact-li" v-for="(item, index) in searchData" :key="index + 'gic'">
<div :class="['li-cell cursor-pointer', departObj.departmentId == item.departmentId ? 'li-cell-active' : '']" @click="selectSearch(item)">
<div class="li-cell-p" :style="{ 'margin-left': 20 + 'px' }">
<span :class="['font-14 p-r-10 iconfont-hb3 iconqiye-tianchong', departObj.departmentId == item.departmentId ? 'color-2f54eb' : 'color-dedfe6']"></span><span class="font-14 color-606266 span-departName">{{ item.departmentName }}</span>
</div>
</div>
</li>
</ul>
<div v-else class="no-search-data font-14 color-909399">无结果</div>
</div>
</div>
</div>
</div>
<div class="apps-content-right">
<div class="content-right-body border-box" style="min-height: 100%;">
<new-depart-member :departObj="departObj" @changeDepart="changeDepart"></new-depart-member>
<div class="left-tree p-t-14">
<contact-tree v-if="!searchInput" :departObj="departObj" :itemData="wxData" v-model="wxData" @getSelectData="getSelectData"></contact-tree>
<div v-if="searchInput" class="contact-search-body">
<ul v-if="searchData.length">
<li class="contact-li" v-for="(item, index) in searchData" :key="index + 'gic'">
<div :class="['li-cell cursor-pointer', departObj.departmentId == item.departmentId ? 'li-cell-active' : '']" @click="selectSearch(item)">
<div class="li-cell-p" :style="{ 'margin-left': 20 + 'px' }">
<span :class="['font-14 p-r-10 iconfont-hb3 iconqiye-tianchong', departObj.departmentId == item.departmentId ? 'color-2f54eb' : 'color-dedfe6']"></span><span class="font-14 color-606266 span-departName">{{ item.departmentName }}</span>
</div>
</div>
</li>
</ul>
<div v-else class="no-search-data font-14 color-909399">无结果</div>
</div>
</div>
</div>
</div>
<div class="apps-content-right">
<div class="content-right-body border-box" style="min-height: 100%;">
<new-depart-member :departObj="departObj" @changeDepart="changeDepart"></new-depart-member>
</div>
</div>
</template>
<div class="not-manager" v-else>
<svg class="not-manager-icon" aria-hidden="true">
<use xlink:href="#iconno-permission"></use>
</svg>
<p class="not-manager-tip">您尚不是企微管理员或不具备企微通讯录权限，无法查看！可联系企微超级管理员开通~</p>
</div>
<sync-dialog v-if="syncStatusData.syncStatus == 1 || syncStatusData.syncStatus == 2 || syncStatusData.syncStatus == 3" :syncData="syncStatusData"></sync-dialog>
<!-- <vue-gic-footer></vue-gic-footer> -->
</div>
</template>
<script>
......@@ -66,6 +67,7 @@ export default {
},
data() {
return {
isManager: true,
loading: true,
refreshTag: false,
searchInput: '',
......@@ -390,6 +392,7 @@ export default {
// console.log(that.wxData);
return false;
}
this.isManager = resData.errorCode != 10030;
that.loading = false;
errMsg.errorMsg(resData);
})
......@@ -459,67 +462,70 @@ export default {
white-space: pre-wrap;
word-break: break-all;
}
.contacts-wrap {
height: 100%;
}
.right-content {
/*width: 100%;*/
padding: 0 20px 20px 20px;
min-height: calc(100% - 160px);
.right-box {
height: 100%;
box-sizing: border-box;
.apps-content-left {
min-width: 293px;
width: 293px;
height: 100%;
max-height: 1955px;
background: #fff;
min-height: 500px;
padding: 0px;
.apps-content {
.apps-content-left {
min-width: 293px;
width: 293px;
height: 100%;
max-height: 1955px;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
.left-tree-body {
width: 100%;
padding: 20px 12px;
.iconshouquanyanzheng {
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #c0c4cc;
&:hover {
background-color: #eef3f9;
color: #2f54eb;
}
}
}
}
.apps-content-right {
width: calc(100% - 303px);
max-height: 1955px;
padding-left: 10px;
background: #f0f2f5;
.content-right-body {
width: 100%;
padding: 20px;
background: #fff;
}
.daily-set-wrap {
height: 100%;
background: #fff;
}
.app-detail-wrap {
height: 100%;
background: #fff;
}
.common-set-wrap {
height: 100%;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
.left-tree-body {
width: 100%;
padding: 20px 12px;
.iconshouquanyanzheng {
display: inline-block;
vertical-align: middle;
font-size: 24px;
color: #c0c4cc;
&:hover {
background-color: #eef3f9;
color: #2f54eb;
}
}
}
}
.apps-content-right {
width: calc(100% - 303px);
max-height: 1955px;
padding-left: 10px;
.content-right-body {
width: 100%;
padding: 20px;
background: #fff;
}
.daily-set-wrap {
height: 100%;
background: #fff;
}
.app-detail-wrap {
height: 100%;
background: #fff;
}
}
.not-manager {
padding-top: 22vh;
margin: 0 auto;
text-align: center;
.not-manager-icon {
width: 106px;
height: 106px;
}
.not-manager-tip {
margin-top: 20px;
height: 20px;
font-size: 14px;
font-weight: 400;
color: #303133;
line-height: 20px;
}
}
}
.li-cell {
min-height: 26px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment