qx
qx
7 天以前 12933fc6115f3fab514b64d9324beadb115c0f58
src/views/reservation/reservations/index.vue
@@ -1,199 +1,168 @@
<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="name">
        <el-input
          style="width: 120px"
          v-model="queryParams.name"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="身份证号" prop="idCard">
        <el-input
          v-model="queryParams.idCard"
          placeholder="请输入身份证号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="联系电话" prop="phoe">
        <el-input
          v-model="queryParams.phoe"
          placeholder="请输入联系电话"
          clearable
          @keyup.enter.native="handleQuery"
          style="width: 140px"
        />
      </el-form-item>
      <el-form-item label="单位名称" prop="company">
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.company"
          value-key="drugManufacturerId"
          remote
          filterable
          placeholder="请选择单位名称"
          clearable
          @change="searchSelect"
        >
          <el-option
            v-for="dict in CompanyList"
            :key="dict.drugManufacturerId"
            :label="dict.cnName"
            :value="dict.cnName"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="预约超期" prop="isExpire">
        <el-select
          v-model="queryParams.isExpire"
          placeholder="请选择是否超期"
          clearable
          style="width: 140px"
        >
          <el-option
            v-for="dict in options"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          @click="handleQuery"
          >搜索</el-button
        >
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
          >重置</el-button
        >
      </el-form-item>
    <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body>
      <el-form ref="form1" :model="form1" :rules="rules1" label-width="100px" :inline="true">
        <el-form-item label="单位名称" prop="cnName">
          <el-input v-model="form1.cnName" placeholder="请输入中文名称" />
        </el-form-item>
        <el-form-item label="联系人" prop="contactPerson">
          <el-input v-model="form1.contactPerson" placeholder="请输入联系人" />
        </el-form-item>
        <el-form-item label="联系电话" prop="contactPhone">
          <el-input v-model="form1.contactPhone" placeholder="请输入联系电话" />
        </el-form-item>
        <el-form-item label="税号" prop="taxNumber">
          <el-input v-model="form1.taxNumber" placeholder="请输入税号" />
        </el-form-item>
        <el-form-item label="法人" prop="legalPerson">
          <el-input v-model="form1.legalPerson" placeholder="请输入法人" />
        </el-form-item>
        <el-form-item label="注册地址" prop="registerAddress">
          <el-input v-model="form1.registerAddress" placeholder="请输入注册地址" />
        </el-form-item>
        <el-form-item label="通讯地址" prop="mailingAddress">
          <el-input v-model="form1.mailingAddress" placeholder="请输入通讯地址" />
        </el-form-item>
        <el-form-item label="开户银行" prop="bankAccount">
          <el-input v-model="form1.bankAccount" placeholder="请输入开户银行" />
        </el-form-item>
        <el-form-item label="银行账户" prop="countNum">
          <el-input v-model="form1.countNum" placeholder="请输入银行账户" />
        </el-form-item>
        <el-form-item label="邮箱" prop="email">
          <el-input v-model="form1.email" placeholder="请输入邮箱" />
        </el-form-item>
        <el-form-item label="负责人" prop="principal">
          <el-input v-model="form1.principal" placeholder="请输入负责人" />
        </el-form-item>
        <el-form-item label="网址" prop="url">
          <el-input v-model="form1.url" placeholder="请输入网址" />
        </el-form-item>
        <el-form-item label="传真" prop="faxNumber">
          <el-input v-model="form1.faxNumber" placeholder="请输入传真" />
        </el-form-item>
        <el-form-item label="行政区划名称" prop="areaName">
          <el-input v-model="form1.areaName" placeholder="请输入行政区划名称" />
        </el-form-item>
        <el-form-item label="排序" prop="orderNum">
          <el-input v-model="form1.orderNum" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="有效时间" prop="validTime">
          <el-date-picker clearable v-model="form1.validTime" type="date" value-format="yyyy-MM-dd"
            placeholder="请选择有效时间">
          </el-date-picker> </el-form-item><br />
        <el-form-item label="备注" prop="remark">
          <el-input v-model="form1.remark" type="textarea" placeholder="请输入内容" :rows="2" label-width="400px"
            style="width: 830px" resize="none"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer2">
        <el-button type="primary" @click="submitFormS">确 定</el-button>
        <el-button @click="cancel1">取 消</el-button>
      </div>
    </el-dialog>
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-row>
        <el-col>
          <el-form-item label="姓名" prop="name">
            <el-input style="width: 120px" v-model="queryParams.name" placeholder="请输入姓名" clearable
              @keyup.enter.native="handleQuery" />
          </el-form-item>
          <el-form-item label="身份证号" prop="idCard">
            <el-input v-model="queryParams.idCard" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery" />
          </el-form-item>
          <el-form-item label="单位名称" prop="company">
            <el-select :remote-method="getRemoteData" v-model="queryParams.company" remote default-first-option
              allow-create filterable style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1">
              <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
                :value="dict.drugManufacturerId" />
            </el-select>
            <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
          </el-form-item>
          <el-form-item label="套餐名称" prop="dwDeptName">
            <el-select v-model="queryParams.dwDeptName" placeholder="请选择套餐名称" clearable style="width: 100%"
              @change="idFn2">
              <el-option v-for="dict in deptList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" />
            </el-select>
          </el-form-item>
          <el-form-item label="分组名称" prop="groupingName">
            <el-select v-model="queryParams.groupingName" placeholder="请选择分组名称" clearable style="width: 100%">
              <el-option v-for="dict in groupingList" :key="dict.id" :label="dict.pacName" :value="dict.id" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col>
          <el-form-item label="预约时间">
            <el-date-picker clearable v-model="createTimeList" @change="dateChangebirthday2" type="daterange"
              range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"
              value-format="yyyy-MM-dd" placeholder="请选择出预约时间" style="width: 300px">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="联系电话" prop="phoe">
            <el-input v-model="queryParams.phoe" placeholder="请输入联系电话" clearable @keyup.enter.native="handleQuery"
              style="width: 140px" />
          </el-form-item>
          <el-form-item label="预约超期" prop="isExpire">
            <el-select v-model="queryParams.isExpire" placeholder="请选择是否超期" clearable style="width: 140px">
              <el-option v-for="dict in options" :key="dict.value" :label="dict.label" :value="dict.value" />
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-row :gutter="10" style="margin: 10px 15px">
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="batch"
          >撤销预约</el-button
        >
        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="batch">撤销预约</el-button>
        <!--  v-hasPermi="['reservation:reservation:remove']" -->
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          size="mini"
          :disabled="single"
          @click="receipt"
          >补打小票</el-button
        >
        <el-button type="primary" size="mini" :disabled="single" @click="receipt">补打小票</el-button>
        <!-- v-hasPermi="['reservation:reservation:remove']" -->
      </el-col>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
      ></right-toolbar>
      <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"></right-toolbar>
    </el-row>
    <el-table
      border
      v-loading="loading"
      :data="reservationList"
      @selection-change="handleSelectionChange"
      :default-sort="{ prop: 'reservationTime', order: 'descending' }"
      highlight-current-row
      style="margin-left: 15px"
    >
      <el-table-column
        type="selection"
        width="40px"
        align="center"
        fixed="left"
        :selectable="selectHandle"
      />
      <el-table-column
        label="姓名"
        align="center"
        prop="name"
        width="90px"
        :show-overflow-tooltip="true"
        fixed="left"
      />
      <el-table-column
        label="性别"
        align="center"
        prop="sex"
        width="60px"
        :show-overflow-tooltip="true"
      >
    <el-table border v-loading="loading" :data="reservationList" @selection-change="handleSelectionChange"
      :default-sort="{ prop: 'reservationTime', order: 'descending' }" highlight-current-row style="margin-left: 15px">
      <el-table-column type="selection" width="40px" align="center" fixed="left" :selectable="selectHandle" />
      <el-table-column label="姓名" align="center" prop="name" width="90px" :show-overflow-tooltip="true" fixed="left" />
      <el-table-column label="性别" align="center" prop="sex" width="60px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span v-if="scope.row.sex == '0'">男</span>
          <span v-if="scope.row.sex == '1'">女</span>
          <span v-if="scope.row.sex == '2'">未知</span>
        </template>
      </el-table-column>
      <el-table-column
        label="年龄"
        align="center"
        prop="age"
        width="60px"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="身份证号"
        align="center"
        prop="idCard"
        width="170px"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="出生日期"
        align="center"
        prop="birthday"
        width="100px"
        :show-overflow-tooltip="true"
      >
      <el-table-column label="年龄" align="center" prop="age" width="60px" :show-overflow-tooltip="true" />
      <el-table-column label="身份证号" align="center" prop="idCard" width="170px" :show-overflow-tooltip="true" />
      <el-table-column label="出生日期" align="center" prop="birthday" width="100px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.birthday, "{y}-{m}-{d}") }}</span>
        </template>
      </el-table-column>
      <el-table-column
        label="联系电话"
        align="center"
        prop="phoe"
        width="110px"
        :show-overflow-tooltip="true"
      />
      <el-table-column label="联系电话" align="center" prop="phoe" width="110px" :show-overflow-tooltip="true" />
      <el-table-column
        label="预约时间"
        align="center"
        prop="reservationTime"
        width="100px"
        :show-overflow-tooltip="true"
        sortable
      >
      <el-table-column label="预约时间" align="center" prop="reservationTime" width="100px" :show-overflow-tooltip="true"
        sortable>
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.reservationTime, "{y}-{m}-{d}") }}</span>
        </template>
      </el-table-column>
      <el-table-column
      <!-- <el-table-column
        label="体检类型"
        align="center"
        prop="tjType"
