Vue_New/src/xt_pages/upload/fast/basicInfo.vue

<template>
    
        <div class="page_basicInfo">
            <div class="basicOne">
                <p class="basicLable">患者姓名:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">透析编号:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">证件类型:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">证件号码:</p>
                <el-input style="width:190px;" placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">首次透析时间:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">性别:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">生日:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">工作:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">婚姻:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">学历:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">民族:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">工作电话:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">家庭地址:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">医保类型:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">联系电话:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
            <div class="basicOne">
                <p class="basicLable">姓名输入码:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">随访号:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
            </div>
            <div class="basicOne">
                <p class="basicLable">传染病检查结果:</p>
                <el-input placeholder="请输入内容" v-model="input" :disabled="true"></el-input>
                <el-button type="primary">复制</el-button>
            </div>
        </div>
</template>

<script>

export default {
    data(){
      return{
        input:'',
        
      }
    },
    created(){
        
    },
    methods:{
        
    }
}
</script>

<style lang="scss" scoped>

.page_basicInfo{
    width: 100%;
    padding-right: 20px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    .basicOne{
        width: 380px;
        margin-right: 20px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        .basicLable{
            width: 120px;
            text-align: right;
            margin-right: 10px;
        }
    }
}
</style>
<style lang="scss">

.page_basicInfo{
    .el-input{
        width: 150px;
        margin-right: 10px;
    }
}
</style>