| | |
| | | <template> |
| | | <div class="inner"> |
| | | <a-row type="flex" justify="space-between" style="margin-bottom: 20px"> |
| | | <a-col :span="4" v-if="unittype && unittype !== null"> |
| | | <a-col :span="4" v-if="unittype && unittype !== null" style="margin-bottom: 10px"> |
| | | <a-button type="primary" @click="editData('add',{})">新增用户</a-button> |
| | | </a-col> |
| | | <a-col :span="20"> |
| | | <a-row type="flex" :gutter="14"> |
| | | <a-col :span="6"> |
| | | <a-col :span="24"> |
| | | <a-row type="flex" :gutter="24"> |
| | | <a-col :span="4"> |
| | | <a-select v-model="search.searchParams.peerRecipientGroupId" placeholder="选择分组" style="width: 100%" @change="handleChange" allowClear show-search :filter-option="filterOption"> |
| | | <a-select-option v-for="item in groupData" :value="item.id" :key="item.id">{{item.name}}</a-select-option> |
| | | </a-select> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <a-col :span="3"> |
| | | <a-input v-model="search.searchParams.company" placeholder="单位名称" style="width: 100%"/> |
| | | </a-col> |
| | | <a-col :span="6" v-if="unittype == null || !unittype"> |
| | | <a-col :span="3"> |
| | | <a-input v-model="search.searchParams.name" placeholder="姓名" style="width: 100%"/> |
| | | </a-col> |
| | | <a-col :span="3"> |
| | | <a-input v-model="search.searchParams.phone" placeholder="电话" style="width: 100%"/> |
| | | </a-col> |
| | | <a-col :span="4" v-if="unittype == null || !unittype"> |
| | | <a-cascader :options="areaData" v-model="areaVal" placeholder="所属区域" expandTrigger="hover" :fieldNames="fieldNames" changeOnSelect @change="onChange" style="width: 100%"/> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | |
| | | city: '', |
| | | area: '', |
| | | town: '', |
| | | name: '', |
| | | phone: '', |
| | | peerRecipientGroupId: undefined |
| | | } |
| | | }, |
| | |
| | | methods:{ |
| | | async getUserList(){ |
| | | const t = this |
| | | if(t.search.searchParams.province == '' && t.search.searchParams.city == '' && t.search.searchParams.area == '' && t.search.searchParams.company == '' && t.search.searchParams.peerRecipientGroupId == undefined){ |
| | | if(t.search.searchParams.phone == '' && t.search.searchParams.recipientName == '' && t.search.searchParams.province == '' && t.search.searchParams.city == '' && t.search.searchParams.area == '' && t.search.searchParams.company == '' && t.search.searchParams.peerRecipientGroupId == undefined){ |
| | | const {searchParams,...data} = t.search |
| | | console.log(data,'data') |
| | | const res = await getRecipient(data) |
| | | if(res.data.code == 100){ |
| | | t.tableData = res.data.data |
| | |
| | | city: '', |
| | | area: '', |
| | | town: '', |
| | | name: '', |
| | | phone: '', |
| | | peerRecipientGroupId: undefined |
| | | } |
| | | } |
| | |
| | | city: '', |
| | | area: '', |
| | | town: '', |
| | | name: '', |
| | | phone: '', |
| | | peerRecipientGroupId: undefined |
| | | } |
| | | if(value[0]){ |