12

wwl

2025-01-02 ab91bbc86844f8452d27c5d0405b9011b685c10f

 src/views/sampling/sampling/index.vue

@@ -8,10 +8,10 @@
      v-show="showSearch"
      label-width="68px"
    >
      <el-form-item label="体检号" prop="tjNum">
      <el-form-item label="体检号" prop="tjNumber">
        <el-input
          ref="inputName"
          v-model="queryParams.tjNum"
          v-model="queryParams.tjNumber"
          placeholder="请输入体检号"
          clearable
          @keyup.enter.native="handleQuery"
@@ -86,8 +86,12 @@
          @input="radioChange"
          style="margin: 10px 15px"
        >
          <el-radio-button label="1">未采样</el-radio-button>
          <el-radio-button label="0">已采样</el-radio-button>
          <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
@@ -96,21 +100,21 @@
        v-if="samplingList.length > 0 && tjStatus == 1"
      >
        <el-button type="primary" @click="Merging">合并项目</el-button>
        <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"
          @click="Collection"
          >采样打码</el-button
        >
      </el-col>
@@ -119,12 +123,10 @@
        style="margin: 10px 15px"
        v-show="samplingList.length > 0 && tjStatus == 0"
      >
        <el-button
          type="primary"
          :disabled="!selectList.length"
          @click="Collection"
        <el-button type="primary" :disabled="!selectList.length" @click="buda"
          >补打条码</el-button
        >
        <!-- @click="Collection" -->
        <el-button type="primary" :disabled="!disabled" @click="Cancellation"
          >撤销合并</el-button
        >
@@ -190,15 +192,16 @@
        </el-table>
      </div>
      <div style="width: 50%">
        <!-- v-if="this.rightTabShow" -->
        <el-table
          v-loading="loading"
          :data="tableList"
          :span-method="objectSpanMethod"
          @selection-change="handleChange"
          border
          height="520px"
          :span-method="objectSpanMethod"
          ref="tab1"
          :row-class-name="tableRowClassName"
          border
          height="520px"
        >
          <el-table-column type="selection" width="40" align="center" />
          <!--  :selectable="selectEnable" -->
@@ -291,8 +294,9 @@
          </div>
          <div class="tj">
            <span>体检中心</span>
            <span>{{ item.cardId.substring(0, 14) }}</span>
            <!-- <span>{{ item.cardId ? item.cardId.substring(0, 14) : '' }}</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>
@@ -320,26 +324,7 @@
      />
    </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="请输入项目id父项" />
                </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>

@@ -374,6 +359,8 @@
    return {
      msg: "",
      getNumbr: null,
      valueUrl: "ws://127.0.0.1:6789/websocket",
      webSocket: null,
      list: [],
      selectList: [],
      selectedRows: [],
@@ -385,6 +372,9 @@
      ids: [],
      // 绑定单选按钮
      tjStatus: "1",
      dayinData: [],
      jsonObj: {},

      // 非单个禁用
      single: true,
      // 非多个禁用
@@ -409,7 +399,7 @@
        pageNum: 1,
        pageSize: 20,
        name: null,
        tjNum: null,
        tjNumber: null,
        applicationTime: null,
        isSignFor: null,
        tjTime: null,
@@ -453,12 +443,14 @@
      form: {},
      // 表单校验
      rules: {},
      // rightTabShow: false
    };
  },
  created() {
    // this.getNowTime();
    getTxmmccd().then((res) => {
      this.msg = Number(res.msg);
      console.log(res, 444);
    });
    this.getdate();
  },
@@ -474,20 +466,31 @@
        this.selectList[this.selectList.length - 1].isMerge === 1
      );
    },
    qiehuan() {
      return this.selectList.length > 0;
    },
    disabledId() {
      return this.tjStatus == "1" ? 1 : 0;
    },
  },

  methods: {
    getTruncatedName(proName) {
      // 去掉所有空格
      const trimmedProName = proName.replace(/\s+/g, "");

      const number = this.msg;

      const truncated =
        trimmedProName.length > number
          ? trimmedProName.slice(0, number)
          : trimmedProName;
      const remaining =
      let remaining =
        trimmedProName.length > number ? trimmedProName.slice(number) : "";

      if (remaining.length > number) {
        remaining = remaining.slice(0, number) + "...";
      }
      return { truncated, remaining }; // 返回结果
    },

@@ -581,7 +584,9 @@
            // 判断是否需要刷新右边表格
            this.$nextTick(() => {
              this.$refs.tb.toggleRowSelection(this.samplingList[0], true);
              this.fetchData(this.samplingList[0].cusId);
              // this.fetchData(this.samplingList[0].tjNumber);
              // ddddddddddddddd
              // this.rightTabShow = true
            });
          }
          this.total = response.data.total;
