From c5351e5f1d21b848bbaaa403726115d220443074 Mon Sep 17 00:00:00 2001
From: qinxianzhangyao <11053546+qinxianzhangyao@user.noreply.gitee.com>
Date: 星期二, 31 十月 2023 15:36:24 +0800
Subject: [PATCH] qxtj
---
src/views/system/tijian/index.vue | 209 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 185 insertions(+), 24 deletions(-)
diff --git a/src/views/system/tijian/index.vue b/src/views/system/tijian/index.vue
index ed25297..92b0160 100644
--- a/src/views/system/tijian/index.vue
+++ b/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;
}
})
});
--
Gitblit v1.8.0