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 | 1108 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 811 insertions(+), 297 deletions(-)
diff --git a/src/views/sampling/sampling/index.vue b/src/views/sampling/sampling/index.vue
index 9cb4eac..925f7e6 100644
--- a/src/views/sampling/sampling/index.vue
+++ b/src/views/sampling/sampling/index.vue
@@ -1,49 +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
- v-model="queryParams.tjNum"
- placeholder="璇疯緭鍏ヤ綋妫�鍙�"
- clearable
- @keyup.enter.native="handleQuery"
- 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"
- style="width: 240px"
- value-format="yyyy-MM-dd"
- 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"
@@ -57,111 +38,75 @@
<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-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>
- </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>
-
- </el-row>
-
+ <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" 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"
- >
- <template slot-scope="scope">
- <!-- {{scope.row.customer.cusSex}} -->
+ <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 ? "鐢�" : "濂�" }}
- <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> -->
+ </template> -->
+ <template slot-scope="scope">
+ <span v-if="scope.row.cusSex == '0'">鐢�</span>
+ <span v-if="scope.row.cusSex == '1'">濂�</span>
+ <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" /> -->
@@ -171,30 +116,36 @@
</template>
</el-table-column> -->
<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
+ label="鎬у埆"
+ align="center"
+ prop="proSex"
+ width="90"
+ /> -->
+ <el-table-column label="鏄惁鍚堝苟" align="center" prop="isMerge" width="90">
<template slot-scope="scope">
- <dict-tag
- :options="dict.type.sys_dict_specimen"
- :value="scope.row.specimenType"
- />
+ <span :style="{ color: scope.row.isMerge === 0 ? '' : '#409EFF' }">
+ {{ scope.row.isMerge === 0 ? "鏈悎骞�" : "宸插悎骞�" }}
+ </span>
</template>
</el-table-column>
- <el-table-column label="椤圭洰鍚嶇О" align="center" prop="proName" />
- <el-table-column label="鎬у埆" align="center" prop="proSex" width="90" />
- <el-table-column label="绌鸿吂" align="center" prop="proCheckMethod" width="90" />
- <el-table-column
- label="閲囨牱缂栧彿"
+
+ <!-- <el-table-column
+ label="閲囨牱鐘舵��"
align="center"
- prop="samplingNumber"
- :show-overflow-tooltip="true" width="120"
- />
- <el-table-column label="閲囨牱鐘舵��" align="center" prop="isSignFor" width="90">
+ prop="isSignFor"
+ width="90"
+ >
<template slot-scope="scope">
<dict-tag
:options="dict.type.sampling_type"
: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)"
@@ -207,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%;">
@@ -218,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>
@@ -259,8 +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",
@@ -272,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,
// 闈炲涓鐢�
@@ -305,7 +289,7 @@
pageNum: 1,
pageSize: 20,
name: null,
- tjNum: null,
+ tjNumber: null,
applicationTime: null,
isSignFor: null,
tjTime: null,
@@ -349,13 +333,166 @@
form: {},
// 琛ㄥ崟鏍￠獙
rules: {},
+ // rightTabShow: false
+ allSelected: false,
+ disableSelections: false, // 鎺у埗閫夋嫨绂佺敤鐘舵��
};
},
created() {
- this.getNowTime();
- this.getList();
+ // this.getNowTime();
+ 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() {
+ this.$nextTick(() => {
+ 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) {
this.size = val;
this.page = 1;
@@ -387,15 +524,492 @@
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 = [];
+ this.tableList = [];
+ this.loading = false;
+ } else {
+ this.samplingList = response.data.list;
+ console.log(this.samplingList,888);
+
+ this.loading = false;
+ if (this.samplingList.length != 0) {
+ this.$nextTick(() => {
+ this.$refs.tb.toggleRowSelection(this.samplingList[0], true);
+ });
+ } else {
+ this.$refs.tb.clearSelection();
+ }
+ }
+ this.total = response.data.total;
+ this.loading = false;
+ } else {
+ this.samplingList = [];
+ this.tableList = [];
+ this.loading = false;
+ }
+ }); */
+ },
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ id: null,
+ samplingNumber: null,
+ tjNumber: null,
+ applicationTime: null,
+ isSignFor: null,
+ tjTime: null,
+ specimenType: null,
+ proId: null,
+ proName: null,
+ createBy: null,
+ createTime: null,
+ updateBy: null,
+ updateTime: null,
+ deleted: null,
+ };
+ },
+ hb() {
+ if (this.queryParams.tjNumber != null) {
+ this.handleQuery();
+ }
+ },
+ /** 鎼滅储鎸夐挳鎿嶄綔 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.createTimeList = [];
+ this.handleQuery();
+ },
+
+ handleSelectionChange(selection) {
+ 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.$message.error("鏍囨湰绫诲瀷涓嶄竴鑷达紝鏃犳硶鍚堝苟锛�");
+ }
+ } else {
+ this.$message.error("璇ラ」鐩凡鍚堝苟");
+ }
+ },
+
+ /** 鐐瑰嚮鎾ら攢鎸夐挳 **/
+ 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}; /* 浣跨敤浠庢帴鍙ｈ幏鍙栫殑瀹藉害 */
+ 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]) {
+ return "warning-row";
+ }
+ }
+ },
+
+ handleChange(selection) {
+ // console.log(selection);
+
+ this.selectList = selection;
+ console.log(this.selectList, 9977);
+ var array = selection;
+ this.ids = array.map((item) => item.id);
+ },
+ 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("璇锋鏌ヨ鍗″櫒杩炴帴鏄惁姝ｅ父");
+ };
+ 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() {
+ 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;
+ this.queryParams.isSignFor = value;
getList(this.queryParams).then((response) => {
if (response.data) {
- if (response.data.list == null) {
+ if (response.data.list == null) {
this.samplingList = [];
this.tableList = [];
this.loading = false;
@@ -416,128 +1030,6 @@
this.samplingList = [];
this.tableList = [];
this.loading = false;
- }
- });
- },
-
- // 鍙栨秷鎸夐挳
- cancel() {
- this.open = false;
- this.reset();
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- id: null,
- samplingNumber: null,
- cusId: null,
- applicationTime: null,
- isSignFor: null,
- tjTime: null,
- specimenType: null,
- proId: null,
- proName: null,
- createBy: null,
- createTime: null,
- updateBy: null,
- updateTime: null,
- deleted: null,
- };
- this.resetForm("form");
- },
- /** 鎼滅储鎸夐挳鎿嶄綔 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- 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);
- });
- } else {
- this.$refs.tab1.clearSelection();
- }
- });
- // this.ids = selection.map(item => item.id)
- if (selection.length > 1) {
- let del_row = selection.shift();
- this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑
- }
- this.single = selection.length !== 1;
- this.multiple = !selection.length;
- },
- tableRowClassName({ row, rowIndex }) {
- for (let i = 0; i < this.selectList.length; i++) {
- if (row === this.selectList[i]) {
- return "warning-row";
- }
- }
- },
-
- handleChange(selection) {
- this.selectList = selection;
- this.ids = selection.map((item) => item.id);
- },
-
- // 绂侀��
- // selectEnable(row, rowIndex) {
- // if(row.isSignFor === "0"){
- // return false
- // }else{
- // return true
- // }
- // },
-
- // 纭畾鎸夐挳
- submitForm() {},
-
- // 纭閲囨牱
- Confirmreceipt() {
- let data = this.ids;
- confirmSampling(data).then((res) => {
- this.$modal.msgSuccess("閲囨牱鎴愬姛");
- this.getList();
- });
- },
-
- // 鍗曢�夋寜閽�
- radioChange(value) {
- this.loading = true;
- this.queryParams.isSignFor = value;
- getList(this.queryParams).then((response) => {
-
- if (response.data) {
- if (response.data.list == null) {
- this.samplingList = [];
- this.tableList = [];
- this.loading = false;
- } else {
- this.samplingList = response.data.list;
- this.loading = false;
- if (this.samplingList.length != 0) {
- this.$nextTick(() => {
- this.$refs.tb.toggleRowSelection(this.samplingList[0], true);
- });
- } else {
- this.$refs.tb.clearSelection();
- }
- }
- this.total = response.data.total;
- this.loading = false;
- }else{
- this.samplingList= [];
- this.tableList = [];
- this.loading = false;
}
});
},
@@ -564,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