表单element制作

<template>

<div class="feeClass">

<el-container>

<el-aside class="leftformcont" width="998px">

<el-form style="width:801px;overflow: auto;background-color: #ffffff;padding:10px 20px;" ref="yljgform" :model="yljgform" :rules="rules" label-width="120px">

<el-row>

<el-col :span="24">

<div class="dyhearder" style="font-size: 18px;">医疗保障基金结算清单</div>

</el-col>

</el-row>

<el-row>

<el-col :span="8">

<el-form-item label="">

<div style="width:100%"></div>

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="">

<div style="width:100%"></div>

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="清单流水号" prop="orgName" label-width="105px">

<el-input v-model="yljgform.orgName" disabled style="width:160px"/>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="8">

<el-form-item label="定点医疗机构名称">

<el-input v-model="yljgform.orgName" disabled style="width:150px"/>

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="定点医疗机构代码" prop="orgCode" label-width="130px">

<el-input v-model="yljgform.orgCode" disabled style="width:150px"/>

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="医保结算等级">

<el-input v-model="yljgform.medSer" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="8">

<el-form-item label="医保编号" label-width="65px">

<el-input v-model="yljgform.hiNo" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="病案号" label-width="60px">

<el-input v-model="yljgform.recordNo" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="申报时间" label-width="93px">

<el-input v-model="yljgform.dclaTime" disabled />

</el-form-item>

</el-col>

</el-row>

<div class="ybinfo border">

<div class="jbxx">

<el-row>

<el-col :span="24">

<div class="dyhearder" style="border-bottom: 1px solid #D5DBEE;background-color: #BCD6EF;">一、基本信息</div>

</el-col>

</el-row>

<el-row>

<el-col :span="4">

<el-form-item label="姓名" label-width="50px">

<el-input v-model="yljgform.patientName" disabled />

</el-form-item>

</el-col>

<el-col :span="4">

<el-form-item label="性别" label-width="50px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="出生日期" label-width="70px">

<el-input v-model="yljgform.birDate"/>

<!-- <el-input v-model="yljgform.sex" style="width:50px;"/><span>年</span><el-input v-model="yljgform.sex" style="width:40px;"/><span>月</span><el-input v-model="yljgform.sex" style="width:40px;"/><span>日</span> -->

</el-form-item>

</el-col>

<el-col :span="4">

<el-form-item label="年龄" label-width="50px">

<el-input v-model="yljgform.ageY" disabled style="width:50px;"/>岁

</el-form-item>

</el-col>

<el-col :span="4">

<el-form-item label="国籍" label-width="50px">

<el-input v-model="yljgform.citizenship" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="7">

<el-form-item label="（年龄不足一周）年龄" label-width="150px">

<el-input v-model="yljgform.ageD" disabled style="width:50px"/>天

</el-form-item>

</el-col>

<el-col :span="4">

<el-form-item label="民族" label-width="50px">

<el-input v-model="yljgform.nation" disabled />

</el-form-item>

</el-col>

<el-col :span="5">

<el-form-item label="患者证件类别" label-width="100px">

<el-input v-model="yljgform.proTypeCd" />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="患者证件号码" label-width="100px">

<el-input v-model="yljgform.cardTypeNo"/>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="4">

<el-form-item label="职业" label-width="50px">

<el-input v-model="yljgform.proTypeName" disabled />

</el-form-item>

</el-col>

<el-col :span="20">

<el-form-item label="现住址" label-width="150px">

<el-input v-model="yljgform.nowAddr" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="5">

<el-form-item label="联系人姓名" label-width="90px">

<el-input v-model="yljgform.contName" disabled />

</el-form-item>

</el-col>

<el-col :span="4">

<el-form-item label="关系" label-width="50px">

<el-input v-model="yljgform.conRelaName" disabled />

</el-form-item>

</el-col>

<el-col :span="10">

<el-form-item label="地址" label-width="50px">

<el-input v-model="yljgform.contAddr" />

</el-form-item>

</el-col>

<el-col :span="5">

<el-form-item label="电话" label-width="50px">

