@ -47,21 +47,33 @@
< / e l - d a t e - p i c k e r >
< / e l - f o r m - i t e m >
< el -form -item label = "省" prop = "provinceId" >
< el -select v-model ="queryParams.provinceId" @keyup.enter.native="handleQuery" >
< el -option label = "广东省" value = "19" > < / e l - o p t i o n >
< el -option label = "湖南省" value = "18" > < / e l - o p t i o n >
< el -select v -model = " queryParams.provinceId " @change ="getCityList(queryParams.provinceId)" @keyup.enter.native ="handleQuery" filterable clearable >
< el -option
v - for = "item in provinceList"
: key = "item.id"
: label = "item.name"
: value = "item.id" >
< / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "市" prop = "cityId" >
< el -select v-model ="queryParams.cityId" @keyup.enter.native="handleQuery" >
< el -option label = "广州市" value = "234" > < / e l - o p t i o n >
< el -option label = "珠海市" value = "237" > < / e l - o p t i o n >
< el -select v-model ="queryParams.cityId" @change="getAreaByPid(queryParams.cityId)" @keyup.enter.native="handleQuery" filterable clearable placeholder="请选择省" >
< el -option
v - for = "item in cityList"
: key = "item.id"
: label = "item.name"
: value = "item.id" >
< / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "区" prop = "areaId" >
< el -select v-model ="queryParams.areaId" @keyup.enter.native="handleQuery" >
< el -option label = "天河区" value = "2314" > < / e l - o p t i o n >
< el -option label = "黄埔区" value = "2317" > < / e l - o p t i o n >
< el -select v-model ="queryParams.areaId" @keyup.enter.native="handleQuery" filterable clearable placeholder="请选择市" >
< el -option
v - for = "item in areaList"
: key = "item.id"
: label = "item.name"
: value = "item.id" >
< / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "用户注册时间" prop = "createTime" >
@ -75,29 +87,29 @@
< / e l - d a t e - p i c k e r >
< / e l - f o r m - i t e m >
< el -form -item label = "仪器数量" prop = "credit" >
< el -input -number v-model ="queryParams.device s NumStart" @keyup.enter.native="handleQuery"> < / el -input -number >
< el -input -number v-model ="queryParams.device NumStart" @keyup.enter.native="handleQuery"> < / el -input -number >
至
< el -input -number v-model ="queryParams.device s NumEnd" @keyup.enter.native="handleQuery"> < / el -input -number >
< el -input -number v-model ="queryParams.device NumEnd" @keyup.enter.native="handleQuery"> < / el -input -number >
< / e l - f o r m - i t e m >
< el -form -item label = "积分范围" prop = "credit" >
< el -input -number v-model ="queryParams.creditStart" @keyup.enter.native="handleQuery" > < / el -input -number >
至
< el -input -number v-model ="queryParams.creditEnd" @keyup.enter.native="handleQuery" > < / el -input -number >
< / e l - f o r m - i t e m >
< el -form -item label = "仪器绑定" prop = "devicesTags" >
< el -select v-model ="queryParams.devicesTags" multiple placeholder="请选择" >
< el -option
v - for = "item in devicesTags"
: key = "item.value"
: label = "item.label"
: value = "item.value" >
< / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item label = "购买渠道" prop = "purchaseChannel ">
< el -select v-model ="queryParams.purchaseChannel " multiple placeholder="请选择">
<!-- < el -form -item label = "仪器绑定" prop = "devicesTags" > -- >
<!-- < el -select v-model ="queryParams.devicesTags" multiple placeholder="请选择" > - - >
<!-- < el -option - - >
<!-- v - for = "item in devicesTags" -- >
<!-- : key = "item.value" -- >
<!-- : label = "item.label" -- >
<!-- : value = "item.value" > -- >
<!-- < / e l - o p t i o n > - - >
<!-- < / e l - s e l e c t > - - >
<!-- < / e l - f o r m - i t e m > - - >
< el -form -item label = "购买渠道" prop = "purchaseChannel s ">
< el -select v-model ="queryParams.purchaseChannel s " multiple placeholder="请选择">
< el -option
v - for = "item in purchaseChannel "
v - for = "item in purchaseChannel s "
: key = "item.value"
: label = "item.label"
: value = "item.value" >
@ -107,7 +119,7 @@
< el -form -item label = "企微标签" prop = "wecomTags" >
< el -select v-model ="queryParams.wecomTags" multiple placeholder="请选择" >
< el -option
v - for = "item in miniProgra mTags"
v - for = "item in weco mTags"
: key = "item.value"
: label = "item.label"
: value = "item.value" >
@ -117,7 +129,7 @@
< el -form -item label = "小程序标签" prop = "miniProgramTags" >
< el -select v-model ="queryParams.miniProgramTags" multiple placeholder="请选择" >
< el -option
v - for = "item in weco mTags"
v - for = "item in miniProgra mTags"
: key = "item.value"
: label = "item.label"
: value = "item.value" >
@ -178,7 +190,9 @@
< el -table v-loading ="loading" :data="memberList" @selection-change="handleSelectionChange" >
< el -table -column type = "selection" width = "55" align = "center" / >
< el -table -column label = "头像" align = "center" prop = "headimg" / >
< el -table -column label = "头像" align = "center" >
< el -avatar shape = "circle" :size ="50" :src ="headimg" / >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "会员昵称" align = "center" prop = "nickname" / >
< el -table -column label = "用户编号" align = "center" prop = "id" / >
< el -table -column label = "手机号码" align = "center" prop = "mobile" / >
@ -342,6 +356,7 @@ import {
getMiniProgramTags ,
getWecomTags ,
getPurchaseChannel ,
getRegionByPid ,
} from "@/api/system/member" ;
export default {
@ -360,7 +375,10 @@ export default {
} ] ,
miniProgramTags : [ ] ,
wecomTags : [ ] ,
purchaseChannel : null ,
purchaseChannels : null ,
provinceList : null ,
cityList : null ,
areaList : null ,
/ / 遮 罩 层
loading : true ,
/ / 选 中 数 组
@ -393,8 +411,8 @@ export default {
nickname : null ,
headimg : null ,
username : null ,
device s NumStart: undefined ,
device s NumEnd: undefined ,
device NumStart: undefined ,
device NumEnd: undefined ,
creditStart : undefined ,
creditEnd : undefined ,
openid : null ,
@ -424,7 +442,7 @@ export default {
devicesTags : [ ] , / / 仪 器 绑 定 标 签
wecomTags : [ ] , / / 企 微 标 签
miniProgramTags : [ ] , / / 小 程 序 标 签
purchaseChannel : null , / / 购 买 渠 道
purchaseChannel s: [ ] , / / 购 买 渠 道
} ,
/ / 表 单 参 数
form : { } ,
@ -440,6 +458,8 @@ export default {
this . getList ( ) ;
/ / 获 取 标 签
this . getTags ( ) ;
/ / 获 取 省
this . getProvinceList ( ) ;
} ,
methods : {
/** 查询用户列表 */
@ -469,7 +489,27 @@ export default {
} )
/ / 购 买 渠 道
getPurchaseChannel ( ) . then ( Response => {
this . purchaseChannel = Response . data
this . purchaseChannels = Response . data
} )
} ,
/ / 获 取 省 市 区
getProvinceList ( ) {
getRegionByPid ( 0 ) . then ( Response => {
this . provinceList = Response . data
} )
} ,
getCityList ( pid ) {
console . log ( pid ) ;
getRegionByPid ( pid ) . then ( Response => {
console . log ( Response . data )
this . cityList = Response . data
} )
} ,
getAreaByPid ( pid ) {
console . log ( pid ) ;
getRegionByPid ( pid ) . then ( Response => {
console . log ( Response . data )
this . areaList = Response . data
} )
} ,
/ / 取 消 按 钮