qx

qx

2025-02-08 b7e9807061998a4b250ceaca7e6320e89cc6767f

 src/views/reservation/reservations/index.vue

@@ -197,6 +197,16 @@
        >
        <!-- v-hasPermi="['reservation:reservation:remove']" -->
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          size="mini"
          :disabled="multiple"
          @click="Groupsignin"
          >团体签到</el-button
        >
        <!-- v-hasPermi="['reservation:reservation:remove']" -->
      </el-col>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
@@ -1069,7 +1079,7 @@
              </div>
            </el-col>
          </el-row>

         
          <el-dialog
            title="导检单预览"
            :visible.sync="dialogVisibles"
@@ -1087,6 +1097,50 @@
        </div>
      </template>
    </el-drawer>


    <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>
      </div>
    </el-dialog>

    <el-dialog
      :title="title"
      :visible.sync="open2"
      width="800px"
      append-to-body
    >
      <el-form ref="form" :model="forms" label-width="100px" :inline="true">
        <el-form-item label="体检类别">
          <el-select
            style="width: 150px"
            v-model="forms.tjCategory"
            placeholder="请选择体检类别"
          >
            <el-option
              v-for="dict in dict.type.dict_tjtype"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer2">
        <el-button type="primary" @click="submitType">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <div
      style="
@@ -1799,8 +1853,10 @@
</template>

<script>
import { addComp } from "@/api/system/comp";
import { addComp,
  addPlOrderAndDetail } from "@/api/system/comp";
import Big from "big.js";

import {
  listReservation,
  gettjCancel,
@@ -1842,7 +1898,6 @@
  ],
  data() {
    let checkPhoneNum = (rule, value, callback) => {
      console.log(value);
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback("");
@@ -1876,6 +1931,10 @@
      dialogVisibles: false,
      src: "",
      url: "",
      open2: false,
      forms: {
        tjCategory:null
      },
      dialogVisible: false,
      /** 照相机弹窗模块-start */
      videoWidth: 200,
@@ -1933,6 +1992,7 @@
      // 是否显示弹出层

      pacId: "",
      cusIds:[],
      // 结果
      result: "",
      proIds: [],
@@ -2253,6 +2313,7 @@
    // 取消按钮
    cancel() {
      this.open = false;
      this.open2 = false;
      this.reset();
    },

@@ -2316,10 +2377,10 @@
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.cusIds = selection.map((item) => item.idCard);
      selection.forEach((item) => {
        this.fmobj = item;
      });
      console.log(this.fmobj);
      this.ids = selection.map((item) => item.id);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
@@ -2334,7 +2395,6 @@

    /** 修改按钮操作 */
    handleUpdate(row) {
      console.log(row);
      this.title = "修改体检预约";
      this.formIn = row;
      this.form.tjType = this.formIn.tjType;
@@ -2405,7 +2465,6 @@
                    this.TotalPrice1 = 0;
                    this.tableData1.forEach((item) => {
                      this.TotalPrice1 += item.nowPrice;
                      console.log(this.discount);
                      this.TotalPrice = (
                        this.TotalPrice1 *
                        (this.discount / 10)
@@ -2615,6 +2674,74 @@
        this.treedataList = JSON.parse(JSON.stringify(this.dXData));
        return;
      }
    },

    Groupsignin() {
      this.open2 = true;
    },


    submitType() {
      // let cusIds = [];
      // this.selectList.forEach((item) => {
      //   cusIds.push(item.idCard);
      // });
      let data = {
        cusIds: this.cusIds,
        tjCategory: this.forms.tjCategory,
      };
      addPlOrderAndDetail(data).then((res) => {
        this.open2 = false;
        this.$modal.msgSuccess("签到成功");
        if (res.file) {
          
          let base64 = res.file;
          this.base64ToBlob({
            b64data: base64,
            contentType: "application/pdf",
          }).then((res) => {
            this.dialogVisible = true;
            // 转后后的blob对象
            try {
              this.url = res.preview;
            } catch (error) {
              this.url = window.webkitURL.createObjectURL(res.preview);
            }
          });
        }
      });
    },


    base64ToBlob({ b64data = "", contentType = "", sliceSize = 512 } = {}) {
      return new Promise((resolve, reject) => {
        // 使用 atob() 方法将数据解码
        let byteCharacters = atob(b64data);
        let byteArrays = [];
        for (
          let offset = 0;
          offset < byteCharacters.length;
          offset += sliceSize
        ) {
          let slice = byteCharacters.slice(offset, offset + sliceSize);
          let byteNumbers = [];
          for (let i = 0; i < slice.length; i++) {
            byteNumbers.push(slice.charCodeAt(i));
          }
          // 8 位无符号整数值的类型化数组。内容将初始化为 0。
          // 如果无法分配请求数目的字节，则将引发异常。
          byteArrays.push(new Uint8Array(byteNumbers));
        }
        let result = new Blob(byteArrays, {
          type: contentType,
        });
        result = Object.assign(result, {
          // jartto: 这里一定要处理一下 URL.createObjectURL
          preview: URL.createObjectURL(result),
          // name: `图片示例.png`,
        });
        resolve(result);
      });
    },

    // 点击获取每个树节点
@@ -3012,6 +3139,8 @@
  overflow: hidden;
}



#printIframe::-webkit-scrollbar {
  width: 6px;
}