<el-input v-model="yljgform.contTel"/>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="8">

<el-form-item label="医保类型" label-width="75px">

<el-input v-model="yljgform.miTypeName" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="特殊人员类型" label-width="100px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="参保地" label-width="53px">

<el-input v-model="yljgform.miTypeName" />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="8">

<el-form-item label="新生儿入院类型" label-width="117px">

<el-input v-model="yljgform.nwbAdmTypename" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="新生儿出生体重" label-width="113px">

<el-input v-model="yljgform.baby1BirWeight" disabled style="width:70%"/><span>克</span>

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="新生儿入院体重" label-width="110px">

<el-input v-model="yljgform.inhosWeight" style="width:70%"/><span>克</span>

</el-form-item>

</el-col>

</el-row>

</div>

<div class="mzmtbzlxx">

<el-row>

<el-col :span="24">

<div class="dyhearder" style="border-bottom: 1px solid #D5DBEE;background-color: #BCD6EF;">二、门诊慢特病诊疗信息</div>

</el-col>

</el-row>

<el-row>

<el-col :span="12">

<el-form-item label="诊断科别" label-width="75px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="就诊日期" label-width="70px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

</el-row>

<el-table :data="mzmtbtabledata" border

style="border-left:0px solid;border-right:0px solid;"

>

<el-table-column label="病种名称" align="center" prop="name1" />

<el-table-column label="病种代码" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="手术及操作名称" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="手术及操作代码" align="center" prop="name1" :show-overflow-tooltip="true" />

</el-table>

</div>

<div class="zyzlxx">

<el-row>

<el-col :span="24">

<div class="dyhearder" style="border-bottom: 1px solid #D5DBEE;background-color: #BCD6EF;">三、住院诊疗信息</div>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="住院医疗类型" label-width="105px">

<el-radio label="1" value="1" v-model="yljgform.medCate">1、住院</el-radio>

<el-radio label="2" value="2" v-model="yljgform.medCate">2、日间手术</el-radio>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="入院途径" label-width="75px">

<el-radio label="1" v-model="yljgform.inWay">1、急诊</el-radio>

<el-radio label="2" v-model="yljgform.inWay">2、门诊</el-radio>

<el-radio label="2" v-model="yljgform.inWay">3、其他医疗机构转入</el-radio>

<el-radio label="2" v-model="yljgform.inWay">9、门诊</el-radio>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="治疗类别" label-width="75px">

<el-radio label="1" v-model="yljgform.treatType">1、西医</el-radio>

<el-radio label="2" v-model="yljgform.treatType">2、中医 <span>（2.1</span> <span>中医</span> <span class="m-l-5">2.2</span> <span>民族医）</span> </el-radio>

<el-radio label="2" v-model="yljgform.treatType">3、中西医</el-radio>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="10">

<el-form-item label="入院时间" label-width="75px">

<el-input v-model="yljgform.inhosTime" disabled/>

</el-form-item>

</el-col>

<el-col :span="7">

<el-form-item label="入院科别" label-width="75px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="7">

<el-form-item label="转科科别" label-width="75px">

<el-input v-model="yljgform.chDeptName" />

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="10">

<el-form-item label="出院时间" label-width="75px">

<el-input v-model="yljgform.outTime" disabled/>

</el-form-item>

</el-col>

<el-col :span="7">

<el-form-item label="出院科别" label-width="75px">

<el-input v-model="yljgform.outDeptName" disabled />

</el-form-item>

</el-col>

<el-col :span="7">

<el-form-item label="实际住院" label-width="75px">

<el-input v-model="yljgform.realInhosDays" style="width:70%"/>天

</el-form-item>

</el-col>

</el-row>

<el-row class="">

<el-col :span="12">

<el-form-item label="门（急）诊诊断（西医诊断）" label-width="200px">

<el-input v-model="yljgform.osWmdName" disabled/>

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="疾病代码" label-width="75px">

<el-input v-model="yljgform.osWmdCd" disabled />

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="门（急）诊诊断（中医诊断）" label-width="200px">

<el-input v-model="yljgform.osChdName" />

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="疾病代码" label-width="75px">

