peisweb/src/components/patientRegister/PatientRegisterEdit.vue

<template>
  <div>
    <div style="display: flex">
      <div :style="'width:' + (window.pageWidth - 120 - 30) + 'px;'">
        <div>
          <el-form ref="form" :model="form" label-width="80px" :rules="rules" size="medium">
            <el-row>
              <el-col :span="5">
                <el-form-item label="单位名称" prop="customerOrgId">
                  <el-cascader v-model="form.customerOrgId" :options="patientRegister.customerOrgTreeAll"
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'"
                    :props="{ checkStrictly: true, expandTrigger: 'hover', ...customerOrg.treeprops, }"
                    :show-all-levels="false" disabled>
                  </el-cascader>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="条码号" prop="patientRegisterNo">
                  <el-input v-model="form.patientRegisterNo" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="档案号" prop="patientNo">
                  <el-input v-model="form.patientNo" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="体检次数" prop="medicalTimes">
                  <el-input v-model="form.medicalTimes" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="性别" prop="sexId" label-width="50px">
                  <el-select v-model="form.sexId" placeholder="请选择"
                    :style="'width:' + Math.floor((window.pageWidth - 650) / 8) + 'px;'">
                    <el-option v-for="item in dict.sex" :key="item.id" :label="item.displayName" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3">
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="5">
                <el-form-item label="姓名" prop="patientName">
                  <el-input v-model="form.patientName" @blur="query(form.patientName)"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="身份证号" prop="idNo">
                  <el-input v-model="form.idNo" @change="changeIdNo" @blur="query(form.idNo)"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="出生日期" prop="birthDate">
                  <el-date-picker v-model="form.birthDate" type="date" value-format="yyyy-MM-dd" placeholder="出生日期"
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'" @change="changeBirthDate"
                    prefix-icon="" />
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="年龄" prop="age">
                  <el-input v-model="form.age"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="婚姻" prop="maritalStatusId" label-width="50px">
                  <el-select v-model="form.maritalStatusId" placeholder="请选择"
                    :style="'width:' + Math.floor((window.pageWidth - 650) / 8) + 'px;'">
                    <el-option v-for="item in dict.maritalStatus" :key="item.id" :label="item.displayName"
                      :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3" />
            </el-row>
            <el-row>
              <el-col :span="5">
                <el-form-item label="手机号" prop="mobileTelephone">
                  <el-input v-model="form.mobileTelephone"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="电话" prop="telephone">
                  <el-input v-model="form.telephone"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="邮箱" prop="email">
                  <el-input v-model="form.email"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="邮编" prop="postalCode">
                  <el-input v-model="form.postalCode"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="籍贯" prop="birthPlaceId" label-width="50px">
                  <el-select v-model="form.birthPlaceId" placeholder="请选择" filterable clearable
                    :style="'width:' + Math.floor((window.pageWidth - 650) / 8) + 'px;'">
                    <el-option v-for="item in dict.birthPlace" :key="item.id" :label="item.displayName"
                      :value="item.id" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3" />
            </el-row>
            <el-row>
              <el-col :span="10">
                <el-form-item label="地址" prop="address">
                  <el-input v-model="form.address"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="人员类别" prop="personnelTypeId">
                  <el-select v-model="form.personnelTypeId" placeholder="请选择" filterable clearable
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'">
                    <el-option v-for="item in dict.personnelType" :key="item.id" :label="item.displayName"
                      :value="item.id" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="性激素期" prop="sexHormoneTermId">
                  <el-select v-model="form.sexHormoneTermId" placeholder="请选择" filterable clearable>
                    <el-option v-for="item in dict.sexHormoneTerm" :key="item.id" :label="item.displayName"
                      :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="民族" prop="nationId" label-width="50px">
                  <el-select v-model="form.nationId" placeholder="请选择" filterable clearable
                    :style="'width:' + Math.floor((window.pageWidth - 650) / 8) + 'px;'">
                    <el-option v-for="item in dict.nation" :key="item.nationId" :label="item.displayName"
                      :value="item.nationId" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3" />
            </el-row>
            <el-row>
              <el-col :span="5">
                <el-form-item label="体检类别" prop="medicalTypeId">
                  <el-select v-model="form.medicalTypeId" placeholder="请选择" filterable clearable
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'">
                    <el-option v-for="item in dict.medicalType" :key="item.id" :label="item.displayName"
                      :value="item.id" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="工卡号" prop="jobCardNo">
                  <el-input v-model="form.jobCardNo"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="体检卡号" prop="medicalCardNo">
                  <el-input v-model="form.medicalCardNo"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="职务" prop="jobPost">
                  <el-input v-model="form.jobPost"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="职称" prop="jobTitle" label-width="50px">
                  <el-input v-model="form.jobTitle"
                    :style="'width:' + Math.floor((window.pageWidth - 650) / 8) + 'px;'" />
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="介绍人" prop="salesman">
                  <el-input v-model="form.salesman"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="5">
                <el-form-item label="体检中心" prop="organizationUnitId">
                  <el-select v-model="form.organizationUnitId" placeholder="请选择" filterable
                    :disabled="peisid ? true : false"
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'">
                    <el-option v-for="item in dict.organization" :key="item.id" :label="item.displayName"
                      :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="单位体检次数" prop="isVip" label-width="110px">
                  <el-select v-model="form.customerOrgRegisterId" placeholder="次数" size="small"
                    :disabled="form.customerOrgId == dict.personOrgId"
                    :style="'width:' + Math.floor((window.pageWidth - 674) / 4.8) + 'px;'" @change="changeMedicalTimes"
                    value-key="id">
                    <el-option v-for="item in customerOrgRegisterList" :key="item.id" :label="item.medicalTimes"
                      :value="item.id" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="电话随访" prop="isPhoneFollow">
                  <!--
                  <el-radio v-model="form.isPhoneFollow" label="Y">是</el-radio>
                  <el-radio v-model="form.isPhoneFollow" label="N">否</el-radio>
                  -->
                  <el-checkbox v-model="form.isPhoneFollowBox" @change="changeBox('isPhoneFollow')" />
                </el-form-item>
              </el-col>
              <el-col :span="2">
                <el-form-item label="VIP" prop="isVip" label-width="50px">
                  <!--
                  <el-radio v-model="form.isVip" label="Y">是</el-radio>
                  <el-radio v-model="form.isVip" label="N">否</el-radio>
                  -->
                  <el-checkbox v-model="form.isVipBox" @change="changeBox('isVip')" />
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="隐藏姓名" prop="isNameHide">
                  <!--
                  <el-radio v-model="form.isNameHide" label="Y">是</el-radio>
                  <el-radio v-model="form.isNameHide" label="N">否</el-radio>
                  -->
                  <el-checkbox v-model="form.isNameHideBox" @change="changeBox('isNameHide')" />
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="锁住" prop="isLock" label-width="50px">
                  <!--
                  <el-radio v-model="form.isLock" label="Y">是</el-radio>
                  <el-radio v-model="form.isLock" label="N">否</el-radio>
                   -->
                  <el-checkbox v-model="form.isLockBox" @change="changeBox('isLock')" />
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="体检开始" prop="isMedicalStart">
                  <el-select v-model="form.isMedicalStart" placeholder="请选择" disabled>
                    <el-option label="是" value="Y" />
                    <el-option label="否" value="N" />
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="5">
                <el-form-item label="分组" prop="customerOrgGroupId">
                  <el-select v-model="form.customerOrgGroupId" placeholder="请选择" filterable clearable
                    @change="changeCustomerOrgGroupId" :disabled="form.customerOrgId === dict.personOrgId ? true : false"
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'">
                    <el-option v-for="item in patientRegister.customerOrgGroup" :key="item.id" :label="item.displayName"
                      :value="item.id" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="套餐" prop="medicalPackageId">
                  <el-select v-model="form.medicalPackageId" placeholder="请选择" filterable clearable
                    @change="changeMedicalPackageId" :disabled="form.customerOrgId === dict.personOrgId ? false : true"
                    :style="'width:' + Math.floor((window.pageWidth - 530) / 4.8) + 'px;'">
                    <el-option v-for="item in dict.medicalPackage" :key="item.id" :label="item.displayName"
                      :value="item.id" />
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="11">
                <el-form-item label="备注" prop="remark">
                  <el-input v-model="form.remark" type="textarea" :rows="1" placeholder="请输入备注"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="3">
                <el-form-item label="状态" prop="completeFlag" label-width="50px">
                  <el-select v-model="form.completeFlag" placeholder="请选择" disabled>
                    <el-option v-for="item in dict.completeFlag" :key="item.id" :label="item.displayName"
                      :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="6">
                <el-form-item label="创建人员">
                  <el-input v-model="form.creatorId" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="创建时间">
                  <el-input :value="form.creationTime
                    ? lmoment(form.creationTime, 'yyyy-MM-DD')
                    : ''
                    " disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="修改人员">
                  <el-input v-model="form.lastModifierId" disabled></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="修改时间">
                  <el-input :value="form.lastModificationTime
                    ? lmoment(form.lastModificationTime, 'yyyy-MM-DD')
                    : ''
                    " disabled></el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
          <el-image
            :style="'position: absolute;top:65px;right:' + (110 + Math.floor((window.pageWidth - 750) / 24)) + 'px; width: 150px; height: 160px;'"
            :src="peoplePhoto">
            <div slot="placeholder" class="image-slot">
              加载中<span class="dot">...</span>
            </div>
          </el-image>
        </div>
        <div>
          <PatientRegisterItem :patientRegisterForm="form" :payTypeFlag="payTypeFlag" />
        </div>
      </div>
      <div style="margin-left: 10px;width:110px;">
        <div style="margin-top: -20px;">
          <el-button type="primary" class="btnClass" @click="photoGrah" icon="el-icon-camera">拍照</el-button>
        </div>
        <div class="btn">
          <el-button @click="peopleIcCard" class="btnClass">读身份证</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="rdCopy">复制新增</el-button>
        </div>
        <div class="btn">
          <el-button type="success" class="btnClass" @click="Onsubmit('form', true)">保存</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="lisRequest">检验单申请</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="lisPrint('0002', false)">条码打印</el-button>
        </div>
        <div class="btn">
          <el-button type="danger" class="btnClass" @click="reLisRequest">条码补打</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="guidePrint('0001', false)">指引单打印</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="guidePrint('0001', false)">指引单预览</el-button>
        </div>
        <div class="btn">
          <el-button type="danger" class="btnClass" @click="reMergeAsbitem">手动合并项目</el-button>
        </div>

        <div style="margin-top: 30px;">
          <el-button type="primary" class="btnClass" @click="payTypeFlag = '0'">全个人支付</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="payTypeFlag = '1'">全单位支付</el-button>
        </div>
        <div class="btn">
          <el-button type="primary" class="btnClass" @click="payTypeFlag = '2'">全赠送</el-button>
        </div>
        <div class="btn">
          <el-button type="success" class="btnClass" @click="toCharge(form.patientRegisterNo)">收费</el-button>
        </div>
      </div>
    </div>

    <!--查询条件-->
    <div style="position: absolute;top:40px;left:160px;display: flex; flex-wrap: wrap; height:60px;">
      <div class="query">
        <span>查找：&nbsp;&nbsp;条码号</span>
        <el-input placeholder="条码号" v-model="query.patientRegisterNo" size="small" 
          clearable style="width: 140px" @change="quickQuery('patientRegisterNo')"/>
      </div>
      <div class="query">
        <span>档案号</span>
        <el-input placeholder="档案号" v-model="query.patientNo" size="small" 
          clearable style="width: 100px" @change="quickQuery('patientNo')" />
      </div>
      <div class="query">
        <span>姓名</span>
        <el-input placeholder="姓名" v-model="query.patientName" size="small" 
          clearable style="width: 80px" @change="quickQuery('patientName')" />
      </div>
      <div class="query">
        <span>手机号</span>
        <el-input placeholder="预约手机号" v-model="query.tel" size="small" 
          clearable style="width: 120px" @change="quickQuery('tel')" />
      </div>
    </div>

    <!-- 人员档案列表 -->
    <el-dialog title="人员档案列表" :visible.sync="dialogVisible" width="800" :show-close="false" :close-on-click-modal="false"
      :append-to-body="true">
      <el-table :data="patientList" border width="800" height="480" row-key="id" size="small"
        class="el-table__body-wrapper tbody" highlight-current-row @row-click="rowick" ref="patientList">
        <el-table-column type="index" width="30" />
        <el-table-column prop="patientNo" label="档案号" />
        <el-table-column prop="lastTime" label="末次体检" width="100">
          <template slot-scope="scope">
            <div v-if="scope.row.lastTime">
              {{ lmoment(scope.row.lastTime, "yyyy-MM-DD") }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="medicalTimes" label="体检次数" />
        <el-table-column prop="displayName" label="姓名" />
        <el-table-column prop="sexId" label="性别">
          <template slot-scope="scope">
            <div>
              {{ ldddw(dict.sex, "id", scope.row.sexId, "displayName") }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="maritalStatusId" label="婚姻">
          <template slot-scope="scope">
            <div>
              {{ ldddw(dict.maritalStatus, "id", scope.row.maritalStatusId, "displayName") }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="birthDate" label="出生日期" width="100">
          <template slot-scope="scope">
            <div v-if="scope.row.birthDate">
              {{ lmoment(scope.row.birthDate, "yyyy-MM-DD") }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="nationId" label="民族">
          <template slot-scope="scope">
            <div>
              {{ ldddw(dict.nation, "id", scope.row.nationId, "displayName") }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="idNo" label="身份证号" />
        <el-table-column prop="telephone" label="电话" />
        <el-table-column prop="mobileTelephone" label="手机号" />
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false" style="width:90px;">取消</el-button>
        <el-button type="primary" @click="choosePatient" style="width:90px;">确定</el-button>
      </span>
    </el-dialog>
    <!-- 拍照（openCamera） 网页模式，已废弃  
    <el-dialog title="拍照" :visible.sync="patientRegister.cameraVisble" width="400" height="600"
      :close-on-click-modal="false" :append-to-body="true">
      <Camera :id="form.id" />    
    </el-dialog>
    -->
    <!-- 检验条码补打 -->
    <el-dialog title="检验条码补打" :visible.sync="patientRegister.lisRequestVisble" width="600px" height="400"
      :show-close="false" :close-on-click-modal="false" :append-to-body="true">
      <LisRequest :id="form.id" :brushTimes="brushTimes" />
    </el-dialog>

    <!-- 手动合并项目 -->
    <el-dialog title="手动合并项目" :visible.sync="patientRegister.mergeAsbitemVisble" width="600px" height="400"
      :show-close="false" :close-on-click-modal="false" :append-to-body="true">
      <MergeAsbitem :id="form.id" :organizationUnitId="form.organizationUnitId" :brushTimes="brushTimes" />
    </el-dialog>


  </div>
</template>
<script>
import moment from "moment";
import { mapState } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import mm from "../../utlis/mm";

import { objCopy, setNull, dddw, parseID, birthdayToAge, deepCopy, arrayFilter, parsIcCardtoLocal, photoParse, savePeoplePhoto } from "../../utlis/proFunc";
import Camera from "./Camera.vue";
import PatientRegisterItem from "./PatientRegisterItem.vue";
import LisRequest from "./LisRequest.vue";
import MergeAsbitem from "./MergeAsbitem.vue";

export default {
  components: {
    Camera,
    LisRequest,
    MergeAsbitem,
    PatientRegisterItem,
  },
  props: ['formInitData', 'editTimes'],
  data() {
    return {
      apiurl: mm.apiurl,
      brushTimes: 0,
      payTypeFlag: '',
      peisid: null,
      peoplePhoto: '',
      query: {
        patientRegisterNo: '',
        patientNo: '',
        patientName: '',
        tel: ''
      },
      form: {
        id: "", //id
        patientId: "00000000-0000-0000-0000-000000000000", //档案号ID 选择了档案就传档案号，未选就传00000-0000...
        patientNo: "", //档案号
        customerOrgId: null, //单位编号
        customerOrgGroupId: null, //分组
        medicalPackageId: null, //套餐
        patientName: "", //姓名
        birthDate: null, //日期型
        sexId: "U", //性别 默认未知U
        age: null, //年龄
        jobCardNo: "", //工卡号
        medicalCardNo: "", //体检卡号
        maritalStatusId: "9", //婚姻状况 默认未知
        medicalTypeId: null, //体检类别
        personnelTypeId: null, //人员类别
        jobPost: "", //职务
        jobTitle: "", //职称
        salesman: "", //介绍人
        sexHormoneTermId: null, //性激素期限
        isNameHide: "N", //隐藏姓名
        isPhoneFollow: "N", //电话随访
        isVip: "N", //vip客户
        remark: "", //
        isLock: "N", //是否锁住
        completeFlag: "1", //完成标志 0:预登记，1：未检，2：部份已检，3：已总检  【创建编辑时不操作】
        isMedicalStart: "N", //体检开始标志 【创建编辑时不操作】
        patientRegisterNo: "", //条码号 【创建编辑时不操作】
        medicalTimes: 1, //条码号 【创建编辑时不操作】
        organizationUnitId: null, //体检中心
        address: "", //地址
        email: "", //email
        idNo: "", //身份证号
        telephone: "", //电话
        mobileTelephone: "", //手机号
        nationId: null, //民族编号
        birthPlaceId: null, //籍惯（出生地）
        postalCode: "", //邮编
        creatorId: null,
        creationTime: "",
        lastModificationTime: "",
        lastModifierId: null,
        isVipBox: false, //vip客户
        isNameHideBox: false, //隐藏姓名
        isPhoneFollowBox: false, //电话随访
        isLockBox: false, //是否锁住
        customerOrgRegisterId: null,
        isMaxMedicalTimes: 'N',
      }, //单位 记录 目前新增与更新是一致
      customerOrgRegisterList: [], //单位体检次数列表
      defaultNull: [
        "customerOrgId",
        "customerOrgGroupId",
        "medicalPackageId",
        "age",
        "medicalTypeId",
        "personnelTypeId",
        "sexHormoneTermId",
        "organizationUnitId",
        "nationId",
        "birthPlaceId",
      ], //一般uuid字段为空时，需设置为null值

      rules: {
        patientName: [
          { required: true, message: "请输入姓名", trigger: "blur" },
        ],
        organizationUnitId: [
          { required: true, message: "请填写体检中心", trigger: "blur" },
        ],
      },

      dialogVisible: false,
      patientList: [], //人员列表（用于判断人员多次体检）
      patientChoosed: {}, //查重选中的人员

      dialogCamera: false, //拍照组件
    };
  },

  created() {
    this.peisid = window.sessionStorage.getItem('peisid');
    if (!this.form.id) {
      this.form.organizationUnitId = this.peisid;
    }
  },

  //挂载完成
  mounted() {
    objCopy(this.formInitData, this.form);
    this.initBox();
    this.getCustomerOrgRegisterList()
    this.getPeoplePhoto(this.patientRegister.photo)
  },

  computed: {
    ...mapState(["window", "dict", "patientRegister", "customerOrg", "projPriv"]),

  },
  methods: {

    //快速查找个人数据
    quickQuery(type) {
      let url = '/api/app/patient-register/patient-register-or-patient?SType='
      switch (type) {
        case 'patientNo':
          url += `2&PatientNo=${this.query.patientNo}`
          break;
        case 'patientRegisterNo':
          url += `1&PatientRegisterNo=${this.query.patientRegisterNo}`
          break;
        case 'tel':
          url += `3&Phone=${this.query.tel}`
          break;
        case 'patientName':
          url += `4&PatientName=${this.query.patientName}`
          break;
        default:
          return;
      }

      console.log(url)
      getapi(url)
        .then((res) => {
          console.log('按条码号查个人数据', res)
          if (res.code == 1) {            
            objCopy(res.data, this.form)
            this.patientRegister.photo = res.data.photo
          }else if(res.code == 0){
            this.$message.info("未找到相关信息")
          }            
          
        });
    },

    //读取身份证信息
    peopleIcCard() {
      this.$peisAPI.peopleIcCard().then(res => {
        //console.log('peopleIcCard',res)      
        let lres = JSON.parse(res)
        if (lres.Code && lres.Code.toLowerCase() == 'success') {
          this.projPriv.idNos = lres
          let idNos = parsIcCardtoLocal(this.projPriv.idNos, this.dict.sex, this.dict.nation)
          this.form.patientName = idNos.Name
          this.form.birthDate = idNos.birthDate
          this.form.sexId = idNos.sexId
          this.form.age = idNos.age
          this.form.nationId = idNos.nationId
          this.form.idNo = idNos.IDCode
          this.form.address = idNos.Address
          this.patientRegister.photo = 'data:image/bmp;base64,' + idNos.Photo
        }
      })
    },

    //获取单位体检次数列表，并默认赋最后一次体检次数
    async getCustomerOrgRegisterList() {
      this.customerOrgRegisterList = []
      if (this.form.customerOrgId == this.dict.personOrgId) {
        this.form.customerOrgRegisterId = null
        return
      }
      try {
        let res = await getapi(`/api/app/customer-org/parent/${this.form.customerOrgId}`);
        let res1 = await getapi(`/api/app/customerorgregister/getlistincustomerorgid?CustomerOrgId=${res.data}`);
        this.customerOrgRegisterList = arrayFilter(res1.data, 'isComplete', 'N')
        //要把已完成体检的次数去掉
        if (this.customerOrgRegisterList.length > 0) {
          this.form.customerOrgRegisterId = this.customerOrgRegisterList[this.customerOrgRegisterList.length - 1].id
          //this.changeCustomerOrgGroupId()
          this.changeMedicalTimes()
        }
      } catch (error) {
        console.log(error)
      }
    },

    //修改单位体检次数
    changeMedicalTimes() {

      this.form.customerOrgGroupId = null
      this.changeCustomerOrgGroupId()

      //获取体检次数下的分组
      this.getCustomerOrgGroup(this.form.customerOrgRegisterId)
    },

    //获取体检次数下的分组
    getCustomerOrgGroup(customerOrgRegisterId) {
      this.patientRegister.customerOrgGroup = []
      getapi(`/api/app/customerorggroup/getlistinfilter?CustomerOrgRegisterId=${customerOrgRegisterId}`).then(res => {
        if (res.code != - 1) {
          this.patientRegister.customerOrgGroup = res.data.items;
        }
      })
    },

    //修改出生日期
    changeBirthDate() {
      this.form.age = birthdayToAge(this.form.birthDate)
    },

    //修改身份证，生成年龄、出生、性别
    changeIdNo() {
      let ret = parseID(this.form.idNo)
      if (ret.age != -1) {
        this.form.birthDate = new Date(ret.birthday)
        this.form.age = ret.age
        this.form.sexId = ret.sex
      }
    },

    //分组改变时触发
    changeCustomerOrgGroupId() {
      this.patientRegister.customerOrgGroupChange++;
      if (this.form.id) this.Onsubmit('form', false);
    },

    //套餐改变时触发
    changeMedicalPackageId() {
      this.patientRegister.medicalPackageChange++;
      if (this.form.id) this.Onsubmit('form', false);
    },

    //根据姓名，身份证号 查询档案信息，用于判断人员多次体检
    query(param) {
      //编辑的时候不查重
      if (this.form.id || !param) return;

      //console.log(param)
      getapi(`/api/app/patient/in-filter?Filter=${param}`).then((res) => {
        if (res.code == 1) {
          console.log("查重 ", res); //有数据才显示
          if (res.data.items && res.data.items.length > 0) {
            this.patientList = res.data.items;
            this.dialogVisible = true;
          }
        }
      });
    },

    //列表选中
    rowick(row) {
      this.patientChoosed = row;
    },

    //确定选择人员
    choosePatient() {
      if (!this.patientChoosed) {
        alert("请选中人员档案信息");
        return;
      }

      this.dialogVisible = false;

      this.form.patientId = this.patientChoosed.id;
      this.form.patientName = this.patientChoosed.displayName;
      this.form.sexId = this.patientChoosed.sexId;
      this.form.maritalStatusId = this.patientChoosed.maritalStatusId;
      this.form.birthDate = new Date(this.patientChoosed.birthDate);
      this.form.nationId = this.patientChoosed.nationId;
      this.form.idNo = this.patientChoosed.idNo;
      this.form.telephone = this.patientChoosed.telephone;
      this.form.mobileTelephone = this.patientChoosed.mobileTelephone;
      this.form.patientNo = this.patientChoosed.patientNo;
      this.form.medicalTimes = this.patientChoosed.medicalTimes + 1;

      if (this.form.birthDate) {
        this.form.age = birthdayToAge(this.form.birthDate)
      }

      if (this.form.idNo) {
        let ret = parseID(this.form.idNo)

        if (!this.form.birthDate) this.form.birthDate = new Date(ret.birthday)
        if (!this.form.age) this.form.age = ret.age
        if (!this.form.sexId) this.form.age = ret.sex
      }

    },

    ldddw(arrayData, key, value, display) {
      return dddw(arrayData, key, value, display);
    },

    lmoment(date, forMat) {
      return moment(new Date(date)).format(forMat);
    },

    changeBox(type) {
      //赋值
      if (this.form[type + 'Box']) {
        this.form[type] = 'Y';
      } else {
        this.form[type] = 'N';
      }
    },

    initBox() {
      if (this.form.isVip == 'Y') {
        this.form.isVipBox = true;
      } else {
        this.form.isVipBox = false;
      }

      if (this.form.isNameHide == 'Y') {
        this.form.isNameHideBox = true;
      } else {
        this.form.isNameHideBox = false;
      }

      if (this.form.isPhoneFollow == 'Y') {
        this.form.isPhoneFollowBox = true;
      } else {
        this.form.isPhoneFollowBox = false;
      }

      if (this.form.isLock == 'Y') {
        this.form.isLockBox = true;
      } else {
        this.form.isLockBox = false;
      }

      if (!this.form.id) {
        this.form.organizationUnitId = this.peisid;
      }
    },

    //提交
    Onsubmit(formName, msgTip) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          //赋值
          let body = deepCopy(this.form);

          if (this.form.birthDate) {
            body.birthDate = moment(this.form.birthDate).format("yyyy-MM-DD")
          }


          delete body.id;
          delete body.patientRegisterNo;
          delete body.medicalTimes;
          delete body.completeFlag;
          delete body.isMedicalStart;
          delete body.patientNo;
          delete body.creatorId;
          delete body.creationTime;
          delete body.lastModificationTime;
          delete body.lastModifierId;
          delete body.isVipBox;
          delete body.isNameHideBox;
          delete body.isPhoneFollowBox;
          delete body.isLockBox;
          delete body.photo;

          setNull(body, this.defaultNull);

          //日期转换 日期控件增加格式
          // console.log("body.birthDate", body.birthDate);
          // if (body.birthDate) {
          //   body.birthDate = moment(new Date(body.birthDate)).format(
          //     "yyyy-MM-DD"
          //   );
          // }

          if (this.form.id.length < 1) {
            //id为空则新增
            console.log(`/api/patientregister/createreturninfo`, body);
            postapi(`/api/patientregister/createreturninfo`, body).then(
              (res) => {
                if (res.code == 1) {
                  //console.log('res',res)
                  if (msgTip) this.$message.success("创健 操作成功");
                  //一般读身份证照片时，会出现这种情况
                  if (this.patientRegister.photo.indexOf("data:image") > -1) savePeoplePhoto(res.data.id, this.patientRegister.photo);

                  objCopy(res.data, this.form);
                  // this.patientRegister.prList.push(res.data);  //列表添加记录
                  this.patientRegister.patientRegisterId = res.data.id;
                  this.patientRegister.patientRegisterAbs.forEach(e => {
                    e.patientRegisterId = res.data.id;
                    return e;
                  });
                  this.patientRegister.patientRegisterRd = res.data;

                  this.patientRegister.query.times++;
                  this.patientRegister.saveTimes++;
                }
              }
            );
          } else {
            //id不为空则编辑 api/patientregister/updatepatientregister
            console.log(`/api/patientregister/updatepatientregister?PatientRegisterId=${this.form.id}`, body);
            postapi(`/api/patientregister/updatepatientregister?PatientRegisterId=${this.form.id}`, body).then((res) => {
              if (res.code == 1) {
                if (msgTip) this.$message.success("更新 操作成功");
                //一般读身份证照片时，会出现这种情况
                if (this.patientRegister.photo.indexOf("data:image") > -1) savePeoplePhoto(this.form.id, this.patientRegister.photo);
                this.patientRegister.query.times++;
                //this.patientRegister.saveTimes++;  //更新保存时，无需触发组合项目保存
              }
            });
          }
        } else {
          alert("未通过数据校验");
          return false;
        }
      });
    },

    //将现有的数据，复制并展现，但未保存
    rdCopy() {
      if (!this.patientRegister.patientRegisterId) {
        this.$message.info("该信息尚未保存，不可执行此操作！");
        return;
      }
      this.patientRegister.patientRegisterId = '';
      this.form.id = '';
      this.form.patientId = '00000000-0000-0000-0000-000000000000';
      this.form.patientRegisterNo = '';
      this.form.patientNo = '';
      this.form.medicalTimes = 1;
      this.form.patientName = '';
      this.form.photo = '';

      this.patientRegister.patientRegisterAbs.forEach(e => {
        e.patientRegisterId = '';
        e.id = '';
        return e;
      });
      // console.log('this.patientRegister.patientRegisterAbs',this.patientRegister.patientRegisterAbs)
      this.$message.info("操作成功，确定请记得点保存");

    },

    //删除
    del() {
      deletapi(
        `/api/app/customer-org/${this.customerOrg.customerOrgRd.id}`
      ).then((res) => {
        this.$message.success("删除 操作成功");
        this.setData({ key: "customerOrg.customerOrgRd", value: { id: "" } });
        this.getCustomerOrgTree();
      });
    },

    //拍照（已废弃）
    openCamera() {
      if (!this.form.id) {
        alert("请先保存人员信息");
        return;
      }
      this.patientRegister.cameraVisble = true;
    },

    //拍照（调壳程序）
    photoGrah() {
      if (!this.form.id) {
        alert("请先保存人员信息");
        return;
      }
      this.$peisAPI.photoGrah()
        .then(res => {
          console.log(res)
          //alert(res)
          let lres = JSON.parse(res)
          if (lres.Code && lres.Code.toLowerCase() == 'success') {
            let uploadPhoto = {
              patientRegisterId: this.form.id,
              photo: lres.Photo,
            };
            this.patientRegister.photo = `data:image/${lres.PhotoFormat};base64,${lres.Photo}`
            return postapi(`/api/app/patient-register/up-load-img`, uploadPhoto)
          } else {
            this.$message.error("上传照片错误" + lres.Code)
          }
        }).then(res => {
          if (res.code == 1) {
            let body = {
              patientRegisterId: this.form.id,
              photo: res.data,
            };
            console.log(body);
            return postapi(`/api/app/patient-register/update-photo`, body);
          }
        }).then(res => {
          if (res.code != -1) {
            //console.log('拍照',res.data)
            this.patientRegister.patientRegisterRd.photo = res.data.photo
            this.$message.success("操作成功");
          }
        }).catch(err => {
          console.log('this.$peisAPI.photoGrah', err)
        })
    },

    getPeoplePhoto(photo) {
      this.peoplePhoto = photoParse(photo)
    },

    // 打印指引单(isPreview)
    async guidePrint(ReportCode, isPreview) {
      if (this.form.id.length < 1) {
        this.$message.info("人员信息尚未保存，不可执行此操作！");
        return;
      }

      let token = localStorage.getItem('token');
      let user = localStorage.getItem('user');
      let toOutShell = {
        ReportCode, token,
        preViewCanPrint: 'N',
        Parameters: [
          { Name: 'printer', Value: user },
          { Name: 'hisLog', Value: 'pic/hisLog.jpg' },
        ],
      };


      if (isPreview) {
        //
        //this.multipleSelection.forEach((item,index) =>{

        postapi(`/api/app/printreport/getpatientregisterguidereport?PatientRegisterId=${this.form.id}`)
          .then((res) => {
            if (res.code != -1) {
              toOutShell.ReportTable = res.data;
              console.log('JSON.stringify(toOutShell)', JSON.stringify(toOutShell));
              return this.$peisAPI.printPre(JSON.stringify(toOutShell));
            }
          })
          .catch(err => {
            this.$message.warning(err);
          });
        // });
      } else {

        postapi(`/api/app/printreport/getpatientregisterguidereport?PatientRegisterId=${this.form.id}`)
          .then((res) => {
            if (res.code != -1) {
              toOutShell.ReportTable = res.data;
              console.log('JSON.stringify(toOutShell)', JSON.stringify(toOutShell));
              return this.$peisAPI.print(JSON.stringify(toOutShell));
            }
          })
          .then(res => {
            if (res.toLowerCase() == 'success') {
              //更新打印次数
              return postapi('/api/app/patientregister/updatepatientregisterguideprinttimesmany', [this.form.id])
            }
          })
          .then(res => {
            if (res.code != -1) {
              lfind = arrayExistObj(this.patientRegister.prList, 'id', this.form.id)
              if (lfind > -1) {
                if (this.patientRegister.prList[lfind].guidePrintTimes) {
                  this.patientRegister.prList[lfind].guidePrintTimes = Number(this.patientRegister.prList[lfind].guidePrintTimes) + 1;
                } else {
                  this.patientRegister.prList[lfind].guidePrintTimes = 1;
                }
              }
            }
          })
          .catch(err => {
            this.$message.warning(err);
          });

      }
    },

    //检验申请
    async lisRequest() {
      let isPrintLisRequest = false
      let res = null
      if (this.form.id.length < 1) {
        this.$message.info("人员信息尚未保存，不可执行此操作！");
        return;
      }

      try {
        res = await postapi(`/api/app/lisrequest/setlisrequest?PatientRegisterId=${this.form.id}`);
        console.log(`/api/app/lisrequest/setlisrequest?PatientRegisterId=${this.form.id}`, res)
      } catch (error) {
        return;
      }
      if (res.Code != -1) {
        this.$message.info("发送检验申请成功！");
        isPrintLisRequest = true;
      }

      //重复申请，重打
      if (res.Code == -1 && res.Message.indexOf('已申请') > -1) {
        isPrintLisRequest = true;
      }

      if (!isPrintLisRequest) return;

      try {
        await this.$confirm("是否打印检验申请单?", "提示", {
          confirmButtonText: "是",
          cancelButtonText: "否",
          type: "info",
          showClose: false,
          closeOnClickModal: false,
          closeOnPressEscape: false,
        });
      } catch (error) {
        return;
      }
      //打印检验申请单
      this.lisPrint('0003', false);
    },

    //条码打印
    lisPrint(ReportCode, isPreview) {
      if (this.form.id.length < 1) {
        this.$message.info("人员信息尚未保存，不可执行此操作！");
        return;
      }

      let token = localStorage.getItem('token');
      let user = localStorage.getItem('user');
      let toOutShell = {
        ReportCode, token,
        Parameters: [
          { Name: 'printer', Value: user },
          { Name: 'hisLog', Value: 'pic/hisLog.jpg' },
        ],
      };


      if (isPreview) {
        //http://140.143.162.39:9529/api/app/printreport/getlisrequestreport?PatientRegisterId=3a0d2e90-da68-3746-6775-bf17e5f9b295
        //this.multipleSelection.forEach((item,index) =>{
        postapi(`/api/app/printreport/getlisrequestreport?PatientRegisterId=${this.form.id}`)
          .then((res) => {
            if (res.code != -1) {
              toOutShell.ReportTable = { lisRequest: res.data };
              console.log('JSON.stringify(toOutShell)', JSON.stringify(toOutShell));
              return this.$peisAPI.printPre(JSON.stringify(toOutShell));
            }
          })
          .catch(err => {
            this.$message.warning(err);
          });
        // });
      } else {

        postapi(`/api/app/printreport/getlisrequestreport?PatientRegisterId=${this.form.id}`)
          .then((res) => {
            if (res.code != -1) {
              toOutShell.ReportTable = { lisRequest: res.data };
              console.log('JSON.stringify(toOutShell)', JSON.stringify(toOutShell));
              return this.$peisAPI.print(JSON.stringify(toOutShell));
            }
          })
          .then(res => {
            if (res.toLowerCase() == 'success') {
              //更新打印状态  /api/app/lisrequest/updatelisrequestisprint
              // {
              //   "operateType": 0,  操作类型（1.按PatientRegisterId 2.按LisRequestId）
              //   "patientRegisterId": "3fa85f64-5717-4562-b3fc-2c963f66afa6",
              //   "lisRequestId": "3fa85f64-5717-4562-b3fc-2c963f66afa6"
              // }
              return postapi('/api/app/lisrequest/updatelisrequestisprint', { operateType: 1, patientRegisterId: this.form.id })
            }
          })
          .catch(err => {
            this.$message.warning(err);
          });

      }
    },

    //补打条码
    reLisRequest() {
      if (this.form.id.length < 1) {
        this.$message.info("人员信息尚未保存，不可执行此操作！");
        return;
      }
      this.brushTimes++;
      this.patientRegister.lisRequestVisble = true;
    },

    //手动合并项目
    reMergeAsbitem() {
      if (this.form.id.length < 1) {
        this.$message.info("人员信息尚未保存，不可执行此操作！");
        return;
      }
      this.brushTimes++;
      this.patientRegister.mergeAsbitemVisble = true;
    },

    toCharge(patientRegisterNo) {
      this.patientRegister.patientRegisterRd.patientRegisterNo = patientRegisterNo;
      this.$router.push({ path: "/charge" });
    },

  },

  //监听事件
  watch: {

    "form.customerOrgId"(newVal, oldVal) {
      //console.log('editTimes newVal：',newVal,' oldVal：',oldVal)
      if (newVal != oldVal) {
        this.getCustomerOrgRegisterList()
      }
    },

    //新增或编辑
    "editTimes"(newVal, oldVal) {
      //console.log('editTimes newVal：',newVal,' oldVal：',oldVal)
      if (newVal != oldVal) {
        console.log('this.editTimes', this.editTimes)
        objCopy(this.formInitData, this.form);
        this.initBox();
        //console.log('this.form',this.form)
      }
    },

    //拍照触发
    "patientRegister.photo"(newVal, oldVal) {
      //console.log('patientRegister.patientRegisterRd.id newVal：',newVal,' oldVal：',oldVal)
      if (newVal != oldVal) {
        this.getPeoplePhoto(newVal)
      }
    },
  },
};
</script>
<style scoped>
::v-deep .el-button {
  padding: 10px 5px;
  /* 原值：12px 20px;   */
}

::v-deep .el-form-item {
  margin-bottom: 0px;
}

::v-deep .el-table--small .el-table__cell {
  padding: 0px 0;
}

::v-deep .el-input__inner {
  text-align: left;
  padding-left: 5px;
  padding-right: 15px;
}

::v-deep .el-icon-date:before {
  content: ""
}

.btn {
  margin-top: 5px;
}

.btnClass {
  width: 110px;
}

.query {
  margin-left: 10px;
}
</style>