qinxianzhangyao
2024-07-16 58d1ae47dea17cb10699185066b748766f9ea261
src/views/reservation/reservations/index.vue
@@ -1,105 +1,294 @@
<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 style="width: 120px" v-model="queryParams.name" placeholder="请输入姓名" clearable
          @keyup.enter.native="handleQuery" />
        <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-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-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
          :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
          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-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-form>
    <el-row :gutter="10" style="margin: 10px 15px;">
    <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"
          v-hasPermi="['reservation:reservation:remove']">撤销预约</el-button>
        <el-button
          type="primary"
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="batch"
          v-hasPermi="['reservation:reservation:remove']"
          >撤销预约</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" size="mini" :disabled="single" @click="receipt"
          v-hasPermi="['reservation:reservation:remove']">补打小票</el-button>
        <el-button
          type="primary"
          size="mini"
          :disabled="single"
          @click="receipt"
          v-hasPermi="['reservation:reservation:remove']"
          >补打小票</el-button
        >
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      <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="reservationTime" width="100px" :show-overflow-tooltip="true"
        sortable>
      <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
      >
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.reservationTime, "{y}-{m}-{d}") }}</span>
        </template>
      </el-table-column>
      <el-table-column label="体检类型" align="center" prop="tjType" width="80px" :show-overflow-tooltip="true">
      <el-table-column
        label="体检类型"
        align="center"
        prop="tjType"
        width="80px"
        :show-overflow-tooltip="true"
      >
        <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
        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="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)"
            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>
        </template>
      </el-table-column>
@@ -107,8 +296,13 @@
    <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>
    <!-- 预约登记详情对话框 -->
@@ -116,114 +310,284 @@
      <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>
                <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-input
                  v-model="formIn.company"
                  placeholder="请输入工作单位"
                  style="width: 410px"
                />
              </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
@@ -247,9 +611,16 @@
              <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>-->
@@ -269,29 +640,62 @@
                <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> -->
@@ -301,14 +705,20 @@
                <div style="text-align: center; margin-bottom: 10px">
                  已选项目列表
                </div>
                <div style="
                <div
                  style="
                    padding: 0px 6px;
                    border: 1px solid #e6ebf5;
                    max-height: 420px;
                    overflow: auto;
                  ">
                  "
                >
                  <el-collapse v-model="index" accordion v-if="list3">
                    <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index">
                    <div
                      class="info1"
                      v-for="(item, index) in tableData1"
                      :key="'info1-' + index"
                    >
                      <el-collapse-item :name="index">
                        <template slot="title">
                          {{
@@ -322,29 +732,54 @@
                            "元)"
                          }}
                        </template>
                        <el-table :data="item.list" border style="width: 100%" height="270">
                          <el-table-column prop="proName" label="项目" width="180">
                        <el-table
                          :data="item.list"
                          border
                          style="width: 100%"
                          height="270"
                        >
                          <el-table-column
                            prop="proName"
                            label="项目"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
                          <el-table-column prop="nowPrice" label="实收金额">
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
                    </div>
                  </el-collapse>
                  <el-collapse v-model="activeName" accordion v-if="list2">
                    <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index">
                    <div
                      class="info"
                      v-for="(item, index) in tableData1"
                      :key="'info-' + index"
                    >
                      <el-collapse-item>
                        <template slot="title">
                          {{ item.pacName }}
                        </template>
                        <el-table :data="item.tjProjectList" border style="width: 100%" height="250">
                          <el-table-column prop="proName" label="项目" width="180">
                        <el-table
                          :data="item.tjProjectList"
                          border
                          style="width: 100%"
                          height="250"
                        >
                          <el-table-column
                            prop="proName"
                            label="项目"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="proSex" label="性别" width="180">
                          <el-table-column
                            prop="proSex"
                            label="性别"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
@@ -352,7 +787,6 @@
                          </el-table-column>
                          <el-table-column prop="proCheckMethod" label="空腹">
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
                    </div>
@@ -362,9 +796,17 @@
                    <div>
                      <el-collapse-item title="请选择项目">
                        <el-table :data="list" border style="width: 100%">
                          <el-table-column prop="proName" label="项目" width="180">
                          <el-table-column
                            prop="proName"
                            label="项目"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="proSex" label="性别" width="180">
                          <el-table-column
                            prop="proSex"
                            label="性别"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
@@ -372,7 +814,6 @@
                          </el-table-column>
                          <el-table-column prop="proCheckMethod" label="空腹">
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
                    </div>