<el-input v-model="yljgform.osChdCd" />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="12">

<el-table :data="medinsWestDiaDtos" border

style="border-left:0px solid;border-right:0px solid;border-bottom:0px solid;"

>

<!-- <el-table-column label="出院西医诊断" align="center" prop="name1" :show-overflow-tooltip="true">

<template slot-scope="scope">

<div v-if="parseInt(scope.row.isDefectFlag)>0">有缺陷</div>

<div v-else>无缺陷</div>

</template>

</el-table-column> -->

<el-table-column label="出院西医诊断" align="maindiagFlagname" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="疾病代码" align="diaCd" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="入院病情" align="inhosCond" prop="name1" :show-overflow-tooltip="true" />

</el-table>

</el-col>

<el-col :span="12">

<el-table :data="medinsChinDiaDtos" border

style="border-left:0px solid;border-right:0px solid;border-bottom:0px solid;"

>

<el-table-column label="出院中医诊断" align="center" prop="maindiagFlagname" :show-overflow-tooltip="true"/>

<el-table-column label="疾病代码" align="center" prop="diaCd" :show-overflow-tooltip="true" />

<el-table-column label="入院病情" align="center" prop="inhosCond" :show-overflow-tooltip="true" />

</el-table>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="诊断代码计数" label-width="102px">

<el-input v-model="yljgform.osWmdName" disabled/>

</el-form-item>

</el-col>

</el-row>

<!-- //手术及操作list -->

<div v-for="(item,index) in medInsOpeDtos">

<el-row>

<el-col :span="5">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">主要手术及操作名称</div>

</el-col>

<el-col :span="5">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">主要手术及操作代码</div>

</el-col>

<el-col :span="2">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">麻醉方式</div>

</el-col>

<el-col :span="3">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">术者医师姓名</div>

</el-col>

<el-col :span="3">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">术者医师代码</div>

</el-col>

<el-col :span="3">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">麻醉医师姓名</div>

</el-col>

<el-col :span="3">

<div class="lefttitle b-b-c b-r-c " style="text-align: center;">麻醉医师代码</div>

</el-col>

</el-row>

<el-row>

<el-col :span="5">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.oprName}}</div>

</el-col>

<el-col :span="5">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.oprIcd}}</div>

</el-col>

<el-col :span="2">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.anestMethName}}</div>

</el-col>

<el-col :span="3">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.opeName}}</div>

</el-col>

<el-col :span="3">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.opeCode}}</div>

</el-col>

<el-col :span="3">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.anestName}}</div>

</el-col>

<el-col :span="3">

<div class="lefttitlecont b-b-c b-r-c" style="text-align: center;height:33px">{{item.anestCode}}</div>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="12">

<el-form-item label="手术及操作起止时间" label-width="145px">

<el-input v-if="item.oprBeginDatetime" v-model="item.oprBeginDatetime" disabled/>

<span v-if="item.oprBeginDatetime && item.oprEndDatetime">-</span>

<el-input v-if="item.oprEndDatetime" v-model="item.oprEndDatetime" disabled/>

<el-input v-else disabled/>

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="麻醉起止时间" label-width="145px">

<!-- <el-input v-model="item.anestBeginTime+'-'+item.anestEndTime" disabled/> -->

<el-input v-if="item.anestBeginTime" v-model="item.anestBeginTime" disabled style="width:100px"/>

<span class="m-r-10" v-if="item.anestBeginTime && item.anestEndTime">至</span>

<el-input v-if="item.anestEndTime" v-model="item.anestEndTime" disabled style="width:100px"/>

<el-input v-else disabled/>

</el-form-item>

</el-col>

</el-row>

</div>

<!-- <el-row>

<el-col :span="24">

<el-table :data="mzmtbtabledata" border

style="border-left:0px solid;border-right:0px solid;border-bottom:0px solid;"

>

<el-table-column label="主要手术及操作名称2" align="center" prop="name1" :show-overflow-tooltip="true"/>

