Skip to content

F
founder_vue
Commit 383965df by 李姝悦
Options

注释掉新增人员按钮

parent 1d16b90d
Showing with 545 additions and 423 deletions
src/views/AllPersonnelBase/AllPersonnelBase.vue
......@@ -99,14 +99,14 @@
>
发查询
</div>
<button
<!-- <button
v-if="roleArr.includes('F-1-7')"
:class="this.disabled ? 'btn disabled ' : 'btn new'"
@click="isShowXzryBtn"
:disabled="disabled"
>
<i class="el-icon-plus"></i>新增人员
</button>
</button> -->
</div>
</div>
<!--四 -->
......
src/views/AllPersonnelBase/modules/xzry.vue
<template>
<el-dialog
title="新增人员"
:visible.sync="dialogVisible"
width="59.875rem"
top="1.25rem"
append-to-body
:before-close="handleClose"
:close-on-click-modal="false"
:modal='false'
>
<el-form
:label-position="labelPosition"
:inline="true"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
class="demo-form-inline"
>
<el-dialog title="新增人员" :visible.sync="dialogVisible" width="59.875rem" top="1.25rem" append-to-body
:before-close="handleClose" :close-on-click-modal="false" :modal="false">
<el-form :label-position="labelPosition" :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm"
class="demo-form-inline">
<!-- 一 -->
<el-row class="title">
<div class="colorDiv"></div>
<div>捺印指掌纹基本信息</div>
<div class="jbxx">捺印指掌纹基本信息</div>
</el-row>
<!-- 二 -->
<el-row>
<el-col :span="12">
<el-form-item
label="人员编号："
prop="ysxtAsjxgrybh"
>
<el-input
class="inputBh"
v-model.trim="ruleForm.ysxtAsjxgrybh"
placeholder="请输入人员编号"
maxlength="22"
show-word-limit
clearable
><template slot="prepend">R</template></el-input>
<el-row class="item-row">
<el-form-item label="人员编号：" prop="ysxtAsjxgrybh">
<el-input class="inputBh" v-model.trim="ruleForm.ysxtAsjxgrybh" placeholder="请输入人员编号" maxlength="22"
show-word-limit clearable><template slot="prepend">R</template></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="警综人员编号：">
<!-- prop="jzrybh" -->
<el-input
v-model.trim="ruleForm.jzrybh"
placeholder="请输入警综人员编号"
maxlength="23"
show-word-limit
clearable
></el-input>
<el-input v-model.trim="ruleForm.jzrybh" placeholder="请输入警综人员编号" maxlength="23" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 三 -->
<el-row>
<el-col :span="12">
<el-form-item
label="采集信息原因："
prop="cjxxyydm"
>
<SelectCode
codeUrl="/api/code/cjxxyydm"
width="16.5"
clearable
:form="ruleForm"
id="cjxxyydm"
multiple
:multipleLimit="5"
></SelectCode>
<el-row class="item-row">
<el-form-item label="采集信息原因：" prop="cjxxyydm">
<SelectCode codeUrl="/api/code/cjxxyydm" width="16.5" clearable :form="ruleForm" id="cjxxyydm" multiple
:multipleLimit="5"></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="指掌纹卡编号：">
<!-- prop="zzhwkbh" -->
<el-input
v-model.trim="ruleForm.zzhwkbh"
placeholder="请输入指掌纹卡编号"
maxlength="23"
show-word-limit
clearable
></el-input>
<el-input v-model.trim="ruleForm.zzhwkbh" placeholder="请输入指掌纹卡编号" maxlength="23" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 四 -->
<el-row>
<el-col :span="12">
<el-form-item>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案事件相关人员编号：">
<el-row class="item-row">
<el-form-item> </el-form-item>
<el-form-item class="no_require" label="案事件相关人员编号：">
<!-- prop="asjxgrybh" -->
<el-input
v-model.trim="ruleForm.asjxgrybh"
placeholder="请输入案事件相关人员编号"
maxlength="23"
show-word-limit
clearable
></el-input>
<el-input v-model.trim="ruleForm.asjxgrybh" placeholder="请输入案事件相关人员编号" maxlength="23" show-word-limit
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-divider></el-divider>
<!-- 五 -->
<el-row class="title">
<div class="colorDiv"></div>
<div>指掌纹提取信息</div>
</el-row>
<!-- 六 -->
<el-row>
<el-col :span="12">
<el-form-item
label="姓名："
prop="xm"
>
<el-input
v-model.trim="ruleForm.xm"
placeholder="请输入姓名"
clearable
maxlength="50"
show-word-limit
></el-input>
<el-row class="item-row">
<el-form-item label="姓名：" prop="xm">
<el-input v-model.trim="ruleForm.xm" placeholder="请输入姓名" clearable maxlength="50" show-word-limit></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="别名/绰号：">
<el-input
v-model.trim="ruleForm.bmch"
placeholder="请输入别名/绰号"
maxlength="50"
show-word-limit
clearable
></el-input>
<el-input v-model.trim="ruleForm.bmch" placeholder="请输入别名/绰号" maxlength="50" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 七 -->
<el-row>
<el-col :span="12">
<el-form-item
label="性别："
prop="xbdm"
>
<SelectCode
codeUrl="/api/code/sex"
width="16.5"
clearable
:form="ruleForm"
id="xbdm"
></SelectCode>
<el-row class="item-row">
<el-form-item label="性别：" prop="xbdm">
<SelectCode codeUrl="/api/code/sex" width="16.5" clearable :form="ruleForm" id="xbdm"></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="出生日期："
prop="csrq"
>
<el-date-picker
type="date"
placeholder="请选择出生日期"
v-model="ruleForm.csrq"
style="width: 100%"
:picker-options="{
<el-form-item label="出生日期：" prop="csrq">
<el-date-picker type="date" placeholder="请选择出生日期" v-model="ruleForm.csrq" style="width: 100%" :picker-options="{
disabledDate: disabledDate,
}"
></el-date-picker>
}"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<!-- 八 -->
<el-row>
<el-col :span="12">
<el-form-item
label="国籍："
prop="gjdm"
>
<SelectCode
codeUrl="/api/code/nationality"
width="16.5"
:form="ruleForm"
id="gjdm"
></SelectCode>
<el-row class="item-row">
<el-form-item label="国籍：" prop="gjdm">
<SelectCode codeUrl="/api/code/nationality" width="16.5" :form="ruleForm" id="gjdm"></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="民族："
prop="mzdm"
>
<SelectCode
codeUrl="/api/code/nation"
width="16.5"
clearable
:form="ruleForm"
id="mzdm"
></SelectCode>
<el-form-item label="民族：" prop="mzdm">
<SelectCode codeUrl="/api/code/nation" width="16.5" clearable :form="ruleForm" id="mzdm"></SelectCode>
</el-form-item>
</el-col>
</el-row>
<!-- 九 -->
<el-row>
<el-col :span="12">
<el-form-item
label="证件类型："
prop="cyzjdm"
>
<SelectCode
codeUrl="/api/code/certificates"
width="16.5"
clearable
:form="ruleForm"
id="cyzjdm"
></SelectCode>
<el-row class="item-row">
<el-form-item label="证件类型：" prop="cyzjdm">
<SelectCode codeUrl="/api/code/certificates" width="16.5" clearable :form="ruleForm" id="cyzjdm"></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="证件号码："
prop="zjhm"
>
<el-input
v-model.trim="ruleForm.zjhm"
placeholder="请输入证件号码"
maxlength="30"
show-word-limit
clearable
></el-input>
<el-form-item label="证件号码：" prop="zjhm">
<el-input v-model.trim="ruleForm.zjhm" placeholder="请输入证件号码" maxlength="30" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
label="户籍地行政区："
prop="hjdzXzqhdm"
>
<Cascader
:form="ruleForm"
id="hjdzXzqhdm"
codeName="CODE_XZQH"
></Cascader>
<el-row class="item-row">
<el-form-item label="户籍地行政区：" prop="hjdzXzqhdm">
<Cascader :form="ruleForm" id="hjdzXzqhdm" codeName="CODE_XZQH"></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="户籍地址："
prop="hjdzDzmc"
>
<el-input
v-model="ruleForm.hjdzDzmc"
placeholder="请输入户籍地址"
maxlength="100"
show-word-limit
clearable
></el-input>
<el-form-item label="户籍地址：" prop="hjdzDzmc">
<el-input v-model="ruleForm.hjdzDzmc" placeholder="请输入户籍地址" maxlength="100" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
label="现住址行政区："
prop="xzzXzqhdm"
>
<Cascader
:form="ruleForm"
id="xzzXzqhdm"
codeName="CODE_XZQH"
></Cascader>
<el-row class="item-row">
<el-form-item label="现住址行政区：" prop="xzzXzqhdm">
<Cascader :form="ruleForm" id="xzzXzqhdm" codeName="CODE_XZQH"></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="现住址："
prop="xzzDzmc"
>
<el-input
v-model.trim="ruleForm.xzzDzmc"
placeholder="请输入现住址"
maxlength="100"
show-word-limit
clearable
></el-input>
<el-form-item label="现住址：" prop="xzzDzmc">
<el-input v-model.trim="ruleForm.xzzDzmc" placeholder="请输入现住址" maxlength="100" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-row class="item-row">
<el-form-item label="备注信息：">
<el-input
resize="none"
type="textarea"
placeholder="请输入内容"
v-model.trim="ruleForm.bz"
maxlength="1024"
show-word-limit
>
<el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.bz" maxlength="1024"
show-word-limit>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-divider></el-divider>
<!-- 逻辑库 -->
<el-row class="title">
<div class="colorDiv"></div>
<div>人员逻辑分库</div>
<div class="tip"><span class="iconfont">&#xe649;</span>提示：当选择多个逻辑库时，工作流以最小ID逻辑库为准！</div>
<div class="tip">
<span class="iconfont">&#xe649;</span>提示：当选择多个逻辑库时，工作流以最小ID逻辑库为准！
</div>
</el-row>
<el-row class="flexBox">
<div style="margin: 15px 0"></div>
<el-checkbox-group v-model="checkedTargets">
<el-checkbox
v-for="(value,key) in targets"
:key="key"
:label="value.code"
>{{ value.name }}</el-checkbox>
<el-checkbox v-for="(value, key) in targets" :key="key" :label="value.code">{{ value.name }}</el-checkbox>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
<!-- 六 -->
<el-row class="title">
<div class="colorDiv"></div>
<div>捺印信息</div>
</el-row>
<!-- 七 -->
<el-row>
<el-col :span="12">
<el-form-item
label="捺印单位："
prop="nydwGajgjgdm"
>
<Cascader
:form="ruleForm"
id="nydwGajgjgdm"
></Cascader>
<el-row class="item-row">
<el-form-item label="捺印单位：" prop="nydwGajgjgdm">
<Cascader :form="ruleForm" id="nydwGajgjgdm"></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="捺印人姓名："
prop="nyryXm"
>
<el-input
v-model="ruleForm.nyryXm"
placeholder="请输入捺印人姓名"
maxlength="50"
show-word-limit
clearable
></el-input>
<el-form-item label="捺印人姓名：" prop="nyryXm">
<el-input v-model="ruleForm.nyryXm" placeholder="请输入捺印人姓名" maxlength="50" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 八 -->
<el-row>
<el-col :span="12">
<el-form-item
label="捺印日期："
prop="nysj"
>
<el-date-picker
type="date"
placeholder="请输入捺印日期"
v-model="ruleForm.nysj"
style="width: 100%"
:picker-options="{
<el-row class="item-row">
<el-form-item label="捺印日期：" prop="nysj">
<el-date-picker type="date" placeholder="请输入捺印日期" v-model="ruleForm.nysj" style="width: 100%" :picker-options="{
disabledDate: disabledDate,
}"
></el-date-picker>
}"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="捺印人身份证号："
prop="nyryGmsfhm"
>
<el-input
v-model="ruleForm.nyryGmsfhm"
placeholder="请输入捺印人身份证号"
maxlength="18"
show-word-limit
clearable
></el-input>
<el-form-item label="捺印人身份证号：" prop="nyryGmsfhm">
<el-input v-model="ruleForm.nyryGmsfhm" placeholder="请输入捺印人身份证号" maxlength="18" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 九 -->
<el-row>
<el-col :span="12">
<el-row class="item-row">
<el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="捺印人联系电话："
prop="nyryLxdh"
>
<el-input
v-model="ruleForm.nyryLxdh"
placeholder="请输入捺印人联系电话"
maxlength="18"
show-word-limit
clearable
></el-input>
<el-form-item class="no_require" label="捺印人联系电话：" prop="nyryLxdh">
<el-input v-model="ruleForm.nyryLxdh" placeholder="请输入捺印人联系电话" maxlength="18" show-word-limit clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-divider></el-divider>
<!-- 十 -->
<span
slot="footer"
class="dialog-footer"
>
<span slot="footer" class="dialog-footer">
<el-button @click="submitForm('ruleForm')">提交</el-button>
<el-button
@click="resetForm('ruleForm')"
type="primary"
>取 消</el-button>
<el-button @click="resetForm('ruleForm')" type="primary">取 消</el-button>
</span>
<!-- 箭头 -->
<div class="arrow-down" @click="goBottom">
<img class="arrow-down-img" src="@/assets/img/jiantou.gif" alt="">
</div>
</el-dialog>
</template>
<script>
import Cascader from "@/components/Cascader.vue";
import SelectCode from "@/components/SelectCode.vue";
export default {
import Cascader from "@/components/Cascader.vue";
import SelectCode from "@/components/SelectCode.vue";
export default {
name: "xzry",
components: {
Cascader,
SelectCode
SelectCode,
},
props: {
isShowXzry: {
type: [Number, String, Boolean],
default: false,
},
},
data () {
data() {
return {
dialogVisible: false, // 弹窗状态
labelPosition: "left", // 数据项对齐方式
checkedTargets: [1], // 选定的目标逻辑库
targets: this.$store.state.ljk.targetOptions_ry, // 目标逻辑库
ruleForm: {
ysxtAsjxgrybh: "", // 人员编号
jzrybh: "", // 警综人员编号
asjxgrybh: "", // 案事件相关人员编号号
zzhwkbh: "", // 现场掌指纹卡编号
cjxxyydm: "", // 采集信息原因
xm: "", // 姓名
bmch: "", // 别名
xbdm: "", // 性别
csrq: "", // 出生日期
gjdm: "", // 国籍
mzdm: "", // 民族
cyzjdm: "", // 证件类型
zjhm: "", // 证件号码
hjdzXzqhdm: "", // 户籍地行政区
hjdzDzmc: "", // 户籍地址
xzzXzqhdm: "", // 现住址行政区
xzzDzmc: "", // 现住址
bz: "", // 备注
nydwGajgjgdm: "", // 捺印单位
nyryXm: "", // 捺印人姓名
nysj: "", // 捺印时间
nyryGmsfhm: "", // 捺印人身份证号
nyryLxdh: "", // 捺印人电话
ifidcard: "是", // 是否采集二代身份证
zwbdxtlxms: "1", // 指纹比对描述
},
logicList: [],// 逻辑库代码
logicList: [], // 逻辑库代码
rules: {
ysxtAsjxgrybh: [
{ min: 22, max: 22, message: '编号长度有误！', trigger: 'change' },
{ min: 22, max: 22, message: "编号长度有误！", trigger: "change" },
{ required: true, message: "请输入人员条码号", trigger: "blur" },
],
jzrybh: [
{ required: true, message: "请输入警综人员编号", trigger: "blur" },
],
asjxgrybh: [
{ required: true, message: "请输入案事件人员号", trigger: "blur" },
],
zzhwkbh: [
{ required: true, message: "请输入掌指纹卡编号", trigger: "blur" },
],
cjxxyydm: [
{ required: true, message: "请选择采集信息原因", trigger: "blur" },
],
xm: [{ required: true, message: "请输入姓名", trigger: "blur" }],
xbdm: [{ required: true, message: "请选择性别", trigger: "blur" }],
csrq: [
{
type: "date",
required: true,
message: "请选择出生日期",
trigger: "change",
},
],
gjdm: [{ required: true, message: "请选择国籍", trigger: "blur" }],
mzdm: [{ required: true, message: "请选择民族", trigger: "blur" }],
cyzjdm: [
{ required: true, message: "请选择证件类型", trigger: "blur" },
],
zjhm: [{ required: true, message: "请输入证件号码", trigger: "blur" }],
hjdzXzqhdm: [
{ required: true, message: "请选择户籍地行政区", trigger: "blur" },
],
hjdzDzmc: [
{ required: true, message: "请输入户籍地址", trigger: "blur" },
],
xzzXzqhdm: [
{ required: true, message: "请选现住地行政区", trigger: "blur" },
],
xzzDzmc: [
{ required: true, message: "请输入现住地址", trigger: "blur" },
],
nydwGajgjgdm: [
{ required: true, message: "请输入捺印单位", trigger: "change" },
],
nyryXm: [
{ required: true, message: "请输入捺印人员姓名", trigger: "change" },
],
nysj: [
{
type: "date",
required: true,
message: "请选择捺印日期",
trigger: "change",
},
],
nyryGmsfhm: [
{ required: true, message: "请输入捺印人身份证号", trigger: "blur" },
{
pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
message: '证件号码格式有误！',
trigger: 'blur'
}
pattern:
/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
message: "证件号码格式有误！",
trigger: "blur",
},
],
nyryLxdh: [
{ required: true, message: "请输入捺印人联系电话", trigger: "blur" },
],
},
};
},
mounted () {
mounted() {
this.dialogVisible = this.isShowXzry;
},
watch: {
isShowXzry (newVal, oldVal) {
isShowXzry(newVal, oldVal) {
this.dialogVisible = newVal;
// let self = this
// if (newVal) {
// //监听页面滚动
// this.$nextTick(() => {
// document.querySelector('.el-dialog__body').addEventListener("scroll", (e) => {
// console.log(111111111111)
// // if (e.target.scrollTop > 400) {
// // $('.arrow-down-img').css('transform', 'rotate(180deg)');
// // } else {
// // $('.arrow-down-img').css('transform', 'rotate(0deg)');
// // }
// // let operableTree = setTimeout(() => {
// // self.$refs.referrer.blur()
// // }, 150)
// // clearTimeout(operableTree)
// // this.$refs.cascader.offOption()
// // this.$refs.cascader.dropDownVisible = false
// // this.$refs.cjxxyydm.offOption()
// // this.$refs.cjxxyydm.dropDownVisible = false
// // this.$refs.xbdm.offOption()
// // this.$refs.xbdm.dropDownVisible = false
// // this.$refs.csrq.blur();
// // this.$refs.csrq.pickerVisible = false
// }, false);
// })
// }
},
dialogVisible (val) {
dialogVisible(val) {
this.$emit("closeXzry", this.dialogVisible);
},
drawer (newValue, oldValue) {
let self = this
if (newValue) {
//监听页面滚动
this.$nextTick(() => {
document.querySelector('jbxx').addEventListener("scroll", (e) => {
if (e.target.scrollTop > 400) {
$('.arrow-down-img').css('transform', 'rotate(180deg)');
} else {
$('.arrow-down-img').css('transform', 'rotate(0deg)');
}
// 和本页面对应的标签不符，需要改
// let operableTree = setTimeout(() => {
// self.$refs.referrer.blur()
// }, 150)
// clearTimeout(operableTree)
// this.$refs.cascader.offOption()
// this.$refs.cascader.dropDownVisible = false
// this.$refs.cjxxyydm.offOption()
// this.$refs.cjxxyydm.dropDownVisible = false
// this.$refs.xbdm.offOption()
// this.$refs.xbdm.dropDownVisible = false
// this.$refs.csrq.blur();
// this.$refs.csrq.pickerVisible = false
}, false);
})
}
}
},
methods: {
disabledDate (a) {
goBottom () {
let rydaxxDrawer = document.querySelector('jbxx')
// 判断上移还是下移
if (this.arrow == 'top') {
rydaxxDrawer.scrollIntoView({ block: "start" });
$('.arrow-down-img').css('transform', 'rotate(0deg)');
this.arrow = 'bottom'
} else {
rydaxxDrawer.scrollIntoView({ block: "end" });
$('.arrow-down-img').css('transform', 'rotate(180deg)');
this.arrow = 'top'
}
},
disabledDate(a) {
if (a.getTime() > new Date().getTime()) {
return true;
} else {
return false;
}
},
submitForm (formName) {
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (this.checkedTargets.length == 0) {
this.$message.error('请选择逻辑库')
this.$message.error("请选择逻辑库");
} else {
this.logicList = this.checkedTargets
this.logicList = this.checkedTargets;
let reqParam = {
personDo: "",
logicList: [],
cjxxyyList: []
cjxxyyList: [],
};
reqParam.cjxxyyList = this.ruleForm.cjxxyydm
delete this.ruleForm.cjxxyydm
reqParam.cjxxyyList = this.ruleForm.cjxxyydm;
delete this.ruleForm.cjxxyydm;
reqParam.personDo = this.ruleForm;
reqParam.personDo.ysxtAsjxgrybh = 'R' + this.ruleForm.ysxtAsjxgrybh
reqParam.logicList = this.logicList
reqParam.personDo.ysxtAsjxgrybh = "R" + this.ruleForm.ysxtAsjxgrybh;
reqParam.logicList = this.logicList;
this.$axios
.post("/api/personstore/personadd", reqParam)
.then((response) => {
if (response.data.code === 0) {
this.$message.success("新增成功");
this.dialogVisible = false;
this.$router.pushToTab({
path: `/fingerprintIndex/${reqParam.personDo.ysxtAsjxgrybh}/${this.ruleForm.xm}`,
query: {
type: 0
}
})
type: 0,
},
});
this.ruleForm = {
ysxtAsjxgrybh: "", // 人员编号
jzrybh: "", // 警综人员编号
asjxgrybh: "", // 案事件相关人员编号号
zzhwkbh: "", // 现场掌指纹卡编号
cjxxyydm: "", // 采集信息原因
xm: "", // 姓名
bmch: "", // 别名
xbdm: "", // 性别
csrq: "", // 出生日期
gjdm: "", // 国籍
mzdm: "", // 民族
cyzjdm: "", // 证件类型
zjhm: "", // 证件号码
hjdzXzqhdm: "", // 户籍地行政区
hjdzDzmc: "", // 户籍地址
xzzXzqhdm: "", // 现住址行政区
xzzDzmc: "", // 现住址
bz: "", // 备注
nydwGajgjgdm: "", // 捺印单位
nyryXm: "", // 捺印人姓名
nysj: "", // 捺印时间
nyryGmsfhm: "", // 捺印人身份证号
nyryLxdh: "", // 捺印人电话
ifidcard: "是", // 是否采集二代身份证
zwbdxtlxms: "1", // 指纹比对描述
}
this.checkedTargets = [1]// 选定的目标逻辑库
};
this.checkedTargets = [1]; // 选定的目标逻辑库
} else {
this.$message.error("新增失败");
this.$set(this.ruleForm, 'cjxxyydm', [])
this.$set(this.ruleForm, 'ysxtAsjxgrybh', this.ruleForm.ysxtAsjxgrybh.substring(1, 23))
this.$set(this.ruleForm, "cjxxyydm", []);
this.$set(
this.ruleForm,
"ysxtAsjxgrybh",
this.ruleForm.ysxtAsjxgrybh.substring(1, 23)
);
}
});
}
......@@ -666,149 +660,276 @@ export default {
}
});
},
resetForm (formName) {
resetForm(formName) {
this.$refs[formName].resetFields();
this.dialogVisible = false;
},
handleClose (done) {
handleClose(done) {
this.dialogVisible = false;
this.$refs[formName].resetFields();
},
},
};
};
</script>
<style lang="scss" scoped>
.inputBh {
/deep/.el-input-group__prepend {
width: 40px;
text-align: center;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 18px !important;
height: 18px !important;
background: #ECEDF1;
border-radius: 3px;
position: absolute;
margin: 0 8px;
padding: 0 !important;
}
.inputBh {
display: flex;
align-items: center;
/deep/.el-input__inner {
width: 224px;
padding-left: 30px;
width: 264px;
}
}
// 滚动条的宽度
/deep/ .el-form::-webkit-scrollbar {
}
// 滚动条的宽度
/deep/ .el-form::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/deep/ .el-form::-webkit-scrollbar-thumb {
}
// 滚动条的滑块
/deep/ .el-form::-webkit-scrollbar-thumb {
background-color: #dadde0;
border-radius: 3px;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
/deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
}
/deep/.el-checkbox__input.is-checked .el-checkbox__inner,
/deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #055fe7;
border-color: #055fe7;
}
/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
}
/deep/.el-checkbox__input.is-checked+.el-checkbox__label {
color: #333333;
}
/deep/.flexBox {
}
/deep/.flexBox {
display: flex;
.el-checkbox {
margin-right: 24px;
margin-bottom: 10px;
}
}
/deep/.el-form {
}
/deep/.el-form {
height: 685px;
overflow: auto;
}
/deep/.el-radio {
}
/deep/.el-radio {
margin-right: 30px;
}
.title {
}
.title {
display: flex;
div {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
line-height: 24px;
}
.colorDiv {
width: 4px;
height: 16px;
background: #055fe7;
border-radius: 2px;
margin-right: 10px;
margin-top: 5px;
}
.tip {
margin-left: 24px;
color: #f8980a;
font-family: HarmonyOS_Sans_SC;
font-size: 13px;
span {
font-size: 13px;
margin-right: 5px;
}
}
}
/deep/.el-button {
}
/deep/.el-button {
width: 72px;
height: 40px;
background: #ffffff;
color: #333333;
border-radius: 4px;
border: 1px solid #aeb5c2;
}
/deep/.el-button--primary {
}
/deep/.el-button--primary {
border-color: #055fe7;
background: #055fe7;
color: #fff;
width: 72px;
height: 40px;
}
/deep/.el-button + .el-button {
}
/deep/.el-button+.el-button {
margin-left: 24px;
}
/deep/.el-dialog__body {
padding: 30px 5px 0 20px;
}
/deep/.el-dialog__footer {
}
/deep/.el-dialog__body {
padding: 30px 0px 0 0px;
}
/deep/.el-dialog__footer {
text-align: center;
}
/deep/.el-divider--horizontal:nth-child(odd) {
width: 880px;
}
/deep/.el-divider--horizontal:nth-child(odd) {
width: 864px;
margin-bottom: 24px;
}
/deep/.el-divider--horizontal:nth-child(even) {
width: 880px;
}
/deep/.el-divider--horizontal:nth-child(even) {
width: 864px;
margin-bottom: 16px;
}
/deep/.el-textarea__inner {
}
/deep/.el-textarea__inner {
width: 722px;
height: 76px;
overflow: auto;
}
/deep/.el-row {
}
/deep/.el-row {
margin-bottom: 24px;
}
/deep/.el-input__inner {
}
/deep/.el-input__inner {
width: 264px;
}
/deep/.el-form-item__label {
width: 160px;
}
/deep/.el-form-item__label {
width: 140px;
padding: 0;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
/deep/.el-dialog__header {
}
/deep/.el-dialog__header {
border-bottom: 1px solid #eee;
}
/deep/.el-dialog {
}
/deep/.el-dialog {
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
// height: 860px;
}
}
.title,
.el-divider--horizontal,
.el-checkbox-group {
margin-left: 35px;
}
.item-row {
// width: 870px;
display: flex;
justify-content: space-between;
align-items: center;
}
.no_require {
/deep/.el-form-item__label {
margin-left: 400px !important;
}
}
.arrow-down {
z-index: 999;
cursor: pointer;
position: fixed;
right: 500px;
bottom: 190px;
width: 40px;
height: 40px;
background: #ffffff;
box-shadow: 0px 0px 5px 0px rgba(5, 95, 231, 0.4);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
img {
width: 26px;
height: auto;
cursor: pointer;
}
&:hover {
border: 1px solid #0b6cd9;
}
.arrow-down-img {
transition: transform .4s linear;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment