From b06a903d08d6f5432105d12686ccaf074b45323a Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期四, 24 十月 2024 08:58:35 +0800 Subject: [PATCH] lkk 10.24 --- src/views/system/bill/index.vue | 466 ++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 292 insertions(+), 174 deletions(-) diff --git a/src/views/system/bill/index.vue b/src/views/system/bill/index.vue index e59b977..ed34e17 100644 --- a/src/views/system/bill/index.vue +++ b/src/views/system/bill/index.vue @@ -18,7 +18,7 @@ </el-form-item> <el-form-item label="浣撴鍙�" prop="tjNum"> <el-input - ref="inputName" + ref="inputName" style="width: 170px" v-model="queryParams.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" @@ -73,7 +73,8 @@ <el-button type="primary" icon="el-icon-search" - size="mini" style="margin-right:15px;" + size="mini" + style="margin-right: 15px" @click="handleQuery" >鎼滅储</el-button > @@ -84,27 +85,35 @@ </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 - > + type="primary" + @click="handleReport" + :disabled="single" + size="mini" + v-hasPermi="['hosp:order:export']" + >琛ユ墦瀵兼鍗�</el-button + > </el-col> - <el-col :span="1.5"> + <!-- <el-col :span="1.5"> <el-button - type="primary" - size="mini" - @click="Collection" - :disabled="single" - >鏉$爜鐢熸垚</el-button - > - </el-col> - + 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"> @@ -126,145 +135,144 @@ 娴嬭瘯 </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 + 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" > - <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" + <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"> @@ -459,7 +467,7 @@ </template> <script> -import print from "print-js"; + import { listOrder, getNumber, @@ -468,12 +476,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 +640,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) => { @@ -803,37 +825,88 @@ }); }, // 閲囪鍗� - 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() { - 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; @@ -900,9 +973,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 +986,7 @@ }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { - this.createTimeList=[] + this.createTimeList = []; this.resetForm("queryForm"); this.handleQuery(); }, @@ -1075,7 +1148,7 @@ }, }; </script> -<style lang="scss"> +<style lang="scss" scoped> .pag { width: 100%; display: flex; @@ -1173,4 +1246,49 @@ 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> -- Gitblit v1.8.0