| | |
| | | <template> |
| | | <div class="dietarySurvey-item"> |
| | | <el-dialog v-model="state.dialogTableVisible" title="营养饮食指导方案" :fullscreen="true" width="100%"> |
| | | <div class="container" style="width: 100%; height: 100%;overflow: auto;" > |
| | | <div style="width: 100%; height: 100%;overflow: auto;" > |
| | | <div ref="printRef" id="fanganprintFrom1" class="print-section"> |
| | | <div> |
| | | <el-form size="small"> |
| | |
| | | <td colspan="7"> |
| | | <el-form-item> |
| | | <el-input v-model="state.tableData.食物过敏原" type="textarea" |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="食物过敏原" /> |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" /> |
| | | </el-form-item> |
| | | </td> |
| | | </tr> |
| | |
| | | <td colspan="7"> |
| | | <el-form-item> |
| | | <el-input v-model="state.tableData.胃肠功能状况" type="textarea" |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="胃肠功能状况" /> |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" /> |
| | | </el-form-item> |
| | | </td> |
| | | </tr> |
| | |
| | | <td colspan="7"> |
| | | <el-form-item> |
| | | <el-input v-model="state.tableData.蛋白粉补充情况" type="textarea" |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="蛋白粉补充情况" /> |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" /> |
| | | </el-form-item> |
| | | </td> |
| | | </tr> |
| | |
| | | <td colspan="7"> |
| | | <el-form-item> |
| | | <el-input v-model="state.tableData.营养记录汇总" type="textarea" |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="营养记录汇总" /> |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" /> |
| | | </el-form-item> |
| | | </td> |
| | | </tr> |
| | |
| | | <td colspan="7"> |
| | | <el-form-item> |
| | | <el-input v-model="state.tableData.饮食问题" type="textarea" |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="饮食问题" /> |
| | | :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" /> |
| | | </el-form-item> |
| | | </td> |
| | | </tr> |
| | |
| | | type: 'html', |
| | | css: ['@/assets/css/printcss.css','//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css', '//unpkg.com/element-plus/dist/index.css'], |
| | | scanStyles: false, |
| | | style: `@media print{}}`, |
| | | style: `@media print{.gridtable { |
| | | font-family: verdana, arial, sans-serif; |
| | | color: #333333; |
| | | border-width: 1px; |
| | | border-color: #666666; |
| | | border-collapse: collapse; |
| | | |
| | | } |
| | | |
| | | .gridtable th { |
| | | border-width: 1px; |
| | | padding: 8px; |
| | | border-style: solid; |
| | | border-color: #666666; |
| | | background-color: #a4b0e2; |
| | | } |
| | | |
| | | .gridtable td { |
| | | border-width: 1px; |
| | | padding: 8px; |
| | | border-style: solid; |
| | | border-color: #666666; |
| | | text-align: center; |
| | | font-weight: 800; |
| | | } |
| | | textarea{ |
| | | font-weight: 800; |
| | | color: #303133; |
| | | } |
| | | input{ |
| | | font-weight: 800; |
| | | color: #303133; |
| | | } |
| | | .htr { |
| | | background-color: rgb(250, 236, 216); |
| | | font-weight: 800; |
| | | |
| | | } |
| | | |
| | | .lvse { |
| | | background-color: rgb(239.8, 248.9, 235.3); |
| | | }}}`, |
| | | }); |
| | | } |
| | | const numberPart=(str:any)=>{ |