qxtj

qinxianzhangyao

2023-12-04 5d6c890bd2fff4c46cefead7351d75c1532be57c

 src/views/system/tijian/index.vue

@@ -1,165 +1,208 @@
<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" v-show="top">
          <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" v-show="top">
          <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="9">
              <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>
          </el-row>
        </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">
          <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 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;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" />
          </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>
      </div>
    </div>


    <el-dialog title="选择套餐" :visible.sync="taocan" width="42%" height="700px">

    <el-dialog title="选择套餐" :visible.sync="taocan" width="50%" height="700px">
      <el-tabs type="border-card" style="height: 560px; margin:0 10px; width: 100%">
        <el-tab-pane label="套餐">
          <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="auto">
@@ -302,7 +345,21 @@
              <el-form-item label="实收金额">
                <el-input placeholder="实收金额" v-model="TotalPrice" style="width: 126px"></el-input>
              </el-form-item>

              <!-- 140828199805050012 -->
              <el-form-item label="领取方式">
                <!-- <el-input style="width: 100%;"  v-model="form.getType" placeholder="请选择领取方式" /> -->
                <el-select v-model="getType" style="width: 94%" @change="getmailType">
                  <el-option v-for="dict in dict.type.report_get_type" :key="dict.value" :label="dict.label"
                    :value="dict.value"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="体检类别">
                <el-select style="width: 140px" 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>
                <el-button type="primary" @click="Package" size="mini">选择套餐</el-button>
                <el-button type="primary" @click="submitPrice" :disabled="confirm" v-if="showHidden.has_charge == 'N'"
@@ -315,8 +372,25 @@
            </el-form>
          </template>

          <div style="text-align: center; margin-bottom: 10px; margin-right: 800px">
          <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="text-align: center; margin-bottom: 10px; ">
            已选项目列表
          </div>
          <div style="
@@ -527,6 +601,8 @@
      </div>
    </div>



    <!-- <el-dialog
      title="拍照"
      :visible.sync="beat"
@@ -564,6 +640,8 @@
import VTreeTransfer from './TreeTransfer.vue'
export default {
  dicts: [
    "dict_tjtype",
    "report_get_type",
    "dict_user_national",
    "dict_user_marry",
    "sys_yes_no",
@@ -606,11 +684,13 @@
        payType: "0",
        paidIn: "0.00",
      },
      getType: "",
      hospName: "",
      currentDate: "",
      currentTime: "",
      tjCategory:"",
      formIn: {
        tjPro:"体检费"
        tjPro: "体检费"
      },
      selectionList: [],
      OrderId: "",
@@ -646,7 +726,7 @@
      activeName: "1",
      // 遮罩层
      loading: false,
      labelPosition: "right",
      labelPosition: "left",
      imageUrl: "",
      isDisabled: false,
      size: "",
@@ -670,11 +750,13 @@
      activeName: "1",
      DataList: [],
      fData: [],
      addAddress: {},
      tjOrderList: [], //单个项目集合
      tjFlowingWater: {},
      // 搜索套餐名字
      name: "",
      isfalse: false,
      malldisble: false,
      responseList: {},
      showHidden: {},
      tjNumbers: "",
@@ -755,20 +837,20 @@
        cusSex: [
          { required: true, message: "性别不能为空", trigger: "change" },
        ],
        // cusBrithday: [
        //   { required: true, message: "出生日期不能为空", trigger: "blur" },
        // ],
        // cusAddr: [
        //   { required: true, message: "现居住地址不能为空", trigger: "blur" },
        // ],
        address: [
          { required: true, message: "地址不能为空", trigger: "blur" },
        ],
        phone: [
          { required: true, message: "手机号不能为空", trigger: "blur" },
        ],
        cusPhone: [
          { required: true, message: "联系电话不能为空", trigger: "blur" },
          { required: true, message: "联系电话不能为空", trigger: "change" },
        ],
        // cusNational: [
        //   { required: true, message: "民族不能为空", trigger: "change" },
        // ],
        cusIdcard: [
          { required: true, message: "身份证号不能为空", trigger: "blur" },
          { required: true, message: "身份证号不能为空", trigger: "change" },
        ],
      },
    };
@@ -1116,6 +1198,16 @@
      });
    },


    getmailType() {
      if (this.getType == "2") {
        this.addAddress.getUser = this.form.cusName
        this.addAddress.phone = this.form.cusPhone
        this.addAddress.address = this.form.cusAddr
        this.malldisble = true
      }
    },

    // 根据身份证查询
    handleQuery() {
      this.loading = true;
@@ -1345,8 +1437,19 @@
    // 取消按钮
    cancel() {
      this.Seachopen = false;
      this.taocan = false
      this.taocan = false;
      this.malldisble = false;
      this.defaultKeys = []
    },

    cancell() {
      console.log(this.addAddress.address)
      if (this.addAddress.address) {
        this.malldisble = false;
      } else {
        this.$message.error("请填写地址");
      }

    },

    /** 搜索操作 */
@@ -1517,7 +1620,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 +1630,7 @@
                this.TotalPrice =
                  TotalPrice
              }
          

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

@@ -1598,7 +1701,7 @@
      this.tjFlowingWater = { copeWith, paidIn, discount };

      let data;
      if (pacId) {
      if (pacId || this.getType == "2") {
        data = {
          photo: this.srcUrl,
          pacId,
@@ -1606,6 +1709,9 @@
          tjFlowingWater: this.tjFlowingWater,
          userId,
          tjType,
          getType: this.getType,
          addAddress: this.addAddress,
          tjCategory:this.tjCategory
        };
      } else {
        data = {
@@ -1614,6 +1720,8 @@
          tjFlowingWater: this.tjFlowingWater,
          userId,
          tjType,
          getType: this.getType,
          tjCategory:this.tjCategory
        };
      }
      getOrder(data).then((res) => {
@@ -1627,7 +1735,7 @@
          if (response.data) {
            this.feeitems = response.data;
            this.loading = false;
          }else{
          } else {
            this.feeitems = []
            this.loading = false;
          }
@@ -1895,10 +2003,6 @@
  display: block;
}

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

.tab4 {
  width: 100%;
  display: flex;
@@ -1974,6 +2078,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;