Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
72f495f4 by 任超
Options

style:受理申请

1 parent 4abec01a
Inline Side-by-side
Showing 7 changed files with 221 additions and 70 deletions
......@@ -5,3 +5,16 @@
export function isExternal (path) {
return /^(https?:|mailto:|tel:)/.test(path)
}
export function validatePhone (rule, value, callback) {
let phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/
if (!value) {
return callback(new Error('号码不能为空!!'))
}
setTimeout(() => {
if (!phoneReg.test(value)) {
callback(new Error('格式有误'))
} else {
callback()
}
}, 100)
}
\ No newline at end of file
......
<template>
<div>
<lb-table :column="InformationTable" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData">
<lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData">
</lb-table>
<addQlr v-model="dialog" />
</div>
</template>
<script>
import addQlr from './addQlr.vue'
import { mapGetters } from 'vuex'
export default {
components: {
addQlr
},
computed: {
...mapGetters(["dictData"]),
},
......@@ -14,15 +19,20 @@ export default {
tableData: {
type: Array,
default: []
},
gyfs: {
type: String,
default: '1'
}
},
data () {
return {
dialog: false,
InformationTable: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
},
render: (h, scope) => {
return (
......@@ -39,52 +49,35 @@ export default {
},
{
prop: "sqrmc",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input placeholder="姓名/名称" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
label: "姓名/名称"
},
{
prop: "dlrzjlx",
label: "证件种类",
render: (h, scope) => {
return (
<el-select value={scope.row[scope.column.property]}>
{
this.dictData && this.dictData['A30'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
label: "证件种类"
},
{
prop: "dlrzjh",
label: "证件号",
render: (h, scope) => {
return (
<el-input placeholder="证件号" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
label: "证件号"
},
{
prop: "fr",
label: "法人",
label: "法人"
},
{
label: '修改',
render: (h, scope) => {
return (
<el-input placeholder="法人" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
<div>
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => { this.handleEdit(scope.$index, scope.row) }}>编辑</el-button>
</div>
)
}
}
]
],
column: this.InformationTable
}
},
watch: {
......@@ -93,20 +86,30 @@ export default {
this.$emit('updateValue', newValue)
},
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == '1') {
this.column = _.cloneDeep(dataList).slice(1, dataList.length)
} else if ((newVal == '2')) {
this.column = dataList
} else {
this.column = _.cloneDeep(dataList)
this.column.splice(
2, 0, {
prop: "fs",
label: "份数"
})
}
},
immediate: true
}
},
methods: {
// 添加
handleAdd () {
this.tableData.push(
{
sqrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}
)
this.key++
this.dialog = true
},
// 减
handleMinus (index, row) {
......@@ -114,9 +117,8 @@ export default {
},
// 身份证读取
readClick () { },
// 修改
editClick () { },
handleEdit () { },
}
}
</script>
......
<template>
<dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
@closeDialog="closeDialog">
<el-form :model="ruleForm" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="权利人类型" prop="qlrlx">
<el-select v-model="ruleForm.qlrlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称" prop="xm">
<el-input v-model="ruleForm.xm" maxlegth="15"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类" prop="zjzl">
<el-select v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="证件号" prop="zjh">
<el-input v-model="ruleForm.zjh" maxlegth="15"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="lxdh">
<el-input v-model="ruleForm.lxdh" maxlegth="11"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
</el-row>
</el-form>
</dialogBox>
</template>
<script>
import { mapGetters } from 'vuex'
import { validatePhone } from '@/utils/validate'
export default {
props: {
value: { type: Boolean, default: false },
},
computed: {
...mapGetters(["dictData"]),
},
data () {
return {
myValue: this.value,
ruleForm: {
qlrlx: '',
xm: '',
zjzl: '',
zjh: '',
lxdh: ''
},
rules: {
qlrlx: [
{ required: true, message: '权利人类型', trigger: 'change' }
],
xm: [
{ required: true, message: '姓名/名称', trigger: 'blur' }
],
zjzl: [
{ required: true, message: '证件种类', trigger: 'change' }
],
zjh: [
{ required: true, message: '证件号', trigger: 'blur' }
],
lxdh: [
{
required: true, // required就是这个框必须填写
message: '不能空着',
validator: validatePhone, // 规则
trigger: 'blur', // blur失去焦点，事件何时触发
},
]
}
}
},
watch: {
value (val) {
this.myValue = val;
},
},
methods: {
closeDialog () {
this.$emit("input", false);
},
submitForm () {
this.$emit("input", false);
},
},
};
</script>
<style scoped lang="scss">
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
......@@ -171,7 +171,6 @@ export default {
key: 0,
tableData: [],
previewImg: {
bsmCatalog: '',
index: 0,
selectedIndex: 0,
imgList: [
......@@ -211,7 +210,6 @@ export default {
};
// 接口待调
move(obj).then((res) => {
console.log("111111", res);
this.clmlmxInit();
});
},
......@@ -248,7 +246,7 @@ export default {
// 新增弹窗保存
addSave (data) {
let maxXh = 0;
this.tableData.forEach((item) => {
this.tableData && this.tableData.forEach((item) => {
if (item.xh > maxXh) {
maxXh = item.xh;
}
......@@ -267,7 +265,8 @@ export default {
message: "新增成功",
type: "success",
});
this.tableData = res.result;
console.log(res);
this.tableData = res.result ? res.result : [];
// 加载表格
this.clmlmxInit();
}
......
<template>
<dialogBox
title="新建材料信息"
width="40%"
v-model="myValue"
:isButton="false"
>
<dialogBox title="新建材料信息" width="40%" v-model="myValue" :isFullscreen="false" :isButton="false">
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
<el-row>
<el-col :span="24">
......@@ -34,7 +29,7 @@ export default {
props: {
value: { type: Boolean, default: false },
},
data() {
data () {
return {
myValue: this.value,
ruleForm: {
......@@ -44,15 +39,15 @@ export default {
};
},
watch: {
value(val) {
value (val) {
this.myValue = val;
},
},
methods: {
closeDialog() {
closeDialog () {
this.$emit("input", false);
},
onSave() {
onSave () {
this.$parent.addSave(this.ruleForm);
this.$emit("input", false);
},
......
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
label-width="140px">
label-width="120px">
<div class="slxx_con">
<div class="slxx_title">受理信息</div>
<el-row :gutter="10">
......@@ -118,19 +118,33 @@
</el-row>
<div class="slxx_title">权利人信息</div>
<el-row :gutter="10">
<el-col>
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group disabled v-model="ruleForm.gyfs">
<el-radio label="单独所有"></el-radio>
<el-radio label="共同共有"></el-radio>
<el-radio label="按份所有"></el-radio>
<el-radio-group v-model="ruleForm.gyfs">
<el-radio label="1">单独所有</el-radio>
<el-radio label="2">共同共有</el-radio>
<el-radio label="3">按份所有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col>
<InformationTable :tableData="ruleForm.qlrxx" />
<el-col :span="5" v-show="ruleForm.gyfs=='2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.sffbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs=='2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
<div class="slxx_title">登记原因</div>
<el-row :gutter="10">
<el-col>
......@@ -169,6 +183,7 @@ export default {
flagTop: this.flag ? "top" : "",
tdytOption: [],
qlsdfsOption: [],
czrOptions: [],
ruleForm: {
ywh: "",
slry: "",
......@@ -189,7 +204,11 @@ export default {
syqqzsj: "",
fj: "",
djyy: "",
gyfs: "",
gyfs: "1",
// 是否分别持证
sffbcz: '',
// 持证人
czr: ''
},
rules: {
}
......@@ -214,6 +233,14 @@ export default {
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
.slxx {
box-sizing: border-box;
padding-right: 15px;
......
......@@ -134,10 +134,11 @@ export default {
var formdata = new FormData();
formdata.append("bsmSlsq", id);
leftMenu(formdata).then(res => {
console.log(res, 'eeeeeeeeeeee');
if (res.code === 200) {
this.unitData = res.result
this.unitData = res.result ? res.result : []
setTimeout(() => {
that.$refs.slxx[0].list(that.unitData[0].bsmSldy)
that.$refs?.slxx[0].list(that.unitData && that.unitData[0].bsmSldy)
this.taskId = that.unitData[0].taskId
this.bsmBusiness = that.unitData[0].bsmBusiness
}, 300);
......@@ -149,6 +150,7 @@ export default {
let that = this
var formdata = new FormData();
formdata.append("bestepid", bestepid);
console.log(formdata, 'formdata');
stepExpandInfo(formdata).then(res => {
if (res.code === 200) {
this.tabList1 = [...res.result.form]
......