| | |
|---|
| | | <template> |
|---|
| | | <div class="app-container"> |
|---|
| | | <div class="app-container" id="printable-content"> |
|---|
| | | <div class="form-header mt"> |
|---|
| | | <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;"> |
|---|
| | | <span>家庭设备详情</span> |
|---|
| | | <div style="display: flex; align-items: center;"> |
|---|
| | | <el-button size="mini" type="text" @click="checkNote()" v-hasPermi="['person:information:memo']"> |
|---|
| | | <el-button size="mini" type="text" v-print="'#printable-content'" v-hasPermi="['person:information:memo']"> |
|---|
| | | <div class="form" ><el-icon style="padding-right:110px;"></el-icon> |
|---|
| | | <span class="text" style="width: 69px;height: 26px;font-size: 16px; |
|---|
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">备忘本</span></div> |
|---|
| | | </el-button> |
|---|
| | | <el-button size="mini" type="text" @click="print()" v-hasPermi="['person:information:memo']"> |
|---|
| | | <div class="form" ><el-icon style="padding-right:110px;"></el-icon> |
|---|
| | | <span class="text" style="width: 69px;height: 26px;font-size: 16px; |
|---|
| | | font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">打印</span></div> |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </h1> |
|---|
| | |
|---|
| | | <el-form-item label="备注" prop="remark"> |
|---|
| | | <el-input v-model="formData.remark" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="是否是本家庭记录" prop="ownData"> |
|---|
| | | <el-input v-model="formData.ownData=== 1 ? '是':'否'" placeholder=" " clearable :style="{width: '100%'}" :disabled=true></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | |
|---|
| | | <h4 class="form-header">电子文件 </h4> |
|---|
| | | <h4 class="form-header">相关图片 </h4> |
|---|
| | | <el-upload |
|---|
| | | action="#" |
|---|
| | | list-type="picture-card" |
|---|
| | |
|---|
| | | this.dsb = false |
|---|
| | | this.btn = true |
|---|
| | | }, |
|---|
| | | //打印 |
|---|
| | | print() |
|---|
| | | { |
|---|
| | | |
|---|
| | | setTimeout(() => { |
|---|
| | | // 获取待打印的内容 |
|---|
| | | let printableContent = document.getElementById('printable-content').innerHTML; |
|---|
| | | console.log(printableContent) |
|---|
| | | // 创建一个新的窗口并加载打印内容 |
|---|
| | | let printWindow = window.open('', '_blank'); |
|---|
| | | printWindow.document.write('<html><head><title>打印内容</title></head><body>' + printableContent + '</body></html>'); |
|---|
| | | |
|---|
| | | // 执行打印操作 |
|---|
| | | printWindow.document.close(); |
|---|
| | | |
|---|
| | | // 如果内容中有图片或其他需要一定时间加载的，请使用注释中的延时打印 |
|---|
| | | |
|---|
| | | printWindow.print() |
|---|
| | | }, 1000) |
|---|
| | | // printWindow.print(); |
|---|
| | | |
|---|
| | | }, |
|---|
| | | //查看备忘本 |
|---|
| | | checkNote(row){ |
|---|
| | | |
|---|
