qxtj

qinxianzhangyao

2023-10-31 c5351e5f1d21b848bbaaa403726115d220443074

 src/views/system/tijian/index.vue

@@ -1,20 +1,177 @@
<template>
  <div class="app-container">
    <el-row class="container" v-show="top">
      <el-col style="width: 1050px">
        <div style="width: 1200px">
          <el-form style="margin: 4px 8px; width: 1200px" :inline="true" ref="form" :model="form" :rules="rules"
    <!-- <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-col :span="6">
              <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-col>
            <el-col :span="6">
              <el-form-item label="姓名" prop="cusName">
                <el-input v-model="form.cusName" placeholder="请输入姓名" :disabled="isDisabled" style="width: 13rem" />
              </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-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-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-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-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="6">
              <el-form-item label="工作单位" prop="company">
                <el-input :disabled="isDisabled" v-model="form.company" placeholder="请输入工作单位" style="width: 18rem" />
              </el-form-item>
            </el-col>
          </el-row>
          <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-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-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-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">
        <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>
    </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: 130px" v-model="isNow" placeholder="是否匿名" @change="freezing(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: 160px" />
              <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: 160px" v-model="form.idType" placeholder="请选择证件类型">
              <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>
@@ -22,63 +179,63 @@

            <el-form-item label="证件号" prop="cusIdcard" :rules="showHidden.has_idcard === 'Y' ? rules.cusIdcard : []"
              :required="showHidden.has_idcard === 'Y'">
              <el-input :disabled="isDisabled" style="width: 186px" v-model="form.cusIdcard" placeholder="请输入身份证号"
              <el-input :disabled="isDisabled" style="width: 16rem" v-model="form.cusIdcard" placeholder="请输入身份证号"
                @input="inputChange" />
              <i style="font-size: 17px; margin-left: 3px" class="el-icon-search" @click="handleQuery"></i>
              <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: 60px" v-model="form.age" :disabled="isDisabled" />
              <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: 60px" v-model="form.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: 160px" v-model="form.cusSex" placeholder="性别">
              <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: 160px" clearable v-model="form.cusBrithday" type="date"
              <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: 186px" />
              <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: 380px" />
              <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: 440px" />
              <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: 130px">
              <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: 160px">
                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: 130px" v-model="form.cusMarryStatus" placeholder="婚姻状况">
              <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: 220px" />
              <el-input :disabled="isDisabled" v-model="form.company" placeholder="请输入工作单位" style="width: 18rem" />
            </el-form-item><br />

            <!-- <el-form-item label="邮政编码" prop="cusPostcode">
@@ -89,10 +246,10 @@
          </el-form-item> -->

            <el-form-item label="介绍人" prop="cusIntroduce">
              <el-input :disabled="isDisabled" v-model="form.cusIntroduce" placeholder="请输入介绍人" style="width: 130px" />
              <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: 160px" />
              <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="请输入索引卡号" />
@@ -129,8 +286,8 @@
                <el-radio label="个人" v-if="form.tjType == null"></el-radio>
              </el-radio-group>
            </el-form-item> -->
            <el-form-item style="margin-left: 260px">
              <el-button :disabled="isDisabled" style="margin-left: 50px" type="primary" size="mini"
            <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" -->
@@ -1645,6 +1802,10 @@
        getfindTj(data).then((response) => {
          if (response.data) {
            this.feeitems = response.data;
            this.loading = false;
          }else{
            this.feeitems = []
            this.loading = false;
          }
        })
      });