qx

qx

6 天以前 4a3c87ca56507f4950035a0ca43bc7b078804996

 src/views/system/tijian/index.vue

@@ -1,554 +1,559 @@
<template>
   <div v-loading="isLoading" element-loading-text="请稍候..." element-loading-spinner="el-icon-loading"
  <div v-loading="isLoading" element-loading-text="请稍候..." element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(255, 255, 255, 0.8)" style="height: 100%; padding: 20px; position: relative;">
  <div class="app-container">
    <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body>
      <el-form ref="form1" :model="form1" :rules="rules1" label-width="100px" :inline="true">
        <el-form-item label="单位名称" prop="cnName">
          <el-input v-model="form1.cnName" placeholder="请输入中文名称" />
        </el-form-item>
        <el-form-item label="联系人" prop="contactPerson">
          <el-input v-model="form1.contactPerson" placeholder="请输入联系人" />
        </el-form-item>
        <el-form-item label="联系电话" prop="contactPhone">
          <el-input v-model="form1.contactPhone" placeholder="请输入联系电话" />
        </el-form-item>
        <el-form-item label="税号" prop="taxNumber">
          <el-input v-model="form1.taxNumber" placeholder="请输入税号" />
        </el-form-item>
        <el-form-item label="法人" prop="legalPerson">
          <el-input v-model="form1.legalPerson" placeholder="请输入法人" />
        </el-form-item>
        <el-form-item label="注册地址" prop="registerAddress">
          <el-input v-model="form1.registerAddress" placeholder="请输入注册地址" />
        </el-form-item>
        <el-form-item label="通讯地址" prop="mailingAddress">
          <el-input v-model="form1.mailingAddress" placeholder="请输入通讯地址" />
        </el-form-item>
        <el-form-item label="开户银行" prop="bankAccount">
          <el-input v-model="form1.bankAccount" placeholder="请输入开户银行" />
        </el-form-item>
        <el-form-item label="银行账户" prop="countNum">
          <el-input v-model="form1.countNum" placeholder="请输入银行账户" />
        </el-form-item>
        <el-form-item label="邮箱" prop="email">
          <el-input v-model="form1.email" placeholder="请输入邮箱" />
        </el-form-item>
        <el-form-item label="负责人" prop="principal">
          <el-input v-model="form1.principal" placeholder="请输入负责人" />
        </el-form-item>
        <el-form-item label="网址" prop="url">
          <el-input v-model="form1.url" placeholder="请输入网址" />
        </el-form-item>
        <el-form-item label="传真" prop="faxNumber">
          <el-input v-model="form1.faxNumber" placeholder="请输入传真" />
        </el-form-item>
        <el-form-item label="行政区划名称" prop="areaName">
          <el-input v-model="form1.areaName" placeholder="请输入行政区划名称" />
        </el-form-item>
        <el-form-item label="排序" prop="orderNum">
          <el-input v-model="form1.orderNum" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="有效时间" prop="validTime">
          <el-date-picker clearable v-model="form1.validTime" type="date" value-format="yyyy-MM-dd"
            placeholder="请选择有效时间">
          </el-date-picker> </el-form-item><br />
        <el-form-item label="备注" prop="remark">
          <el-input v-model="form1.remark" type="textarea" placeholder="请输入内容" :rows="2" label-width="400px"
            style="width: 830px" resize="none"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer2">
        <el-button type="primary" @click="submitFormS">确 定</el-button>
        <el-button @click="cancel1">取 消</el-button>
      </div>
    </el-dialog>
    <el-row :gutter="20">
      <el-col :span="17">
        <div class="grid-content bg-purple">
          <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
            label-width="106px" v-show="top">
            <el-form-item label="匿名" prop="isNow">
              <el-select v-model="isNow" placeholder="是否匿名" @change="freezing(isNow)">
                <el-option v-for="dict in dictType" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
    <div class="app-container">
      <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body>
        <el-form ref="form1" :model="form1" :rules="rules1" label-width="100px" :inline="true">
          <el-form-item label="单位名称" prop="cnName">
            <el-input v-model="form1.cnName" placeholder="请输入中文名称" />
          </el-form-item>
          <el-form-item label="联系人" prop="contactPerson">
            <el-input v-model="form1.contactPerson" placeholder="请输入联系人" />
          </el-form-item>
          <el-form-item label="联系电话" prop="contactPhone">
            <el-input v-model="form1.contactPhone" placeholder="请输入联系电话" />
          </el-form-item>
          <el-form-item label="税号" prop="taxNumber">
            <el-input v-model="form1.taxNumber" placeholder="请输入税号" />
          </el-form-item>
          <el-form-item label="法人" prop="legalPerson">
            <el-input v-model="form1.legalPerson" placeholder="请输入法人" />
          </el-form-item>
          <el-form-item label="注册地址" prop="registerAddress">
            <el-input v-model="form1.registerAddress" placeholder="请输入注册地址" />
          </el-form-item>
          <el-form-item label="通讯地址" prop="mailingAddress">
            <el-input v-model="form1.mailingAddress" placeholder="请输入通讯地址" />
          </el-form-item>
          <el-form-item label="开户银行" prop="bankAccount">
            <el-input v-model="form1.bankAccount" placeholder="请输入开户银行" />
          </el-form-item>
          <el-form-item label="银行账户" prop="countNum">
            <el-input v-model="form1.countNum" placeholder="请输入银行账户" />
          </el-form-item>
          <el-form-item label="邮箱" prop="email">
            <el-input v-model="form1.email" placeholder="请输入邮箱" />
          </el-form-item>
          <el-form-item label="负责人" prop="principal">
            <el-input v-model="form1.principal" placeholder="请输入负责人" />
          </el-form-item>
          <el-form-item label="网址" prop="url">
            <el-input v-model="form1.url" placeholder="请输入网址" />
          </el-form-item>
          <el-form-item label="传真" prop="faxNumber">
            <el-input v-model="form1.faxNumber" placeholder="请输入传真" />
          </el-form-item>
          <el-form-item label="行政区划名称" prop="areaName">
            <el-input v-model="form1.areaName" placeholder="请输入行政区划名称" />
          </el-form-item>
          <el-form-item label="排序" prop="orderNum">
            <el-input v-model="form1.orderNum" placeholder="请输入排序" />
          </el-form-item>
          <el-form-item label="有效时间" prop="validTime">
            <el-date-picker clearable v-model="form1.validTime" type="date" value-format="yyyy-MM-dd"
              placeholder="请选择有效时间">
            </el-date-picker> </el-form-item><br />
          <el-form-item label="备注" prop="remark">
            <el-input v-model="form1.remark" type="textarea" placeholder="请输入内容" :rows="2" label-width="400px"
              style="width: 830px" resize="none"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer2">
          <el-button type="primary" @click="submitFormS">确 定</el-button>
          <el-button @click="cancel1">取 消</el-button>
        </div>
      </el-dialog>
      <el-row :gutter="20">
        <el-col :span="17">
          <div class="grid-content bg-purple">
            <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
              label-width="106px" v-show="top">
              <el-form-item label="匿名" prop="isNow">
                <el-select v-model="isNow" placeholder="是否匿名" @change="freezing(isNow)">
                  <el-option v-for="dict in dictType" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>

            <el-form-item label="姓名" prop="cusName" :rules="[
              {
                required: true,
                validator: (rule, value, callback) => {
                  if (!form.cusName) {
                    callback('');
                  } else if (form.cusName) {
                    callback();
                  }
              <el-form-item label="姓名" prop="cusName" :rules="[
                {
                  required: true,
                  validator: (rule, value, callback) => {
                    if (!form.cusName) {
                      callback('');
                    } else if (form.cusName) {
                      callback();
                    }
                  },
                  trigger: 'blur',
                },
                trigger: 'blur',
              },
            ]">
              <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="openname">
                姓名
              </span>
              <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled"
                @input="form.cusName = $event.replace(/\s/g, '')" />
            </el-form-item>
              ]">
                <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="openname">
                  姓名
                </span>
                <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled"
                  @input="form.cusName = $event.replace(/\s/g, '')" />
              </el-form-item>

            <el-form-item label="证件类型" prop="idType">
              <el-select :disabled="isDisabled" v-model="form.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="cusNational">
              <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="请选择民族">
                <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
              <el-form-item label="证件类型" prop="idType">
                <el-select :disabled="isDisabled" v-model="form.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="cusNational">
                <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="请选择民族">
                  <el-option v-for="dict in dict.type.dict_user_national" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>

            <el-form-item label="性别" prop="cusSex" :rules="[
              {
                required: true,
                validator: (rule, value, callback) => {
                  if (!form.cusSex && showHidden.has_sex === 'Y') {
                    callback('');
                  } else if (showHidden.has_sex === 'N') {
                    callback();
                  } else if (form.cusSex && showHidden.has_sex === 'Y') {
                    callback();
                  }
              <el-form-item label="性别" prop="cusSex" :rules="[
                {
                  required: true,
                  validator: (rule, value, callback) => {
                    if (!form.cusSex && showHidden.has_sex === 'Y') {
                      callback('');
                    } else if (showHidden.has_sex === 'N') {
                      callback();
                    } else if (form.cusSex && showHidden.has_sex === 'Y') {
                      callback();
                    }
                  },
                  trigger: 'blur',
                },
                trigger: 'blur',
              },
            ]">
              <el-select :disabled="isDisabled" v-model="form.cusSex" placeholder="性别">
                <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-select :disabled="isDisabled" v-model="form.cusSex" placeholder="性别">
                  <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="cusIdcard" :rules="[
              {
                required: true,
                validator: (rule, value, callback) => {
                  if (!form.cusIdcard && showHidden.has_idcard === 'Y') {
                    callback('');
                  } else if (showHidden.has_idcard === 'N') {
                    callback();
                  } else if (
                    form.cusIdcard &&
                    showHidden.has_idcard === 'Y'
                  ) {
                    callback();
                  }
              <el-form-item label="证件号码" prop="cusIdcard" :rules="[
                {
                  required: true,
                  validator: (rule, value, callback) => {
                    if (!form.cusIdcard && showHidden.has_idcard === 'Y') {
                      callback('');
                    } else if (showHidden.has_idcard === 'N') {
                      callback();
                    } else if (
                      form.cusIdcard &&
                      showHidden.has_idcard === 'Y'
                    ) {
                      callback();
                    }
                  },
                  trigger: 'blur',
                },
                trigger: 'blur',
              },
            ]">
              <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuery">
                证件号码
              </span>
              <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="请输入身份证号"
                @input="handleIdCardInput" />
              <!-- <i style="
              ]">
                <span slot="label" style="display: inline-block; border-bottom: 2px solid blue" @click="handleQuery">
                  证件号码
                </span>
                <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="请输入身份证号"
                  @input="handleIdCardInput" />
                <!-- <i style="
                    font-size: 1rem;
                    position: absolute;
                    right: -20px;
                    top: 10px;
                    cursor: pointer;
                  " class="el-icon-search" @click="handleQuery"></i> -->
            </el-form-item>
              </el-form-item>

            <el-form-item label="婚姻" prop="cusMarryStatus">
              <el-select :disabled="isDisabled" v-model="form.cusMarryStatus" placeholder="婚姻状况">
                <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
              <el-form-item label="婚姻" prop="cusMarryStatus">
                <el-select :disabled="isDisabled" v-model="form.cusMarryStatus" placeholder="婚姻状况">
                  <el-option v-for="dict in dict.type.dict_user_marry" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>

            <el-form-item label="电话" prop="cusPhone" :rules="[
              {
                required: true,
                validator: (rule, value, callback) => {
                  if (!form.cusPhone && showHidden.is_phone === 'Y') {
                    callback('');
                  } else if (showHidden.is_phone === 'N') {
                    callback();
                  } else if (form.cusPhone && showHidden.is_phone === 'Y') {
                    callback();
                  }
              <el-form-item label="电话" prop="cusPhone" :rules="[
                {
                  required: true,
                  validator: (rule, value, callback) => {
                    if (!form.cusPhone && showHidden.is_phone === 'Y') {
                      callback('');
                    } else if (showHidden.is_phone === 'N') {
                      callback();
                    } else if (form.cusPhone && showHidden.is_phone === 'Y') {
                      callback();
                    }
                  },
                  trigger: 'blur',
                },
                trigger: 'blur',
              },
            ]">
              <el-input v-model="form.cusPhone" placeholder="请输入联系电话"  maxlength="11" :disabled="isDisabled"
                @input="form.cusPhone = $event.replace(/\s/g, '')" />
            </el-form-item>
              ]">
                <el-input v-model="form.cusPhone" placeholder="请输入联系电话" maxlength="11" :disabled="isDisabled"
                  @input="form.cusPhone = $event.replace(/\s/g, '')" />
              </el-form-item>

            <el-form-item label="出生日期" prop="cusBrithday">
              <el-date-picker :disabled="isDisabled" clearable v-model="form.cusBrithday" type="date"
                value-format="yyyy-MM-dd" placeholder="请选择出生日期" style="width: 93%">
              </el-date-picker>
            </el-form-item>
              <el-form-item label="出生日期" prop="cusBrithday">
                <el-date-picker :disabled="isDisabled" clearable v-model="form.cusBrithday" type="date"
                  value-format="yyyy-MM-dd" placeholder="请选择出生日期" style="width: 93%">
                </el-date-picker>
              </el-form-item>

            <el-form-item label="职业" prop="career">
              <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="请输入职业">
                <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="career">
                <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="请输入职业">
                  <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="cusEmail">
              <el-input v-model="form.cusEmail" placeholder="请输入邮箱" :disabled="isDisabled" />
            </el-form-item>
              <el-form-item label="邮箱" prop="cusEmail">
                <el-input v-model="form.cusEmail" placeholder="请输入邮箱" :disabled="isDisabled" />
              </el-form-item>

            <el-form-item label="年龄" prop="age">
              <el-input v-model="form.age" :disabled="isDisabled" style="width: 30%" />
              <el-select :disabled="isDisabled" v-model="form.ageUnit" style="width: 20%">
                <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>
          <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
            label-width="106px" v-show="top">
            <el-form-item label="介绍人" prop="cusIntroduce">
              <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" />
            </el-form-item>
              <el-form-item label="年龄" prop="age">
                <el-input v-model="form.age" :disabled="isDisabled" style="width: 30%" />
                <el-select :disabled="isDisabled" v-model="form.ageUnit" style="width: 20%">
                  <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>
            <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
              label-width="106px" v-show="top">
              <el-form-item label="介绍人" prop="cusIntroduce">
                <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" />
              </el-form-item>

            <el-form-item label="文化程度" prop="wenHua" label-width="93px">
              <el-input :disabled="isDisabled" v-model="form.wenHua" placeholder="请输入文化程度" />
            </el-form-item>
            <el-form-item label="工龄" prop="gl">
              <div>
                <el-input v-model="form.gl" style="width: 50%">
                  <template slot="append">年</template>
                </el-input>
              </div>
            </el-form-item>
          </el-form>
          <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="106px"
            v-show="top">
            <el-row :gutter="21">
              <el-form-item label="文化程度" prop="wenHua" label-width="93px">
                <el-input :disabled="isDisabled" v-model="form.wenHua" placeholder="请输入文化程度" />
              </el-form-item>
              <el-form-item label="工龄" prop="gl">
                <div>
                  <el-input v-model="form.gl" style="width: 50%">
                    <template slot="append">年</template>
                  </el-input>
                </div>
              </el-form-item>
            </el-form>
            <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="106px"
              v-show="top">
              <el-row :gutter="21">
                <el-col :span="19">
                  <el-form-item label="户口地址" prop="addr">
                    <el-input v-model="form.addr" placeholder="请输入户口地址" :disabled="isDisabled" />
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>

            <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="106px"
              v-show="top">
              <el-row :gutter="21">
                <el-col :span="19">
                  <el-form-item label="现住地址" prop="cusAddr">
                    <el-input v-model="form.cusAddr" placeholder="请输入现居住地址" :disabled="isDisabled" />
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>

            <el-row v-show="top">
              <el-col :span="19">
                <el-form-item label="户口地址" prop="addr">
                  <el-input v-model="form.addr" placeholder="请输入户口地址" :disabled="isDisabled" />
                </el-form-item>
                <div style="float: right; margin-bottom: 10px">
                  <el-button v-show="lishi" type="primary" @click="cope" size="mini">一键复制</el-button>
                  <el-button type="primary" @click="inputChanges" v-show="lishi" size="mini"
                    :disabled="confirm">历史体检记录</el-button>
                  <el-button :disabled="isDisabled" type="primary" size="mini" @click="submitForm">登记</el-button>
                  <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" @queryTable="getList">重置</el-button>
                </div>
              </el-col>
            </el-row>
          </el-form>

          <el-form ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="106px"
            v-show="top">
            <el-row :gutter="21">
              <el-col :span="19">
                <el-form-item label="现住地址" prop="cusAddr">
                  <el-input v-model="form.cusAddr" placeholder="请输入现居住地址" :disabled="isDisabled" />
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>

          <el-row v-show="top">
            <el-col :span="19">
              <div style="float: right; margin-bottom: 10px">
                <el-button v-show="lishi" type="primary" @click="cope" size="mini">一键复制</el-button>
                <el-button type="primary" @click="inputChanges" v-show="lishi" size="mini"
                  :disabled="confirm">历史体检记录</el-button>
                <el-button :disabled="isDisabled" type="primary" size="mini" @click="submitForm">登记</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" @queryTable="getList">重置</el-button>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>
      <el-col :span="7" v-show="top">
        <div class="content" v-show="showHidden.mall_hasPhoto == 'Y'">
          <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px">
            <img v-if="imageUrl" :src="imageUrl" class="avatar" />
          </div>
          <div v-if="imgSrc" class="img_bg_camera">
            <img style="
        </el-col>
        <el-col :span="7" v-show="top">
          <div class="content" v-show="showHidden.mall_hasPhoto == 'Y'">
            <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px">
              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
            </div>
            <div v-if="imgSrc" class="img_bg_camera">
              <img style="
                width: 200px;
                height: 200px;
                margin-left: -20px;
                margin-top: 90px;
                padding-top: 1px;
              " :src="imgSrc" alt="" class="tx_img" />
          </div>
          <video v-show="hides" id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay
            style="margin-top: 1px"></video>
          <canvas style="display: none" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas>
          <div class="camera_outer" style="margin-top: 10px">
            <el-button type="primary" plain size="mini" @click="getCompetence()">打开摄像头</el-button>
            <el-button type="primary" plain size="mini" @click="setImage()">拍照</el-button>
            <br />
          </div>
        </div>
      </el-col>
    </el-row>

    <el-dialog title="选择套餐" :visible.sync="taocan" width="70%" height="700px" :close-on-click-modal="false">
      <el-tabs type="border-card" style="height: 560px; margin: 0 10px; width: 100%" v-model="activeNames"
        @tab-click="handleClick">
        <el-tab-pane label="套餐" name="first">
          <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-if="showSearch" label-width="auto" @submit.native.prevent="handle">
            <el-form-item label="套餐名称" prop="pacName">
              <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-form-item>
          </el-form>
          <div class="tab4">
            <div class="grid-content bg-purple" style="margin-left: 5px; width: 98%">
              <el-table v-loading="loading" element-loading-text="正在加载中..." element-loading-spinner="el-icon-loading"
                border :data="newpacName" @selection-change="handleSelectionChange" height="450px" ref="tb">
                <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>
          </div>
        </el-tab-pane>
        <el-tab-pane label="组合" name="third">
          <el-row :gutter="20" style="width: 100%">
            <el-col :span="6" style="min-width: 200px">
              <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                项目列表
              </div>
              <el-input placeholder="输入关键字进行过滤" v-model="filterage">
              </el-input>
              <div class="tab3">
                <el-tree class="filter-tree" v-loading="loading" :data="packageList" :props="defaultProp" show-checkbox
                  node-key="id" @check="handlepackage" :default-checked-keys="checkedkeys"
                  :filter-node-method="filterpackage" ref="treas" :render-content="renderContents">
                </el-tree>
              </div>
            </el-col>
            <el-col :span="6" style="min-width: 200px">
              <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                明细项目列表
              </div>
              <div class="tab3">
                <el-tree class="filter-tree" v-loading="loading" :data="packagedataList" node-key="proId"
                  :props="defaultpackProps" :filter-node-method="filterpackage" @check-change="handlePackageChecked"
                  :default-checked-keys="checkedListkey1" :render-content="renderContent">
                </el-tree>
              </div>
            </el-col>
            <el-col :span="11">
              <div class="grid-content bg-purple">
                <div style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  ">
                  已选项目列表
                </div>
                <el-table :data="DataLists" border style="width: 100%" height="400" :span-method="objectspanmethod">
                  <el-table-column prop="propinName" label="检查项目">
                  </el-table-column>
                  <el-table-column prop="proName" label="明细项目" width="260px">
                  </el-table-column>
                  <el-table-column prop="sl" label="数量" width="56px">
                  </el-table-column>

                  <el-table-column prop="proPrice" label="原价" width="56px">
                  </el-table-column>

                  <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"
                    width="50px">
                    <template slot-scope="scope">
                      <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)"
                        title="删除"></el-button>
                    </template>
                  </el-table-column>
                </el-table>

                <h3 style="font-weight: 600">合计：{{ marryalls }}元</h3>
              </div>
            </el-col>
          </el-row>
        </el-tab-pane>
        <el-tab-pane label="单项" name="second">
          <el-row :gutter="20" style="width: 100%">
            <el-col :span="6" style="min-width: 200px">
              <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                项目列表
              </div>
              <el-input placeholder="输入关键字进行过滤" v-model="filterText" style="margin-bottom: 10px">
              </el-input>
              <div class="tab3">
                <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
                  node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey"
                  :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
                </el-tree>
              </div>
            </el-col>
            <el-col :span="6" style="min-width: 200px">
              <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                明细项目列表
              </div>
              <div class="tab3">
                <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId"
                  :props="defaultProps" :filter-node-method="filterNode" show-checkbox
                  @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey"
                  :render-content="renderContent">
                </el-tree>
              </div>
            </el-col>
            <el-col :span="11">
              <div class="grid-content bg-purple">
                <div style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  ">
                  已选项目列表
                </div>
                <el-table :data="DataList" border style="width: 100%" height="400" :span-method="objectSpanMethod">
                  <el-table-column prop="propinName" label="检查项目">
                  </el-table-column>
                  <el-table-column prop="proName" label="明细项目" width="260px">
                  </el-table-column>
                  <el-table-column prop="sl" label="数量" width="56px">
                  </el-table-column>
                  <el-table-column prop="proPrice" label="原价" width="56px">
                  </el-table-column>
                  <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"
                    width="50px">
                    <template slot-scope="scope">
                      <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                        title="删除"></el-button>
                    </template>
                  </el-table-column>
                </el-table>
                <h3 style="font-weight: 600">合计：{{ marryall }}元</h3>
              </div>
            </el-col>
          </el-row>
        </el-tab-pane>
      </el-tabs>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </span>
    </el-dialog>
    <!-- -->
    <el-row v-if="tcShow">
      <el-col :span="15">
        <div class="grid-content bg-purple">
          <template>
            <el-form :model="form" :inline="true" label-width="75px" style="margin-left: 20px; width: 900px">
              <el-form-item label="姓名" prop="cusName">
                <span slot="label"> 姓名 </span>
                <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" />
              </el-form-item>
              <el-form-item label="性别" prop="cusSex">
                <el-select :disabled="isDisabled" v-model="form.cusSex" placeholder="性别" style="width: 150px">
                  <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="cusIdcard">
                <span slot="label"> 证件号码 </span>
                <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="请输入身份证号" @input="inputChange" />
              </el-form-item>
              <el-form-item label="单位名称" prop="firmName">
                <el-select v-model="form.firmName" remote default-first-option allow-create filterable
                  style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1" @clear="clear">
                  <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName" :value="dict.cnName" />
                </el-select>
              </el-form-item>
              <el-form-item label="单位部门" prop="firmDeptName">
                <el-input v-model="form.firmDeptName" style="width: 150px" placeholder="请输入单位部门" @input="inputChange" />
              </el-form-item>
              <el-form-item label="体检类型">
                <el-select 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>
              <el-form-item label="体检类别">
                <el-select style="width: 200px" v-model="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-input v-model="form.category" placeholder="请输入体检类别" /> -->
              </el-form-item>

              <el-form-item label="应收金额">
                <el-input placeholder="应收金额" v-model="TotalPrice1" disabled style="width: 150px"></el-input>
              </el-form-item>
              <el-form-item label="折扣">
                <!-- {{ discount }} -->
                <el-input-number ref="inputNumber" style="width: 150px" v-model="discount" :precision="1" :step="0.1"
                  :max="10" :min="0" @change="debounceNumberChange" :disabled="isfalse"></el-input-number>
              </el-form-item>
              <el-form-item label="实收金额">
                <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 206px" @input="changeXianjia"
                  @blur="numberChangeXianPrice(discount, discount)" />
              </el-form-item>
            <video v-show="hides" id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay
              style="margin-top: 1px"></video>
            <canvas style="display: none" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas>
            <div class="camera_outer" style="margin-top: 10px">
              <el-button type="primary" plain size="mini" @click="getCompetence()">打开摄像头</el-button>
              <el-button type="primary" plain size="mini" @click="setImage()">拍照</el-button>
              <br />

              <el-form-item style="margin-left: 149px">
                <el-button type="primary" @click="Package" size="mini" style="margin-right: 20px">选择套餐</el-button>
                <el-button type="primary" @click="resetpackage" size="mini" style="margin-right: 20px">重置套餐</el-button>
                <el-button type="primary" @click="submitPrice" :loading="loadingSubmit" :disabled="loadingSubmit"
                  v-if="showHidden.has_charge == 'N'" size="mini">签到登记</el-button>
                <el-button type="primary" @click="submitCheckinfee" :disabled="confirm"
                  v-if="showHidden.has_charge == 'Y'" size="mini">登记收费</el-button>
              </el-form-item>
              <!-- </el-form> -->
              <!-- </div> -->
            </el-form>
          </template>

          <el-dialog title="邮寄" :visible.sync="malldisble" :close-on-click-modal="false">
            <el-form :model="addAddress" :rules="rules" label-width="78px" style="margin-left: 7px">
              <el-form-item label="姓名">
                <el-input placeholder="姓名" v-model="addAddress.getUser"></el-input>
              </el-form-item>
              <el-form-item label="电话">
                <el-input placeholder="电话" v-model="addAddress.phone"></el-input>
              </el-form-item>
              <el-form-item label="地址">
                <el-input placeholder="地址" v-model="addAddress.address"></el-input>
              </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
              <el-button type="primary" @click="cancell">确 定</el-button>
              <el-button @click="cancel">取 消</el-button>
            </div>
          </el-dialog>
          </div>
        </el-col>
      </el-row>

          <div style="
      <el-dialog title="选择套餐" :visible.sync="taocan" width="70%" height="700px" :close-on-click-modal="false">
        <el-tabs type="border-card" style="height: 560px; margin: 0 10px; width: 100%" v-model="activeNames"
          @tab-click="handleClick">
          <el-tab-pane label="套餐" name="first">
            <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-if="showSearch"
              label-width="auto" @submit.native.prevent="handle">
              <el-form-item label="套餐名称" prop="pacName">
                <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-form-item>
            </el-form>
            <div class="tab4">
              <div class="grid-content bg-purple" style="margin-left: 5px; width: 98%">
                <el-table v-loading="loading" element-loading-text="正在加载中..." element-loading-spinner="el-icon-loading"
                  border :data="newpacName" @selection-change="handleSelectionChange" height="450px" ref="tb">
                  <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>
            </div>
          </el-tab-pane>
          <el-tab-pane label="组合" name="third">
            <el-row :gutter="20" style="width: 100%">
              <el-col :span="6" style="min-width: 200px">
                <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                  项目列表
                </div>
                <el-input placeholder="输入关键字进行过滤" v-model="filterage">
                </el-input>
                <div class="tab3">
                  <el-tree class="filter-tree" v-loading="loading" :data="packageList" :props="defaultProp"
                    show-checkbox node-key="id" @check="handlepackage" :default-checked-keys="checkedkeys"
                    :filter-node-method="filterpackage" ref="treas" :render-content="renderContents">
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="6" style="min-width: 200px">
                <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                  明细项目列表
                </div>
                <div class="tab3">
                  <el-tree class="filter-tree" v-loading="loading" :data="packagedataList" node-key="proId"
                    :props="defaultpackProps" :filter-node-method="filterpackage" @check-change="handlePackageChecked"
                    :default-checked-keys="checkedListkey1" :render-content="renderContent">
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="11">
                <div class="grid-content bg-purple">
                  <div style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  ">
                    已选项目列表
                  </div>
                  <el-table :data="DataLists" border style="width: 100%" height="400" :span-method="objectspanmethod">
                    <el-table-column prop="propinName" label="检查项目">
                    </el-table-column>
                    <el-table-column prop="proName" label="明细项目" width="260px">
                    </el-table-column>
                    <el-table-column prop="sl" label="数量" width="56px">
                    </el-table-column>

                    <el-table-column prop="proPrice" label="原价" width="56px">
                    </el-table-column>

                    <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"
                      width="50px">
                      <template slot-scope="scope">
                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDel(scope.row)"
                          title="删除"></el-button>
                      </template>
                    </el-table-column>
                  </el-table>

                  <h3 style="font-weight: 600">合计：{{ marryalls }}元</h3>
                </div>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="单项" name="second">
            <el-row :gutter="20" style="width: 100%">
              <el-col :span="6" style="min-width: 200px">
                <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                  项目列表
                </div>
                <el-input placeholder="输入关键字进行过滤" v-model="filterText" style="margin-bottom: 10px">
                </el-input>
                <div class="tab3">
                  <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
                    node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey"
                    :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="6" style="min-width: 200px">
                <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
                  明细项目列表
                </div>
                <div class="tab3">
                  <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId"
                    :props="defaultProps" :filter-node-method="filterNode" show-checkbox
                    @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey"
                    :render-content="renderContent">
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="11">
                <div class="grid-content bg-purple">
                  <div style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  ">
                    已选项目列表
                  </div>
                  <el-table :data="DataList" border style="width: 100%" height="400" :span-method="objectSpanMethod">
                    <el-table-column prop="propinName" label="检查项目">
                    </el-table-column>
                    <el-table-column prop="proName" label="明细项目" width="260px">
                    </el-table-column>
                    <el-table-column prop="sl" label="数量" width="56px">
                    </el-table-column>
                    <el-table-column prop="proPrice" label="原价" width="56px">
                    </el-table-column>
                    <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"
                      width="50px">
                      <template slot-scope="scope">
                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                          title="删除"></el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                  <h3 style="font-weight: 600">合计：{{ marryall }}元</h3>
                </div>
              </el-col>
            </el-row>
          </el-tab-pane>
        </el-tabs>
        <span slot="footer" class="dialog-footer">
          <el-button @click="cancel">取 消</el-button>
          <el-button type="primary" @click="submit">确 定</el-button>
        </span>
      </el-dialog>
      <!-- -->
      <el-row v-if="tcShow">
        <el-col :span="15">
          <div class="grid-content bg-purple">
            <template>
              <el-form :model="form" :inline="true" label-width="75px" style="margin-left: 20px; width: 900px">
                <el-form-item label="姓名" prop="cusName">
                  <span slot="label"> 姓名 </span>
                  <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" />
                </el-form-item>
                <el-form-item label="性别" prop="cusSex">
                  <el-select :disabled="isDisabled" v-model="form.cusSex" placeholder="性别" style="width: 150px">
                    <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="cusIdcard">
                  <span slot="label"> 证件号码 </span>
                  <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="请输入身份证号"
                    @input="inputChange" />
                </el-form-item>
                <el-form-item label="单位名称" prop="firmName">
                  <el-select v-model="form.firmName" remote default-first-option allow-create filterable
                    style="width: 200px" placeholder="请选择单位名称" clearable @change="idFn1" @clear="clear">
                    <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
                      :value="dict.cnName" />
                  </el-select>
                </el-form-item>
                <el-form-item label="单位部门" prop="firmDeptName">
                  <el-input v-model="form.firmDeptName" style="width: 150px" placeholder="请输入单位部门"
                    @input="inputChange" />
                </el-form-item>
                <el-form-item label="体检类型">
                  <el-select 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>
                <el-form-item label="体检类别">
                  <el-select style="width: 200px" v-model="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-input v-model="form.category" placeholder="请输入体检类别" /> -->
                </el-form-item>

                <el-form-item label="应收金额">
                  <el-input placeholder="应收金额" v-model="TotalPrice1" disabled style="width: 150px"></el-input>
                </el-form-item>
                <el-form-item label="折扣">
                  <!-- {{ discount }} -->
                  <el-input-number ref="inputNumber" style="width: 150px" v-model="discount" :precision="1" :step="0.1"
                    :max="10" :min="0" @change="debounceNumberChange" :disabled="isfalse"></el-input-number>
                </el-form-item>
                <el-form-item label="实收金额">
                  <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 206px" @input="changeXianjia"
                    @blur="numberChangeXianPrice(discount, discount)" />
                </el-form-item>
                <br />

                <el-form-item style="margin-left: 149px">
                  <el-button type="primary" @click="Package" size="mini" style="margin-right: 20px">选择套餐</el-button>
                  <el-button type="primary" @click="resetpackage" size="mini"
                    style="margin-right: 20px">重置套餐</el-button>
                  <el-button type="primary" @click="submitPrice" :loading="loadingSubmit" :disabled="loadingSubmit"
                    v-if="showHidden.has_charge == 'N'" size="mini">签到登记</el-button>
                  <el-button type="primary" @click="submitCheckinfee" :disabled="confirm"
                    v-if="showHidden.has_charge == 'Y'" size="mini">登记收费</el-button>
                </el-form-item>
                <!-- </el-form> -->
                <!-- </div> -->
              </el-form>
            </template>

            <el-dialog title="邮寄" :visible.sync="malldisble" :close-on-click-modal="false">
              <el-form :model="addAddress" :rules="rules" label-width="78px" style="margin-left: 7px">
                <el-form-item label="姓名">
                  <el-input placeholder="姓名" v-model="addAddress.getUser"></el-input>
                </el-form-item>
                <el-form-item label="电话">
                  <el-input placeholder="电话" v-model="addAddress.phone"></el-input>
                </el-form-item>
                <el-form-item label="地址">
                  <el-input placeholder="地址" v-model="addAddress.address"></el-input>
                </el-form-item>
              </el-form>
              <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="cancell">确 定</el-button>
                <el-button @click="cancel">取 消</el-button>
              </div>
            </el-dialog>

            <div style="
              display: flex;
              align-items: center;
              justify-content: flex-start;
              width: 100%;
            ">
            <div style="
              <div style="
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
@@ -556,24 +561,25 @@
                font-size: 16px;
                margin-right: 20px;
              ">
              <span v-if="this.tableData1[0]">{{
                this.tableData1[0].pacName || ""
              }}</span>
              已选项目条数：<span style="font-weight: 700; color: red; margin-right: 5px">{{ this.tableData1.length || 0
              }}</span>条
                <span v-if="this.tableData1[0]">{{
                  this.tableData1[0].pacName || ""
                  }}</span>
                已选项目条数：<span style="font-weight: 700; color: red; margin-right: 5px">{{ this.tableData1.length || 0
                  }}</span>条
              </div>
              已选项目列表
            </div>
            已选项目列表
          </div>

          <div v-loading="contentLoading" element-loading-text="加载中..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(255, 255, 255, 0.7)" style=" padding: 0px 6px;
            <div v-loading="contentLoading" element-loading-text="加载中..." element-loading-spinner="el-icon-loading"
              element-loading-background="rgba(255, 255, 255, 0.7)" style=" padding: 0px 6px;
    border: 1px solid #e6ebf5;
    max-height: 650%;
    overflow: auto;
    width: 916px;
    margin-left: 35px;" >
    margin-left: 35px;">

          
          <div style="

              <div style="
              padding: 0px 6px;
              border: 1px solid #e6ebf5;
              max-height: 650%;
