| | |
| | | height: 8px !important; |
| | | } |
| | | .el-dialog__body >>>.el-radio__label{ |
| | | padding-left: 2px !important; |
| | | padding-left: 2px !important; |
| | | } |
| | | .el-dialog__body >>>.el-card__body{ |
| | | padding: 0 !important; |
| | | } |
| | | .el-dialog__body >>>.el-card { |
| | | border: none; |
| | | } |
| | | .el-dialog__body >>>.el-radio__input.is-disabled .el-radio__inner{ |
| | | border-color: #000 !important; |
| | |
| | | <div class="search_thing" style="width: 20%;"> |
| | | <div class="search_label">样品名称:</div> |
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
| | | v-model="componentData.entity.sampleType" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | v-model="componentData.entity.sample" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | </div> |
| | | <div class="search_thing" style="width: 20%;"> |
| | | <div class="search_label">样品型号:</div> |
| | |
| | | <el-col style="font-weight: bold;"><span>规格型号: </span>{{ item.model }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 14px;"> |
| | | <el-col style="font-weight: bold;"><span>样品名称: </span>{{ item.sample }}</el-col> |
| | | <el-col style="font-weight: bold;"><span>样品名称: </span>{{ item.sampleName }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 14px;" class="ellipsis-multiline"> |
| | | <el-col style="font-weight: bold;"><span>检测项目: </span>{{ item.item }}</el-col> |
| | |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | <div class="el-dialog__body" style="width:320px;overflow-y: auto;position: absolute;top:9999px;margin-top: 0;position: fixed;top: 0;display: none;"> |
| | | <div class="el-dialog__body" style="display:none;overflow-y: auto;margin-top: 0;position: fixed;top: 999px;z-index: 99999;"> |
| | | <div id="printMOrder"> |
| | | <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i" style="font-size: 8px !important;page-break-before:always;page-break-after: always;color: #000;"> |
| | | <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i" style="font-size: 8px !important;page-break-after: always;color: #000;box-shadow: none;" > |
| | | <div style="display: flex;"> |
| | | <div> |
| | | <el-col :span="8" :offset="4"> |
| | | <el-col :span="10" :offset="2"> |
| | | <vueQr :text="JSON.stringify(item.sampleCode)" :size="78" :margin="2"></vueQr> |
| | | </el-col> |
| | | </div> |
| | | <div style="margin-left: 57px;line-height: 9px;"> |
| | | <div style="margin-left: 12px;line-height: 9px;"> |
| | | <el-row> |
| | | <el-col style="font-size: 8px;"><span>样品编号: </span>{{ item.sampleCode }}</el-col> |
| | | </el-row> |
| | |
| | | <el-col><span>规格型号: </span>{{ item.model }}</el-col> |
| | | </el-row> |
| | | <el-row style="font-size: 8px;"> |
| | | <el-col ><span>样品名称: </span>{{ item.sample }}</el-col> |
| | | <el-col ><span>样品名称: </span>{{ item.sampleName }}</el-col> |
| | | </el-row> |
| | | <el-row style="font-size: 8px;"> |
| | | <el-row style="font-size: 8px;width: 140px;"> |
| | | <el-col class="ellipsis-multiline"><span>检测项目: </span>{{ item.item }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 3px;font-size: 8px;"> |
| | |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | componentData: { |
| | | entity: { |
| | | entrustCode: null, |
| | | sampleType: null, |
| | | sample: null, |
| | | sampleName: null, |
| | | sampleModel: null, |
| | | sampleCode: null, |
| | |
| | | insOrderRow:{}, |
| | | checkIndexList:[], |
| | | checkDataList:[ |
| | | // { |
| | | // sampleCode:'11111' |
| | | // } |
| | | { |
| | | sampleCode:'11111' |
| | | } |
| | | ], |
| | | qrData:[], |
| | | multipleSelection:[] |
| | |
| | | PrintJS({ |
| | | printable: 'printMOrder',//页面 |
| | | type: "html",//文档类型 |
| | | maxWidth:450, |
| | | maxWidth:360, |
| | | targetStyles:['*'], |
| | | style: `@page { |
| | | margin:0; |
| | | size: 360px 175px landscape; |
| | | size: 360px 175px collapse; |
| | | } |
| | | html{ |
| | | zoom:100%; |