qxtj

qinxianzhangyao

2023-10-31 77a9049c3318d4103b01d2b23abaa7d55580039d

 src/views/system/tijian/index.vue

@@ -1,10 +1,10 @@
<template>
  <div class="app-container">
    <!-- <div style="display: flex;">
    <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>
          <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)">
@@ -135,7 +135,7 @@
          </el-row>
        </el-form>
      </div>
      <div class="content">
      <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>
@@ -156,184 +156,8 @@
          <el-button type="primary" plain size="mini" @click="setImage()">拍照</el-button><br />
        </div>
      </div>
    </div> -->
    <el-row v-show="top">
      <el-col :span="18">
        <div>
          <el-form style="margin: 4px 8px;" :inline="true" ref="form" :model="form" :rules="rules"
            :label-position="labelPosition" class="demo-form-inline" label-width="80px">
            <el-form-item label="是否匿名" prop="isNow">
              <el-select style="width: 11rem" 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">
              <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" style="width: 13rem" />
            </el-form-item>
            <el-form-item label="证件类型" prop="idType">
              <el-select :disabled="isDisabled" style="width: 13rem" 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>
    </div>

            <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>
            <br />
            <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-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-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-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-form-item label="户口地址" prop="addr">
              <el-input v-model="form.addr" placeholder="请输入户口地址" :disabled="isDisabled" style="width: 31.5rem" />
            </el-form-item>
            <el-form-item label="现住址" prop="cusAddr">
              <el-input v-model="form.cusAddr" placeholder="请输入现居住地址" :disabled="isDisabled" style="width: 36.5rem" />
            </el-form-item><br />
            <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-form-item label="民族" prop="cusNational">
              <el-select filterable :disabled="isDisabled" v-model="form.cusNational" placeholder="请选择民族"
                style="width: 13rem">
                <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="cusMarryStatus">
              <el-select :disabled="isDisabled" style="width: 11rem" 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="company">
              <el-input :disabled="isDisabled" v-model="form.company" placeholder="请输入工作单位" style="width: 18rem" />
            </el-form-item><br />

            <!-- <el-form-item label="邮政编码" prop="cusPostcode">
            <el-input
              v-model="form.cusPostcode"
              placeholder="请输入邮政编码"
            />
          </el-form-item> -->

            <el-form-item label="介绍人" prop="cusIntroduce">
              <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" style="width: 11rem" />
            </el-form-item>
            <el-form-item label="邮箱" prop="cusEmail">
              <el-input v-model="form.cusEmail" placeholder="请输入邮箱" :disabled="isDisabled" style="width: 13rem" />
            </el-form-item>
            <!-- <el-form-item label="索引卡号" prop="indexCard">
            <el-input v-model="form.indexCard" placeholder="请输入索引卡号" />
          </el-form-item> -->
            <!-- <el-form-item label="民族" prop="cusNational">
              <el-select
              filterable
                :disabled="isDisabled"
                v-model="form.cusNational"
                placeholder="请选择民族"
                style="width: 200px"
              >
                <el-option
                  v-for="dict in dict.type.dict_user_national"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                >
                <span style="float: left">{{ dict.label }}</span>
                <span style="float: right; color: #8492a6; font-size: 13px">{{ dict.value }}</span>
                </el-option>
              </el-select>
            </el-form-item> -->

            <!-- <el-form-item label="是否VIP" prop="cusIsvip">
              <el-select style="width: 200px" v-model="form.cusIsvip" placeholder="是否VIP">
                <el-option v-for="dict in dict.type.sys_yes_no" :key="dict.value" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item> -->
            <!-- <el-form-item label="团队/个人" prop="tjType">
              <el-radio-group v-model="form.tjType">
                <el-radio label="团队" v-if="form.tjType == '团队'"></el-radio>
                <el-radio label="个人" v-if="form.tjType == null"></el-radio>
              </el-radio-group>
            </el-form-item> -->
            <el-form-item style="margin-left: 24rem">
              <el-button :disabled="isDisabled" style="margin-left: 5rem" type="primary" size="mini"
                @click="submitForm">登记</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" @queryTable="getList">重置</el-button>
              <!-- v-if="tcShows" -->
              <!-- <el-button type="primary" icon="el-icon-search" @click="handleQuery" size="mini">查询</el-button> -->
            </el-form-item>
          </el-form>
        </div>
      </el-col>
      <el-col :span="4" style="1px solid black;mar-right:60px" v-show="showHidden.mall_hasPhoto == 'Y'">
        <div class="content">
          <!-- <el-upload
            v-show="hide"
            class="avatar-uploader"
            action="https://jsonplaceholder.typicode.com/posts/"
            :show-file-list="false"
            :on-success="handleAvatarSuccess"
            :before-upload="beforeAvatarUpload"
          > -->
          <div v-show="hide" style="border: 1px dashed #dcdfe6; width: 180px; height: 180px">
            <img v-if="imageUrl" :src="imageUrl" class="avatar" />
          </div>
          <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
          <!-- </el-upload> -->
          <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="stopNavigator()"
          >关闭摄像头</el-button
        > -->
            <el-button type="primary" plain size="mini" @click="setImage()">拍照</el-button><br />
          </div>
          <!-- <el-button type="text" @click="beat = true">点击拍照</el-button> -->
        </div>
      </el-col>
    </el-row>

    <el-dialog title="选择套餐" :visible.sync="taocan" width="42%" height="700px">
      <el-tabs type="border-card" style="height: 560px; margin:0 10px; width: 100%">