<template>
    <view class="mt16 pl10 pr10">
        <view class="fsa p16 bgf mb12 br8" v-for="(item, index) in recordList" :key="index">
            <view class="fss">
                <!-- <view class="mr16" > -->
                <image class="mr16" style="width: 28px; height: 35px" src="/static/assets/images/jianli.png" mode="aspectFit|aspectFill|widthFix" :lazy-load="false"></image>

                <!-- </view> -->
                <view class>
                    <view class="fw500 fsa">
                        {{ item.name + (item.gender ? '/' + item.gender : '') }}
                        <view class="f10 ml4" v-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 v-if="type == 'add'" class :value="item.checked" color></checkbox>
                <view v-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" @tap="addPersion">
            <i class="iconfont icon-tianjia3 mr8 fw400"></i>
            新增报名人
        </button>
        <view class="bgf pt16 fixBottom" v-if="type == 'add'">
            <button class="loginOut mt0" style="width: 260px" hover-class="thover">确定</button>
        </view>
    </view>
</template>

<script>
// pages/mine/vitaeList/index.js
export default {
    data() {
        return {
            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() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        addPersion() {
            uni.navigateTo({
                url: '/pages/mine/vitae/index'
            });
        }
    }
};
</script>
<style>
@import './index.css';
</style>
