From c1db2f08301d97e2bf04c7236fa981e5ec083dbb Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期二, 15 七月 2025 18:02:09 +0800 Subject: [PATCH] 1 --- src/views/system/bill/index.vue | 577 ++++++++++++++++++++++++++------------------------------- 1 files changed, 265 insertions(+), 312 deletions(-) diff --git a/src/views/system/bill/index.vue b/src/views/system/bill/index.vue index e59b977..7b006a0 100644 --- a/src/views/system/bill/index.vue +++ b/src/views/system/bill/index.vue @@ -1,65 +1,25 @@ <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 - 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 - ref="inputName" - style="width: 170px" - v-model="queryParams.tjNum" - placeholder="璇疯緭鍏ヤ綋妫�鍙�" - clearable - @keyup.enter.native="handleQuery" - @blur="hb" - /> + <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 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"> @@ -70,51 +30,50 @@ </el-form-item> --> <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" style="margin-right:15px;" - @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" style="margin-left:10px"> + <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-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-button type="primary" @click="handlejiancha" :disabled="single" size="mini">妫�鏌ョ敵璇峰崟</el-button> </el-col> - + <el-col :span="1.5"> + <el-button type="primary" @click="handlejianyan" :disabled="single" size="mini">妫�楠岀敵璇峰崟</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;"> @@ -126,163 +85,76 @@ 娴嬭瘯 </div> --> - - <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" + <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> + </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> @@ -299,46 +171,23 @@ <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.鏄惁鍚哥儫"> @@ -379,54 +228,28 @@ </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=" + <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> @@ -459,7 +282,7 @@ </template> <script> -import print from "print-js"; + import { listOrder, getNumber, @@ -468,12 +291,13 @@ hasReport, hasPrintCode, getOrderList, - getNewDateList + 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, @@ -631,19 +455,32 @@ }, ], }, + barcode: "", // 瀛樺偍鏉$爜鍊� + barcodeVisible: false, // 鎺у埗鏉″舰鐮佹槸鍚﹀彲瑙� + single: false, // 鎺у埗鎸夐挳鏄惁绂佺敤鐨勬潯浠� }; }, created() { // this.getNowTime(); - + this.Company(); this.getdate(); }, - mounted() { - this.$nextTick(() => { - this.$refs.inputName.focus(); - }); - }, + // 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) => { @@ -802,38 +639,107 @@ } }); }, - // 閲囪鍗� - Collection() { - let tjNumber = this.barcode; - hasPrintCode(tjNumber).then((response) => { - this.$message({ - showClose: true, - message: "鏉$爜宸茬敓鎴愶紒", - type: "success", - }); - }); + handlejiancha() { + const tjNumber = this.report[0]; + const viewNum = "1102075172694831104"; + const params = { viewNum, tjNumber }; + + this.$tab.openPage("妫�鏌ョ敵璇峰崟", "/report/breDailyReport", params); + + }, + handlejianyan() { + const tjNumber = this.report[0]; + const viewNum = "1086792376946569216"; + const params = { viewNum, tjNumber }; + + this.$tab.openPage("妫�楠岀敵璇峰崟", "/report/breDailyReport", params); + + }, - // 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() { - if(this.createTimeList){ + if (this.createTimeList) { this.queryParams.djbeginTime = this.createTimeList[0]; - this.queryParams.djendTime = this.createTimeList[1]; - }else if(this.createTimeList == null){ + this.queryParams.djendTime = this.createTimeList[1]; + } else if (this.createTimeList == null) { this.queryParams.djbeginTime = null; - this.queryParams.djendTime = null; - }else{ + this.queryParams.djendTime = null; + } else { this.queryParams.djbeginTime = this.startTime[0]; - this.queryParams.djendTime = this.startTime[1]; + this.queryParams.djendTime = this.startTime[1]; } - - + this.loading = true; getOrderList(this.queryParams).then((response) => { this.orderList = response.data.list; @@ -857,7 +763,7 @@ }, // 閫夋鏁版嵁 - searchSelect(val) {}, + searchSelect(val) { }, // 鎼滅储 getRemoteData(query) { @@ -900,9 +806,9 @@ }; this.resetForm("form"); }, - hb(){ + hb() { // console.log(this.queryParams.tjNum); - if (this.queryParams.tjNum != undefined) { + if (this.queryParams.tjNum != undefined) { this.handleQuery(); } }, @@ -913,7 +819,7 @@ }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { - this.createTimeList=[] + this.createTimeList = []; this.resetForm("queryForm"); this.handleQuery(); }, @@ -1075,7 +981,7 @@ }, }; </script> -<style lang="scss"> +<style lang="scss" scoped> .pag { width: 100%; display: flex; @@ -1173,4 +1079,51 @@ display: flex; justify-content: center; } -</style> + +.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> -- Gitblit v1.8.0