| | |
|---|
| | | <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" v-print="'#printable-content'" v-hasPermi="['person:information:memo']"> |
|---|
| | | <el-button size="mini" type="text" 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']"> |
|---|
| | | <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-upload |
|---|
| | | action="#" |
|---|
| | | list-type="picture-card" |
|---|
| | | multiple |
|---|
| | | multiple |
|---|
| | | :http-request="requestUpload" |
|---|
| | | :file-list="fileList" |
|---|
| | | :disabled="!btn" |
|---|
| | | :class="{ hide: !btn }" |
|---|
| | | |
|---|
| | | > |
|---|
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
|---|
| | | <i v-if="!uploading" slot="default" class="el-icon-plus"></i> |
|---|
| | |
|---|
| | | :on-remove="handleRemoveFile" |
|---|
| | | :http-request="requestUpload" |
|---|
| | | :show-file-list="true" |
|---|
| | | :disabled="!btn" |
|---|
| | | :class="{ hide: !btn }" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <div v-if="uploading" class="upload-status">正在上传...</div> |
|---|
| | |
|---|
| | | else{ |
|---|
| | | document.title = "家庭设备详细信息"; |
|---|
| | | this.$route.meta.title = "家庭设备详细信息";//列表的名称 |
|---|
| | | this.btn = false; |
|---|
| | | this.isShow=false |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | 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){ |
|---|
| | | |
|---|
| | |
|---|
| | | }, |
|---|
| | | requestUpload(params) |
|---|
| | | { |
|---|
| | | |
|---|
| | | var file = params.file; |
|---|
| | | var formData = new FormData(); |
|---|
| | | formData.append('uploadFile', file); |
|---|
| | |
|---|
| | | display: block; |
|---|
| | | |
|---|
| | | } |
|---|
| | | .hide .el-upload--picture-card { |
|---|
| | | display: none; |
|---|
| | | } |
|---|
| | | .form{ |
|---|
| | | background:center/11% no-repeat url('../../assets/icons/form.png') ; |
|---|
| | | } |
|---|
