Skip to content

F
founder_vue
Commit 37bac73d by li_hongchao
Options

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

2、全国案件库：
  输入框标题的对齐样式，不需要星号对齐，文字 对齐即可；
  3、逻辑分库新增必填选项前面的 * 颜色调整
parent a9f4f0b4
Showing with 455 additions and 399 deletions
src/views/AllPersonnelBase/modules/xzaj.vue
<template> <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-dialog title="新增案件" :visible.sync="dialogVisible" width="59.875rem" top="1.25rem" append-to-body
<el-form :label-position="labelPosition" :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-form-inline"> :before-close="handleClose" :close-on-click-modal="false" :modal="false">
<!-- 一 --> <el-form :label-position="labelPosition" :inline="true" :model="ruleForm" :rules="rules" ref="ruleForm"
<el-row class="title"> class="demo-form-inline">
<div class="colorDiv"></div> <!-- 一 -->
<div>案事件基本信息</div> <el-row class="title">
</el-row> <div class="colorDiv"></div>
<!-- 二 --> <div>案事件基本信息</div>
<el-row> </el-row>
<el-col :span="12"> <!-- 二 -->
<el-form-item label="案事件编号：" prop="ysxtAsjbh"> <el-row>
<el-input class="inputBh" v-model.trim="ruleForm.ysxtAsjbh" placeholder="请输入案事件编号" maxlength="22" show-word-limit clearable><template slot="prepend">A</template></el-input> <el-col :span="12">
</el-form-item> <el-form-item label="案事件编号：" prop="ysxtAsjbh">
</el-col> <el-input class="inputBh" v-model.trim="ruleForm.ysxtAsjbh" placeholder="请输入案事件编号"
<el-col :span="12"> maxlength="22" show-word-limit clearable>
<el-form-item label="警综案事件编号："> <template slot="prepend">A</template>
<el-input v-model.trim="ruleForm.asjbh" placeholder="请输入警综案事件编号" maxlength="23" show-word-limit clearable></el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12">
<!-- 三 --> <el-form-item label="警综案事件编号：" class="item-left-align">
<el-row> <el-input v-model.trim="ruleForm.asjbh" placeholder="请输入警综案事件编号" maxlength="23" show-word-limit
<el-col :span="12"> clearable></el-input>
<el-form-item label="案事件发生行政区：" prop="asjfsddXzqhdm"> </el-form-item>
<Cascader :form="ruleForm" id="asjfsddXzqhdm" codeName="CODE_XZQH"></Cascader> </el-col>
</el-form-item> </el-row>
</el-col> <!-- 三 -->
<el-col :span="12"> <el-row>
<el-form-item label="现场勘验编号："> <el-col :span="12">
<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="案事件发生行政区：" prop="asjfsddXzqhdm">
</el-form-item> <Cascader :form="ruleForm" id="asjfsddXzqhdm" codeName="CODE_XZQH"></Cascader>
<!-- <el-form-item label="现场掌指纹卡编号："> </el-form-item>
<el-input </el-col>
v-model.trim="ruleForm.xczzhwkbh" <el-col :span="12">
placeholder="请输入现场物掌指纹卡编号" <el-form-item label="现场勘验编号：" class="item-left-align">
maxlength="23" <el-input class="inputBh" v-model.trim="ruleForm.xckybh" placeholder="请输入现场勘验编号" maxlength="22"
show-word-limit show-word-limit clearable>
clearable <template slot="prepend">K</template>
></el-input> </el-input>
</el-form-item> --> </el-form-item>
</el-col> <!-- <el-form-item label="现场掌指纹卡编号：">
</el-row> <el-input
<!-- 四 --> v-model.trim="ruleForm.xczzhwkbh"
<el-row> placeholder="请输入现场物掌指纹卡编号"
<el-col :span="12"> maxlength="23"
<el-form-item label="案事件发生地点：" prop="asjfsddDzmc"> show-word-limit
<el-input v-model.trim="ruleForm.asjfsddDzmc" placeholder="请输入案事件发生地点" maxlength="100" show-word-limit clearable></el-input> clearable
</el-form-item> ></el-input>
</el-col> </el-form-item> -->
<el-col :span="12"> </el-col>
<el-form-item label="现场掌指纹卡编号："> </el-row>
<el-input v-model.trim="ruleForm.xczzhwkbh" placeholder="请输入现场物掌指纹卡编号" maxlength="23" show-word-limit clearable></el-input> <!-- 四 -->
</el-form-item> <el-row>
</el-col> <el-col :span="12">
</el-row> <el-form-item label="案事件发生地点：" prop="asjfsddDzmc">
<!-- 五 --> <el-input v-model.trim="ruleForm.asjfsddDzmc" placeholder="请输入案事件发生地点" maxlength="100"
<el-row> show-word-limit clearable></el-input>
<el-col :span="12"> </el-form-item>
<el-form-item label="发案日期："> </el-col>
<el-date-picker type="date" placeholder="请选择发案日期" v-model="ruleForm.occurdate" style="width: 100%" :picker-options="{ <el-col :span="12">
<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="发案日期：" class="item-left-align">
<el-date-picker type="date" placeholder="请选择发案日期" v-model="ruleForm.occurdate"
style="width: 100%" :picker-options="{
disabledDate: disabledDate, disabledDate: disabledDate,
}"></el-date-picker> }"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <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> <Cascader :form="ruleForm" id="ajlbdm" codeName="CODE_AJLB"></Cascader>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="损失价值(人民币元)："> <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-input v-model.trim="ruleForm.ssjzrmby" placeholder="请输入损失价值" maxlength="11" show-word-limit
</el-form-item> clearable></el-input>
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="是否命案：" prop="sfmaPdbz"> <el-col :span="12">
<el-radio-group v-model="ruleForm.sfmaPdbz"> <el-form-item label="是否命案：" prop="sfmaPdbz">
<el-radio label="1">是</el-radio> <el-radio-group v-model="ruleForm.sfmaPdbz">
<el-radio label="0">否</el-radio> <el-radio label="1">是</el-radio>
</el-radio-group> <el-radio label="0">否</el-radio>
</el-form-item> </el-radio-group>
</el-col> </el-form-item>
</el-row> </el-col>
<el-row> </el-row>
<el-col :span="24"> <el-row>
<el-form-item label="简要案情："> <el-col :span="24">
<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> <el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.jyaq"
</el-form-item> show-word-limit>
</el-col> </el-input>
</el-row> </el-form-item>
<el-divider></el-divider> </el-col>
<!-- 逻辑库 --> </el-row>
<el-row class="title"> <el-divider></el-divider>
<div class="colorDiv"></div> <!-- 逻辑库 -->
<div>案件逻辑分库</div> <el-row class="title">
<div class="tip"><span class="iconfont">&#xe649;</span>提示：当选择多个逻辑库时，工作流以最小ID逻辑库为准！</div> <div class="colorDiv"></div>
</el-row> <div>案件逻辑分库</div>
<el-row class="flexBox"> <div class="tip"><span class="iconfont">&#xe649;</span>提示：当选择多个逻辑库时，工作流以最小ID逻辑库为准！</div>
<div style="margin: 15px 0"></div> </el-row>
<el-checkbox-group v-model="checkedTargets"> <el-row class="flexBox">
<el-checkbox v-for="(value,key) in targets" :key="key" :label="value.id">{{ value.name }}</el-checkbox> <div style="margin: 15px 0"></div>
</el-checkbox-group> <el-checkbox-group v-model="checkedTargets">
</el-row> <el-checkbox v-for="(value,key) in targets" :key="key" :label="value.id">{{ value.name }}
<el-divider></el-divider> </el-checkbox>
<!-- 六 --> </el-checkbox-group>
<el-row class="title"> </el-row>
<div class="colorDiv"></div> <el-divider></el-divider>
<div>指掌纹提取信息</div> <!-- 六 -->
</el-row> <el-row class="title">
<!-- 七 --> <div class="colorDiv"></div>
<el-row> <div>指掌纹提取信息</div>
<el-col :span="12"> </el-row>
<el-form-item label="提取单位：" prop="tqdwGajgjgdm"> <!-- 七 -->
<Cascader :form="ruleForm" id="tqdwGajgjgdm" :props='props'></Cascader> <el-row>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item label="提取单位：" prop="tqdwGajgjgdm">
<el-col :span="12"> <Cascader :form="ruleForm" id="tqdwGajgjgdm" :props='props'></Cascader>
<el-form-item label="提取人姓名：" prop="tqryXm"> </el-form-item>
<el-input v-model.trim="ruleForm.tqryXm" placeholder="请输入提取人姓名" maxlength="50" show-word-limit clearable></el-input> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item label="提取人姓名：" prop="tqryXm">
</el-row> <el-input v-model.trim="ruleForm.tqryXm" placeholder="请输入提取人姓名" maxlength="50" show-word-limit
<!-- 八 --> clearable></el-input>
<el-row> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="提取时间：" prop="tqsj"> </el-row>
<el-date-picker type="datetime" placeholder="请选择提取时间" v-model="ruleForm.tqsj" style="width: 100%" :picker-options="{ <!-- 八 -->
<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="{
disabledDate: disabledDate, disabledDate: disabledDate,
}"></el-date-picker> }"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="提取人身份证号：" prop="tqryGmsfhm"> <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"
</el-form-item> show-word-limit clearable></el-input>
</el-col> </el-form-item>
</el-row> </el-col>
<!-- 九 --> </el-row>
<el-row> <!-- 九 -->
<el-col :span="12"> <el-row>
<el-form-item> </el-form-item> <el-col :span="12">
</el-col> <el-form-item></el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="提取人联系电话：" prop="tqryLxdh"> <el-col :span="12">
<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-form-item> <el-input v-model.trim="ruleForm.tqryLxdh" placeholder="请输入提取人联系电话" clearable maxlength="18"
</el-col> show-word-limit></el-input>
</el-row> </el-form-item>
</el-form> </el-col>
<el-divider></el-divider> </el-row>
<!-- 十 --> </el-form>
<span slot="footer" class="dialog-footer"> <el-divider></el-divider>
<!-- 十 -->
<span slot="footer" class="dialog-footer">
<el-button @click="submitForm('ruleForm')">提交并新增指掌纹</el-button> <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> </span>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import Cascader from "@/components/Cascader.vue"; import Cascader from '@/components/Cascader.vue'
export default { export default {
name: "xzaj", name: 'xzaj',
components: { components: {
Cascader, Cascader,
}, },
...@@ -175,39 +195,39 @@ export default { ...@@ -175,39 +195,39 @@ export default {
default: false, default: false,
}, },
}, },
data () { data() {
return { return {
props: { props: {
value: "code", value: 'code',
label: "key", label: 'key',
children: "childCodeDwXz", children: 'childCodeDwXz',
checkStrictly: true, checkStrictly: true,
emitPath: false, emitPath: false,
}, },
dialogVisible: false, // 弹窗状态 dialogVisible: false, // 弹窗状态
labelPosition: "left", // 数据项对齐方式 labelPosition: 'left', // 数据项对齐方式
checkedTargets: [1], // 选定的目标逻辑库 checkedTargets: [1], // 选定的目标逻辑库
targets: this.$store.state.ljk.targetOptions_aj, // 目标逻辑库 targets: this.$store.state.ljk.targetOptions_aj, // 目标逻辑库
logicDatabaseCode: [],// 逻辑库代码 logicDatabaseCode: [],// 逻辑库代码
ruleForm: { ruleForm: {
ysxtAsjbh: "", // 案事件编号 ysxtAsjbh: '', // 案事件编号
xckybh: "", // 现场勘验编号 xckybh: '', // 现场勘验编号
asjfsddXzqhdm: "", // 行政区代码 asjfsddXzqhdm: '', // 行政区代码
asjfsddDzmc: "", // 案事件发生地 asjfsddDzmc: '', // 案事件发生地
ssjzrmby: "", // 损失价值 ssjzrmby: '', // 损失价值
xczzhwkbh: "", // 现场掌指纹卡编号 xczzhwkbh: '', // 现场掌指纹卡编号
ajlbdm: "", // 案件类别 ajlbdm: '', // 案件类别
asjbh: '', // 警综案事件编号 asjbh: '', // 警综案事件编号
sfmaPdbz: "0", // 命案 sfmaPdbz: '0', // 命案
jyaq: "", // 简要案情 jyaq: '', // 简要案情
tqdwGajgjgdm: "", // 提取单位代码 tqdwGajgjgdm: '', // 提取单位代码
tqryXm: "", // 提取人姓名 tqryXm: '', // 提取人姓名
tqsj: "", // 提取时间 tqsj: '', // 提取时间
tqryGmsfhm: "", // 提取人身份证号 tqryGmsfhm: '', // 提取人身份证号
tqryLxdh: "", // 提取人联系电话 tqryLxdh: '', // 提取人联系电话
zwbdxtlxms: "默认", // zwbdxtlxms: '默认', //
tqdwGajgmc: "默认", // tqdwGajgmc: '默认', //
barcode: "1", barcode: '1',
occurdate: '',// 发案日期 occurdate: '',// 发案日期
...@@ -216,37 +236,37 @@ export default { ...@@ -216,37 +236,37 @@ export default {
}, },
rules: { rules: {
ysxtAsjbh: [ ysxtAsjbh: [
{ min: 22, max: 22, message: '编号长度有误！', trigger: 'change' }, {min: 22, max: 22, message: '编号长度有误！', trigger: 'change'},
{ required: true, message: "请输入案事件编号", trigger: "blur" }, {required: true, message: '请输入案事件编号', trigger: 'blur'},
], ],
xckybh: [ xckybh: [
{ required: true, message: "请输入现场勘验编号", trigger: "blur" }, {required: true, message: '请输入现场勘验编号', trigger: 'blur'},
], ],
asjfsddXzqhdm: [ asjfsddXzqhdm: [
{ required: true, message: "请选择案事件发生行政区", trigger: "blur" }, {required: true, message: '请选择案事件发生行政区', trigger: 'blur'},
], ],
asjfsddDzmc: [ asjfsddDzmc: [
{ required: true, message: "请输入案事件发生地点", trigger: "blur" }, {required: true, message: '请输入案事件发生地点', trigger: 'blur'},
], ],
sfmaPdbz: [ sfmaPdbz: [
{ required: true, message: "请选择是否命案", trigger: "change" }, {required: true, message: '请选择是否命案', trigger: 'change'},
], ],
tqdwGajgjgdm: [ tqdwGajgjgdm: [
{ required: true, message: "请输入提取单位代码", trigger: "blur" }, {required: true, message: '请输入提取单位代码', trigger: 'blur'},
], ],
tqryXm: [ tqryXm: [
{ required: true, message: "请输入提取人姓名", trigger: "blur" }, {required: true, message: '请输入提取人姓名', trigger: 'blur'},
], ],
tqsj: [ tqsj: [
{ {
type: "date", type: 'date',
required: true, required: true,
message: "请选择提取时间", message: '请选择提取时间',
trigger: "change", trigger: 'change',
}, },
], ],
tqryGmsfhm: [ 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}$)/, 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: '证件号码格式有误！', message: '证件号码格式有误！',
...@@ -254,28 +274,28 @@ export default { ...@@ -254,28 +274,28 @@ export default {
} }
], ],
}, },
}; }
}, },
mounted () { mounted() {
this.dialogVisible = this.isShowXzaj; this.dialogVisible = this.isShowXzaj
}, },
watch: { watch: {
isShowXzaj (newVal, oldVal) { isShowXzaj(newVal, oldVal) {
this.dialogVisible = newVal; this.dialogVisible = newVal
}, },
dialogVisible (val) { dialogVisible(val) {
this.$emit("closeXzaj", this.dialogVisible); this.$emit('closeXzaj', this.dialogVisible)
}, },
}, },
methods: { methods: {
disabledDate (a) { disabledDate(a) {
if (a.getTime() > new Date().getTime()) { if (a.getTime() > new Date().getTime()) {
return true; return true
} else { } else {
return false; return false
} }
}, },
submitForm (formName) { submitForm(formName) {
let self = this let self = this
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
...@@ -284,15 +304,15 @@ export default { ...@@ -284,15 +304,15 @@ export default {
} else { } else {
this.logicDatabaseCode = this.checkedTargets this.logicDatabaseCode = this.checkedTargets
let reqParam = { let reqParam = {
caseBase: "", caseBase: '',
logicList: [] // 逻辑库 logicList: [] // 逻辑库
}; }
reqParam.caseBase = this.ruleForm; reqParam.caseBase = this.ruleForm
reqParam.caseBase.ysxtAsjbh = "A" + this.ruleForm.ysxtAsjbh; reqParam.caseBase.ysxtAsjbh = 'A' + this.ruleForm.ysxtAsjbh
reqParam.caseBase.xckybh = "K" + this.ruleForm.xckybh; reqParam.caseBase.xckybh = 'K' + this.ruleForm.xckybh
reqParam.logicList = this.logicDatabaseCode; reqParam.logicList = this.logicDatabaseCode
this.$axios this.$axios
.post("/api/casestore/caseadd", reqParam) .post('/api/casestore/caseadd', reqParam)
.then((response) => { .then((response) => {
if (response.data.code === 0) { if (response.data.code === 0) {
self.$axios({ self.$axios({
...@@ -304,219 +324,255 @@ export default { ...@@ -304,219 +324,255 @@ export default {
} }
}).then(res => { }).then(res => {
if (res.data.code === 0) { if (res.data.code === 0) {
this.$message.success("新增成功"); this.$message.success('新增成功')
this.dialogVisible = false; this.dialogVisible = false
this.$store.commit('layout/delcachePageName', 'ajzwbj'); this.$store.commit('layout/delcachePageName', 'ajzwbj')
reqParam.caseBase.logicDatabaseCode = reqParam.logicList.join(',') reqParam.caseBase.logicDatabaseCode = reqParam.logicList.join(',')
this.$store.commit('ajdaxx/setAjInfo', reqParam.caseBase) this.$store.commit('ajdaxx/setAjInfo', reqParam.caseBase)
// 清除bus // 清除bus
this.$bus.off('ajzwbjImage'); this.$bus.off('ajzwbjImage')
this.$bus.off('ajzwbjType'); this.$bus.off('ajzwbjType')
this.$bus.off('ajzwbjTDZ'); this.$bus.off('ajzwbjTDZ')
this.$bus.off('zwType'); this.$bus.off('zwType')
this.$bus.off('openAjDaxx'); this.$bus.off('openAjDaxx')
this.$bus.off('updateList'); this.$bus.off('updateList')
this.$bus.off('updateList_hand') this.$bus.off('updateList_hand')
// 先清除路由懒加载 // 先清除路由懒加载
this.$store.commit('layout/delcachePageName', 'ajzwbj') this.$store.commit('layout/delcachePageName', 'ajzwbj')
// 清除sessionStorage值 // 清除sessionStorage值
sessionStorage.clear() sessionStorage.clear()
this.$router.push({ this.$router.push({
path: "/ajzwbj/" + "xz" + "/" + this.ruleForm.ysxtAsjbh, path: '/ajzwbj/' + 'xz' + '/' + this.ruleForm.ysxtAsjbh,
query: { query: {
id: response.data.ret.id id: response.data.ret.id
} }
}) })
this.ruleForm = { this.ruleForm = {
ysxtAsjbh: "", // 案事件编号 ysxtAsjbh: '', // 案事件编号
xckybh: "", // 现场勘验编号 xckybh: '', // 现场勘验编号
asjfsddXzqhdm: "", // 行政区代码 asjfsddXzqhdm: '', // 行政区代码
asjfsddDzmc: "", // 案事件发生地 asjfsddDzmc: '', // 案事件发生地
ssjzrmby: "", // 损失价值 ssjzrmby: '', // 损失价值
xczzhwkbh: "", // 现场掌指纹卡编号 xczzhwkbh: '', // 现场掌指纹卡编号
ajlbdm: "", // 案件类别 ajlbdm: '', // 案件类别
asjbh: '', // 警综案事件编号 asjbh: '', // 警综案事件编号
sfmaPdbz: "0", // 命案 sfmaPdbz: '0', // 命案
jyaq: "", // 简要案情 jyaq: '', // 简要案情
tqdwGajgjgdm: "", // 提取单位代码 tqdwGajgjgdm: '', // 提取单位代码
tqryXm: "", // 提取人姓名 tqryXm: '', // 提取人姓名
tqsj: "", // 提取时间 tqsj: '', // 提取时间
tqryGmsfhm: "", // 提取人身份证号 tqryGmsfhm: '', // 提取人身份证号
tqryLxdh: "", // 提取人联系电话 tqryLxdh: '', // 提取人联系电话
zwbdxtlxms: "默认", // zwbdxtlxms: '默认', //
tqdwGajgmc: "默认", // tqdwGajgmc: '默认', //
barcode: "1", barcode: '1',
occurdate: '',// 发案日期 occurdate: '',// 发案日期
} }
this.checkedTargets = [1] // 选定的目标逻辑库 this.checkedTargets = [1] // 选定的目标逻辑库
} }
}) })
} else { } else {
this.$message.error("新增失败"); this.$message.error('新增失败')
} }
}); })
} }
} else { } else {
return false; return false
} }
}); })
}, },
resetForm (formName) { resetForm(formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields()
this.dialogVisible = false; this.dialogVisible = false
}, },
handleClose (done) { handleClose(done) {
this.dialogVisible = false; this.dialogVisible = false
this.$refs[formName].resetFields(); this.$refs[formName].resetFields()
}, },
}, },
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.inputBh { .inputBh {
/deep/.el-input-group__prepend { /deep/ .el-input-group__prepend {
width: 40px; width: 40px;
text-align: center; text-align: center;
padding: 0; padding: 0;
} }
/deep/.el-input__inner {
width: 256px; /deep/ .el-input__inner {
padding-left: 5px; width: 256px;
} padding-left: 5px;
} }
// 滚动条的宽度
/deep/ .el-form::-webkit-scrollbar {
width: 6px; // 横向滚动条
height: 6px; // 纵向滚动条 必写
}
// 滚动条的滑块
/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 {
background-color: #055fe7;
border-color: #055fe7;
}
/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 {
color: #333333;
}
/deep/.flexBox {
display: flex;
.el-checkbox {
margin-right: 24px;
margin-bottom: 10px;
}
}
/deep/.el-form {
height: 685px;
overflow: auto;
}
/deep/.el-radio {
margin-right: 30px;
}
/deep/.el-radio__input.is-checked .el-radio__inner{
border-color: #055fe7;
background: #055fe7;
}
/deep/.el-radio__input.is-checked+.el-radio__label {
color: #055fe7;
}
.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-form::-webkit-scrollbar {
width: 142px; width: 6px; // 横向滚动条
height: 40px; height: 6px; // 纵向滚动条 必写
color: #333333; }
background: #ffffff;
border-radius: 4px; // 滚动条的滑块
border: 1px solid #aeb5c2; /deep/ .el-form::-webkit-scrollbar-thumb {
} background-color: #dadde0;
/deep/.el-button--primary { border-radius: 3px;
border-color: #055fe7; }
background: #055fe7;
color: #fff; /deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
width: 72px; .el-checkbox__input.is-indeterminate .el-checkbox__inner {
height: 40px; background-color: #055fe7;
} border-color: #055fe7;
/deep/.el-button + .el-button { }
margin-left: 24px;
} /deep/ .el-checkbox__input.is-checked .el-checkbox__inner,
/deep/.el-dialog__body { /deep/ .el-checkbox__input.is-indeterminate .el-checkbox__inner {
padding: 30px 5px 0 20px; background-color: #055fe7;
} border-color: #055fe7;
/deep/.el-dialog__footer { }
text-align: center;
} /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
/deep/.el-divider--horizontal:nth-child(odd) { color: #333333;
width: 880px; }
margin-bottom: 24px;
} /deep/ .flexBox {
/deep/.el-divider--horizontal:nth-child(even) { display: flex;
width: 880px;
margin-bottom: 16px; .el-checkbox {
} margin-right: 24px;
/deep/.el-textarea__inner { margin-bottom: 10px;
width: 760px; }
height: 76px; }
overflow: auto;
/deep/ .el-form {
background: #F6F8FA; height: 685px;
box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18); overflow: auto;
border-radius: 4px; }
border: 1px solid #EEEEEE;
} /deep/ .el-radio {
/deep/.el-row { margin-right: 30px;
margin-bottom: 24px; }
}
/deep/.el-input__inner { /deep/ .el-radio__input.is-checked .el-radio__inner {
width: 296px; border-color: #055fe7;
} background: #055fe7;
/deep/.el-form-item__label { }
width: 150px;
padding: 0; /deep/ .el-radio__input.is-checked + .el-radio__label {
font-size: 14px; color: #055fe7;
font-family: HarmonyOS_Sans_SC; }
color: #333333;
} .title {
/deep/.el-dialog__header { display: flex;
border-bottom: 1px solid #eee;
} div {
/deep/.el-dialog { font-size: 16px;
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25); font-family: HarmonyOS_Sans_SC;
border-radius: 6px; color: #282f3c;
// height: 860px; line-height: 24px;
} }
</style>
\ No newline at end of file .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 {
width: 142px;
height: 40px;
color: #333333;
background: #ffffff;
border-radius: 4px;
border: 1px solid #aeb5c2;
}
/deep/ .el-button--primary {
border-color: #055fe7;
background: #055fe7;
color: #fff;
width: 72px;
height: 40px;
}
/deep/ .el-button + .el-button {
margin-left: 24px;
}
/deep/ .el-dialog__body {
padding: 30px 5px 0 20px;
}
/deep/ .el-dialog__footer {
text-align: center;
}
/deep/ .el-divider--horizontal:nth-child(odd) {
width: 880px;
margin-bottom: 24px;
}
/deep/ .el-divider--horizontal:nth-child(even) {
width: 880px;
margin-bottom: 16px;
}
/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 {
margin-bottom: 24px;
}
/deep/ .el-input__inner {
width: 296px;
}
/deep/ .el-form-item__label {
width: 150px;
padding: 0;
font-size: 14px;
font-family: HarmonyOS_Sans_SC;
color: #333333;
}
.item-left-align {
/deep/ .el-form-item__label {
padding-left: 10px;
}
}
/deep/ .el-dialog__header {
border-bottom: 1px solid #eee;
}
/deep/ .el-dialog {
box-shadow: 0px 14px 30px 0px rgba(0, 21, 51, 0.25);
border-radius: 6px;
// height: 860px;
}
</style>
src/views/bzxxgl/bzxxsh.vue
...@@ -28,12 +28,12 @@ ...@@ -28,12 +28,12 @@
<el-form-item label="源条码号：" prop="ytmh" :class="{ytmhSt:isSt,ytmhDs:!isSt}"> <el-form-item label="源条码号：" prop="ytmh" :class="{ytmhSt:isSt,ytmhDs:!isSt}">
<el-input v-model="ruleForm.ytmh" placeholder="请输入源条码号" <el-input v-model="ruleForm.ytmh" placeholder="请输入源条码号"
maxlength="23" clearable /> maxlength="23" clearable show-word-limit/>
</el-form-item> </el-form-item>
<el-form-item label="目标条码号：" prop="mbtmh" class="mbtmh"> <el-form-item label="目标条码号：" prop="mbtmh" class="mbtmh">
<el-input v-model="ruleForm.mbtmh" placeholder="请输入目标条码号" <el-input v-model="ruleForm.mbtmh" placeholder="请输入目标条码号"
maxlength="23" clearable /> maxlength="23" clearable show-word-limit/>
</el-form-item> </el-form-item>
</div> </div>
......
src/views/xtfkgl/scss/dialog_table.scss
...@@ -557,11 +557,12 @@ ...@@ -557,11 +557,12 @@
font-family: HarmonyOS_Sans_SC; font-family: HarmonyOS_Sans_SC;
color: #333333; color: #333333;
//&::before { &::before {
// position: absolute; color: #F56C6C;
// left: -10px; //position: absolute;
// transform: translateY(-70px); //left: -10px;
//} //transform: translateY(-70px);
}
} }
.is-error { .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