99228a65 by 任超

style:受理信息

1 parent 4a8b0984
<template>
<div>
<lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableData">
<lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" />
<addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
</div>
</template>
<script>
......@@ -27,21 +27,9 @@ export default {
default: '1'
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
if (val.length == 0) {
this.tableDataList = [{}]
} else {
this.tableDataList = _.cloneDeep(val)
}
},
immediate: true,
deep: true
}
},
data () {
return {
dataIndex: 0,
dialog: false,
details: {},
tableDataList: [],
......@@ -112,17 +100,21 @@ export default {
},
watch: {
tableData: {
handler (newValue, oldValue) {
this.$emit('updateValue', newValue)
handler: function (val, oldVal) {
let that = this
if (val.length == 0 || !val) {
that.tableDataList = [{}]
} else {
that.tableDataList = _.cloneDeep(val)
}
},
immediate: true,
deep: true
},
'$route.query.bsmSlsq': {
handler (newValue, oldValue) {
// 获取列表数据
// this.details =
},
deep: true
},
......@@ -146,9 +138,9 @@ export default {
}
},
methods: {
// 获取列表数据
getList () {
updateDetail (value) {
this.tableDataList[this.dataIndex] = value
this.$emit('upDateQlrxxList', this.tableDataList)
},
// 添加
handleAdd () {
......@@ -161,8 +153,10 @@ export default {
// 身份证读取
readClick () { },
// 修改
handleEdit () {
handleEdit (index, row) {
this.dataIndex = index
this.dialog = true
this.details = row
},
handleView () {
this.dialog = true
......
......@@ -37,7 +37,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别" prop="xb">
<el-form-item label="性别">
<el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
......@@ -47,17 +47,17 @@
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="法人名称" prop="frmc">
<el-form-item label="法人名称">
<el-input v-model="ruleForm.frmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="国家/地区" prop="gjdq">
<el-form-item label="国家/地区">
<el-input v-model="ruleForm.gjdq"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="户籍所在省市" prop="szss">
<el-form-item label="户籍所在省市">
<el-input v-model="ruleForm.szss"></el-input>
</el-form-item>
</el-col>
......@@ -65,12 +65,12 @@
<el-row>
<el-col :span="16">
<el-form-item label="地址" prop="dz">
<el-form-item label="地址">
<el-input v-model="ruleForm.dz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="邮编" prop="yb">
<el-form-item label="邮编">
<el-input v-model="ruleForm.yb"></el-input>
</el-form-item>
</el-col>
......@@ -78,17 +78,17 @@
<el-row>
<el-col :span="8">
<el-form-item label="发证机关" prop="fzjg">
<el-form-item label="发证机关">
<el-input v-model="ruleForm.fzjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="电子邮件" prop="dzyj">
<el-form-item label="电子邮件">
<el-input v-model="ruleForm.dzyj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利比例" prop="qlbl">
<el-form-item label="权利比例">
<el-input v-model="ruleForm.qlbl"></el-input>
</el-form-item>
</el-col>
......@@ -96,12 +96,12 @@
<el-row>
<el-col :span="8">
<el-form-item label="工作单位" prop="gzdw">
<el-form-item label="工作单位">
<el-input v-model="ruleForm.gzdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="代理机构" prop="dljg">
<el-form-item label="代理机构">
<el-input v-model="ruleForm.dljg"></el-input>
</el-form-item>
</el-col>
......@@ -109,17 +109,17 @@
<el-row>
<el-col :span="8">
<el-form-item label="联系电话" prop="lxdh" :rules="$rules.common.phone">
<el-form-item label="联系电话" :rules="$rules.common.phone">
<el-input v-model="ruleForm.lxdh" maxlength="11"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="代理人姓名" prop="dlrxm">
<el-form-item label="代理人姓名">
<el-input v-model="ruleForm.dlrxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="代理人证件类型" prop="dlrzjlx">
<el-form-item label="代理人证件类型">
<el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
......@@ -129,7 +129,7 @@
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="代理人证件号" prop="dlrzjh">
<el-form-item label="代理人证件号">
<el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
</el-form-item>
</el-col>
......@@ -137,7 +137,6 @@
</el-form>
</dialogBox>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
......@@ -183,48 +182,6 @@ export default {
],
zjh: [
{ required: true, message: '证件号', trigger: 'blur' }
],
xb: [
{ required: true, message: '性别', trigger: 'change' }
],
frmc: [
{ required: true, message: '法人名称', trigger: 'blur' }
],
gjdq: [
{ required: true, message: '国家/地区', trigger: 'blur' }
],
szss: [
{ required: true, message: '户籍所在省市', trigger: 'blur' }
],
dz: [
{ required: true, message: '地址', trigger: 'blur' }
],
yb: [
{ required: true, message: '邮编', trigger: 'blur' }
],
fzjg: [
{ required: true, message: '发证机关', trigger: 'blur' }
],
dzyj: [
{ required: true, message: '电子邮件', trigger: 'blur' }
],
qlbl: [
{ required: true, message: '权利比例', trigger: 'blur' }
],
gzdw: [
{ required: true, message: '工作单位', trigger: 'blur' }
],
dljg: [
{ required: true, message: '代理机构', trigger: 'blur' }
],
dlrxm: [
{ required: true, message: '代理人姓名', trigger: 'blur' }
],
dlrzjlx: [
{ required: true, message: '代理人证件类型', trigger: 'change' }
],
dlrzjh: [
{ required: true, message: '代理人证件号', trigger: 'blur' }
]
}
}
......@@ -240,17 +197,11 @@ export default {
this.$refs['ruleForm'].resetFields();
},
submitForm () {
this.$refs['ruleForm.'].validate((valid) => {
if (valid) {
this.$emit("input", false);
} else {
console.log('error submit!!');
return false;
}
});
},
},
};
this.$emit("input", false);
this.$emit("updateDetail", this.ruleForm);
}
}
}
</script>
<style scoped lang="scss">
.submit-button {
......
......@@ -150,7 +150,8 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
<InformationTable :tableData="ruleForm.qlrxx" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -190,9 +191,6 @@ export default {
...res.result.qlxxdatas,
...res.result.jsydsyqdatas
}
if (this.ruleForm.gyfs == '1') {
this.ruleForm.qlrxx = [{}]
}
}
})
},
......@@ -234,6 +232,10 @@ export default {
}
},
methods: {
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrxx = val
},
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
......