@@ -581,187 +587,188 @@
              width: 916px;
              margin-left: 35px;
            ">
            <el-table :data="tableData1" border style="width: 100%">
              <el-table-column prop="proName" label="项目" width="180">
              </el-table-column>
              <el-table-column prop="proType" label="性别" width="50">
                <template slot-scope="scope">
                  <template v-if="isAll(scope.row.proType)"> 全部 </template>
                  <template v-else>
                    <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
                  </template>
                </template>
              </el-table-column>
                <el-table :data="tableData1" border style="width: 100%">
                  <el-table-column prop="proName" label="项目" width="180">
                  </el-table-column>
                  <el-table-column prop="proType" label="性别" width="50">
                    <template slot-scope="scope">
                      <template v-if="isAll(scope.row.proType)"> 全部 </template>
                      <template v-else>
                        <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
                      </template>
                    </template>
                  </el-table-column>

              <el-table-column prop="ordPrice" label="应收金额">
              </el-table-column>
              <el-table-column label="折扣">
                <template slot-scope="scope">
                  <!-- 只输入纯数字折扣 -->
                  <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)"
                    @change="handleManualChange(scope.row)" placeholder="输入折扣" size="small" type="number" :precision="1"
                    :step="0.1" :max="10" :min="0">
                  </el-input-number>
                </template>
              </el-table-column>
              <el-table-column prop="nowPrice" label="实收金额">
                <template slot-scope="scope">
                  {{ scope.row.nowPrice.toFixed(2) }}
                </template>
              </el-table-column>
              <el-table-column prop="proCheckMethod" label="是否空腹">
                <template slot-scope="scope">
                  <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
                </template>
              </el-table-column>
              <!-- <el-table-column prop="proCheckMethod" label="公费">
                  <el-table-column prop="ordPrice" label="应收金额">
                  </el-table-column>
                  <el-table-column label="折扣">
                    <template slot-scope="scope">
                      <!-- 只输入纯数字折扣 -->
                      <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)"
                        @change="handleManualChange(scope.row)" placeholder="输入折扣" size="small" type="number"
                        :precision="1" :step="0.1" :max="10" :min="0">
                      </el-input-number>
                    </template>
                  </el-table-column>
                  <el-table-column prop="nowPrice" label="实收金额">
                    <template slot-scope="scope">
                      {{ scope.row.nowPrice.toFixed(2) }}
                    </template>
                  </el-table-column>
                  <el-table-column prop="proCheckMethod" label="是否空腹">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
                    </template>
                  </el-table-column>
                  <!-- <el-table-column prop="proCheckMethod" label="公费">
                <template #default="scope">
                  <el-checkbox v-model="scope.row.free" :disabled="true">
                    {{ scope.row.free ? "免费" : "收费" }}
                  </el-checkbox>
                </template>
              </el-table-column> -->
              <el-table-column label="操作" align="center" width="80px">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)" title="删除">
                  </el-button>
                </template>
              </el-table-column>
            </el-table>
                  <el-table-column label="操作" align="center" width="80px">
                    <template slot-scope="scope">
                      <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)"
                        title="删除">
                      </el-button>
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </div>
          </div>
          </div>
        </el-col>
      </el-row>

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

    <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>
      </div>
    </el-dialog>
      <el-dialog title="收费" :visible.sync="charge" width="59%" height="700px">
        <div>
          <el-table id="sig" v-loading="loading" :data="feeitems" @selection-change="handleSelect" tooltip-effect="dark"
            ref="multipleTable" border>
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="姓名" align="center" prop="tjName" width="100px" />
            <el-table-column label="性别" align="center" prop="sex" width="90px">
              <template slot-scope="scope">
                <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
              </template>
            </el-table-column>
            <el-table-column label="身份证" align="center" prop="idCard" width="150px"
              :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="手机号" align="center" prop="tjPhone" width="120px"
              :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="体检号" align="center" prop="tjNumber" width="160px" />
            <el-table-column label="登记时间" align="center" prop="tjFlowingWater.createTime"
              :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="单位名称" align="center" prop="tjComp"></el-table-column>
            <el-table-column label="体检类型" align="center" prop="tjType" width="80px">
              <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="tjFlowingWater.waterId" width="200px" />
            <el-table-column label="收费员" align="center" prop="tjFlowingWater.updateBy" width="100px" />
          </el-table>

    <el-dialog title="收费" :visible.sync="charge" width="59%" height="700px">
      <div>
        <el-table id="sig" v-loading="loading" :data="feeitems" @selection-change="handleSelect" tooltip-effect="dark"
          ref="multipleTable" border>
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="姓名" align="center" prop="tjName" width="100px" />
          <el-table-column label="性别" align="center" prop="sex" width="90px">
            <template slot-scope="scope">
              <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
            </template>
          </el-table-column>
          <el-table-column label="身份证" align="center" prop="idCard" width="150px"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="手机号" align="center" prop="tjPhone" width="120px"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="体检号" align="center" prop="tjNumber" width="160px" />
          <el-table-column label="登记时间" align="center" prop="tjFlowingWater.createTime"
            :show-overflow-tooltip="true"></el-table-column>
          <el-table-column label="单位名称" align="center" prop="tjComp"></el-table-column>
          <el-table-column label="体检类型" align="center" prop="tjType" width="80px">
            <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="tjFlowingWater.waterId" width="200px" />
          <el-table-column label="收费员" align="center" prop="tjFlowingWater.updateBy" width="100px" />
        </el-table>
          <el-row :gutter="10" class="mb8">
            <el-col :span="20">
              <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px">
                <el-form-item label="应收金额">
                  <el-input style="width: 86px" :value="formInline.price + '.00'" placeholder="金额"
                    :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="优惠">
                  <el-input-number style="width: 140px" v-model="discount" :precision="1" :step="0.1" :max="10" :min="0"
                    @change="debounceNumberChange" :disabled="isfalse"></el-input-number>
                </el-form-item>
                <el-form-item label="实收金额">
                  <el-input v-model="formInline.paidIn" placeholder="实付" style="width: 94px">
                  </el-input>
                </el-form-item>
                <el-form-item label="付款类型" prop="payType">
                  <el-select style="width: 120px" v-model="formInline.payType" placeholder="请选择付款类型">
                    <el-option v-for="dict in dict.type.dict_pay_type" :key="dict.value" :label="dict.label"
                      :value="dict.value"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item>
                  <el-button style="margin-left: 15px" type="primary" size="mini" @click="SubmitEvent">收费</el-button>
                </el-form-item>
              </el-form>
            </el-col>
          </el-row>

        <el-row :gutter="10" class="mb8">
          <el-col :span="20">
            <el-form :inline="true" :model="formInline" class="demo-form-inline" style="margin: 12px 6px">
              <el-form-item label="应收金额">
                <el-input style="width: 86px" :value="formInline.price + '.00'" placeholder="金额"
                  :disabled="true"></el-input>
              </el-form-item>
              <el-form-item label="优惠">
                <el-input-number style="width: 140px" v-model="discount" :precision="1" :step="0.1" :max="10" :min="0"
                  @change="debounceNumberChange" :disabled="isfalse"></el-input-number>
              </el-form-item>
              <el-form-item label="实收金额">
                <el-input v-model="formInline.paidIn" placeholder="实付" style="width: 94px">
                </el-input>
              </el-form-item>
              <el-form-item label="付款类型" prop="payType">
                <el-select style="width: 120px" v-model="formInline.payType" placeholder="请选择付款类型">
                  <el-option v-for="dict in dict.type.dict_pay_type" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button style="margin-left: 15px" type="primary" size="mini" @click="SubmitEvent">收费</el-button>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>

        <el-table v-loading="loading" :data="Chargesubitem" border height="240">
          <el-table-column type="index" width="50"> </el-table-column>
          <el-table-column label="项目名称" align="center" prop="proName" />
          <el-table-column label="应收金额" align="center" prop="proOrdPrice" />
          <el-table-column label="实收金额" align="center" prop="proPrice" />
        </el-table>
      </div>
    </el-dialog>
    <el-dialog title="提示" :visible.sync="cardreader" width="30%" :close-on-press-escape="false"
      :close-on-click-modal="false">
      <template>
        <el-radio-group v-model="cardreaderradio" @input="changeradio">
          <el-radio :label="3">身份证</el-radio>
          <el-radio :label="6">健康码</el-radio>
        </el-radio-group>
        <div style="margin-top: 10px" v-show="cardreaderradio == 6">
          <el-input v-model="inputSSS" ref="tableHeadFilterInp" placeholder="请输入内容"></el-input>
          <el-table v-loading="loading" :data="Chargesubitem" border height="240">
            <el-table-column type="index" width="50"> </el-table-column>
            <el-table-column label="项目名称" align="center" prop="proName" />
            <el-table-column label="应收金额" align="center" prop="proOrdPrice" />
            <el-table-column label="实收金额" align="center" prop="proPrice" />
          </el-table>
        </div>
      </template>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cardreader = false">取 消</el-button>
        <el-button type="primary" @click="cardreadercopes">确 定</el-button>
      </span>
    </el-dialog>
    <div style="position: absolute; bottom: 100px; width: 360px; display: none">
      <div id="printBill" style="width: 280px; font-size: 1px" ref="printContent">
        <div style="font-size: 1px">
          <div style="text-align: center">
            <h3>{{ hospName }}小票</h3>
      </el-dialog>
      <el-dialog title="提示" :visible.sync="cardreader" width="30%" :close-on-press-escape="false"
        :close-on-click-modal="false">
        <template>
          <el-radio-group v-model="cardreaderradio" @input="changeradio">
            <el-radio :label="3">身份证</el-radio>
            <el-radio :label="6">健康码</el-radio>
          </el-radio-group>
          <div style="margin-top: 10px" v-show="cardreaderradio == 6">
            <el-input v-model="inputSSS" ref="tableHeadFilterInp" placeholder="请输入内容"></el-input>
          </div>
        </template>
        <span slot="footer" class="dialog-footer">
          <el-button @click="cardreader = false">取 消</el-button>
          <el-button type="primary" @click="cardreadercopes">确 定</el-button>
        </span>
      </el-dialog>
      <div style="position: absolute; bottom: 100px; width: 360px; display: none">
        <div id="printBill" style="width: 280px; font-size: 1px" ref="printContent">
          <div style="font-size: 1px">
            <div style="text-align: center">
              <h3>{{ hospName }}小票</h3>
            </div>

          <div style="margin-top: 4px">
            <div>姓名:{{ formIn.name }}</div>
            <div>电话:{{ formIn.phone }}</div>
            <div>体检项目:{{ formIn.tjPro }}</div>
            <div>实收金额:{{ formInline.paidIn }}元</div>
            <div>收费时间:{{ currentDate + " " + currentTime }}</div>
            <div style="margin-top: 4px">
              <div>姓名:{{ formIn.name }}</div>
              <div>电话:{{ formIn.phone }}</div>
              <div>体检项目:{{ formIn.tjPro }}</div>
              <div>实收金额:{{ formInline.paidIn }}元</div>
              <div>收费时间:{{ currentDate + " " + currentTime }}</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- <el-dialog
      <!-- <el-dialog
      title="拍照"
      :visible.sync="beat"
      width="40%"
      :before-close="handleClose"
    > -->

    <!-- <span slot="footer" class="dialog-footer">
      <!-- <span slot="footer" class="dialog-footer">
        <el-button @click="beat = false">取 消</el-button>
        <el-button type="primary" @click="beat = false">确 定</el-button>
      </span> -->
    <!-- </el-dialog> -->
    <historyTj :cusIdCard="form.cusIdcard" ref="historyTj"></historyTj>
    <el-dialog title="提示" :visible.sync="dialogVisiblese" width="30%">
      <span>是否复制最近一次的体检项目？</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblese = false">取 消</el-button>
        <el-button type="primary" @click="copes">确 定</el-button>
      </span>
    </el-dialog>
    <Packages ref="aaa" @add="handleChanges" />
    <selectName ref="bbb" @add="handleChangesName" />
      <!-- </el-dialog> -->
      <historyTj :cusIdCard="form.cusIdcard" ref="historyTj"></historyTj>
      <el-dialog title="提示" :visible.sync="dialogVisiblese" width="30%">
        <span>是否复制最近一次的体检项目？</span>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisiblese = false">取 消</el-button>
          <el-button type="primary" @click="copes">确 定</el-button>
        </span>
      </el-dialog>
      <Packages ref="aaa" @add="handleChanges" />
      <selectName ref="bbb" @add="handleChangesName" />
    </div>
  </div>