@@ -203,94 +172,38 @@
        <template slot-scope="scope">
          <dict-tag :options="dict.type.dict_team" :value="scope.row.tjType" />
        </template>
      </el-table-column>
      <el-table-column
        label="婚姻"
        align="center"
        prop="marriage"
        width="60px"
        :show-overflow-tooltip="true"
      >
      </el-table-column> -->
      <el-table-column label="婚姻" align="center" prop="marriage" width="60px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <dict-tag
            :options="dict.type.dict_user_marry"
            :value="scope.row.marriage"
          />
          <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.marriage" />
        </template>
      </el-table-column>
      <el-table-column
        label="民族"
        align="center"
        prop="nation"
        width="60px"
        :show-overflow-tooltip="true"
      >
      <el-table-column label="民族" align="center" prop="nation" width="60px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <dict-tag
            :options="dict.type.dict_user_national"
            :value="scope.row.nation"
          />
          <dict-tag :options="dict.type.dict_user_national" :value="scope.row.nation" />
        </template>
      </el-table-column>
      <!-- <el-table-column label="体检类别" align="center" prop="tjCategory" width="100px" :show-overflow-tooltip="true" /> -->
      <!-- <el-table-column label="部门" align="center" prop="department" width="90px" :show-overflow-tooltip="true" /> -->
      <el-table-column
        label="预约超期"
        align="center"
        prop="isExpire"
        width="80px"
        :show-overflow-tooltip="true"
      >
      <el-table-column label="预约超期" align="center" prop="isExpire" width="80px" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <span v-if="scope.row.isExpire == '1'">已过期</span>
          <span v-if="scope.row.isExpire == '2'">未过期</span>
        </template>
      </el-table-column>
      <el-table-column
        label="单位名称"
        align="center"
        prop="company"
        :show-overflow-tooltip="true"
      />
      <el-table-column
        label="邮箱"
        align="center"
        prop="email"
        :show-overflow-tooltip="true"
        width="160px"
      />
      <el-table-column
        label="地址"
        align="center"
        prop="address"
        :show-overflow-tooltip="true"
        width="160px"
      />
      <el-table-column label="单位名称" align="center" prop="company" :show-overflow-tooltip="true" />
      <el-table-column label="套餐名称" align="center" prop="email" :show-overflow-tooltip="true" width="160px" />
      <el-table-column label="分组名称" align="center" prop="email" :show-overflow-tooltip="true" width="160px" />
      <el-table-column label="地址" align="center" prop="address" :show-overflow-tooltip="true" width="160px" />
      <el-table-column label="操作" align="center" width="90px" fixed="right">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-s-order"
            @click="handleUpdate1(scope.row)"
            v-hasPermi="['reservation:reservation:edit']"
            title="预约详细"
          ></el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['reservation:reservation:edit']"
            title="修改"
          ></el-button>
          <el-button
            size="mini"
            type="text"
            title="撤销预约"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
          >
          <el-button size="mini" type="text" icon="el-icon-s-order" @click="handleUpdate1(scope.row)"
            title="预约详细"></el-button>
          <!--  v-hasPermi="['reservation:reservation:edit']" -->
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            title="修改"></el-button>
          <!-- v-hasPermi="['reservation:reservation:edit']" -->
          <el-button size="mini" type="text" title="撤销预约" icon="el-icon-delete" @click="handleDelete(scope.row)">
          </el-button>
        </template>
      </el-table-column>
@@ -298,13 +211,8 @@
    <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>
    <!-- 预约登记详情对话框 -->
