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
1 <template> 1 <template>
2 <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value"> 2 <div class="zslq">
3 <div class="zslq"> 3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> 4 <el-row>
5 <el-row> 5 <el-col :span="8">
6 <el-col :span="8"> 6 <el-form-item label="发证人姓名">
7 <el-form-item label="发证人姓名"> 7 <el-input v-model="ruleForm.fzrmc" disabled></el-input>
8 <el-input v-model="ruleForm.fzrmc" disabled></el-input> 8 </el-form-item>
9 </el-form-item> 9 </el-col>
10 </el-col> 10 <el-col :span="8">
11 <el-col :span="8"> 11 <el-form-item label="发证时间">
12 <el-form-item label="发证时间"> 12 <el-input v-model="ruleForm.fzsj" disabled></el-input>
13 <el-input v-model="ruleForm.fzsj" disabled></el-input> 13 </el-form-item>
14 </el-form-item> 14 </el-col>
15 </el-col> 15 <el-col :span="8">
16 <el-col :span="8"> 16 <el-form-item label="发证数量">
17 <el-form-item label="发证数量"> 17 <el-input v-model="ruleForm.fzsl" disabled></el-input>
18 <el-input v-model="ruleForm.fzsl" disabled></el-input> 18 </el-form-item>
19 </el-form-item> 19 </el-col>
20 </el-col> 20 </el-row>
21 </el-row>
22 21
23 <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="600"> 22 <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false" :heightNum="400">
24 </lb-table> 23 </lb-table>
25 <el-row> 24 <el-row>
26 <el-col :span="6"> 25 <el-col :span="6">
27 <el-form-item label="领证人" prop="lzrxm"> 26 <el-form-item label="领证人" prop="lzrxm">
28 <el-input v-model="ruleForm.lzrxm"></el-input> 27 <el-input v-model="ruleForm.lzrxm"></el-input>
29 </el-form-item> 28 </el-form-item>
30 </el-col> 29 </el-col>
31 <el-col :span="6"> 30 <el-col :span="6">
32 <el-form-item label="证件类型" prop="lzrzjlb"> 31 <el-form-item label="证件类型" prop="lzrzjlb">
33 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> 32 <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
34 <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode"> 33 <el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
35 </el-option> 34 </el-option>
36 </el-select> 35 </el-select>
37 </el-form-item> 36 </el-form-item>
38 </el-col> 37 </el-col>
39 <el-col :span="6"> 38 <el-col :span="6">
40 <el-form-item label="证件号" prop="lzrzjh"> 39 <el-form-item label="证件号" prop="lzrzjh">
41 <el-input v-model="ruleForm.lzrzjh"></el-input> 40 <el-input v-model="ruleForm.lzrzjh"></el-input>
42 </el-form-item> 41 </el-form-item>
43 </el-col> 42 </el-col>
44 <el-col :span="6"> 43 <el-col :span="6">
45 <el-form-item label="领证人电话" prop="lzrdh"> 44 <el-form-item label="领证人电话" prop="lzrdh">
46 <el-input v-model="ruleForm.lzrdh"></el-input> 45 <el-input v-model="ruleForm.lzrdh"></el-input>
47 </el-form-item> 46 </el-form-item>
48 </el-col> 47 </el-col>
49 </el-row> 48 </el-row>
50 </el-form> 49 </el-form>
50 <div class="text-center">
51 <el-button @click="$popupCacel">取消</el-button>
52 <el-button type="primary" @click="handleSubmit" plain>领取</el-button>
51 </div> 53 </div>
52 </dialogBox> 54 </div>
53 </template> 55 </template>
54 56
55 <script> 57 <script>
...@@ -59,7 +61,12 @@ ...@@ -59,7 +61,12 @@
59 import { datas } from "../javascript/fzxxdata"; 61 import { datas } from "../javascript/fzxxdata";
60 export default { 62 export default {
61 props: { 63 props: {
62 value: { type: Boolean, default: true } 64 formData: {
65 type: Object,
66 default: function () {
67 return {};
68 }
69 }
63 }, 70 },
64 mixins: [table], 71 mixins: [table],
65 data () { 72 data () {
...@@ -96,17 +103,36 @@ ...@@ -96,17 +103,36 @@
96 }, 103 },
97 } 104 }
98 }, 105 },
99 watch: { 106 // watch: {
100 value (val) { 107 // value (val) {
101 if (val) { 108 // if (val) {
102 this.loadGrid(); 109 // this.loadGrid();
103 } 110 // }
104 }, 111 // },
112 // },
113 mounted () {
114 if (this.formData.bsmSlsq) {
115 console.log(this.formData.bsmSlsq);
116 getUnclaimedBdcqz({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
117 console.log("res", res);
118 if (res.code === 200) {
119 this.tableData.data = res.result.list;
120 this.ruleForm.bdcqzList = res.result.list;
121 this.ruleForm.fzrmc = res.result.fzrmc
122 this.ruleForm.fzsj = res.result.fzsj
123 this.ruleForm.fzsl = res.result.fzsl
124
125 }
126 })
127 }
105 }, 128 },
106 methods: { 129 methods: {
107 //列表初始化 130 //列表初始化
108 loadGrid () { 131 loadGrid () {
132 console.log(this.value);
133 console.log(this.$route.query.bsmSlsq);
109 getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => { 134 getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
135 console.log("res", res);
110 if (res.code === 200) { 136 if (res.code === 200) {
111 this.tableData.data = res.result.list; 137 this.tableData.data = res.result.list;
112 this.ruleForm.fzrmc = res.result.fzrmc 138 this.ruleForm.fzrmc = res.result.fzrmc
...@@ -116,14 +142,18 @@ ...@@ -116,14 +142,18 @@
116 } 142 }
117 }) 143 })
118 }, 144 },
145 // 领取证书
119 handleSubmit () { 146 handleSubmit () {
120 this.$refs.ruleForm.validate(valid => { 147 this.$refs.ruleForm.validate(valid => {
121 if (valid) { 148 if (valid) {
149 console.log("this.ruleForm", this.ruleForm);
122 issueCertificate(this.ruleForm).then(res => { 150 issueCertificate(this.ruleForm).then(res => {
123 if (res.code == 200) { 151 if (res.code == 200) {
124 this.$message.success('保存成功'); 152 this.$message.success('领取成功');
125 this.$parent.queryClick(); 153 this.$popupCacel();
126 this.$emit("input", false); 154 // console.log("this.$parent", this.$parent);
155 // this.$parent.queryClick();
156
127 } else { 157 } else {
128 this.$message.error(res.message) 158 this.$message.error(res.message)
129 } 159 }
...@@ -134,9 +164,6 @@ ...@@ -134,9 +164,6 @@
134 } 164 }
135 }); 165 });
136 }, 166 },
137 closeDialog () {
138 this.$emit("input", false);
139 },
140 } 167 }
141 } 168 }
142 </script> 169 </script>
......