<template>
    <view>
        <view style="font-size: 17px;text-align: center;padding: 20px 0;">
            选择服务人员
        </view>
        <scroll-view scroll-x="true" style="width: 100%;height: 43vh;">
            <view class="SaleBox">
                <view v-for="(item,index) in SaleList" 
                    :key="index"
                    class="SaleText"
                    @click="SelectSales(item)">
                        <view>{{ item.EmName }}</view>
                        <view>
                            <u-radio-group v-model="parameter.SaleId" 
                            style="position: relative;top:10rpx;">
                                <u-radio shape="circle" :name="item.CreateBy" 
                                :icon-size="36" 
                                :active-color="mc"></u-radio>
                            </u-radio-group>	
                        </view>
                </view>
            </view>
        </scroll-view>
        <u-button size="80" :ripple="true" shape="circle" 
        :custom-style="{
                backgroundColor: '#333',
                height: '80rpx',
                color: '#fff',
                fontSize: '14px',
                margin: '0 auto',
                width: '90vw',
            }" @click="goReserce()">确定</u-button>
    </view>
</template>
<script>
export default {
    props:['msg','list'],
    data() {
			return {
                parameter:null,
                SaleList: [],
                mc: '',
            }
    },
    watch: {
        msg: {
            deep: true,
            immediate: true,
            handler(newVal, oldVal) {
                this.parameter = newVal;
            },
        },
        list: {
            deep: true,
            immediate: true,
            handler(newVal, oldVal) {
                this.SaleList = newVal;
            },
        },
    },
    created() {
        this.mc = this.$uiConfig.mainColor;
    },
    methods: {
        SelectSales(item){
            this.parameter.SaleName = item.EmName
            this.parameter.SaleId = item.CreateBy
        },
        goReserce(){
            this.$emit('goReserce',this.parameter)
        }
    }
}
</script>
<style scoped>
.SaleBox{
    padding: 0 20px;
}
.SaleText{
    height: 80rpx;
    line-height: 77rpx;
    display: flex;
    justify-content: space-between;
    border-bottom: 1rpx solid #eee;
    overflow: hidden;
}
</style>