@@ -382,39 +823,44 @@
            </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="
              position: absolute;
              bottom: 100px;
              left: 500px;
              width: 700px;
              display: none;
            ">
    <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>
          <div style="width: 48%; margin-top: 10px">姓名:{{ fmobj.name }}</div>
          <div style="width: 48%; margin-top: 10px">
            性别:{{ fmobj.sex === 0 ? "男" : "女" }}
          </div>
          <div style="width: 48%; margin-top: 10px">
            电话:{{ fmobj.phoe }}
          </div>
          <div style="width: 48%; margin-top: 10px">电话:{{ fmobj.phoe }}</div>
          <div style="width: 48%; margin-top: 10px">
            日期:{{ fmobj.reservationTime }}
          </div>
          <div style="width: 58%; margin-top: 10px">
            套餐:{{ pacName }}
          </div>
          <div style="width: 58%; margin-top: 10px">套餐:{{ pacName }}</div>
          <div style="width: 100%; margin-top: 10px">温馨提示:</div>
          <div style="width: 100%">1、采血,腹部彩超检查后方可用餐。</div>
          <div style="width: 100%">
@@ -423,15 +869,11 @@
          <div style="width: 100%">
            3、怀孕或可能已受孕的女士,还应避免妇科、放射科及阴式超声检查。
          </div>
          <div style="width: 100%">
            4、经期女性不宜进行妇科及尿常规检查。
          </div>
          <div style="width: 100%">4、经期女性不宜进行妇科及尿常规检查。</div>
          <div style="width: 100%">
            5、若您在等待检查过程中有疑问,请及时联系导检护士。
          </div>
          <div style="width: 100%">
            6、体检结束后请将导检单交还至前台。
          </div>
          <div style="width: 100%">6、体检结束后请将导检单交还至前台。</div>
        </div>
      </div>
    </div>
@@ -441,115 +883,284 @@
      <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-input
                  v-model="formIn.company"
                  placeholder="请输入工作单位"
                  style="width: 410px"
                />
              </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
@@ -573,8 +1184,13 @@
              <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
@@ -608,28 +1224,60 @@
                <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> -->
@@ -639,14 +1287,20 @@
                <div style="text-align: center; margin-bottom: 10px">
                  已选项目列表
                </div>
                <div style="
                <div
                  style="
                    padding: 0px 6px;
                    border: 1px solid #e6ebf5;
                    max-height: 420px;
                    overflow: auto;
                  ">
                  "
                >
                  <el-collapse v-model="index" accordion v-if="list3">
                    <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index">
                    <div
                      class="info1"
                      v-for="(item, index) in tableData1"
                      :key="'info1-' + index"
                    >
                      <el-collapse-item :name="index">
                        <template slot="title">
                          {{
@@ -660,10 +1314,23 @@
                            ".00元)"
                          }}
                        </template>
                        <el-table :data="item.list" border style="width: 100%" height="270">
                          <el-table-column prop="proName" label="项目" width="180">
                        <el-table
                          :data="item.list"
                          border
                          style="width: 100%"
                          height="270"
                        >
                          <el-table-column
                            prop="proName"
                            label="项目"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="proSex" label="性别" width="180">
                          <el-table-column
                            prop="proSex"
                            label="性别"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
@@ -671,22 +1338,38 @@
                          </el-table-column>
                          <el-table-column prop="proCheckMethod" label="空腹">
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
                    </div>
                  </el-collapse>
                  <el-collapse v-model="activeName" accordion v-if="list2">
                    <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index">
                    <div
                      class="info"
                      v-for="(item, index) in tableData1"
                      :key="'info-' + index"
                    >
                      <el-collapse-item>
                        <template slot="title">
                          {{ item.pacName }}
                        </template>
                        <el-table :data="item.tjProjectList" border style="width: 100%" height="250">
                          <el-table-column prop="proName" label="项目" width="180">
                        <el-table
                          :data="item.tjProjectList"
                          border
                          style="width: 100%"
                          height="250"
                        >
                          <el-table-column
                            prop="proName"
                            label="项目"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="proSex" label="性别" width="180">
                          <el-table-column
                            prop="proSex"
                            label="性别"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
@@ -694,7 +1377,6 @@
                          </el-table-column>
                          <el-table-column prop="proCheckMethod" label="空腹">
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
                    </div>
@@ -704,9 +1386,17 @@
                    <div>
                      <el-collapse-item title="请选择项目">
                        <el-table :data="list" border style="width: 100%">
                          <el-table-column prop="proName" label="项目" width="180">
                          <el-table-column
                            prop="proName"
                            label="项目"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="proSex" label="性别" width="180">
                          <el-table-column
                            prop="proSex"
                            label="性别"
                            width="180"
                          >
                          </el-table-column>
                          <el-table-column prop="ordPrice" label="应收金额">
                          </el-table-column>
