qx

qx

6 天以前 4a3c87ca56507f4950035a0ca43bc7b078804996

 src/views/system/bill/index.vue

@@ -1,65 +1,25 @@
<template>
  <div class="app-container">
    <el-form
      :model="queryParams"
      ref="queryForm"
      size="small"
      :inline="true"
      v-show="showSearch"
      label-width="68px"
    >
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入姓名"
          style="width: 100px"
          @keyup.enter.native="handleQuery"
        />
        <el-input v-model="queryParams.name" placeholder="请输入姓名" style="width: 100px"
          @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="体检号" prop="tjNum">
        <el-input
          ref="inputName"
          style="width: 170px"
          v-model="queryParams.tjNum"
          placeholder="请输入体检号"
          clearable
          @keyup.enter.native="handleQuery"
          @blur="hb"
        />
        <el-input ref="inputName" style="width: 170px" v-model="queryParams.tjNum" placeholder="请输入体检号" clearable
          @keyup.enter.native="handleQuery" @blur="hb" />
      </el-form-item>
      <el-form-item label="登记时间" prop="createTimeList">
        <el-date-picker
          v-model="createTimeList"
          type="datetimerange"
          align="right"
          :picker-options="pickerOptions"
          style="width: 310px"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:00:00']"
          format="yyyy-MM-dd HH:mm"
          value-format="yyyy-MM-dd HH:mm"
          @change="dateChangebirthday1"
        >
        <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions"
          style="width: 310px" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:00:00']"
          format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" @change="dateChangebirthday1">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="单位名称" prop="firmId">
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.firmId"
          value-key="drugManufacturerId"
          remote
          filterable
          placeholder="请选择单位名称"
          clearable
          @change="searchSelect"
        >
          <el-option
            v-for="dict in CompanyList"
            :key="dict.drugManufacturerId"
            :label="dict.cnName"
            :value="dict.drugManufacturerId"
          />
        <el-select :remote-method="getRemoteData" v-model="queryParams.firmId" value-key="drugManufacturerId" remote
          filterable placeholder="请选择单位名称" clearable @change="searchSelect">
          <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName"
            :value="dict.drugManufacturerId" />
        </el-select>
      </el-form-item>
      <!-- <el-form-item label="报告时间" prop="reportTimeList">
@@ -70,32 +30,25 @@
          </el-form-item> -->

      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          style="margin-right: 15px"
          @click="handleQuery"
          >搜索</el-button
        >
        <el-button type="primary" icon="el-icon-search" size="mini" style="margin-right: 15px"
          @click="handleQuery">搜索</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" 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
        >
        <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-button type="primary" @click="handlejiancha" :disabled="single" size="mini">检查申请单</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" @click="handlejianyan" :disabled="single" size="mini">检验申请单</el-button>
      </el-col>

      <!-- <el-col :span="1.5">
        <el-button
          type="primary"
@@ -120,10 +73,7 @@
        <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport"
          v-hasPermi="['hosp:order:export']">导出</el-button>
      </el-col> -->
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
      ></right-toolbar>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <!-- <div style="display:none">
      <div id="print" style="width:300px;height:54px;border: 1px solid red;">
@@ -135,113 +85,39 @@
      测试
    </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-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 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">
        <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"
      >
      <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"
      >
      <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>
@@ -258,13 +134,7 @@
            <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 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">
@@ -276,21 +146,15 @@

    <div class="pag">
      <div class="pag1">
        <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>
    </div>

    <el-drawer title="我是标题" :visible.sync="drawer" :with-header="false">
      <div class="drawer1">
        <div class="drawer2">
          <span>体检人：{{ gation.tjCustomerName }}</span
          ><br />
          <span>体检人：{{ gation.tjCustomerName }}</span><br />
          <span>联系电话：{{ gation.tjCustomerPhone }}</span>
        </div>
        <span class="drawer6">基本信息</span>
