qxtj

qinxianzhangyao

2023-11-01 e4e9a44b2e2ba516aa307d8edf91b430cce7e1d6

 src/views/system/tijian/index.vue

@@ -1,134 +1,173 @@
<template>
  <div class="app-container">
    <div style="display: flex;">
      <div style="width:76%;">
        <el-form  :inline="true" ref="form" :model="form" :rules="rules"
          :label-position="labelPosition" class="demo-form-inline" label-width="auto" v-show="top">
          <el-row type="flex">
            <el-col :span="6">
              <el-form-item label="是否匿名" prop="isNow">
                <el-select style="width: 11rem" v-model="isNow" placeholder="是否匿名" @change="freezing(isNow)">
    <div style="display: flex">
      <div style="width: 76%">
        <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
          label-width="106px" v-show="top">
          <el-row>
            <el-col :span="5">
              <el-form-item label="匿名" prop="isNow" style="display: flex;">
                <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-col>
            <el-col :span="6">
              <el-form-item label="姓名" prop="cusName">
                <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" style="width: 13rem" />
            <el-col :span="7">
              <el-form-item label="姓名" prop="cusName" style="display: flex;">
                <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="证件类型" prop="idType">
                <el-select :disabled="isDisabled" style="width: 13rem" v-model="form.idType" placeholder="请选择证件类型">
            <el-col :span="9">
              <el-form-item label="证件类型" prop="idType" style="display: flex;">
                <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-col>
            <el-col :span="6">
              <el-form-item label="证件号" prop="cusIdcard" :rules="showHidden.has_idcard === 'Y' ? rules.cusIdcard : []"
                :required="showHidden.has_idcard === 'Y'">
                <el-input :disabled="isDisabled" style="width: 16rem" v-model="form.cusIdcard" placeholder="请输入身份证号"
                  @input="inputChange" />
                <i style="font-size: 1rem; margin-left: 3px" class="el-icon-search" @click="handleQuery"></i>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
          label-width="106px" v-show="top">
          <el-row>
            <el-col :span="6">
              <el-form-item label="年龄" prop="age">
            <el-input style="width: 5rem" v-model="form.age" :disabled="isDisabled" />
          </el-form-item>
          <el-form-item prop="ageUnit">
            <el-select :disabled="isDisabled" style="width: 5rem" v-model="form.ageUnit">
              <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-col>
            <el-col :span="6">
              <el-form-item label="性别" prop="cusSex" :rules="showHidden.has_sex === 'Y' ? rules.cusSex : []"
                :required="showHidden.has_sex === 'Y'">
                <el-select :disabled="isDisabled" style="width: 13rem" 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-col>
            <el-col :span="6">
              <el-form-item label="出生日期" prop="cusBrithday">
                <el-date-picker :disabled="isDisabled" style="width: 13.4rem" clearable v-model="form.cusBrithday"
                  type="date" value-format="yyyy-MM-dd" placeholder="请选择出生日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="联系电话" prop="cusPhone" :rules="showHidden.is_phone === 'Y' ? rules.cusPhone : []"
                :required="showHidden.is_phone === 'Y'">
                <el-input v-model="form.cusPhone" placeholder="请输入联系电话" :disabled="isDisabled" style="width: 16rem" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="户口地址" prop="addr">
                <el-input v-model="form.addr" placeholder="请输入户口地址" :disabled="isDisabled" style="width: 31.5rem" />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="现住址" prop="cusAddr">
                <el-input v-model="form.cusAddr" placeholder="请输入现居住地址" :disabled="isDisabled" style="width: 36.5rem" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <el-form-item label="职业" prop="career">
                <el-select filterable :disabled="isDisabled" v-model="form.career" placeholder="请输入职业"
                  style="width: 11rem">
                  <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-col>
            <el-col :span="6">
              <el-form-item label="民族" prop="cusNational">
                <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="请选择民族"
                  style="width: 13rem">
            <el-col :span="5">
              <el-form-item label="民族" prop="cusNational" style="display: flex;">
                <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-col>
            <el-col :span="6">
              <el-form-item label="婚姻" prop="cusMarryStatus">
                <el-select :disabled="isDisabled" style="width: 11rem" v-model="form.cusMarryStatus" placeholder="婚姻状况">
            <el-col :span="7">
              <el-form-item label="性别" prop="cusSex" :rules="showHidden.has_sex === 'Y' ? rules.cusSex : []"
                :required="showHidden.has_sex === 'Y'" style="display: flex;">
                <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-col>


            <el-col :span="9">
              <el-form-item label="证件号" prop="cusIdcard" :rules="showHidden.has_idcard === 'Y' ? rules.cusIdcard : []"
                :required="showHidden.has_idcard === 'Y'" style="display: flex;">
                <el-input :disabled="isDisabled" v-model="form.cusIdcard" placeholder="请输入身份证号" @input="inputChange" />
                <i style="
                    font-size: 1rem;
                    position: absolute;
                    right: -20px;
                    top: 10px;
                    cursor: pointer;
                  " class="el-icon-search" @click="handleQuery"></i>
              </el-form-item>
            </el-col>

          </el-row>
        </el-form>
        <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
          label-width="106px" v-show="top">
          <el-row>

            <el-col :span="5">
              <el-form-item label="婚姻" prop="cusMarryStatus" style="display: flex;">
                <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-col>
            <el-col :span="7">
              <el-form-item label="电话" prop="cusPhone" :rules="showHidden.is_phone === 'Y' ? rules.cusPhone : []"
                :required="showHidden.is_phone === 'Y'" style="display: flex;">
                <el-input v-model="form.cusPhone" placeholder="请输入联系电话" :disabled="isDisabled" />
              </el-form-item>
            </el-col>
           
            <el-col :span="9">
              <el-form-item label="出生日期" prop="cusBrithday" style="display: flex;">
                <el-date-picker :disabled="isDisabled" clearable v-model="form.cusBrithday" type="date"
                  value-format="yyyy-MM-dd" placeholder="请选择出生日期">
                </el-date-picker>
              </el-form-item>
            </el-col>

          </el-row>
        </el-form>
        <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition"
          label-width="106px" v-show="top">
          <el-row>
            <el-col :span="5">
              <el-form-item label="职业" prop="career" style="display: flex;">
                <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-col>
           
            <el-col :span="7">
              <el-form-item label="邮箱" prop="cusEmail" style="display: flex;">
                <el-input v-model="form.cusEmail" placeholder="请输入邮箱" :disabled="isDisabled" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="工作单位" prop="company">
                <el-input :disabled="isDisabled" v-model="form.company" placeholder="请输入工作单位" style="width: 18rem" />
              <el-form-item label="年龄  " prop="age" style="display: flex;" label-width="150px
              ">
                <el-input v-model="form.age" :disabled="isDisabled" style="padding-left: 10%;"/>
              </el-form-item>
            </el-col>
            <el-col :span="3">
              <el-form-item prop="ageUnit">
                <el-select :disabled="isDisabled" v-model="form.ageUnit" style="width: 94%">
                  <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-col>
          </el-row>
        </el-form>
        <el-form ref="form" :model="form" :rules="rules" label-width="80px" :label-position="labelPosition">
          <el-row>
            <el-col :span="6">
              <el-form-item label="介绍人" prop="cusIntroduce">
                <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" style="width: 11rem" />
            <el-col :span="20">
              <el-form-item label="户口地址" prop="addr">
                <el-input v-model="form.addr" placeholder="请输入户口地址" :disabled="isDisabled" style="width: 103%;" />
              </el-form-item>

            </el-col>
          </el-row>
        </el-form>
        <el-form ref="form" :model="form" :rules="rules" label-width="80px" :label-position="labelPosition">
          <el-row>
            <el-col :span="20">
              <el-form-item label="现住址" prop="cusAddr">
                <el-input v-model="form.cusAddr" style="width: 103%;" placeholder="请输入现居住地址" :disabled="isDisabled"  />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="邮箱" prop="cusEmail">
                <el-input v-model="form.cusEmail" placeholder="请输入邮箱" :disabled="isDisabled" style="width: 13rem" />
          </el-row>
        </el-form>
        <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="98px"
          v-show="top">
          <el-row>
            <el-col :span="10">
              <el-form-item label="介绍人" prop="cusIntroduce" style="display: flex;">
                <el-input  :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item style="margin-left: 24rem">
                <el-button :disabled="isDisabled" style="margin-left: 5rem" type="primary" size="mini"
                  @click="submitForm">登记</el-button>
            <el-col :span="11">
              <el-form-item label="工作单位" prop="company" style="display: flex;">
                <el-input style="width: 100%;"  :disabled="isDisabled" v-model="form.company" placeholder="请输入工作单位" />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <el-form :inline="true" ref="form" :model="form" :rules="rules" :label-position="labelPosition" label-width="80px"
          v-show="top">
          <el-row>
            <el-col :span="24">
              <el-form-item>
                <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>
              </el-form-item>
            </el-col>