@@ -714,7 +1404,6 @@
                          </el-table-column>
                          <el-table-column prop="proCheckMethod" label="空腹">
                          </el-table-column>
                        </el-table>
                      </el-collapse-item>
                    </div>
@@ -724,9 +1413,18 @@
            </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>
@@ -736,30 +1434,52 @@
</template>
<script>
import { listReservation, gettjCancel, tjReappoint, tjCancelTj, getReservation } from "@/api/reservation/reservation";
import {
  listReservation,
  gettjCancel,
  tjReappoint,
  tjCancelTj,
  getReservation,
} from "@/api/reservation/reservation";
import printJS from "print-js";
import { deptTreeSelect, projectGetList, getPackageListName, getaddtTransition, getTransitionList, } from "@/api/system/tijian";
import {
  deptTreeSelect,
  projectGetList,
  getPackageListName,
  getaddtTransition,
  getTransitionList,
} from "@/api/system/tijian";
import { getCompany, queryCompany } from "@/api/team/tuanti";
import user from "@/store/modules/user";
import VTreeTransfer from '../../system/tijian/TreeTransfer.vue'
import VTreeTransfer from "../../system/tijian/TreeTransfer.vue";
export default {
  components: {
    VTreeTransfer
    VTreeTransfer,
  },
  name: "Reservation",
  dicts: ["dict_user_national", "dict_user_national", "dict_user_marry", "sys_yes_no",
    "sys_user_sex", "dict_team", "tj_time_region", "dict_tjtype", "dict_job",
    "dict_user_cardtype", "dict_ageunit",],
  dicts: [
    "dict_user_national",
    "dict_user_national",
    "dict_user_marry",
    "sys_yes_no",
    "sys_user_sex",
    "dict_team",
    "tj_time_region",
    "dict_tjtype",
    "dict_job",
    "dict_user_cardtype",
    "dict_ageunit",
  ],
  data() {
    let checkPhoneNum = (rule, value, callback) => {
         console.log( value)
      console.log(value);
      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
      if (value == "" && value == undefined && !value) {
        return callback('');
      }  else if(value != undefined && value != ""){
        return callback("");
      } else if (value != undefined && value != "") {
        return callback();
      }else if (!patter.test(value)) {
        return callback('');
      } else if (!patter.test(value)) {
        return callback("");
      }
    };
    return {
@@ -889,24 +1609,26 @@
      fmobj: {},
      // 表单校验
      rules: {
        cusName: [{ required: true, validator: checkPhoneNum,  trigger: "blur" }],
        cusName: [
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        cusSex: [
          { required: true, validator: checkPhoneNum,  trigger: "change" },
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        cusBrithday: [
          { required: true, validator: checkPhoneNum,  trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        // cusAddr: [
        //   { required: true, message: "现居住地址不能为空", trigger: "blur" },
        // ],
        cusPhone: [
          { required: true, validator: checkPhoneNum,  trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
        reservationTime: [
          { required: true, validator: checkPhoneNum,  trigger: "change" },
          { required: true, validator: checkPhoneNum, trigger: "change" },
        ],
        timeRegion: [
          { required: true, validator: checkPhoneNum,  trigger: "blur" },
          { required: true, validator: checkPhoneNum, trigger: "blur" },
        ],
      },
      options: [
@@ -960,21 +1682,21 @@
        name: [
          {
            required: true,
            validator: checkPhoneNum,
            validator: checkPhoneNum,
            trigger: "blur",
          },
        ],
        idCard: [
          {
            required: true,
            validator: checkPhoneNum,
            validator: checkPhoneNum,
            trigger: "blur",
          },
        ],
        phoe: [
          {
            required: true,
            validator: checkPhoneNum,
            validator: checkPhoneNum,
            trigger: "blur",
          },
        ],
@@ -1074,10 +1796,10 @@
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      selection.forEach(item => {
        this.fmobj = item
      })
      console.log(this.fmobj)
      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;
@@ -1092,10 +1814,10 @@
    /** 修改按钮操作 */
    handleUpdate(row) {
      console.log(row)
      console.log(row);
      this.title = "修改体检预约";
      this.formIn = row;
      this.form.tjType = this.formIn.tjType
      this.form.tjType = this.formIn.tjType;
      if (this.formIn.timeRegion === 0) {
        this.formIn.timeRegion = "8:00-9:00";
      }
@@ -1110,10 +1832,10 @@
      }
      if (this.formIn.isExpire === 2) {
        this.drawer = true;
        if( this.formIn.discount!= null){
        if (this.formIn.discount != null) {
          this.discount = this.formIn.discount;
        }
        //全部套餐
        if (this.formIn.sex != null) {
          let cusSex = this.formIn.sex;
@@ -1163,7 +1885,7 @@
                    this.TotalPrice1 = 0;
                    this.tableData1.forEach((item) => {
                      this.TotalPrice1 += item.nowPrice;
                      console.log(this.discount)
                      console.log(this.discount);
                      this.TotalPrice = (
                        this.TotalPrice1 *
                        (this.discount / 10)
@@ -1178,8 +1900,7 @@
                    this.list1 = true;
                  }
                }
              })
              });
            } else {
              this.tableData1 = [];
              this.list3 = false;
@@ -1199,7 +1920,7 @@
    },
    changeCategoryKeys(val) {
      this.proIds = [];
      this.proIds = val
      this.proIds = val;
    },
    /** 修改详细按钮操作 */
    handleUpdate1(row) {
@@ -1221,9 +1942,8 @@
        this.tijiao1 = false;
      }
      this.drawer1 = true;
      if( this.formIn.discount != null){
      if (this.formIn.discount != null) {
        this.discount = this.formIn.discount;
      }
      //全部套餐
      if (this.formIn.sex != null) {
@@ -1267,36 +1987,36 @@
      (this.tableData1 = []),
        (this.newpacName = []),
        getReservation(id).then((response) => {
            if (response.data) {
              let cusId = response.data.idCard;
        getTransitionList(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;
                this.TotalPrice = (
                  this.TotalPrice1 *
                  (this.discount / 10)
                ).toFixed(2);
                if (item.pacName === null) {
                  item.pacName = "单项";
            let cusId = response.data.idCard;
            getTransitionList(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;
                    this.TotalPrice = (
                      this.TotalPrice1 *
                      (this.discount / 10)
                    ).toFixed(2);
                    if (item.pacName === null) {
                      item.pacName = "单项";
                    }
                  });
                  this.list1 = false;
                  this.list3 = true;
                } else {
                  this.list1 = true;
                }
              });
              this.list1 = false;
              this.list3 = true;
            } else {
              this.list1 = true;
            }
          } else {
            this.tableData1 = [];
            this.list3 = false;
            this.list1 = true;
              } else {
                this.tableData1 = [];
                this.list3 = false;
                this.list1 = true;
              }
            });
          }
        });
      }
    })
      /** 查询部门下拉树结构 */
      projectGetList().then((response) => {
@@ -1314,7 +2034,7 @@
    Package() {
      this.taocan = true;
      this.datekey = Date.now()
      this.datekey = Date.now();
    },
    /** 搜索操作 */
@@ -1395,8 +2115,7 @@
    receipt() {
      setTimeout(function () {
        const style =
          "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //打印时去掉眉页眉尾
        const style = "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //打印时去掉眉页眉尾
        printJS({
          printable: "printBill", // 标签元素id
          type: "html",
@@ -1470,87 +2189,87 @@
    submitPrice() {
      let _this = this;
      // if (_this.tableData1.length > 0) {
        if (this.tableData[0]) {
          var pacId = this.tableData[0].pacId;
      if (this.tableData[0]) {
        var pacId = this.tableData[0].pacId;
      }
      // let copeWith = this.TotalPrice1;
      // let paidIn = this.TotalPrice;
      // let discount = this.discount;
      // this.tjFlowingWater = { copeWith, paidIn, discount };
      if (this.formIn.timeRegion === "8:00-9:00") {
        this.formIn.timeRegion = 0;
      }
      if (this.formIn.timeRegion === "9:00-10:00") {
        this.formIn.timeRegion = 1;
      }
      if (this.formIn.timeRegion === "10:00-11:00") {
        this.formIn.timeRegion = 2;
      }
      if (this.formIn.timeRegion === "11:00-12:00") {
        this.formIn.timeRegion = 3;
      }
      let data;
      if (pacId) {
        data = {
          id: this.formIn.id,
          isExpire: this.formIn.isExpire,
          address: this.formIn.address,
          company: this.formIn.company,
          department: this.formIn.department,
          discount: this.discount,
          email: this.formIn.email,
          idCard: this.formIn.idCard,
          marriage: this.formIn.marriage,
          name: this.formIn.name,
          nation: this.formIn.nation,
          pacId,
          phoe: this.formIn.cusPhone,
          reservationTime: this.formIn.reservationTime,
          sex: this.formIn.sex,
          timeRegion: this.formIn.timeRegion,
          tjCategory: this.formIn.tjCategory,
          // tjFlowingWater: this.tjFlowingWater,
          tjType: this.formIn.tjType,
          idType: this.formIn.idType,
          age: this.formIn.age,
          ageUnit: this.formIn.ageUnit,
          career: this.formIn.career,
        };
      } else {
        data = {
          id: this.formIn.id,
          isExpire: this.formIn.isExpire,
          address: this.formIn.address,
          company: this.formIn.company,
          department: this.formIn.department,
          discount: this.discount,
          email: this.formIn.email,
          idCard: this.formIn.idCard,
          marriage: this.formIn.marriage,
          name: this.formIn.name,
          nation: this.formIn.nation,
          pacId,
          phoe: this.formIn.phoe,
          reservationTime: this.formIn.reservationTime,
          sex: this.formIn.sex,
          timeRegion: this.formIn.timeRegion,
          tjCategory: this.formIn.tjCategory,
          // tjFlowingWater: this.tjFlowingWater,
          tjType: this.formIn.tjType,
          idType: this.formIn.idType,
          age: this.formIn.age,
          ageUnit: this.formIn.ageUnit,
          career: this.formIn.career,
        };
      }
      tjReappoint(data).then((res) => {
        if (res.code === 200) {
          this.$modal.msgSuccess("登记成功");
        }
        // let copeWith = this.TotalPrice1;
        // let paidIn = this.TotalPrice;
        // let discount = this.discount;
        // this.tjFlowingWater = { copeWith, paidIn, discount };
        if (this.formIn.timeRegion === "8:00-9:00") {
          this.formIn.timeRegion = 0;
        }
        if (this.formIn.timeRegion === "9:00-10:00") {
          this.formIn.timeRegion = 1;
        }
        if (this.formIn.timeRegion === "10:00-11:00") {
          this.formIn.timeRegion = 2;
        }
        if (this.formIn.timeRegion === "11:00-12:00") {
          this.formIn.timeRegion = 3;
        }
        let data;
        if (pacId) {
          data = {
            id: this.formIn.id,
            isExpire: this.formIn.isExpire,
            address: this.formIn.address,
            company: this.formIn.company,
            department: this.formIn.department,
            discount: this.discount,
            email: this.formIn.email,
            idCard: this.formIn.idCard,
            marriage: this.formIn.marriage,
            name: this.formIn.name,
            nation: this.formIn.nation,
            pacId,
            phoe: this.formIn.cusPhone,
            reservationTime: this.formIn.reservationTime,
            sex: this.formIn.sex,
            timeRegion: this.formIn.timeRegion,
            tjCategory: this.formIn.tjCategory,
            // tjFlowingWater: this.tjFlowingWater,
            tjType: this.formIn.tjType,
            idType: this.formIn.idType,
            age: this.formIn.age,
            ageUnit: this.formIn.ageUnit,
            career: this.formIn.career,
          };
        } else {
          data = {
            id: this.formIn.id,
            isExpire: this.formIn.isExpire,
            address: this.formIn.address,
            company: this.formIn.company,
            department: this.formIn.department,
            discount: this.discount,
            email: this.formIn.email,
            idCard: this.formIn.idCard,
            marriage: this.formIn.marriage,
            name: this.formIn.name,
            nation: this.formIn.nation,
            pacId,
            phoe: this.formIn.phoe,
            reservationTime: this.formIn.reservationTime,
            sex: this.formIn.sex,
            timeRegion: this.formIn.timeRegion,
            tjCategory: this.formIn.tjCategory,
            // tjFlowingWater: this.tjFlowingWater,
            tjType: this.formIn.tjType,
            idType: this.formIn.idType,
            age: this.formIn.age,
            ageUnit: this.formIn.ageUnit,
            career: this.formIn.career,
          };
        }
        tjReappoint(data).then((res) => {
          if (res.code === 200) {
            this.$modal.msgSuccess("登记成功");
          }
          _this.drawer = false;
        });
        this.getList();
        this.$tab.refreshPage();
        _this.drawer = false;
      });
      this.getList();
      this.$tab.refreshPage();
      // } else {
      //   this.$message.warning("请选择您要体检的内容");
      // }
@@ -1658,7 +2377,7 @@
          this.$modal.msgSuccess("撤销成功");
          this.getList();
        })
        .catch(() => { });
        .catch(() => {});
    },
    //批量撤销