Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
bebe63cc by xiaomiao
Options

证书领取

1 parent 79e95008
Inline Side-by-side
Showing 1 changed file with 89 additions and 62 deletions
<template>
<dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value">
<div class="zslq">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="发证人姓名">
<el-input v-model="ruleForm.fzrmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证时间">
<el-input v-model="ruleForm.fzsj" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证数量">
<el-input v-model="ruleForm.fzsl" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="zslq">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="发证人姓名">
<el-input v-model="ruleForm.fzrmc" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证时间">
<el-input v-model="ruleForm.fzsj" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发证数量">
<el-input v-model="ruleForm.fzsl" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600">
</lb-table>
<el-row>
<el-col :span="6">
<el-form-item label="领证人" prop="lzrxm">
<el-input v-model="ruleForm.lzrxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件类型" prop="lzrzjlb">
<el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
<el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号" prop="lzrzjh">
<el-input v-model="ruleForm.lzrzjh"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="领证人电话" prop="lzrdh">
<el-input v-model="ruleForm.lzrdh"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="400">
</lb-table>
<el-row>
<el-col :span="6">
<el-form-item label="领证人" prop="lzrxm">
<el-input v-model="ruleForm.lzrxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件类型" prop="lzrzjlb">
<el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
<el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="证件号" prop="lzrzjh">
<el-input v-model="ruleForm.lzrzjh"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="领证人电话" prop="lzrdh">
<el-input v-model="ruleForm.lzrdh"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="text-center">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" @click="handleSubmit" plain>领取</el-button>
</div>
</dialogBox>
</div>
</template>
<script>
......@@ -59,7 +61,12 @@
import { datas } from "../javascript/fzxxdata";
export default {
props: {
value: { type: Boolean, default: true }
formData: {
type: Object,
default: function () {
return {};
}
}
},
mixins: [table],
data () {
......@@ -96,17 +103,36 @@
},
}
},
watch: {
value (val) {
if (val) {
this.loadGrid();
}
},
// watch: {
// value (val) {
// if (val) {
// this.loadGrid();
// }
// },
// },
mounted () {
if (this.formData.bsmSlsq) {
console.log(this.formData.bsmSlsq);
getUnclaimedBdcqz({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
console.log("res", res);
if (res.code === 200) {
this.tableData.data = res.result.list;
this.ruleForm.bdcqzList = res.result.list;
this.ruleForm.fzrmc = res.result.fzrmc
this.ruleForm.fzsj = res.result.fzsj
this.ruleForm.fzsl = res.result.fzsl
}
})
}
},
methods: {
//列表初始化
loadGrid () {
console.log(this.value);
console.log(this.$route.query.bsmSlsq);
getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
console.log("res", res);
if (res.code === 200) {
this.tableData.data = res.result.list;
this.ruleForm.fzrmc = res.result.fzrmc
......@@ -116,14 +142,18 @@
}
})
},
// 领取证书
handleSubmit () {
this.$refs.ruleForm.validate(valid => {
if (valid) {
console.log("this.ruleForm", this.ruleForm);
issueCertificate(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功');
this.$parent.queryClick();
this.$emit("input", false);
this.$message.success('领取成功');
this.$popupCacel();
// console.log("this.$parent", this.$parent);
// this.$parent.queryClick();
} else {
this.$message.error(res.message)
}
......@@ -134,9 +164,6 @@
}
});
},
closeDialog () {
this.$emit("input", false);
},
}
}
</script>
......