| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | > |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input ref="inputName" v-model="queryParams.name" placeholder="请输入姓名" style="width:100px" |
| | | @keyup.enter.native="handleQuery" /> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | style="width: 100px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="体检号" prop="tjNum"> |
| | | <el-input style="width:170px" v-model="queryParams.tjNum" placeholder="请输入体检号" clearable |
| | | @keyup.enter.native="handleQuery" /> |
| | | <el-input |
| | | ref="inputName" |
| | | style="width: 170px" |
| | | v-model="queryParams.tjNum" |
| | | placeholder="请输入体检号" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | @blur="hb" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="登记时间" prop="createTimeList"> |
| | | <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions" |
| | | style="width: 310px" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:00:00']" |
| | | format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" @change="dateChangebirthday1"> |
| | | </el-date-picker> </el-form-item> |
| | | <el-date-picker |
| | | v-model="createTimeList" |
| | | type="datetimerange" |
| | | align="right" |
| | | :picker-options="pickerOptions" |
| | | style="width: 310px" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | :default-time="['00:00:00', '23:00:00']" |
| | | format="yyyy-MM-dd HH:mm" |
| | | value-format="yyyy-MM-dd HH:mm" |
| | | @change="dateChangebirthday1" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="单位名称" prop="firmId"> |
| | | <el-select :remote-method="getRemoteData" v-model="queryParams.firmId" value-key="drugManufacturerId" remote |
| | | filterable placeholder="请选择单位名称" clearable @change="searchSelect"> |
| | | <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" /> |
| | | <el-select |
| | | :remote-method="getRemoteData" |
| | | v-model="queryParams.firmId" |
| | | value-key="drugManufacturerId" |
| | | remote |
| | | filterable |
| | | placeholder="请选择单位名称" |
| | | clearable |
| | | @change="searchSelect" |
| | | > |
| | | <el-option |
| | | v-for="dict in CompanyList" |
| | | :key="dict.drugManufacturerId" |
| | | :label="dict.cnName" |
| | | :value="dict.drugManufacturerId" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="报告时间" prop="reportTimeList"> |
| | |
| | | </el-form-item> --> |
| | | |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | style="margin-right: 15px" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-button type="primary" @click="handleReport" :disabled="single" size="mini" |
| | | v-hasPermi="['hosp:order:export']">导检单</el-button> |
| | | <el-button type="primary" size="mini" @click="Collection" :disabled="single">采血单</el-button> |
| | | <el-row :gutter="10" class="mb8" style="margin-left: 10px"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | @click="handleReport" |
| | | :disabled="single" |
| | | size="mini" |
| | | v-hasPermi="['hosp:order:export']" |
| | | >补打导检单</el-button |
| | | > |
| | | </el-col> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="Collection" |
| | | :disabled="single" |
| | | >条码生成</el-button |
| | | > |
| | | </el-col> --> |
| | | <div id="printSection" style="display: none"> |
| | | <svg id="barcode"></svg> |
| | | </div> |
| | | <!-- <img id="base64Image" alt="Base64 Image" /> --> |
| | | <!-- 用于显示条形码的容器 --> |
| | | <!-- <div id="printArea"> |
| | | <svg id="barcode" v-if="barcodeVisible"></svg> |
| | | </div> --> |
| | | |
| | | <!-- <el-button type="primary" size="mini" :disabled="multiple" @click="viewReport">体检报告</el-button> |
| | | <el-button type="primary" size="mini" :disabled="multiple" @click="printHandle">打印小票</el-button> --> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport" |
| | | v-hasPermi="['hosp:order:export']">导出</el-button> |
| | | </el-col> --> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | <!-- <div style="display:none"> |
| | | <div id="print" style="width:300px;height:54px;border: 1px solid red;"> |
| | |
| | | 测试 |
| | | </div> --> |
| | | |
| | | <template> |
| | | <el-table border style="margin: 14px; width: 99%" v-loading="loading" |
| | | :default-sort="{ prop: 'createTime', order: 'descending' }" :data="orderList" |
| | | @selection-change="handleSelectionChange" ref="multipleTable"> |
| | | <el-table-column type="selection" width="40px" align="center" height="10px" fixed="left" /> |
| | | <el-table-column label="序号" align="center" prop="newID" width="50px" fixed="left" height="10px" /> |
| | | <el-table-column label="姓名" align="center" prop="tjCustomerName" height="10px" width="90px" |
| | | :show-overflow-tooltip="true" /> |
| | | <el-table-column label="性别" align="center" prop="tjCustomerSex" width="55px" height="10px" |
| | | :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.tjCustomerSex == '0'">男</span> |
| | | <span v-if="scope.row.tjCustomerSex == '1'">女</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="年龄" align="center" prop="tjCustomerAge" height="10px" width="60px" |
| | | :show-overflow-tooltip="true" /> |
| | | <el-table-column label="电话" align="center" prop="tjCustomerPhone" :show-overflow-tooltip="true" height="10px" |
| | | width="110px" /> |
| | | <el-table-column label="体检类型" align="center" prop="tjType" height="10px" width="80px" |
| | | :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.tjType == '1'">个人</span> |
| | | <span v-if="scope.row.tjType == '2'">团队</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="体检号" align="center" prop="tjNumber" :show-overflow-tooltip="true" width="160px" /> |
| | | <el-table-column label="所选套餐" align="center" prop="pacName" height="10px" :show-overflow-tooltip="true" |
| | | width="140px" /> |
| | | <el-table-column label="登记人" align="center" prop="createBy" height="10px" :show-overflow-tooltip="true" |
| | | width="100px" /> |
| | | <el-table-column label="登记时间" align="center" prop="createTime" width="155px" height="10px" sortable |
| | | :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="完成时间" align="center" prop="finishTime" width="155px" height="10px" |
| | | <el-table |
| | | border |
| | | style="margin: 14px; width: 99%" |
| | | v-loading="loading" |
| | | :default-sort="{ prop: 'createTime', order: 'descending' }" |
| | | :data="orderList" |
| | | @selection-change="handleSelectionChange" |
| | | ref="multipleTable" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | | width="40px" |
| | | align="center" |
| | | height="10px" |
| | | fixed="left" |
| | | /> |
| | | <el-table-column |
| | | label="序号" |
| | | align="center" |
| | | prop="newID" |
| | | width="50px" |
| | | fixed="left" |
| | | height="10px" |
| | | /> |
| | | <el-table-column |
| | | label="姓名" |
| | | align="center" |
| | | prop="tjCustomerName" |
| | | height="10px" |
| | | width="90px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="性别" |
| | | align="center" |
| | | prop="tjCustomerSex" |
| | | width="55px" |
| | | height="10px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.tjCustomerSex == '0'">男</span> |
| | | <span v-if="scope.row.tjCustomerSex == '1'">女</span> |
| | | <span v-if="scope.row.tjCustomerSex == '2'">未知</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="年龄" |
| | | align="center" |
| | | prop="tjCustomerAge" |
| | | height="10px" |
| | | width="60px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="电话" |
| | | align="center" |
| | | prop="tjCustomerPhone" |
| | | :show-overflow-tooltip="true" |
| | | height="10px" |
| | | width="110px" |
| | | /> |
| | | <el-table-column |
| | | label="体检类型" |
| | | align="center" |
| | | prop="tjType" |
| | | height="10px" |
| | | width="80px" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.tjType == '2'">个人</span> |
| | | <span v-if="scope.row.tjType == '1'">团队</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="体检号" |
| | | align="center" |
| | | prop="tjNumber" |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | | <el-table-column |
| | | label="所选套餐" |
| | | align="center" |
| | | prop="pacName" |
| | | height="10px" |
| | | :show-overflow-tooltip="true" |
| | | width="140px" |
| | | /> |
| | | <el-table-column |
| | | label="登记人" |
| | | align="center" |
| | | prop="createBy" |
| | | height="10px" |
| | | :show-overflow-tooltip="true" |
| | | width="100px" |
| | | /> |
| | | <el-table-column |
| | | label="登记时间" |
| | | align="center" |
| | | prop="createTime" |
| | | width="155px" |
| | | height="10px" |
| | | sortable |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="完成时间" align="center" prop="finishTime" width="155px" height="10px" |
| | | :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.finishTime) }}</span> |
| | | </template> |
| | | </el-table-column> --> |
| | | <!-- <el-table-column label="报告时间" align="center" prop="reportTime" width="155px" height="10px" |
| | | <!-- <el-table-column label="报告时间" align="center" prop="reportTime" width="155px" height="10px" |
| | | :show-overflow-tooltip="true"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.reportTime) }}</span> |
| | | </template> |
| | | </el-table-column> --> |
| | | <el-table-column label="备注" align="center" prop="remark" height="10px" :show-overflow-tooltip="true" /> |
| | | <!-- <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" height="10px" |
| | | <el-table-column |
| | | label="备注" |
| | | align="center" |
| | | prop="remark" |
| | | height="10px" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <!-- <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" height="10px" |
| | | width="60px"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" type="text" icon="el-icon-document" @click="investigation(scope.row)" |
| | | v-hasPermi="['hosp:order:edit']" title="详情" style="margin-right: 15px"></el-button> |
| | | </template> |
| | | </el-table-column> --> |
| | | </el-table> |
| | | </template> |
| | | </el-table> |
| | | |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" /> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-drawer title="我是标题" :visible.sync="drawer" :with-header="false"> |
| | | <div class="drawer1"> |
| | | <div class="drawer2"> |
| | | <span>体检人:{{ gation.tjCustomerName }}</span><br /> |
| | | <span>体检人:{{ gation.tjCustomerName }}</span |
| | | ><br /> |
| | | <span>联系电话:{{ gation.tjCustomerPhone }}</span> |
| | | </div> |
| | | <span class="drawer6">基本信息</span> |
| | |
| | | <span>体检号:{{ gation.tjNumber }}</span> |
| | | <span>报告时间:{{ gation.createTime }}</span> |
| | | <span>体检时间:{{ gation.finishTime }}</span> |
| | | <el-button type="primary" plain size="mini" @click="viewReport1">最近一次体检报告</el-button> |
| | | <el-button type="primary" plain size="mini" @click="viewReport1" |
| | | >最近一次体检报告</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | <span class="drawer6">调查问卷</span> |
| | | <div> |
| | | <el-form ref="form" :model="form" label-width="80px" style="margin-top: 20px"> |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | label-width="80px" |
| | | style="margin-top: 20px" |
| | | > |
| | | <el-form-item label="调查结果:"> |
| | | <el-select v-model="value" placeholder="请选择调查结果"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="血压:" style="width: 300px" prop="pressure"> |
| | | <el-input v-model="form.pressure" placeholder="请输入血压"></el-input> |
| | | <el-input |
| | | v-model="form.pressure" |
| | | placeholder="请输入血压" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="低压:" placeholder="请输入低压" style="width: 300px" prop="lowPressure"> |
| | | <el-input v-model="form.lowPressure" placeholder="请输入低压"></el-input> |
| | | <el-form-item |
| | | label="低压:" |
| | | placeholder="请输入低压" |
| | | style="width: 300px" |
| | | prop="lowPressure" |
| | | > |
| | | <el-input |
| | | v-model="form.lowPressure" |
| | | placeholder="请输入低压" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <div style="margin-left: 20px"> |
| | | <el-form-item label="1.是否吸烟"> |
| | |
| | | </div> |
| | | </el-drawer> |
| | | |
| | | |
| | | <el-dialog title="PDF 预览" :visible.sync="dialogVisible" :close-on-click-modal="false"> |
| | | <el-dialog |
| | | title="PDF 预览" |
| | | :visible.sync="dialogVisible" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <div class="main"> |
| | | <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> |
| | | <iframe |
| | | id="printIframe" |
| | | :src="url" |
| | | frameborder="0" |
| | | style="width: 100%; height: 100%" |
| | | ></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | |
| | | |
| | | <el-dialog title="导诊单" :visible.sync="daoZhenDan" :close-on-click-modal="false"> |
| | | <el-dialog |
| | | title="导诊单" |
| | | :visible.sync="daoZhenDan" |
| | | :close-on-click-modal="false" |
| | | > |
| | | <div class="main"> |
| | | <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe> |
| | | <iframe |
| | | id="printIframe" |
| | | :src="url" |
| | | frameborder="0" |
| | | style="width: 100%; height: 100%" |
| | | ></iframe> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <div style=" |
| | | position: absolute; |
| | | bottom: 100px; |
| | | left: 500px; |
| | | width: 700px; |
| | | display: none; |
| | | "> |
| | | <div |
| | | style=" |
| | | position: absolute; |
| | | bottom: 100px; |
| | | left: 500px; |
| | | width: 700px; |
| | | display: none; |
| | | " |
| | | > |
| | | <div id="printBill"> |
| | | <barcode :value="barcode" :height="40" :width="2" :margin="0">条形码加载失败</barcode> |
| | | <div style="font-size: 13px; color: #000000" v-for="(item, index) in DataList1" :key="index"> |
| | | <barcode :value="barcode" :height="40" :width="2" :margin="0" |
| | | >条形码加载失败</barcode |
| | | > |
| | | <div |
| | | style="font-size: 13px; color: #000000" |
| | | v-for="(item, index) in DataList1" |
| | | :key="index" |
| | | > |
| | | <div style="width: 48%; margin-top: 10px"> |
| | | 姓名:{{ item.tjCustomerName }} |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import print from "print-js"; |
| | | |
| | | import { |
| | | listOrder, |
| | | getNumber, |
| | |
| | | hasReport, |
| | | hasPrintCode, |
| | | getOrderList, |
| | | getNewDateList, |
| | | } from "@/api/hosp/order"; |
| | | import moment from "moment"; |
| | | import ViewPdf from "@/components/ViewPdf"; |
| | | import { projectGetList, getOrder } from "@/api/system/tijian"; |
| | | import { SubmitCompany, getCompany, queryCompany } from "@/api/team/tuanti"; |
| | | import JsBarcode from "jsbarcode"; |
| | | export default { |
| | | components: { |
| | | ViewPdf, |
| | |
| | | djbeginTime: undefined, |
| | | djendTime: undefined, |
| | | name: undefined, |
| | | tjNum:undefined |
| | | tjNum: undefined, |
| | | }, |
| | | startTime: "", |
| | | // 表单参数 |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | barcode: "", // 存储条码值 |
| | | barcodeVisible: false, // 控制条形码是否可见 |
| | | single: false, // 控制按钮是否禁用的条件 |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getNowTime(); |
| | | this.getList(); |
| | | // this.getNowTime(); |
| | | |
| | | this.Company(); |
| | | this.getdate(); |
| | | }, |
| | | // mounted() { |
| | | // // const base64String = |
| | | // // "data:image/jpeg;base64,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"; |
| | | // // const binaryString = atob(base64String.split(",")[1]); |
| | | // // // 将二进制数据转换为 Blob 对象 |
| | | // // const blob = new Blob([binaryString], { type: "image/png" }); |
| | | // // // 创建 URL 对象并将其分配给图像的 src 属性 |
| | | // // const image = document.getElementById("base64Image"); |
| | | // // console.log(image, 1111); |
| | | // // // image.src = URL.createObjectURL(blob); |
| | | // // image.src = base64String; |
| | | // // this.$nextTick(() => { |
| | | // // this.$refs.inputName.focus(); |
| | | // // }); |
| | | // }, |
| | | methods: { |
| | | getdate() { |
| | | getNewDateList().then((res) => { |
| | | this.createTimeList = [ |
| | | moment(res.data).format("YYYY-MM-DD 00:00:00"), |
| | | moment(res.data).format("YYYY-MM-DD 23:59:00"), |
| | | ]; |
| | | this.getList(); |
| | | }); |
| | | }, |
| | | // / 处理默认选中当前日期 |
| | | getNowTime() { |
| | | var curDate = new Date().getTime(); |
| | |
| | | // 体检报告 |
| | | viewReport() { |
| | | const flag = true; |
| | | let dataList = [] |
| | | let dataList = []; |
| | | if (this.report.length === 1) { |
| | | this.tjNumber = this.report; |
| | | // this.putAsealOn(tjNumber) |
| | |
| | | if (response.size === 0) { |
| | | this.$message.error("该用户体检报告暂未完成!"); |
| | | this.dialogVisible = false; |
| | | dataList.push(this.tjNumber) |
| | | dataList.push(this.tjNumber); |
| | | } else { |
| | | this.dialogVisible = true; |
| | | this.url = window.webkitURL.createObjectURL(response); //将后端返回的blob文件读取出url |
| | | } |
| | | }); |
| | | } else { |
| | | let dataList = [] |
| | | let dataList = []; |
| | | for (let i = 0; i < this.report.length; i++) { |
| | | if (i <= this.report.length) { |
| | | this.tjNumber = this.report[i]; |
| | |
| | | if (response.size === 0) { |
| | | this.$message.error("该用户体检报告暂未完成!"); |
| | | this.dialogVisible = false; |
| | | dataList.push(this.tjNumber) |
| | | dataList.push(this.tjNumber); |
| | | } else { |
| | | // this.dialogVisible = true; |
| | | // this.url = window.webkitURL.createObjectURL(response); //将后端返回的blob文件读取出url |
| | | const newBlob = []; |
| | | newBlob.push(response) |
| | | const blob = new Blob(newBlob, { type: 'application/pdf' }) |
| | | var date = (new Date()).getTime() |
| | | var ifr = document.createElement('iframe') |
| | | ifr.style.frameborder = 'no' |
| | | ifr.style.display = 'none' |
| | | ifr.style.pageBreakBefore = 'always' |
| | | ifr.setAttribute('id', 'printPdf' + date) |
| | | ifr.setAttribute('name', 'printPdf' + date) |
| | | ifr.src = window.URL.createObjectURL(blob) |
| | | document.body.appendChild(ifr) |
| | | this.doPrint('printPdf' + date) |
| | | window.URL.revokeObjectURL(ifr.src) // 释放URL 对象 |
| | | newBlob.push(response); |
| | | const blob = new Blob(newBlob, { type: "application/pdf" }); |
| | | var date = new Date().getTime(); |
| | | var ifr = document.createElement("iframe"); |
| | | ifr.style.frameborder = "no"; |
| | | ifr.style.display = "none"; |
| | | ifr.style.pageBreakBefore = "always"; |
| | | ifr.setAttribute("id", "printPdf" + date); |
| | | ifr.setAttribute("name", "printPdf" + date); |
| | | ifr.src = window.URL.createObjectURL(blob); |
| | | document.body.appendChild(ifr); |
| | | this.doPrint("printPdf" + date); |
| | | window.URL.revokeObjectURL(ifr.src); // 释放URL 对象 |
| | | } |
| | | }); |
| | | } else { |
| | | return |
| | | return; |
| | | } |
| | | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | |
| | | doPrint(val) { |
| | | var ordonnance = document.getElementById(val).contentWindow |
| | | var ordonnance = document.getElementById(val).contentWindow; |
| | | setTimeout(() => { |
| | | ordonnance.print() |
| | | }, 100) |
| | | ordonnance.print(); |
| | | }, 100); |
| | | }, |
| | | |
| | | // 最近一次体检报告 |
| | |
| | | |
| | | /** 点击显示导检单报表*/ //lige 开始 |
| | | handleReport() { |
| | | const tjNumber = this.report; |
| | | const tjNumber = this.report[0]; |
| | | const viewNum = "792931586196398080"; |
| | | const params = { viewNum, tjNumber }; |
| | | hasReport(tjNumber).then((res) => { |
| | |
| | | }); |
| | | }, |
| | | // 采血单 |
| | | Collection() { |
| | | let tjNumber = this.barcode; |
| | | hasPrintCode(tjNumber).then((response) => { |
| | | this.$message({ |
| | | showClose: true, |
| | | message: "条码已生成!", |
| | | type: "success", |
| | | }); |
| | | }); |
| | | }, |
| | | |
| | | // onSubmit() { |
| | | // console.log("submit!"); |
| | | // Collection() { |
| | | // let tjNumber = this.barcode; |
| | | // hasPrintCode(tjNumber).then((response) => { |
| | | // this.$message({ |
| | | // showClose: true, |
| | | // message: "条码已生成!", |
| | | // type: "success", |
| | | // }); |
| | | // }); |
| | | // }, |
| | | // Collection() { |
| | | // let tjNumber = this.barcode; |
| | | // JsBarcode("#barcode", tjNumber, { |
| | | // format: "CODE128", |
| | | // width: 2, |
| | | // height: 100, |
| | | // displayValue: true, |
| | | // }); |
| | | |
| | | // this.$nextTick(() => { |
| | | // const barcodeElement = document.querySelector("#barcode"); |
| | | // if (barcodeElement) { |
| | | // console.log(barcodeElement.innerHTML); // 打印条形码的内容,看看是否生成成功 |
| | | // } else { |
| | | // console.log("条形码元素未找到"); |
| | | // } |
| | | |
| | | // const printContents = document.getElementById("printSection").innerHTML; |
| | | // const newWindow = window.open("", "_blank", "width=800,height=600"); |
| | | // console.log(printContents); |
| | | // newWindow.document.write(` |
| | | // <html> |
| | | // <head> |
| | | // <title>Print Barcode</title> |
| | | // <style> |
| | | // @media print { |
| | | // body { |
| | | // width: 80mm; |
| | | // margin: 0; |
| | | // padding: 0; |
| | | // height: 25mm; |
| | | // } |
| | | // /* 将条形码居中 */ |
| | | // #barcode { |
| | | // display: block; |
| | | // // margin-left: 50%; |
| | | // text-align: center; |
| | | // width: 100%; |
| | | // height: auto; |
| | | // } |
| | | // /* 让条形码在打印时显示 */ |
| | | // svg { |
| | | // display: block; |
| | | // } |
| | | // </style> |
| | | // </head> |
| | | // <body>${printContents}</body> |
| | | // </html> |
| | | // `); |
| | | // newWindow.document.close(); |
| | | // newWindow.focus(); |
| | | // newWindow.print(); |
| | | // newWindow.close(); |
| | | // }); |
| | | // }, |
| | | |
| | | dateChangebirthday1(val) { |
| | | this.startTime = val; |
| | | }, |
| | | /** 查询体检记录列表 */ |
| | | getList() { |
| | | this.queryParams.djbeginTime = this.startTime[0]; |
| | | this.queryParams.djendTime = this.startTime[1]; |
| | | if (this.createTimeList) { |
| | | this.queryParams.djbeginTime = this.createTimeList[0]; |
| | | this.queryParams.djendTime = this.createTimeList[1]; |
| | | } else if (this.createTimeList == null) { |
| | | this.queryParams.djbeginTime = null; |
| | | this.queryParams.djendTime = null; |
| | | } else { |
| | | this.queryParams.djbeginTime = this.startTime[0]; |
| | | this.queryParams.djendTime = this.startTime[1]; |
| | | } |
| | | |
| | | this.loading = true; |
| | | getOrderList(this.queryParams).then((response) => { |
| | | this.orderList = response.data.list; |
| | |
| | | }); |
| | | }, |
| | | |
| | | |
| | | // 选框数据 |
| | | searchSelect(val) { }, |
| | | searchSelect(val) {}, |
| | | |
| | | // 搜索 |
| | | getRemoteData(query) { |
| | |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | hb() { |
| | | // console.log(this.queryParams.tjNum); |
| | | if (this.queryParams.tjNum != undefined) { |
| | | this.handleQuery(); |
| | | } |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.createTimeList = []; |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |
| | |
| | | } |
| | | /** 查询部门下拉树结构 */ |
| | | projectGetList().then((response) => { |
| | | this.Treedata = response.data; |
| | | this.Treedata = response.data.list; |
| | | }); |
| | | this.Projectopen = true; |
| | | }, |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style lang="scss"> |
| | | <style lang="scss" scoped> |
| | | .pag { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .print-container { |
| | | width: 300px; /* 设定宽度以确保打印时布局合适 */ |
| | | padding: 10px; |
| | | border: 1px solid #000; /* 可选:给打印区域加一个边框 */ |
| | | font-family: Arial, sans-serif; |
| | | } |
| | | |
| | | .barcode-section { |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | .info-section { |
| | | font-size: 14px; |
| | | line-height: 1.5; |
| | | } |
| | | |
| | | .info-section p { |
| | | margin: 2px 0; /* 控制信息间的间距 */ |
| | | } |
| | | |
| | | #barcode { |
| | | display: block; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .info-section p { |
| | | margin: 2px 0; |
| | | font-size: 14px; |
| | | } |
| | | |
| | | /* 打印时隐藏所有其他内容 */ |
| | | // @media print { |
| | | // #barcode { |
| | | // width: 58mm; |
| | | // height: auto; |
| | | // } |
| | | // #printSection { |
| | | // display: flex; |
| | | // justify-content: center; |
| | | // align-items: center; |
| | | // height: 100vh; /* 父容器高度为全页高度 */ |
| | | // } |
| | | // } |
| | | </style> |