<template>
    <view class="applyJoin">
        <view class="baseInfo">
            <view class="title">
                <view class="lineIcon">
                    <image src="/static/login/lineIcon.png" mode=""></image>
                </view>
                <view style="position: relative; z-index: 999!important;">基础信息</view>

            </view>
            <uni-list>
                <uni-list-item title="姓名" :rightText="baseInfo.name" />
                <uni-list-item title="性别" :rightText="baseInfo.gender" />
                <uni-list-item title="手机号" :rightText="baseInfo.phone" />
                <view style="height: 1rpx;background-color: #e5e5e5c2;width: 100%;"></view>
                <view class="input-box">

                    <u-input v-model="baseInfo.nickName.value" border="none" placeholder="昵称" class="input-item"
                        placeholder-style="font-weight: 400;font-size: 30rpx;color: #C9CDD4;text-align: right;">
                        <template slot="prefix">
                            <view class="label">
                                <text>昵称</text>
                                <text v-if="baseInfo.nickName.auditStatus == 0 || baseInfo.nickName.auditStatus == 2"
                                    :class="baseInfo.nickName.auditStatus == 0 ? 'status1' : 'status2'">{{baseInfo.nickName.auditStatusText}}</text>
                            </view>
                        </template>
                    </u-input>
                </view>
                <!-- <uni-list-item showArrow title="昵称" :class="{ 'hasText': baseInfo.nickName }" clickable
                    @click="introduceYourselfEdit(baseInfo.introduceYourself)"
                    :rightText="baseInfo.name ? baseInfo.name : '昵称'" style="color: red!important;" /> -->

                <uni-list-item title="入驻城市" :rightText="baseInfo.city" />
                <uni-list-item v-if="baseInfo.brief" showArrow title="简介" :class="{ 'hasText': baseInfo.brief }" clickable
                    @click="introduceYourselfEdit(baseInfo.brief.value, baseInfo.brief.auditStatus)"
                    :rightText="baseInfo.brief ? baseInfo.brief.value : '简单的介绍您自己~'">
                    <!-- 自定义 body -->
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            简介
                            <view v-if="baseInfo.brief.auditStatus == 0 || baseInfo.brief.auditStatus == 2"
                                :class="baseInfo.brief.auditStatus == 0 ? 'status1' : 'status2'">{{
                                    baseInfo.brief.auditStatusText }}</view>

                        </view>
                    </template>

                </uni-list-item>
            </uni-list>
        </view>
        <view class="baseInfo" style="margin-top: 16rpx;height: 80vh;">
            <view class="title">
                <view class="lineIcon">
                    <image src="/static/login/lineIcon.png" mode=""></image>
                </view>
                <view style="position: relative; z-index: 999!important;">入驻资料</view>

            </view>
            <uni-list>

                <uni-list-item title="形象照" :class="{ 'portraitPhotoRow': baseInfo.portraitPhoto }" showArrow clickable
                    @click="portraitPhotoFun" :rightText="baseInfo.portraitPhoto ? '形象照' : '去上传'">
                    <!-- 自定义 body -->
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            形象照
                            <view
                                :class="baseInfo.portraitPhotoListStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.portraitPhotoListStatus == 0 || baseInfo.portraitPhotoListStatus == 2">{{
                                    baseInfo.portraitPhotoListStatus == 0 ? '审核中' : '审核驳回'}}
                            </view>
                        </view>
                    </template>
                    <template v-slot:footer v-if="baseInfo.portraitPhoto">
                        <image class="slot-image"
                            :src="baseInfo.portraitPhoto ? baseInfo.portraitPhoto : '/static/logo.png'" mode="widthFix">
                        </image>
                    </template>
                </uni-list-item>
                <uni-list-item showArrow title="生活照"
                    :rightText="baseInfo.cImgList.length > 0 ? baseInfo.cImgList.length + '项' : '去上传'"
                    :class="{ 'hasText': baseInfo.cImgList.length > 0 }" clickable
                    @click="pictureUpLoad('cImgList', '生活照', 9,baseInfo.cImgListStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            生活照
                            <view :class="baseInfo.cImgListStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.cImgListStatus == 0 || baseInfo.cImgListStatus == 2">{{
                                    baseInfo.cImgListStatus == 0 ? '审核中' : '审核驳回'}}</view>
                        </view>
                    </template>

                </uni-list-item>
                <uni-list-item showArrow title="宣传视频" :class="{ 'hasText': baseInfo.promotionalVideo.length > 0 }"
                    :rightText="baseInfo.promotionalVideo.length > 0 ? baseInfo.promotionalVideo.length + '项' : '去上传'"
                    clickable @click="pictureUpLoad('promotionalVideo', '宣传视频',1,baseInfo.promotionalVideoStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            宣传视频
                            <view
                                :class="baseInfo.promotionalVideoStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.promotionalVideoStatus == 0 || baseInfo.promotionalVideoStatus == 2">{{
                                    baseInfo.promotionalVideoStatus == 0 ? '审核中' : '审核驳回'}}</view>
                        </view>
                    </template>

                </uni-list-item>

                <uni-list-item showArrow title="身份证"
                    :class="{ 'hasText': (baseInfo.idCard[0].length > 0 || baseInfo.idCard[1].length > 0 || baseInfo.idCard[2].length) > 0 }"
                    :rightText="checkLength(baseInfo.idCard)" clickable @click="idCardEditFun('idCard',baseInfo.idCardStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            身份证
                            <view
                                :class="baseInfo.idCardStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.idCardStatus == 0 || baseInfo.idCardStatus == 2">
                                {{baseInfo.idCardStatus == 0  ? '审核中' : '审核驳回'}}</view>
                        </view>
                    </template>

                </uni-list-item>


                <uni-list-item showArrow title="健康证" :class="{ 'hasText': baseInfo.healthCertificate.length > 0 }"
                    :rightText="baseInfo.healthCertificate.length > 0 ? baseInfo.healthCertificate.length + '项' : '去上传'"
                    clickable @click="pictureUpLoad('healthCertificate', '健康证', 9,baseInfo.healthCertificateStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            健康证
                            <view
                                :class="baseInfo.healthCertificateStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.healthCertificateStatus == 0 || baseInfo.healthCertificateStatus == 2">{{
                                    baseInfo.healthCertificateStatus == 0 ? '审核中' : '审核驳回'}}
                            </view>
                        </view>
                    </template>

                </uni-list-item>
                <uni-list-item showArrow title="从业资格证" :class="{ 'hasText': baseInfo.certification.length > 0 }"
                    :rightText="baseInfo.certification.length > 0 ? baseInfo.certification.length + '项' : '去上传'"
                    clickable @click="pictureUpLoad('certification', '从业资格证', 3,baseInfo.certificationStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            从业资格证
                            <view
                                :class="baseInfo.certificationStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.certificationStatus == 0 || baseInfo.certificationStatus == 2">{{ 
                                    baseInfo.certificationStatus == 0 ? '审核中' : '审核驳回'}}</view>
                        </view>
                    </template>

                </uni-list-item>
                <uni-list-item showArrow title="无犯罪证明" :class="{ 'hasText': baseInfo.noCrime.length > 0 }"
                    :rightText="baseInfo.noCrime.length > 0 ? baseInfo.noCrime.length + '项' : '去上传'" clickable
                    @click="pictureUpLoad('noCrime', '无犯罪证明', 9,baseInfo.noCrimeStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            无犯罪证明
                            <view :class="baseInfo.noCrimeStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.noCrimeStatus == 0 || baseInfo.noCrimeStatus == 2">{{
                                    baseInfo.noCrimeStatus == 0 ? '审核中' : '审核驳回'}}</view>
                        </view>
                    </template>

                </uni-list-item>

                <uni-list-item showArrow title="承诺文件"
                    :class="{ 'hasText': (baseInfo.commitDocument[0].length > 0 || baseInfo.commitDocument[1].length > 0 || baseInfo.commitDocument[2].length) > 0 }"
                    :rightText="checkLength(baseInfo.commitDocument)" clickable
                    @click="commitDocmentEditFun('commitDocument',baseInfo.commitDocumentStatus)">
                    <template v-slot:body>
                        <view class="slot-box slot-text">
                            承诺文件
                            <view
                                :class="baseInfo.commitDocumentStatus == 0 ? 'status1' : 'status2'"
                                v-if="baseInfo.commitDocumentStatus == 0 || baseInfo.commitDocumentStatus == 2">
                                {{baseInfo.commitDocumentStatus == 0 ? '审核中' : '审核驳回'}}</view>
                        </view>
                    </template>

                </uni-list-item>

            </uni-list>
        </view>




        <!-- 提交按钮 -->
        <view class="submit-box" v-if="baseInfo.auditStatus != 1">
            <u-button @click="submitForm">提交</u-button>
        </view>

    </view>