@@ -631,7 +636,7 @@
      this.form = {
        id: null,
        samplingNumber: null,
        cusId: null,
        tjNumber: null,
        applicationTime: null,
        isSignFor: null,
        tjTime: null,
@@ -644,10 +649,9 @@
        updateTime: null,
        deleted: null,
      };
      this.resetForm("form");
    },
    hb() {
      if (this.queryParams.tjNum != null) {
      if (this.queryParams.tjNumber != null) {
        this.handleQuery();
      }
    },
@@ -659,7 +663,6 @@
    /** 重置按钮操作 */
    resetQuery() {
      this.createTimeList = [];
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 单选框选中数据
@@ -693,9 +696,10 @@
      // 只有一个人被选中时进行操作
      if (selection.length === 1) {
        const selectedPerson = selection[0]; // 获取选中的那个人
        const cusId = selectedPerson.cusId; // 假设cusId在选中的对象中
        const tjNumber = selectedPerson.tjNumber;
        console.log(selectedPerson.tjNumber, 6363);

        this.fetchData(cusId);
        this.fetchData(tjNumber);
      } else {
        // 如果选中多人，则取消选中
        if (selection.length > 1) {
@@ -711,14 +715,15 @@
      this.selectedRows = selection;
    },

    fetchData(cusId) {
    fetchData(tjNumber) {
      this.loading = true; // 显示加载状态

      getCusCyList(cusId, this.tjStatus) // 调用API获取数据
      getCusCyList(tjNumber, this.tjStatus) // 调用API获取数据
        .then((response) => {
          if (response.data) {
            console.log(response, 2525);

            this.tableList = response.data; // 确认 list 存在后再进行赋值
            // console.log(this.tableList, 123);
          } else {
            // 如果没有数据或 list 为空，清空表格并提示
            this.tableList = [];
@@ -759,7 +764,7 @@
            this.$message.success("合并成功。");
            // console.log("合并的行:", this.selectedRows);
            // this.getList();
            this.fetchData(this.selectedRows[0].cusId);
            this.fetchData(this.selectedRows[0].tjNumber);
          });
        } else {
          this.$message.error("标本类型不一致，无法合并！");
@@ -788,7 +793,7 @@
            this.$message.success("撤销成功！");
            // 刷新数据列表或进行其他操作
            // this.getList();
            this.fetchData(this.selectedRows[0].cusId);
            this.fetchData(this.selectedRows[0].tjNumber);
          } else {
            this.$message.error(res.msg || "撤销失败，请重试！");
          }
@@ -800,14 +805,12 @@

    /** 点击补打条码按钮 **/
    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%

        const jyxh = this.selectList.map((item) => item.jyxh);

        await this.$nextTick(); // 确保 DOM 更新

        jyxh.forEach((number, index) => {
          const barcodeContent = number; // 确保 jyxh 是有效的
@@ -823,7 +826,7 @@
          }
        });

        await this.$nextTick(); // 确保条形码生成完成
        // await this.$nextTick();

        const barcodeElements = jyxh.map((_, index) =>
          document.querySelector(`#barcode${index}`)
@@ -898,11 +901,11 @@
              }
              .last p {
              // font-weight: bold;
                margin-left: 10px; 
                margin-left: 1px; 
                // font-family: "Arial Black", sans-serif !important; 
              }
                p {
                margin-left: 10px; 
                margin-left: 1px; 
                // font-weight: bold;
                // font-family: "Arial Black", sans-serif !important;  
              }
@@ -915,7 +918,7 @@
                 font-family: "Arial Black", sans-serif !important; 
              }
              .tj span {
                margin-left: 10px;
                margin-left: 1px;
              }
            }
          </style>
@@ -944,43 +947,120 @@
      // console.log(selection);

      this.selectList = selection;
      console.log(this.selectList, 9977);
      var array = selection;

      this.ids = selection.map((item) => item.id);
      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,
        }));
        console.log(this.dayinData, 2222);

    // 禁选
    // selectEnable(row, rowIndex) {
    //     if(row.isSignFor === "0"){
    //         return false
    //     }else{
    //         return true
    //     }
    // },

    // 确定按钮
    submitForm() {},
        // 连接设备
        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;
      if (data.length === 0) {
        // 如果没有已合并的项目，给出提示信息
        this.$message.error("没有已合并的项目可以撤销！");
        return;
      }
      const loadingInstance = this.$loading({
        lock: true, // 锁定屏幕
        text: "加载中...", // 加载文本
        spinner: "el-icon-loading", // 自定义加载图标
        background: "rgba(255, 255, 255, 0.7)", // 背景颜色
      });
      confirmSampling(data)
      confirmSampling(this.ids)
        .then((res) => {
          this.$modal.msgSuccess("采样成功");
          this.getList();
          console.log(this.selectList, 2222);

          if (res.code === 200) {
            // var websocket = null;
            this.buda();

            /* 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;
              var list = this.selectList;
              var data = list.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,
              }));

              // 连接设备
              var jsonObj = {
                type: "3",
                array: {
                  data: data,
                },
              };
              var jStr = JSON.stringify(jsonObj);
              this.websocket.send(jStr);
              var jsonObj = {};
              this.dialogVisible = false;
            };
            websocket.onmessage = (event) => {
              var resultObj = eval("(" + event.data + ")");
              console.log(resultObj, 9988);
            }; */

            // this.Collection();
            this.getList();
          } else {
            this.$message.error(res.msg);
          }
          // this.getList();
        })
        .catch((error) => {
          this.$message.error("采样失败");
          // this.$message.error("采样失败");
        })
        .finally(() => {
          loadingInstance.close();