Skip to content

M
mallapp
Commit f9dfc080 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 02abd306
Show whitespace changes
Inline Side-by-side
Showing with 291 additions and 105 deletions
pages/kotra/activeSignUp.vue
View file @ f9dfc080
<style> <style>
.activeSignUp { .activeSignUp {
height: 100vh; /* height: 100vh; */
/* padding: 30rpx; */
}
.activeSighTitle {
width: 100%;
margin: 10rpx 0 40rpx 0;
font-size: 35rpx;
font-weight: bold;
} }
.activeSignName { .activeSignName {
font-size: 28rpx; font-size: 28rpx;
color: #1F1F1F; color: #1F1F1F;
font-weight: bold; font-weight: bold;
margin-bottom: 15rpx;
} }
.activeSign_Input { .activeSign_Input {
...@@ -23,42 +16,116 @@ ...@@ -23,42 +16,116 @@
} }
.activeMainDiv { .activeMainDiv {
margin-bottom: 30rpx; margin-bottom: 50rpx;
} }
.activeSignAdd{
display: flex; .active_Nature text {
justify-content: flex-end; display: inline-block;
} padding: 6rpx 20rpx;
.active_Nature text{ background-color: #D2D2D2;
display:inline-block; color: black;
padding:6rpx 10rpx; margin: 0 40rpx 30rpx 0;
background-color: gray;
color:black;
margin:0 30rpx 20rpx 0;
border-radius: 10rpx; border-radius: 10rpx;
font-weight: bold;
color: #1F1F1F;
} }
.active_InTitle{
font-size:30rpx; .active_InTitle {
font-size: 30rpx;
font-weight: bold; font-weight: bold;
margin-bottom:30rpx; margin-bottom: 30rpx;
} }
.active_InTitle text{
color:red; .active_InTitle text {
margin-right:5rpx; color: red;
margin-right: 5rpx;
} }
.checkedNature{
background-color: pink; .checkedNature {
color:red; background-color: #FDCCD4 !important;
color: #F95771 !important;
} }
.activeTopImg{
width:100%; .activeTopImg {
height:150px; width: 100%;
height: 150px;
} }
.active_Main{
width:100%; .active_Main {
height:100%; width: 100%;
height: 100%;
background-color: #000815; background-color: #000815;
} }
.active_Info {
padding: 30rpx 30rpx 45rpx 30rpx;
width: 92%;
margin: auto;
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.active_ContractContrent {
display: flex;
border-bottom: 1px solid #F5F6F7;
padding-bottom: 20rpx;
margin-bottom: 40rpx;
}
.active_Conleft {
width: 170rpx;
height: 75px;
border-right: 1px solid #D5D5D5;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.AContra_Name {
font-weight: bold;
font-size: 30rpx;
}
.ac_Leftname {
font-size: 26rpx;
color: #696969;
}
.ac_Rightname {
color: #1F1F1F;
font-size: 26rpx;
font-weight: bold;
}
.active_ConRight>view {
margin-bottom: 15rpx;
}
.ac_upBtn {
width: 40vw;
height: 80rpx;
border-radius: 20rpx;
background-color: #F70027;
color: #fff;
text-align: center;
line-height: 80rpx;
font-size: 32rpx;
font-weight: bold;
}
.ac_CancelBtn {
width: 40vw;
height: 80rpx;
border: 1px solid #E2E2E2;
color: #1F1F1F;
font-weight: bold;
font-size: 32rpx;
text-align: center;
line-height: 80rpx;
border-radius: 20rpx;
}
</style> </style>
<template> <template>
<view class="activeSignUp"> <view class="activeSignUp">
...@@ -66,56 +133,92 @@ ...@@ -66,56 +133,92 @@
<image mode="heightFit" style="width:100%;height:100%" src="@/static/images/signBack.png" /> <image mode="heightFit" style="width:100%;height:100%" src="@/static/images/signBack.png" />
</view> </view>
<view class="active_Main"> <view class="active_Main">
<view style="width:100%;height:33px;"> <view style="width:100%;height:35px;">
<image mode="heightFit" style="width:100%;height:100%" src="@/static/images/signJuan.png" /> <image mode="heightFit" style="width:100%;height:100%" src="@/static/images/signJuan.png" />
</view> </view>
<view class="activeSighTitle"> <view class="active_Info">
2021中国（成都）首店经济发展大会参会回执
</view>
<view class="active_InTitle"> <view class="active_InTitle">
<text>*</text> <text>*</text>
基础信息 基础信息
</view> </view>
<view class="activeMainDiv"> <view class="activeMainDiv">
<view class="activeSignName">单位/企业/机构名称</view> <view class="activeSignName">单位/企业/机构名称</view>
<input class="activeSign_Input" v-model="signMsg.CompanyName" /> <input class="activeSign_Input" placeholder="请输入对应名称" v-model="signMsg.CompanyName" />
</view> </view>
<view class="activeMainDiv"> <view class="activeMainDiv" style="border-bottom:1px solid #F5F6F7">
<view class="activeSignName" style="margin-bottom:30rpx;">性质（单选）</view> <view class="activeSignName" style="margin-bottom:30rpx;">性质（单选）</view>
<view class="active_Nature"> <view class="active_Nature">
<text v-for="(item,index) in natureList" @click="getckedId(item,index)" :class="{'checkedNature':commonIndex==index}" :key="index">{{item.Name}}</text> <text v-for="(item,index) in natureList" @click="getckedId(item,index)"
:class="{'checkedNature':commonIndex==index}" :key="index">{{item.Name}}</text>
</view>
</view>
<template v-if="signMsg.FirstShopLinkManList.length>0">
<view class="active_InTitle">
<text>*</text>
联系人<text style="font-size:26rpx">（{{signMsg.FirstShopLinkManList.length}}）</text>
</view>
<view class="active_ContractContrent" v-for="(item,index) in signMsg.FirstShopLinkManList" :key="index">
<view class="active_Conleft">
<view class="AContra_Name">{{item.LinkMan}}</view>
<view>
<image mode="heightFit" @click="editSignPerson(item,index)" style="width:32rpx;height:32rpx"
src="@/static/images/aedit.png">
<image mode="heightFit" @click="removeSignPerson(index)" style="width:33rpx;height:33rpx;margin-left:40rpx;"
src="@/static/images/adel.png">
</view> </view>
</view> </view>
<view class="activeSignAdd"> <view class="active_ConRight" style="padding-left:10px;">
<u-icon class="u-icon" name="add-o" size="80" :color="mc"></u-icon> <view>
<text class="ac_Leftname">公司职务：</text>
<text class="ac_Rightname">{{item.Post}}</text>
</view>
<view>
<text class="ac_Leftname">所属区域：</text>
<text class="ac_Rightname">{{item.CountryInfo}}</text>
</view> </view>
<view> <view>
<text class="ac_Leftname">联系电话：</text>
<text class="ac_Rightname">{{item.LinkTel}}</text>
</view>
</view>
</view>
</template>
<view v-if="isShowAdd">
<view class="activeMainDiv"> <view class="activeMainDiv">
<view class="activeSignName">姓名</view> <view class="activeSignName">姓名</view>
<input class="activeSign_Input" /> <input class="activeSign_Input" v-model="pMsg.LinkMan" placeholder="请输入您的姓名" />
</view> </view>
<view class="activeMainDiv"> <view class="activeMainDiv">
<view class="activeSignName">职务</view> <view class="activeSignName">公司职务</view>
<input class="activeSign_Input" /> <input class="activeSign_Input" v-model="pMsg.Post" placeholder="请输入您在公司的职务" />
</view> </view>
<view class="activeMainDiv"> <view class="activeMainDiv">
<view class="activeSignName">所属国籍/省/市</view> <view class="activeSignName">所属国籍/省/市</view>
<input class="activeSign_Input" /> <input class="activeSign_Input" v-model="pMsg.CountryInfo" placeholder="所属国籍/省/市" />
</view> </view>
<view class="activeMainDiv"> <view class="activeMainDiv">
<view class="activeSignName">手机号</view> <view class="activeSignName">手机号</view>
<input class="activeSign_Input" /> <input class="activeSign_Input" v-model="pMsg.LinkTel" placeholder="请输入您的11位手机号码" />
</view> </view>
</view> </view>
<template v-if="signMsg.FirstShopLinkManList.length==0">
<view> <view>
<u-button size="80" :ripple="true" shape="circle" :custom-style="{ <view class="ac_upBtn" style="width:300rpx;margin:auto;" @click="addPerson()">提交联系人信息</view>
backgroundColor: mc, </view>
height: '80rpx', </template>
color: '#FFF', <template v-if="signMsg.FirstShopLinkManList.length>0">
fontSize: '14px', <view style="display: flex;justify-content: space-between;" v-if="isShowAdd">
margin: '0 3vw', <view class="ac_upBtn" @click="addPerson()">提交联系人信息</view>
width: '40vw', <view class="ac_CancelBtn">取消</view>
}" @click="goSignUp()">立即报名</u-button> </view>
<view v-if="!isShowAdd">
<view class="ac_CancelBtn" style="width:300rpx;margin:auto;color:#F70027;border-color:#F70027"
@click="goOnAdd()">继续添加联系人</view>
</view>
</template>
</view>
<view>
<view class="ac_upBtn" style="width:90%;margin:25rpx auto" @click="goSignUp()">提交</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -127,21 +230,25 @@ ...@@ -127,21 +230,25 @@
data() { data() {
return { return {
mc: "", mc: "",
value:1, value: 1,
natureList: [], //性质数组 natureList: [], //性质数组
commonIndex:-1, commonIndex: -1,
signMsg:{ signMsg: {
ActivityIds:'7,8,9', ActivityIds: '',
CompanyName:'成都微途科技', CompanyName: '',
Nature:'1', Nature: '',
Remark:'', Remark: '',
FirstShopLinkManList:[{ FirstShopLinkManList: []
LinkMan:'张三', },
LinkTel:'12345678', pMsg:{
Post:'总经理', LinkMan: '',
CountryInfo:'中国四川省成都市' LinkTel: '',
}] Post: '',
} CountryInfo: ''
},
isShowAdd:true,
isEdit:false,
EditIndex:-1
} }
}, },
created() {}, created() {},
...@@ -150,7 +257,11 @@ ...@@ -150,7 +257,11 @@
this.getNatureList(); this.getNatureList();
}, },
onLoad(options) { onLoad(options) {
console.log(options,'optionssss'); console.log(options, 'optionssss');
if (options && options.Id) {
this.signMsg.ActivityIds = options.Id;
}
this.signMsg.ActivityIds =
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: "活动报名", title: "活动报名",
}); });
...@@ -172,26 +283,101 @@ ...@@ -172,26 +283,101 @@
}, },
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
console.log(res,'数据'); console.log(res, '数据');
this.natureList = res.data; this.natureList = res.data;
} }
} }
); );
}, },
//点击性质 //点击性质
getckedId(item,index){ getckedId(item, index) {
this.commonIndex = index; this.commonIndex = index;
this.signMsg.Nature = item.Id; this.signMsg.Nature = item.Id;
}, },
//提交联系人信息
addPerson() {
if(!this.isEdit){
if(this.pMsg.LinkMan==''){
uni.showToast({
title: '请输入姓名',
icon: 'none'
})
return
}
if(this.pMsg.LinkTel==''){
uni.showToast({
title: '请输入联系手机号',
icon: 'none'
})
return
}
this.signMsg.FirstShopLinkManList.push(JSON.parse(JSON.stringify(this.pMsg)));
this.isShowAdd=false;
}else{
this.signMsg.FirstShopLinkManList[this.EditIndex]=JSON.parse(JSON.stringify(this.pMsg));
this.isShowAdd=false;
}
},
//继续添加联系人
goOnAdd(){
this.isShowAdd=true;
this.isEdit=false;
this.clearInput();
},
//清空方法
clearInput(){
this.pMsg.LinkMan='';
this.pMsg.LinkTel='';
this.pMsg.Post='';
this.pMsg.CountryInfo='';
},
//删除联系人
removeSignPerson(index){
this.signMsg.FirstShopLinkManList.splice(index,1);
this.clearInput();
this.isShowAdd=true;
},
//编辑联系人
editSignPerson(item,index){
this.isShowAdd=true;
this.isEdit=true;
this.EditIndex = index;
this.pMsg.LinkMan = item.LinkMan;
this.pMsg.LinkTel = item.LinkTel;
this.pMsg.Post = item.Post;
this.pMsg.CountryInfo = item.CountryInfo;
},
//立即报名 //立即报名
goSignUp(){ goSignUp() {
console.log(this.signMsg,'this.signMsg');
if(this.signMsg.CompanyName==''){
uni.showToast({
title: '请输入单位/企业/机构名称',
icon: 'none'
})
return
}
if(this.signMsg.Nature==''){
uni.showToast({
title: '请选择性质',
icon: 'none'
})
return
}
if(this.signMsg.FirstShopLinkManList.length==0){
uni.showToast({
title: '请至少提交1个联系人信息',
icon: 'none'
})
return
}
this.request2({ this.request2({
url: "/api/AppletTrade/SetFirstShopActivityEnroll", url: "/api/AppletTrade/SetFirstShopActivityEnroll",
data: this.signMsg, data: this.signMsg,
}, },
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
console.log(res,'数据'); console.log(res, '数据');
} }
} }
); );
......
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