master
parent
d32008fb7e
commit
7becf75050
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
@ -0,0 +1,168 @@
|
||||
Component({
|
||||
data: {
|
||||
sex: 1,
|
||||
morePeople: false,
|
||||
recordList: [
|
||||
{
|
||||
id: 0,
|
||||
name: '李红霞',
|
||||
tel: 13488887125,
|
||||
gender: '女',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '张卫国',
|
||||
tel: 13488887125,
|
||||
gender: '男',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '王丽丽',
|
||||
tel: 13488887125,
|
||||
gender: '男',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: '王丽丽',
|
||||
tel: 13488887125,
|
||||
gender: '男',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: '王丽丽',
|
||||
tel: 13488887125,
|
||||
gender: '男',
|
||||
checked: false
|
||||
},
|
||||
]
|
||||
},
|
||||
properties: {
|
||||
// 抽屉高度
|
||||
height: {
|
||||
type: String,
|
||||
value: "",
|
||||
},
|
||||
drawerType: {
|
||||
type: String,
|
||||
value: "",
|
||||
},
|
||||
//抽屉显示隐藏
|
||||
show: {
|
||||
type: Boolean,
|
||||
value: false
|
||||
},
|
||||
titleText: {
|
||||
type: String,
|
||||
value: ''
|
||||
},
|
||||
// 是否需要显示tabbar
|
||||
hideTabbar: {
|
||||
type: Boolean,
|
||||
value: false
|
||||
},
|
||||
cancerShow: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
},
|
||||
//
|
||||
touchClose: {
|
||||
type: Boolean,
|
||||
value: true
|
||||
},
|
||||
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 阻止滑动穿透
|
||||
*
|
||||
*
|
||||
*/
|
||||
modalMove () {
|
||||
// console.log(this.data.color);
|
||||
return false;
|
||||
},
|
||||
// 触摸开始事件
|
||||
handletouchtart: function (event) {
|
||||
this.data.lastX = event.touches[0].pageX;
|
||||
this.data.lastY = event.touches[0].pageY;
|
||||
},
|
||||
filterTouchStart (event) {
|
||||
this.handletouchtart(event);
|
||||
},
|
||||
filterTouchMove (event) {
|
||||
let tx = this.handletouchmove(event);
|
||||
if (this.data.touchClose) {
|
||||
if (tx.ty > 100) {
|
||||
this.hideLeft();
|
||||
|
||||
}
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 页面滑动事件监听
|
||||
*
|
||||
*
|
||||
*/
|
||||
handletouchmove: function (event) {
|
||||
let that = this;
|
||||
var currentX = event.touches[0].pageX;
|
||||
var currentY = event.touches[0].pageY;
|
||||
var tx = currentX - this.data.lastX;
|
||||
var ty = currentY - this.data.lastY;
|
||||
var text = "";
|
||||
//左右方向滑动
|
||||
if (Math.abs(tx) > Math.abs(ty)) {
|
||||
return {
|
||||
tx,
|
||||
};
|
||||
}
|
||||
//上下方向滑动
|
||||
else {
|
||||
return {
|
||||
ty,
|
||||
};
|
||||
}
|
||||
},
|
||||
hideLeft () {
|
||||
// this.data.show = false
|
||||
// this.setData({
|
||||
// show: false
|
||||
// })
|
||||
var eventDetail = {
|
||||
type: this.data.drawerType
|
||||
};
|
||||
this.triggerEvent("hidedrawer", eventDetail);
|
||||
|
||||
if (this.data.hideTabbar) {
|
||||
setTimeout(() => {
|
||||
this.getTabBar().setData({
|
||||
isShow: true,
|
||||
});
|
||||
}, 200);
|
||||
}
|
||||
|
||||
},
|
||||
changeSex (e) {
|
||||
this.setData({
|
||||
sex: e.currentTarget.dataset.type
|
||||
})
|
||||
},
|
||||
addPersion () {
|
||||
wx.navigateTo({
|
||||
url: '/pages/mine/vitaeList/index?type=add'
|
||||
})
|
||||
},
|
||||
handlerMore () {
|
||||
this.setData({
|
||||
morePeople: !this.data.morePeople
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
||||
@ -0,0 +1,78 @@
|
||||
<!-- catchtouchmove="filterTouchMove" -->
|
||||
<view class="leftBox" hover-class="none" hover-stop-propagation="false">
|
||||
<view class="mask" wx:if="{{show}}" catchtouchmove="modalMove" bindtap="hideLeft"></view>
|
||||
<view class="hideBox {{show ? 'leftShow':''}}" wx:if="{{touchClose}}" style="height: {{height}};background-color:{{color}}" bindtouchstart="filterTouchStart">
|
||||
<view class="tac fw500 por">
|
||||
<slot name="title"></slot>
|
||||
<view class="iconfont icon-guanbi11 f14 c9 poa" wx:if="{{cancerShow}}" style="color:#333;right:8px;top:16px;width:32px;height:32px" catchtap="hideLeft"></view>
|
||||
</view>
|
||||
<!-- <slot></slot> -->
|
||||
<view class="bgf container">
|
||||
<view class="weui-cells weui-cells_form" style="display:flex; flex-direction:column; justify-content: space-between; margin-top: 0;height:calc(100% - 32px);">
|
||||
<view class wx:if="{{morePeople}}" style="height:calc(100% );overflow:auto">
|
||||
<view class="fsa pt16 pb16 bb1" wx:for="{{recordList}}">
|
||||
<view class>
|
||||
<view class="fw500">{{item.name + (item.gender ? ('/' + item.gender) :'') }}</view>
|
||||
<view class='c9'>{{item.tel}}</view>
|
||||
</view>
|
||||
<view class>
|
||||
<view class="iconfont icon-lajitong tac c6" style="font-size:14px;background-color:#f6f6f6;width:32px;height:32px;border-radius:50%;line-height:32px" hover-class="thover" hover-stop-propagation="{{true}}"></view>
|
||||
<!-- <checkbox class value="{{item.checked}}" color></checkbox> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class wx:else>
|
||||
<view class="weui-cell bb1 pb12">
|
||||
<view class="weui-cell__hd display-flex aic mb16" style="max-width:80px">
|
||||
<label class="weui-label c9 f12">
|
||||
您的姓名
|
||||
<text class="cfred">*</text>
|
||||
</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd fsa">
|
||||
<input class="weui-input f17 flex-1" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="请输入您的姓名" placeholder-class="input__placeholder cccc" />
|
||||
<view class="sexBox fss">
|
||||
<view class="sub mr12 {{sex == 1 ? 'subActive':''}}" bindtap="changeSex" data-type="1">先生</view>
|
||||
<view class="sub {{sex == 2 ? 'subActive':''}}" bindtap="changeSex" data-type="2">女士</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="weui-cell bb1 pb12 pt12">
|
||||
<view class="weui-cell__hd display-flex aic mb16" style="max-width:80px">
|
||||
<label class="weui-label c9 f12">
|
||||
您的手机号
|
||||
<text class="cfred">*</text>
|
||||
</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<input class="weui-input f17" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="请输入您的手机号" placeholder-class="input__placeholder cccc" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="weui-cell bb1 pb12 pt12">
|
||||
<view class="weui-cell__hd display-flex aic mb16" style="max-width:80px">
|
||||
<label class="weui-label c9 f12">备注</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<input class="weui-input f17" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="请输入备注" placeholder-class="input__placeholder cccc" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sticky">
|
||||
<view class="f16 poa" style="top:-320px" bindtap="handlerMore">多人报名切换</view>
|
||||
<button class="bgf pt12 pb12 mb16" style="width: 100%; color:#0DCC91" hover-class="thover" bindtap="addPersion">
|
||||
<i class="iconfont icon-tianjia3 mr8 fw400"></i>选择报名人
|
||||
</button>
|
||||
|
||||
<button class="loginOut mt0" style="width: 100%; " hover-class="thover">立即报名</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="hideBox {{show ? 'leftShow':''}}" wx:else style="height: {{height}};background-color:{{color}}">
|
||||
<view class="tac bb1 fw500 por">
|
||||
<slot name="title"></slot>
|
||||
<view class="iconfont icon-guanbi11 f14 c9 poa" wx:if="{{cancerShow}}" style="color:#333;right:8px;top:16px;width:32px;height:32px" catchtap="hideLeft"></view>
|
||||
</view>
|
||||
<slot></slot>
|
||||
</view>-->
|
||||
</view>
|
||||
@ -0,0 +1,68 @@
|
||||
@import "../../app.wxss";
|
||||
.leftBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
/* width: 100vw;
|
||||
height: 100vh; */
|
||||
z-index: 999;
|
||||
}
|
||||
.leftBox .mask {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 99;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.leftBox .hideBox {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: -100vh;
|
||||
width: 100vw;
|
||||
/* height: 100vh; */
|
||||
overflow: hidden;
|
||||
z-index: 99;
|
||||
/* background-color: #fff; */
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
transition: bottom linear 0.2s;
|
||||
}
|
||||
|
||||
.leftBox .leftShow {
|
||||
box-sizing: border-box;
|
||||
background: url("https://matripe-cms.oss-cn-beijing.aliyuncs.com/pugongying/quicklyRecord.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
background-position: center;
|
||||
/* background: #8bbd85; */
|
||||
padding: 68px 10px 0;
|
||||
bottom: 0px !important;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: calc(100%);
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
padding: 12px 24px 0;
|
||||
|
||||
/* padding-bottom: constant(safe-area-inset-top);
|
||||
padding-bottom: env(safe-area-inset-top);
|
||||
padding-bottom: 32px; */
|
||||
}
|
||||
.sub {
|
||||
padding: 6px 15px;
|
||||
font-size: 14px;
|
||||
border-radius: 16px;
|
||||
color: #999;
|
||||
background-color: #eeeeee55;
|
||||
}
|
||||
.sub.subActive {
|
||||
color: #0dcc91;
|
||||
background-color: #ebfff9;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.sticky{
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,5 @@
|
||||
{
|
||||
"navigationBarTitleText": "新增报名人",
|
||||
"backgroundColor": "#f5f5f5"
|
||||
|
||||
}
|
||||
@ -0,0 +1,149 @@
|
||||
<form catchsubmit="beforeFormSubmit" wx:if="{{pageShow}}">
|
||||
<view style="padding:0 10px;padding-bottom: 20px;overflow: {{iosDialog1?'hidden':''}};" class="{{iosDialog1?'hasHigh':''}}">
|
||||
<view class="f14 pl8 c6 fsa" hover-class="none" style="height:48px;line-height:67px" hover-stop-propagation="false">
|
||||
<view class="" hover-class="none" hover-stop-propagation="false">
|
||||
个人信息
|
||||
</view>
|
||||
<view class="f14 ml8 c045 tar pr10">
|
||||
<radio-group class="dib">
|
||||
<radio checked="{{switch1Checked}}" catchtap="switch1Change" value="0" class="dib" color="#0dcc91" style="transform:scale(.7);position:relative;top:-2px;" />
|
||||
</radio-group>默认报名人
|
||||
<!-- <navigator url="/pages/serviceTerm/index" class="aLink dib">《服务协议》</navigator>及
|
||||
<navigator url="/pages/secret/index" class="aLink dib">《隐私政策》</navigator> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="weui-cells__group weui-cells__group_form" style="border-radius:8px;overflow:hidden">
|
||||
<view class="weui-cells weui-cells_form" style="margin-top: 0;">
|
||||
<view class="weui-cell">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">
|
||||
身份证号
|
||||
<!-- <text class="cfred">*</text> -->
|
||||
</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd display-flex">
|
||||
<input class="weui-input flex-1" type="idcard" name="idCard" bindinput="bothwayBind" data-type="num" value="{{userInfo.num}}" placeholder="手动输入或拍照自动识别 →" placeholder-class="input__placeholder" />
|
||||
</view>
|
||||
<view class="t-icon t-icon-paizhao5 rightPz" catchtap="chooseIdCard"></view>
|
||||
</view>
|
||||
<view class="weui-cell name">
|
||||
<view class="weui-cell__hd display-flex aic" style="max-width:80px">
|
||||
<label class="weui-label c085">
|
||||
姓名
|
||||
<text class="cfred">*</text>
|
||||
</label>
|
||||
<!-- <image class="idcardImg" wx:if="{{idCardImg}}" bindtap="previewImage" style="width: 48px ;height:32px" src="{{idCardImg}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image> -->
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<input class="weui-input" type="text" name="userName" bindinput="bothwayBind" data-type="name" value="{{userInfo.name}}" placeholder="请输入身份证号" placeholder-class="input__placeholder" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="weui-cell">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">
|
||||
手机号
|
||||
<text class="cfred">*</text>
|
||||
</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<input class="weui-input" type="number" name="tel" bindblur="getTel" bindinput="bothwayBind" data-type="tel" value="{{userInfo.tel}}" placeholder="请输入联系电话" placeholder-class="input__placeholder" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="weui-cell sex">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">
|
||||
性别
|
||||
<!-- <text class="cfred">*</text> -->
|
||||
</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<radio-group bindchange="radioChange" name="sex" class="fr radiogroup">
|
||||
<view class="dib" wx:for="{{sex}}" wx:key="value">
|
||||
<radio value="{{item.id}}" color="var(--color-ysd)" checked="{{item.checked}}" style="transform:scale(.8);margin-right:4px;">
|
||||
<view class="dib f20" style="margin-left:4px">{{item.value}}</view>
|
||||
</radio>
|
||||
</view>
|
||||
</radio-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="weui-cell">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">
|
||||
年龄
|
||||
<!-- <text class="cfred">*</text> -->
|
||||
</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<picker bindchange="bindPickerChangeAge" value="{{ageIndex}}" range="{{ageArray}}">
|
||||
<view class="picker tr">
|
||||
<block wx:if="{{ageIndex == -1}}">
|
||||
<view class="ccc tr dib" style="color:#ccc">请选择年龄</view>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view class="c3 tr dib">{{ageArray[ageIndex]}}</view>
|
||||
</block>
|
||||
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9" style="line-height:1;top:1px;"></i>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="weui-cell">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">民族</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd">
|
||||
<picker bindchange="bindPickerChangeNation" data-id="{{item.id}}" value="{{item.name}}" wx:for-item="item" range="{{nationArray}}" range-key="name">
|
||||
<view class="picker tr">
|
||||
<block wx:if="{{nationIndex == -1}}">
|
||||
<view class="ccc tr dib" style="color:#ccc">请选择民族</view>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view class="c3 tr dib">{{nationArray[nationIndex].name}}</view>
|
||||
</block>
|
||||
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9" style="line-height:1;top:1px;"></i>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="weui-cell">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">家庭住址</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd {{iosDialog1?'heiover':''}}" style="opacity: {{iosDialog1?0:1}} !important;">
|
||||
<textarea class="weui-input" type="text" name="address" bindinput="bothwayBind" data-type="address" value="{{userInfo.address}}" disable-default-padding="{{true}}" placeholder="请输入家庭住址" placeholder-class="input__placeholder" auto-height style="min-height:23px"></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="weui-cell display-flex">
|
||||
<view class="weui-cell__hd">
|
||||
<label class="weui-label c085">上传附件</label>
|
||||
</view>
|
||||
<view class="weui-cell__bd cbc" style="text-align:right" bindtap="chooseMedia">
|
||||
请选择附件上传
|
||||
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9" style="line-height:1;top:1px;"></i>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-x="true" wx:if="{{files.length > 0}}" class="uploadImgBox" hover-class="none" hover-stop-propagation="false" enable-flex>
|
||||
<view class="uploadImgSubBox" style wx:for="{{files}}" hover-class="none" hover-stop-propagation="false">
|
||||
<i class="iconfont icon-guanbi11 close" catchtap="deleteImg" data-id="{{item.id}}"></i>
|
||||
<image class src="{{item.url}}" bindtap="showImgs" data-url="{{item.url}}" mode="aspectFill" lazy-load="false" binderror bindload></image>
|
||||
</view>
|
||||
</scroll-view>-->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="weui-cells__group weui-cells__group_form mt10" style="margin-top:10px;border-radius:8px;overflow:hidden">
|
||||
<view class="weui-cells weui-cells_form"></view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<button class="loginOut ml12" style="width: 260px;" loading="{{loading}}" hover-class="button-hover" formType="submit">保存</button>
|
||||
|
||||
<!-- <view class="btmFix display-flex" style="padding-left: 16px;padding-right: 16px;height:calc(constant(safe-area-inset-bottom) + 64px);height:calc(env(safe-area-inset-bottom) + 64px);">
|
||||
<view class="c6 f16 flex-1" catchtap="shrink" style="line-height: 56px;">取消</view>
|
||||
<button class="loginOut ml12" style="width: 260px;" loading="{{loading}}" hover-class="button-hover" formType="submit">立即报名</button>
|
||||
</view>-->
|
||||
</form>
|
||||
@ -0,0 +1,296 @@
|
||||
.weui-cells__group_form {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.weui-cells__group_form .weui-label {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.weui-input::placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
.weui-cells__group_form .weui-cell {
|
||||
align-items: center;
|
||||
padding: 0px 16px !important;
|
||||
min-height: 56px;
|
||||
line-height: 56px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.weui-cells__group_form .weui-cells:after,
|
||||
.weui-cells__group_form .weui-cell:before,
|
||||
.weui-cells__group_form .weui-cells:before {
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
.br8 {
|
||||
border-radius: 8px;
|
||||
}
|
||||
.weui-cells__group_form .weui-cell__hd {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.weui-cells__group_form .weui-cell.weui-cell_vcode {
|
||||
padding: 11px 10px;
|
||||
}
|
||||
.weui-input {
|
||||
/* min-width: 250px; */
|
||||
min-height: 22px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.weui-uploader__file,
|
||||
.weui-uploader__input-box {
|
||||
/* width: calc((100vw - 105px - 40px) / 3);
|
||||
height: calc((100vw - 105px - 40px) / 3); */
|
||||
border-radius: 4px;
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
margin-right: 11px;
|
||||
}
|
||||
.weui-cells__group_form .weui-vcode-btn {
|
||||
width: 68px;
|
||||
height: 26px;
|
||||
background-color: #fff;
|
||||
border-radius: 13px;
|
||||
font-size: 14px;
|
||||
color: #027aff;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
}
|
||||
.weui-label.c085 {
|
||||
color: #333;
|
||||
/* font-weight: 500; */
|
||||
}
|
||||
.weui-cell {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.weui-cells__group_form .weui-cells:before {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.weui-cell.weui-cell_active.weui-cell_access {
|
||||
padding: 12px 10px;
|
||||
}
|
||||
button[disabled]:not([type]) {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.searchbar-result {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
width: calc(100% - 20px);
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
.weui-cells:after,
|
||||
.weui-cells:before {
|
||||
height: 0;
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.weui-input {
|
||||
text-align: right;
|
||||
}
|
||||
.topViewN {
|
||||
height: 66px;
|
||||
background: #fff4f1;
|
||||
border: 1px solid #ff8255;
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
padding: 0 16px;
|
||||
line-height: 66px;
|
||||
}
|
||||
.weui-cell__bd {
|
||||
color: #666;
|
||||
}
|
||||
.imgSpanIcon {
|
||||
width: 23px;
|
||||
height: 18px;
|
||||
}
|
||||
.imgSpanIcon1 {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
position: absolute;
|
||||
right: -11px;
|
||||
top: -11px;
|
||||
}
|
||||
|
||||
.topImg {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: rgba(0, 0, 0, 0.48);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
button.newBtn {
|
||||
width: 200px;
|
||||
background-color: var(--color-ysd);
|
||||
}
|
||||
|
||||
.quickapply {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-height: 54px;
|
||||
margin-bottom: 0;
|
||||
padding: 12px 10px 12px 14px;
|
||||
/* padding-bottom: 48px; */
|
||||
background-color: #fff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.quickapply .upload .t-icon {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
margin-right: 10px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.quickapply .upload {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.quickapply .info view:first-child {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.quickapply .info view:last-child {
|
||||
font-size: 14px;
|
||||
color: #ccc;
|
||||
}
|
||||
.quickapply .idCardPreview,
|
||||
.quickapply .idCardPreview image {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.quickapply .idCardPreview .t-icon {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.input__placeholder {
|
||||
color: #ccc;
|
||||
}
|
||||
.weui-input {
|
||||
color: #333;
|
||||
}
|
||||
.weui-uploader__input-box:before {
|
||||
width: 2px;
|
||||
height: 24px;
|
||||
}
|
||||
.weui-uploader__input-box:after {
|
||||
width: 24px;
|
||||
height: 2px;
|
||||
}
|
||||
.weui-uploader__img {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.weui-uploader__file .delImg {
|
||||
position: absolute;
|
||||
right: -6px;
|
||||
top: -6px;
|
||||
z-index: 99;
|
||||
}
|
||||
.weui-uploader__bd {
|
||||
overflow: inherit;
|
||||
}
|
||||
.rightPz {
|
||||
position: relative;
|
||||
width: 24px;
|
||||
height: 22px;
|
||||
margin-left: 10px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.weui-cell.name {
|
||||
padding: 7px 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.weui-cell.name .idcardImg {
|
||||
position: absolute;
|
||||
left: 70px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 99;
|
||||
}
|
||||
.weui-cell.sex {
|
||||
/* padding: 10px 16px; */
|
||||
height: 56px;
|
||||
}
|
||||
.weui-cell.imgupdata {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.wbv0 .f16.c3.mb8 {
|
||||
display: flex;
|
||||
}
|
||||
.over3 {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.wbv0.weui-dialog__bd {
|
||||
display: inline;
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
.weui-dialog__title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.hasHigh {
|
||||
height: calc(100vh - 210px);
|
||||
}
|
||||
.weui-dialog {
|
||||
top: calc(50% - 60px);
|
||||
}
|
||||
.heiover {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.remark {
|
||||
padding: 15px 16px;
|
||||
align-items: center;
|
||||
}
|
||||
.uploadImgBox{
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
font-display: row;
|
||||
align-items: center;
|
||||
padding-left: 10px;
|
||||
/* padding-bottom: 12px; */
|
||||
width: calc(100vw - 40px);
|
||||
}
|
||||
.uploadImgSubBox {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
margin-top:16px;
|
||||
margin-right: 9px;
|
||||
border-radius: 4px;
|
||||
/* overflow: hidden; */
|
||||
|
||||
}
|
||||
.uploadImgSubBox image{
|
||||
/* object-fit: contain; */
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.uploadImgSubBox .close{
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
right: -6px;
|
||||
top: -6px;
|
||||
z-index: 99;
|
||||
background-color: #666;
|
||||
color: #fff;
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
@ -0,0 +1,98 @@
|
||||
// pages/mine/vitaeList/index.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
recordList: [
|
||||
{
|
||||
id: 0,
|
||||
name: '李红霞',
|
||||
tel: 13488887125,
|
||||
gender: '女',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: '张卫国',
|
||||
tel: 13488887125,
|
||||
gender: '男',
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: '王丽丽',
|
||||
tel: 13488887125,
|
||||
gender: '男',
|
||||
checked: false
|
||||
},
|
||||
],
|
||||
type: 'add', // 判断进入的途径
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad (options) {
|
||||
console.log(options);
|
||||
if (options.type) {
|
||||
this.setData({
|
||||
type: options.type
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow () {
|
||||
|
||||
},
|
||||
addPersion () {
|
||||
wx.navigateTo({
|
||||
url: '/pages/mine/vitae/index'
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage () {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
{
|
||||
"navigationBarTitleText": "报名人",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
<view class="mt16 pl10 pr10">
|
||||
<view class="fsa p16 bgf mb12 br8" wx:for="{{recordList}}">
|
||||
<view class="fss">
|
||||
<!-- <view class="mr16" > -->
|
||||
<image class="mr16" style="width:28px;height:35px" src="../../../assets/images/jianli.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
|
||||
|
||||
<!-- </view> -->
|
||||
<view class>
|
||||
<view class="fw500 fsa">
|
||||
{{item.name + (item.gender ? ('/' + item.gender) :'') }}
|
||||
<view class="f10 ml4" wx:if="{{index == 0}}" style="color:#FF4D4F;padding:2px 4px;border:1px solid #FF4D4F;border-radius:3px;line-height:1">默认</view>
|
||||
</view>
|
||||
<view class="c9">{{item.tel}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class>
|
||||
<checkbox wx:if="{{type == 'add'}}" class value="{{item.checked}}" color></checkbox>
|
||||
<view wx:else class hover-class="none" hover-stop-propagation="false">
|
||||
<view class="iconfont icon-lajitong tac c6" style="font-size:14px;background-color:#f6f6f6;width:32px;height:32px;border-radius:50%;line-height:32px" hover-class="thover" hover-stop-propagation="{{true}}"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<button class="ml12 bgf pt12 pb12" style="width: 100%; color:#0DCC91" hover-class="thover" bindtap="addPersion">
|
||||
<i class="iconfont icon-tianjia3 mr8 fw400"></i>新增报名人
|
||||
</button>
|
||||
<view class="bgf pt16 fixBottom" wx:if="{{type == 'add'}}">
|
||||
<button class="loginOut mt0" style="width: 260px; " hover-class="thover">确定</button>
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,8 @@
|
||||
/* pages/mine/vitaeList/index.wxss */
|
||||
.fixBottom {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
Loading…
Reference in New Issue