证书领取
Showing
1 changed file
with
42 additions
and
15 deletions
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value"> | ||
| 3 | <div class="zslq"> | 2 | <div class="zslq"> |
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> | 3 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> |
| 5 | <el-row> | 4 | <el-row> |
| ... | @@ -20,7 +19,7 @@ | ... | @@ -20,7 +19,7 @@ |
| 20 | </el-col> | 19 | </el-col> |
| 21 | </el-row> | 20 | </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"> |
| ... | @@ -48,8 +47,11 @@ | ... | @@ -48,8 +47,11 @@ |
| 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> | ||
| 53 | </div> | ||
| 51 | </div> | 54 | </div> |
| 52 | </dialogBox> | ||
| 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(); |
| 110 | // } | ||
| 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 | }) | ||
| 103 | } | 127 | } |
| 104 | }, | ||
| 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> | ... | ... |
-
Please register or sign in to post a comment