</template>

<script>
import { applyFile, updateTechnician } from '@/api/index.js'
import { baseUrl } from '@/common/config.js'
export default {

    data() {
        return {
            status: '审核中',
            title: '',
            // 任务数据
            tasks: [
                { taskName: '222' }
            ],
            baseInfo: {
                teNickNameAuditStatus: null,//审核状态(0-审核中，1-审核通过，2-审核驳回)
                teBriefAuditStatus: null,
                commitDocumentAuditStatus: 0,
                idCardAuditStatus: 0,
                id: '',
                portraitPhoto: '',
                portraitPhotoList: [],
                //portraitPhoto: '',
                name: '萧然然',
                gender: '女',
                phone: '18366668888',
                nickName: '苒苒',
                city: '朝阳区',
                intro: '',
                avatar: '',
                lifeImg: [],
                introduceYourself: '',
                cImgList: [],//生活照
                healthCertificate: [],
                certification: [],
                noCrime: [],
                promotionalVideo: [],
                idCard: [[], [], []],
                commitDocument: [[], [], []],
            },
            ShopInfo: {},

        }
    },
    watch: {
        // 深度监听对象内部属性
        'baseInfo.portraitPhotoList'(newVal, oldVal) {
            if (newVal) {
                console.log(newVal, '8888')
                this.baseInfo.portraitPhoto = newVal[0].url
            } else if (oldVal && !newVal) {
                // 头像被清空
                uni.showToast({ title: '头像已移除', icon: 'none' })
            }
        }
    },
    onLoad(options) {
        console.log(options)
        if (options.title) {
            this.title = options.title
        }
        if (options.ShopInfo) {
            this.ShopInfo = JSON.parse(options.ShopInfo)
            this.baseInfo.name = this.ShopInfo.teName
            this.baseInfo.gender = this.ShopInfo.teSex == 0 ? '女' : '男'
            this.baseInfo.phone = this.ShopInfo.tePhone
            this.baseInfo.nickName = this.ShopInfo.teNickName
            this.baseInfo.city = this.ShopInfo.operationCenterName
        } else {
            this.checkMerchantStatus()
        }

    },
    onReady() {
        // 页面渲染完成后再设置标题
        uni.setNavigationBarTitle({
            title: this.title
        })
    },
    onShow() {
        //console.log(this.baseInfo, 'baseInfo')

    },
    methods: {


        //查询商户状态
        async checkMerchantStatus() {
            const openid = uni.getStorageSync('wx_copenid')
            const merchantInfo = await this.$utils.checkMerchantStatus(openid)
            console.log(merchantInfo)


            if (!merchantInfo) return
            this.ShopInfo = merchantInfo
            this.baseInfo.id = this.ShopInfo.merchantId
            this.baseInfo.name = merchantInfo.name
            this.baseInfo.gender = merchantInfo.teSex == 0 ? '女' : '男'
            this.baseInfo.phone = merchantInfo.phone
            this.baseInfo.nickName = merchantInfo.nickName
            this.baseInfo.city = merchantInfo.provinceName + '/' + merchantInfo.cityName + ' ' + merchantInfo.operationCenterName
            this.baseInfo.brief = merchantInfo.brief
            // 文件类型(1:形象照 2:生活照 3：宣传视频 4-身份证正面 5-身份证反面 6-手持身份证 
            // 7-健康证 8-从业资格证,9-无犯罪证明,10-承诺书,11-承诺录音,12-承诺录像,13-其他 )
            merchantInfo.fileGroups.map(m => {
                let key = 'portraitPhotoList'
                if (m.fileType == 1) {
                    key = 'portraitPhotoList'
                } else if (m.fileType == 2) {
                    key = 'cImgList'
                } else if (m.fileType == 3) {
                    key = 'promotionalVideo'
                } else if (m.fileType == 4 || m.fileType == 5 || m.fileType == 6) {
                    key = 'idCard'
                } else if (m.fileType == 7) {
                    key = 'healthCertificate'
                } else if (m.fileType == 8) {
                    key = 'certification'
                } else if (m.fileType == 9) {
                    key = 'noCrime'
                } else if (m.fileType == 10 || m.fileType == 11 || m.fileType == 12) {
                    key = 'commitDocument'
                }
                this.baseInfo[key + 'Status'] = m.auditStatus
                if (m.fileType == 4 || m.fileType == 5 || m.fileType == 6) {
                    this.baseInfo[key][m.fileType == 4 ? '0' : m.fileType == 5 ? '1' : '2'] = m.officialFiles.map(item => ({
                        size: item.fileSize * 1024,
                        contentType: item.contentType,
                        url: item.fileUrl,
                        status: 'success',
                        auditStatus: item.auditStatus,
                    }))
                } else if (m.fileType == 10 || m.fileType == 11 || m.fileType == 12) {
                    this.baseInfo[key][m.fileType == 10 ? '0' : m.fileType == 11 ? '1' : '2'] = m.officialFiles.map(item => ({
                        size: item.fileSize * 1024,
                        contentType: item.contentType,
                        url: item.fileUrl,
                        status: 'success',
                        auditStatus: item.auditStatus,
                    }))

                } else {
                    this.baseInfo[key] = m.officialFiles.map(item => ({
                        size: item.fileSize * 1024,
                        contentType: item.contentType,
                        url: item.fileUrl,
                        status: 'success',
                        auditStatus: item.auditStatus,
                    }))

                }

            })

            setTimeout(() => {
                this.baseInfo.portraitPhoto = this.baseInfo.portraitPhotoList[0].url
                console.log(this.baseInfo, 'baseInfo')
            }, 200);

        },
        commitDocmentEditFun(value,auditStatus) {
            let str = uni.$u.queryParams({
                fieldName: value,
                fieldVal: JSON.stringify(this.baseInfo[value]),
                auditStatus: auditStatus,
            })
            uni.navigateTo({ url: `/pages/join/commitDocumentEdit${str}` })
        },
        idCardEditFun(value,auditStatus) {
            let str = uni.$u.queryParams({
                fieldName: value,
                fieldVal: JSON.stringify(this.baseInfo[value]),
                auditStatus: auditStatus,
            })
            uni.navigateTo({ url: `/pages/join/idCardEdit${str}` })
        },
        pictureUpLoad(value, title, maxlength,auditStatus) {
            let str = uni.$u.queryParams({
                fieldName: value,
                fieldVal: JSON.stringify(this.baseInfo[value]),
                title: title,
                maxlength: maxlength,
                auditStatus: auditStatus,
            })
            uni.navigateTo({ url: `/pages/join/lifePhotosEdit${str}` })

        },
        //简介
        introduceYourselfEdit(introduceYourself, teNickNameAuditStatus) {
            uni.navigateTo({ url: '/pages/join/introduceYourselfEdit?introduceYourself=' + this.baseInfo.introduceYourself + '&teNickNameAuditStatus=' + teNickNameAuditStatus })
        },
        portraitPhotoFun() {
            uni.chooseImage({
                count: 1,
                sizeType: ['original', 'compressed'],
                sourceType: ['album'],
                success: (res) => {
                    if (res && res.tempFilePaths.length > 0) {
                        const filePath = res.tempFilePaths[0]


                        // #ifdef MP-WEIXIN
                        // 微信小程序使用uni.cropImage裁剪
                        uni.cropImage({
                            src: filePath,
                            success: (cropRes) => {
                                if (cropRes && cropRes.tempFilePath) {
                                    this.baseInfo.portraitPhoto = cropRes.tempFilePath
                                }
                            },
                            fail: () => {
                                uni.showToast({
                                    title: '裁剪失败',
                                    icon: 'none'
                                })
                            }
                        })
                        // #endif

                        // #ifdef H5
                        // H5端跳转到自定义裁剪页面
                        uni.navigateTo({
                            url: `/pages/join/cropImage?imageSrc=${encodeURIComponent(filePath)}`
                        })
                        // #endif
                    }
                },
                fail: () => {
                    // uni.showToast({
                    //     title: '选择图片失败',
                    //     icon: 'none'
                    // })
                }
            });
        },
        checkLength(arr) {
            let count = 0
            arr.forEach(item => {
                if (item.length > 0) {
                    count++
                }
            })
            return count ? count + '项' : '去上传'
        },


        // 提交表单
        submitForm() {
            console.log(this.baseInfo, 'baseInfo')
            // 接口请求提交入驻资料
            if (this.baseInfo.nickName.trim() == '' || this.baseInfo.introduceYourself.trim() == '') {
                uni.$u.toast('请完善基础信息!')
                return
            }
            if (this.baseInfo.portraitPhotoList.length == 0) {
                uni.$u.toast('请上传形象照!')
                return
            }
            if (this.baseInfo.cImgList.length == 0) {
                uni.$u.toast('请上传生活照!')
                return
            }
            if (this.baseInfo.promotionalVideo.length == 0) {
                uni.$u.toast('请上传宣传视频!')
                return
            }
            let count = 0
            this.baseInfo.idCard.forEach(item => {
                if (item.length > 0) {
                    count++
                }
            })
            if (count != 3) {
                uni.$u.toast('请上传3张身份证!')
                return
            }
            if (this.baseInfo.healthCertificate.length == 0) {
                uni.$u.toast('请上传健康证明!')
                return
            }
            if (this.baseInfo.certification.length == 0) {
                uni.$u.toast('请上传从业资格证!')
                return
            }
            if (this.baseInfo.noCrime.length == 0) {
                uni.$u.toast('请上传无犯罪证明!')
                return
            }

            let count1 = 0
            this.baseInfo.commitDocument.forEach(item => {
                if (item.length > 0) {
                    count1++
                }
            })
            if (count1 != 3) {
                uni.$u.toast('请上传承诺文件!')
                return
            }

            let cImgList = this.baseInfo.cImgList.map((item, index) => {
                return {
                    fileType: '2',
                    files: [
                        {
                            fileName: '生活照' + (index + 1),
                            fileUrl: item.url,
                            contentType: item.contentType,
                            fileSize: Number((item.size / 1024).toFixed(2)),
                        }
                    ]
                }
            })
            let promotionalVideo = this.baseInfo.promotionalVideo.map((item, index) => {
                return {
                    fileType: '3',
                    files: [
                        {
                            fileName: '宣传视频',
                            fileUrl: item.url,
                            contentType: item.contentType,
                            fileSize: Number((item.size / 1024).toFixed(2)),
                        }
                    ]
                }
            })
            let healthCertificate = this.baseInfo.healthCertificate.map((item, index) => {
                return {
                    fileType: '7',
                    files: [
                        {
                            fileName: '健康证' + (index + 1),
                            fileUrl: item.url,
                            contentType: item.contentType,
                            fileSize: Number((item.size / 1024).toFixed(2)),
                        }
                    ]
                }
            })
            let certification = this.baseInfo.certification.map((item, index) => {
                return {
                    fileType: '8',
                    files: [
                        {
                            fileName: '从业资格' + (index + 1),
                            fileUrl: item.url,
                            contentType: item.contentType,
                            fileSize: Number((item.size / 1024).toFixed(2)),
                        }
                    ]
                }
            })
            let noCrime = this.baseInfo.noCrime.map((item, index) => {
                return {
                    fileType: '9',
                    files: [
                        {
                            fileName: '无犯罪证明' + (index + 1),
                            fileUrl: item.url,
                            contentType: item.contentType,
                            fileSize: Number((item.size / 1024).toFixed(2)),
                        }
                    ]
                }
            })
            let commitBook = this.baseInfo.commitDocument[0].map((item, index) => {
                return {
                    fileType: '10',
                    files: [
                        {
                            fileName: '承诺书' + (index + 1),
                            fileUrl: item.url,
                            contentType: item.contentType,
                            fileSize: Number((item.size / 1024).toFixed(2)),
                        }
                    ]
                }
            })


            let params = {
                technician: {
                    id: this.baseInfo.id,
                    teNickName: this.baseInfo.nickName,
                    teBrief: this.baseInfo.introduceYourself,

                },
                req: [
                    {
                        fileType: '1',
                        files: [
                            {
                                fileName: '形象照',
                                fileUrl: this.baseInfo.portraitPhotoList[0].url,
                                contentType: this.baseInfo.portraitPhotoList[0].contentType,
                                fileSize: Number((this.baseInfo.portraitPhotoList[0].size / 1024).toFixed(2)),
                            }
                        ]
                    },
                    {
                        fileType: '4',
                        files: [
                            {
                                fileName: '身份证正面',
                                fileUrl: this.baseInfo.idCard[0][0].url,
                                contentType: this.baseInfo.idCard[0][0].contentType,
                                fileSize: Number((this.baseInfo.idCard[0][0].size / 1024).toFixed(2)),
                            }
                        ]
                    }, {
                        fileType: '5',
                        files: [
                            {
                                fileName: '身份证反面',
                                fileUrl: this.baseInfo.idCard[1][0].url,
                                contentType: this.baseInfo.idCard[1][0].contentType,
                                fileSize: Number((this.baseInfo.idCard[1][0].size / 1024).toFixed(2)),
                            }
                        ]
                    }, {
                        fileType: '6',
                        files: [
                            {
                                fileName: '手持身份证',
                                fileUrl: this.baseInfo.idCard[2][0].url,
                                contentType: this.baseInfo.idCard[2][0].contentType,
                                fileSize: Number((this.baseInfo.idCard[2][0].size / 1024).toFixed(2)),
                            }
                        ]
                    }, {
                        fileType: '11',
                        files: [
                            {
                                fileName: '承诺录音',
                                fileUrl: this.baseInfo.commitDocument[1][0].url,
                                contentType: this.baseInfo.commitDocument[1][0].contentType,
                                fileSize: Number((this.baseInfo.commitDocument[1][0].size / 1024).toFixed(2)),
                            }
                        ]
                    }, {
                        fileType: '12',
                        files: [
                            {
                                fileName: '承诺录像',
                                fileUrl: this.baseInfo.commitDocument[2][0].url,
                                contentType: this.baseInfo.commitDocument[2][0].contentType,
                                fileSize: Number((this.baseInfo.commitDocument[2][0].size / 1024).toFixed(2)),
                            }
                        ]
                    },
                    ...cImgList,
                    ...promotionalVideo,
                    ...healthCertificate,
                    ...certification,
                    ...noCrime,
                    ...commitBook,

                ]

            }

            console.log('params', params)
            let api = applyFile
            if (this.title == '编辑资料') {
                api = updateTechnician
            }
            api(params).then(res => {
                if (res.data.code == 200) {
                    uni.showToast({
                        title: '提交成功',
                    })
                    setTimeout(() => {
                        uni.switchTab({
                            url: '/pages/index/index'
                        })
                    }, 300)
                } else {
                    uni.showToast({
                        title: res.data.msg,
                        icon: 'none'
                    })
                }
            })
        }
    },
    mounted() {


    }
}
</script>

