表格套表单
html代码如下
<el-form
ref="FormRef"
:model="xyjczlForm"
:rules="rules"
:disabled="Isdisabled"
>
<el-row>
<el-col>
<el-form-item prop="tjsj" label="诊疗时间">
<el-date-picker
v-model="xyjczlForm.tjsj"
type="date"
placeholder="请选择日期"
/></el-form-item>
</el-col>
</el-row>
<el-table
class="main_table"
:data="zbList"
border
:resizable="false"
style="width: 100%"
>
<el-table-column prop="yt" label="用途">
<template #default="scope">
<el-form-item prop="yt">
<el-radio-group
v-model="scope.row.yt"
@change="changeYt(scope.row)"
>
<el-radio label="控制血压" />
<el-radio label="治疗贫血" />
<el-radio label="纠正钙磷代谢紊乱" />
<el-radio label="调节水、电解质和酸碱代谢平衡" />
<el-radio label="其他" />
</el-radio-group>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="yymc" label="用药名称" width="200">
<template #default="scope">
<el-form-item prop="yymc">
<el-input
@click="ypmcClick(scope.row, scope.$index)"
:readonly="scope.row.yt != '其他'"
v-model="scope.row.yymc"
placeholder="请输入用药名称"
></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="yf" label="用量及用法" >
<template #default="scope">
<el-form-item prop="yf">
<el-input v-model="scope.row.yf" type="textarea"></el-input>
</el-form-item>
</template>
</el-table-column>
</el-table>
</el-form>
版权声明:本文为hfyldx原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。