<template>
    <el-dialog
        title="病历历史详情"
        width="1000px"
        :visible.sync="visible"
        :before-close="_close"
        class="recordDialog"
        append-to-body
    >
        <div class="detailMain">
            <span style="width:240px;">病历编号：11111111111111111</span>
            <span style="width:240px;">医生：</span>
            <span style="width:240px;">创建日期：11111111111111111</span>
        </div>
        <div class="detailMain">
            <span style="width:240px;">关系联系人：无</span>
            <span style="width:240px;">关系联系方式：无</span>
        </div>
        <p>体格检查</p>
        <div class="detailMain">
            <span style="margin: 0 0 0 40px;width:140px;">体温：℃</span>
            <span style="width:140px;">呼吸：0 次/分</span>
            <span style="width:140px;">脉搏：0 次/分</span>
            <span style="width:200px;">血压：0。00~0.00 mmHg</span>
        </div>
        <div class="detailMain">
            <span style="margin: 0 0 0 40px;width:140px;">血糖：0 mmol/L</span>
            <span style="width:140px;">血脂：0 mmol/L</span>
            <span style="width:140px;">身高：0 cm</span>
            <span style="width:200px;">体重：0 kg</span>
        </div>
        <div class="detailMain">
            <span style="width:220px;">疾病名称：无</span>
            <span style="width:220px;">症状：无</span>
            <span style="width:220px;">发病日期：</span>
            <span style="width:220px;">是否传染：否</span>
        </div>
        <div class="detailMain">
            <span>主诉：</span>
        </div>
        <div class="detailMain">
            <span>现病史：</span>
        </div>
        <div class="detailMain">
            <span>诊断信息：</span>
        </div>
        <div class="detailMain">
            <span>医嘱：</span>
        </div>
        <div class="detailMain">
            <span>过敏史：</span>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button @click="hide">取 消</el-button>
            <el-button type="primary"  @click="submitAction()">保 存</el-button>
        </div>
    </el-dialog>         
</template>

<script>
export default {
    data(){
        return{
            visible:false,
            form:{
                name:''
            },
        }
    },
    methods:{
        _close: function(done) {
            // this.clear()
            done()
        },
        clear: function() {
            this.form.id = 0;
            this.form.name = "";
            this.form.intro = "";
        },
        show() {
            // this.clear()
            this.visible = true
        },
        hide() {
            // this.clear()
            this.visible = false
        },
    }
}
</script>

<style lang="scss">
.recordDialog{
    .el-dialog__body{
        padding-top:0;
    }
}
.detailMain{
    padding:5px;
    span{
        display: inline-block;
    }
}
</style>

