|
|
@@ -1,11 +1,14 @@
|
|
|
<template>
|
|
|
<div class="normal-panel scroll-panel">
|
|
|
<div class="container" style="border-bottom:1px solid #f1f2f3">
|
|
|
- <el-form class="myform" size="small" inline label-position="right" label-width="50px">
|
|
|
- <el-form-item label="搜索">
|
|
|
- <el-input v-model="condition" prefix-icon="el-icon-search" placeholder="联系人,手机号(全称)" @keyup.native.enter="search" @clear="clearSearch" @input.native="onChange" clearable></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+<!-- <el-form class="myform" size="small" inline label-position="right" label-width="50px">
|
|
|
+ <el-form-item label="搜索">-->
|
|
|
+<!-- <el-input v-model="condition" prefix-icon="el-icon-search" placeholder="联系人,手机号(全称)" @keyup.native.enter="search" @clear="clearSearch" clearable></el-input>-->
|
|
|
+ <span style="font-size: 14px;color: #606266" class="inline-16">搜索</span>
|
|
|
+ <el-input style="width:200px;" placeholder="联系人,手机号(全称)" :suffix-icon="condition?condition.length > 0?'':'':'el-icon-search'" v-model="condition" @keyup.native.enter="search" @clear="clearSearch" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
|
|
|
+ </el-input>
|
|
|
+<!-- </el-form-item>
|
|
|
+ </el-form>-->
|
|
|
</div>
|
|
|
<ul v-if="data">
|
|
|
<li @click="clickContacts(item)" :class="active === item.rowindex?'act':''" class="container" v-for="item in data.phonebook" :key="item.index">
|
|
|
@@ -61,12 +64,12 @@ export default {
|
|
|
this.$emit('filtetContacts','close',this.condition)
|
|
|
},
|
|
|
onChange() {
|
|
|
- if (this.condition === '')
|
|
|
+ if (this.condition === '')
|
|
|
return this.$emit('filtetContacts','close',this.condition)
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -121,4 +124,4 @@ li:hover{
|
|
|
border-radius: 100%;
|
|
|
background: #3874F6;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|