@@ -312,284 +220,120 @@
      <template>
        <div>
          <div style="width: 1000px">
            <el-form
              style="margin: 0px 8px"
              :inline="true"
              ref="formIn"
              :model="formIn"
              :rules="rules"
              :label-position="labelPosition"
              class="demo-form-inline"
              label-width="78px"
            >
            <el-form style="margin: 0px 8px" :inline="true" ref="formIn" :model="formIn" :rules="rules"
              :label-position="labelPosition" class="demo-form-inline" label-width="78px">
              <el-form-item label="姓名" prop="name">
                <el-input
                  v-model="formIn.name"
                  placeholder="请输入姓名"
                  style="width: 160px"
                />
                <el-input v-model="formIn.name" placeholder="请输入姓名" style="width: 160px" />
              </el-form-item>
              <el-form-item label="证件类型" prop="idType">
                <el-select
                  style="width: 160px"
                  v-model="formIn.idType"
                  placeholder="请选择证件类型"
                >
                  <el-option
                    v-for="dict in dict.type.dict_user_cardtype"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select style="width: 160px" v-model="formIn.idType" placeholder="请选择证件类型">
                  <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="证件号" prop="idCard">
                <el-input
                  style="width: 186px"
                  v-model="formIn.idCard"
                  placeholder="请输入身份证号"
                />
                <el-input style="width: 186px" v-model="formIn.idCard" placeholder="请输入身份证号" />
              </el-form-item>
              <el-form-item label="年龄" prop="age">
                <el-input style="width: 55px" v-model="formIn.age" />
              </el-form-item>
              <el-form-item prop="ageUnit">
                <el-select
                  style="width: 60px"
                  v-model="formIn.ageUnit"
                  @change="formchang"
                >
                  <el-option
                    v-for="dict in dict.type.dict_ageunit"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select style="width: 60px" v-model="formIn.ageUnit" @change="formchang">
                  <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="性别" prop="sex">
                <el-select
                  style="width: 160px"
                  v-model="formIn.sex"
                  placeholder="请选择性别"
                  @change="formchang"
                >
                  <el-option
                    v-for="dict in dict.type.sys_user_sex"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                <el-select style="width: 160px" v-model="formIn.sex" placeholder="请选择性别" @change="formchang">
                  <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
                    :value="parseInt(dict.value)"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="联系电话" prop="phoe">
                <el-input
                  v-model="formIn.phoe"
                  placeholder="请输入联系电话"
                  style="width: 160px"
                />
                <el-input v-model="formIn.phoe" placeholder="请输入联系电话" style="width: 160px" />
              </el-form-item>
              <el-form-item label="民族" prop="nation">
                <el-select
                  v-model="formIn.nation"
                  placeholder="请选择民族"
                  style="width: 160px"
                >
                  <el-option
                    v-for="dict in dict.type.dict_user_national"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                <el-select v-model="formIn.nation" placeholder="请选择民族" style="width: 160px">
                  <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
                    :value="parseInt(dict.value)"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="邮箱" prop="email">
                <el-input
                  v-model="formIn.email"
                  placeholder="请输入邮箱"
                  style="width: 150px"
                />
                <el-input v-model="formIn.email" placeholder="请输入邮箱" style="width: 150px" />
              </el-form-item>
              <el-form-item label="婚姻" prop="marriage">
                <el-select
                  style="width: 160px"
                  v-model="formIn.marriage"
                  placeholder="请选择婚姻状况"
                >
                  <el-option
                    v-for="dict in dict.type.dict_user_marry"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                <el-select style="width: 160px" v-model="formIn.marriage" placeholder="请选择婚姻状况">
                  <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
                    :value="parseInt(dict.value)"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="现住址" prop="address">
                <el-input
                  v-model="formIn.address"
                  placeholder="请输入现居住地址"
                  style="width: 410px"
                />
                <el-input v-model="formIn.address" placeholder="请输入现居住地址" style="width: 410px" />
              </el-form-item>
              <el-form-item label="体检类别" prop="tjCategory">
                <el-select
                  style="width: 140px"
                  v-model="formIn.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 style="width: 140px" v-model="formIn.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-item label="部门" prop="department">
                <el-input
                  v-model="formIn.department"
                  placeholder="请输入部门"
                  style="width: 160px"
                />
                <el-input v-model="formIn.department" placeholder="请输入部门" style="width: 160px" />
              </el-form-item>
              <el-form-item label="工作单位" prop="company">
                <el-input
                  v-model="formIn.company"
                  placeholder="请输入工作单位"
                  style="width: 410px"
                />
              <el-form-item label="单位名称" prop="company">
                <el-select :remote-method="getRemoteData" v-model="formIn.company" remote default-first-option
                  allow-create filterable style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1">
                  <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
                    :value="dict.drugManufacturerId" />
                </el-select>
                <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
              </el-form-item>
              <el-form-item label="职业" prop="career">
                <el-select
                  filterable
                  :disabled="isDisabled"
                  v-model="formIn.career"
                  placeholder="请输入职业"
                  style="width: 150px"
                >
                  <el-option
                    v-for="dict in dict.type.dict_job"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="请输入职业"
                  style="width: 150px">
                  <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="预约日期" prop="reservationTime">
                <el-date-picker
                  v-model="formIn.reservationTime"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                  :picker-options="setDisabled"
                  style="width: 160px"
                >
                <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd"
                  placeholder="选择日期" :picker-options="setDisabled" style="width: 160px">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="时间" prop="timeRegion">
                <el-select
                  style="width: 130px"
                  v-model="formIn.timeRegion"
                  placeholder="请选择预约时间"
                >
                  <el-option
                    v-for="dict in dict.type.tj_time_region"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select style="width: 130px" v-model="formIn.timeRegion" placeholder="请选择预约时间">
                  <el-option v-for="dict in dict.type.tj_time_region" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="卡号" prop="indexCard">
                <el-input
                  v-model="formIn.indexCard"
                  placeholder="请输入卡号"
                  style="width: 190px"
                />
                <el-input v-model="formIn.indexCard" placeholder="请输入卡号" style="width: 190px" />
              </el-form-item>
              <el-button
                type="primary"
                @click="taocan = true"
                size="mini"
                v-show="tijiao1"
                >选择套餐</el-button
              >
              <el-button type="primary" @click="taocan = true" size="mini" v-show="tijiao1">选择套餐</el-button>
            </el-form>
          </div>
          <el-dialog
            title="选择套餐"
            :visible.sync="taocan"
            width="35%"
            append-to-body
          >
            <el-tabs
              type="border-card"
              style="height: 538px; margin-left: 10px; width: 600px"
            >
          <el-dialog title="选择套餐" :visible.sync="taocan" width="35%" append-to-body>
            <el-tabs type="border-card" style="height: 538px; margin-left: 10px; width: 600px">
              <el-tab-pane label="套餐">
                <el-form
                  :model="queryParam"
                  ref="queryForm"
                  size="small"
                  :inline="true"
                  v-show="showSearch"
                  label-width="auto"
                  @submit.native.prevent
                >
                <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch"
                  label-width="auto" @submit.native.prevent>
                  <el-form-item label="套餐名称" prop="pacName">
                    <el-input
                      v-model="queryParam.pacName"
                      placeholder="请输入套餐名称"
                      clearable
                      @keyup.enter.native="handle"
                    />
                    <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable
                      @keyup.enter.native="handle" />
                  </el-form-item>
                  <el-form-item>
                    <el-button
                      type="primary"
                      icon="el-icon-search"
                      size="mini"
                      @click="handle"
                      >查询</el-button
                    >
                    <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">查询</el-button>
                  </el-form-item>
                </el-form>
                <div class="tab4">
                  <div
                    class="grid-content bg-purple"
                    style="margin-left: 5px; width: 100%"
                  >
                    <el-table
                      v-loading="loading"
                      element-loading-text="正在加载中..."
                      border
                      element-loading-spinner="el-icon-loading"
                      :data="newpacName"
                      @select="handleSelectionChange1"
                      height="430"
                      ref="tb"
                      style="width: 900px"
                    >
                  <div class="grid-content bg-purple" style="margin-left: 5px; width: 100%">
                    <el-table v-loading="loading" element-loading-text="正在加载中..." border
                      element-loading-spinner="el-icon-loading" :data="newpacName" @select="handleSelectionChange1"
                      height="430" ref="tb" style="width: 900px">
                      <template slot="empty">数据正在加载中</template>
                      <el-table-column
                        type="selection"
                        width="40px"
                        align="center"
                        label="选择"
                      />
                      <el-table-column
                        label="套餐名称"
                        align="center"
                        prop="pacName"
                        width="120px"
                      />
                      <el-table-column
                        label="套餐明细"
                        align="center"
                        prop="allProName"
                        :show-overflow-tooltip="true"
                      />
                      <el-table-column type="selection" width="40px" align="center" label="选择" />
                      <el-table-column label="套餐名称" align="center" prop="pacName" width="120px" />
                      <el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" />
                    </el-table>
                  </div>
                  <!-- <el-button
