From cb1f69717eed3b6a61b6c61a8934bac752782b2d Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期三, 05 三月 2025 17:00:38 +0800 Subject: [PATCH] 1 --- src/views/sampling/sampling/index.vue | 912 +++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 690 insertions(+), 222 deletions(-) diff --git a/src/views/sampling/sampling/index.vue b/src/views/sampling/sampling/index.vue index 4a27460..925f7e6 100644 --- a/src/views/sampling/sampling/index.vue +++ b/src/views/sampling/sampling/index.vue @@ -1,52 +1,30 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - v-show="showSearch" - label-width="68px" - > - <el-form-item label="浣撴鍙�" prop="tjNum"> - <el-input - ref="inputName" - v-model="queryParams.tjNum" - placeholder="璇疯緭鍏ヤ綋妫�鍙�" - clearable - @keyup.enter.native="handleQuery" - @blur="hb" - style="width: 170px" - /> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <el-form-item label="浣撴鍙�" prop="tjNumber"> + <el-input ref="inputName" v-model="queryParams.tjNumber" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable + @keyup.enter.native="handleQuery" @blur="hb" style="width: 170px" /> </el-form-item> <el-form-item label="濮撳悕" prop="name"> - <el-input - v-model="queryParams.name" - placeholder="璇疯緭鍏ュ鍚�" - clearable - @keyup.enter.native="handleQuery" - style="width: 110px" - /> + <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable @keyup.enter.native="handleQuery" + style="width: 110px" /> </el-form-item> <el-form-item label="鐢宠鏃堕棿" prop="applicationTime"> - <el-date-picker - v-model="createTimeList" - @change="dateChangebirthday1" - :default-time="['00:00:00', '23:00:00']" - format="yyyy-MM-dd HH:mm:ss" - value-format="yyyy-MM-dd HH:mm:ss" - type="daterange" - range-separator="-" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡" - :picker-options="pickerOptions" - ></el-date-picker> + <el-date-picker v-model="createTimeList" @change="dateChangebirthday1" :default-time="['00:00:00', '23:00:00']" + format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" type="daterange" range-separator="-" + start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions"></el-date-picker> + </el-form-item> + <el-form-item label="鍗曚綅鍚嶇О" prop="compName" style="margin-left: 20px; margin-right: 500px"> + <el-select :remote-method="getRemoteData" v-model="queryParams.tjCompName" value-key="drugManufacturerId" + style="width: 200px" remote filterable placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="searchSelect"> + <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" :value="dict" /> + </el-select> </el-form-item> <!-- <el-form-item label="鏄惁閲囨牱" prop="isSignFor"> - <el-select style="width:100px" v-model="queryParams.isSignFor" placeholder="鏄惁閲囨牱"> + <el-select1 style="width:100px" v-model="queryParams.isSignFor" placeholder="鏄惁閲囨牱"> <el-option v-for="dict in dict.type.sampling_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> - </el-select> + </el-select1> </el-form-item> --> <!-- <el-form-item label="浣撴鏃堕棿" prop="tjTime"> <el-date-picker clearable v-model="queryParams.tjTime" type="date" value-format="yyyy-MM-dd" @@ -60,74 +38,53 @@ <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" clearable @keyup.enter.native="handleQuery" style="width: 140px;"/> </el-form-item> --> <el-form-item> - <el-button - type="primary" - icon="el-icon-search" - size="mini" - @click="handleQuery" - >鏌ヨ</el-button - > - <el-button + <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鏌ヨ</el-button> + <!-- <el-button type="primary" icon="el-icon-thumb" - size="mini" + size="mini" style="margin:0 15px;" @click="Confirmreceipt" >纭閲囨牱</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-col :span="10"> - <el-radio-group - v-model="tjStatus" - @input="radioChange" - style="margin: 10px 15px" - > - <el-radio-button label="1">鏈噰鏍�</el-radio-button> - <el-radio-button label="0">宸查噰鏍�</el-radio-button> + <el-radio-group v-model="tjStatus" @input="radioChange" style="margin: 10px 15px"> + <el-radio-button label="1" :disabled="qiehuan && disabledId === 0">鏈噰鏍�</el-radio-button> + <el-radio-button label="0" :disabled="qiehuan && disabledId === 1">宸查噰鏍�</el-radio-button> </el-radio-group> </el-col> - <el-col :span="12" v-if="tableList.length > 1 && tjStatus == 0"> - <el-button type="primary" plain v-hasPermi="['hosp:detail:add']" - >鍚堝苟鏍锋湰</el-button - > + <el-col :span="12" style="margin: 10px 15px" v-if="samplingList.length > 0 && tjStatus == 1"> + <el-button type="primary" @click="Merging">鍚堝苟椤圭洰</el-button> + <!-- <el-button + type="primary" + icon="el-icon-thumb" + style="margin: 0 15px" + v-hasPermi="['hosp:detail:add']" + @click="Confirmreceipt" + >纭閲囨牱</el-button + > --> + <el-button type="primary" :disabled="!disabled" @click="Cancellation">鎾ら攢鍚堝苟</el-button> + <el-button type="primary" @click="Confirmreceipt" :disabled="!selectList.length">閲囨牱鎵撶爜</el-button> + <el-button type="primary" @click="piliangPrint" :disabled="!isAllSelected">鎵归噺鎵撳嵃</el-button> + </el-col> + <el-col :span="12" style="margin: 10px 15px" v-show="samplingList.length > 0 && tjStatus == 0"> + <el-button type="primary" :disabled="!selectList.length" @click="buda">琛ユ墦鏉$爜</el-button> + <!-- @click="Collection" --> + <el-button type="primary" :disabled="!disabled" @click="Cancellation">鎾ら攢鍚堝苟</el-button> </el-col> </el-row> <div style="width: 100%; margin-left: 10px; display: flex"> <div style="width: 40%; margin-right: 20px"> - <el-table - id="ta" - v-loading="loading" - ref="tb" - :data="samplingList" - @selection-change="handleSelectionChange" - border - height="520px" - :row-class-name="tableRowClassName" - > - <el-table-column type="selection" width="40" align="center" /> - <el-table-column - label="浣撴鍙�" - align="center" - prop="customer.tjNumber" - width="160px" - /> - <el-table-column - label="濮撳悕" - align="center" - prop="customer.cusName" - width="80px" - /> - <el-table-column - label="鎬у埆" - align="center" - prop="customer.cusSex" - width="60px" - > + <el-table id="ta" v-loading="loading1" ref="tb" :data="samplingList" @selection-change="handleSelectionChange" + border height="520px" :row-class-name="tableRowClassName"> + <el-table-column type="selection" width="40" align="center" :selectable="selectable" /> + <el-table-column label="浣撴鍙�" align="center" prop="tjNumber" width="160px" /> + <el-table-column label="濮撳悕" align="center" prop="cusName" width="80px" /> + <el-table-column label="鎬у埆" align="center" prop="cusSex" width="60px"> <!-- <template slot-scope="scope"> {{ scope.row.customer.cusSex === 0 ? "鐢�" : "濂�" }} </template> --> @@ -137,35 +94,19 @@ <span v-if="scope.row.cusSex == '2'">鏈煡</span> </template> </el-table-column> - <el-table-column - label="鎵嬫満鍙�" - align="center" - prop="customer.cusPhone" - width="120px" - /> - <el-table-column - label="鐢宠鏃堕棿" - align="center" - prop="customer.applicationTime" - width="210" - > + <el-table-column label="鎵嬫満鍙�" align="center" prop="cusPhone" width="120px" /> + <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="compName" width="120px" /> + <el-table-column label="鐢宠鏃堕棿" align="center" prop="applicationTime" width="210"> <template slot-scope="scope"> - <span>{{ parseTime(scope.row.customer.applicationTime) }}</span> + <span>{{ parseTime(scope.row.applicationTime) }}</span> </template> </el-table-column> </el-table> </div> <div style="width: 50%"> - <el-table - v-loading="loading" - :data="tableList" - :span-method="objectSpanMethod" - @selection-change="handleChange" - border - height="520px" - ref="tab1" - :row-class-name="tableRowClassName" - > + <!-- v-if="this.rightTabShow" --> + <el-table v-loading="loading" :data="tableList" @selection-change="handleChange" :span-method="objectSpanMethod" + ref="tab1" :row-class-name="tableRowClassName" border height="520px"> <el-table-column type="selection" width="40" align="center" /> <!-- :selectable="selectEnable" --> <!-- <el-table-column label="鏄惁绛炬敹" align="center" prop="isSignFor" /> --> @@ -174,40 +115,25 @@ <span>{{ parseTime(scope.row.tjTime, '{y}-{m}-{d}') }}</span> </template> </el-table-column> --> - <el-table-column - label="鏍囨湰绫诲瀷" - align="center" - prop="specimenType" - width="120" - > - <template slot-scope="scope"> - <dict-tag - :options="dict.type.sys_dict_specimen" - :value="scope.row.specimenType" - /> - </template> + <el-table-column label="鏍囨湰绫诲瀷" align="center" prop="specimenType" width="120"> </el-table-column> + <el-table-column label="閲囨牱缂栧彿" align="center" prop="jyxh" :show-overflow-tooltip="true" width="120" /> <el-table-column label="椤圭洰鍚嶇О" align="center" prop="proName" /> - <el-table-column + <!-- <el-table-column label="鎬у埆" align="center" prop="proSex" width="90" - /> - <el-table-column - label="绌鸿吂" - align="center" - prop="proCheckMethod" - width="90" - /> - <el-table-column - label="閲囨牱缂栧彿" - align="center" - prop="samplingNumber" - :show-overflow-tooltip="true" - width="120" - /> - <el-table-column + /> --> + <el-table-column label="鏄惁鍚堝苟" align="center" prop="isMerge" width="90"> + <template slot-scope="scope"> + <span :style="{ color: scope.row.isMerge === 0 ? '' : '#409EFF' }"> + {{ scope.row.isMerge === 0 ? "鏈悎骞�" : "宸插悎骞�" }} + </span> + </template> + </el-table-column> + + <!-- <el-table-column label="閲囨牱鐘舵��" align="center" prop="isSignFor" @@ -219,7 +145,7 @@ :value="scope.row.isSignFor" /> </template> - </el-table-column> + </el-table-column> --> <!-- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" @@ -232,6 +158,38 @@ </el-table-column> --> </el-table> </div> + + <div id="printSection" style="display: none"> + <!-- 鍔ㄦ�佺敓鎴愬涓潯褰㈢爜鐨勫鍣� --> + <div v-for="(item, index) in selectList" :key="index"> + <svg :id="'barcode' + index"></svg> + <div class="name">{{ getTruncatedName(item.proName).truncated }}</div> + <div class="name1"> + {{ getTruncatedName(item.proName).remaining }} + </div> + <!-- <div class="name">{{ item.proName.slice(0, msg) }}</div> + <div class="name1"> + {{ item.proName.slice(msg) }} + </div> --> + <div class="last"> + <p>{{ item.cusName }}</p> + <div> + <span>{{ item.customer.cusSex == 0 ? "鐢�" : "濂�" }}</span> + <span>{{ item.customer.age }}</span> + </div> + </div> + <div class="tj"> + <span>浣撴涓績</span> + <!-- <span>{{ item.cardId.slice(0, 14) }}</span> --> + <!-- <span>{{ item.cardId }}</span> --> + <span>{{ item.cardId ? item.cardId.substring(0, 14) : "" }}</span> + </div> + <div class="tj"> + <span>{{ item.jyxh }}</span> + <span>{{ formatDate(item.applicationTime) }}</span> + </div> + </div> + </div> </div> <!-- <div style="margin-right: 70%;"> @@ -243,35 +201,11 @@ <!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :pager-count="5" :current-page.sync="currentPage1" :current-page="page" :page-sizes="pageSize" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> --> - <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> - <!-- 娣诲姞鎴栦慨鏀逛綋妫�閲囨牱绠$悊瀵硅瘽妗� --> - <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="鐢宠鏃堕棿" prop="applicationTime"> - <el-date-picker clearable v-model="form.applicationTime" type="date" value-format="yyyy-MM-dd" - placeholder="璇烽�夋嫨鐢宠鏃堕棿"> - </el-date-picker> - </el-form-item> - <el-form-item label="椤圭洰id鐖堕」" prop="proId"> - <el-input v-model="form.proId" placeholder="璇疯緭鍏ラ」鐩甶d鐖堕」" /> - </el-form-item> - <el-form-item label="椤圭洰鍚嶇О" prop="proName"> - <el-input v-model="form.proName" placeholder="璇疯緭鍏ラ」鐩悕绉�" /> - </el-form-item> - </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> --> + </div> </template> @@ -284,10 +218,20 @@ addSampling, updateSampling, confirmSampling, + getCusCyList, + mergeCaiYang, + chexiaoCaiYang, + getTxmmccd, + getTxmkd, } from "@/api/sampling/sampling"; import { getNewDateList } from "@/api/hosp/order"; import moment from "moment"; - +import { + SubmitCompany, + getCompany, + queryCompany, + addbatch, +} from "@/api/team/tuanti"; export default { dicts: [ "sys_user_sex", @@ -299,15 +243,28 @@ name: "Sampling", data() { return { + CheckBox: {}, + + CompanyList: [], + piliangList: [], + msg: "", + getNumbr: null, + valueUrl: "ws://127.0.0.1:6789/websocket", + webSocket: null, list: [], - selectList: "", + selectList: [], + selectedRows: [], createTimeList: [], // 閬僵灞� loading: true, + loading1: true, // 閫変腑鏁扮粍 ids: [], // 缁戝畾鍗曢�夋寜閽� tjStatus: "1", + dayinData: [], + jsonObj: {}, + // 闈炲崟涓鐢� single: true, // 闈炲涓鐢� @@ -332,7 +289,7 @@ pageNum: 1, pageSize: 20, name: null, - tjNum: null, + tjNumber: null, applicationTime: null, isSignFor: null, tjTime: null, @@ -376,11 +333,22 @@ form: {}, // 琛ㄥ崟鏍¢獙 rules: {}, + // rightTabShow: false + allSelected: false, + disableSelections: false, // 鎺у埗閫夋嫨绂佺敤鐘舵�� }; }, created() { // this.getNowTime(); - this.getList(); + getTxmmccd().then((res) => { + this.msg = Number(res.msg); + console.log(res, 444); + }); + getCompany(this.queryParams).then((response) => { + this.CompanyList = response.data; + + this.loading = false; + }); this.getdate(); }, mounted() { @@ -388,13 +356,141 @@ this.$refs.inputName.focus(); }); }, + computed: { + disabled() { + return ( + this.selectList.length > 0 && + this.selectList[this.selectList.length - 1].isMerge === 1 + ); + }, + qiehuan() { + return this.selectList.length > 0; + }, + disabledId() { + return this.tjStatus == "1" ? 1 : 0; + }, + isAllSelected() { + return this.samplingList.length > 0 && this.selectedRows.length === this.samplingList.length; + }, + }, + methods: { + // 閫夋鏁版嵁 + searchSelect(val) { + this.CheckBox = val; + this.queryParams.dw = this.CheckBox.drugManufacturerId; + console.log(this.CheckBox, 9999); + }, + getRemoteData(query) { + if (query) { + let compName = query; + queryCompany(compName).then((response) => { + this.CompanyList = response.data; + this.CompanyList.forEach((item) => { + this.queryParams = item; + }); + }); + } + }, + async piliangPrint() { + // 妫�鏌ユ槸鍚︽湁閫変腑鐨勬暟鎹� + if (this.piliangList.length === 0) { + this.$message.warning('璇峰厛閫夋嫨瑕佹墦鍗扮殑鏁版嵁'); + return; + } + + const loadingInstance = this.$loading({ + lock: true, + text: '鎵撳嵃涓�...', + spinner: 'el-icon-loading', + background: 'rgba(255, 255, 255, 0.7)' + }); + + try { + for (const item of this.piliangList) { + try { + // 鑾峰彇鏁版嵁锛屽苟绛夊緟鏁版嵁鏇存柊瀹屾垚 + const tableList = await this.fetchData(item.tjNumber); + + // 妫�鏌� tableList 鏄惁鏈夋暟鎹� + if (!tableList || tableList.length === 0) { + console.error(`浣撴鍙� ${item.tjNumber} 鏃犵浉鍏虫暟鎹甡); + continue; + } + + // 鐩存帴浣跨敤鎵�鏈夋暟鎹� + this.selectList = tableList; + + // 妫�鏌� selectList 鏄惁鏈夋暟鎹� + if (this.selectList.length === 0) { + console.error(`浣撴鍙� ${item.tjNumber} 鐨� selectList 涓虹┖锛岃烦杩� WebSocket 鎿嶄綔`); + continue; + } + + // 浣跨敤鏇存柊鍚庣殑 tableList 鑾峰彇 ids + let ids = this.selectList.map(row => row.id); + if (ids.length === 0) { + console.error(`浣撴鍙� ${item.tjNumber} 鏃犳湁鏁� ID`); + continue; + } + + // 纭閲囨牱 + await this.Confirmreceipt1(ids); + + // 绛夊緟涓�娈垫椂闂� + await new Promise(resolve => setTimeout(resolve, 5000)); + } catch (error) { + console.error(`澶勭悊浣撴鍙� ${item.tjNumber} 鏃跺嚭閿�:`, error); + } + } + } finally { + this.ids = []; // 娓呯┖ ids + this.selectList = []; // 娓呯┖ selectList + loadingInstance.close(); + } + }, + getTruncatedName(proName) { + // 鍘绘帀鎵�鏈夌┖鏍� + const trimmedProName = proName.replace(/\s+/g, ""); + + const number = this.msg; + + const truncated = + trimmedProName.length > number + ? trimmedProName.slice(0, number) + : trimmedProName; + let remaining = + trimmedProName.length > number ? trimmedProName.slice(number) : ""; + + if (remaining.length > number) { + remaining = remaining.slice(0, number) + "..."; + } + return { truncated, remaining }; // 杩斿洖缁撴灉 + }, + + /* getTruncatedName(proName) { + const trimmedProName = proName.replace(/\s+/g, ""); // 鍘绘帀鎵�鏈夌┖鏍� + const truncated = + trimmedProName.length > 35 + ? trimmedProName.slice(0, 35) + : trimmedProName; + const remaining = + trimmedProName.length > 35 ? trimmedProName.slice(35) : ""; + return { truncated, remaining }; + }, */ + + // 绀轰緥鐨勬棩鏈熸牸寮忓寲鏂规硶 + formatDate(date) { + const options = { year: "numeric", month: "2-digit", day: "2-digit" }; + return new Date(date).toLocaleDateString(undefined, options); + }, 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(); }); }, handleSizeChange(val) { @@ -428,13 +524,58 @@ dateChangebirthday1(val) { this.createTimeList = val; }, + formatDate(applicationTime) { + // 纭繚 applicationTime 鏄湁鏁堢殑瀛楃涓� + if (applicationTime) { + return applicationTime.split(" ")[0]; // 閫氳繃绌烘牸鍒嗛殧鏃ユ湡鍜屾椂闂达紝鍙繑鍥炴棩鏈熼儴鍒� + } + return ""; // 濡傛灉 applicationTime 鏃犳晥锛岃繑鍥炵┖瀛楃涓� + }, /** 鏌ヨ浣撴閲囨牱绠$悊鍒楄〃 */ getList() { - this.loading = true; + this.queryParams.compId = this.CheckBox.drugManufacturerId; + this.loading1 = true; this.queryParams.isSignFor = this.tjStatus; - this.queryParams.beginTime = this.createTimeList[0]; - this.queryParams.endTime = this.createTimeList[1]; + + if (this.createTimeList) { + this.queryParams.beginTime = this.createTimeList[0]; + this.queryParams.endTime = this.createTimeList[1]; + } else if (this.createTimeList == null) { + this.queryParams.beginTime = null; + this.queryParams.endTime = null; + } getList(this.queryParams).then((response) => { + this.loading1 = false; + if (response.data) { + if (!response.data.list || response.data.list.length === 0) { + this.samplingList = []; + this.tableList = []; + this.loading1 = false; + this.loading = false; + return; + } else { + this.samplingList = response.data.list; + // 鍒ゆ柇鏄惁闇�瑕佸埛鏂板彸杈硅〃鏍� + this.$nextTick(() => { + this.$refs.tb.toggleRowSelection(this.samplingList[0], true); + // 妫�鏌ユ槸鍚﹀叏閫� + if (this.samplingList.length === this.selectedRows.length) { + this.disableSelections = true; + } else { + this.disableSelections = false; + } + }); + } + this.total = response.data.total; + this.loading1 = false; + } else { + this.samplingList = []; + this.tableList = []; + this.loading1 = false; + } + }); + + /* getList(this.queryParams).then((response) => { if (response.data) { if (response.data.list == null) { this.samplingList = []; @@ -442,6 +583,8 @@ this.loading = false; } else { this.samplingList = response.data.list; + console.log(this.samplingList,888); + this.loading = false; if (this.samplingList.length != 0) { this.$nextTick(() => { @@ -458,9 +601,8 @@ this.tableList = []; this.loading = false; } - }); + }); */ }, - // 鍙栨秷鎸夐挳 cancel() { this.open = false; @@ -471,7 +613,7 @@ this.form = { id: null, samplingNumber: null, - cusId: null, + tjNumber: null, applicationTime: null, isSignFor: null, tjTime: null, @@ -484,11 +626,9 @@ updateTime: null, deleted: null, }; - this.resetForm("form"); }, hb() { - console.log(this.queryParams.tjNum); - if (this.queryParams.tjNum != null) { + if (this.queryParams.tjNumber != null) { this.handleQuery(); } }, @@ -499,30 +639,274 @@ }, /** 閲嶇疆鎸夐挳鎿嶄綔 */ resetQuery() { - this.resetForm("queryForm"); + this.createTimeList = []; this.handleQuery(); }, - // 鍗曢�夋閫変腑鏁版嵁 + handleSelectionChange(selection) { - this.selectList = selection; - selection.forEach((element) => { - this.tableList = element.list; - if (this.tableList.length != 0) { - this.$nextTick(() => { - this.$refs.tab1.toggleAllSelection(this.tableList, true); + this.piliangList = selection; + const selectedCount = selection.length; + const totalCount = this.samplingList.length; + + // 濡傛灉鍙湁涓�鏉℃暟鎹紝涓嶈绂佺敤閫夋嫨锛屽苟灞曠ず鍙充晶鍒楄〃 + if (selectedCount === 1) { + this.disableSelections = false; + const selectedPerson = selection[0]; + const tjNumber = selectedPerson.tjNumber; + console.log(`閫変腑鐨勪綋妫�鍙�: ${tjNumber}`); + this.fetchData(tjNumber); + } else if (selectedCount === totalCount && selectedCount > 1) { + // 鍏ㄩ�夋椂绂佺敤閫夋嫨鏂拌 + this.disableSelections = true; + this.tableList = []; + this.$message.info('宸插叏閫夋墍鏈夎'); + } else { + // 闈炲叏閫夋椂鍚敤閫夋嫨 + this.disableSelections = false; + if (selectedCount > 1) { + // 淇濈暀鍗曢�夊姛鑳斤紝鍙栨秷澶氶�� + let del_row = selection.shift(); + this.$refs.tb.toggleRowSelection(del_row, false); + } + } + + if (selectedCount === 0) { + this.tableList = []; + } + + // 鏇存柊鍗曢�夊拰澶氶�夌姸鎬� + this.single = selectedCount === 1; + this.multiple = selectedCount === 0; + + // 鏇存柊閫変腑鐨勮 + this.selectedRows = selection; + + // 璋冭瘯鏃ュ織 + console.log(`褰撳墠閫変腑鏁伴噺: ${selectedCount}`); + console.log(`鏄惁绂佺敤閫夋嫨: ${this.disableSelections}`); + }, + + fetchData(tjNumber) { + return new Promise((resolve, reject) => { + this.loading = true; + getCusCyList(tjNumber, this.tjStatus) + .then((response) => { + if (response.data) { + this.tableList = response.data; + resolve(this.tableList); + } else { + this.tableList = []; + resolve([]); + } + }) + .catch((error) => { + console.error("Error fetching data:", error); + reject(error); + }) + .finally(() => { + this.loading = false; + }); + }); + }, + + /* 鐐瑰嚮鍚堝苟鎸夐挳 */ + Merging() { + // 妫�鏌ユ槸鍚﹂�変腑浜嗘暟鎹� + if (this.selectedRows.length === 0) { + this.$message.error("鑷冲皯閫変腑涓�涓汉"); + return; + } + if (this.selectList.length === 0) { + this.$message.error("璇烽�夋嫨瑕佸悎骞堕」鐩�"); + return; + } + if (this.selectList.every((item) => item.isMerge === 0)) { + const baseSpecimenTypeCode = this.selectList[0].specimenTypeCode; + + // 妫�鏌� specimenTypeCode 鏄惁涓�鑷� + const canMergeBySpecimenTypeCode = this.selectList.every( + (row) => row.specimenTypeCode === baseSpecimenTypeCode + ); + + // 鏍规嵁 canMergeBySpecimenTypeCode 鍒ゆ柇鏄惁鍚堝苟 + if (canMergeBySpecimenTypeCode) { + let data = this.ids; + + mergeCaiYang(data).then((response) => { + this.$message.success("鍚堝苟鎴愬姛銆�"); + // console.log("鍚堝苟鐨勮:", this.selectedRows); + // this.getList(); + this.fetchData(this.selectedRows[0].tjNumber); }); } else { - this.$refs.tab1.clearSelection(); + this.$message.error("鏍囨湰绫诲瀷涓嶄竴鑷达紝鏃犳硶鍚堝苟锛�"); } - }); - // this.ids = selection.map(item => item.id) - if (selection.length > 1) { - let del_row = selection.shift(); - this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑 + } else { + this.$message.error("璇ラ」鐩凡鍚堝苟"); } - this.single = selection.length !== 1; - this.multiple = !selection.length; }, + + /** 鐐瑰嚮鎾ら攢鎸夐挳 **/ + Cancellation() { + let data = this.ids; + console.log("鎾ら攢"); + if (data.length === 0) { + // 濡傛灉娌℃湁宸插悎骞剁殑椤圭洰锛岀粰鍑烘彁绀轰俊鎭� + this.$message.error("娌℃湁宸插悎骞剁殑椤圭洰鍙互鎾ら攢锛�"); + return; + } + + // console.log("鎾ら攢鐨勫凡鍚堝苟椤圭洰ID:", data); + + // 璋冪敤鎾ら攢閲囨牱鐨勬帴鍙� + chexiaoCaiYang(data) + .then((res) => { + if (res && res.code === 200) { + this.$message.success("鎾ら攢鎴愬姛锛�"); + // 鍒锋柊鏁版嵁鍒楄〃鎴栬繘琛屽叾浠栨搷浣� + // this.getList(); + this.fetchData(this.selectedRows[0].tjNumber); + } else { + this.$message.error(res.msg || "鎾ら攢澶辫触锛岃閲嶈瘯锛�"); + } + }) + .catch((error) => { + this.$message.error("璇锋眰澶辫触锛岃閲嶈瘯锛�"); + }); + }, + + /** 鐐瑰嚮琛ユ墦鏉$爜鎸夐挳 **/ + async Collection() { + const jyxh = this.selectList.map((item) => item.jyxh); + console.log("jyxh:", jyxh); + try { + // 璇锋眰鎺ュ彛骞惰幏鍙栧搴﹀�� + const widthResponse = await getTxmkd(); + const barcodeWidth = `${Number(widthResponse.msg)}%` || "70%"; // 鑾峰彇瀹藉害鍊硷紝榛樿浣跨敤 70% + + jyxh.forEach((number, index) => { + const barcodeContent = number; // 纭繚 jyxh 鏄湁鏁堢殑 + if (barcodeContent && barcodeContent !== "鏈彁渚涗綋妫�鍙�") { + JsBarcode(`#barcode${index}`, barcodeContent, { + format: "CODE128", + width: 2, + height: 50, + displayValue: false, + }); + } else { + console.log(`鏉″舰鐮佸唴瀹规棤鏁�: ${barcodeContent}`); // 璋冭瘯杈撳嚭 + } + }); + + // await this.$nextTick(); + + const barcodeElements = jyxh.map((_, index) => + document.querySelector(`#barcode${index}`) + ); + + if (barcodeElements) { + barcodeElements.forEach((element) => { + if (element) { + console.log(element.innerHTML); // 鎵撳嵃鏉″舰鐮佺殑鍐呭锛岀湅鐪嬫槸鍚︾敓鎴愭垚鍔� + } + }); + } else { + console.log("鏉″舰鐮佸厓绱犳湭鎵惧埌"); + } + + const newWindow = window.open("", "_blank", "width=800,height=600"); + const printContents = document.getElementById("printSection").innerHTML; + + console.log(printContents); + newWindow.document.write(` + <html> + <head> + <title>Print Barcode</title> + <style> + @media print { + * { + margin: 0; + padding: 0; /* 閲嶇疆鎵�鏈夊厓绱犵殑 margin 鍜� padding */ + box-sizing: border-box; /* 浣垮唴杈硅窛鍜岃竟妗嗗寘鍚湪鍏冪礌鐨勬�诲搴﹀拰楂樺害鍐� */ + } + .name, .name1, .last, .tj, .last div span, .last p, .tj span { + font-family: Arial, sans-serif !important; /* 閲嶆柊鎸囧畾瀛椾綋 */ + font-weight: bold !important; /* 寮哄埗鍔犵矖 */ + } + body { + margin: 0; + padding: 0; + } + .barcode-container { + // width: 100%; /* 鏍规嵁闇�瑕佽皟鏁� */ + // text-align: center; /* 纭繚鏉″舰鐮佸眳涓� */ + } + .name, .name1 { + padding: 0; + font-size: 18px; + width: 70%; + font-family: "Arial Black", sans-serif; /* 璁剧疆榛戜綋 */ + } + p { + margin: 0; + padding: 0; + } + svg { + display: block; + width: ${barcodeWidth}; /* 浣跨敤浠庢帴鍙h幏鍙栫殑瀹藉害 */ + margin-left: 10mm; + height: auto; + margin-bottom: 0; + } + .last { + width: 66%; + display: flex; + font-size: 19px; + justify-content: space-between; + // font-weight: bold; + // font-family: "Arial Black", sans-serif !important; + } + .last div span { + // font-weight: bold; + margin-left: 10px; + // font-family: "Arial Black", sans-serif !important; + } + .last p { + // font-weight: bold; + margin-left: 1px; + // font-family: "Arial Black", sans-serif !important; + } + p { + margin-left: 1px; + // font-weight: bold; + // font-family: "Arial Black", sans-serif !important; + } + .tj { + width: 70%; + display: flex; + font-size: 19px; + justify-content: space-between; + // font-weight: bold; + font-family: "Arial Black", sans-serif !important; + } + .tj span { + margin-left: 1px; + } + } + </style> + </head> + <body>${printContents}</body> + </html> + `); + newWindow.document.close(); + newWindow.focus(); + newWindow.print(); + newWindow.close(); + } catch (error) { + console.error("鑾峰彇瀹藉害鏃跺嚭閿�:", error); // 鎹曡幏閿欒 + } + }, + tableRowClassName({ row, rowIndex }) { for (let i = 0; i < this.selectList.length; i++) { if (row === this.selectList[i]) { @@ -532,31 +916,93 @@ }, handleChange(selection) { + // console.log(selection); + this.selectList = selection; - this.ids = selection.map((item) => item.id); + console.log(this.selectList, 9977); + var array = selection; + this.ids = array.map((item) => item.id); }, - - // 绂侀�� - // selectEnable(row, rowIndex) { - // if(row.isSignFor === "0"){ - // return false - // }else{ - // return true - // } - // }, - - // 纭畾鎸夐挳 - submitForm() {}, - + buda() { + var websocket = null; + var url = this.valueUrl; + if ("WebSocket" in window) { + websocket = new WebSocket(url); + } else if ("MozWebSocket" in window) { + websocket = new MozWebSocket(url); + } + if (websocket == null) { + alert("鍒涘缓WebSocket瀵硅薄澶辫触"); + } + websocket.onerror = function () { + alert("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝e父"); + }; + websocket.onopen = () => { + this.websocket = websocket; + this.dayinData = this.selectList.map((item) => ({ + jyxh: item.jyxh, + proName: item.proName, + cusName: item.cusName, + cusSex: item.customer.cusSex, + age: item.customer.age, + cardId: item.cardId, + tjTime: item.createTime, + })); + // 杩炴帴璁惧 + this.jsonObj = { + type: "3", + array: { + data: this.dayinData, + }, + }; + var jStr = JSON.stringify(this.jsonObj); + this.websocket.send(jStr); + this.jsonObj = {}; + // this.dialogVisible = false; + }; + // this.getList(); + }, // 纭閲囨牱 Confirmreceipt() { - let data = this.ids; - confirmSampling(data).then((res) => { - this.$modal.msgSuccess("閲囨牱鎴愬姛"); - this.getList(); + const loadingInstance = this.$loading({ + lock: true, // 閿佸畾灞忓箷 + text: "鍔犺浇涓�...", // 鍔犺浇鏂囨湰 + spinner: "el-icon-loading", // 鑷畾涔夊姞杞藉浘鏍� + background: "rgba(255, 255, 255, 0.7)", // 鑳屾櫙棰滆壊 }); - }, + confirmSampling(this.ids) + .then((res) => { + console.log(this.selectList, 2222); + if (res.code === 200) { + this.buda(); + this.getList(); + } else { + this.$message.error(res.msg); + } + }) + .catch((error) => { + }) + .finally(() => { + loadingInstance.close(); + }); + }, + Confirmreceipt1(ids) { + confirmSampling(ids) + .then((res) => { + if (res.code === 200) { + this.buda(); + this.getList(); + } else { + this.$message.error(res.msg); + } + }) + .catch((error) => { + }) + .finally(() => { + loadingInstance.close(); + }); + }, // 鍗曢�夋寜閽� radioChange(value) { this.loading = true; @@ -610,17 +1056,39 @@ }, // 瀵煎嚭 - handleExport() {}, + handleExport() { }, + + /** 鎺у埗琛屾槸鍚﹀彲閫� */ + selectable(row, index) { + if (this.disableSelections) { + // 浠呭厑璁稿彇娑堝凡閫変腑鐨勮 + return this.selectedRows.some(selectedRow => selectedRow.id === row.id); + } + return true; // 鍏佽閫夋嫨鎵�鏈夎 + }, + + resetSelection() { + this.$refs.tb.clearSelection(); + this.disableSelections = false; + this.selectedRows = []; + this.single = false; + this.multiple = true; + this.tableList = []; + + // 璋冭瘯鏃ュ織 + console.log(`閲嶇疆閫夋嫨锛屾槸鍚︾鐢ㄩ�夋嫨: ${this.disableSelections}`); + }, }, }; </script> <style> #ta .el-table__header-wrapper .el-checkbox { - display: none; + /* display: none; */ } .el-table .warning-row { - background: #e5f3ff !important; + background-color: #e5f3ff !important; + /* font-weight: bold; */ } </style> -- Gitblit v1.8.0