@@ -136,17 +175,17 @@
        </el-form>
      </div>
      <div class="content" v-show="showHidden.mall_hasPhoto == 'Y'">
        <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px">
        <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px;margin-left: 5%;">
          <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" />
              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>
@@ -610,7 +649,7 @@
      currentDate: "",
      currentTime: "",
      formIn: {
        tjPro:"体检费"
        tjPro: "体检费"
      },
      selectionList: [],
      OrderId: "",
@@ -646,7 +685,7 @@
      activeName: "1",
      // 遮罩层
      loading: false,
      labelPosition: "right",
      labelPosition: "left",
      imageUrl: "",
      isDisabled: false,
      size: "",
@@ -1517,7 +1556,7 @@
                }
                this.pacName = item.pacName;
              });
             

              const r = /^\+?[0-9][0-9]*$/; //正整数（可以0打头）
              let TotalPrice = this.TotalPrice1 * (this.discount / 10);
              if (r.test(TotalPrice)) {
@@ -1527,7 +1566,7 @@
                this.TotalPrice =
                  TotalPrice
              }
          

              this.list1 = false;
              this.list3 = true;

@@ -1627,7 +1666,7 @@
          if (response.data) {
            this.feeitems = response.data;
            this.loading = false;
          }else{
          } else {
            this.feeitems = []
            this.loading = false;
          }
@@ -1895,10 +1934,6 @@
  display: block;
}

.el-col-8 {
  width: 330px;
}

.tab4 {
  width: 100%;
  display: flex;
@@ -1974,6 +2009,15 @@
  height: 300px;
}

.el-input--suffix .el-input__inner {
  padding-right: 15px;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 95.9%;
}

/* .el-dialog {
  width: 1000px;
  min-height: 500px;