<el-table-column label="主要手术及操作代码2" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="麻醉方式" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="术者医师姓名" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="术者医师代码" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="麻醉医师姓名" align="center" prop="name1" :show-overflow-tooltip="true" />

<el-table-column label="麻醉医师代码" align="center" prop="name1" :show-overflow-tooltip="true" />

</el-table>

</el-col>

</el-row> -->

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="手术及操作代码计数" label-width="145px">

<el-input v-model="yljgform.osWmdName" disabled style="width:50%"/>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="呼吸机使用时间" label-width="118px">

<el-input v-model="yljgform.ventilatorD" disabled style="width:50%"/>

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="6">

<div class="lefttitle m-l-12">颅脑损伤患者昏迷时间：</div>

</el-col>

<el-col :span="18">

<el-form-item label="入院前" label-width="50px">

<el-input v-model="yljgform.ciBefDay" disabled style="width:80px"/>天

<el-input v-model="yljgform.ciBefHour" disabled style="width:80px"/>小时

<el-input v-model="yljgform.ciBefMin" disabled style="width:80px"/>分钟

</el-form-item>

<el-form-item label="入院后" label-width="50px">

<el-input v-model="yljgform.ciAftDay" disabled style="width:80px"/>天

<el-input v-model="yljgform.ciAftHour" disabled style="width:80px"/>小时

<el-input v-model="yljgform.ciAftMin" disabled style="width:80px"/>分钟

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="24">

<el-table :data="medInsIcuDtos" border

style="border-left:0px solid;border-right:0px solid;border-bottom:0px solid;"

>

<el-table-column label="重症监护病房类型（CCU、NICU、ECU、SICU、PICU、RICU、ICU（综合）、其他）" align="center" prop="scsCutdWardtype" :show-overflow-tooltip="true"/>

<el-table-column label="进重症监护室时间" align="center" prop="icuInTime" :show-overflow-tooltip="true" />

<el-table-column label="出重症监护室时间" align="center" prop="icuOutTime" :show-overflow-tooltip="true" />

<el-table-column label="合计" align="center" prop="scsCutdSumDura" :show-overflow-tooltip="true" />

</el-table>

</el-col>

</el-row>

<el-row style="margin-top:10px;">

<el-col :span="24">

<el-table :data="medInsBIoDtos" border

style="border-left:0px solid;border-right:0px solid;border-bottom:0px solid;"

>

<el-table-column label="输血品种" align="center" prop="bldCatname" :show-overflow-tooltip="true"/>

<el-table-column label="输血量" align="center" prop="bldAmt" :show-overflow-tooltip="true" />

<el-table-column label="输血计量单位" align="center" prop="bldUnt" :show-overflow-tooltip="true" />

</el-table>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="6">

<el-form-item label="特级护理天数" label-width="102px">

<el-input v-model="yljgform.sprCareD" disabled style="width:50px"/>

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="一级护理天数" label-width="102px">

<el-input v-model="yljgform.priCareD" disabled style="width:50px"/>

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="二级护理天数" label-width="102px">

<el-input v-model="yljgform.secCareD" disabled style="width:50px"/>

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="三级护理天数" label-width="100px">

<el-input v-model="yljgform.terCareD" disabled style="width:50px"/>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="住院医疗类型" label-width="102px">

<el-radio label="1" v-model="yljgform.leaveWayCd">1、医嘱离院</el-radio>

<el-radio label="2" v-model="yljgform.leaveWayCd">2、医嘱转院，拟接收机构名称<el-input v-model="yljgform.osWmdName" disabled style="width:80px"/></el-radio>

<el-radio label="3" v-model="yljgform.leaveWayCd">3、转医嘱转卫生社区服务机构/乡镇卫生院，拟接收机构名称<el-input v-model="yljgform.osWmdName" disabled style="width:80px"/></el-radio>

<el-radio label="4" v-model="yljgform.leaveWayCd">4、非医嘱离院</el-radio>

<el-radio label="5" v-model="yljgform.leaveWayCd">5、死亡</el-radio>

<el-radio label="9" v-model="yljgform.leaveWayCd">9、其他</el-radio>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="24">