@@ -613,16 +357,10 @@
              <el-tab-pane label="单项">
                <div class="tab3">
                  <div class="tab2">
                    <v-tree-transfer
                      :treeData="treedataList"
                      :defaultProps="{
                        children: 'tjProjectList',
                        label: 'proName',
                      }"
                      :defaultKeys="defaultKeys"
                      @changeKeys="changeCategoryKeys"
                      :key="datekey"
                    ></v-tree-transfer>
                    <v-tree-transfer :treeData="treedataList" :defaultProps="{
                      children: 'tjProjectList',
                      label: 'proName',
                    }" :defaultKeys="defaultKeys" @changeKeys="changeCategoryKeys" :key="datekey"></v-tree-transfer>
                    <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps"
                      @check-change="handleCurrentChecked"> 
                    </el-tree>-->
@@ -642,80 +380,115 @@
                <template>
                  <el-form :model="form" :inline="true" label-width="68px">
                    <el-form-item label="体检类型">
                      <el-select
                        style="width: 160px"
                        v-model="form.tjType"
                        placeholder="请选择体检类型"
                      >
                        <el-option
                          v-for="dict in dict.type.dict_team"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                        ></el-option>
                      <el-select style="width: 160px" v-model="form.tjType" placeholder="请选择体检类型">
                        <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label"
                          :value="dict.value"></el-option>
                      </el-select>
                    </el-form-item>
                    <!-- <div class="tab1"> -->
                    <!-- <el-form :inline="true" class="tab1"> -->
                    <el-form-item label="应收金额">
                      <el-input
                        placeholder="应收金额"
                        :value="TotalPrice1"
                        disabled
                        style="width: 160px"
                      ></el-input>
                      <el-input placeholder="应收金额" :value="TotalPrice1" disabled style="width: 160px"></el-input>
                    </el-form-item>
                    <el-form-item label="优惠折扣">
                      <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> -->
                      <el-input-number
                        ref="inputNumber"
                        style="width: 130px"
                        v-model="discount"
                        :precision="2"
                        :step="0.1"
                        :max="10"
                        :min="1"
                        @change="numberChange"
                        :disabled="isfalse"
                      ></el-input-number>
                      <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2"
                        :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number>
                    </el-form-item>
                    <el-form-item label="实收金额">
                      <el-input
                        placeholder="实收金额"
                        v-model="TotalPrice"
                        style="width: 120px"
                        disabled
                      ></el-input>
                      <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 120px" disabled></el-input>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        type="primary"
                        @click="submitPrice"
                        :disabled="confirm"
                        size="mini"
                        v-show="tijiao1"
                        >签到登记</el-button
                      >
                      <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini"
                        v-show="tijiao1">签到登记</el-button>
                    </el-form-item>
                    <!-- </el-form> -->
                    <!-- </div> -->
                  </el-form>
                </template>
                <div style="text-align: center; margin-bottom: 10px">
                <div style="
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    width: 100%;
                  ">
                  <div style="
                      white-space: nowrap;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      margin-left: 46px;
                      font-size: 16px;
                      margin-right: 20px;
                    ">
                    已选项目条数:<span style="font-weight: 700; color: red; margin-right: 5px">{{ this.tableData1.length || 0
                    }}</span>条
                  </div>
                  已选项目列表
                </div>
                <div
                <div style="
                    padding: 0px 6px;
                    border: 1px solid #e6ebf5;
                    max-height: 650%;
                    overflow: auto;
                    width: 916px;
                    margin-left: 35px;
                  ">
                  <el-table :data="tableData1" border style="width: 100%">
                    <el-table-column prop="proName" label="项目" width="180" align="center">
                    </el-table-column>
                    <el-table-column prop="proType" label="性别" width="50" align="center">
                      <template slot-scope="scope">
                        <template v-if="isAll(scope.row.proType)">
                          全部
                        </template>
                        <template v-else>
                          <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
                        </template>
                      </template>
                    </el-table-column>
                    <el-table-column prop="ordPrice" label="应收金额" align="center">
                    </el-table-column>
                    <el-table-column label="折扣" width="160px" align="center">
                      <template slot-scope="scope">
                        <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)"
                          placeholder="输入折扣" size="small" type="number" :precision="1" :step="0.1" :max="10" :min="0"
                          :disabled="true">
                        </el-input-number>
                      </template>
                    </el-table-column>
                    <el-table-column prop="nowPrice" label="实收金额" align="center">
                    </el-table-column>
                    <el-table-column prop="proCheckMethod" label="是否空腹" align="center">
                      <template slot-scope="scope">
                        <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
                      </template>
                    </el-table-column>
                    <el-table-column label="操作" align="center" width="80px">
                      <template slot-scope="scope">
                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)"
                          title="删除">
                        </el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
                <!-- <div style="text-align: center; margin-bottom: 10px">
                  已选项目列表
                </div> -->
                <!-- <div
                  style="
                    padding: 0px 6px;
                    border: 1px solid #e6ebf5;
                    max-height: 420px;
                    overflow: auto;
                  "
                >
                  <el-collapse v-model="index" accordion v-if="list3">
                > -->
                <!-- <el-collapse v-model="index" accordion v-if="list3">
                    <div
                      class="info1"
                      v-for="(item, index) in tableData1"
@@ -733,6 +506,16 @@
                            item.nowPrice +
                            "元)"
                          }}
                          <div style="font-size: 16px; margin-left: 20px">
                            已选项目条数:<span
                              style="
                                font-weight: 700 !important;
                                color: red;
                                margin-right: 5px;
                              "
                              >{{ item.list.length || 0 }}</span
                            >条
                          </div>
                        </template>
                        <el-table
                          :data="item.list"
