Commit 37bac73d by li_hongchao

1、比中信息审核页面上,查询条件中原编码号、目标远编码号添加位数显示

2、全国案件库:
  输入框标题的对齐样式,不需要星号对齐,文字 对齐即可;
  3、逻辑分库新增必填选项前面的 * 颜色调整
parent a9f4f0b4
<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>
......@@ -10,12 +12,16 @@
<el-row>
<el-col :span="12">
<el-form-item label="案事件编号:" prop="ysxtAsjbh">
<el-input class="inputBh" v-model.trim="ruleForm.ysxtAsjbh" placeholder="请输入案事件编号" maxlength="22" show-word-limit clearable><template slot="prepend">A</template></el-input>
<el-input class="inputBh" v-model.trim="ruleForm.ysxtAsjbh" placeholder="请输入案事件编号"
maxlength="22" show-word-limit clearable>
<template slot="prepend">A</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="警综案事件编号:">
<el-input v-model.trim="ruleForm.asjbh" placeholder="请输入警综案事件编号" maxlength="23" show-word-limit clearable></el-input>
<el-form-item label="警综案事件编号:" class="item-left-align">
<el-input v-model.trim="ruleForm.asjbh" placeholder="请输入警综案事件编号" maxlength="23" show-word-limit
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -27,8 +33,11 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="现场勘验编号:">
<el-input class="inputBh" v-model.trim="ruleForm.xckybh" placeholder="请输入现场勘验编号" maxlength="22" show-word-limit clearable><template slot="prepend">K</template></el-input>
<el-form-item label="现场勘验编号:" class="item-left-align">
<el-input class="inputBh" v-model.trim="ruleForm.xckybh" placeholder="请输入现场勘验编号" maxlength="22"
show-word-limit clearable>
<template slot="prepend">K</template>
</el-input>
</el-form-item>
<!-- <el-form-item label="现场掌指纹卡编号:">
<el-input
......@@ -45,27 +54,30 @@
<el-row>
<el-col :span="12">
<el-form-item label="案事件发生地点:" prop="asjfsddDzmc">
<el-input v-model.trim="ruleForm.asjfsddDzmc" placeholder="请输入案事件发生地点" maxlength="100" show-word-limit clearable></el-input>
<el-input v-model.trim="ruleForm.asjfsddDzmc" placeholder="请输入案事件发生地点" maxlength="100"
show-word-limit clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="现场掌指纹卡编号:">
<el-input v-model.trim="ruleForm.xczzhwkbh" placeholder="请输入现场物掌指纹卡编号" maxlength="23" show-word-limit clearable></el-input>
<el-form-item label="现场掌指纹卡编号:" class="item-left-align">
<el-input v-model.trim="ruleForm.xczzhwkbh" 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="发案日期:">
<el-date-picker type="date" placeholder="请选择发案日期" v-model="ruleForm.occurdate" style="width: 100%" :picker-options="{
<el-form-item label="发案日期:" class="item-left-align">
<el-date-picker type="date" placeholder="请选择发案日期" v-model="ruleForm.occurdate"
style="width: 100%" :picker-options="{
disabledDate: disabledDate,
}"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件类别:">
<el-form-item label="案件类别:" class="item-left-align">
<Cascader :form="ruleForm" id="ajlbdm" codeName="CODE_AJLB"></Cascader>
</el-form-item>
......@@ -73,8 +85,9 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="损失价值(人民币元):">
<el-input v-model.trim="ruleForm.ssjzrmby" placeholder="请输入损失价值" maxlength="11" show-word-limit clearable></el-input>
<el-form-item label="损失价值(人民币元):" class="item-left-align">
<el-input v-model.trim="ruleForm.ssjzrmby" placeholder="请输入损失价值" maxlength="11" show-word-limit
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -88,8 +101,9 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="简要案情:">
<el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.jyaq" show-word-limit>
<el-form-item label="简要案情:" class="item-left-align">
<el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.jyaq"
show-word-limit>
</el-input>
</el-form-item>
</el-col>
......@@ -104,7 +118,8 @@
<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.id">{{ value.name }}</el-checkbox>
<el-checkbox v-for="(value,key) in targets" :key="key" :label="value.id">{{ value.name }}
</el-checkbox>
</el-checkbox-group>
</el-row>
<el-divider></el-divider>
......@@ -122,7 +137,8 @@
</el-col>
<el-col :span="12">
<el-form-item label="提取人姓名:" prop="tqryXm">
<el-input v-model.trim="ruleForm.tqryXm" placeholder="请输入提取人姓名" maxlength="50" show-word-limit clearable></el-input>
<el-input v-model.trim="ruleForm.tqryXm" placeholder="请输入提取人姓名" maxlength="50" show-word-limit
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -130,25 +146,28 @@
<el-row>
<el-col :span="12">
<el-form-item label="提取时间:" prop="tqsj">
<el-date-picker type="datetime" placeholder="请选择提取时间" v-model="ruleForm.tqsj" style="width: 100%" :picker-options="{
<el-date-picker type="datetime" placeholder="请选择提取时间" v-model="ruleForm.tqsj"
style="width: 100%" :picker-options="{
disabledDate: disabledDate,
}"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提取人身份证号:" prop="tqryGmsfhm">
<el-input v-model.trim="ruleForm.tqryGmsfhm" placeholder="请输入提取人身份证号" maxlength="18" show-word-limit clearable></el-input>
<el-input v-model.trim="ruleForm.tqryGmsfhm" placeholder="请输入提取人身份证号" maxlength="18"
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-form-item></el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提取人联系电话:" prop="tqryLxdh">
<el-input v-model.trim="ruleForm.tqryLxdh" placeholder="请输入提取人联系电话" clearable maxlength="18" show-word-limit></el-input>
<el-form-item label="提取人联系电话:" prop="tqryLxdh" class="item-left-align">
<el-input v-model.trim="ruleForm.tqryLxdh" placeholder="请输入提取人联系电话" clearable maxlength="18"
show-word-limit></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -163,9 +182,10 @@
</template>
<script>
import Cascader from "@/components/Cascader.vue";
import Cascader from '@/components/Cascader.vue'
export default {
name: "xzaj",
name: 'xzaj',
components: {
Cascader,
},
......@@ -175,39 +195,39 @@ export default {
default: false,
},
},
data () {
data() {
return {
props: {
value: "code",
label: "key",
children: "childCodeDwXz",
value: 'code',
label: 'key',
children: 'childCodeDwXz',
checkStrictly: true,
emitPath: false,
},
dialogVisible: false, // 弹窗状态
labelPosition: "left", // 数据项对齐方式
labelPosition: 'left', // 数据项对齐方式
checkedTargets: [1], // 选定的目标逻辑库
targets: this.$store.state.ljk.targetOptions_aj, // 目标逻辑库
logicDatabaseCode: [],// 逻辑库代码
ruleForm: {
ysxtAsjbh: "", // 案事件编号
xckybh: "", // 现场勘验编号
asjfsddXzqhdm: "", // 行政区代码
asjfsddDzmc: "", // 案事件发生地
ssjzrmby: "", // 损失价值
xczzhwkbh: "", // 现场掌指纹卡编号
ajlbdm: "", // 案件类别
ysxtAsjbh: '', // 案事件编号
xckybh: '', // 现场勘验编号
asjfsddXzqhdm: '', // 行政区代码
asjfsddDzmc: '', // 案事件发生地
ssjzrmby: '', // 损失价值
xczzhwkbh: '', // 现场掌指纹卡编号
ajlbdm: '', // 案件类别
asjbh: '', // 警综案事件编号
sfmaPdbz: "0", // 命案
jyaq: "", // 简要案情
tqdwGajgjgdm: "", // 提取单位代码
tqryXm: "", // 提取人姓名
tqsj: "", // 提取时间
tqryGmsfhm: "", // 提取人身份证号
tqryLxdh: "", // 提取人联系电话
zwbdxtlxms: "默认", //
tqdwGajgmc: "默认", //
barcode: "1",
sfmaPdbz: '0', // 命案
jyaq: '', // 简要案情
tqdwGajgjgdm: '', // 提取单位代码
tqryXm: '', // 提取人姓名
tqsj: '', // 提取时间
tqryGmsfhm: '', // 提取人身份证号
tqryLxdh: '', // 提取人联系电话
zwbdxtlxms: '默认', //
tqdwGajgmc: '默认', //
barcode: '1',
occurdate: '',// 发案日期
......@@ -216,37 +236,37 @@ export default {
},
rules: {
ysxtAsjbh: [
{ min: 22, max: 22, message: '编号长度有误!', trigger: 'change' },
{ required: true, message: "请输入案事件编号", trigger: "blur" },
{min: 22, max: 22, message: '编号长度有误!', trigger: 'change'},
{required: true, message: '请输入案事件编号', trigger: 'blur'},
],
xckybh: [
{ required: true, message: "请输入现场勘验编号", trigger: "blur" },
{required: true, message: '请输入现场勘验编号', trigger: 'blur'},
],
asjfsddXzqhdm: [
{ required: true, message: "请选择案事件发生行政区", trigger: "blur" },
{required: true, message: '请选择案事件发生行政区', trigger: 'blur'},
],
asjfsddDzmc: [
{ required: true, message: "请输入案事件发生地点", trigger: "blur" },
{required: true, message: '请输入案事件发生地点', trigger: 'blur'},
],
sfmaPdbz: [
{ required: true, message: "请选择是否命案", trigger: "change" },
{required: true, message: '请选择是否命案', trigger: 'change'},
],
tqdwGajgjgdm: [
{ required: true, message: "请输入提取单位代码", trigger: "blur" },
{required: true, message: '请输入提取单位代码', trigger: 'blur'},
],
tqryXm: [
{ required: true, message: "请输入提取人姓名", trigger: "blur" },
{required: true, message: '请输入提取人姓名', trigger: 'blur'},
],
tqsj: [
{
type: "date",
type: 'date',
required: true,
message: "请选择提取时间",
trigger: "change",
message: '请选择提取时间',
trigger: 'change',
},
],
tqryGmsfhm: [
{ required: true, message: "请输入提取人身份证号", trigger: "blur" },
{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: '证件号码格式有误!',
......@@ -254,28 +274,28 @@ export default {
}
],
},
};
}
},
mounted () {
this.dialogVisible = this.isShowXzaj;
mounted() {
this.dialogVisible = this.isShowXzaj
},
watch: {
isShowXzaj (newVal, oldVal) {
this.dialogVisible = newVal;
isShowXzaj(newVal, oldVal) {
this.dialogVisible = newVal
},
dialogVisible (val) {
this.$emit("closeXzaj", this.dialogVisible);
dialogVisible(val) {
this.$emit('closeXzaj', this.dialogVisible)
},
},
methods: {
disabledDate (a) {
disabledDate(a) {
if (a.getTime() > new Date().getTime()) {
return true;
return true
} else {
return false;
return false
}
},
submitForm (formName) {
submitForm(formName) {
let self = this
this.$refs[formName].validate((valid) => {
if (valid) {
......@@ -284,15 +304,15 @@ export default {
} else {
this.logicDatabaseCode = this.checkedTargets
let reqParam = {
caseBase: "",
caseBase: '',
logicList: [] // 逻辑库
};
reqParam.caseBase = this.ruleForm;
reqParam.caseBase.ysxtAsjbh = "A" + this.ruleForm.ysxtAsjbh;
reqParam.caseBase.xckybh = "K" + this.ruleForm.xckybh;
reqParam.logicList = this.logicDatabaseCode;
}
reqParam.caseBase = this.ruleForm
reqParam.caseBase.ysxtAsjbh = 'A' + this.ruleForm.ysxtAsjbh
reqParam.caseBase.xckybh = 'K' + this.ruleForm.xckybh
reqParam.logicList = this.logicDatabaseCode
this.$axios
.post("/api/casestore/caseadd", reqParam)
.post('/api/casestore/caseadd', reqParam)
.then((response) => {
if (response.data.code === 0) {
self.$axios({
......@@ -304,139 +324,154 @@ export default {
}
}).then(res => {
if (res.data.code === 0) {
this.$message.success("新增成功");
this.dialogVisible = false;
this.$store.commit('layout/delcachePageName', 'ajzwbj');
this.$message.success('新增成功')
this.dialogVisible = false
this.$store.commit('layout/delcachePageName', 'ajzwbj')
reqParam.caseBase.logicDatabaseCode = reqParam.logicList.join(',')
this.$store.commit('ajdaxx/setAjInfo', reqParam.caseBase)
// 清除bus
this.$bus.off('ajzwbjImage');
this.$bus.off('ajzwbjType');
this.$bus.off('ajzwbjTDZ');
this.$bus.off('zwType');
this.$bus.off('openAjDaxx');
this.$bus.off('updateList');
this.$bus.off('ajzwbjImage')
this.$bus.off('ajzwbjType')
this.$bus.off('ajzwbjTDZ')
this.$bus.off('zwType')
this.$bus.off('openAjDaxx')
this.$bus.off('updateList')
this.$bus.off('updateList_hand')
// 先清除路由懒加载
this.$store.commit('layout/delcachePageName', 'ajzwbj')
// 清除sessionStorage值
sessionStorage.clear()
this.$router.push({
path: "/ajzwbj/" + "xz" + "/" + this.ruleForm.ysxtAsjbh,
path: '/ajzwbj/' + 'xz' + '/' + this.ruleForm.ysxtAsjbh,
query: {
id: response.data.ret.id
}
})
this.ruleForm = {
ysxtAsjbh: "", // 案事件编号
xckybh: "", // 现场勘验编号
asjfsddXzqhdm: "", // 行政区代码
asjfsddDzmc: "", // 案事件发生地
ssjzrmby: "", // 损失价值
xczzhwkbh: "", // 现场掌指纹卡编号
ajlbdm: "", // 案件类别
ysxtAsjbh: '', // 案事件编号
xckybh: '', // 现场勘验编号
asjfsddXzqhdm: '', // 行政区代码
asjfsddDzmc: '', // 案事件发生地
ssjzrmby: '', // 损失价值
xczzhwkbh: '', // 现场掌指纹卡编号
ajlbdm: '', // 案件类别
asjbh: '', // 警综案事件编号
sfmaPdbz: "0", // 命案
jyaq: "", // 简要案情
tqdwGajgjgdm: "", // 提取单位代码
tqryXm: "", // 提取人姓名
tqsj: "", // 提取时间
tqryGmsfhm: "", // 提取人身份证号
tqryLxdh: "", // 提取人联系电话
zwbdxtlxms: "默认", //
tqdwGajgmc: "默认", //
barcode: "1",
sfmaPdbz: '0', // 命案
jyaq: '', // 简要案情
tqdwGajgjgdm: '', // 提取单位代码
tqryXm: '', // 提取人姓名
tqsj: '', // 提取时间
tqryGmsfhm: '', // 提取人身份证号
tqryLxdh: '', // 提取人联系电话
zwbdxtlxms: '默认', //
tqdwGajgmc: '默认', //
barcode: '1',
occurdate: '',// 发案日期
}
this.checkedTargets = [1] // 选定的目标逻辑库
}
})
} else {
this.$message.error("新增失败");
this.$message.error('新增失败')
}
});
})
}
} else {
return false;
return false
}
});
})
},
resetForm (formName) {
this.$refs[formName].resetFields();
this.dialogVisible = false;
resetForm(formName) {
this.$refs[formName].resetFields()
this.dialogVisible = false
},
handleClose (done) {
this.dialogVisible = false;
this.$refs[formName].resetFields();
handleClose(done) {
this.dialogVisible = false
this.$refs[formName].resetFields()
},
},
};
}
</script>
<style lang="scss" scoped>
.inputBh {
/deep/.el-input-group__prepend {
.inputBh {
/deep/ .el-input-group__prepend {
width: 40px;
text-align: center;
padding: 0;
}
/deep/.el-input__inner {
/deep/ .el-input__inner {
width: 256px;
padding-left: 5px;
}
}
// 滚动条的宽度
/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;
}
/deep/.el-radio__input.is-checked .el-radio__inner{
}
/deep/ .el-radio__input.is-checked .el-radio__inner {
border-color: #055fe7;
background: #055fe7;
}
/deep/.el-radio__input.is-checked+.el-radio__label {
}
/deep/ .el-radio__input.is-checked + .el-radio__label {
color: #055fe7;
}
.title {
}
.title {
display: flex;
div {
font-size: 16px;
font-family: HarmonyOS_Sans_SC;
color: #282f3c;
line-height: 24px;
}
.colorDiv {
width: 4px;
height: 16px;
......@@ -445,78 +480,99 @@ export default {
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: 142px;
height: 40px;
color: #333333;
background: #ffffff;
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 {
}
/deep/ .el-dialog__body {
padding: 30px 5px 0 20px;
}
/deep/.el-dialog__footer {
}
/deep/ .el-dialog__footer {
text-align: center;
}
/deep/.el-divider--horizontal:nth-child(odd) {
}
/deep/ .el-divider--horizontal:nth-child(odd) {
width: 880px;
margin-bottom: 24px;
}
/deep/.el-divider--horizontal:nth-child(even) {
}
/deep/ .el-divider--horizontal:nth-child(even) {
width: 880px;
margin-bottom: 16px;
}
/deep/.el-textarea__inner {
}
/deep/ .el-textarea__inner {
width: 760px;
height: 76px;
overflow: auto;
background: #F6F8FA;
box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
border: 1px solid #EEEEEE;
}
/deep/.el-row {
background: #F6F8FA;
box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
border-radius: 4px;
border: 1px solid #EEEEEE;
}
/deep/ .el-row {
margin-bottom: 24px;
}
/deep/.el-input__inner {
}
/deep/ .el-input__inner {
width: 296px;
}
/deep/.el-form-item__label {
}
/deep/ .el-form-item__label {
width: 150px;
padding: 0;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
/deep/.el-dialog__header {
}
.item-left-align {
/deep/ .el-form-item__label {
padding-left: 10px;
}
}
/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;
}
}
</style>
......@@ -28,12 +28,12 @@
<el-form-item label="源条码号:" prop="ytmh" :class="{ytmhSt:isSt,ytmhDs:!isSt}">
<el-input v-model="ruleForm.ytmh" placeholder="请输入源条码号"
maxlength="23" clearable />
maxlength="23" clearable show-word-limit/>
</el-form-item>
<el-form-item label="目标条码号:" prop="mbtmh" class="mbtmh">
<el-input v-model="ruleForm.mbtmh" placeholder="请输入目标条码号"
maxlength="23" clearable />
maxlength="23" clearable show-word-limit/>
</el-form-item>
</div>
......
......@@ -557,11 +557,12 @@
font-family: HarmonyOS_Sans_SC;
color: #333333;
//&::before {
// position: absolute;
// left: -10px;
// transform: translateY(-70px);
//}
&::before {
color: #F56C6C;
//position: absolute;
//left: -10px;
//transform: translateY(-70px);
}
}
.is-error {
......
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