<el-form-item label="是否有出院31天内再住院计划" label-width="202px">

<el-radio label="1" value="1" v-model="yljgform.outInFlag">1、无</el-radio>

<el-radio label="2" value="2" v-model="yljgform.outInFlag">2、有</el-radio>

目的<el-input v-model="yljgform.outInAim" disabled style="width:50%"/>

</el-form-item>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="12">

<el-form-item label="主诊医师姓名" label-width="102px">

<el-input v-model="yljgform.attDocName" disabled/>

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="主诊医师代码" label-width="102px">

<el-input v-model="yljgform.dutyNurCd" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row >

<el-col :span="12">

<el-form-item label="责任护士姓名" label-width="102px">

<el-input v-model="yljgform.dutyNurName" disabled/>

</el-form-item>

</el-col>

<el-col :span="12">

<el-form-item label="责任护士代码" label-width="102px">

<el-input v-model="yljgform.dutyNurCd" disabled />

</el-form-item>

</el-col>

</el-row>

</div>

<div class="ylsfxx">

<el-row>

<el-col :span="24">

<div class="dyhearder" style="border-bottom: 1px solid #D5DBEE;background-color: #BCD6EF;">四、医疗收费信息</div>

</el-col>

</el-row>

<el-row>

<el-col :span="8">

<el-row>

<el-col :span="24">

<el-form-item label="业务流水号" label-width="88px">

<el-input v-model="yljgform.bizSn" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="24">

<el-form-item label="票据代码" label-width="75px">

<el-input v-model="yljgform.setlBillcode" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="24">

<el-form-item label="票号码" label-width="62px">

<el-input v-model="yljgform.setlBillnum" disabled />

</el-form-item>

</el-col>

</el-row>

</el-col>

<el-col :span="16">

<div class="b-l-c" style="height:110px;display: flex;align-items: center;">

<el-row style="width:100%">

<el-col :span="24">

<div style="width:100%;display: flex;justify-content: center;">

<el-form-item label="结算日期" label-width="75px">

<el-input v-model="yljgform.setlBegnDate" disabled style="width:40%"/>

<span v-if="yljgform.setlBegnDate && yljgform.setlEndDate" class="m-r-20">至</span>

<el-input v-model="yljgform.setlEndDate" disabled style="width:40%"/>

</el-form-item>

</div>

</el-col>

</el-row>

</div>

</el-col>

</el-row>

<el-table :data="medInsFeeDtos" border

style="border-left:0px solid;border-right:0px solid;border-bottom:0px solid;"

>

<el-table-column label="项目名称" width="251px" align="center" prop="feeItemName" :show-overflow-tooltip="true"/>

<el-table-column label="甲类" align="center" prop="classAAmt" :show-overflow-tooltip="true" />

<el-table-column label="乙类" align="center" prop="classBAmt" :show-overflow-tooltip="true" />

<el-table-column label="自费" align="center" prop="ownPayAmt" :show-overflow-tooltip="true" />

<el-table-column label="其他" align="center" prop="othAmt" :show-overflow-tooltip="true" />

</el-table>

<el-row class="b-b-c">

<el-col :span="12">

<el-row class="b-b-c">

<el-col :span="16">

<div class="lefttitle b-r-c" style="text-align: center;">医保统筹基金支付</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont " style="text-align: center;">{{yljgform.hifpPay}}</div>

</el-col>

</el-row>

<el-row >

<el-col :span="8" >

<div class="b-r-c" style="width:100%;height:33px;"></div>

</el-col>

<el-col :span="8" class="b-b-c">

<div class="lefttitlecont b-r-c" style="text-align: center;">职工大额补助</div>

</el-col>

<el-col :span="8" >

<div class="b-b-c" style="width:100%;height:33px;text-align: center;">{{yljgform.hifobPay}}</div>

</el-col>

</el-row>

<el-row >

<el-col :span="8">

<div class="lefttitle b-r-c" style="text-align: center;">补充医疗保险支付</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont b-r-c b-b-c" style="text-align: center;">居民大病保险</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont b-b-c" style="width:100%;height:33px;text-align: center;">{{yljgform.hifmipay}}</div>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="8">