@@ -307,46 +171,23 @@
            <span>体检号：{{ gation.tjNumber }}</span>
            <span>报告时间：{{ gation.createTime }}</span>
            <span>体检时间：{{ gation.finishTime }}</span>
            <el-button type="primary" plain size="mini" @click="viewReport1"
              >最近一次体检报告</el-button
            >
            <el-button type="primary" plain size="mini" @click="viewReport1">最近一次体检报告</el-button>
          </div>
        </div>
        <span class="drawer6">调查问卷</span>
        <div>
          <el-form
            ref="form"
            :model="form"
            label-width="80px"
            style="margin-top: 20px"
          >
          <el-form ref="form" :model="form" label-width="80px" style="margin-top: 20px">
            <el-form-item label="调查结果:">
              <el-select v-model="value" placeholder="请选择调查结果">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="血压:" style="width: 300px" prop="pressure">
              <el-input
                v-model="form.pressure"
                placeholder="请输入血压"
              ></el-input>
              <el-input v-model="form.pressure" placeholder="请输入血压"></el-input>
            </el-form-item>
            <el-form-item
              label="低压:"
              placeholder="请输入低压"
              style="width: 300px"
              prop="lowPressure"
            >
              <el-input
                v-model="form.lowPressure"
                placeholder="请输入低压"
              ></el-input>
            <el-form-item label="低压:" placeholder="请输入低压" style="width: 300px" prop="lowPressure">
              <el-input v-model="form.lowPressure" placeholder="请输入低压"></el-input>
            </el-form-item>
            <div style="margin-left: 20px">
              <el-form-item label="1.是否吸烟">
@@ -387,54 +228,28 @@
      </div>
    </el-drawer>

    <el-dialog
      title="PDF 预览"
      :visible.sync="dialogVisible"
      :close-on-click-modal="false"
    >
    <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>
        <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>
      </div>
    </el-dialog>

    <el-dialog
      title="导诊单"
      :visible.sync="daoZhenDan"
      :close-on-click-modal="false"
    >
    <el-dialog title="导诊单" :visible.sync="daoZhenDan" :close-on-click-modal="false">
      <div class="main">
        <iframe
          id="printIframe"
          :src="url"
          frameborder="0"
          style="width: 100%; height: 100%"
        ></iframe>
        <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>
      </div>
    </el-dialog>

    <div
      style="
    <div style="
        position: absolute;
        bottom: 100px;
        left: 500px;
        width: 700px;
        display: none;
      "
    >
      ">
      <div id="printBill">
        <barcode :value="barcode" :height="40" :width="2" :margin="0"
          >条形码加载失败</barcode
        >
        <div
          style="font-size: 13px; color: #000000"
          v-for="(item, index) in DataList1"
          :key="index"
        >
        <barcode :value="barcode" :height="40" :width="2" :margin="0">条形码加载失败</barcode>
        <div style="font-size: 13px; color: #000000" v-for="(item, index) in DataList1" :key="index">
          <div style="width: 48%; margin-top: 10px">
            姓名：{{ item.tjCustomerName }}
          </div>
@@ -824,6 +639,24 @@
        }
      });
    },
    handlejiancha() {
      const tjNumber = this.report[0];
      const viewNum = "1102075172694831104";
      const params = { viewNum, tjNumber };

      this.$tab.openPage("检查申请单", "/report/breDailyReport", params);

    },
    handlejianyan() {
      const tjNumber = this.report[0];
      const viewNum = "1086792376946569216";
      const params = { viewNum, tjNumber };

      this.$tab.openPage("检验申请单", "/report/breDailyReport", params);


    },

    // 采血单
    // Collection() {
    //   let tjNumber = this.barcode;
@@ -930,7 +763,7 @@
    },

    // 选框数据
    searchSelect(val) {},
    searchSelect(val) { },

    // 搜索
    getRemoteData(query) {
@@ -1248,9 +1081,11 @@
}

.print-container {
  width: 300px; /* 设定宽度以确保打印时布局合适 */
  width: 300px;
  /* 设定宽度以确保打印时布局合适 */
  padding: 10px;
  border: 1px solid #000; /* 可选：给打印区域加一个边框 */
  border: 1px solid #000;
  /* 可选：给打印区域加一个边框 */
  font-family: Arial, sans-serif;
}

@@ -1265,7 +1100,8 @@
}

.info-section p {
  margin: 2px 0; /* 控制信息间的间距 */
  margin: 2px 0;
  /* 控制信息间的间距 */
}

#barcode {
@@ -1290,5 +1126,4 @@
//     align-items: center;
//     height: 100vh; /* 父容器高度为全页高度 */
//   }
// }
</style>
// }</style>