Commit cd1bb7c5 authored by 黄奎's avatar 黄奎

页面修改

parent 4d9b654b
...@@ -7,15 +7,15 @@ ...@@ -7,15 +7,15 @@
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="180px"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="180px">
<el-form-item label="用户"> <el-form-item label="用户">
<el-button @click="openChangeDig(1)" size="small">选择文件</el-button> <el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
<div class="app-image" :style="{backgroundImage:'url(' + addMsg.Photo + ')',backgroundSize:'cover'}" v-if="addMsg.Photo!=''"></div> <div class="app-image" :style="{backgroundImage:'url(' + addMsg.Photo + ')',backgroundSize:'cover'}"
v-if="addMsg.Photo!=''"></div>
<img src="../../assets/img/default.png" style="width:80px;height:80px" alt="" v-if="addMsg.Photo==''"> <img src="../../assets/img/default.png" style="width:80px;height:80px" alt="" v-if="addMsg.Photo==''">
</el-form-item> </el-form-item>
<el-form-item label="昵称"> <el-form-item label="昵称">
<el-input v-model="addMsg.Name" style="width:478px" size="small" ></el-input> <el-input v-model="addMsg.Name" style="width:478px" size="small"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="微信号" prop="WechatNo"> <el-form-item label="微信号" prop="WechatNo">
<el-input v-model="addMsg.WechatNo" style="width:478px" size="small" ></el-input> <el-input v-model="addMsg.WechatNo" style="width:478px" size="small"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="会员等级"> <el-form-item label="会员等级">
<el-select style="width:293px;" size="small" v-model="addMsg.MemberGrade" placeholder="请选择活动区域"> <el-select style="width:293px;" size="small" v-model="addMsg.MemberGrade" placeholder="请选择活动区域">
...@@ -61,13 +61,12 @@ ...@@ -61,13 +61,12 @@
<div class="colapp-image" :style="{ <div class="colapp-image" :style="{
backgroundImage: 'url(' + item + ')' backgroundImage: 'url(' + item + ')'
}"></div> }"></div>
<el-button @click="ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close" <el-button @click="ClearCarouse(index)" class="delBtn" type="danger" icon="el-icon-close" circle>
circle></el-button> </el-button>
</div> </div>
</draggable> </draggable>
</div> </div>
<div @click="openChangeDig(2)" <div @click="openChangeDig(2)" class="add-image-btn 2222">
class="add-image-btn 2222">
+ 添加图片 + 添加图片
</div> </div>
</div> </div>
...@@ -87,15 +86,12 @@ ...@@ -87,15 +86,12 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="生日" prop="Birthday"> <el-form-item label="生日" prop="Birthday">
<el-date-picker <el-date-picker v-model="addMsg.Birthday" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
v-model="addMsg.Birthday"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="学历"> <el-form-item label="学历">
<el-radio v-model="addMsg.EducationType" v-for="(x,y) in EducationList" :key="y" :label="x.Id">{{x.Name}}</el-radio> <el-radio v-model="addMsg.EducationType" v-for="(x,y) in EducationList" :key="y" :label="x.Id">{{x.Name}}
</el-radio>
</el-form-item> </el-form-item>
<el-form-item label="婚姻"> <el-form-item label="婚姻">
<el-radio v-model="addMsg.Marriage" v-for="(x,y) in MarriageList" :key="y" :label="x.Id">{{x.Name}}</el-radio> <el-radio v-model="addMsg.Marriage" v-for="(x,y) in MarriageList" :key="y" :label="x.Id">{{x.Name}}</el-radio>
...@@ -107,136 +103,83 @@ ...@@ -107,136 +103,83 @@
<el-radio v-model="addMsg.CarInfo" v-for="(x,y) in CarInfoList" :key="y" :label="x.Id">{{x.Name}}</el-radio> <el-radio v-model="addMsg.CarInfo" v-for="(x,y) in CarInfoList" :key="y" :label="x.Id">{{x.Name}}</el-radio>
</el-form-item> </el-form-item>
<el-form-item label="年收入"> <el-form-item label="年收入">
<el-radio v-model="addMsg.YearMoneyType" v-for="(x,y) in yearMoneyList" :key="y" :label="x.Id">{{x.Name}}</el-radio> <el-radio v-model="addMsg.YearMoneyType" v-for="(x,y) in yearMoneyList" :key="y" :label="x.Id">{{x.Name}}
</el-form-item> </el-radio>
<!-- <el-form-item label="年收入" prop="YearMoney" >
<el-input v-model="addMsg.YearMoney" style="width:478px" size="small" :min="0" type="number" placeholder="请输入年收入">
<template slot="append">万</template>
</el-input>
</el-form-item> -->
<el-form-item label="现据地" >
<el-cascader v-model="position2" @change="gejigguan2" :placeholder="addressName2" :options="provinceList" @active-item-change="handleItemChange" :props="props" style="width: 478px"></el-cascader>
</el-form-item>
<el-form-item label="真实姓名">
<el-input v-model="addMsg.RealName" style="width:478px" size="small" :min="0" type="text" placeholder="请输入真实姓名"></el-input>
</el-form-item>
<el-form-item label="身份证号" >
<el-input v-model="addMsg.IDCardNo" style="width:478px" size="small" :min="0" maxlength="18" type="number" placeholder="请输入身份证号"></el-input>
</el-form-item>
<!-- <el-form-item label="身份证正面" size="small" >
<el-button @click="openChangeDig(3)" size="small">选择文件</el-button>
<div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
<img style="width:80px;height:80px" :src="addMsg.IDCard" v-if="addMsg.IDCard!=''"
alt="">
<img src="../../assets/img/default.png" style="width:80px;height:80px" alt="" v-if="addMsg.IDCard==''">
</div>
</el-form-item>
<el-form-item label="身份证反面" size="small" >
<el-button @click="openChangeDig(4)" size="small">选择文件</el-button>
<div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
<img style="width:80px;height:80px" :src="addMsg.IDCardBack" v-if="addMsg.IDCardBack!=''"
alt="">
<img src="../../assets/img/default.png" style="width:80px;height:80px" alt="" v-if="addMsg.IDCardBack==''">
</div>
</el-form-item> -->
<!-- <el-form-item label="资产" >-->
<!-- <el-input v-model="addMsg.OtherInfo" style="width:478px" size="small" :min="0" type="number" placeholder="请输入总资产">-->
<!-- <template slot="append">万</template>-->
<!-- </el-input>-->
<!-- </el-form-item>-->
<el-form-item label="职业类型" >
<el-input v-model="addMsg.Industry" style="width:478px" size="small" placeholder="教育行业、旅游行业"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="毕业学校" > <el-form-item label="是否显示用户资料">
<el-input v-model="addMsg.SchoolInfo" style="width:478px" size="small" placeholder="请输入学校"></el-input> <el-switch v-model="addMsg.IsShow" active-color="#409EFF" :active-value="1" :inactive-value="0">
</el-form-item> </el-switch>
<!-- <el-form-item label="工作单位" > <span class="tip">关闭后,用户将无法显示</span>
<el-input v-model="addMsg.WorkUnit" style="width:478px" size="small" placeholder="请输入工作"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="职位" > <el-form-item label="可查看微信次数">
<el-input v-model="addMsg.Job" style="width:478px" size="small" placeholder="请输入工作"></el-input> <el-input v-model="addMsg.LookTimes" style="width:478px" size="small" :min="0" type="number"
</el-form-item> --> placeholder="请输入次数">
<el-form-item label="籍贯" > <template slot="append"></template>
<el-cascader v-model="position" @change="gejigguan" :placeholder="addressName" :options="provinceList" @active-item-change="handleItemChange" :props="props" style="width: 478px"></el-cascader> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="所属分组">
addMsg.BelongGroupIdList
<el-form-item label="自我描述" >
<el-input v-model="addMsg.About" maxlength="500" show-word-limit style="width:478px" size="small" placeholder="请输入关于自己" type="textarea"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="家庭背景" > <el-form-item label="现据地">
<el-input v-model="addMsg.FamilyInfo" style="width:478px" size="small" placeholder="请输入家庭背景" type="textarea" maxlength="500" show-word-limit></el-input> <el-cascader v-model="position2" @change="gejigguan2" :placeholder="addressName2" :options="provinceList"
</el-form-item> @active-item-change="handleItemChange" :props="props" style="width: 478px"></el-cascader>
<el-form-item label="业余爱好" >
<el-input v-model="addMsg.Hobby" style="width:478px" size="small" placeholder="请输入业余爱好" type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="曾经旅游过的地方" > <el-form-item label="真实姓名">
<el-input v-model="addMsg.ActivityRegion" style="width:478px" size="small" placeholder="请输入曾经旅游过的地方" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.RealName" style="width:478px" size="small" :min="0" type="text"
placeholder="请输入真实姓名"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="理想的另一半是什么样的" > <el-form-item label="身份证号">
<el-input v-model="addMsg.HopeYou" style="width:478px" size="small" placeholder="希望心中的TA是一个什么样的人" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.IDCardNo" style="width:478px" size="small" :min="0" maxlength="18" type="number"
placeholder="请输入身份证号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="期待的未来生活是怎样的" > <el-form-item label="职业类型">
<el-input v-model="addMsg.OtherInfo" style="width:478px" size="small" placeholder="希望心中的TA是一个什么样的人" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.Industry" style="width:478px" size="small" placeholder="教育行业、旅游行业"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="最喜欢的一本书及原因" > <el-form-item label="毕业学校">
<el-input v-model="addMsg.LikeBook" style="width:478px" size="small" placeholder="请输入最喜欢的一本书及原因" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.SchoolInfo" style="width:478px" size="small" placeholder="请输入学校"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="最喜欢的电影及原因" > <el-form-item label="籍贯">
<el-input v-model="addMsg.LikeTV" style="width:478px" size="small" placeholder="请输入最喜欢的电影及原因" type="textarea" maxlength="500" show-word-limit></el-input> <el-cascader v-model="position" @change="gejigguan" :placeholder="addressName" :options="provinceList"
@active-item-change="handleItemChange" :props="props" style="width: 478px"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="欣赏爱情" > <el-form-item label="自我描述">
<el-input v-model="addMsg.IdealLove" style="width:478px" size="small" placeholder="请输入欣赏哪对名人的爱情,原因是什么" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.About" maxlength="500" show-word-limit style="width:478px" size="small"
placeholder="请输入关于自己" type="textarea"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="关于自己" > <el-form-item label="家庭背景">
<el-input v-model="addMsg.About" style="width:478px" size="small" placeholder="请输入关于自己" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.FamilyInfo" style="width:478px" size="small" placeholder="请输入家庭背景" type="textarea"
maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="业余爱好">
<el-form-item label="家庭背景" > <el-input v-model="addMsg.Hobby" style="width:478px" size="small" placeholder="请输入业余爱好" type="textarea"
<el-input v-model="addMsg.FamilyInfo" style="width:478px" size="small" placeholder="请输入家庭背景" type="textarea" maxlength="500" show-word-limit></el-input> maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="业余爱好" > <el-form-item label="曾经旅游过的地方">
<el-input v-model="addMsg.Hobby" style="width:478px" size="small" placeholder="请输入业余爱好" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.ActivityRegion" style="width:478px" size="small" placeholder="请输入曾经旅游过的地方"
type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="喜欢的食物" > <el-form-item label="理想的另一半是什么样的">
<el-input v-model="addMsg.LikeFood" style="width:478px" size="small" placeholder="请输入喜欢的食物" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.HopeYou" style="width:478px" size="small" placeholder="希望心中的TA是一个什么样的人"
type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="喜欢的书" > <el-form-item label="期待的未来生活是怎样的">
<el-input v-model="addMsg.LikeBook" style="width:478px" size="small" placeholder="请输入喜欢的书" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.OtherInfo" style="width:478px" size="small" placeholder="希望心中的TA是一个什么样的人"
type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="喜欢的电影和电视剧" > <el-form-item label="最喜欢的一本书及原因">
<el-input v-model="addMsg.LikeTV" style="width:478px" size="small" placeholder="请输入喜欢的电影和电视剧" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.LikeBook" style="width:478px" size="small" placeholder="请输入最喜欢的一本书及原因"
type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="喜欢的情歌" > <el-form-item label="最喜欢的电影及原因">
<el-input v-model="addMsg.LikeSong" style="width:478px" size="small" placeholder="请输入喜欢的情歌" type="textarea" maxlength="500" show-word-limit></el-input> <el-input v-model="addMsg.LikeTV" style="width:478px" size="small" placeholder="请输入最喜欢的电影及原因" type="textarea"
maxlength="500" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="欣赏爱情">
<el-form-item label="听过最美的情话" > <el-input v-model="addMsg.IdealLove" style="width:478px" size="small" placeholder="请输入欣赏哪对名人的爱情,原因是什么"
<el-input v-model="addMsg.LoveTalk" style="width:478px" size="small" placeholder="请输入听过最美的情话" type="textarea" maxlength="500" show-word-limit></el-input> type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item>
<el-form-item label="欣赏爱情" >
<el-input v-model="addMsg.IdealLove" style="width:478px" size="small" placeholder="请输入欣赏哪对名人的爱情,原因是什么" type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item>
<el-form-item label="单身原因" >
<el-input v-model="addMsg.SingleReason" style="width:478px" size="small" placeholder="请输入单身原因" type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item>
<el-form-item label="希望的TA是..." >
<el-input v-model="addMsg.HopeYou" style="width:478px" size="small" placeholder="希望心中的TA是一个什么样的人" type="textarea" maxlength="500" show-word-limit></el-input>
</el-form-item> -->
<!-- <el-form-item label="约会时间" >
<el-date-picker
v-model="addMsg.Appointment"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择约会时间">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="约会地点" >
<el-input v-model="addMsg.AppointmentAddress" style="width:478px" size="small" placeholder="请输入约会地点" ></el-input>
</el-form-item> -->
<el-form-item label="发帖权利" v-if="addMsg.BaseInfoId>0"> <el-form-item label="发帖权利" v-if="addMsg.BaseInfoId>0">
<el-radio v-model="addMsg.IsFaTie" :label="1">开启</el-radio> <el-radio v-model="addMsg.IsFaTie" :label="1">开启</el-radio>
<el-radio v-model="addMsg.IsFaTie" :label="0">关闭</el-radio> <el-radio v-model="addMsg.IsFaTie" :label="0">关闭</el-radio>
...@@ -273,7 +216,7 @@ ...@@ -273,7 +216,7 @@
}, },
data() { data() {
return { return {
changeState:false, changeState: false,
addMsg: { addMsg: {
Id: '', Id: '',
SuperiorId: '', SuperiorId: '',
...@@ -282,18 +225,17 @@ ...@@ -282,18 +225,17 @@
Remark: '', Remark: '',
AliasName: '', AliasName: '',
PostId: 0, //职位 PostId: 0, //职位
IsShow: 1, //默认显示
}, },
val: '', val: '',
value: '', value: '',
total: 0, total: 0,
rules: { rules: {
WechatNo:[ WechatNo: [{
{
required: true, required: true,
message: '请输入微信号', message: '请输入微信号',
trigger: 'blur' trigger: 'blur'
} }],
],
Photo: [{ Photo: [{
required: true, required: true,
message: '请选择用户头像', message: '请选择用户头像',
...@@ -324,12 +266,13 @@ ...@@ -324,12 +266,13 @@
message: '年收入大于0', message: '年收入大于0',
trigger: 'blur' trigger: 'blur'
}], }],
AlbumList:[ AlbumList: [{
{ type: 'array', required: true, message: '请选择照片墙', trigger: 'change' } type: 'array',
], required: true,
message: '请选择照片墙',
trigger: 'change'
}],
}, },
restaurants: [],
UserId: '', UserId: '',
userInfo: {}, userInfo: {},
msg: { msg: {
...@@ -344,30 +287,32 @@ ...@@ -344,30 +287,32 @@
mall_userInfo: {}, //用户信息 mall_userInfo: {}, //用户信息
tableData: [], tableData: [],
options: [], options: [],
imgType: 1,
imgType:1, EducationList: [], //学历
EducationList:[],//学历 MarriageList: [], //婚姻
MarriageList:[],//婚姻 HouseList: [], //房子情况
HouseList:[],//房子情况 CarInfoList: [], //车子情况
CarInfoList:[],//车子情况 yearMoneyList: [], //年收入
yearMoneyList:[],//年收入 position: [],
position:[], position2: [],
position2:[], addressName: '请选择籍贯',
addressName:'请选择籍贯', addressName2: '请选择个人定位',
addressName2:'请选择个人定位',
provinceList: [], //省市县列表 provinceList: [], //省市县列表
provinceList2: [], //省市县列表 provinceList2: [], //省市县列表
props: {value: 'value', children: 'cities'}, props: {
value: 'value',
children: 'cities'
},
}; };
}, },
created() { created() {
this.mall_userInfo = JSON.parse(localStorage.mall_userInfo) this.mall_userInfo = JSON.parse(localStorage.mall_userInfo)
this.GetEducationTypeEnumList()//学历 this.GetEducationTypeEnumList() //学历
this.GetMarriageEnumList()//婚姻 this.GetMarriageEnumList() //婚姻
this.GetHouseInfoEnumList()//房子情况 this.GetHouseInfoEnumList() //房子情况
this.GetCarInfoEnumList()//车子情况 this.GetCarInfoEnumList() //车子情况
this.getPosition(null) //地址的请求 this.getPosition(null) //地址的请求
this.getYearMoneyType()//获取年收入的枚举 this.getYearMoneyType() //获取年收入的枚举
if (this.$route.query.UserId) { if (this.$route.query.UserId) {
this.UserId = this.$route.query.UserId; this.UserId = this.$route.query.UserId;
...@@ -378,22 +323,18 @@ ...@@ -378,22 +323,18 @@
}, },
methods: { methods: {
Save(formName) { Save(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
if(this.addMsg.Height==''){ if (this.addMsg.Height == '') {
this.Error('身高不能为空'); this.Error('身高不能为空');
return return
} }
if(this.addMsg.Weight==''){ if (this.addMsg.Weight == '') {
this.Error('体重不能为空'); this.Error('体重不能为空');
return return
} }
// if(this.addMsg.YearMoney==''){
// this.Error('年收入不能为空'); if (this.addMsg.AlbumList.length < 2) {
// return
// }
if(this.addMsg.AlbumList.length < 2){
this.Error('照片墙至少为2张'); this.Error('照片墙至少为2张');
return return
} }
...@@ -443,31 +384,27 @@ ...@@ -443,31 +384,27 @@
}, },
openChangeDig(num) { openChangeDig(num) {
this.changeState = true; this.changeState = true;
this.imgType=num; this.imgType = num;
}, },
SelectId(msg) {
if (this.imgType == 1) {
SelectId(msg){
if(this.imgType == 1){
let url = this.getIconLink(msg.url) let url = this.getIconLink(msg.url)
this.addMsg.Photo = url this.addMsg.Photo = url
} }
if(this.imgType == 2){ if (this.imgType == 2) {
let that = this; let that = this;
msg.forEach(item => { msg.forEach(item => {
this.addMsg.AlbumList.push(that.getIconLink(item.url)); this.addMsg.AlbumList.push(that.getIconLink(item.url));
}) })
} }
if(this.imgType==3){ if (this.imgType == 3) {
let url = this.getIconLink(msg.url) let url = this.getIconLink(msg.url)
this.addMsg.IDCard = url this.addMsg.IDCard = url
} }
if(this.imgType==4){ if (this.imgType == 4) {
let url = this.getIconLink(msg.url) let url = this.getIconLink(msg.url)
this.addMsg.IDCardBack = url this.addMsg.IDCardBack = url
} }
this.changeState = false; this.changeState = false;
}, },
goUrl() { goUrl() {
...@@ -484,89 +421,105 @@ ...@@ -484,89 +421,105 @@
}, res => { }, res => {
this.addMsg = res.data.data; this.addMsg = res.data.data;
this.msg.Name = this.addMsg.SuperiorName; this.msg.Name = this.addMsg.SuperiorName;
if(res.data.data.Province>0){ if (res.data.data.Province > 0) {
this.position =[res.data.data.Province,res.data.data.City,res.data.data.District] this.position = [res.data.data.Province, res.data.data.City, res.data.data.District]
this.addressName = res.data.data.PName+'/'+res.data.data.CName+'/'+res.data.data.DName this.addressName = res.data.data.PName + '/' + res.data.data.CName + '/' + res.data.data.DName
} }
if(res.data.data.DWProvince>0){ if (res.data.data.DWProvince > 0) {
this.position2 =[res.data.data.DWProvince,res.data.data.DWCity,res.data.data.DWDistrict] this.position2 = [res.data.data.DWProvince, res.data.data.DWCity, res.data.data.DWDistrict]
this.addressName2 = res.data.data.DWPName+'/'+res.data.data.DWCName+'/'+res.data.data.DWDName this.addressName2 = res.data.data.DWPName + '/' + res.data.data.DWCName + '/' + res.data.data.DWDName
} }
if(this.addMsg.AlbumList==null){ if (this.addMsg.AlbumList == null) {
this.addMsg.AlbumList=[] this.addMsg.AlbumList = []
} }
if(this.addMsg.Age==''){ if (this.addMsg.Age == '') {
this.addMsg.Age= 0 this.addMsg.Age = 0
} }
this.getPosition(this.position2) //地址的请求 this.getPosition(this.position2) //地址的请求
}) })
}, },
getPosition(val, cb) { getPosition(val, cb) {
let vm = this; //查询省市县 let vm = this; //查询省市县
let params = {}; let params = {};
if(!val) { //初始化加载 获取所有省份数据 if (!val) { //初始化加载 获取所有省份数据
params = {Id:1} params = {
Id: 1
}
} else if (val.length === 1) { //加载二级 获取市级数据 } else if (val.length === 1) { //加载二级 获取市级数据
params = {Id: val[0]} params = {
Id: val[0]
}
} else { //加载3级 获取县级数据 } else { //加载3级 获取县级数据
params = {Id: val[1]} params = {
Id: val[1]
}
} }
this.apipost("/api/Destination/GetChildList",params , res => { this.apipost("/api/Destination/GetChildList", params, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
if(!val) { //初始化加载 查询省份数据 if (!val) { //初始化加载 查询省份数据
vm.provinceList = res.data.data.map((e) => { vm.provinceList = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []} return {
value: e.ID,
label: e.Name,
cities: []
}
}); });
} else if (val.length === 1) { //加载二级 查询该省下市级数据 } else if (val.length === 1) { //加载二级 查询该省下市级数据
vm.provinceList.map((item) => { vm.provinceList.map((item) => {
if(item.value === val[0]) { if (item.value === val[0]) {
item.cities = res.data.data.map((e) => { item.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []} return {
value: e.ID,
label: e.Name,
cities: []
}
}) })
} }
}) })
} else { //加载3级 查询该省市下县级数据 } else { //加载3级 查询该省市下县级数据
vm.provinceList.map((item) => { vm.provinceList.map((item) => {
if(item.value === val[0]) { if (item.value === val[0]) {
item.cities.map((value) => { item.cities.map((value) => {
if(value.value === val[1]){ if (value.value === val[1]) {
value.cities = res.data.data.map((e) => { value.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name} return {
value: e.ID,
label: e.Name
}
}) })
} }
}) })
} }
}) })
} }
cb&&cb(res); cb && cb(res);
} else { } else {
// this.Info(res.data.message); // this.Info(res.data.message);
} }
}) })
}, },
handleItemChange (val) { handleItemChange(val) {
this.getPosition(val) this.getPosition(val)
}, },
ClearCarouse(index) { ClearCarouse(index) {
this.addMsg.AlbumList.splice(index, 1); this.addMsg.AlbumList.splice(index, 1);
}, },
gejigguan(val){ gejigguan(val) {
this.addMsg.Province = val[0]; this.addMsg.Province = val[0];
this.addMsg.City = val[1]; this.addMsg.City = val[1];
this.addMsg.District = val[2]; this.addMsg.District = val[2];
this.provinceList.map(x=>{ this.provinceList.map(x => {
if(x.value == val[0]){ if (x.value == val[0]) {
this.addMsg.PName = x.label this.addMsg.PName = x.label
x.cities.map(j=>{ x.cities.map(j => {
if(j.value == val[1]){ if (j.value == val[1]) {
this.addMsg.CName = j.label this.addMsg.CName = j.label
j.cities.map(z=>{ j.cities.map(z => {
if(z.value == val[2]){ if (z.value == val[2]) {
this.addMsg.DName = z.label this.addMsg.DName = z.label
} }
}) })
...@@ -577,38 +530,36 @@ ...@@ -577,38 +530,36 @@
} }
}) })
}, },
gejigguan2(val){ gejigguan2(val) {
this.addMsg.DWProvince = val[0]; this.addMsg.DWProvince = val[0];
this.addMsg.DWCity = val[1]; this.addMsg.DWCity = val[1];
this.addMsg.DWDistrict = val[2]; this.addMsg.DWDistrict = val[2];
}, },
GetEducationTypeEnumList(){//学历 GetEducationTypeEnumList() { //学历
this.apipost("/api/Miai/GetEducationTypeEnumList", {}, (res) => { this.apipost("/api/Miai/GetEducationTypeEnumList", {}, (res) => {
this.EducationList = res.data.data; this.EducationList = res.data.data;
}); });
}, },
GetMarriageEnumList(){//婚姻 GetMarriageEnumList() { //婚姻
this.apipost("/api/Miai/GetMarriageEnumList", {}, (res) => { this.apipost("/api/Miai/GetMarriageEnumList", {}, (res) => {
this.MarriageList = res.data.data; this.MarriageList = res.data.data;
}); });
}, },
GetHouseInfoEnumList(){//房子情况 GetHouseInfoEnumList() { //房子情况
this.apipost("/api/Miai/GetHouseInfoEnumList", {}, (res) => { this.apipost("/api/Miai/GetHouseInfoEnumList", {}, (res) => {
this.HouseList = res.data.data; this.HouseList = res.data.data;
}); });
}, },
GetCarInfoEnumList(){//车子情况 GetCarInfoEnumList() { //车子情况
this.apipost("/api/Miai/GetCarInfoEnumList", {}, (res) => { this.apipost("/api/Miai/GetCarInfoEnumList", {}, (res) => {
this.CarInfoList = res.data.data; this.CarInfoList = res.data.data;
}); });
}, },
getYearMoneyType(){//年收入 getYearMoneyType() { //年收入
this.apipost("/api/Miai/GetYearMoneyTypeEnumList", {}, (res) => { this.apipost("/api/Miai/GetYearMoneyTypeEnumList", {}, (res) => {
this.yearMoneyList = res.data.data; this.yearMoneyList = res.data.data;
}); });
}, },
}, },
mounted() { mounted() {
...@@ -672,6 +623,7 @@ ...@@ -672,6 +623,7 @@
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.blindDateUsersListEdit .nav_Main { .blindDateUsersListEdit .nav_Main {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -687,6 +639,7 @@ ...@@ -687,6 +639,7 @@
.blindDateUsersListEdit .nav_IconContent div>div { .blindDateUsersListEdit .nav_IconContent div>div {
display: inline-block; display: inline-block;
} }
.blindDateUsersListEdit .colapp-image { .blindDateUsersListEdit .colapp-image {
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
...@@ -694,6 +647,7 @@ ...@@ -694,6 +647,7 @@
height: 100px; height: 100px;
border-radius: 0%; border-radius: 0%;
} }
.blindDateUsersListEdit .add-image-btn { .blindDateUsersListEdit .add-image-btn {
width: 100px; width: 100px;
height: 100px; height: 100px;
...@@ -703,10 +657,12 @@ ...@@ -703,10 +657,12 @@
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
.blindDateUsersListEdit .delBtn { .blindDateUsersListEdit .delBtn {
position: absolute; position: absolute;
right: -8px; right: -8px;
top: -8px; top: -8px;
padding: 4px 4px !important; padding: 4px 4px !important;
} }
</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