<div class="b-r-c" style="width:100%;height:30px;"></div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont b-r-c" style="text-align: center;">公务员医疗补助</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont " style="text-align: center;">{{yljgform.cvlservPay}}</div>

</el-col>

</el-row>

<el-row>

<el-col :span="16">

<div class="lefttitle b-r-c" style="text-align: center;">医疗救助支付</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont " style="text-align: center;">{{yljgform.othPay}}</div>

</el-col>

</el-row>

</el-col>

<el-col :span="12">

<div class="b-l-c" style="height:165px;display: flex;align-items: center;">

<el-row style="width:100%">

<el-col :span="8">

<div class="lefttitle b-r-c" style="height:165px;line-height:170px;text-align: center;">个人负担</div>

</el-col>

<el-col :span="8" class="b-r-c">

<div class="lefttitlecont b-b-c" style="height:99px;line-height:99px;text-align: center;">个人自负</div>

<div class="lefttitlecont" style="height:66px;line-height:66px;text-align: center;">个人自费</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont b-b-c" style="height:99px;line-height:99px;text-align: center;">{{yljgform.preselfpayAmt}}</div>

<div class="lefttitlecont" style="height:66px;line-height:66px;text-align: center;">{{yljgform.fulamtOwnpayAmt}}</div>

</el-col>

</el-row>

</div>

</el-col>

</el-row>

<el-row class="b-b-c">

<el-col :span="12">

<el-row style="width:100%">

<el-col :span="8">

<div class="lefttitle b-r-c" style="height:132px;line-height:132px;text-align: center;">其他支付</div>

</el-col>

<el-col :span="8" class="b-r-c">

<div class="lefttitlecont b-b-c" style="height:33px;line-height:33px;text-align: center;">企业补充</div>

<div class="lefttitlecont b-b-c" style="height:33px;line-height:33px;text-align: center;">商业保险</div>

<div class="lefttitlecont b-b-c" style="height:33px;line-height:33px;text-align: center;"></div>

<div class="lefttitlecont" style="height:33px;line-height:33px;text-align: center;"></div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont b-b-c" style="height:33px;line-height:33px;text-align: center;">{{yljgform.hifesPay}}</div>

<div class="lefttitlecont b-b-c" style="height:33px;line-height:33px;text-align: center;">{{yljgform.insuraPay}}</div>

<div class="lefttitlecont b-b-c" style="height:33px;line-height:33px;text-align: center;"></div>

<div class="lefttitlecont" style="height:33px;line-height:33px;text-align: center;"></div>

</el-col>

</el-row>

</el-col>

<el-col :span="12">

<div class="b-l-c" style="height:132px;display: flex;align-items: center;">

<el-row style="width:100%">

<el-col :span="8">

<div class="lefttitle b-r-c" style="height:132px;line-height:132px;text-align: center;">个人支付</div>

</el-col>

<el-col :span="8" class="b-r-c">

<div class="lefttitlecont b-b-c" style="height:66px;line-height:66px;text-align: center;">个人账户支付</div>

<div class="lefttitlecont" style="height:66px;line-height:66px;text-align: center;">个人现金支付</div>

</el-col>

<el-col :span="8">

<div class="lefttitlecont b-b-c" style="height:66px;line-height:66px;text-align: center;">{{yljgform.acctPay}}</div>

<div class="lefttitlecont" style="height:66px;line-height:66px;text-align: center;">{{yljgform.psnCashPay}}</div>

</el-col>

</el-row>

</div>

</el-col>

</el-row>

<el-row>

<el-col :span="24">

<el-form-item label="医保支付方式" label-width="102px">

<el-radio label="1" v-model="yljgform.sex">1、按项目</el-radio>

<el-radio label="2" v-model="yljgform.sex">2、单病种</el-radio>

<el-radio label="3" v-model="yljgform.sex">3、按病种分值</el-radio>

<!-- <el-radio label="4" v-model="yljgform.sex">4、按病种分值</el-radio> -->

</el-form-item>

