Skip to content

M
mallapp
Commit bc96a358 authored by Mac's avatar Mac
Browse files
Options

匹配要求

parent dbf84fcb
Hide whitespace changes
Inline Side-by-side
Showing with 631 additions and 585 deletions
pages/blindDate/personal/peoplescreen.vue
View file @ bc96a358
<template> <style>
<div :style="{'background-color': '#FFF','height': '100vh','overflow': 'hidden'}" class='userListstyle'> .userListstyle .titleh {
<view style="display: flex; align-items: center;"> width: 100%;
<view style="flex:1;overflow: hidden;"> height: 40px;
<u-tabs bg-color="#FFF" :is-scroll="false" name="Name" :list="typeList" :active-color="mainColor" background: #f2f3f1;
:current="active" @change="changeHandler" :show-bar="true" height="100" padding: 0 15px;
font-size="28"></u-tabs> display: flex;
</view> align-items: center;
</view> justify-content: space-between;
<view style="height: calc(100vh - 100rpx)" > font-size: 12px;
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" color: #999999;
style="height: 100%; padding-bottom: 0px;"> }
<view style="width: 100%;height: 100vh;position: relative;"> .vipbtn{
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" width: 150rpx;height: 50rpx;border-radius: 30rpx;
style="height: calc(100% - 65px)"> display: flex;align-items: center;justify-content: center;color: #FFF;background: linear-gradient(270deg, #f7796b 0%, #e85c69 100%);
<view class="popupbox_text" style="margin-top: 15px;">布局模式</view> }
<view class="popup_item"> </style>
<u-radio-group v-model="Styletype"> <template>
<u-radio <div :style="{'background-color': '#FFF','height': '100vh','overflow': 'hidden'}" class='userListstyle'>
shape="circle" <view style="display: flex; align-items: center;">
v-for="(item, index) in Stylelist" :key="index" <view style="flex:1;overflow: hidden;">
:name="item.Id" <u-tabs bg-color="#FFF" :is-scroll="false" name="Name" :list="typeList" :active-color="mainColor"
:disabled="item.disabled" :current="active" @change="changeHandler" :show-bar="true" height="100" font-size="28"></u-tabs>
:active-color='mainColor' </view>
> </view>
{{item.Name}} <view style="height: calc(100vh - 100rpx)">
</u-radio> <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
</u-radio-group> style="height: 100%; padding-bottom: 0px;">
</view> <view style="width: 100%;height: 100vh;position: relative;">
<view class="popupbox_text" style="margin-top: 15px;">年龄 <view class="titleh">
<text style="margin-left: 15px;">{{msg.Age}}~{{msg.EndAge}}岁</text> 按如下条件帮你筛选
</view> </view>
<!-- 区间滑块 --> <!-- <view class="popupbox_text" style="margin-top: 15px;">布局模式</view>
<view class="popup_item" style="margin-top: 0;"> <view class="popup_item">
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9" <u-radio-group v-model="Styletype">
:block-size="36" :active-color="mainColor" min="0" max="100" @rangechange="rangechange" <u-radio shape="circle" v-for="(item, index) in Stylelist" :key="index" :name="item.Id"
:values="ages"></rangeSlider> :disabled="item.disabled" :active-color='mainColor'>
</view> {{item.Name}}
</u-radio>
<view class="popupbox_text" style="margin-top: 0px;">身高 </u-radio-group>
<text style="margin-left: 15px;">{{msg.Height}}~{{msg.EndHeight}}cm</text> </view> -->
</view> <view class="popupbox_text" style="margin-top: 15px;">年龄
<!-- 区间滑块 --> <text style="margin-left: 15px;">{{msg.Age}}~{{msg.EndAge}}岁</text>
<view class="popup_item" style="margin-top: 0;"> </view>
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9" <!-- 区间滑块 -->
:block-size="36" :active-color="mainColor" min="0" max="230" @rangechange="rangechange2" <view class="popup_item" style="margin-top: 0;">
:values="Heights"></rangeSlider> <rangeSlider :width="592" :height="80" :liveMode="true" background-color="#DADCE6D9"
</view> :block-size="36" :active-color="mainColor" min="0" max="100" @rangechange="rangechange"
:values="ages"></rangeSlider>
<view class="popupbox_text" style="margin-top: 0px;">体重 </view>
<text style="margin-left: 15px;">{{msg.Weight}}~{{msg.EndWeight}}kg</text> <view class="popupbox_text" style="margin-top: 0px;">学历</view>
</view> <view class="popup_item">
<!-- 区间滑块 --> <text v-if='education.length==0'
<view class="popup_item" style="margin-top: 0;"> style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text>
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9" <u-radio-group v-model="msg.EducationType" v-if='education.length>0'>
:block-size="36" :active-color="mainColor" min="0" max="200" @rangechange="rangechange3" <u-radio shape="circle" style='margin-bottom: 5px;' v-for="(item, index) in education"
:values="Weights"></rangeSlider> :key="index" :name="item.Id" :active-color='mainColor'>
</view> {{item.Name}}
</u-radio>
<view class="popupbox_text" style="margin-top: 0px;">年收入 </u-radio-group>
<text style="margin-left: 15px;">{{msg.YearMoney}}~{{msg.EndYearMoney}}万</text> </view>
</view>
<!-- 区间滑块 --> <view class="titleh">
<view class="popup_item"> <text>高级筛选(甄选会员功能)</text>
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9" <view class="vipbtn" :style="{background:mainColor}">
:block-size="36" :active-color="mainColor" min="0" max="500" @rangechange="rangechange4" vip筹建中
:values="YearMoeys"></rangeSlider> </view>
</view> </view>
<view class="popupbox_text" style="margin-top: 0px;">学历</view>
<view class="popup_item" > <view class="popupbox_text" style="margin-top: 10px;">身高
<text v-if='education.length==0' style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text> <!-- <text style="margin-left: 15px;">{{msg.Height}}~{{msg.EndHeight}}cm</text> -->
<u-radio-group v-model="msg.EducationType" v-if='education.length>0'> </view>
<u-radio <!-- 区间滑块 -->
shape="circle" <view class="popup_item" style="margin-top: 0;">
style='margin-bottom: 5px;' <rangeSlider :width="592" :height="80" :liveMode="true" background-color="#DADCE6D9"
v-for="(item, index) in education" :key="index" :block-size="36" :active-color="mainColor" min="0" max="0" @rangechange="rangechange2"
:name="item.Id" :values="Heights"></rangeSlider>
:active-color='mainColor' </view>
>
{{item.Name}} <view class="popupbox_text" style="margin-top: 0px;">体重
<!-- <text style="margin-left: 15px;">{{msg.Weight}}~{{msg.EndWeight}}kg</text> -->
</u-radio> </view>
</u-radio-group> <!-- 区间滑块 -->
</view> <view class="popup_item" style="margin-top: 0;">
<view class="popupbox_text" style="margin-top: 10px;">婚姻</view> <rangeSlider :width="592" :height="80" :liveMode="true" background-color="#DADCE6D9"
<view class="popup_item" > :block-size="36" :active-color="mainColor" min="0" max="0" @rangechange="rangechange3"
<text v-if='marriage.length==0' style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text> :values="Weights"></rangeSlider>
</view>
<u-radio-group v-model="msg.Marriage" v-if='marriage.length>0'>
<u-radio <view class="popupbox_text" style="margin-top: 0px;">年收入
shape="circle" <!-- <text style="margin-left: 15px;">{{msg.YearMoney}}~{{msg.EndYearMoney}}万</text> -->
style='margin-bottom: 5px;' </view>
v-for="(item, index) in marriage" :key="index" <!-- 区间滑块 -->
:name="item.Id" <view class="popup_item" style="margin-top: 0;">
:active-color='mainColor' <rangeSlider :width="592" :height="80" :liveMode="true" background-color="#DADCE6D9"
> :block-size="36" :active-color="mainColor" min="0" max="0" @rangechange="rangechange4"
{{item.Name}} :values="YearMoeys"></rangeSlider>
</view>
</u-radio>
</u-radio-group> <view class="popupbox_text" style="margin-top: 10px;">婚姻</view>
</view> <view class="popup_item">
<view class="popupbox_text" style="margin-top: 10px;">房产</view> <text v-if='marriage.length==0'
<view class="popup_item" > style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text>
<text v-if='house.length==0' style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text>
<u-radio-group v-model="msg.Marriage" v-if='marriage.length>0'>
<u-radio-group v-model="msg.HouseInfo" v-if='house.length>0'> <u-radio shape="circle" style='margin-bottom: 5px;' v-for="(item, index) in marriage"
<u-radio :disabled="true"
shape="circle" :key="index" :name="item.Id" :active-color='mainColor'>
style='margin-bottom: 5px;' {{item.Name}}
v-for="(item, index) in house" :key="index"
:name="item.Id" </u-radio>
:active-color='mainColor' </u-radio-group>
> </view>
{{item.Name}} <view class="popupbox_text" style="margin-top: 10px;">房产</view>
<view class="popup_item">
</u-radio> <text v-if='house.length==0'
</u-radio-group> style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text>
</view>
<view class="popupbox_text" style="margin-top: 10px;">车产</view> <u-radio-group v-model="msg.HouseInfo" v-if='house.length>0'>
<view class="popup_item" style="margin-bottom: 10px;"> <u-radio shape="circle" style='margin-bottom: 5px;' v-for="(item, index) in house"
<text v-if='car.length==0' style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text> :disabled="true"
:key="index" :name="item.Id" :active-color='mainColor'>
<u-radio-group v-model="msg.CarInfo" v-if='car.length>0'> {{item.Name}}
<u-radio
shape="circle" </u-radio>
style='margin-bottom: 5px;' </u-radio-group>
v-for="(item, index) in car" :key="index" </view>
:name="item.Id" <view class="popupbox_text" style="margin-top: 10px;">车产</view>
:active-color='mainColor' <view class="popup_item" style="margin-bottom: 10px;">
> <text v-if='car.length==0'
{{item.Name}} style="width: 100%;display: flex;align-items: center;justify-content: center;color: #999999;">暂无数据</text>
</u-radio> <u-radio-group v-model="msg.CarInfo" v-if='car.length>0'>
</u-radio-group> <u-radio shape="circle" style='margin-bottom: 5px;' v-for="(item, index) in car"
</view> :disabled="true"
:key="index" :name="item.Id" :active-color='mainColor'>
{{item.Name}}
</u-radio>
</scroll-view> </u-radio-group>
<view class="popup_b" :style="{height:cHeight+'px'}"> </view>
<view class="popup_b_item" style="background: #FAF8F9;color: #000000;" @click="goreset()"> <view class="popup_b" :style="{height:cHeight+'px'}">
<text>重置</text> <view class="popup_b_item" style="background: #FAF8F9;color: #000000;" @click="goreset()">
</view> <text>重置</text>
<view class="popup_b_item" :style="{background:mainColor }" @click="determine()"> </view>
<text>保存</text> <view class="popup_b_item" :style="{background:mainColor }" @click="determine()">
</view> <text>保存</text>
</view> </view>
</view> </view>
</view>
</scroll-view>
</view> </scroll-view>
</view>
</div>
</template> </div>
</template>
<script>
import matchmaking from "@/components/matchmaking/index" <script>
import rangeSlider from "../components/range-slider.vue" import matchmaking from "@/components/matchmaking/index"
export default { import rangeSlider from "../components/range-slider.vue"
components:{ export default {
matchmaking, components: {
rangeSlider matchmaking,
}, rangeSlider
data() { },
return { data() {
return {
mainColor: '',
active: 0, mainColor: '',
searchKey:"", active: 0,
typeList: [{'Name':'男神',Id:1},{'Name':'女神',Id:2}], searchKey: "",
Stylelist:[{Name:'列表模式',Id:-1},{Name:'瀑布流',Id:1}], typeList: [{
Styletype:-1, 'Name': '男神',
msg:{ Id: 1
QueryId:0, }, {
pageIndex:1, 'Name': '女神',
pageSize:20, Id: 2
Sex:1, }],
Age:0, Stylelist: [{
EndAge:0, Name: '列表模式',
Height:0, Id: -1
EndHeight:0, }, {
Weight:0, Name: '瀑布流',
EndWeight:0, Id: 1
YearMoney:0, }],
EndYearMoney:0, Styletype: -1,
CarInfo:0, msg: {
HouseInfo:0, QueryId: 0,
EducationType:0, pageIndex: 1,
Marriage:0, pageSize: 20,
}, Sex: 1,
loadText: { Age: 0,
loadmore: "轻轻上拉，加载更多", EndAge: 0,
loading: "努力加载中", Height: 0,
nomore: "没有更多了", EndHeight: 0,
}, Weight: 0,
page_count:1, EndWeight: 0,
status: "loadmore", YearMoney: 0,
data:{ EndYearMoney: 0,
listStyle:-1, CarInfo: 0,
list:[], HouseInfo: 0,
}, EducationType: 0,
width:0,//滑块的高度 Marriage: 0,
cHeight:0, },
ages:[0,0],//年龄 loadText: {
Heights:[0,0],//身高 loadmore: "轻轻上拉，加载更多",
Weights:[0,0],//体重 loading: "努力加载中",
YearMoeys:[0,0],//年收入 nomore: "没有更多了",
education:[], },
marriage:[], page_count: 1,
house:[], status: "loadmore",
car:[], data: {
queryList:[],//获取刷选的数据 listStyle: -1,
}; list: [],
}, },
onLoad(options) { width: 0, //滑块的高度
if(options && options.Sex){ cHeight: 0,
this.msg.Sex = options.Sex; ages: [0, 0], //年龄
if(this.msg.Sex==2){ Heights: [0, 0], //身高
this.active =1 Weights: [0, 0], //体重
} YearMoeys: [0, 0], //年收入
} education: [],
this.cHeight = this.$uiConfig.is_bang ? 60 : 52; marriage: [],
if(uni.getStorageSync('blindDate_listStyle')){//从缓存里获取图片模式 house: [],
this.data.listStyle = uni.getStorageSync('blindDate_listStyle').style; car: [],
this.Styletype = uni.getStorageSync('blindDate_listStyle').style; queryList: [], //获取刷选的数据
}else{ };
uni.setStorageSync("blindDate_listStyle",{style:this.data.listStyle});//吧当前时间存起来 },
} onLoad(options) {
this.GetBaseInfoQueryList()//获取筛选数据 if (options && options.Sex) {
this.getEnumList();//学历 this.msg.Sex = options.Sex;
this.getMarriage();//婚姻 if (this.msg.Sex == 2) {
this.GetHouseList()//获取房屋枚举 this.active = 1
this.GetCarList()//获取车辆枚举 }
}, }
created() { this.cHeight = this.$uiConfig.is_bang ? 60 : 52;
this.mainColor = this.$uiConfig.mainColor; if (uni.getStorageSync('blindDate_listStyle')) { //从缓存里获取图片模式
this.width = this.$utils.SystemInfo().windowWidth*0.9; this.data.listStyle = uni.getStorageSync('blindDate_listStyle').style;
}, this.Styletype = uni.getStorageSync('blindDate_listStyle').style;
mounted() { } else {
uni.setNavigationBarTitle({ uni.setStorageSync("blindDate_listStyle", {
title: '筛选条件', style: this.data.listStyle
}); }); //吧当前时间存起来
}
}, this.GetBaseInfoQueryList() //获取筛选数据
methods: { this.getEnumList(); //学历
GetBaseInfoQueryList(){ this.getMarriage(); //婚姻
this.request2( this.GetHouseList() //获取房屋枚举
{ this.GetCarList() //获取车辆枚举
url: '/api/AppletMiai/GetBaseInfoQueryList', },
data: {} created() {
}, this.mainColor = this.$uiConfig.mainColor;
res => { this.width = this.$utils.SystemInfo().windowWidth * 0.9;
if(res.resultCode==1){ },
this.queryList = res.data; mounted() {
this.getscreen(this.queryList) let pageTitle = '匹配要求'
} let currentPages = getCurrentPages();
} let u = "/" + currentPages[currentPages.length - 1].route;
); let pages = wx.getStorageSync("basedata") ?
}, wx.getStorageSync("basedata").bar_title : [];
getscreen(){ this.words = wx.getStorageSync("basedata") ? wx.getStorageSync("basedata").share_setting_custom.words : {},
if(this.queryList.length>0){ pages.forEach((x) => {
this.queryList.map(x=>{ if (x.value == u) {
if(x.Sex == this.msg.Sex){ pageTitle = x.new_name ? x.new_name : x.name;
this.msg.QueryId = x.Id; }
this.msg.Age = x.Age; });
this.msg.EndAge = x.EndAge; uni.setNavigationBarTitle({
this.msg.Height = x.Height; title: pageTitle,
this.msg.EndHeight = x.EndHeight; });
this.msg.Weight = x.Weight;
this.msg.EndWeight = x.EndWeight;
this.msg.YearMoney = x.YearMoney; },
this.msg.EndYearMoney = x.EndYearMoney; methods: {
this.msg.CarInfo = x.CarInfo; GetBaseInfoQueryList() {
this.msg.HouseInfo = x.HouseInfo; this.request2({
this.msg.EducationType = x.EducationType; url: '/api/AppletMiai/GetBaseInfoQueryList',
this.msg.Marriage = x.Marriage; data: {}
},
this.ages=[x.Age,x.EndAge];//年龄 res => {
this.Heights=[x.Height,x.EndHeight];//身高 if (res.resultCode == 1) {
this.Weights=[x.Weight,x.EndWeight];//体重 this.queryList = res.data;
this.YearMoeys=[x.YearMoney,x.EndYearMoney];//年收入 this.getscreen(this.queryList)
} }
}) }
} );
// this.init();//获取了筛选条件再调用接口 },
}, getscreen() {
init() { if (this.queryList.length > 0) {
this.request2( this.queryList.map(x => {
{ if (x.Sex == this.msg.Sex) {
url: '/api/AppletMiai/GetBaseInfoPageList', this.msg.QueryId = x.Id;
data: this.msg this.msg.Age = x.Age;
}, this.msg.EndAge = x.EndAge;
res => { this.msg.Height = x.Height;
if(res.resultCode==1){ this.msg.EndHeight = x.EndHeight;
this.data.list = this.data.list.concat(res.data.pageData); this.msg.Weight = x.Weight;
this.page_count = res.data.pageCount; this.msg.EndWeight = x.EndWeight;
if (this.page_count == 1) { this.msg.YearMoney = x.YearMoney;
this.status = "nomore"; this.msg.EndYearMoney = x.EndYearMoney;
} this.msg.CarInfo = x.CarInfo;
} this.msg.HouseInfo = x.HouseInfo;
} this.msg.EducationType = x.EducationType;
); this.msg.Marriage = x.Marriage;
},
lower(e) { this.ages = [x.Age, x.EndAge]; //年龄
this.Heights = [x.Height, x.EndHeight]; //身高
if (this.msg.pageIndex < this.page_count) { this.Weights = [x.Weight, x.EndWeight]; //体重
this.msg.pageIndex++; this.YearMoeys = [x.YearMoney, x.EndYearMoney]; //年收入
this.status = "loading"; }
this.init(); })
} else { }
this.status = "nomore"; },
} init(type) {
}, this.request2({
changeHandler(i) { url: '/api/AppletMiai/GetBaseInfoPageList',
this.active = i; data: this.msg
this.msg.Sex = this.typeList[i].Id; },
this.msg.pageIndex = 1; res => {
this.data.list= []; if (res.resultCode == 1) {
this.getscreen(this.queryList) if(type==1){
}, uni.showToast({
goreset(){//重置 title: "保存成功"
let data = { })
QueryId:this.msg.QueryId, }else{
pageIndex:1, uni.showToast({
pageSize:20, title: "重置成功"
Sex:this.msg.Sex, })
Age:0,
EndAge:0,
Height:0,
EndHeight:0,
Weight:0,
EndWeight:0,
YearMoney:0,
EndYearMoney:0,
CarInfo:0,
HouseInfo:0,
EducationType:0,
Marriage:0,
}
this.ages=[0,0];//年龄
this.Heights=[0,0];//身高
this.Weights=[0,0];//体重
this.YearMoeys=[0,0];//年收入
this.msg = data;
this.data.list= [];
this.init();
},
determine(){//确定
this.msg.pageIndex = 1;
this.data.list= [];
this.data.listStyle = this.Styletype
uni.setStorageSync("blindDate_listStyle",{style:this.data.listStyle});//吧当前时间存起来
this.init();
this.show = false
},
rangechange(e){//年龄
this.msg.Age = e.minValue;
this.msg.EndAge = e.maxValue;
},
rangechange2(e){//体重
this.msg.Height = e.minValue;
this.msg.EndHeight = e.maxValue;
},
rangechange3(e){//身高
this.msg.Weight = e.minValue;
this.msg.EndWeight = e.maxValue;
},
rangechange4(e){//年收入
this.msg.YearMoney = e.minValue;
this.msg.EndYearMoney = e.maxValue;
},
getEnumList(){//学历
this.request2(
{
url: '/api/AppletMiai/GetEducationTypeEnumList',
data: {}
},
res => {
if(res.resultCode==1){
if(res.data.length > 0){
this.education = res.data
this.education.unshift({Name:'不限','Id':0})
}
}
}
);
},
getMarriage(){
this.request2(
{
url: '/api/AppletMiai/GetMarriageEnumList',
data: {}
},
res => {
if(res.resultCode==1){
if(res.data.length > 0){
this.marriage = res.data
this.marriage.unshift({Name:'不限','Id':0})
}
}
}
);
},
GetHouseList(){
this.request2(
{
url: '/api/AppletMiai/GetHouseInfoEnumList',
data: {}
},
res => {
if(res.resultCode==1){
if(res.data.length > 0){
this.house = res.data
this.house.unshift({Name:'不限','Id':0})
}
}
}
);
},
GetCarList(){
this.request2(
{
url: '/api/AppletMiai/GetCarInfoEnumList',
data: {}
},
res => {
if(res.resultCode==1){
if(res.data.length > 0){
this.car = res.data
this.car.unshift({Name:'不限','Id':0})
} }
}
} }
); }
);
},
lower(e) {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
}
},
changeHandler(i) {
this.active = i;
this.msg.Sex = this.typeList[i].Id;
this.msg.pageIndex = 1;
this.data.list = [];
this.getscreen(this.queryList)
},
goreset() { //重置
let data = {
QueryId: this.msg.QueryId,
pageIndex: 1,
pageSize: 20,
Sex: this.msg.Sex,
Age: 0,
EndAge: 0,
Height: 0,
EndHeight: 0,
Weight: 0,
EndWeight: 0,
YearMoney: 0,
EndYearMoney: 0,
CarInfo: 0,
HouseInfo: 0,
EducationType: 0,
Marriage: 0,
}
this.ages = [0, 0]; //年龄
this.Heights = [0, 0]; //身高
this.Weights = [0, 0]; //体重
this.YearMoeys = [0, 0]; //年收入
this.msg = data;
this.data.list = [];
this.init(2);
},
determine() { //确定
this.msg.pageIndex = 1;
this.data.list = [];
this.data.listStyle = this.Styletype
uni.setStorageSync("blindDate_listStyle", {
style: this.data.listStyle
}); //吧当前时间存起来
this.init(1);
this.show = false
},
rangechange(e) { //年龄
this.msg.Age = e.minValue;
this.msg.EndAge = e.maxValue;
}, },
// TODO 4.29 暂时放在这里 没有vip功能不让选择
} rangechange2(e) { //体重
}; // this.msg.Height = e.minValue;
</script> // this.msg.EndHeight = e.maxValue;
},
<style> rangechange3(e) { //身高
.userListstyle { // this.msg.Weight = e.minValue;
position: relative; // this.msg.EndWeight = e.maxValue;
padding-bottom: 12px; },
border: 1rpx solid transparent; rangechange4(e) { //年收入
border-radius: 10rpx; // this.msg.YearMoney = e.minValue;
overflow: hidden; // this.msg.EndYearMoney = e.maxValue;
box-shadow: 0 4px 10px 1px #e6e5e5; },
background-color: #fff; getEnumList() { //学历
} this.request2({
url: '/api/AppletMiai/GetEducationTypeEnumList',
.userListstyle .tips { data: {}
width: 64rpx; },
height: 64rpx; res => {
position: absolute; if (res.resultCode == 1) {
top: 0; if (res.data.length > 0) {
left: 0; this.education = res.data
z-index: 4; this.education.unshift({
} Name: '不限',
'Id': 0
.userListstyle .img-box { })
width: 100%; }
height: 0; }
padding-top: 100%; }
position: relative; );
overflow: hidden; },
} getMarriage() {
this.request2({
.userListstyle .img-box .img-show { url: '/api/AppletMiai/GetMarriageEnumList',
position: absolute; data: {}
left: 0; },
top: 0; res => {
bottom: 0; if (res.resultCode == 1) {
right: 0; if (res.data.length > 0) {
width: 100%; this.marriage = res.data
height: 338rpx; this.marriage.unshift({
overflow: hidden; Name: '不限',
} 'Id': 0
})
.userListstyle .guding { }
position: relative; }
} }
);
.userListstyle .guding .img-box { },
position: absolute; GetHouseList() {
left: 0; this.request2({
right: 0; url: '/api/AppletMiai/GetHouseInfoEnumList',
bottom: 0; data: {}
top: 0; },
} res => {
if (res.resultCode == 1) {
.userListstyle .good-info { if (res.data.length > 0) {
padding: 15rpx; this.house = res.data
height: 112rpx; this.house.unshift({
} Name: '不限',
'Id': 0
.userListstyle .good-info .good-name { })
overflow: hidden; }
text-overflow: ellipsis; }
display: -webkit-box; }
-webkit-line-clamp: 1; );
-webkit-box-orient: vertical; },
margin-bottom: 8px; GetCarList() {
color: #111111; this.request2({
font-size: 26rpx; url: '/api/AppletMiai/GetCarInfoEnumList',
font-weight: bold; data: {}
} },
res => {
.userListstyle .good-info .good-price-info { if (res.resultCode == 1) {
display: flex; if (res.data.length > 0) {
color: #999999; this.car = res.data
overflow: hidden; this.car.unshift({
text-overflow: ellipsis; Name: '不限',
display: -webkit-box; 'Id': 0
-webkit-line-clamp: 1; })
-webkit-box-orient: vertical; }
font-size: 22rpx; }
} }
);
.userListstyle .good-info .good-price-info .price { },
color: #999999;
/* flex: 1; */ }
font-size: 11px; };
overflow: hidden; </script>
text-overflow: ellipsis;
display: -webkit-box; <style>
-webkit-line-clamp: 1; .userListstyle {
-webkit-box-orient: vertical; position: relative;
} padding-bottom: 12px;
border-radius: 10rpx;
.userListstyle .good-info .good-price-info .buy { overflow: hidden;
width: 24px; box-shadow: 0 4px 10px 1px #e6e5e5;
text-align: right; background-color: #fff;
} }
.userListstyle .popupbox{
width: 100%; .userListstyle .tips {
height: 100%; width: 64rpx;
display: flex; height: 64rpx;
flex-direction: column; position: absolute;
position: relative; top: 0;
overflow-y: auto; left: 0;
z-index: 4;
} }
.userListstyle .popupbox_text{
font-size: 12px; .userListstyle .img-box {
color: #111111; width: 100%;
margin-left: 5%; height: 0;
} padding-top: 100%;
.userListstyle .popup_item{ position: relative;
width: 90%; overflow: hidden;
/* height: 35px; */ }
margin-left: 5%;
display: flex; .userListstyle .img-box .img-show {
flex-direction: row; position: absolute;
align-items: center; left: 0;
justify-content: space-between; top: 0;
padding: 5px; bottom: 0;
margin-top: 10px; right: 0;
/* background: #F1F1F1; */ width: 100%;
} height: 338rpx;
.userListstyle .inputM{ overflow: hidden;
width: 100%; }
}
.userListstyle .popup_b{ .userListstyle .guding {
width: 100%; position: relative;
position: absolute; }
left: 0;
bottom: 0; .userListstyle .guding .img-box {
display: flex; position: absolute;
flex-direction: row; left: 0;
align-items: center; right: 0;
color: #FFFFFF; bottom: 0;
top: 0;
} }
.userListstyle .popup_b_item{
width: 50%; .userListstyle .good-info {
height: 100%; padding: 15rpx;
display: flex; height: 112rpx;
flex-direction: row; }
align-items: flex-start;
justify-content: center; .userListstyle .good-info .good-name {
font-size: 14px; overflow: hidden;
padding-top: 15px; text-overflow: ellipsis;
} display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 8px;
color: #111111;
font-size: 26rpx;
font-weight: bold;
}
.userListstyle .good-info .good-price-info {
display: flex;
color: #999999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 22rpx;
}
.userListstyle .good-info .good-price-info .price {
color: #999999;
/* flex: 1; */
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.userListstyle .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
.userListstyle .popupbox {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
overflow-y: auto;
}
.userListstyle .popupbox_text {
font-size: 12px;
color: #111111;
margin-left: 5%;
}
.userListstyle .popup_item {
width: 90%;
/* height: 35px; */
margin-left: 5%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 5px;
margin-top: 10px;
/* background: #F1F1F1; */
}
.userListstyle .inputM {
width: 100%;
}
.userListstyle .popup_b {
width: 100%;
/* position: absolute;
left: 0;
bottom: 0; */
display: flex;
flex-direction: row;
align-items: center;
color: #FFFFFF;
}
.userListstyle .popup_b_item {
width: 50%;
height: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
font-size: 14px;
padding-top: 15px;
}
</style> </style>
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