<style lang="scss" scoped>
::v-deep .uni-list--border-top {
    display: none;
}

::v-deep .uni-list-item {
    .uni-icon-wrapper {
        padding: 0 !important;

    }

    .uni-icons {
        color: #1D2129 !important;
        font-size: 26rpx !important;
        margin-right: -10rpx !important;
        margin-top: 6rpx;
    }

}


::v-deep .uni-list-item__container {
    padding: 0;

    .uni-list-item__content-title {
        font-weight: 400;
        font-size: 30rpx;
        color: #1D2129;
        text-align: left;
    }

    .slot-text {
        font-weight: 400;
        font-size: 30rpx;
        color: #1D2129 !important;

    }

    .status1 {
        background: #FFF7E8;
        border-radius: 4rpx 4rpx 4rpx 4rpx;
        padding: 4rpx 12rpx;
        margin-left: 16rpx;

        font-weight: 400;
        font-size: 24rpx;
        color: #FF7D00;
        line-height: 34rpx;
        text-align: center;

    }

    .status2 {
        background: #FFF5F5;
        border-radius: 4rpx 4rpx 4rpx 4rpx;
        padding: 4rpx 12rpx;
        margin-left: 16rpx;

        font-weight: 400;
        font-size: 24rpx;
        color: #F53F3F;

    }

    .uni-list-item__extra-text {
        font-weight: 400;
        font-size: 30rpx;
        color: #4E5969;
        text-align: right;
    }





}