</el-col>

</el-row>

</div>

</div>

<el-row>

<el-col :span="10">

<el-form-item label="定点医疗机构填报部门" label-width="160px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="医保经办机构" label-width="95px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="代码" label-width="50px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

</el-row>

<el-row>

<el-col :span="10">

<el-form-item label="定点医疗机构填报人" label-width="145px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="医保机构经办人" label-width="110px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

<el-col :span="6">

<el-form-item label="代码" label-width="50px">

<el-input v-model="yljgform.sex" disabled />

</el-form-item>

</el-col>

</el-row>

</el-form>

<div class="m-l-10">

<el-button type="primary" @click="submitForm">

<svg-icon class="iconSvg m-r-5" icon-class="bcbtn"/>审核完成

</el-button>

</div>

</el-aside>

<el-main style="min-width:898px">

<bahomepagezktx />

</el-main>

</el-container>

</div>

</template>

<script>

import {

getMedInsFlist,

selectDrawMedInsList,

getflistList,

bathDrawMedList,

addMedInsFlistLog,

} from "@/api/settlementdeclaration/medicalinsurancefundlist";

import { setTimeout } from 'timers';

import bahomepagezktx from "./bahomepagezktx/index";

export default {

components: { bahomepagezktx },

data() {

return {

tableData: [],

loading: false,

// 总条数

total: 0,

// 查询参数

queryParams: {

pageNum: 1,

pageSize: 10,

status:"1",

parentId:"",

},

yljgform:{},

fzcftj:false,

mzmtbtabledata:[

{

name1:"",

name2:"",

name3:"",

name4:"",

},

{

name1:"",

name2:"",

name3:"",

name4:"",

},

{

name1:"",

name2:"",

name3:"",

name4:"",

}

],

medinsWestDiaDtos:[],

medinsChinDiaDtos:[],

medInsOpeDtos:[

{

oprName:'sdad',

},

{

oprName:'sdad',

}

],

medInsIcuDtos:[],

medInsBIoDtos:[],

medInsFeeDtos:[],

// 表单校验

rules: {

// orgCode: [

// { required: true, message: "用户名称不能为空", trigger: "blur" },

// { min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur' }

// ],

// orgClass: [

// { required: false, message: "请选择医疗机构分类", trigger: "blur" }

// ],

// orgName: [

// { required: true, message: "医疗机构名称不能为空", trigger: "blur" }

// ],

// orgEml: [

// {

// type: "email",

// message: "'请输入正确的电子邮箱",

// trigger: ["blur", "change"]

// }

// ],

// orgTel1: [

// {

// pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,

// message: "请输入正确的联系电话",

// trigger: "blur"

// }

// ]

}

};

},

created() {

this.getList();

},

methods: {

getList() {

var params={

patientId:"",

}

getMedInsFlist(params).then((res) => {

if (res.code == 200) {

this.yljgform = res.data.medInsFlistVo;

this.medinsWestDiaDtos= res.data.medInsDiaDto.medinsWestDiaDtos?res.data.medInsDiaDto.medinsWestDiaDtos:[];

this.medinsChinDiaDtos= res.data.medInsDiaDto.medinsChinDiaDtos?res.data.medInsDiaDto.medinsChinDiaDtos:[];

this.medInsOpeDtos= res.data.medInsOpeDtos?res.data.medInsOpeDtos:[];

this.medInsIcuDtos= res.data.medInsIcuDtos?res.data.medInsIcuDtos:[];

this.medInsBIoDtos= res.data.medInsBIoDtos?res.data.medInsBIoDtos:[];

this.medInsFeeDtos= res.data.medInsFeeDtos?res.data.medInsFeeDtos:[];

console.log(res.rows,"===========")

}

});

},

handleselect(){

this.getRightList()

},

//获取右侧列表

getRightList() {

// orglist(this.queryParams).then((res) => {

// if (res.code == 200) {

// this.rightData = res.rows;

// this.total = res.total;

// }

// });

},

// 取消按钮

cancel() {

this.open = false;

},

//

gettype(){

dictdatatype("3001").then((res) => {

if (res.code == 200) {

this.orgClasslist=res.data

}

});

dictdatatype("4001").then((res) => {

if (res.code == 200) {

this.orgTypelist=res.data

}

});

dictdatatype("5001").then((res) => {

if (res.code == 200) {

this.orgGradelist=res.data

}

});

},

/** 提交按钮 */

submitForm() {

if(this.fzcftj){

return

}

this.fzcftj=true

// this.$refs["yljgform"].validate(valid => {

// if (valid) {

console.log(this.yljgform,"=================this.yljgform")

var params={

orgId:this.yljgform.orgId,

patientId:this.yljgform.patientId,

medId:this.yljgform.medId,

operTyp:"1",

}

// if (this.yljgform.orgId) {

addMedInsFlistLog(params).then(response => {

this.$modal.msgSuccess("审核成功");

this.open = false;

this.getRightList();

setTimeout(() => {

this.fzcftj=false

}, 500);

})

.catch(() => {

setTimeout(() => {

this.fzcftj=false

}, 500);

});

// }

// }else {

// console.log('error submit!!');

// setTimeout(() => {

// this.fzcftj=false

// }, 500);

// return false;

// }

// });

},

handleDelete(row) {

this.$confirm(

`确定删除数据吗？`,

"提示",

{

confirmButtonText: "确定",

cancelButtonText: "取消",

type: "warning",

}

)

.then(() => {

row.delFlag='0'

row.status=row.delFlag

orgedit(row).then((res) => {

if (res.code == 200) {

this.$modal.msgSuccess(res.msg);

this.getList();

}

});

})

.catch(() => {});

},

// focusNext(val, scope) {

// this.$refs[`flbh_${scope.$index}`].blur();

// let index = scope.$index + 1;

// this.$nextTick(() => {

// this.$refs[`flbh_${index}`].toggleMenu();

// });

// },

},

};