@@ -748,7 +531,39 @@
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
                          <el-table-column label="折扣">
                            <template slot-scope="scope">
                              <el-input-number
                                v-model.number="scope.row.discount"
                                @input="validateDiscount(scope.row)"
                                placeholder="输入折扣"
                                size="small"
                                type="number"
                                :precision="1"
                                :step="0.1"
                                :max="10"
                                :min="0"
                              >
                              </el-input-number>
                            </template>
                          </el-table-column>
                          <el-table-column prop="nowPrice" label="实收金额">
                          </el-table-column>
                          <el-table-column
                            label="操作"
                            align="center"
                            width="80px"
                          >
                            <template slot-scope="scope">
                              <el-button
                                size="mini"
                                type="text"
                                icon="el-icon-delete"
                                @click="handleDelete1(scope.row)"
                                title="删除"
                              >
                              </el-button>
                            </template>
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
@@ -819,39 +634,49 @@
                        </el-table>
                      </el-collapse-item>
                    </div>
                  </el-collapse>
                </div>
                  </el-collapse> -->
                <!-- </div> -->
              </div>
            </el-col>
          </el-row>
          <el-dialog
            title="导检单预览"
            :visible.sync="dialogVisibles"
            :close-on-click-modal="false"
          >
          <el-dialog title="导检单预览" :visible.sync="dialogVisibles" :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>
      </template>
    </el-drawer>
    <div
      style="
    <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="
        position: absolute;
        bottom: 100px;
        left: 500px;
        width: 700px;
        display: none;
      "
    >
      ">
      <div id="printBill">
        <div style="font-size: 13px; color: #000000">
          <div style="width: 48%; margin-top: 10px">姓名:{{ fmobj.name }}</div>
@@ -885,284 +710,121 @@
      <template>
        <div>
          <div style="width: 1000px">
            <el-form
              style="margin: 0px 8px"
              :inline="true"
              ref="formIn"
              :model="formIn"
              :rules="rules"
              :label-position="labelPosition"
              class="demo-form-inline"
              label-width="78px"
            >
            <el-form style="margin: 0px 8px" :inline="true" ref="formIn" :model="formIn" :rules="rules"
              :label-position="labelPosition" class="demo-form-inline" label-width="78px">
              <el-form-item label="姓名" prop="name">
                <el-input
                  v-model="formIn.name"
                  placeholder="请输入姓名"
                  style="width: 160px"
                />
                <el-input v-model="formIn.name" placeholder="请输入姓名" style="width: 160px" />
              </el-form-item>
              <el-form-item label="证件类型" prop="idType">
                <el-select
                  style="width: 160px"
                  v-model="formIn.idType"
                  placeholder="请选择证件类型"
                >
                  <el-option
                    v-for="dict in dict.type.dict_user_cardtype"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select style="width: 160px" v-model="formIn.idType" placeholder="请选择证件类型">
                  <el-option v-for="dict in dict.type.dict_user_cardtype" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="证件号" prop="idCard">
                <el-input
                  style="width: 186px"
                  v-model="formIn.idCard"
                  placeholder="请输入身份证号"
                />
                <el-input style="width: 186px" v-model="formIn.idCard" placeholder="请输入身份证号" />
              </el-form-item>
              <el-form-item label="年龄" prop="age">
                <el-input style="width: 55px" v-model="formIn.age" />
              </el-form-item>
              <el-form-item prop="ageUnit">
                <el-select
                  style="width: 60px"
                  v-model="formIn.ageUnit"
                  @change="formchang"
                >
                  <el-option
                    v-for="dict in dict.type.dict_ageunit"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select style="width: 60px" v-model="formIn.ageUnit" @change="formchang">
                  <el-option v-for="dict in dict.type.dict_ageunit" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="性别" prop="sex">
                <el-select
                  style="width: 160px"
                  v-model="formIn.sex"
                  placeholder="请选择性别"
                  @change="formchang"
                >
                  <el-option
                    v-for="dict in dict.type.sys_user_sex"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                <el-select style="width: 160px" v-model="formIn.sex" placeholder="请选择性别" @change="formchang">
                  <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label"
                    :value="parseInt(dict.value)"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="联系电话" prop="phoe">
                <el-input
                  v-model="formIn.phoe"
                  placeholder="请输入联系电话"
                  style="width: 160px"
                />
                <el-input v-model="formIn.phoe" placeholder="请输入联系电话" style="width: 160px" />
              </el-form-item>
              <el-form-item label="民族" prop="nation">
                <el-select
                  v-model="formIn.nation"
                  placeholder="请选择民族"
                  style="width: 160px"
                >
                  <el-option
                    v-for="dict in dict.type.dict_user_national"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                <el-select v-model="formIn.nation" placeholder="请选择民族" style="width: 160px">
                  <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
                    :value="parseInt(dict.value)"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="邮箱" prop="email">
                <el-input
                  v-model="formIn.email"
                  placeholder="请输入邮箱"
                  style="width: 150px"
                />
                <el-input v-model="formIn.email" placeholder="请输入邮箱" style="width: 150px" />
              </el-form-item>
              <el-form-item label="婚姻" prop="marriage">
                <el-select
                  style="width: 160px"
                  v-model="formIn.marriage"
                  placeholder="请选择婚姻状况"
                >
                  <el-option
                    v-for="dict in dict.type.dict_user_marry"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                <el-select style="width: 160px" v-model="formIn.marriage" placeholder="请选择婚姻状况">
                  <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
                    :value="parseInt(dict.value)"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="现住址" prop="address">
                <el-input
                  v-model="formIn.address"
                  placeholder="请输入现居住地址"
                  style="width: 410px"
                />
                <el-input v-model="formIn.address" placeholder="请输入现居住地址" style="width: 410px" />
              </el-form-item>
              <el-form-item label="体检类别" prop="tjCategory">
                <el-select
                  style="width: 150px"
                  v-model="formIn.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 style="width: 150px" v-model="formIn.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-item label="部门" prop="department">
                <el-input
                  v-model="formIn.department"
                  placeholder="请输入部门"
                  style="width: 160px"
                />
                <el-input v-model="formIn.department" placeholder="请输入部门" style="width: 160px" />
              </el-form-item>
              <el-form-item label="工作单位" prop="company">
                <el-input
                  v-model="formIn.company"
                  placeholder="请输入工作单位"
                  style="width: 410px"
                />
              <el-form-item label="单位名称" prop="company">
                <el-select :remote-method="getRemoteData" v-model="formIn.company" remote default-first-option
                  allow-create filterable style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1">
                  <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
                    :value="dict.drugManufacturerId" />
                </el-select>
                <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
              </el-form-item>
              <el-form-item label="职业" prop="career">
                <el-select
                  filterable
                  :disabled="isDisabled"
                  v-model="formIn.career"
                  placeholder="请输入职业"
                  style="width: 150px"
                >
                  <el-option
                    v-for="dict in dict.type.dict_job"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="请输入职业"
                  style="width: 150px">
                  <el-option v-for="dict in dict.type.dict_job" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="预约日期" prop="reservationTime">
                <el-date-picker
                  v-model="formIn.reservationTime"
                  type="date"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                  :picker-options="setDisabled"
                  style="width: 160px"
                >
                <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd"
                  placeholder="选择日期" :picker-options="setDisabled" style="width: 160px">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="时间" prop="timeRegion">
                <el-select
                  style="width: 130px"
                  v-model="formIn.timeRegion"
                  placeholder="请选择预约时间"
                >
                  <el-option
                    v-for="dict in dict.type.tj_time_region"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                <el-select style="width: 130px" v-model="formIn.timeRegion" placeholder="请选择预约时间">
                  <el-option v-for="dict in dict.type.tj_time_region" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="卡号" prop="indexCard">
                <el-input
                  v-model="formIn.indexCard"
                  placeholder="请输入卡号"
                  style="width: 190px"
                />
                <el-input v-model="formIn.indexCard" placeholder="请输入卡号" style="width: 190px" />
              </el-form-item>
              <!-- <el-button type="primary" @click="Package" size="mini">选择套餐</el-button> -->
            </el-form>
          </div>
          <el-dialog
            title="选择套餐"
            :visible.sync="taocan"
            width="35%"
            append-to-body
          >
            <el-tabs
              type="border-card"
              style="height: 538px; margin-left: 10px; width: 600px"
            >
          <el-dialog title="选择套餐" :visible.sync="taocan" width="35%" append-to-body>
            <el-tabs type="border-card" style="height: 538px; margin-left: 10px; width: 600px">
              <el-tab-pane label="套餐">
                <el-form
                  :model="queryParam"
                  ref="queryForm"
                  size="small"
                  :inline="true"
                  v-show="showSearch"
                  label-width="auto"
                  @submit.native.prevent
                >
                <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch"
                  label-width="auto" @submit.native.prevent>
                  <el-form-item label="套餐名称" prop="pacName">
                    <el-input
                      v-model="queryParam.pacName"
                      placeholder="请输入套餐名称"
                      clearable
                      @keyup.enter.native="handle"
                    />
                    <el-input v-model="queryParam.pacName" placeholder="请输入套餐名称" clearable
                      @keyup.enter.native="handle" />
                  </el-form-item>
                  <el-form-item>
                    <el-button
                      type="primary"
                      icon="el-icon-search"
                      size="mini"
                      @click="handle"
                      >查询</el-button
                    >
                    <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">查询</el-button>
                  </el-form-item>
                </el-form>
                <div class="tab4">
                  <div
                    class="grid-content bg-purple"
                    style="margin-left: 5px; width: 100%"
                  >
                    <el-table
                      v-loading="loading"
                      element-loading-text="正在加载中..."
                      border
                      element-loading-spinner="el-icon-loading"
                      :data="newpacName"
                      @select="handleSelectionChange1"
                      height="430"
                      ref="tb"
                      style="width: 900px"
                    >
                  <div class="grid-content bg-purple" style="margin-left: 5px; width: 100%">
                    <el-table v-loading="loading" element-loading-text="正在加载中..." border
                      element-loading-spinner="el-icon-loading" :data="newpacName" @select="handleSelectionChange1"
                      height="430" ref="tb" style="width: 900px">
                      <template slot="empty">数据正在加载中</template>
                      <el-table-column
                        type="selection"
                        width="40px"
                        align="center"
                        label="选择"
                      />
                      <el-table-column
                        label="套餐名称"
                        align="center"
                        prop="pacName"
                        width="120px"
                      />
                      <el-table-column
                        label="套餐价格"
                        align="center"
                        prop="price"
                        width="120px"
                      />
                      <el-table-column
                        label="套餐明细"
                        align="center"
                        prop="allProName"
                        :show-overflow-tooltip="true"
                      />
                      <el-table-column type="selection" width="40px" align="center" label="选择" />
                      <el-table-column label="套餐名称" align="center" prop="pacName" width="120px" />
                      <el-table-column label="套餐价格" align="center" prop="price" width="120px" />
                      <el-table-column label="套餐明细" align="center" prop="allProName" :show-overflow-tooltip="true" />
                    </el-table>
                  </div>
                  <!-- <el-button