</div>
</template>

<script>
@@ -1340,7 +1347,7 @@
      if (data.proName.indexOf(value) !== -1) return true;
      let values = value.toLowerCase();
      if (data.proEngName.indexOf(values) !== -1) return true;
     

      // 匹配小写
      let arr = data.proName.spell("low", "array");
      let spell = arr.join("");
@@ -1819,7 +1826,7 @@
      let cusIdcard = this.form.cusIdcard;
      if (cusIdcard) {
        getCusIdcard(cusIdcard).then((response) => {
          console.log(response,1111111111)
          console.log(response, 1111111111)
          _this.top = false;
          if (response.data) {
            this.form = response.data;
@@ -1975,7 +1982,7 @@
    // 最新使用webSocket通信
    readCardWebSocket(resultObj) {
      let _this = this;
 const isChineseChar = (char) => /[\u4E00-\u9FA5]/.test(char)
      const isChineseChar = (char) => /[\u4E00-\u9FA5]/.test(char)
      if (resultObj.code === 200 && resultObj.data.name != null) {
        //回显相关数据
        _this.form.cusName = resultObj.data.name;
@@ -2038,7 +2045,7 @@
          //回显相关数据
          _this.form.cusName = resultObj.resultContent.partyName;
          _this.form.cusSex =
            resultObj.resultContent.gender ;
            resultObj.resultContent.gender;
          _this.form.cusNational = resultObj.resultContent.nation;
          _this.form.cusBrithday = resultObj.resultContent.bornDay;
          if (_this.form.cusBrithday) {
@@ -2334,7 +2341,7 @@
        dwId: this.form.firmId,
      };
      if (this.name) {
      let name= this.name.toLowerCase()
        let name = this.name.toLowerCase()
        getPackageListName(name).then((response) => {
          this.newpacName = response.data;
          this.loading = false;
@@ -2575,7 +2582,7 @@
    handleClick(tab, event) {
      if (this.activeNames == "second") {
        console.log(this.form);
        

        this.DataList = [];
        this.checkedkey = [];
        this.TreedataList = [];
@@ -2597,7 +2604,7 @@
    getDataList() {
      this.loading = true;
      console.log(this.form);
      

      getProParentIdDxList(this.form.cusSex).then((response) => {
        this.Treedata = response.data.list;

@@ -2925,7 +2932,7 @@

    // 项目提交
    submit() {
    this.isLoading = true;
      this.isLoading = true;
      if (this.form.cusIdcard) {
        var cusId = this.form.cusIdcard;
      } else {
@@ -2940,7 +2947,7 @@
      this.TotalPrice1 = 0; // 初始化应收金额
      this.TotalPrice = 0; // 初始化实收金额

      this.contentLoading = true; 
      this.contentLoading = true;
      this.discount = 10; // 初始化折扣为10（100%）

      // 判断是否有选中的套餐
@@ -2977,11 +2984,11 @@
              this.processOrderItems(cusId);
            }
            this.isSubmitting = false; // 提交完成后重置标志
             this.isLoading = false;
            this.isLoading = false;
          })
          .catch(() => {
            this.isSubmitting = false; // 确保在错误情况下也重置标志
             this.isLoading = false;
            this.isLoading = false;
          });
      } else {
        getaddtTransition(data)
@@ -2990,12 +2997,12 @@
              this.processOrderItems(cusId);
            }
            this.isSubmitting = false; // 提交完成后重置标志
             this.isLoading = false;
            this.isLoading = false;
            // this.contentLoading = false;
          })
          .catch(() => {
            this.isSubmitting = false; // 确保在错误情况下也重置标志
             this.isLoading = false;
            this.isLoading = false;
            // this.contentLoading = false;
          });
      }
@@ -3007,18 +3014,22 @@

    // 处理订单项目
    processOrderItems(cusId) {
      console.log(111112222233333)
      getTransitionList1(cusId).then((response) => {
        this.contentLoading = false;
        this.tableData1 = response.data;
        this.tableData1 = response.data.list;
        if (response.data.tjCategory != null) {
          this.tjCategory = response.data.tjCategory;


        }
        let Price = 0;
        if (this.tableData1) {
          this.tableData1.forEach((item) => {
            if (typeof item.nowPrice === 'number') {
              item.nowPrice = Number(item.nowPrice.toFixed(2));
            }
            if (item.tjCategory != null) {
              this.tjCategory = item.tjCategory;
            }

            if (item.pacName == "单项") {
              item.list.forEach((item9) => {
                this.treeList.push(item9.proId);