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>
.activeSignUp {
height: 100vh;
/* padding: 30rpx; */
}
.activeSighTitle {
width: 100%;
margin: 10rpx 0 40rpx 0;
font-size: 35rpx;
font-weight: bold;
/* height: 100vh; */
}
.activeSignName {
font-size: 28rpx;
color: #1F1F1F;
font-weight: bold;
margin-bottom: 15rpx;
}
.activeSign_Input {
......@@ -23,42 +16,116 @@
}
.activeMainDiv {
margin-bottom: 30rpx;
margin-bottom: 50rpx;
}
.activeSignAdd{
display: flex;
justify-content: flex-end;
}
.active_Nature text{
display:inline-block;
padding:6rpx 10rpx;
background-color: gray;
color:black;
margin:0 30rpx 20rpx 0;
.active_Nature text {
display: inline-block;
padding: 6rpx 20rpx;
background-color: #D2D2D2;
color: black;
margin: 0 40rpx 30rpx 0;
border-radius: 10rpx;
font-weight: bold;
color: #1F1F1F;
}
.active_InTitle{
font-size:30rpx;
.active_InTitle {
font-size: 30rpx;
font-weight: bold;
margin-bottom:30rpx;
margin-bottom: 30rpx;
}
.active_InTitle text{
color:red;
margin-right:5rpx;
.active_InTitle text {
color: red;
margin-right: 5rpx;
}
.checkedNature{
background-color: pink;
color:red;
.checkedNature {
background-color: #FDCCD4 !important;
color: #F95771 !important;
}
.activeTopImg{
width:100%;
height:150px;
.activeTopImg {
width: 100%;
height: 150px;
}
.active_Main{
width:100%;
height:100%;
.active_Main {
width: 100%;
height: 100%;
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>
<template>
<view class="activeSignUp">
......@@ -66,56 +133,92 @@
<image mode="heightFit" style="width:100%;height:100%" src="@/static/images/signBack.png" />
</view>
<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" />
</view>
<view class="activeSighTitle">
2021中国（成都）首店经济发展大会参会回执
</view>
<view class="active_Info">
<view class="active_InTitle">
<text>*</text>
基础信息
</view>
<view class="activeMainDiv">
<view class="activeSignName">单位/企业/机构名称</view>
<input class="activeSign_Input" v-model="signMsg.CompanyName" />
<input class="activeSign_Input" placeholder="请输入对应名称" v-model="signMsg.CompanyName" />
</view>
<view class="activeMainDiv">
<view class="activeMainDiv" style="border-bottom:1px solid #F5F6F7">
<view class="activeSignName" style="margin-bottom:30rpx;">性质（单选）</view>
<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 class="activeSignAdd">
<u-icon class="u-icon" name="add-o" size="80" :color="mc"></u-icon>
<view class="active_ConRight" style="padding-left:10px;">
<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>
<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="activeSignName">姓名</view>
<input class="activeSign_Input" />
<input class="activeSign_Input" v-model="pMsg.LinkMan" placeholder="请输入您的姓名" />
</view>
<view class="activeMainDiv">
<view class="activeSignName">职务</view>
<input class="activeSign_Input" />
<view class="activeSignName">公司职务</view>
<input class="activeSign_Input" v-model="pMsg.Post" placeholder="请输入您在公司的职务" />
</view>
<view class="activeMainDiv">
<view class="activeSignName">所属国籍/省/市</view>
<input class="activeSign_Input" />
<input class="activeSign_Input" v-model="pMsg.CountryInfo" placeholder="所属国籍/省/市" />
</view>
<view class="activeMainDiv">
<view class="activeSignName">手机号</view>
<input class="activeSign_Input" />
<input class="activeSign_Input" v-model="pMsg.LinkTel" placeholder="请输入您的11位手机号码" />
</view>
</view>
<template v-if="signMsg.FirstShopLinkManList.length==0">
<view>
<u-button size="80" :ripple="true" shape="circle" :custom-style="{
backgroundColor: mc,
height: '80rpx',
color: '#FFF',
fontSize: '14px',
margin: '0 3vw',
width: '40vw',
}" @click="goSignUp()">立即报名</u-button>
<view class="ac_upBtn" style="width:300rpx;margin:auto;" @click="addPerson()">提交联系人信息</view>
</view>
</template>
<template v-if="signMsg.FirstShopLinkManList.length>0">
<view style="display: flex;justify-content: space-between;" v-if="isShowAdd">
<view class="ac_upBtn" @click="addPerson()">提交联系人信息</view>
<view class="ac_CancelBtn">取消</view>
</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>
......@@ -127,21 +230,25 @@
data() {
return {
mc: "",
value:1,
value: 1,
natureList: [], //性质数组
commonIndex:-1,
signMsg:{
ActivityIds:'7,8,9',
CompanyName:'成都微途科技',
Nature:'1',
Remark:'',
FirstShopLinkManList:[{
LinkMan:'张三',
LinkTel:'12345678',
Post:'总经理',
CountryInfo:'中国四川省成都市'
}]
}
commonIndex: -1,
signMsg: {
ActivityIds: '',
CompanyName: '',
Nature: '',
Remark: '',
FirstShopLinkManList: []
},
pMsg:{
LinkMan: '',
LinkTel: '',
Post: '',
CountryInfo: ''
},
isShowAdd:true,
isEdit:false,
EditIndex:-1
}
},
created() {},
......@@ -150,7 +257,11 @@
this.getNatureList();
},
onLoad(options) {
console.log(options,'optionssss');
console.log(options, 'optionssss');
if (options && options.Id) {
this.signMsg.ActivityIds = options.Id;
}
this.signMsg.ActivityIds =
uni.setNavigationBarTitle({
title: "活动报名",
});
......@@ -172,26 +283,101 @@
},
(res) => {
if (res.resultCode == 1) {
console.log(res,'数据');
console.log(res, '数据');
this.natureList = res.data;
}
}
);
},
//点击性质
getckedId(item,index){
getckedId(item, index) {
this.commonIndex = index;
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({
url: "/api/AppletTrade/SetFirstShopActivityEnroll",
data: this.signMsg,
},
(res) => {
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