|
|
@@ -36,11 +36,9 @@
|
|
|
<transition name="el-zoom-in-top">
|
|
|
<div v-show="show" style="position: relative;z-index: 999;">
|
|
|
<!-- 搜索框 -->
|
|
|
- <!-- <div class="searchBox">
|
|
|
- <el-input :placeholder="$t('peaseenterthe')" size="mini" v-model="searchTex" style="width: 150px" @focus="searchBox()">
|
|
|
- <el-button slot="append" icon="el-icon-search" size="mini" @click="searchLick()"></el-button>
|
|
|
- </el-input>
|
|
|
- </div> -->
|
|
|
+ <div class="searchBox" v-if="filterable">
|
|
|
+ <el-input placeholder="请输入名称搜索" size="mini" v-model="searchTex" style="width: 100%" @input="searchLick()" @focus="selectCli()"></el-input>
|
|
|
+ </div>
|
|
|
<div class="transitionBox" :style="filterable ? 'margin: 30px 0;' : ''">
|
|
|
<ul class="transitionBoxUl">
|
|
|
<li :class="transitionBoxLiIdx == index ? 'liHover' : ''" v-for="(item, index) in options" :key="index" @mouseover="liMouseOver(index)" @click="liClick(item, index)">
|
|
|
@@ -178,6 +176,9 @@ export default {
|
|
|
multiSelectList: [],
|
|
|
searchTex: '', // 搜索文字
|
|
|
cursor: '', // 搜索的标记（需传给后端）
|
|
|
+ time: null,//防抖
|
|
|
+ fistArrList: [], // 第一次进来的人员数组
|
|
|
+ fistArrListOne: [], // 第一次进来的人员初始数组
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
|
@@ -277,6 +278,18 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
console.log(this.subject, this.subjectId)
|
|
|
+
|
|
|
+ var thats = this
|
|
|
+ var phoneArr = []
|
|
|
+ setTimeout(()=>{
|
|
|
+ for(var s in thats.subject) {
|
|
|
+ phoneArr.push(thats.subject[s].optionsOId || thats.subject[s].auditorId || thats.subject[s].id)
|
|
|
+ }
|
|
|
+ thats.fistArrListOne = thats.subject
|
|
|
+ }, 500)
|
|
|
+
|
|
|
+ thats.fistArrList = phoneArr
|
|
|
+ console.log(thats.fistArrList)
|
|
|
this.dailyListIndex = this.idx
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -353,6 +366,7 @@ export default {
|
|
|
name: this.selectName
|
|
|
}
|
|
|
this.$emit("selectCal", obj)
|
|
|
+ this.options = this.fistArrListOne
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -371,6 +385,7 @@ export default {
|
|
|
idx: this.dailyListIndex
|
|
|
}
|
|
|
this.$emit("selectCatCli", obj);
|
|
|
+ this.options = this.fistArrListOne
|
|
|
} else {
|
|
|
let obj = {
|
|
|
id: nameId,
|
|
|
@@ -380,6 +395,7 @@ export default {
|
|
|
name: this.selectName
|
|
|
}
|
|
|
this.$emit("selectCal", obj)
|
|
|
+ this.options = this.fistArrListOne
|
|
|
}
|
|
|
this.transitionBoxLiIdx = ''
|
|
|
this.show = false
|
|
|
@@ -434,6 +450,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.$emit("selectCal", obj)
|
|
|
+ this.options = this.fistArrListOne
|
|
|
}
|
|
|
},
|
|
|
deleteMultiSelectList(str) {
|
|
|
@@ -461,25 +478,42 @@ export default {
|
|
|
name: this.selectName
|
|
|
}
|
|
|
this.$emit("selectCal", obj)
|
|
|
+ this.options = this.fistArrListOne
|
|
|
},
|
|
|
- searchBox() {
|
|
|
- this.selectCli()
|
|
|
- },
|
|
|
- // 搜索
|
|
|
+ // searchBox() {
|
|
|
+ // this.selectCli()
|
|
|
+ // },
|
|
|
+ // // 搜索
|
|
|
searchLick() {
|
|
|
- console.log('文字')
|
|
|
- this.getSimpleActiveUserList()
|
|
|
+ if (this.time != null) {
|
|
|
+ clearTimeout(this.time)
|
|
|
+ }
|
|
|
+ var that = this
|
|
|
+ this.time = setTimeout(() => {
|
|
|
+ that.getSimpleActiveUserList()
|
|
|
+ }, 500)
|
|
|
+
|
|
|
},
|
|
|
// 针对 getSimpleActiveUserList 获取所有人员接口
|
|
|
getSimpleActiveUserList() {
|
|
|
- this.http.post('/user/getSimpleActiveUserList', {
|
|
|
+ this.http.post('/user/getEmployeeList', {
|
|
|
+ departmentId: -1,
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 200,
|
|
|
keyword: this.searchTex,
|
|
|
- cursor: this.cursor
|
|
|
+ status: 1,
|
|
|
+ roleId: '',
|
|
|
+ cursor: '',
|
|
|
+ onlyDirect: 0,
|
|
|
},
|
|
|
res => {
|
|
|
if (res.code == "ok") {
|
|
|
- console.log('数据')
|
|
|
- this.options = res.data.retUser
|
|
|
+ var arr = res.data.records.filter((item) => {
|
|
|
+ if (this.fistArrList.indexOf(item.id) != '-1') {
|
|
|
+ return item;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.options = arr
|
|
|
this.cursor = res.data.nextCursor
|
|
|
} else {
|
|
|
this.$message({
|
|
|
@@ -570,6 +604,7 @@ export default {
|
|
|
.searchBox {
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
+ top: -9px;
|
|
|
}
|
|
|
.transitionBox {
|
|
|
background: #FFF;
|
ggooalice
