<template>
    <div class="test">
        <h4>机构选择</h4>
        <div class="flex items-center">
            <van-button type="primary" size="small" @click="unitData.visible = true">选择机构</van-button>
            <span class="ml-2">{{unitData.value}}</span>
        </div>
        <DocUnit v-model:show="unitData.visible" v-model:value="unitData.value"/>
        <div class="flex items-center">
            <h4>多选/单选按键</h4>
            <span>{{ checkData }}</span>
        </div>
        <CheckBtn :options="checkOptions" v-model:value="checkData"/>
        
        <h4>upload</h4>
        <DocImageUpload />
    </div>
</template>

<script>
import DocUnit from '@/doctor/components/docUnit/DocUnit.vue'
import CheckBtn from '@/doctor/components/checkBtn/CheckBtn.vue'
import DocImageUpload from '@/doctor/components/docImageUpload/DocImageUpload.vue'

export default {
    components:{
        DocUnit,
        CheckBtn,
        DocImageUpload
    },
    data(){
        return {
            unitData: {
                visible: false,
                value: undefined
            },
            checkData: undefined,
            checkOptions: [
                { name: '血常规', code: 1, disabled: true },
                { name: '尿常规', code: 2 },
                { name: '肝功能', code: 3 },
                { name: '肾功能', code: 4 },
                { name: '电解质', code: 5 }
            ]
        }
    },
    created() {
        sessionStorage.setItem('token', 'dd16fd27-4cfc-492e-a772-c817033133bb')
    }
}
</script>

<style lang="less" scoped>

</style>