@@ -1186,13 +848,8 @@
              <el-tab-pane label="单项">
                <div class="tab3">
                  <div class="tab2">
                    <el-tree
                      :data="data"
                      show-checkbox
                      node-key="proId"
                      :props="defaultProps"
                      @check-change="handleCurrentChecked"
                    >
                    <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps"
                      @check-change="handleCurrentChecked">
                    </el-tree>
                  </div>
                  <!-- <el-button
@@ -1226,60 +883,24 @@
                <template>
                  <el-form :model="form" :inline="true" label-width="68px">
                    <el-form-item label="体检类型">
                      <el-select
                        style="width: 160px"
                        v-model="form.tjType"
                        placeholder="请选择体检类型"
                      >
                        <el-option
                          v-for="dict in dict.type.dict_team"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                        ></el-option>
                      <el-select style="width: 160px" v-model="form.tjType" placeholder="请选择体检类型">
                        <el-option v-for="dict in dict.type.dict_team" :key="dict.value" :label="dict.label"
                          :value="dict.value"></el-option>
                      </el-select>
                    </el-form-item>
                    <!-- <div class="tab1"> -->
                    <!-- <el-form :inline="true" class="tab1"> -->
                    <el-form-item label="应收金额">
                      <el-input
                        placeholder="应收金额"
                        :value="TotalPrice1"
                        disabled
                        style="width: 160px"
                      ></el-input>
                      <el-input placeholder="应收金额" :value="TotalPrice1" disabled style="width: 160px"></el-input>
                    </el-form-item>
                    <el-form-item label="优惠折扣">
                      <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> -->
                      <el-input-number
                        ref="inputNumber"
                        style="width: 130px"
                        v-model="discount"
                        :precision="2"
                        :step="0.1"
                        :max="10"
                        :min="1"
                        @change="numberChange"
                        :disabled="isfalse"
                      ></el-input-number>
                      <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2"
                        :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number>
                    </el-form-item>
                    <el-form-item label="实收金额">
                      <el-input
                        placeholder="实收金额"
                        v-model="TotalPrice"
                        style="width: 120px"
                      ></el-input>
                      <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 120px"></el-input>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        type="primary"
                        @click="submitPrice"
                        :disabled="confirm"
                        size="mini"
                        >预约修改</el-button
                      >
                      <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini">预约修改</el-button>
                    </el-form-item>
                    <!-- </el-form> -->
                    <!-- </div> -->
@@ -1289,7 +910,57 @@
                <div style="text-align: center; margin-bottom: 10px">
                  已选项目列表
                </div>
                <div
                <div style="
                    padding: 0px 6px;
                    border: 1px solid #e6ebf5;
                    max-height: 650%;
                    overflow: auto;
                    width: 916px;
                    margin-left: 35px;
                  ">
                  <el-table :data="tableData1" border style="width: 100%">
                    <el-table-column prop="proName" label="项目" width="180" align="center">
                    </el-table-column>
                    <el-table-column prop="proType" label="性别" width="50" align="center">
                      <template slot-scope="scope">
                        <template v-if="isAll(scope.row.proType)">
                          全部
                        </template>
                        <template v-else>
                          <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
                        </template>
                      </template>
                    </el-table-column>
                    <el-table-column prop="ordPrice" label="应收金额" align="center">
                    </el-table-column>
                    <el-table-column label="折扣" width="160px" align="center">
                      <template slot-scope="scope">
                        <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)"
                          placeholder="输入折扣" size="small" type="number" :precision="1" :step="0.1" :max="10" :min="0"
                          :disabled="true">
                        </el-input-number>
                      </template>
                    </el-table-column>
                    <el-table-column prop="nowPrice" label="实收金额" align="center">
                    </el-table-column>
                    <el-table-column prop="proCheckMethod" label="是否空腹" align="center">
                      <template slot-scope="scope">
                        <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
                      </template>
                    </el-table-column>
                    <el-table-column label="操作" align="center" width="80px">
                      <template slot-scope="scope">
                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)"
                          title="删除">
                        </el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </div>
                <!--  <div
                  style="
                    padding: 0px 6px;
                    border: 1px solid #e6ebf5;