::v-deep .container--right {

    .uni-list-item__extra-text {
        font-weight: 400;
        font-size: 30rpx !important;
        color: #C9CDD4 !important;
    }
}

::v-deep .hasText {
    .uni-list-item__extra-text {
        color: #4E5969 !important;
    }

}

::v-deep .portraitPhotoRow {
    .uni-list-item__content-title {
        margin-top: 13rpx;
    }

}

.input-box {
    width: 622rpx;
    height: 105rpx;
    background: #ffffff00 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;

    //border-bottom: 0.2rpx solid #E7E7E7;
    .status1 {
        background: #FFF7E8;
        border-radius: 4rpx 4rpx 4rpx 4rpx;
        padding: 4rpx 12rpx;
        margin-left: 16rpx;

        font-weight: 400;
        font-size: 24rpx;
        color: #FF7D00;
        line-height: 34rpx;
        text-align: center;

    }

    .status2 {
        background: #FFF5F5;
        border-radius: 4rpx 4rpx 4rpx 4rpx;
        padding: 4rpx 12rpx;
        margin-left: 16rpx;

        font-weight: 400;
        font-size: 24rpx;
        color: #F53F3F;
        line-height: 34rpx;
        text-align: center;

    }


    .u-input {
        background: #ffffff00 !important;
    }

    .label {
        font-weight: 400;
        font-size: 30rpx;
        color: #1D2129;
        text-align: left;
    }

    .input-item {
        flex: 1;
    }

    .captcha-img {
        width: 30rpx;
        height: 30rpx;
    }

    ::v-deep .uni-input-input {
        font-weight: 400;
        font-size: 30rpx;
        color: #4E5969;
        text-align: right;
    }

    .code-input {
        margin-right: 42rpx;
        border: 1px solid re;

    }

    .code-btn {
        font-weight: 400;
        font-size: 30rpx;
        color: #19D29B;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    // .name {
    // 	width: 31%;
    // 	margin-bottom: 20rpx;
    // }

    .inp {
        width: 100%;
    }

    .select {
        width: 100%;

        display: flex;
        align-items: center;
        justify-content: flex-end;

        .text {
            font-weight: 400;
            font-size: 30rpx;
            text-align: right;
        }

        img {
            width: 22rpx;
            height: 22rpx;
        }
    }
}


.applyJoin {
    background-color: #F7F8FA;
    height: 100vh;
    margin-bottom: 300rpx;


    ::v-deep .uni-list-item {
        height: 106rpx;
    }

    ::v-deep .uni-list-item:hover {
        background-color: #FFFFFF !important;
    }

    .baseInfo {
        margin: 16rpx 32rpx;
        background: #FFFFFF;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 32rpx;

        .title {
            font-weight: 500;
            font-size: 36rpx;
            color: #1D2129;
            line-height: 36rpx;
            position: relative;

            .lineIcon {
                position: absolute;
                top: 8rpx;
                width: 144rpx;
                height: 24rpx;
                z-index: 5 !important;

                image {
                    width: 100%;
                    height: 100%;
                }
            }
        }

    }

    .slot-box {
        /* #ifndef APP-NVUE */
        display: flex;
        /* #endif */
        flex-direction: row;
        align-items: center;
    }

    .slot-image {
        /* #ifndef APP-NVUE */
        display: block;
        /* #endif */
        width: 58rpx;
        height: 58rpx;
        border-radius: 50%;
    }

    .slot-text {
        flex: 1;
        font-size: 14px;
        color: #4cd964;
        margin-right: 10px;
    }

    .submit-box {
        width: 100%;
        padding: 30rpx;
        font-size: 32rpx;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        height: 136rpx;

        button {
            color: #FFFFFF;
            width: 654rpx;
            height: 88rpx;
            background: #333335;
            border-radius: 60rpx 60rpx 60rpx 60rpx;
        }
    }
}
</style>