</script>

<style lang="scss" scoped>

.feeClass {

margin: 4px;

background: rgb(236, 236, 245);

height: calc(100% - 8px);

.leftformcont{

height: calc(100vh - 92px);

display: flex;

justify-content: flex-end;

background: #ffffff;

.dyhearder{

width: 100%;

text-align: center;

font-weight: 600;

font-size: 16px;

}

.lefttitle{

font-size: 14px;

color: #333333;

font-weight: 600;

}

.lefttitlecont{

font-size: 14px;

color: #333333;

}

}

.b-r-c{

border-right: 1px solid #D5DBEE;

}

.b-l-c{

border-left: 1px solid #D5DBEE;

}

.b-t-c{

border-top: 1px solid #D5DBEE;

}

.b-b-c{

border-bottom: 1px solid #D5DBEE;

}

::v-deep {

.el-container {

height: 100%;

.el-aside {

padding: 6px 6px 0;

margin: 0 6px 0 0;

background: rgb(246, 247, 251);

border-radius: 2px;

}

.el-main {

padding: 6px 6px 0;

margin: 0;

background: rgb(246, 247, 251);

border-radius: 2px;

}

}

.el-table {

.el-input__inner {

text-align: center;

}

// .el-form-item {

// margin: 0;

// }

// .el-form-item.is-error .el-input__inner {

// border-width: 2px;

// }

}

}

}

::v-deep {

// .el-form-item {

// margin-bottom: 7px;

// }

// .el-form-item__error {

// display: none;

// }

.el-input__inner {

height: 30px;

line-height: 30px;

}

//左侧表单

.leftformcont{

.el-input__inner {

border-top-width: 0px;

border-left-width: 0px;

border-right-width: 0px;

border-bottom-width: 1px;

border-radius: 0px;

width:80%;

text-align: center;

}

.el-form-item {

margin-bottom: 5px;

}

//验证提示

.el-form-item__error {

display: none;

}

//input 禁用背景修改

.el-input.is-disabled .el-input__inner {

background-color: #ffffff;

border-color: #ccc;

}

.el-table .el-table__header-wrapper th {

background-color: #ffffff !important;

padding:0px;

}

}

}

</style>