@@ -1297,6 +968,14 @@
                    overflow: auto;
                  "
                >
                  <div
                    style="
                      padding: 0px 6px;
                      border: 1px solid #e6ebf5;
                      max-height: 420px;
                      overflow: auto;
                    "
                  ></div>
                  <el-collapse v-model="index" accordion v-if="list3">
                    <div
                      class="info1"
@@ -1315,7 +994,18 @@
                            item.nowPrice +
                            ".00元)"
                          }}
                          <div style="font-size: 16px; margin-left: 20px">
                            已选项目条数:<span
                              style="
                                font-weight: 700 !important;
                                color: red;
                                margin-right: 5px;
                              "
                              >{{ item.list.length || 0 }}</span
                            >条
                          </div>
                        </template>
                        <el-table
                          :data="item.list"
                          border
@@ -1335,6 +1025,22 @@
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
                          <el-table-column label="折扣">
                            <template slot-scope="scope">
                              <el-input-number
                                v-model.number="scope.row.discount"
                                @input="validateDiscount(scope.row)"
                                placeholder="输入折扣"
                                size="small"
                                type="number"
                                :precision="1"
                                :step="0.1"
                                :max="10"
                                :min="0"
                              >
                              </el-input-number>
                            </template>
                          </el-table-column>
                          <el-table-column prop="nowPrice" label="实收金额">
                          </el-table-column>
@@ -1410,23 +1116,14 @@
                      </el-collapse-item>
                    </div>
                  </el-collapse>
                </div>
                </div> -->
              </div>
            </el-col>
          </el-row>
          <el-dialog
            title="导检单预览"
            :visible.sync="dialogVisibles"
            :close-on-click-modal="false"
          >
          <el-dialog title="导检单预览" :visible.sync="dialogVisibles" :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>
@@ -1436,6 +1133,12 @@
</template>
<script>
import {
  addComp, addPlOrderAndDetail, Deptlist,
  getDwAndDwDept,
} from "@/api/system/comp";
import Big from "big.js";
import { Loading } from "element-ui";
import {
  listReservation,
  gettjCancel,
@@ -1450,6 +1153,9 @@
  getPackageListName,
  getaddtTransition,
  getTransitionList,
  getconfigKey,
  delTbBycusCardIdAndProId,
  getTransitionList1,
} from "@/api/system/tijian";
import { getCompany, queryCompany } from "@/api/team/tuanti";
import user from "@/store/modules/user";
@@ -1474,7 +1180,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("");
@@ -1496,8 +1201,12 @@
          return time.getTime() < Date.now() - 8.64e7; // 不可选历史天、不可选当前天、可选未来天
        },
      },
      discount: 10,
      taocan: false,
      webSocket: null,
      defaultKeys: [],
      deptList: [],
      groupingList: [],
      value1: "",
      pacName: "",
      hides: false,
@@ -1507,6 +1216,10 @@
      dialogVisibles: false,
      src: "",
      url: "",
      open2: false,
      forms: {
        tjCategory: "12",
      },
      dialogVisible: false,
      /** 照相机弹窗模块-start */
      videoWidth: 200,
@@ -1562,10 +1275,13 @@
      multiple: true,
      nodeobj: {},
      // 是否显示弹出层
      Seachopen: false,
      pacId: "",
      cusIds: [],
      // 结果
      result: "",
      createTimeList: "",
      startTime: "",
      proIds: [],
      // 显示搜索条件
      showSearch: true,
@@ -1597,6 +1313,8 @@
        cusBrithday: null,
        cusAddr: null,
        cusPhone: null,
        yykssj: "", // 预约开始时间
        yyjssj: "", // 预约结束时间
        cusPostcode: null,
        cusEmail: null,
        indexCard: null,
@@ -1607,9 +1325,47 @@
        cusNumber: null,
        cusIsvip: null,
      },
      formIn: {},
      formIn: {
        name: "",
        age: "",
        idCard: "",
        remark: null,
        pacName: "",
        cusaddr: null,
        idType: null,
        ageUnit: null,
        sex: null,
        phoe: "",
        nation: null,
        email: "",
        marriage: null,
        address: "",
        tjCategory: null,
        company: "",
        career: null,
        reservationTime: null,
        timeRegion: null,
        indexCard: "",
        department: "",
      },
      fmobj: {},
      // 表单校验
      form1: {},
      open1: false,
      rules1: {
        cnName: [{ required: true, trigger: "blur" }],
        contactPerson: [{ required: true, trigger: "blur" }],
        contactPhone: [
          {
            required: true,
            trigger: "blur",
          },
          {
            pattern: /^1[3-9]\d{9}$/,
            trigger: "blur",
          },
        ],
      },
      rules: {
        cusName: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
@@ -1660,6 +1416,7 @@
      reservationList: [],
      // 弹出层标题
      title: "",
      valueUrls: "ws://127.0.0.1:6789/websocket",
      drawer: false,
      drawer1: false,
      // 查询参数
@@ -1669,6 +1426,7 @@
        orderByColumn: "reservationTime",
        isAsc: "desc",
        name: null,
        reservationTime: null,
        idCard: null,
        phoe: null,
        email: null,
@@ -1710,15 +1468,186 @@
        //   },
        // ],
      },
      pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date(new Date().setHours(0, 0, 0, 0));
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date(new Date().setHours(0, 0, 0, 0));
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date(new Date().setHours(0, 0, 0, 0));
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      },
    };
  },
  created() {
    this.getList();
  },
  methods: {
    isAll(value) {
      return value === "" || value === null;
    },
    validateDiscount(row) {
      if (row.discount == null || isNaN(row.discount)) {
        row.discount = 10;
      }
      if (row.discount > 10) {
        row.discount = 10; // 强制将值设置为最大值
      } else if (row.discount < 0) {
        row.discount = 0; // 强制将值设置为最小值
      }
      this.updateProPrice(row); // 更新价格或其他逻辑
    },
    updateProPrice(row) {
      const ordPrice = new Big(row.ordPrice || 0);
      const discount = new Big(row.discount || 0);
      const result = ordPrice.times(discount.div(10)); // ordPrice * (discount / 10)
      row.nowPrice = result.toNumber();
      this.TotalPrice = this.tableData1.reduce((sum, item) => {
        return sum.plus(new Big(item.nowPrice || "0"));
      }, new Big(0));
      this.discount =
        (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * 10;
    },
    dateChangebirthday2(val) {
      this.startTime = val;
    },
    /** 删除按钮操作 */
    handleDelete1(row) {
      // console.log(row);
      let data = {
        cusCardId: row.cusId,
        proId: row.parentProId,
      };
      this.$modal
        .confirm("是否确认删除?")
        .then(() => {
          return delTbBycusCardIdAndProId(data);
        })
        .then(() => {
          this.TotalPrice1 = 0;
          getTransitionList1(row.cusId).then((response) => {
            this.tableData1 = response.data;
            this.tableData1.forEach((item) => {
              this.TotalPrice1 += item.ordPrice;
              this.TotalPrice += item.nowPrice;
            });
            this.TotalPrice = this.tableData1.reduce((sum, item) => {
              return sum.plus(new Big(item.nowPrice || "0"));
            }, new Big(0));
            this.discount =
              (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) *
              10;
          });
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
    },
    getCompanyList() {
      this.loading = true;
      getconfigKey("team_reservation_default_day").then((res) => {
        this.queryParams.yxts = res.msg;
      });
      getCompany(this.queryParam).then((response) => {
        this.CompanyList = response.data;
        this.total = response.total;
        this.loading = false;
      });
    },
    cancel1() {
      this.open1 = false;
      this.reset1();
    },
    submitFormS() {
      this.$refs["form1"].validate((valid) => {
        if (valid) {
          addComp(this.form1).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.open1 = false;
            this.getCompanyList();
          });
        }
      });
    },
    reset1() {
      this.form1 = {
        company: "",
        payType: "",
        name: "",
        phoe: "",
        signingPic: "",
        discount: "",
      };
    },
    handleAdd1() {
      this.reset1();
      this.open1 = true;
      this.title = "添加体检单位信息维护";
    },
    idFn1(value) {
      console.log(value)
      if (value) {
        this.form.dictCompId = value;
        this.CompanyList.forEach((item) => {
          if (item.drugManufacturerId == this.form.dictCompId) {
            this.form.compName = item.cnName;
            this.queryParams.company = item.cnName;
          }
        });
        Deptlist(value).then((response) => {
          this.deptList = response.data;
        });
      }
    },
    idFn2(value) {
      let data = {
        deptId: value,
        dwId: this.form.dictCompId,
      };
      getDwAndDwDept(data).then((response) => {
        // 部门名称
        this.groupingList = response.data;
      });
    },
    /** 查询体检预约列表 */
    getList() {
      this.loading = true;
      if (this.startTime) {
        this.queryParams.yykssj = this.startTime[0];
        this.queryParams.yyjssj = this.startTime[1];
      } else if (this.createTimeList) {
        this.queryParams.yykssj = this.createTimeList[0];
        this.queryParams.yyjssj = this.createTimeList[1];
      } else if (this.createTimeList == null) {
        this.queryParams.yykssj = null;
        this.queryParams.yyjssj = null;
      }
      listReservation(this.queryParams).then((response) => {
        this.reservationList = response.rows;
        //  response.rows.forEach((item, index) =>
@@ -1735,6 +1664,7 @@
    // 取消按钮
    cancel() {
      this.open = false;
      this.open2 = false;
      this.reset();
    },
@@ -1793,15 +1723,37 @@
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.startTime = [];
      this.createTimeList = [];
      this.resetForm("queryForm");
      this.queryParams = {
        pageNum: 1,
        pageSize: 10,
        cusName: null,
        cusSex: null,
        cusBrithday: null,
        cusAddr: null,
        cusPhone: null,
        yykssj: "", // 预约开始时间
        yyjssj: "", // 预约结束时间
        cusPostcode: null,
        cusEmail: null,
        indexCard: null,
        cusNational: null,
        cusMarryStatus: null,
        cusIdcard: null,
        cusIntroduce: null,
        cusNumber: null,
        cusIsvip: null,
      };
      this.handleQuery();
    },
    // 多选框选中数据
    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;
@@ -1816,7 +1768,6 @@
    /** 修改按钮操作 */
    handleUpdate(row) {
      console.log(row);
      this.title = "修改体检预约";
      this.formIn = row;
      this.form.tjType = this.formIn.tjType;
@@ -1880,14 +1831,13 @@
          getReservation(id).then((response) => {
            if (response.data) {
              let cusId = response.data.idCard;
              getTransitionList(cusId).then((response) => {
              getTransitionList1(cusId).then((response) => {
                if (response.data) {
                  this.tableData1 = response.data;
                  if (this.tableData1.length != 0) {
                    this.TotalPrice1 = 0;
                    this.tableData1.forEach((item) => {
                      this.TotalPrice1 += item.nowPrice;
                      console.log(this.discount);
                      this.TotalPrice = (
                        this.TotalPrice1 *
                        (this.discount / 10)
@@ -1991,9 +1941,10 @@
        getReservation(id).then((response) => {
          if (response.data) {
            let cusId = response.data.idCard;
            getTransitionList(cusId).then((response) => {
            getTransitionList1(cusId).then((response) => {
              if (response.data) {
                this.tableData1 = response.data;
                if (this.tableData1.length != 0) {
                  this.TotalPrice1 = 0;
                  this.tableData1.forEach((item) => {
@@ -2096,6 +2047,143 @@
        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 loadingInstance1 = Loading.service({
        fullscreen: true,
        text: "签到中",
      });
      let data = {
        cusIds: this.cusIds,
        tjCategory: this.forms.tjCategory,
      };
      this.open2 = false;
      addPlOrderAndDetail(data).then((res) => {
        if (res.code == 200) {
          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);
              }
            });
          } else {
            let _this = this;
            this.$nextTick(() => {
              // 以服务的方式调用的 Loading 需要异步关闭
              loadingInstance1.close();
            });
            var websocket = null;
            var url = _this.valueUrls;
            if ("WebSocket" in window) {
              websocket = new WebSocket(url);
            } else if ("MozWebSocket" in window) {
              websocket = new MozWebSocket(url);
            } else {
            }
            if (websocket == null) {
              alert("11111");
            }
            websocket.onopen = function () {
              console.log("res", res);
              try {
                // 连接设备
                var jsonObjs = {
                  type: 4,
                  data: res,
                };
                var jStrs = JSON.stringify(jsonObjs);
                websocket.send(jStrs);
              } catch (err) {
                var tryTime = 0;
                // 重试10次,每次之间间隔3秒
                if (tryTime < 1) {
                  var t1 = setTimeout(function () {
                    tryTime++;
                    var jsonObjs = {
                      type: 4,
                      data: res,
                    };
                    var jStrs = JSON.stringify(jsonObjs);
                    websocket.send(jStrs);
                  }, 1 * 1000);
                } else {
                  console.error("重连失败.");
                }
              }
            };
            websocket.onclose = function () {
              alert("连接关闭");
            };
            websocket.onmessage = function (event) {
              var resultObj = JSON.parse(event.data);
              _this.cardreader = false;
            };
            //连接发生错误的回调方法
            websocket.onerror = function () {
              alert("请检查连接是否正常");
            };
            this.getList();
          }
        } else {
          this.$nextTick(() => {
            // 以服务的方式调用的 Loading 需要异步关闭
            loadingInstance1.close();
          });
        }
      });
    },
    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);
      });
    },
    // 点击获取每个树节点
@@ -2379,7 +2467,7 @@
          this.$modal.msgSuccess("撤销成功");
          this.getList();
        })
        .catch(() => {});
        .catch(() => { });
    },
    //批量撤销
@@ -2505,6 +2593,13 @@
  border-radius: 2em;
}
.dialog-footer2 {
  width: 960px;
  height: 36px;
  display: flex;
  justify-content: center;
}
/* 修改 滑块 */
#printIframe::-webkit-scrollbar-thumb {
  background-color: #dcdfe6;