style:权利人信息
Showing
24 changed files
with
2747 additions
and
2881 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:41:20 | 4 | * @LastEditTime: 2023-08-01 17:33:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -11,303 +11,301 @@ | ... | @@ -11,303 +11,301 @@ |
| 11 | :key="key" | 11 | :key="key" |
| 12 | :heightNumSetting="true" | 12 | :heightNumSetting="true" |
| 13 | :minHeight="150" | 13 | :minHeight="150" |
| 14 | :data="tableDataList" | 14 | :data="tableDataList"> |
| 15 | > | ||
| 16 | </lb-table> | 15 | </lb-table> |
| 17 | <addQlr | 16 | <addQlr |
| 18 | v-model="dialog" | 17 | v-model="dialog" |
| 19 | :details="details" | 18 | :details="details" |
| 20 | :showButton="showButton" | 19 | :showButton="showButton" |
| 21 | @updateDetail="handleupdateDetail" | 20 | @updateDetail="handleupdateDetail" /> |
| 22 | /> | ||
| 23 | </div> | 21 | </div> |
| 24 | </template> | 22 | </template> |
| 25 | <script> | 23 | <script> |
| 26 | import addQlr from "./dialog/addQlr.vue"; | 24 | import addQlr from "./dialog/addQlr.vue"; |
| 27 | import { mapGetters } from "vuex"; | 25 | import { mapGetters } from "vuex"; |
| 28 | export default { | 26 | export default { |
| 29 | components: { | 27 | components: { |
| 30 | addQlr, | 28 | addQlr, |
| 31 | }, | ||
| 32 | computed: { | ||
| 33 | ...mapGetters(["dictData"]), | ||
| 34 | }, | ||
| 35 | props: { | ||
| 36 | tableData: { | ||
| 37 | type: Array, | ||
| 38 | default: function () { | ||
| 39 | return []; | ||
| 40 | }, | ||
| 41 | }, | 29 | }, |
| 42 | ableOperation: { | 30 | computed: { |
| 43 | type: Boolean, | 31 | ...mapGetters(["dictData"]), |
| 44 | default: false, | ||
| 45 | }, | 32 | }, |
| 46 | gyfs: { | 33 | props: { |
| 47 | type: String, | 34 | tableData: { |
| 48 | default: "1", | 35 | type: Array, |
| 36 | default: function () { | ||
| 37 | return []; | ||
| 38 | }, | ||
| 39 | }, | ||
| 40 | ableOperation: { | ||
| 41 | type: Boolean, | ||
| 42 | default: false, | ||
| 43 | }, | ||
| 44 | gyfs: { | ||
| 45 | type: String, | ||
| 46 | default: "1", | ||
| 47 | }, | ||
| 49 | }, | 48 | }, |
| 50 | }, | 49 | data () { |
| 51 | data() { | 50 | return { |
| 52 | return { | 51 | key: 0, |
| 53 | key: 0, | 52 | dataIndex: 0, |
| 54 | dataIndex: 0, | 53 | dialog: false, |
| 55 | dialog: false, | 54 | isaddupdate: false, |
| 56 | isaddupdate: false, | 55 | showButton: this.ableOperation, |
| 57 | showButton: this.ableOperation, | 56 | details: {}, |
| 58 | details: {}, | 57 | tableDataList: [], |
| 59 | tableDataList: [], | 58 | InformationTable: [ |
| 60 | InformationTable: [ | 59 | { |
| 61 | { | 60 | width: "50", |
| 62 | width: "50", | 61 | renderHeader: (h, scope) => { |
| 63 | renderHeader: (h, scope) => { | 62 | return ( |
| 64 | return ( | 63 | <div> |
| 65 | <div> | 64 | {" "} |
| 66 | {" "} | 65 | {!this.ableOperation ? ( |
| 67 | {!this.ableOperation ? ( | 66 | "序号" |
| 68 | "序号" | 67 | ) : ( |
| 69 | ) : ( | 68 | <i |
| 70 | <i | 69 | class="el-icon-plus pointer" |
| 71 | class="el-icon-plus pointer" | 70 | onClick={() => { |
| 72 | onClick={() => { | 71 | this.addClick(); |
| 73 | this.addClick(); | 72 | }} |
| 74 | }} | 73 | ></i> |
| 75 | ></i> | 74 | )} |
| 76 | )} | 75 | </div> |
| 77 | </div> | 76 | ); |
| 78 | ); | 77 | }, |
| 78 | render: (h, scope) => { | ||
| 79 | return ( | ||
| 80 | <div> | ||
| 81 | {!this.ableOperation ? ( | ||
| 82 | <span>{scope.$index + 1}</span> | ||
| 83 | ) : ( | ||
| 84 | <i | ||
| 85 | class="el-icon-minus pointer" | ||
| 86 | onClick={() => { | ||
| 87 | this.deleClick(scope.$index, scope.row); | ||
| 88 | }} | ||
| 89 | ></i> | ||
| 90 | )} | ||
| 91 | </div> | ||
| 92 | ); | ||
| 93 | }, | ||
| 79 | }, | 94 | }, |
| 80 | render: (h, scope) => { | 95 | { |
| 81 | return ( | 96 | label: "身份证读卡器", |
| 82 | <div> | 97 | align: "center", |
| 83 | {!this.ableOperation ? ( | 98 | render: (h, scope) => { |
| 84 | <span>{scope.$index + 1}</span> | 99 | return ( |
| 85 | ) : ( | 100 | <el-button |
| 86 | <i | 101 | type="text" |
| 87 | class="el-icon-minus pointer" | 102 | icon="el-icon-tickets" |
| 88 | onClick={() => { | 103 | disabled={!this.ableOperation} |
| 89 | this.deleClick(scope.$index, scope.row); | 104 | onClick={() => { |
| 90 | }} | 105 | this.readClick(scope); |
| 91 | ></i> | 106 | }} |
| 92 | )} | 107 | > |
| 93 | </div> | 108 | 读取 |
| 94 | ); | 109 | </el-button> |
| 110 | ); | ||
| 111 | }, | ||
| 95 | }, | 112 | }, |
| 96 | }, | 113 | { |
| 97 | { | 114 | prop: "qlrmc", |
| 98 | label: "身份证读卡器", | 115 | label: "姓名/名称", |
| 99 | align: "center", | ||
| 100 | render: (h, scope) => { | ||
| 101 | return ( | ||
| 102 | <el-button | ||
| 103 | type="text" | ||
| 104 | icon="el-icon-tickets" | ||
| 105 | disabled={!this.ableOperation} | ||
| 106 | onClick={() => { | ||
| 107 | this.readClick(scope); | ||
| 108 | }} | ||
| 109 | > | ||
| 110 | 读取 | ||
| 111 | </el-button> | ||
| 112 | ); | ||
| 113 | }, | 116 | }, |
| 114 | }, | 117 | { |
| 115 | { | 118 | prop: "zjzl", |
| 116 | prop: "qlrmc", | 119 | label: "证件种类", |
| 117 | label: "姓名/名称", | 120 | render: (h, scope) => { |
| 118 | }, | 121 | return ( |
| 119 | { | 122 | this.dictData["A30"] && |
| 120 | prop: "zjzl", | 123 | this.dictData["A30"].map((option) => { |
| 121 | label: "证件种类", | 124 | if (option.dcode == scope.row.zjzl) { |
| 122 | render: (h, scope) => { | 125 | return <span>{option.dname}</span>; |
| 123 | return ( | 126 | } |
| 124 | this.dictData["A30"] && | 127 | }) |
| 125 | this.dictData["A30"].map((option) => { | 128 | ); |
| 126 | if (option.dcode == scope.row.zjzl) { | 129 | }, |
| 127 | return <span>{option.dname}</span>; | ||
| 128 | } | ||
| 129 | }) | ||
| 130 | ); | ||
| 131 | }, | 130 | }, |
| 132 | }, | 131 | { |
| 133 | { | 132 | prop: "zjh", |
| 134 | prop: "zjh", | 133 | label: "证件号", |
| 135 | label: "证件号", | 134 | }, |
| 136 | }, | 135 | { |
| 137 | { | 136 | prop: "dh", |
| 138 | prop: "dh", | 137 | label: "联系电话", |
| 139 | label: "联系电话", | ||
| 140 | }, | ||
| 141 | { | ||
| 142 | label: "操作", | ||
| 143 | render: (h, scope) => { | ||
| 144 | return ( | ||
| 145 | <div> | ||
| 146 | {!this.showButton ? ( | ||
| 147 | <el-button | ||
| 148 | icon="el-icon-view" | ||
| 149 | type="text" | ||
| 150 | onClick={() => { | ||
| 151 | this.queryViewClick(scope.$index, scope.row); | ||
| 152 | }} | ||
| 153 | disabled={!this.ableOperation} | ||
| 154 | > | ||
| 155 | {" "} | ||
| 156 | 查看 | ||
| 157 | </el-button> | ||
| 158 | ) : ( | ||
| 159 | <el-button | ||
| 160 | icon="el-icon-edit-outline" | ||
| 161 | type="text" | ||
| 162 | onClick={() => { | ||
| 163 | this.editClick(scope.$index, scope.row); | ||
| 164 | }} | ||
| 165 | disabled={!this.ableOperation} | ||
| 166 | > | ||
| 167 | 编辑 | ||
| 168 | </el-button> | ||
| 169 | )} | ||
| 170 | </div> | ||
| 171 | ); | ||
| 172 | }, | 138 | }, |
| 139 | { | ||
| 140 | label: "操作", | ||
| 141 | render: (h, scope) => { | ||
| 142 | return ( | ||
| 143 | <div> | ||
| 144 | {!this.showButton ? ( | ||
| 145 | <el-button | ||
| 146 | icon="el-icon-view" | ||
| 147 | type="text" | ||
| 148 | onClick={() => { | ||
| 149 | this.queryViewClick(scope.$index, scope.row); | ||
| 150 | }} | ||
| 151 | disabled={!this.ableOperation} | ||
| 152 | > | ||
| 153 | {" "} | ||
| 154 | 查看 | ||
| 155 | </el-button> | ||
| 156 | ) : ( | ||
| 157 | <el-button | ||
| 158 | icon="el-icon-edit-outline" | ||
| 159 | type="text" | ||
| 160 | onClick={() => { | ||
| 161 | this.editClick(scope.$index, scope.row); | ||
| 162 | }} | ||
| 163 | disabled={!this.ableOperation} | ||
| 164 | > | ||
| 165 | 编辑 | ||
| 166 | </el-button> | ||
| 167 | )} | ||
| 168 | </div> | ||
| 169 | ); | ||
| 170 | }, | ||
| 171 | }, | ||
| 172 | ], | ||
| 173 | column: [], | ||
| 174 | }; | ||
| 175 | }, | ||
| 176 | watch: { | ||
| 177 | tableData: { | ||
| 178 | handler: function (val, oldVal) { | ||
| 179 | let that = this; | ||
| 180 | this.$nextTick(() => { | ||
| 181 | if (val.length == 0 || !val) { | ||
| 182 | that.tableDataList = _.cloneDeep([ | ||
| 183 | { | ||
| 184 | qlrmc: "", | ||
| 185 | dlrzjlx: "", | ||
| 186 | dlrzjh: "", | ||
| 187 | fr: "", | ||
| 188 | }, | ||
| 189 | ]); | ||
| 190 | } else { | ||
| 191 | that.tableDataList = _.cloneDeep(val); | ||
| 192 | } | ||
| 193 | }); | ||
| 173 | }, | 194 | }, |
| 174 | ], | 195 | immediate: true, |
| 175 | column: [], | 196 | deep: true, |
| 176 | }; | 197 | }, |
| 177 | }, | 198 | gyfs: { |
| 178 | watch: { | 199 | handler (newVal, oldValue) { |
| 179 | tableData: { | 200 | let dataList = _.cloneDeep(this.InformationTable); |
| 180 | handler: function (val, oldVal) { | 201 | if (newVal == 0) { |
| 181 | let that = this; | 202 | this.column = _.cloneDeep(dataList); |
| 182 | this.$nextTick(() => { | 203 | this.tableDataList = _.cloneDeep(this.tableData); |
| 183 | if (val.length == 0 || !val) { | 204 | } else if (newVal == "1" || newVal == "3") { |
| 184 | that.tableDataList = _.cloneDeep([ | 205 | this.column = dataList; |
| 185 | { | ||
| 186 | qlrmc: "", | ||
| 187 | dlrzjlx: "", | ||
| 188 | dlrzjh: "", | ||
| 189 | fr: "", | ||
| 190 | }, | ||
| 191 | ]); | ||
| 192 | } else { | 206 | } else { |
| 193 | that.tableDataList = _.cloneDeep(val); | 207 | this.column = _.cloneDeep(dataList); |
| 208 | this.column.splice(2, 0, { | ||
| 209 | prop: "fs", | ||
| 210 | label: "份数", | ||
| 211 | }); | ||
| 194 | } | 212 | } |
| 195 | }); | 213 | }, |
| 214 | immediate: true, | ||
| 215 | deep: true, | ||
| 196 | }, | 216 | }, |
| 197 | immediate: true, | ||
| 198 | deep: true, | ||
| 199 | }, | 217 | }, |
| 200 | gyfs: { | 218 | methods: { |
| 201 | handler(newVal, oldValue) { | 219 | /** |
| 202 | let dataList = _.cloneDeep(this.InformationTable); | 220 | * @handleupdateDetail: 删除 |
| 203 | if (newVal == 0) { | 221 | * @param {*} value |
| 204 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | 222 | * @author: renchao |
| 205 | this.column = _.cloneDeep(dataList); | 223 | */ |
| 206 | } else if (newVal == "1" || newVal == "3") { | 224 | handleupdateDetail (value) { |
| 207 | this.column = dataList; | 225 | if (this.isaddupdate) { |
| 226 | if (!_.isEqual(value, this.tableData)) { | ||
| 227 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 228 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 229 | } | ||
| 208 | } else { | 230 | } else { |
| 209 | this.column = _.cloneDeep(dataList); | 231 | if (!_.isEqual(value, this.tableData)) { |
| 210 | this.column.splice(2, 0, { | 232 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
| 211 | prop: "fs", | 233 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 212 | label: "份数", | 234 | } |
| 213 | }); | ||
| 214 | } | 235 | } |
| 236 | this.key++; | ||
| 215 | }, | 237 | }, |
| 216 | immediate: true, | 238 | /** |
| 217 | }, | 239 | * @description: 新增 |
| 218 | }, | 240 | * @author: renchao |
| 219 | methods: { | 241 | */ |
| 220 | /** | 242 | addClick () { |
| 221 | * @handleupdateDetail: 删除 | 243 | if (this.gyfs == "0" && this.tableDataList.length > 0) { |
| 222 | * @param {*} value | 244 | this.$message.warning("当前共有方式为单独所有，无法添加多个权利人"); |
| 223 | * @author: renchao | 245 | } else { |
| 224 | */ | 246 | this.dialog = true; |
| 225 | handleupdateDetail(value) { | 247 | this.isaddupdate = true; |
| 226 | if (this.isaddupdate) { | ||
| 227 | if (!_.isEqual(value, this.tableData)) { | ||
| 228 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 229 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 230 | } | ||
| 231 | } else { | ||
| 232 | if (!_.isEqual(value, this.tableData)) { | ||
| 233 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
| 234 | this.$emit("upDateQlrxxList", this.tableDataList); | ||
| 235 | } | 248 | } |
| 236 | } | 249 | }, |
| 237 | this.key++; | ||
| 238 | }, | ||
| 239 | // 新增 | ||
| 240 | /** | ||
| 241 | * @description: 新增 | ||
| 242 | * @author: renchao | ||
| 243 | */ | ||
| 244 | addClick() { | ||
| 245 | if (this.gyfs == "0" && this.tableDataList.length > 0) { | ||
| 246 | this.$message.warning("当前共有方式为单独所有，无法添加多个权利人"); | ||
| 247 | } else { | ||
| 248 | this.dialog = true; | ||
| 249 | this.isaddupdate = true; | ||
| 250 | } | ||
| 251 | }, | ||
| 252 | 250 | ||
| 253 | // 删除 | 251 | // 删除 |
| 254 | /** | 252 | /** |
| 255 | * @description: 删除 | 253 | * @description: 删除 |
| 256 | * @param {*} index | 254 | * @param {*} index |
| 257 | * @param {*} row | 255 | * @param {*} row |
| 258 | * @author: renchao | 256 | * @author: renchao |
| 259 | */ | 257 | */ |
| 260 | deleClick(index, row) { | 258 | deleClick (index, row) { |
| 261 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 259 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 262 | confirmButtonText: "确定", | 260 | confirmButtonText: "确定", |
| 263 | cancelButtonText: "取消", | 261 | cancelButtonText: "取消", |
| 264 | type: "warning", | 262 | type: "warning", |
| 265 | }) | ||
| 266 | .then(() => { | ||
| 267 | this.tableData.splice(index, 1); | ||
| 268 | }) | 263 | }) |
| 269 | .catch(() => {}); | 264 | .then(() => { |
| 270 | }, | 265 | this.tableData.splice(index, 1); |
| 266 | }) | ||
| 267 | .catch(() => { }); | ||
| 268 | }, | ||
| 271 | 269 | ||
| 272 | // 身份证读取 | 270 | // 身份证读取 |
| 273 | /** | 271 | /** |
| 274 | * @description: 身份证读取 | 272 | * @description: 身份证读取 |
| 275 | * @author: renchao | 273 | * @author: renchao |
| 276 | */ | 274 | */ |
| 277 | readClick() {}, | 275 | readClick () { }, |
| 278 | 276 | ||
| 279 | // 身份证读取按钮禁用 | 277 | // 身份证读取按钮禁用 |
| 280 | /** | 278 | /** |
| 281 | * @description: 身份证读取按钮禁用 | 279 | * @description: 身份证读取按钮禁用 |
| 282 | * @author: renchao | 280 | * @author: renchao |
| 283 | */ | 281 | */ |
| 284 | onreadClick() { | 282 | onreadClick () { |
| 285 | this.$message.error("此阶段不可编辑"); | 283 | this.$message.error("此阶段不可编辑"); |
| 286 | }, | 284 | }, |
| 287 | // 修改 | 285 | // 修改 |
| 288 | /** | 286 | /** |
| 289 | * @description: 修改 | 287 | * @description: 修改 |
| 290 | * @param {*} index | 288 | * @param {*} index |
| 291 | * @param {*} row | 289 | * @param {*} row |
| 292 | * @author: renchao | 290 | * @author: renchao |
| 293 | */ | 291 | */ |
| 294 | editClick(index, row) { | 292 | editClick (index, row) { |
| 295 | this.dataIndex = index; | 293 | this.dataIndex = index; |
| 296 | this.dialog = true; | 294 | this.dialog = true; |
| 297 | this.details = row; | 295 | this.details = row; |
| 298 | this.isaddupdate = false; | 296 | this.isaddupdate = false; |
| 299 | }, | 297 | }, |
| 300 | /** | 298 | /** |
| 301 | * @description: queryViewClick | 299 | * @description: queryViewClick |
| 302 | * @param {*} index | 300 | * @param {*} index |
| 303 | * @param {*} row | 301 | * @param {*} row |
| 304 | * @author: renchao | 302 | * @author: renchao |
| 305 | */ | 303 | */ |
| 306 | queryViewClick(index, row) { | 304 | queryViewClick (index, row) { |
| 307 | this.dialog = true; | 305 | this.dialog = true; |
| 308 | this.details = row; | 306 | this.details = row; |
| 307 | }, | ||
| 309 | }, | 308 | }, |
| 310 | }, | 309 | }; |
| 311 | }; | ||
| 312 | </script> | 310 | </script> |
| 313 | <style scoped lang="scss"></style> | 311 | <style scoped lang="scss"></style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-05 16:15:28 | 4 | * @LastEditTime: 2023-08-01 18:10:29 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="169px" | 17 | label-width="169px" |
| 18 | inline-message | 18 | inline-message |
| 19 | :show-message="false" | 19 | :show-message="false"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -52,18 +51,15 @@ | ... | @@ -52,18 +51,15 @@ |
| 52 | :table-width="550" | 51 | :table-width="550" |
| 53 | :tableData="ztQlxxList" | 52 | :tableData="ztQlxxList" |
| 54 | :props="props" | 53 | :props="props" |
| 55 | @change="ztQlxxchange" | 54 | @change="ztQlxxchange"> |
| 56 | > | ||
| 57 | <el-table-column | 55 | <el-table-column |
| 58 | prop="qllxmc" | 56 | prop="qllxmc" |
| 59 | width="130" | 57 | width="130" |
| 60 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
| 61 | ></el-table-column> | ||
| 62 | <el-table-column | 59 | <el-table-column |
| 63 | prop="bdcqzh" | 60 | prop="bdcqzh" |
| 64 | width="160" | 61 | width="160" |
| 65 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -79,18 +75,15 @@ | ... | @@ -79,18 +75,15 @@ |
| 79 | :table-width="550" | 75 | :table-width="550" |
| 80 | :tableData="ssQlxxList" | 76 | :tableData="ssQlxxList" |
| 81 | :props="props" | 77 | :props="props" |
| 82 | @change="ssQlxxchange" | 78 | @change="ssQlxxchange"> |
| 83 | > | ||
| 84 | <el-table-column | 79 | <el-table-column |
| 85 | prop="qllxmc" | 80 | prop="qllxmc" |
| 86 | width="130" | 81 | width="130" |
| 87 | label="权利类型" | 82 | label="权利类型"></el-table-column> |
| 88 | ></el-table-column> | ||
| 89 | <el-table-column | 83 | <el-table-column |
| 90 | prop="bdcqzh" | 84 | prop="bdcqzh" |
| 91 | width="160" | 85 | width="160" |
| 92 | label="不动产权证书" | 86 | label="不动产权证书"></el-table-column> |
| 93 | ></el-table-column> | ||
| 94 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 87 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 95 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 88 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 96 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 89 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -142,7 +135,7 @@ | ... | @@ -142,7 +135,7 @@ |
| 142 | </el-col> | 135 | </el-col> |
| 143 | <el-col :span="8"> | 136 | <el-col :span="8"> |
| 144 | <el-form-item label="面积："> | 137 | <el-form-item label="面积："> |
| 145 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> | 138 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
| 146 | </el-form-item> | 139 | </el-form-item> |
| 147 | </el-col> | 140 | </el-col> |
| 148 | <el-col :span="8"> | 141 | <el-col :span="8"> |
| ... | @@ -174,8 +167,7 @@ | ... | @@ -174,8 +167,7 @@ |
| 174 | v-for="item in djlxlist" | 167 | v-for="item in djlxlist" |
| 175 | :key="item.dcode" | 168 | :key="item.dcode" |
| 176 | :label="item.dname" | 169 | :label="item.dname" |
| 177 | :value="item.dcode" | 170 | :value="item.dcode"></el-option> |
| 178 | ></el-option> | ||
| 179 | </el-select> | 171 | </el-select> |
| 180 | </el-form-item> | 172 | </el-form-item> |
| 181 | </el-col> | 173 | </el-col> |
| ... | @@ -188,13 +180,12 @@ | ... | @@ -188,13 +180,12 @@ |
| 188 | v-for="item in qsztlist" | 180 | v-for="item in qsztlist" |
| 189 | :key="item.dcode" | 181 | :key="item.dcode" |
| 190 | :label="item.dname" | 182 | :label="item.dname" |
| 191 | :value="item.dcode" | 183 | :value="item.dcode"></el-option> |
| 192 | ></el-option> | ||
| 193 | </el-select> | 184 | </el-select> |
| 194 | </el-form-item> | 185 | </el-form-item> |
| 195 | </el-col> | 186 | </el-col> |
| 196 | <el-col :span="8"> | 187 | <el-col :span="8"> |
| 197 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 188 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> |
| 198 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 189 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 199 | </el-form-item> | 190 | </el-form-item> |
| 200 | </el-col> | 191 | </el-col> |
| ... | @@ -227,15 +218,13 @@ | ... | @@ -227,15 +218,13 @@ |
| 227 | <el-input | 218 | <el-input |
| 228 | v-model="ruleForm.diyaq.zgzqse" | 219 | v-model="ruleForm.diyaq.zgzqse" |
| 229 | style="width: 500%" | 220 | style="width: 500%" |
| 230 | oninput="value=value.replace(/[^\d.]/g,'')" | 221 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 231 | ></el-input> | ||
| 232 | <el-select v-model="ruleForm.diyaq.jedw"> | 222 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 233 | <el-option | 223 | <el-option |
| 234 | v-for="item in dictData['A57']" | 224 | v-for="item in dictData['A57']" |
| 235 | :key="item.dcode" | 225 | :key="item.dcode" |
| 236 | :label="item.dname" | 226 | :label="item.dname" |
| 237 | :value="item.dcode" | 227 | :value="item.dcode"></el-option> |
| 238 | ></el-option> | ||
| 239 | </el-select> | 228 | </el-select> |
| 240 | </div> | 229 | </div> |
| 241 | </el-form-item> | 230 | </el-form-item> |
| ... | @@ -246,24 +235,22 @@ | ... | @@ -246,24 +235,22 @@ |
| 246 | <el-input | 235 | <el-input |
| 247 | v-model="ruleForm.diyaq.bdbzzqse" | 236 | v-model="ruleForm.diyaq.bdbzzqse" |
| 248 | style="width: 500%" | 237 | style="width: 500%" |
| 249 | oninput="value=value.replace(/[^\d.]/g,'')" | 238 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 250 | ></el-input> | ||
| 251 | <el-select v-model="ruleForm.diyaq.jedw"> | 239 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 252 | <el-option | 240 | <el-option |
| 253 | v-for="item in dictData['A57']" | 241 | v-for="item in dictData['A57']" |
| 254 | :key="item.dcode" | 242 | :key="item.dcode" |
| 255 | :label="item.dname" | 243 | :label="item.dname" |
| 256 | :value="item.dcode" | 244 | :value="item.dcode"></el-option> |
| 257 | ></el-option> | ||
| 258 | </el-select> | 245 | </el-select> |
| 259 | </div> | 246 | </div> |
| 260 | </el-form-item> | 247 | </el-form-item> |
| 261 | </el-col> | 248 | </el-col> |
| 262 | </el-row> | 249 | </el-row> |
| 263 | <el-row :gutter="10"> | 250 | <el-row :gutter="10"> |
| 264 | <el-col :span="8"> | 251 | <el-col :span="8"> |
| 265 | <el-form-item label="抵押面积："> | 252 | <el-form-item label="抵押面积："> |
| 266 | <div class="flex"> | 253 | <div class="flex"> |
| 267 | <el-input | 254 | <el-input |
| 268 | v-model="ruleForm.diyaq.dymj" | 255 | v-model="ruleForm.diyaq.dymj" |
| 269 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 256 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| ... | @@ -278,54 +265,50 @@ | ... | @@ -278,54 +265,50 @@ |
| 278 | </el-option> | 265 | </el-option> |
| 279 | </el-select> | 266 | </el-select> |
| 280 | </div> | 267 | </div> |
| 281 | </el-form-item> | 268 | </el-form-item> |
| 282 | </el-col> | 269 | </el-col> |
| 283 | 270 | ||
| 284 | <el-col :span="8"> | 271 | <el-col :span="8"> |
| 285 | <el-form-item | 272 | <el-form-item |
| 286 | label="债务履行起始时间：" | 273 | label="债务履行起始时间：" |
| 287 | prop="diyaq.zwlxqssj" | 274 | prop="diyaq.zwlxqssj" |
| 288 | :rules="rules.zwlxqssjrules" | 275 | :rules="rules.zwlxqssjrules"> |
| 289 | > | 276 | <el-date-picker |
| 290 | <el-date-picker | 277 | v-model="ruleForm.diyaq.zwlxqssj" |
| 291 | v-model="ruleForm.diyaq.zwlxqssj" | 278 | type="date" |
| 292 | type="date" | 279 | placeholder="选择日期" |
| 293 | placeholder="选择日期" | 280 | value-format="yyyy-MM-dd HH:mm:ss" |
| 294 | value-format="yyyy-MM-dd HH:mm:ss" | 281 | format="yyyy-MM-dd"> |
| 295 | format="yyyy-MM-dd" | 282 | </el-date-picker> |
| 296 | > | 283 | </el-form-item> |
| 297 | </el-date-picker> | 284 | </el-col> |
| 298 | </el-form-item> | 285 | <el-col :span="8"> |
| 299 | </el-col> | 286 | <el-form-item |
| 300 | <el-col :span="8"> | 287 | label="债务履行结束时间：" |
| 301 | <el-form-item | 288 | prop="diyaq.zwlxjssj" |
| 302 | label="债务履行结束时间：" | 289 | :rules="rules.zwlxjssjrules"> |
| 303 | prop="diyaq.zwlxjssj" | 290 | <el-date-picker |
| 304 | :rules="rules.zwlxjssjrules" | 291 | v-model="ruleForm.diyaq.zwlxjssj" |
| 305 | > | 292 | type="date" |
| 306 | <el-date-picker | 293 | placeholder="选择日期" |
| 307 | v-model="ruleForm.diyaq.zwlxjssj" | 294 | value-format="yyyy-MM-dd HH:mm:ss" |
| 308 | type="date" | 295 | format="yyyy-MM-dd"> |
| 309 | placeholder="选择日期" | 296 | </el-date-picker> |
| 310 | value-format="yyyy-MM-dd HH:mm:ss" | 297 | </el-form-item> |
| 311 | format="yyyy-MM-dd" | 298 | </el-col> |
| 312 | > | 299 | </el-row> |
| 313 | </el-date-picker> | 300 | <el-row :gutter="10"> |
| 314 | </el-form-item> | 301 | <el-col :span="8"> |
| 315 | </el-col> | 302 | <el-form-item label="在建建筑物坐落："> |
| 316 | </el-row> | 303 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 317 | <el-row :gutter="10"> | 304 | </el-form-item> |
| 318 | <el-col :span="8"> | 305 | </el-col> |
| 319 | <el-form-item label="在建建筑物坐落："> | 306 | <!-- <el-col :span="8"> |
| 320 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 321 | </el-form-item> | ||
| 322 | </el-col> | ||
| 323 | <!-- <el-col :span="8"> | ||
| 324 | <el-form-item label="不动产登记证明号：" prop="bdcqzh"> | 307 | <el-form-item label="不动产登记证明号：" prop="bdcqzh"> |
| 325 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 308 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 326 | </el-form-item> | 309 | </el-form-item> |
| 327 | </el-col> --> | 310 | </el-col> --> |
| 328 | <!-- <el-col :span="8"> | 311 | <!-- <el-col :span="8"> |
| 329 | <el-form-item | 312 | <el-form-item |
| 330 | label="区县代码：" | 313 | label="区县代码：" |
| 331 | prop="qlxx.qxdm" | 314 | prop="qlxx.qxdm" |
| ... | @@ -334,88 +317,82 @@ | ... | @@ -334,88 +317,82 @@ |
| 334 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | 317 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> |
| 335 | </el-form-item> | 318 | </el-form-item> |
| 336 | </el-col> --> | 319 | </el-col> --> |
| 337 | <el-col :span="8"> | 320 | <el-col :span="8"> |
| 338 | <el-form-item label="在建建筑物抵押范围："> | 321 | <el-form-item label="在建建筑物抵押范围："> |
| 339 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> | 322 | <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input> |
| 340 | </el-form-item> | 323 | </el-form-item> |
| 341 | </el-col> | 324 | </el-col> |
| 342 | 325 | ||
| 343 | <el-col :span="8"> | 326 | <el-col :span="8"> |
| 344 | <el-form-item label="担保范围："> | 327 | <el-form-item label="担保范围："> |
| 345 | <el-input v-model="ruleForm.diyaq.dbfw"></el-input> | 328 | <el-input v-model="ruleForm.diyaq.dbfw"></el-input> |
| 346 | </el-form-item> | 329 | </el-form-item> |
| 347 | </el-col> | 330 | </el-col> |
| 348 | <el-col :span="8"> | 331 | <el-col :span="8"> |
| 349 | <el-form-item label="债务履行期限(确定期间)："> | 332 | <el-form-item label="债务履行期限(确定期间)："> |
| 350 | <el-input v-model="ruleForm.diyaq.dyqx"></el-input> | 333 | <el-input v-model="ruleForm.diyaq.dyqx"></el-input> |
| 351 | </el-form-item> | 334 | </el-form-item> |
| 352 | </el-col> | 335 | </el-col> |
| 353 | 336 | ||
| 354 | <el-col :span="8"> | 337 | <el-col :span="8"> |
| 355 | <el-form-item label="最高债权确定事实和数额："> | 338 | <el-form-item label="最高债权确定事实和数额："> |
| 356 | <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> | 339 | <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> |
| 357 | </el-form-item> | 340 | </el-form-item> |
| 358 | </el-col> | 341 | </el-col> |
| 359 | <el-col :span="8"> | 342 | <el-col :span="8"> |
| 360 | <el-form-item label="是否限制转移约定："> | 343 | <el-form-item label="是否限制转移约定："> |
| 361 | <el-select v-model="ruleForm.diyaq.sfczjzhxz"> | 344 | <el-select v-model="ruleForm.diyaq.sfczjzhxz"> |
| 362 | <el-option | 345 | <el-option |
| 363 | v-for="item in dictData['A6']" | 346 | v-for="item in dictData['A6']" |
| 364 | :key="item.dcode" | 347 | :key="item.dcode" |
| 365 | :label="item.dname" | 348 | :label="item.dname" |
| 366 | :value="item.dcode" | 349 | :value="item.dcode"> |
| 367 | > | 350 | </el-option> |
| 368 | </el-option> | 351 | </el-select> |
| 369 | </el-select> | 352 | </el-form-item> |
| 370 | </el-form-item> | 353 | </el-col> |
| 371 | </el-col> | 354 | <el-col :span="8"> |
| 372 | <el-col :span="8"> | 355 | <el-form-item |
| 373 | <el-form-item | 356 | label="不动产登记证明号：" |
| 374 | label="不动产登记证明号：" | 357 | prop="qlxx.bdcqzh" |
| 375 | prop="qlxx.bdcqzh" | 358 | :rules="rules.bdcqzhrules"> |
| 376 | :rules="rules.bdcqzhrules" | 359 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 377 | > | 360 | </el-form-item> |
| 378 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 361 | </el-col> |
| 379 | </el-form-item> | ||
| 380 | </el-col> | ||
| 381 | 362 | ||
| 382 | <el-col :span="8"> | 363 | <el-col :span="8"> |
| 383 | <el-form-item | 364 | <el-form-item |
| 384 | label="登记机构：" | 365 | label="登记机构：" |
| 385 | prop="qlxx.djjg" | 366 | prop="qlxx.djjg" |
| 386 | :rules="rules.djjgrules" | 367 | :rules="rules.djjgrules"> |
| 387 | > | 368 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 388 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 369 | </el-form-item> |
| 389 | </el-form-item> | 370 | </el-col> |
| 390 | </el-col> | 371 | <el-col :span="8"> |
| 391 | <el-col :span="8"> | 372 | <el-form-item |
| 392 | <el-form-item | 373 | label="登簿人：" |
| 393 | label="登簿人：" | 374 | prop="qlxx.dbr" |
| 394 | prop="qlxx.dbr" | 375 | :rules="rules.dbrrules"> |
| 395 | :rules="rules.dbrrules" | 376 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 396 | > | 377 | </el-form-item> |
| 397 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 378 | </el-col> |
| 398 | </el-form-item> | 379 | <el-col :span="8"> |
| 399 | </el-col> | 380 | <el-form-item |
| 400 | <el-col :span="8"> | 381 | label="登记时间：" |
| 401 | <el-form-item | 382 | prop="qlxx.djsj" |
| 402 | label="登记时间：" | 383 | :rules="rules.djsjrules"> |
| 403 | prop="qlxx.djsj" | 384 | <el-date-picker |
| 404 | :rules="rules.djsjrules" | 385 | v-model="ruleForm.qlxx.djsj" |
| 405 | > | 386 | type="date" |
| 406 | <el-date-picker | 387 | class="width100" |
| 407 | v-model="ruleForm.qlxx.djsj" | 388 | placeholder="选择日期" |
| 408 | type="date" | 389 | value-format="yyyy-MM-dd HH:mm:ss" |
| 409 | class="width100" | 390 | format="yyyy-MM-dd"> |
| 410 | placeholder="选择日期" | 391 | </el-date-picker> |
| 411 | value-format="yyyy-MM-dd HH:mm:ss" | 392 | </el-form-item> |
| 412 | format="yyyy-MM-dd" | 393 | </el-col> |
| 413 | > | ||
| 414 | </el-date-picker> | ||
| 415 | </el-form-item> | ||
| 416 | </el-col> | ||
| 417 | 394 | ||
| 418 | <!-- <el-col :span="8"> | 395 | <!-- <el-col :span="8"> |
| 419 | <el-form-item label="是否预告登记："> | 396 | <el-form-item label="是否预告登记："> |
| 420 | <el-select v-model="ruleForm.diyaq.sfygdj"> | 397 | <el-select v-model="ruleForm.diyaq.sfygdj"> |
| 421 | <el-option | 398 | <el-option |
| ... | @@ -426,64 +403,60 @@ | ... | @@ -426,64 +403,60 @@ |
| 426 | </el-select> | 403 | </el-select> |
| 427 | </el-form-item> | 404 | </el-form-item> |
| 428 | </el-col> --> | 405 | </el-col> --> |
| 429 | <!-- <el-col :span="8"> | 406 | <!-- <el-col :span="8"> |
| 430 | <el-form-item label="在建建筑物坐落："> | 407 | <el-form-item label="在建建筑物坐落："> |
| 431 | <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> | 408 | <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input> |
| 432 | </el-form-item> | 409 | </el-form-item> |
| 433 | </el-col> --> | 410 | </el-col> --> |
| 434 | 411 | ||
| 435 | <el-col :span="24"> | 412 | <el-col :span="24"> |
| 436 | <el-form-item label="登记原因："> | 413 | <el-form-item label="登记原因："> |
| 437 | <el-input v-model="ruleForm.qlxx.djyy"></el-input> | 414 | <el-input v-model="ruleForm.qlxx.djyy"></el-input> |
| 438 | </el-form-item> | 415 | </el-form-item> |
| 439 | </el-col> | 416 | </el-col> |
| 440 | <el-col :span="24"> | 417 | <el-col :span="24"> |
| 441 | <el-form-item label="附记："> | 418 | <el-form-item label="附记："> |
| 442 | <el-input v-model="ruleForm.diyaq.fj"></el-input> | 419 | <el-input v-model="ruleForm.diyaq.fj"></el-input> |
| 443 | </el-form-item> | 420 | </el-form-item> |
| 444 | </el-col> | 421 | </el-col> |
| 445 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 422 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 446 | <el-form-item label="注销抵押业务号："> | 423 | <el-form-item label="注销抵押业务号："> |
| 447 | <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> | 424 | <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> |
| 448 | </el-form-item> | 425 | </el-form-item> |
| 449 | </el-col> | 426 | </el-col> |
| 450 | 427 | ||
| 451 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 428 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 452 | <el-form-item | 429 | <el-form-item |
| 453 | label="注销时间：" | 430 | label="注销时间：" |
| 454 | prop="qlxx.zxsj" | 431 | prop="qlxx.zxsj" |
| 455 | :rules="rules.zxsjrules" | 432 | :rules="rules.zxsjrules"> |
| 456 | > | 433 | <el-date-picker |
| 457 | <el-date-picker | 434 | v-model="ruleForm.qlxx.zxsj" |
| 458 | v-model="ruleForm.qlxx.zxsj" | 435 | type="date" |
| 459 | type="date" | 436 | placeholder="选择日期" |
| 460 | placeholder="选择日期" | 437 | value-format="yyyy-MM-dd HH:mm:ss" |
| 461 | value-format="yyyy-MM-dd HH:mm:ss" | 438 | format="yyyy-MM-dd"> |
| 462 | format="yyyy-MM-dd" | 439 | </el-date-picker> |
| 463 | > | 440 | </el-form-item> |
| 464 | </el-date-picker> | 441 | </el-col> |
| 465 | </el-form-item> | 442 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 466 | </el-col> | 443 | <el-form-item |
| 467 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 444 | label="注销登簿人：" |
| 468 | <el-form-item | 445 | prop="qlxx.zxdbr" |
| 469 | label="注销登簿人：" | 446 | :rules="rules.zxdbrrules"> |
| 470 | prop="qlxx.zxdbr" | 447 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> |
| 471 | :rules="rules.zxdbrrules" | 448 | </el-form-item> |
| 472 | > | 449 | </el-col> |
| 473 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> | 450 | <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> |
| 474 | </el-form-item> | 451 | <el-form-item |
| 475 | </el-col> | 452 | label="注销抵押原因：" |
| 476 | <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'"> | 453 | prop="diyaq.zxdyyy" |
| 477 | <el-form-item | 454 | :rules="rules.zxdyyyrules"> |
| 478 | label="注销抵押原因：" | 455 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> |
| 479 | prop="diyaq.zxdyyy" | 456 | </el-form-item> |
| 480 | :rules="rules.zxdyyyrules" | 457 | </el-col> |
| 481 | > | ||
| 482 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> | ||
| 483 | </el-form-item> | ||
| 484 | </el-col> | ||
| 485 | 458 | ||
| 486 | </el-row> | 459 | </el-row> |
| 487 | <div class="slxx_title title-block"> | 460 | <div class="slxx_title title-block"> |
| 488 | 权利人信息 | 461 | 权利人信息 |
| 489 | <div class="triangle"></div> | 462 | <div class="triangle"></div> |
| ... | @@ -492,9 +465,8 @@ | ... | @@ -492,9 +465,8 @@ |
| 492 | <el-col :span="14"> | 465 | <el-col :span="14"> |
| 493 | <el-form-item label="共有方式："> | 466 | <el-form-item label="共有方式："> |
| 494 | <el-radio-group | 467 | <el-radio-group |
| 495 | :disabled="!ableOperation" | 468 | :disabled="!ableOperation" |
| 496 | v-model="ruleForm.qlxx.gyfs" | 469 | v-model="ruleForm.qlxx.gyfs"> |
| 497 | > | ||
| 498 | <el-radio label="0">单独所有</el-radio> | 470 | <el-radio label="0">单独所有</el-radio> |
| 499 | <el-radio label="1">共同共有</el-radio> | 471 | <el-radio label="1">共同共有</el-radio> |
| 500 | <el-radio label="2">按份所有</el-radio> | 472 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -508,8 +480,7 @@ | ... | @@ -508,8 +480,7 @@ |
| 508 | @upDateQlrxxList="upDateQlrxxList" | 480 | @upDateQlrxxList="upDateQlrxxList" |
| 509 | :key="key" | 481 | :key="key" |
| 510 | :ableOperation="ableOperation" | 482 | :ableOperation="ableOperation" |
| 511 | :gyfs="ruleForm.qlxx.gyfs" | 483 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 512 | /> | ||
| 513 | 484 | ||
| 514 | <div v-if="ruleForm.ywrData"> | 485 | <div v-if="ruleForm.ywrData"> |
| 515 | <div class="slxx_title title-block"> | 486 | <div class="slxx_title title-block"> |
| ... | @@ -521,8 +492,7 @@ | ... | @@ -521,8 +492,7 @@ |
| 521 | :tableData="ruleForm.ywrData" | 492 | :tableData="ruleForm.ywrData" |
| 522 | :key="key" | 493 | :key="key" |
| 523 | :ableOperation="ableOperation" | 494 | :ableOperation="ableOperation" |
| 524 | @upDateQlrxxList="upDateYwrxxList" | 495 | @upDateQlrxxList="upDateYwrxxList" /> |
| 525 | /> | ||
| 526 | </div> | 496 | </div> |
| 527 | </div> | 497 | </div> |
| 528 | <el-row class="btn" v-if="ableOperation"> | 498 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -534,290 +504,292 @@ | ... | @@ -534,290 +504,292 @@ |
| 534 | </div> | 504 | </div> |
| 535 | </template> | 505 | </template> |
| 536 | <script> | 506 | <script> |
| 537 | import { mapGetters } from "vuex"; | 507 | import { mapGetters } from "vuex"; |
| 538 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 508 | import ywmix from "@/views/ywbl/mixin/index" |
| 539 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 509 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 540 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 510 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 541 | import selectTable from "@/components/selectTable/index.vue"; | 511 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 542 | import tdytTable from "@/views/workflow/components/tdytTable"; | 512 | import selectTable from "@/components/selectTable/index.vue"; |
| 543 | export default { | 513 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 544 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 514 | export default { |
| 545 | computed: { | 515 | mixins: [ywmix], |
| 546 | ...mapGetters(["dictData", "flag"]), | 516 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 547 | // 根据流程判断表单是否为只读 | 517 | computed: { |
| 548 | editDisabled() { | 518 | ...mapGetters(["dictData", "flag"]), |
| 549 | if (!this.ableOperation) { | 519 | // 根据流程判断表单是否为只读 |
| 550 | //只读状态 | 520 | editDisabled () { |
| 551 | return true; | 521 | if (!this.ableOperation) { |
| 552 | } | 522 | //只读状态 |
| 553 | return false; | 523 | return true; |
| 554 | }, | 524 | } |
| 555 | }, | 525 | return false; |
| 556 | data() { | ||
| 557 | return { | ||
| 558 | mjdw:"1", | ||
| 559 | props: { | ||
| 560 | label: "bdcqzh", | ||
| 561 | value: "bdcdyid", | ||
| 562 | }, | 526 | }, |
| 563 | //表单是否可操作 | 527 | }, |
| 564 | propsParam: this.$attrs, | 528 | data () { |
| 565 | key: 0, | 529 | return { |
| 566 | isShow: false, | 530 | mjdw: "1", |
| 567 | disabled: true, | 531 | props: { |
| 568 | ssqlxxshow: true, | 532 | label: "bdcqzh", |
| 569 | czrOptions: [], | 533 | value: "bdcdyid", |
| 570 | ruleForm: {}, | ||
| 571 | // 权属状态 | ||
| 572 | qsztlist: [ | ||
| 573 | { | ||
| 574 | dcode: "1", | ||
| 575 | dname: "现势", | ||
| 576 | }, | ||
| 577 | { | ||
| 578 | dcode: "2", | ||
| 579 | dname: "历史", | ||
| 580 | }, | ||
| 581 | ], | ||
| 582 | // 登记类型 | ||
| 583 | djlxlist: [ | ||
| 584 | { | ||
| 585 | dcode: "100", | ||
| 586 | dname: "首次登记", | ||
| 587 | }, | ||
| 588 | { | ||
| 589 | dcode: "200", | ||
| 590 | dname: "转移登记", | ||
| 591 | }, | ||
| 592 | { | ||
| 593 | dcode: "300", | ||
| 594 | dname: "变更登记", | ||
| 595 | }, | ||
| 596 | { | ||
| 597 | dcode: "500", | ||
| 598 | dname: "更正登记", | ||
| 599 | }, | ||
| 600 | |||
| 601 | { | ||
| 602 | dcode: "901", | ||
| 603 | dname: "补证", | ||
| 604 | }, | ||
| 605 | { | ||
| 606 | dcode: "902", | ||
| 607 | dname: "换证", | ||
| 608 | }, | 534 | }, |
| 609 | ], | 535 | //表单是否可操作 |
| 610 | ssQlxxList: [], | 536 | propsParam: this.$attrs, |
| 611 | ztQlxxList: [], | 537 | key: 0, |
| 612 | ableOperation: false, | 538 | isShow: false, |
| 613 | rules: { | 539 | disabled: true, |
| 614 | ztQlxxrules: [ | 540 | ssqlxxshow: true, |
| 615 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 541 | czrOptions: [], |
| 616 | ], | 542 | ruleForm: {}, |
| 617 | bdcqzhrules: [ | 543 | // 权属状态 |
| 618 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 544 | qsztlist: [ |
| 619 | ], | 545 | { |
| 620 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 546 | dcode: "1", |
| 621 | zwlxqssjrules: [ | 547 | dname: "现势", |
| 622 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | 548 | }, |
| 623 | ], | 549 | { |
| 624 | zwlxjssjrules: [ | 550 | dcode: "2", |
| 625 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | 551 | dname: "历史", |
| 552 | }, | ||
| 626 | ], | 553 | ], |
| 554 | // 登记类型 | ||
| 555 | djlxlist: [ | ||
| 556 | { | ||
| 557 | dcode: "100", | ||
| 558 | dname: "首次登记", | ||
| 559 | }, | ||
| 560 | { | ||
| 561 | dcode: "200", | ||
| 562 | dname: "转移登记", | ||
| 563 | }, | ||
| 564 | { | ||
| 565 | dcode: "300", | ||
| 566 | dname: "变更登记", | ||
| 567 | }, | ||
| 568 | { | ||
| 569 | dcode: "500", | ||
| 570 | dname: "更正登记", | ||
| 571 | }, | ||
| 627 | 572 | ||
| 628 | zxdyyyrules: [ | 573 | { |
| 629 | { required: true, message: "注销抵押原因", trigger: "blur" }, | 574 | dcode: "901", |
| 575 | dname: "补证", | ||
| 576 | }, | ||
| 577 | { | ||
| 578 | dcode: "902", | ||
| 579 | dname: "换证", | ||
| 580 | }, | ||
| 630 | ], | 581 | ], |
| 631 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], | 582 | ssQlxxList: [], |
| 632 | zxdbrrules: [ | 583 | ztQlxxList: [], |
| 633 | { required: true, message: "注销登簿人", trigger: "blur" }, | 584 | ableOperation: false, |
| 634 | ], | 585 | rules: { |
| 635 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 586 | ztQlxxrules: [ |
| 636 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 587 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 637 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 588 | ], |
| 638 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 589 | bdcqzhrules: [ |
| 639 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 590 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 640 | }, | 591 | ], |
| 641 | }; | 592 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 642 | }, | 593 | zwlxqssjrules: [ |
| 643 | created() {}, | 594 | { required: true, message: "债务履行起始时间", trigger: "blur" }, |
| 644 | mounted() { | 595 | ], |
| 645 | this.loadData(); | 596 | zwlxjssjrules: [ |
| 646 | this.ableOperation = this.$parent.ableOperation; | 597 | { required: true, message: "债务履行结束时间", trigger: "blur" }, |
| 647 | }, | 598 | ], |
| 648 | methods: { | 599 | |
| 649 | /** | 600 | zxdyyyrules: [ |
| 650 | * @description: ztQlxxchange | 601 | { required: true, message: "注销抵押原因", trigger: "blur" }, |
| 651 | * @param {*} val | 602 | ], |
| 652 | * @author: renchao | 603 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], |
| 653 | */ | 604 | zxdbrrules: [ |
| 654 | ztQlxxchange(val) { | 605 | { required: true, message: "注销登簿人", trigger: "blur" }, |
| 655 | this.ruleForm.ztQlxx = val; | 606 | ], |
| 656 | }, | 607 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 657 | /** | 608 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 658 | * @description: ssQlxxchange | 609 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 659 | * @param {*} val | 610 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 660 | * @author: renchao | 611 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 661 | */ | 612 | }, |
| 662 | ssQlxxchange(val) { | 613 | }; |
| 663 | this.ruleForm.ssQlxx = val; | ||
| 664 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 665 | }, | 614 | }, |
| 666 | djlxchange(val) { | 615 | created () { }, |
| 667 | if (val == null || val == 100) { | 616 | mounted () { |
| 668 | this.ssqlxxshow = false; | 617 | this.loadData(); |
| 669 | } else { | 618 | this.ableOperation = this.$parent.ableOperation; |
| 670 | this.ssqlxxshow = true; | ||
| 671 | } | ||
| 672 | }, | 619 | }, |
| 673 | /** | 620 | methods: { |
| 674 | * @description: loadData | 621 | /** |
| 675 | * @author: renchao | 622 | * @description: ztQlxxchange |
| 676 | */ | 623 | * @param {*} val |
| 677 | loadData() { | 624 | * @author: renchao |
| 678 | this.$startLoading(); | 625 | */ |
| 679 | this.propsParam.isEdit = this.$parent.isEdit; | 626 | ztQlxxchange (val) { |
| 680 | init(this.propsParam).then((res) => { | 627 | this.ruleForm.ztQlxx = val; |
| 681 | if (res.code == 200) { | 628 | }, |
| 682 | this.ruleForm = res.result; | 629 | /** |
| 683 | this.$endLoading(); | 630 | * @description: ssQlxxchange |
| 684 | this.isShow = true; | 631 | * @param {*} val |
| 685 | let djlx = this.ruleForm.qlxx.djlx; | 632 | * @author: renchao |
| 686 | if (djlx == null || djlx == 100) { | 633 | */ |
| 687 | this.ssqlxxshow = false; | 634 | ssQlxxchange (val) { |
| 688 | } | 635 | this.ruleForm.ssQlxx = val; |
| 689 | } | 636 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 690 | }); | 637 | }, |
| 691 | //获取主体信息 | 638 | djlxchange (val) { |
| 692 | getSsQlxx({ | 639 | if (val == null || val == 100) { |
| 693 | bdcdyid: this.propsParam.bdcdyid, | 640 | this.ssqlxxshow = false; |
| 694 | qllx: this.propsParam.qllx, | 641 | } else { |
| 695 | }).then((res) => { | 642 | this.ssqlxxshow = true; |
| 696 | if (res.code == 200) { | ||
| 697 | this.ssQlxxList = res.result; | ||
| 698 | } | ||
| 699 | }); | ||
| 700 | //获取上手信息 | ||
| 701 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 702 | if (res.code == 200) { | ||
| 703 | this.ztQlxxList = res.result; | ||
| 704 | } | 643 | } |
| 705 | }); | 644 | }, |
| 706 | }, | 645 | /** |
| 707 | // 更新土地用途信息 | 646 | * @description: loadData |
| 708 | /** | 647 | * @author: renchao |
| 709 | * @description: 更新土地用途信息 | 648 | */ |
| 710 | * @param {*} val | 649 | loadData () { |
| 711 | * @author: renchao | 650 | this.$startLoading(); |
| 712 | */ | 651 | this.propsParam.isEdit = this.$parent.isEdit; |
| 713 | upDateTdytxxList(val) { | 652 | init(this.propsParam).then((res) => { |
| 714 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 653 | if (res.code == 200) { |
| 715 | this.key++; | 654 | this.ruleForm = res.result; |
| 716 | }, | 655 | this.$endLoading(); |
| 717 | // 更新权利人信息 | 656 | this.isShow = true; |
| 718 | /** | 657 | let djlx = this.ruleForm.qlxx.djlx; |
| 719 | * @description: 更新权利人信息 | 658 | if (djlx == null || djlx == 100) { |
| 720 | * @param {*} val | 659 | this.ssqlxxshow = false; |
| 721 | * @author: renchao | 660 | } |
| 722 | */ | ||
| 723 | upDateQlrxxList(val) { | ||
| 724 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 725 | this.czrOptions = this.ruleForm.qlrData; | ||
| 726 | this.key++; | ||
| 727 | }, | ||
| 728 | // 更新义务人信息 | ||
| 729 | /** | ||
| 730 | * @description: 更新义务人信息 | ||
| 731 | * @param {*} val | ||
| 732 | * @author: renchao | ||
| 733 | */ | ||
| 734 | upDateYwrxxList(val) { | ||
| 735 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 736 | this.key++; | ||
| 737 | }, | ||
| 738 | /** | ||
| 739 | * @description: onSubmit | ||
| 740 | * @author: renchao | ||
| 741 | */ | ||
| 742 | onSubmit() { | ||
| 743 | this.$refs.ruleForm.validate((valid) => { | ||
| 744 | if (valid) { | ||
| 745 | if (this.ruleForm.qlrData.length == 0) { | ||
| 746 | this.$message({ | ||
| 747 | showClose: true, | ||
| 748 | message: "请确认权利人信息", | ||
| 749 | type: "error", | ||
| 750 | }); | ||
| 751 | return false; | ||
| 752 | } | 661 | } |
| 753 | if (this.ruleForm.ywrData.length == 0) { | 662 | }); |
| 754 | this.$message({ | 663 | //获取主体信息 |
| 755 | showClose: true, | 664 | getSsQlxx({ |
| 756 | message: "请确认义务人信息", | 665 | bdcdyid: this.propsParam.bdcdyid, |
| 757 | type: "error", | 666 | qllx: this.propsParam.qllx, |
| 758 | }); | 667 | }).then((res) => { |
| 759 | return false; | 668 | if (res.code == 200) { |
| 669 | this.ssQlxxList = res.result; | ||
| 760 | } | 670 | } |
| 761 | if (this.ruleForm.qlxx.gyfs == "0") { | 671 | }); |
| 762 | if (this.ruleForm.qlrData.length > 1) { | 672 | //获取上手信息 |
| 673 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 674 | if (res.code == 200) { | ||
| 675 | this.ztQlxxList = res.result; | ||
| 676 | } | ||
| 677 | }); | ||
| 678 | }, | ||
| 679 | // 更新土地用途信息 | ||
| 680 | /** | ||
| 681 | * @description: 更新土地用途信息 | ||
| 682 | * @param {*} val | ||
| 683 | * @author: renchao | ||
| 684 | */ | ||
| 685 | upDateTdytxxList (val) { | ||
| 686 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 687 | this.key++; | ||
| 688 | }, | ||
| 689 | // 更新权利人信息 | ||
| 690 | /** | ||
| 691 | * @description: 更新权利人信息 | ||
| 692 | * @param {*} val | ||
| 693 | * @author: renchao | ||
| 694 | */ | ||
| 695 | upDateQlrxxList (val) { | ||
| 696 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 697 | this.czrOptions = this.ruleForm.qlrData; | ||
| 698 | this.key++; | ||
| 699 | }, | ||
| 700 | // 更新义务人信息 | ||
| 701 | /** | ||
| 702 | * @description: 更新义务人信息 | ||
| 703 | * @param {*} val | ||
| 704 | * @author: renchao | ||
| 705 | */ | ||
| 706 | upDateYwrxxList (val) { | ||
| 707 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 708 | this.key++; | ||
| 709 | }, | ||
| 710 | /** | ||
| 711 | * @description: onSubmit | ||
| 712 | * @author: renchao | ||
| 713 | */ | ||
| 714 | onSubmit () { | ||
| 715 | this.$refs.ruleForm.validate((valid) => { | ||
| 716 | if (valid) { | ||
| 717 | if (this.ruleForm.qlrData.length == 0) { | ||
| 763 | this.$message({ | 718 | this.$message({ |
| 764 | showClose: true, | 719 | showClose: true, |
| 765 | message: "共有方式：单独所有，权利人只能是一个人", | 720 | message: "请确认权利人信息", |
| 766 | type: "error", | 721 | type: "error", |
| 767 | }); | 722 | }); |
| 768 | return false; | 723 | return false; |
| 769 | } | 724 | } |
| 770 | this.ruleForm.qlrData[0].sfczr = "1"; | 725 | if (this.ruleForm.ywrData.length == 0) { |
| 771 | } | ||
| 772 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 773 | //是否分别持证 | ||
| 774 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 775 | //是 | ||
| 776 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 777 | item.sfczr = "1"; | ||
| 778 | }); | ||
| 779 | } else { | ||
| 780 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 781 | if (item.zjh == this.ruleForm.czr) { | ||
| 782 | item.sfczr = "1"; | ||
| 783 | } else { | ||
| 784 | item.sfczr = "0"; | ||
| 785 | } | ||
| 786 | }); | ||
| 787 | } | ||
| 788 | } | ||
| 789 | save(this.ruleForm).then((res) => { | ||
| 790 | if (res.code === 200) { | ||
| 791 | this.$message({ | ||
| 792 | showClose: true, | ||
| 793 | message: "保存成功！", | ||
| 794 | type: "success", | ||
| 795 | }); | ||
| 796 | this.$parent.changeywh() | ||
| 797 | this.$store.dispatch("user/refreshPage", true); | ||
| 798 | } else { | ||
| 799 | this.$message({ | 726 | this.$message({ |
| 800 | showClose: true, | 727 | showClose: true, |
| 801 | message: res.message, | 728 | message: "请确认义务人信息", |
| 802 | type: "error", | 729 | type: "error", |
| 803 | }); | 730 | }); |
| 731 | return false; | ||
| 804 | } | 732 | } |
| 805 | }); | 733 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 806 | } else { | 734 | if (this.ruleForm.qlrData.length > 1) { |
| 807 | return false; | 735 | this.$message({ |
| 808 | } | 736 | showClose: true, |
| 809 | }); | 737 | message: "共有方式：单独所有，权利人只能是一个人", |
| 738 | type: "error", | ||
| 739 | }); | ||
| 740 | return false; | ||
| 741 | } | ||
| 742 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 743 | } | ||
| 744 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 745 | //是否分别持证 | ||
| 746 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 747 | //是 | ||
| 748 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 749 | item.sfczr = "1"; | ||
| 750 | }); | ||
| 751 | } else { | ||
| 752 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 753 | if (item.zjh == this.ruleForm.czr) { | ||
| 754 | item.sfczr = "1"; | ||
| 755 | } else { | ||
| 756 | item.sfczr = "0"; | ||
| 757 | } | ||
| 758 | }); | ||
| 759 | } | ||
| 760 | } | ||
| 761 | save(this.ruleForm).then((res) => { | ||
| 762 | if (res.code === 200) { | ||
| 763 | this.$message({ | ||
| 764 | showClose: true, | ||
| 765 | message: "保存成功！", | ||
| 766 | type: "success", | ||
| 767 | }); | ||
| 768 | this.$parent.changeywh() | ||
| 769 | this.$store.dispatch("user/refreshPage", true); | ||
| 770 | } else { | ||
| 771 | this.$message({ | ||
| 772 | showClose: true, | ||
| 773 | message: res.message, | ||
| 774 | type: "error", | ||
| 775 | }); | ||
| 776 | } | ||
| 777 | }); | ||
| 778 | } else { | ||
| 779 | return false; | ||
| 780 | } | ||
| 781 | }); | ||
| 782 | }, | ||
| 810 | }, | 783 | }, |
| 811 | }, | 784 | }; |
| 812 | }; | ||
| 813 | </script> | 785 | </script> |
| 814 | <style scoped lang="scss"> | 786 | <style scoped lang="scss"> |
| 815 | @import "~@/styles/public.scss"; | 787 | @import "~@/styles/public.scss"; |
| 816 | @import "~@/styles/slxx/slxx.scss"; | 788 | @import "~@/styles/slxx/slxx.scss"; |
| 817 | .el-date-editor.el-input { | 789 | .el-date-editor.el-input { |
| 818 | width: 100%; | 790 | width: 100%; |
| 819 | } | 791 | } |
| 820 | .el-table__row { | 792 | .el-table__row { |
| 821 | height: 30px !important; | 793 | height: 30px !important; |
| 822 | } | 794 | } |
| 823 | </style> | 795 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-03 09:59:11 | 4 | * @LastEditTime: 2023-08-01 18:10:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | label-width="150px" | 18 | label-width="150px"> |
| 19 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 21 | 补录信息 |
| ... | @@ -48,25 +47,21 @@ | ... | @@ -48,25 +47,21 @@ |
| 48 | <el-form-item | 47 | <el-form-item |
| 49 | label="地役权不动产信息：" | 48 | label="地役权不动产信息：" |
| 50 | prop="ztQlxx.bdcqzh" | 49 | prop="ztQlxx.bdcqzh" |
| 51 | :rules="rules.ztQlxxrules" | 50 | :rules="rules.ztQlxxrules"> |
| 52 | > | ||
| 53 | <select-table | 51 | <select-table |
| 54 | v-model="ruleForm.ztQlxx" | 52 | v-model="ruleForm.ztQlxx" |
| 55 | :table-width="550" | 53 | :table-width="550" |
| 56 | :tableData="ztQlxxList" | 54 | :tableData="ztQlxxList" |
| 57 | :props="props" | 55 | :props="props" |
| 58 | @change="ztQlxxchange" | 56 | @change="ztQlxxchange"> |
| 59 | > | ||
| 60 | <el-table-column | 57 | <el-table-column |
| 61 | prop="qllxmc" | 58 | prop="qllxmc" |
| 62 | width="130" | 59 | width="130" |
| 63 | label="权利类型" | 60 | label="权利类型"></el-table-column> |
| 64 | ></el-table-column> | ||
| 65 | <el-table-column | 61 | <el-table-column |
| 66 | prop="bdcqzh" | 62 | prop="bdcqzh" |
| 67 | width="160" | 63 | width="160" |
| 68 | label="不动产权证书" | 64 | label="不动产权证书"></el-table-column> |
| 69 | ></el-table-column> | ||
| 70 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 65 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 71 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 66 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 72 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 67 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -82,18 +77,15 @@ | ... | @@ -82,18 +77,15 @@ |
| 82 | :table-width="550" | 77 | :table-width="550" |
| 83 | :tableData="ssQlxxList" | 78 | :tableData="ssQlxxList" |
| 84 | :props="props" | 79 | :props="props" |
| 85 | @change="ssQlxxchange" | 80 | @change="ssQlxxchange"> |
| 86 | > | ||
| 87 | <el-table-column | 81 | <el-table-column |
| 88 | prop="qllxmc" | 82 | prop="qllxmc" |
| 89 | width="130" | 83 | width="130" |
| 90 | label="权利类型" | 84 | label="权利类型"></el-table-column> |
| 91 | ></el-table-column> | ||
| 92 | <el-table-column | 85 | <el-table-column |
| 93 | prop="bdcqzh" | 86 | prop="bdcqzh" |
| 94 | width="160" | 87 | width="160" |
| 95 | label="不动产权证书" | 88 | label="不动产权证书"></el-table-column> |
| 96 | ></el-table-column> | ||
| 97 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 89 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 98 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 90 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 99 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 91 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -165,7 +157,7 @@ | ... | @@ -165,7 +157,7 @@ |
| 165 | </el-form-item> | 157 | </el-form-item> |
| 166 | </el-col> | 158 | </el-col> |
| 167 | <el-col :span="8"> | 159 | <el-col :span="8"> |
| 168 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 160 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> |
| 169 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 161 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 170 | </el-form-item> | 162 | </el-form-item> |
| 171 | </el-col> | 163 | </el-col> |
| ... | @@ -190,15 +182,13 @@ | ... | @@ -190,15 +182,13 @@ |
| 190 | <el-form-item | 182 | <el-form-item |
| 191 | label="登记类型： " | 183 | label="登记类型： " |
| 192 | prop="qlxx.djlx" | 184 | prop="qlxx.djlx" |
| 193 | :rules="rules.djlxrules" | 185 | :rules="rules.djlxrules"> |
| 194 | > | ||
| 195 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 186 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 196 | <el-option | 187 | <el-option |
| 197 | v-for="item in djlxlist" | 188 | v-for="item in djlxlist" |
| 198 | :key="item.dcode" | 189 | :key="item.dcode" |
| 199 | :label="item.dname" | 190 | :label="item.dname" |
| 200 | :value="item.dcode" | 191 | :value="item.dcode"> |
| 201 | > | ||
| 202 | </el-option> | 192 | </el-option> |
| 203 | </el-select> | 193 | </el-select> |
| 204 | </el-form-item> | 194 | </el-form-item> |
| ... | @@ -212,8 +202,7 @@ | ... | @@ -212,8 +202,7 @@ |
| 212 | <el-form-item | 202 | <el-form-item |
| 213 | label="不动产权证号：" | 203 | label="不动产权证号：" |
| 214 | prop="qlxx.bdcqzh" | 204 | prop="qlxx.bdcqzh" |
| 215 | :rules="rules.bdcqzhrules" | 205 | :rules="rules.bdcqzhrules"> |
| 216 | > | ||
| 217 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 206 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 218 | </el-form-item> | 207 | </el-form-item> |
| 219 | </el-col> | 208 | </el-col> |
| ... | @@ -226,8 +215,7 @@ | ... | @@ -226,8 +215,7 @@ |
| 226 | <el-form-item | 215 | <el-form-item |
| 227 | label="登记机构：" | 216 | label="登记机构：" |
| 228 | prop="qlxx.djjg" | 217 | prop="qlxx.djjg" |
| 229 | :rules="rules.djjgrules" | 218 | :rules="rules.djjgrules"> |
| 230 | > | ||
| 231 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 219 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 232 | </el-form-item> | 220 | </el-form-item> |
| 233 | </el-col> | 221 | </el-col> |
| ... | @@ -235,8 +223,7 @@ | ... | @@ -235,8 +223,7 @@ |
| 235 | <el-form-item | 223 | <el-form-item |
| 236 | label="登簿人：" | 224 | label="登簿人：" |
| 237 | prop="qlxx.dbr" | 225 | prop="qlxx.dbr" |
| 238 | :rules="rules.dbrrules" | 226 | :rules="rules.dbrrules"> |
| 239 | > | ||
| 240 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 227 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 241 | </el-form-item> | 228 | </el-form-item> |
| 242 | </el-col> | 229 | </el-col> |
| ... | @@ -244,16 +231,14 @@ | ... | @@ -244,16 +231,14 @@ |
| 244 | <el-form-item | 231 | <el-form-item |
| 245 | label="登记时间：" | 232 | label="登记时间：" |
| 246 | prop="qlxx.djsj" | 233 | prop="qlxx.djsj" |
| 247 | :rules="rules.djsjrules" | 234 | :rules="rules.djsjrules"> |
| 248 | > | ||
| 249 | <el-date-picker | 235 | <el-date-picker |
| 250 | v-model="ruleForm.qlxx.djsj" | 236 | v-model="ruleForm.qlxx.djsj" |
| 251 | type="date" | 237 | type="date" |
| 252 | class="width100" | 238 | class="width100" |
| 253 | placeholder="选择日期" | 239 | placeholder="选择日期" |
| 254 | value-format="yyyy-MM-dd HH:mm:ss" | 240 | value-format="yyyy-MM-dd HH:mm:ss" |
| 255 | format="yyyy-MM-dd" | 241 | format="yyyy-MM-dd"> |
| 256 | > | ||
| 257 | </el-date-picker> | 242 | </el-date-picker> |
| 258 | </el-form-item> | 243 | </el-form-item> |
| 259 | </el-col> | 244 | </el-col> |
| ... | @@ -264,8 +249,7 @@ | ... | @@ -264,8 +249,7 @@ |
| 264 | v-for="item in qsztlist" | 249 | v-for="item in qsztlist" |
| 265 | :key="item.dcode" | 250 | :key="item.dcode" |
| 266 | :label="item.dname" | 251 | :label="item.dname" |
| 267 | :value="item.dcode" | 252 | :value="item.dcode"> |
| 268 | > | ||
| 269 | </el-option> | 253 | </el-option> |
| 270 | </el-select> | 254 | </el-select> |
| 271 | </el-form-item> | 255 | </el-form-item> |
| ... | @@ -288,8 +272,7 @@ | ... | @@ -288,8 +272,7 @@ |
| 288 | v-for="item in dictData['A30']" | 272 | v-for="item in dictData['A30']" |
| 289 | :key="item.dcode" | 273 | :key="item.dcode" |
| 290 | :label="item.dname" | 274 | :label="item.dname" |
| 291 | :value="item.dcode" | 275 | :value="item.dcode"></el-option> |
| 292 | ></el-option> | ||
| 293 | </el-select> | 276 | </el-select> |
| 294 | </el-form-item> | 277 | </el-form-item> |
| 295 | </el-col> | 278 | </el-col> |
| ... | @@ -320,8 +303,7 @@ | ... | @@ -320,8 +303,7 @@ |
| 320 | v-for="item in dictData['A30']" | 303 | v-for="item in dictData['A30']" |
| 321 | :key="item.dcode" | 304 | :key="item.dcode" |
| 322 | :label="item.dname" | 305 | :label="item.dname" |
| 323 | :value="item.dcode" | 306 | :value="item.dcode"></el-option> |
| 324 | ></el-option> | ||
| 325 | </el-select> | 307 | </el-select> |
| 326 | </el-form-item> | 308 | </el-form-item> |
| 327 | </el-col> | 309 | </el-col> |
| ... | @@ -348,8 +330,7 @@ | ... | @@ -348,8 +330,7 @@ |
| 348 | type="date" | 330 | type="date" |
| 349 | placeholder="选择日期" | 331 | placeholder="选择日期" |
| 350 | value-format="yyyy-MM-dd HH:mm:ss" | 332 | value-format="yyyy-MM-dd HH:mm:ss" |
| 351 | format="yyyy-MM-dd" | 333 | format="yyyy-MM-dd"> |
| 352 | > | ||
| 353 | </el-date-picker> | 334 | </el-date-picker> |
| 354 | </el-form-item> | 335 | </el-form-item> |
| 355 | </el-col> | 336 | </el-col> |
| ... | @@ -361,8 +342,7 @@ | ... | @@ -361,8 +342,7 @@ |
| 361 | type="date" | 342 | type="date" |
| 362 | placeholder="选择日期" | 343 | placeholder="选择日期" |
| 363 | value-format="yyyy-MM-dd HH:mm:ss" | 344 | value-format="yyyy-MM-dd HH:mm:ss" |
| 364 | format="yyyy-MM-dd" | 345 | format="yyyy-MM-dd"> |
| 365 | > | ||
| 366 | </el-date-picker> | 346 | </el-date-picker> |
| 367 | </el-form-item> | 347 | </el-form-item> |
| 368 | </el-col> | 348 | </el-col> |
| ... | @@ -386,8 +366,7 @@ | ... | @@ -386,8 +366,7 @@ |
| 386 | <el-form-item label="共有方式："> | 366 | <el-form-item label="共有方式："> |
| 387 | <el-radio-group | 367 | <el-radio-group |
| 388 | :disabled="!ableOperation" | 368 | :disabled="!ableOperation" |
| 389 | v-model="ruleForm.qlxx.gyfs" | 369 | v-model="ruleForm.qlxx.gyfs"> |
| 390 | > | ||
| 391 | <el-radio label="0">单独所有</el-radio> | 370 | <el-radio label="0">单独所有</el-radio> |
| 392 | <el-radio label="1">共同共有</el-radio> | 371 | <el-radio label="1">共同共有</el-radio> |
| 393 | <el-radio label="2">按份所有</el-radio> | 372 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -401,8 +380,7 @@ | ... | @@ -401,8 +380,7 @@ |
| 401 | @upDateQlrxxList="upDateQlrxxList" | 380 | @upDateQlrxxList="upDateQlrxxList" |
| 402 | :key="key" | 381 | :key="key" |
| 403 | :ableOperation="ableOperation" | 382 | :ableOperation="ableOperation" |
| 404 | :gyfs="ruleForm.qlxx.gyfs" | 383 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 405 | /> | ||
| 406 | 384 | ||
| 407 | <div> | 385 | <div> |
| 408 | <div class="slxx_title title-block"> | 386 | <div class="slxx_title title-block"> |
| ... | @@ -414,8 +392,7 @@ | ... | @@ -414,8 +392,7 @@ |
| 414 | :tableData="ruleForm.ywrData" | 392 | :tableData="ruleForm.ywrData" |
| 415 | :key="key" | 393 | :key="key" |
| 416 | :ableOperation="ableOperation" | 394 | :ableOperation="ableOperation" |
| 417 | @upDateQlrxxList="upDateYwrxxList" | 395 | @upDateQlrxxList="upDateYwrxxList" /> |
| 418 | /> | ||
| 419 | </div> | 396 | </div> |
| 420 | </div> | 397 | </div> |
| 421 | <el-row class="btn" v-if="ableOperation"> | 398 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -427,275 +404,277 @@ | ... | @@ -427,275 +404,277 @@ |
| 427 | </div> | 404 | </div> |
| 428 | </template> | 405 | </template> |
| 429 | <script> | 406 | <script> |
| 430 | import { mapGetters } from "vuex"; | 407 | import { mapGetters } from "vuex"; |
| 431 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 408 | import ywmix from "@/views/ywbl/mixin/index" |
| 432 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 409 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 433 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 410 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 434 | import tdytTable from "@/views/workflow/components/tdytTable"; | 411 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 435 | import selectTable from "@/components/selectTable/index.vue"; | 412 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 436 | export default { | 413 | import selectTable from "@/components/selectTable/index.vue"; |
| 437 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 414 | export default { |
| 438 | computed: { | 415 | mixins: [ywmix], |
| 439 | ...mapGetters(["dictData", "flag"]), | 416 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 440 | // 根据流程判断表单是否为只读 | 417 | computed: { |
| 441 | editDisabled() { | 418 | ...mapGetters(["dictData", "flag"]), |
| 442 | if (!this.ableOperation) { | 419 | // 根据流程判断表单是否为只读 |
| 443 | //只读状态 | 420 | editDisabled () { |
| 444 | return true; | 421 | if (!this.ableOperation) { |
| 445 | } | 422 | //只读状态 |
| 446 | return false; | 423 | return true; |
| 447 | }, | 424 | } |
| 448 | }, | 425 | return false; |
| 449 | data() { | ||
| 450 | return { | ||
| 451 | ssqlxxshow: true, | ||
| 452 | props: { | ||
| 453 | label: "bdcqzh", | ||
| 454 | value: "bdcdyid", | ||
| 455 | }, | 426 | }, |
| 456 | //表单是否可操作 | 427 | }, |
| 457 | propsParam: this.$attrs, | 428 | data () { |
| 458 | key: 0, | 429 | return { |
| 459 | isShow: false, | 430 | ssqlxxshow: true, |
| 460 | disabled: true, | 431 | props: { |
| 461 | czrOptions: [], | 432 | label: "bdcqzh", |
| 462 | ssQlxxList: [], | 433 | value: "bdcdyid", |
| 463 | ztQlxxList: [], | ||
| 464 | ruleForm: {}, | ||
| 465 | // 登记类型 | ||
| 466 | djlxlist: [ | ||
| 467 | { | ||
| 468 | dcode: "100", | ||
| 469 | dname: "首次登记", | ||
| 470 | }, | ||
| 471 | { | ||
| 472 | dcode: "200", | ||
| 473 | dname: "转移登记", | ||
| 474 | }, | ||
| 475 | { | ||
| 476 | dcode: "300", | ||
| 477 | dname: "变更登记", | ||
| 478 | }, | ||
| 479 | { | ||
| 480 | dcode: "500", | ||
| 481 | dname: "更正登记", | ||
| 482 | }, | 434 | }, |
| 435 | //表单是否可操作 | ||
| 436 | propsParam: this.$attrs, | ||
| 437 | key: 0, | ||
| 438 | isShow: false, | ||
| 439 | disabled: true, | ||
| 440 | czrOptions: [], | ||
| 441 | ssQlxxList: [], | ||
| 442 | ztQlxxList: [], | ||
| 443 | ruleForm: {}, | ||
| 444 | // 登记类型 | ||
| 445 | djlxlist: [ | ||
| 446 | { | ||
| 447 | dcode: "100", | ||
| 448 | dname: "首次登记", | ||
| 449 | }, | ||
| 450 | { | ||
| 451 | dcode: "200", | ||
| 452 | dname: "转移登记", | ||
| 453 | }, | ||
| 454 | { | ||
| 455 | dcode: "300", | ||
| 456 | dname: "变更登记", | ||
| 457 | }, | ||
| 458 | { | ||
| 459 | dcode: "500", | ||
| 460 | dname: "更正登记", | ||
| 461 | }, | ||
| 483 | 462 | ||
| 484 | { | 463 | { |
| 485 | dcode: "901", | 464 | dcode: "901", |
| 486 | dname: "补证", | 465 | dname: "补证", |
| 487 | }, | 466 | }, |
| 488 | { | 467 | { |
| 489 | dcode: "902", | 468 | dcode: "902", |
| 490 | dname: "换证", | 469 | dname: "换证", |
| 491 | }, | 470 | }, |
| 492 | ], | ||
| 493 | // 权属状态 | ||
| 494 | qsztlist: [ | ||
| 495 | { | ||
| 496 | dcode: "1", | ||
| 497 | dname: "现势", | ||
| 498 | }, | ||
| 499 | { | ||
| 500 | dcode: "2", | ||
| 501 | dname: "历史", | ||
| 502 | }, | ||
| 503 | ], | ||
| 504 | ableOperation: false, | ||
| 505 | //传递参数\ | ||
| 506 | rules: { | ||
| 507 | ztQlxxrules: [ | ||
| 508 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 509 | ], | 471 | ], |
| 510 | bdcqzhrules: [ | 472 | // 权属状态 |
| 511 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 473 | qsztlist: [ |
| 474 | { | ||
| 475 | dcode: "1", | ||
| 476 | dname: "现势", | ||
| 477 | }, | ||
| 478 | { | ||
| 479 | dcode: "2", | ||
| 480 | dname: "历史", | ||
| 481 | }, | ||
| 512 | ], | 482 | ], |
| 513 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 483 | ableOperation: false, |
| 514 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 484 | //传递参数\ |
| 515 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 485 | rules: { |
| 516 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 486 | ztQlxxrules: [ |
| 517 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 487 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 518 | }, | 488 | ], |
| 519 | }; | 489 | bdcqzhrules: [ |
| 520 | }, | 490 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 521 | created() {}, | 491 | ], |
| 522 | mounted() { | 492 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 523 | this.loadData(); | 493 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 524 | this.ableOperation = this.$parent.ableOperation; | 494 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 525 | }, | 495 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 526 | methods: { | 496 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 527 | /** | 497 | }, |
| 528 | * @description: ztQlxxchange | 498 | }; |
| 529 | * @param {*} val | ||
| 530 | * @author: renchao | ||
| 531 | */ | ||
| 532 | ztQlxxchange(val) { | ||
| 533 | this.ruleForm.ztQlxx = val; | ||
| 534 | }, | ||
| 535 | /** | ||
| 536 | * @description: ssQlxxchange | ||
| 537 | * @param {*} val | ||
| 538 | * @author: renchao | ||
| 539 | */ | ||
| 540 | ssQlxxchange(val) { | ||
| 541 | this.ruleForm.ssQlxx = val; | ||
| 542 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 543 | }, | 499 | }, |
| 544 | /** | 500 | created () { }, |
| 545 | * @description: djlxchange | 501 | mounted () { |
| 546 | * @param {*} val | 502 | this.loadData(); |
| 547 | * @author: renchao | 503 | this.ableOperation = this.$parent.ableOperation; |
| 548 | */ | ||
| 549 | djlxchange(val) { | ||
| 550 | console.log("val", val); | ||
| 551 | if (val == null || val == 100) { | ||
| 552 | this.ssqlxxshow = false; | ||
| 553 | } else { | ||
| 554 | this.ssqlxxshow = true; | ||
| 555 | } | ||
| 556 | }, | 504 | }, |
| 557 | /** | 505 | methods: { |
| 558 | * @description: loadData | 506 | /** |
| 559 | * @author: renchao | 507 | * @description: ztQlxxchange |
| 560 | */ | 508 | * @param {*} val |
| 561 | loadData() { | 509 | * @author: renchao |
| 562 | this.$startLoading(); | 510 | */ |
| 563 | this.propsParam.isEdit = this.$parent.isEdit; | 511 | ztQlxxchange (val) { |
| 564 | init(this.propsParam).then((res) => { | 512 | this.ruleForm.ztQlxx = val; |
| 565 | if (res.code == 200) { | 513 | }, |
| 566 | this.ruleForm = res.result; | 514 | /** |
| 567 | let djlx = this.ruleForm.qlxx.djlx; | 515 | * @description: ssQlxxchange |
| 568 | if (djlx == null || djlx == 100) { | 516 | * @param {*} val |
| 569 | this.ssqlxxshow = false; | 517 | * @author: renchao |
| 570 | } | 518 | */ |
| 571 | this.$endLoading(); | 519 | ssQlxxchange (val) { |
| 572 | this.isShow = true; | 520 | this.ruleForm.ssQlxx = val; |
| 573 | } | 521 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 574 | }); | 522 | }, |
| 575 | //获取主体信息 | 523 | /** |
| 576 | getSsQlxx({ | 524 | * @description: djlxchange |
| 577 | bdcdyid: this.propsParam.bdcdyid, | 525 | * @param {*} val |
| 578 | qllx: this.propsParam.qllx, | 526 | * @author: renchao |
| 579 | }).then((res) => { | 527 | */ |
| 580 | if (res.code == 200) { | 528 | djlxchange (val) { |
| 581 | this.ssQlxxList = res.result; | 529 | console.log("val", val); |
| 582 | } | 530 | if (val == null || val == 100) { |
| 583 | }); | 531 | this.ssqlxxshow = false; |
| 584 | //获取上手信息 | 532 | } else { |
| 585 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 533 | this.ssqlxxshow = true; |
| 586 | if (res.code == 200) { | ||
| 587 | this.ztQlxxList = res.result; | ||
| 588 | } | 534 | } |
| 589 | }); | 535 | }, |
| 590 | }, | 536 | /** |
| 591 | // 更新土地用途信息 | 537 | * @description: loadData |
| 592 | /** | 538 | * @author: renchao |
| 593 | * @description: 更新土地用途信息 | 539 | */ |
| 594 | * @param {*} val | 540 | loadData () { |
| 595 | * @author: renchao | 541 | this.$startLoading(); |
| 596 | */ | 542 | this.propsParam.isEdit = this.$parent.isEdit; |
| 597 | upDateTdytxxList(val) { | 543 | init(this.propsParam).then((res) => { |
| 598 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 544 | if (res.code == 200) { |
| 599 | this.key++; | 545 | this.ruleForm = res.result; |
| 600 | }, | 546 | let djlx = this.ruleForm.qlxx.djlx; |
| 601 | // 更新权利人信息 | 547 | if (djlx == null || djlx == 100) { |
| 602 | /** | 548 | this.ssqlxxshow = false; |
| 603 | * @description: 更新权利人信息 | 549 | } |
| 604 | * @param {*} val | 550 | this.$endLoading(); |
| 605 | * @author: renchao | 551 | this.isShow = true; |
| 606 | */ | ||
| 607 | upDateQlrxxList(val) { | ||
| 608 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 609 | this.czrOptions = this.ruleForm.qlrData; | ||
| 610 | this.key++; | ||
| 611 | }, | ||
| 612 | // 更新义务人信息 | ||
| 613 | /** | ||
| 614 | * @description: 更新义务人信息 | ||
| 615 | * @param {*} val | ||
| 616 | * @author: renchao | ||
| 617 | */ | ||
| 618 | upDateYwrxxList(val) { | ||
| 619 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 620 | this.key++; | ||
| 621 | }, | ||
| 622 | /** | ||
| 623 | * @description: onSubmit | ||
| 624 | * @author: renchao | ||
| 625 | */ | ||
| 626 | onSubmit() { | ||
| 627 | this.$refs.ruleForm.validate((valid) => { | ||
| 628 | if (valid) { | ||
| 629 | if (this.ruleForm.qlrData.length == 0) { | ||
| 630 | this.$message({ | ||
| 631 | showClose: true, | ||
| 632 | message: "请确认权利人信息", | ||
| 633 | type: "error", | ||
| 634 | }); | ||
| 635 | return false; | ||
| 636 | } | 552 | } |
| 637 | if (this.ruleForm.ywrData.length == 0) { | 553 | }); |
| 638 | this.$message({ | 554 | //获取主体信息 |
| 639 | showClose: true, | 555 | getSsQlxx({ |
| 640 | message: "请确认义务人信息", | 556 | bdcdyid: this.propsParam.bdcdyid, |
| 641 | type: "error", | 557 | qllx: this.propsParam.qllx, |
| 642 | }); | 558 | }).then((res) => { |
| 643 | return false; | 559 | if (res.code == 200) { |
| 560 | this.ssQlxxList = res.result; | ||
| 644 | } | 561 | } |
| 645 | if (this.ruleForm.qlxx.gyfs == "0") { | 562 | }); |
| 646 | if (this.ruleForm.qlrData.length > 1) { | 563 | //获取上手信息 |
| 564 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 565 | if (res.code == 200) { | ||
| 566 | this.ztQlxxList = res.result; | ||
| 567 | } | ||
| 568 | }); | ||
| 569 | }, | ||
| 570 | // 更新土地用途信息 | ||
| 571 | /** | ||
| 572 | * @description: 更新土地用途信息 | ||
| 573 | * @param {*} val | ||
| 574 | * @author: renchao | ||
| 575 | */ | ||
| 576 | upDateTdytxxList (val) { | ||
| 577 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 578 | this.key++; | ||
| 579 | }, | ||
| 580 | // 更新权利人信息 | ||
| 581 | /** | ||
| 582 | * @description: 更新权利人信息 | ||
| 583 | * @param {*} val | ||
| 584 | * @author: renchao | ||
| 585 | */ | ||
| 586 | upDateQlrxxList (val) { | ||
| 587 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 588 | this.czrOptions = this.ruleForm.qlrData; | ||
| 589 | this.key++; | ||
| 590 | }, | ||
| 591 | // 更新义务人信息 | ||
| 592 | /** | ||
| 593 | * @description: 更新义务人信息 | ||
| 594 | * @param {*} val | ||
| 595 | * @author: renchao | ||
| 596 | */ | ||
| 597 | upDateYwrxxList (val) { | ||
| 598 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 599 | this.key++; | ||
| 600 | }, | ||
| 601 | /** | ||
| 602 | * @description: onSubmit | ||
| 603 | * @author: renchao | ||
| 604 | */ | ||
| 605 | onSubmit () { | ||
| 606 | this.$refs.ruleForm.validate((valid) => { | ||
| 607 | if (valid) { | ||
| 608 | if (this.ruleForm.qlrData.length == 0) { | ||
| 647 | this.$message({ | 609 | this.$message({ |
| 648 | showClose: true, | 610 | showClose: true, |
| 649 | message: "共有方式：单独所有，权利人只能是一个人", | 611 | message: "请确认权利人信息", |
| 650 | type: "error", | 612 | type: "error", |
| 651 | }); | 613 | }); |
| 652 | return false; | 614 | return false; |
| 653 | } | 615 | } |
| 654 | this.ruleForm.qlrData[0].sfczr = "1"; | 616 | if (this.ruleForm.ywrData.length == 0) { |
| 655 | } | ||
| 656 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 657 | //是否分别持证 | ||
| 658 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 659 | //是 | ||
| 660 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 661 | item.sfczr = "1"; | ||
| 662 | }); | ||
| 663 | } else { | ||
| 664 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 665 | if (item.zjh == this.ruleForm.czr) { | ||
| 666 | item.sfczr = "1"; | ||
| 667 | } else { | ||
| 668 | item.sfczr = "0"; | ||
| 669 | } | ||
| 670 | }); | ||
| 671 | } | ||
| 672 | } | ||
| 673 | save(this.ruleForm).then((res) => { | ||
| 674 | if (res.code === 200) { | ||
| 675 | this.$message({ | 617 | this.$message({ |
| 676 | showClose: true, | 618 | showClose: true, |
| 677 | message: "保存成功！", | 619 | message: "请确认义务人信息", |
| 678 | type: "success", | ||
| 679 | }); | ||
| 680 | this.$parent.changeywh() | ||
| 681 | this.$store.dispatch("user/refreshPage", true); | ||
| 682 | } else { | ||
| 683 | this.$message({ | ||
| 684 | showClose: true, | ||
| 685 | message: res.message, | ||
| 686 | type: "error", | 620 | type: "error", |
| 687 | }); | 621 | }); |
| 622 | return false; | ||
| 688 | } | 623 | } |
| 689 | }); | 624 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 690 | } else { | 625 | if (this.ruleForm.qlrData.length > 1) { |
| 691 | return false; | 626 | this.$message({ |
| 692 | } | 627 | showClose: true, |
| 693 | }); | 628 | message: "共有方式：单独所有，权利人只能是一个人", |
| 629 | type: "error", | ||
| 630 | }); | ||
| 631 | return false; | ||
| 632 | } | ||
| 633 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 634 | } | ||
| 635 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 636 | //是否分别持证 | ||
| 637 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 638 | //是 | ||
| 639 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 640 | item.sfczr = "1"; | ||
| 641 | }); | ||
| 642 | } else { | ||
| 643 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 644 | if (item.zjh == this.ruleForm.czr) { | ||
| 645 | item.sfczr = "1"; | ||
| 646 | } else { | ||
| 647 | item.sfczr = "0"; | ||
| 648 | } | ||
| 649 | }); | ||
| 650 | } | ||
| 651 | } | ||
| 652 | save(this.ruleForm).then((res) => { | ||
| 653 | if (res.code === 200) { | ||
| 654 | this.$message({ | ||
| 655 | showClose: true, | ||
| 656 | message: "保存成功！", | ||
| 657 | type: "success", | ||
| 658 | }); | ||
| 659 | this.$parent.changeywh() | ||
| 660 | this.$store.dispatch("user/refreshPage", true); | ||
| 661 | } else { | ||
| 662 | this.$message({ | ||
| 663 | showClose: true, | ||
| 664 | message: res.message, | ||
| 665 | type: "error", | ||
| 666 | }); | ||
| 667 | } | ||
| 668 | }); | ||
| 669 | } else { | ||
| 670 | return false; | ||
| 671 | } | ||
| 672 | }); | ||
| 673 | }, | ||
| 694 | }, | 674 | }, |
| 695 | }, | 675 | }; |
| 696 | }; | ||
| 697 | </script> | 676 | </script> |
| 698 | <style scoped lang="scss"> | 677 | <style scoped lang="scss"> |
| 699 | @import "~@/styles/public.scss"; | 678 | @import "~@/styles/public.scss"; |
| 700 | @import "~@/styles/slxx/slxx.scss"; | 679 | @import "~@/styles/slxx/slxx.scss"; |
| 701 | </style> | 680 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-21 09:48:32 | 4 | * @LastEditTime: 2023-08-01 18:11:07 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -116,8 +116,8 @@ | ... | @@ -116,8 +116,8 @@ |
| 116 | <el-col :span="8"> | 116 | <el-col :span="8"> |
| 117 | <el-form-item label="独用土地面积："> | 117 | <el-form-item label="独用土地面积："> |
| 118 | <div class="flex"> | 118 | <div class="flex"> |
| 119 | <el-input v-model="ruleForm.fdcq2.dytdmj" | 119 | <el-input v-model="ruleForm.fdcq2.dytdmj" |
| 120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 121 | <el-select | 121 | <el-select |
| 122 | disabled | 122 | disabled |
| 123 | v-model="mjdw" | 123 | v-model="mjdw" |
| ... | @@ -129,14 +129,14 @@ | ... | @@ -129,14 +129,14 @@ |
| 129 | :value="item.dcode"> | 129 | :value="item.dcode"> |
| 130 | </el-option> | 130 | </el-option> |
| 131 | </el-select> | 131 | </el-select> |
| 132 | </div> | 132 | </div> |
| 133 | </el-form-item> | 133 | </el-form-item> |
| 134 | </el-col> | 134 | </el-col> |
| 135 | <el-col :span="8"> | 135 | <el-col :span="8"> |
| 136 | <el-form-item label="分摊土地面积："> | 136 | <el-form-item label="分摊土地面积："> |
| 137 | <div class="flex"> | 137 | <div class="flex"> |
| 138 | <el-input v-model="ruleForm.fdcq2.fttdmj" | 138 | <el-input v-model="ruleForm.fdcq2.fttdmj" |
| 139 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 139 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 140 | <el-select | 140 | <el-select |
| 141 | disabled | 141 | disabled |
| 142 | v-model="mjdw" | 142 | v-model="mjdw" |
| ... | @@ -148,7 +148,7 @@ | ... | @@ -148,7 +148,7 @@ |
| 148 | :value="item.dcode"> | 148 | :value="item.dcode"> |
| 149 | </el-option> | 149 | </el-option> |
| 150 | </el-select> | 150 | </el-select> |
| 151 | </div> | 151 | </div> |
| 152 | </el-form-item> | 152 | </el-form-item> |
| 153 | </el-col> | 153 | </el-col> |
| 154 | <el-col :span="8"> | 154 | <el-col :span="8"> |
| ... | @@ -165,12 +165,11 @@ | ... | @@ -165,12 +165,11 @@ |
| 165 | </el-col> | 165 | </el-col> |
| 166 | <el-col :span="8"> | 166 | <el-col :span="8"> |
| 167 | <el-form-item label="房地产交易价格："> | 167 | <el-form-item label="房地产交易价格："> |
| 168 | <div class="flex"> | 168 | <div class="flex"> |
| 169 | <el-input | 169 | <el-input |
| 170 | v-model="ruleForm.fdcq2.qjjg" | 170 | v-model="ruleForm.fdcq2.qjjg" |
| 171 | style="width: 500%" | 171 | style="width: 500%" |
| 172 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 172 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 173 | ></el-input> | ||
| 174 | <el-select v-model="ruleForm.fdcq2.jedw"> | 173 | <el-select v-model="ruleForm.fdcq2.jedw"> |
| 175 | <el-option | 174 | <el-option |
| 176 | v-for="item in dictData['A57']" | 175 | v-for="item in dictData['A57']" |
| ... | @@ -255,11 +254,11 @@ | ... | @@ -255,11 +254,11 @@ |
| 255 | </el-col> | 254 | </el-col> |
| 256 | <el-col :span="8"> | 255 | <el-col :span="8"> |
| 257 | <el-form-item label="建筑面积："> | 256 | <el-form-item label="建筑面积："> |
| 258 | <div class="flex"> | 257 | <div class="flex"> |
| 259 | <el-input v-model="ruleForm.fdcq2.jzmj" | 258 | <el-input v-model="ruleForm.fdcq2.jzmj" |
| 260 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 259 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 261 | <el-select | 260 | <el-select |
| 262 | disabled | 261 | disabled |
| 263 | v-model="mjdw" | 262 | v-model="mjdw" |
| 264 | style="width: 20%"> | 263 | style="width: 20%"> |
| 265 | <el-option | 264 | <el-option |
| ... | @@ -269,16 +268,16 @@ | ... | @@ -269,16 +268,16 @@ |
| 269 | :value="item.dcode"> | 268 | :value="item.dcode"> |
| 270 | </el-option> | 269 | </el-option> |
| 271 | </el-select> | 270 | </el-select> |
| 272 | </div> | 271 | </div> |
| 273 | </el-form-item> | 272 | </el-form-item> |
| 274 | </el-col> | 273 | </el-col> |
| 275 | <el-col :span="8"> | 274 | <el-col :span="8"> |
| 276 | <el-form-item label="专有建筑面积："> | 275 | <el-form-item label="专有建筑面积："> |
| 277 | <div class="flex"> | 276 | <div class="flex"> |
| 278 | <el-input v-model="ruleForm.fdcq2.zyjzmj" | 277 | <el-input v-model="ruleForm.fdcq2.zyjzmj" |
| 279 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 278 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 280 | <el-select | 279 | <el-select |
| 281 | disabled | 280 | disabled |
| 282 | v-model="mjdw" | 281 | v-model="mjdw" |
| 283 | style="width: 20%"> | 282 | style="width: 20%"> |
| 284 | <el-option | 283 | <el-option |
| ... | @@ -288,16 +287,16 @@ | ... | @@ -288,16 +287,16 @@ |
| 288 | :value="item.dcode"> | 287 | :value="item.dcode"> |
| 289 | </el-option> | 288 | </el-option> |
| 290 | </el-select> | 289 | </el-select> |
| 291 | </div> | 290 | </div> |
| 292 | </el-form-item> | 291 | </el-form-item> |
| 293 | </el-col> | 292 | </el-col> |
| 294 | <el-col :span="8"> | 293 | <el-col :span="8"> |
| 295 | <el-form-item label="分摊建筑面积："> | 294 | <el-form-item label="分摊建筑面积："> |
| 296 | <div class="flex"> | 295 | <div class="flex"> |
| 297 | <el-input v-model="ruleForm.fdcq2.ftjzmj" | 296 | <el-input v-model="ruleForm.fdcq2.ftjzmj" |
| 298 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 297 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 299 | <el-select | 298 | <el-select |
| 300 | disabled | 299 | disabled |
| 301 | v-model="mjdw" | 300 | v-model="mjdw" |
| 302 | style="width: 20%"> | 301 | style="width: 20%"> |
| 303 | <el-option | 302 | <el-option |
| ... | @@ -307,19 +306,18 @@ | ... | @@ -307,19 +306,18 @@ |
| 307 | :value="item.dcode"> | 306 | :value="item.dcode"> |
| 308 | </el-option> | 307 | </el-option> |
| 309 | </el-select> | 308 | </el-select> |
| 310 | </div> | 309 | </div> |
| 311 | </el-form-item> | 310 | </el-form-item> |
| 312 | </el-col> | 311 | </el-col> |
| 313 | <el-col :span="8"> | 312 | <el-col :span="8"> |
| 314 | <el-form-item label="竣工时间："> | 313 | <el-form-item label="竣工时间："> |
| 315 | <el-date-picker | 314 | <el-date-picker |
| 316 | v-model="ruleForm.fdcq2.jgsj" | 315 | v-model="ruleForm.fdcq2.jgsj" |
| 317 | class="width100" | 316 | class="width100" |
| 318 | type="date" | 317 | type="date" |
| 319 | placeholder="选择日期" | 318 | placeholder="选择日期" |
| 320 | value-format="yyyy-MM-dd HH:mm:ss" | 319 | value-format="yyyy-MM-dd HH:mm:ss" |
| 321 | format="yyyy-MM-dd" | 320 | format="yyyy-MM-dd"> |
| 322 | > | ||
| 323 | </el-date-picker> | 321 | </el-date-picker> |
| 324 | </el-form-item> | 322 | </el-form-item> |
| 325 | </el-col> | 323 | </el-col> |
| ... | @@ -430,11 +428,13 @@ | ... | @@ -430,11 +428,13 @@ |
| 430 | </template> | 428 | </template> |
| 431 | <script> | 429 | <script> |
| 432 | import { mapGetters } from "vuex"; | 430 | import { mapGetters } from "vuex"; |
| 431 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 433 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 432 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
| 434 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 433 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 435 | import selectTable from "@/components/selectTable/index.vue"; | 434 | import selectTable from "@/components/selectTable/index.vue"; |
| 436 | import tdytTable from "@/views/workflow/components/tdytTable"; | 435 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 437 | export default { | 436 | export default { |
| 437 | mixins: [ywmix], | ||
| 438 | components: { qlrCommonTable, tdytTable, selectTable }, | 438 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 439 | computed: { | 439 | computed: { |
| 440 | ...mapGetters(["dictData", "flag"]), | 440 | ...mapGetters(["dictData", "flag"]), |
| ... | @@ -449,7 +449,7 @@ | ... | @@ -449,7 +449,7 @@ |
| 449 | }, | 449 | }, |
| 450 | data () { | 450 | data () { |
| 451 | return { | 451 | return { |
| 452 | mjdw:"1", | 452 | mjdw: "1", |
| 453 | ssqlxxshow: true, | 453 | ssqlxxshow: true, |
| 454 | props: { | 454 | props: { |
| 455 | label: "bdcqzh", | 455 | label: "bdcqzh", |
| ... | @@ -698,7 +698,7 @@ | ... | @@ -698,7 +698,7 @@ |
| 698 | message: "保存成功！", | 698 | message: "保存成功！", |
| 699 | type: "success", | 699 | type: "success", |
| 700 | }); | 700 | }); |
| 701 | this.$parent.changeywh() | 701 | this.$parent.changeywh() |
| 702 | this.$store.dispatch("user/refreshPage", true); | 702 | this.$store.dispatch("user/refreshPage", true); |
| 703 | } else { | 703 | } else { |
| 704 | this.$message({ | 704 | this.$message({ |
| ... | @@ -720,9 +720,9 @@ | ... | @@ -720,9 +720,9 @@ |
| 720 | @import "~@/styles/public.scss"; | 720 | @import "~@/styles/public.scss"; |
| 721 | @import "~@/styles/slxx/slxx.scss"; | 721 | @import "~@/styles/slxx/slxx.scss"; |
| 722 | .el-date-editor.el-input { | 722 | .el-date-editor.el-input { |
| 723 | width: 100%; | 723 | width: 100%; |
| 724 | } | 724 | } |
| 725 | .el-table__row { | 725 | .el-table__row { |
| 726 | height: 30px !important; | 726 | height: 30px !important; |
| 727 | } | 727 | } |
| 728 | </style> | 728 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-08-01 18:11:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -9,13 +9,12 @@ | ... | @@ -9,13 +9,12 @@ |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{readonly: editDisabled }" | 12 | :class="{readonly: editDisabled }" |
| 13 | class="loadingtext" | 13 | class="loadingtext" |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="145px" | 17 | label-width="145px"> |
| 18 | > | ||
| 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 20 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
| 21 | 补录信息 | 20 | 补录信息 |
| ... | @@ -43,25 +42,22 @@ | ... | @@ -43,25 +42,22 @@ |
| 43 | <div class="triangle"></div> | 42 | <div class="triangle"></div> |
| 44 | </div> | 43 | </div> |
| 45 | <el-row :gutter="24"> | 44 | <el-row :gutter="24"> |
| 46 | <el-col :span="8" v-if="ssqlxxshow"> | 45 | <el-col :span="8" v-if="ssqlxxshow"> |
| 47 | <el-form-item label="上手权利信息："> | 46 | <el-form-item label="上手权利信息："> |
| 48 | <select-table | 47 | <select-table |
| 49 | v-model="ruleForm.ssQlxx" | 48 | v-model="ruleForm.ssQlxx" |
| 50 | :table-width="550" | 49 | :table-width="550" |
| 51 | :tableData="ssQlxxList" | 50 | :tableData="ssQlxxList" |
| 52 | :props="props" | 51 | :props="props" |
| 53 | @change="ssQlxxchange" | 52 | @change="ssQlxxchange"> |
| 54 | > | ||
| 55 | <el-table-column | 53 | <el-table-column |
| 56 | prop="qllxmc" | 54 | prop="qllxmc" |
| 57 | width="130" | 55 | width="130" |
| 58 | label="权利类型" | 56 | label="权利类型"></el-table-column> |
| 59 | ></el-table-column> | ||
| 60 | <el-table-column | 57 | <el-table-column |
| 61 | prop="bdcqzh" | 58 | prop="bdcqzh" |
| 62 | width="160" | 59 | width="160" |
| 63 | label="不动产权证书" | 60 | label="不动产权证书"></el-table-column> |
| 64 | ></el-table-column> | ||
| 65 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 61 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 66 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 62 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 67 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 63 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -70,7 +66,7 @@ | ... | @@ -70,7 +66,7 @@ |
| 70 | </el-form-item> | 66 | </el-form-item> |
| 71 | </el-col> | 67 | </el-col> |
| 72 | </el-row> | 68 | </el-row> |
| 73 | <el-row :gutter="10"> | 69 | <el-row :gutter="10"> |
| 74 | <el-col :span="8"> | 70 | <el-col :span="8"> |
| 75 | <el-form-item label="不动产单元号："> | 71 | <el-form-item label="不动产单元号："> |
| 76 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 72 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| ... | @@ -94,14 +90,13 @@ | ... | @@ -94,14 +90,13 @@ |
| 94 | </el-form-item> | 90 | </el-form-item> |
| 95 | </el-col> | 91 | </el-col> |
| 96 | <el-col :span="8"> | 92 | <el-col :span="8"> |
| 97 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 93 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> |
| 98 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 94 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 99 | <el-option | 95 | <el-option |
| 100 | v-for="item in djlxlist" | 96 | v-for="item in djlxlist" |
| 101 | :key="item.dcode" | 97 | :key="item.dcode" |
| 102 | :label="item.dname" | 98 | :label="item.dname" |
| 103 | :value="item.dcode" | 99 | :value="item.dcode"> |
| 104 | > | ||
| 105 | </el-option> | 100 | </el-option> |
| 106 | </el-select> | 101 | </el-select> |
| 107 | </el-form-item> | 102 | </el-form-item> |
| ... | @@ -113,8 +108,7 @@ | ... | @@ -113,8 +108,7 @@ |
| 113 | v-for="item in qsztlist" | 108 | v-for="item in qsztlist" |
| 114 | :key="item.dcode" | 109 | :key="item.dcode" |
| 115 | :label="item.dname" | 110 | :label="item.dname" |
| 116 | :value="item.dcode" | 111 | :value="item.dcode"> |
| 117 | > | ||
| 118 | </el-option> | 112 | </el-option> |
| 119 | </el-select> | 113 | </el-select> |
| 120 | </el-form-item> | 114 | </el-form-item> |
| ... | @@ -133,8 +127,8 @@ | ... | @@ -133,8 +127,8 @@ |
| 133 | <el-col :span="8"> | 127 | <el-col :span="8"> |
| 134 | <el-form-item label="使用权面积："> | 128 | <el-form-item label="使用权面积："> |
| 135 | <div class="flex"> | 129 | <div class="flex"> |
| 136 | <el-input v-model="ruleForm.jsydsyq.syqmj" | 130 | <el-input v-model="ruleForm.jsydsyq.syqmj" |
| 137 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 131 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 138 | <el-select | 132 | <el-select |
| 139 | disabled | 133 | disabled |
| 140 | v-model="mjdw" | 134 | v-model="mjdw" |
| ... | @@ -146,7 +140,7 @@ | ... | @@ -146,7 +140,7 @@ |
| 146 | :value="item.dcode"> | 140 | :value="item.dcode"> |
| 147 | </el-option> | 141 | </el-option> |
| 148 | </el-select> | 142 | </el-select> |
| 149 | </div> | 143 | </div> |
| 150 | </el-form-item> | 144 | </el-form-item> |
| 151 | </el-col> | 145 | </el-col> |
| 152 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| ... | @@ -174,15 +168,13 @@ | ... | @@ -174,15 +168,13 @@ |
| 174 | <div style="display: flex"> | 168 | <div style="display: flex"> |
| 175 | <el-input | 169 | <el-input |
| 176 | v-model="ruleForm.jsydsyq.qdjg" | 170 | v-model="ruleForm.jsydsyq.qdjg" |
| 177 | style="width: 500%" | 171 | style="width: 500%"></el-input> |
| 178 | ></el-input> | ||
| 179 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 172 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 180 | <el-option | 173 | <el-option |
| 181 | v-for="item in dictData['A57']" | 174 | v-for="item in dictData['A57']" |
| 182 | :key="item.dcode" | 175 | :key="item.dcode" |
| 183 | :label="item.dname" | 176 | :label="item.dname" |
| 184 | :value="item.dcode" | 177 | :value="item.dcode"> |
| 185 | > | ||
| 186 | </el-option> | 178 | </el-option> |
| 187 | </el-select> | 179 | </el-select> |
| 188 | </div> | 180 | </div> |
| ... | @@ -193,8 +185,7 @@ | ... | @@ -193,8 +185,7 @@ |
| 193 | <el-form-item | 185 | <el-form-item |
| 194 | label="不动产权证号：" | 186 | label="不动产权证号：" |
| 195 | prop="qlxx.bdcqzh" | 187 | prop="qlxx.bdcqzh" |
| 196 | :rules="rules.bdcqzhrules" | 188 | :rules="rules.bdcqzhrules"> |
| 197 | > | ||
| 198 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 189 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 199 | </el-form-item> | 190 | </el-form-item> |
| 200 | </el-col> | 191 | </el-col> |
| ... | @@ -211,8 +202,7 @@ | ... | @@ -211,8 +202,7 @@ |
| 211 | <el-form-item | 202 | <el-form-item |
| 212 | label="登记机构：" | 203 | label="登记机构：" |
| 213 | prop="qlxx.djjg" | 204 | prop="qlxx.djjg" |
| 214 | :rules="rules.djjgrules" | 205 | :rules="rules.djjgrules"> |
| 215 | > | ||
| 216 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 206 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 217 | </el-form-item> | 207 | </el-form-item> |
| 218 | </el-col> | 208 | </el-col> |
| ... | @@ -220,8 +210,7 @@ | ... | @@ -220,8 +210,7 @@ |
| 220 | <el-form-item | 210 | <el-form-item |
| 221 | label="登簿人：" | 211 | label="登簿人：" |
| 222 | prop="qlxx.dbr" | 212 | prop="qlxx.dbr" |
| 223 | :rules="rules.dbrrules" | 213 | :rules="rules.dbrrules"> |
| 224 | > | ||
| 225 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 214 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 226 | </el-form-item> | 215 | </el-form-item> |
| 227 | </el-col> | 216 | </el-col> |
| ... | @@ -229,16 +218,14 @@ | ... | @@ -229,16 +218,14 @@ |
| 229 | <el-form-item | 218 | <el-form-item |
| 230 | label="登记时间：" | 219 | label="登记时间：" |
| 231 | prop="qlxx.djsj" | 220 | prop="qlxx.djsj" |
| 232 | :rules="rules.djsjrules" | 221 | :rules="rules.djsjrules"> |
| 233 | > | 222 | <el-date-picker |
| 234 | <el-date-picker | ||
| 235 | v-model="ruleForm.qlxx.djsj" | 223 | v-model="ruleForm.qlxx.djsj" |
| 236 | type="date" | 224 | type="date" |
| 237 | class="width100" | 225 | class="width100" |
| 238 | placeholder="选择日期" | 226 | placeholder="选择日期" |
| 239 | value-format="yyyy-MM-dd HH:mm:ss" | 227 | value-format="yyyy-MM-dd HH:mm:ss" |
| 240 | format="yyyy-MM-dd" | 228 | format="yyyy-MM-dd"> |
| 241 | > | ||
| 242 | </el-date-picker> | 229 | </el-date-picker> |
| 243 | </el-form-item> | 230 | </el-form-item> |
| 244 | </el-col> | 231 | </el-col> |
| ... | @@ -257,8 +244,7 @@ | ... | @@ -257,8 +244,7 @@ |
| 257 | <tdytTable | 244 | <tdytTable |
| 258 | :tableData="ruleForm.tdytqxList" | 245 | :tableData="ruleForm.tdytqxList" |
| 259 | @upDateTdytxxList="upDateTdytxxList" | 246 | @upDateTdytxxList="upDateTdytxxList" |
| 260 | :ableOperation="ableOperation" | 247 | :ableOperation="ableOperation" /> |
| 261 | /> | ||
| 262 | <div class="slxx_title title-block"> | 248 | <div class="slxx_title title-block"> |
| 263 | 权利人信息 | 249 | 权利人信息 |
| 264 | <div class="triangle"></div> | 250 | <div class="triangle"></div> |
| ... | @@ -266,10 +252,9 @@ | ... | @@ -266,10 +252,9 @@ |
| 266 | <el-row :gutter="10"> | 252 | <el-row :gutter="10"> |
| 267 | <el-col :span="12"> | 253 | <el-col :span="12"> |
| 268 | <el-form-item label="共有方式："> | 254 | <el-form-item label="共有方式："> |
| 269 | <el-radio-group | 255 | <el-radio-group |
| 270 | :disabled="!ableOperation" | 256 | :disabled="!ableOperation" |
| 271 | v-model="ruleForm.qlxx.gyfs" | 257 | v-model="ruleForm.qlxx.gyfs"> |
| 272 | > | ||
| 273 | <el-radio label="0">单独所有</el-radio> | 258 | <el-radio label="0">单独所有</el-radio> |
| 274 | <el-radio label="1">共同共有</el-radio> | 259 | <el-radio label="1">共同共有</el-radio> |
| 275 | <el-radio label="2">按份所有</el-radio> | 260 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -283,8 +268,7 @@ | ... | @@ -283,8 +268,7 @@ |
| 283 | @upDateQlrxxList="upDateQlrxxList" | 268 | @upDateQlrxxList="upDateQlrxxList" |
| 284 | :key="key" | 269 | :key="key" |
| 285 | :ableOperation="ableOperation" | 270 | :ableOperation="ableOperation" |
| 286 | :gyfs="ruleForm.qlxx.gyfs" | 271 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 287 | /> | ||
| 288 | 272 | ||
| 289 | </div> | 273 | </div> |
| 290 | <el-row class="btn" v-if="ableOperation"> | 274 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -296,268 +280,270 @@ | ... | @@ -296,268 +280,270 @@ |
| 296 | </div> | 280 | </div> |
| 297 | </template> | 281 | </template> |
| 298 | <script> | 282 | <script> |
| 299 | import store from "@/store/index.js"; | 283 | import { mapGetters } from "vuex"; |
| 300 | import { mapGetters } from "vuex"; | 284 | import store from "@/store/index.js"; |
| 301 | import { init,getSsQlxx, save } from "@/api/djbRepair.js"; | 285 | import ywmix from "@/views/ywbl/mixin/index" |
| 302 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 286 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
| 303 | import tdytTable from "@/views/workflow/components/tdytTable"; | 287 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 304 | import selectTable from "@/components/selectTable/index.vue"; | 288 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 305 | export default { | 289 | import selectTable from "@/components/selectTable/index.vue"; |
| 306 | components: { qlrCommonTable, tdytTable,selectTable }, | 290 | export default { |
| 307 | computed: { | 291 | mixins: [ywmix], |
| 308 | ...mapGetters(["dictData", "flag"]), | 292 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 309 | // 根据流程判断表单是否为只读 | 293 | computed: { |
| 310 | editDisabled() { | 294 | ...mapGetters(["dictData", "flag"]), |
| 311 | if (!this.ableOperation) { | 295 | // 根据流程判断表单是否为只读 |
| 312 | //只读状态 | 296 | editDisabled () { |
| 313 | return true; | 297 | if (!this.ableOperation) { |
| 314 | } | 298 | //只读状态 |
| 315 | return false; | 299 | return true; |
| 316 | }, | ||
| 317 | }, | ||
| 318 | data() { | ||
| 319 | return { | ||
| 320 | mjdw:"1", | ||
| 321 | ssqlxxshow:true, | ||
| 322 | props: { | ||
| 323 | label: "bdcqzh", | ||
| 324 | value: "bdcdyid", | ||
| 325 | }, | ||
| 326 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 327 | normalizer(node) { | ||
| 328 | //方法 | ||
| 329 | if (node.children == null || node.children == "null") { | ||
| 330 | delete node.children; | ||
| 331 | } | 300 | } |
| 332 | return { | 301 | return false; |
| 333 | id: node.dcode, | ||
| 334 | label: node.dname, | ||
| 335 | }; | ||
| 336 | }, | 302 | }, |
| 337 | //表单是否可操作 | 303 | }, |
| 338 | propsParam: this.$attrs, | 304 | data () { |
| 339 | ableOperation:false, | 305 | return { |
| 340 | key: 0, | 306 | mjdw: "1", |
| 341 | ssQlxxList: [], | 307 | ssqlxxshow: true, |
| 342 | // 登记类型 | 308 | props: { |
| 343 | djlxlist: [ | 309 | label: "bdcqzh", |
| 344 | { | 310 | value: "bdcdyid", |
| 345 | dcode: "100", | ||
| 346 | dname: "首次登记", | ||
| 347 | }, | ||
| 348 | { | ||
| 349 | dcode: "200", | ||
| 350 | dname: "转移登记", | ||
| 351 | }, | ||
| 352 | { | ||
| 353 | dcode: "300", | ||
| 354 | dname: "变更登记", | ||
| 355 | }, | 311 | }, |
| 356 | { | 312 | // 键名转换，方法默认是label和children进行树状渲染 |
| 357 | dcode: "500", | 313 | normalizer (node) { |
| 358 | dname: "更正登记", | 314 | //方法 |
| 315 | if (node.children == null || node.children == "null") { | ||
| 316 | delete node.children; | ||
| 317 | } | ||
| 318 | return { | ||
| 319 | id: node.dcode, | ||
| 320 | label: node.dname, | ||
| 321 | }; | ||
| 359 | }, | 322 | }, |
| 323 | //表单是否可操作 | ||
| 324 | propsParam: this.$attrs, | ||
| 325 | ableOperation: false, | ||
| 326 | key: 0, | ||
| 327 | ssQlxxList: [], | ||
| 328 | // 登记类型 | ||
| 329 | djlxlist: [ | ||
| 330 | { | ||
| 331 | dcode: "100", | ||
| 332 | dname: "首次登记", | ||
| 333 | }, | ||
| 334 | { | ||
| 335 | dcode: "200", | ||
| 336 | dname: "转移登记", | ||
| 337 | }, | ||
| 338 | { | ||
| 339 | dcode: "300", | ||
| 340 | dname: "变更登记", | ||
| 341 | }, | ||
| 342 | { | ||
| 343 | dcode: "500", | ||
| 344 | dname: "更正登记", | ||
| 345 | }, | ||
| 360 | 346 | ||
| 361 | { | 347 | { |
| 362 | dcode: "901", | 348 | dcode: "901", |
| 363 | dname: "补证", | 349 | dname: "补证", |
| 364 | }, | 350 | }, |
| 365 | { | 351 | { |
| 366 | dcode: "902", | 352 | dcode: "902", |
| 367 | dname: "换证", | 353 | dname: "换证", |
| 368 | }, | 354 | }, |
| 369 | ], | ||
| 370 | // 权属状态 | ||
| 371 | qsztlist: [ | ||
| 372 | { | ||
| 373 | dcode: "1", | ||
| 374 | dname: "现势", | ||
| 375 | }, | ||
| 376 | { | ||
| 377 | dcode: "2", | ||
| 378 | dname: "历史", | ||
| 379 | }, | ||
| 380 | ], | ||
| 381 | tdxz: null, | ||
| 382 | isShow: false, | ||
| 383 | disabled: true, | ||
| 384 | czrOptions: [], | ||
| 385 | ruleForm: {}, | ||
| 386 | //传递参数\ | ||
| 387 | rules: { | ||
| 388 | bdcqzhrules: [ | ||
| 389 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 390 | ], | 355 | ], |
| 391 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 356 | // 权属状态 |
| 392 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 357 | qsztlist: [ |
| 393 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 358 | { |
| 394 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 359 | dcode: "1", |
| 395 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 360 | dname: "现势", |
| 396 | }, | 361 | }, |
| 397 | }; | 362 | { |
| 398 | }, | 363 | dcode: "2", |
| 399 | created() { | 364 | dname: "历史", |
| 400 | this.loadData(); | 365 | }, |
| 401 | }, | 366 | ], |
| 402 | mounted() { | 367 | tdxz: null, |
| 403 | this.ableOperation=this.$parent.ableOperation | 368 | isShow: false, |
| 404 | }, | 369 | disabled: true, |
| 405 | methods: { | 370 | czrOptions: [], |
| 406 | /** | 371 | ruleForm: {}, |
| 407 | * @description: ssQlxxchange | 372 | //传递参数\ |
| 408 | * @param {*} val | 373 | rules: { |
| 409 | * @author: renchao | 374 | bdcqzhrules: [ |
| 410 | */ | 375 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 411 | ssQlxxchange(val) { | 376 | ], |
| 412 | this.ruleForm.ssQlxx = val; | 377 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 413 | this.ruleForm.qlxx.ssywh = val.ywh; | 378 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 379 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 380 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 381 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
| 382 | }, | ||
| 383 | }; | ||
| 414 | }, | 384 | }, |
| 415 | /** | 385 | created () { |
| 416 | * @description: djlxchange | 386 | this.loadData(); |
| 417 | * @param {*} val | ||
| 418 | * @author: renchao | ||
| 419 | */ | ||
| 420 | djlxchange(val) { | ||
| 421 | if (val == null || val == 100) { | ||
| 422 | this.ssqlxxshow = false; | ||
| 423 | } else { | ||
| 424 | this.ssqlxxshow = true; | ||
| 425 | } | ||
| 426 | }, | 387 | }, |
| 427 | // 字典 | 388 | mounted () { |
| 428 | /** | 389 | this.ableOperation = this.$parent.ableOperation |
| 429 | * @description: 字典 | ||
| 430 | * @param {*} val | ||
| 431 | * @author: renchao | ||
| 432 | */ | ||
| 433 | getDictData(val) { | ||
| 434 | return store.getters.dictData[val]; | ||
| 435 | }, | 390 | }, |
| 436 | /** | 391 | methods: { |
| 437 | * @description: loadData | 392 | /** |
| 438 | * @author: renchao | 393 | * @description: ssQlxxchange |
| 439 | */ | 394 | * @param {*} val |
| 440 | loadData() { | 395 | * @author: renchao |
| 396 | */ | ||
| 397 | ssQlxxchange (val) { | ||
| 398 | this.ruleForm.ssQlxx = val; | ||
| 399 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 400 | }, | ||
| 401 | /** | ||
| 402 | * @description: djlxchange | ||
| 403 | * @param {*} val | ||
| 404 | * @author: renchao | ||
| 405 | */ | ||
| 406 | djlxchange (val) { | ||
| 407 | if (val == null || val == 100) { | ||
| 408 | this.ssqlxxshow = false; | ||
| 409 | } else { | ||
| 410 | this.ssqlxxshow = true; | ||
| 411 | } | ||
| 412 | }, | ||
| 413 | // 字典 | ||
| 414 | /** | ||
| 415 | * @description: 字典 | ||
| 416 | * @param {*} val | ||
| 417 | * @author: renchao | ||
| 418 | */ | ||
| 419 | getDictData (val) { | ||
| 420 | return store.getters.dictData[val]; | ||
| 421 | }, | ||
| 422 | /** | ||
| 423 | * @description: loadData | ||
| 424 | * @author: renchao | ||
| 425 | */ | ||
| 426 | loadData () { | ||
| 441 | this.$startLoading(); | 427 | this.$startLoading(); |
| 442 | this.propsParam.isEdit = this.$parent.isEdit; | 428 | this.propsParam.isEdit = this.$parent.isEdit; |
| 443 | init(this.propsParam).then((res) => { | 429 | init(this.propsParam).then((res) => { |
| 444 | if (res.code == 200) { | 430 | if (res.code == 200) { |
| 445 | this.ruleForm = res.result; | 431 | this.ruleForm = res.result; |
| 446 | let djlx = this.ruleForm.qlxx.djlx; | 432 | let djlx = this.ruleForm.qlxx.djlx; |
| 447 | if (djlx == null || djlx == 100) { | 433 | if (djlx == null || djlx == 100) { |
| 448 | this.ssqlxxshow = false; | 434 | this.ssqlxxshow = false; |
| 449 | } | 435 | } |
| 450 | this.$endLoading(); | 436 | this.$endLoading(); |
| 451 | if (this.ruleForm.tdytqxList.length > 0) { | 437 | if (this.ruleForm.tdytqxList.length > 0) { |
| 452 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 438 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 453 | } else { | 439 | } else { |
| 454 | this.tdxz = null; | 440 | this.tdxz = null; |
| 441 | } | ||
| 442 | this.isShow = true; | ||
| 455 | } | 443 | } |
| 456 | this.isShow = true; | 444 | }); |
| 457 | } | 445 | //获取主体信息 |
| 458 | }); | 446 | getSsQlxx({ |
| 459 | //获取主体信息 | 447 | bdcdyid: this.propsParam.bdcdyid, |
| 460 | getSsQlxx({ | 448 | qllx: this.propsParam.qllx, |
| 461 | bdcdyid: this.propsParam.bdcdyid, | 449 | }).then((res) => { |
| 462 | qllx: this.propsParam.qllx, | 450 | if (res.code == 200) { |
| 463 | }).then((res) => { | 451 | this.ssQlxxList = res.result; |
| 464 | if (res.code == 200) { | ||
| 465 | this.ssQlxxList = res.result; | ||
| 466 | } | ||
| 467 | }); | ||
| 468 | }, | ||
| 469 | // 更新土地用途信息 | ||
| 470 | /** | ||
| 471 | * @description: 更新土地用途信息 | ||
| 472 | * @param {*} val | ||
| 473 | * @author: renchao | ||
| 474 | */ | ||
| 475 | upDateTdytxxList(val) { | ||
| 476 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 477 | this.key++; | ||
| 478 | }, | ||
| 479 | // 更新权利人信息 | ||
| 480 | /** | ||
| 481 | * @description: 更新权利人信息 | ||
| 482 | * @param {*} val | ||
| 483 | * @author: renchao | ||
| 484 | */ | ||
| 485 | upDateQlrxxList(val) { | ||
| 486 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 487 | this.czrOptions = this.ruleForm.qlrData; | ||
| 488 | this.key++; | ||
| 489 | }, | ||
| 490 | // 保存 | ||
| 491 | /** | ||
| 492 | * @description: onSubmit | ||
| 493 | * @author: renchao | ||
| 494 | */ | ||
| 495 | onSubmit() { | ||
| 496 | this.$refs.ruleForm.validate((valid) => { | ||
| 497 | if (valid) { | ||
| 498 | if (this.ruleForm.qlrData.length == 0) { | ||
| 499 | this.$message({ | ||
| 500 | showClose: true, | ||
| 501 | message: "请确认权利人信息", | ||
| 502 | type: "error", | ||
| 503 | }); | ||
| 504 | return false; | ||
| 505 | } | 452 | } |
| 506 | 453 | }); | |
| 507 | if (this.ruleForm.qlxx.gyfs == "0") { | 454 | }, |
| 508 | if (this.ruleForm.qlrData.length > 1) { | 455 | // 更新土地用途信息 |
| 456 | /** | ||
| 457 | * @description: 更新土地用途信息 | ||
| 458 | * @param {*} val | ||
| 459 | * @author: renchao | ||
| 460 | */ | ||
| 461 | upDateTdytxxList (val) { | ||
| 462 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 463 | this.key++; | ||
| 464 | }, | ||
| 465 | // 更新权利人信息 | ||
| 466 | /** | ||
| 467 | * @description: 更新权利人信息 | ||
| 468 | * @param {*} val | ||
| 469 | * @author: renchao | ||
| 470 | */ | ||
| 471 | upDateQlrxxList (val) { | ||
| 472 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 473 | this.czrOptions = this.ruleForm.qlrData; | ||
| 474 | this.key++; | ||
| 475 | }, | ||
| 476 | // 保存 | ||
| 477 | /** | ||
| 478 | * @description: onSubmit | ||
| 479 | * @author: renchao | ||
| 480 | */ | ||
| 481 | onSubmit () { | ||
| 482 | this.$refs.ruleForm.validate((valid) => { | ||
| 483 | if (valid) { | ||
| 484 | if (this.ruleForm.qlrData.length == 0) { | ||
| 509 | this.$message({ | 485 | this.$message({ |
| 510 | showClose: true, | 486 | showClose: true, |
| 511 | message: "共有方式：单独所有，权利人只能是一个人", | 487 | message: "请确认权利人信息", |
| 512 | type: "error", | 488 | type: "error", |
| 513 | }); | 489 | }); |
| 514 | return false; | 490 | return false; |
| 515 | } | 491 | } |
| 516 | this.ruleForm.qlrData[0].sfczr = "1"; | 492 | |
| 517 | } | 493 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 518 | if (this.ruleForm.qlxx.gyfs == "1") { | 494 | if (this.ruleForm.qlrData.length > 1) { |
| 519 | //是否分别持证 | 495 | this.$message({ |
| 520 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 496 | showClose: true, |
| 521 | //是 | 497 | message: "共有方式：单独所有，权利人只能是一个人", |
| 522 | this.ruleForm.qlrData.forEach((item, index) => { | 498 | type: "error", |
| 523 | item.sfczr = "1"; | 499 | }); |
| 524 | }); | 500 | return false; |
| 525 | } else { | 501 | } |
| 526 | this.ruleForm.qlrData.forEach((item, index) => { | 502 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 527 | if (item.zjh == this.ruleForm.czr) { | 503 | } |
| 504 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 505 | //是否分别持证 | ||
| 506 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 507 | //是 | ||
| 508 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 528 | item.sfczr = "1"; | 509 | item.sfczr = "1"; |
| 529 | } else { | 510 | }); |
| 530 | item.sfczr = "0"; | 511 | } else { |
| 531 | } | 512 | this.ruleForm.qlrData.forEach((item, index) => { |
| 532 | }); | 513 | if (item.zjh == this.ruleForm.czr) { |
| 514 | item.sfczr = "1"; | ||
| 515 | } else { | ||
| 516 | item.sfczr = "0"; | ||
| 517 | } | ||
| 518 | }); | ||
| 519 | } | ||
| 533 | } | 520 | } |
| 521 | save(this.ruleForm).then((res) => { | ||
| 522 | if (res.code === 200) { | ||
| 523 | this.$message({ | ||
| 524 | showClose: true, | ||
| 525 | message: "保存成功！", | ||
| 526 | type: "success", | ||
| 527 | }); | ||
| 528 | this.$parent.changeywh() | ||
| 529 | this.$store.dispatch("user/refreshPage", true); | ||
| 530 | } else { | ||
| 531 | this.$message({ | ||
| 532 | showClose: true, | ||
| 533 | message: res.message, | ||
| 534 | type: "error", | ||
| 535 | }); | ||
| 536 | } | ||
| 537 | }); | ||
| 538 | } else { | ||
| 539 | return false; | ||
| 534 | } | 540 | } |
| 535 | save(this.ruleForm).then((res) => { | 541 | }); |
| 536 | if (res.code === 200) { | 542 | }, |
| 537 | this.$message({ | ||
| 538 | showClose: true, | ||
| 539 | message: "保存成功！", | ||
| 540 | type: "success", | ||
| 541 | }); | ||
| 542 | this.$parent.changeywh() | ||
| 543 | this.$store.dispatch("user/refreshPage", true); | ||
| 544 | } else { | ||
| 545 | this.$message({ | ||
| 546 | showClose: true, | ||
| 547 | message: res.message, | ||
| 548 | type: "error", | ||
| 549 | }); | ||
| 550 | } | ||
| 551 | }); | ||
| 552 | } else { | ||
| 553 | return false; | ||
| 554 | } | ||
| 555 | }); | ||
| 556 | }, | 543 | }, |
| 557 | }, | 544 | }; |
| 558 | }; | ||
| 559 | </script> | 545 | </script> |
| 560 | <style scoped lang="scss"> | 546 | <style scoped lang="scss"> |
| 561 | @import "~@/styles/public.scss"; | 547 | @import "~@/styles/public.scss"; |
| 562 | @import "~@/styles/slxx/slxx.scss"; | 548 | @import "~@/styles/slxx/slxx.scss"; |
| 563 | </style> | 549 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-08-01 18:11:41 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
| 15 | :show-message="false" | 15 | :show-message="false" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :inline="flag" | 17 | :inline="flag" |
| 18 | label-width="120px" | 18 | label-width="120px"> |
| 19 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 21 | 补录信息 |
| ... | @@ -44,25 +43,22 @@ | ... | @@ -44,25 +43,22 @@ |
| 44 | <div class="triangle"></div> | 43 | <div class="triangle"></div> |
| 45 | </div> | 44 | </div> |
| 46 | <el-row :gutter="10"> | 45 | <el-row :gutter="10"> |
| 47 | <el-col :span="8" v-if="ssqlxxshow"> | 46 | <el-col :span="8" v-if="ssqlxxshow"> |
| 48 | <el-form-item label="上手权利信息："> | 47 | <el-form-item label="上手权利信息："> |
| 49 | <select-table | 48 | <select-table |
| 50 | v-model="ruleForm.ssQlxx" | 49 | v-model="ruleForm.ssQlxx" |
| 51 | :table-width="550" | 50 | :table-width="550" |
| 52 | :tableData="ssQlxxList" | 51 | :tableData="ssQlxxList" |
| 53 | :props="props" | 52 | :props="props" |
| 54 | @change="ssQlxxchange" | 53 | @change="ssQlxxchange"> |
| 55 | > | ||
| 56 | <el-table-column | 54 | <el-table-column |
| 57 | prop="qllxmc" | 55 | prop="qllxmc" |
| 58 | width="130" | 56 | width="130" |
| 59 | label="权利类型" | 57 | label="权利类型"></el-table-column> |
| 60 | ></el-table-column> | ||
| 61 | <el-table-column | 58 | <el-table-column |
| 62 | prop="bdcqzh" | 59 | prop="bdcqzh" |
| 63 | width="160" | 60 | width="160" |
| 64 | label="不动产权证书" | 61 | label="不动产权证书"></el-table-column> |
| 65 | ></el-table-column> | ||
| 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 62 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 63 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 64 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -70,30 +66,28 @@ | ... | @@ -70,30 +66,28 @@ |
| 70 | </select-table> | 66 | </select-table> |
| 71 | </el-form-item> | 67 | </el-form-item> |
| 72 | </el-col> | 68 | </el-col> |
| 73 | <el-col :span="8"> | 69 | <el-col :span="8"> |
| 74 | <el-form-item label="上手业务号："> | 70 | <el-form-item label="上手业务号："> |
| 75 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | 71 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> |
| 76 | </el-form-item> | 72 | </el-form-item> |
| 77 | </el-col> | 73 | </el-col> |
| 78 | <el-col :span="8"> | 74 | <el-col :span="8"> |
| 79 | <el-form-item | 75 | <el-form-item |
| 80 | label="登记类型：" | 76 | label="登记类型：" |
| 81 | prop="qlxx.djlx" | 77 | prop="qlxx.djlx" |
| 82 | :rules="rules.djlxrules" | 78 | :rules="rules.djlxrules"> |
| 83 | > | ||
| 84 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 79 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 85 | <el-option | 80 | <el-option |
| 86 | v-for="item in djlxlist" | 81 | v-for="item in djlxlist" |
| 87 | :key="item.dcode" | 82 | :key="item.dcode" |
| 88 | :label="item.dname" | 83 | :label="item.dname" |
| 89 | :value="item.dcode" | 84 | :value="item.dcode"> |
| 90 | > | ||
| 91 | </el-option> | 85 | </el-option> |
| 92 | </el-select> | 86 | </el-select> |
| 93 | </el-form-item> | 87 | </el-form-item> |
| 94 | </el-col> | 88 | </el-col> |
| 95 | </el-row> | 89 | </el-row> |
| 96 | <el-row :gutter="10"> | 90 | <el-row :gutter="10"> |
| 97 | <el-col :span="8"> | 91 | <el-col :span="8"> |
| 98 | <el-form-item label="不动产单元号："> | 92 | <el-form-item label="不动产单元号："> |
| 99 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 93 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| ... | @@ -114,8 +108,7 @@ | ... | @@ -114,8 +108,7 @@ |
| 114 | <el-form-item | 108 | <el-form-item |
| 115 | label="登簿人：" | 109 | label="登簿人：" |
| 116 | prop="qlxx.dbr" | 110 | prop="qlxx.dbr" |
| 117 | :rules="rules.dbrrules" | 111 | :rules="rules.dbrrules"> |
| 118 | > | ||
| 119 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 112 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 120 | </el-form-item> | 113 | </el-form-item> |
| 121 | </el-col> | 114 | </el-col> |
| ... | @@ -123,8 +116,7 @@ | ... | @@ -123,8 +116,7 @@ |
| 123 | <el-form-item | 116 | <el-form-item |
| 124 | label="登记机构：" | 117 | label="登记机构：" |
| 125 | prop="qlxx.djjg" | 118 | prop="qlxx.djjg" |
| 126 | :rules="rules.djjgrules" | 119 | :rules="rules.djjgrules"> |
| 127 | > | ||
| 128 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 120 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 129 | </el-form-item> | 121 | </el-form-item> |
| 130 | </el-col> | 122 | </el-col> |
| ... | @@ -141,8 +133,7 @@ | ... | @@ -141,8 +133,7 @@ |
| 141 | <el-form-item | 133 | <el-form-item |
| 142 | label="不动产权证号：" | 134 | label="不动产权证号：" |
| 143 | prop="qlxx.bdcqzh" | 135 | prop="qlxx.bdcqzh" |
| 144 | :rules="rules.bdcqzhrules" | 136 | :rules="rules.bdcqzhrules"> |
| 145 | > | ||
| 146 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 137 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 147 | </el-form-item> | 138 | </el-form-item> |
| 148 | </el-col> | 139 | </el-col> |
| ... | @@ -153,8 +144,7 @@ | ... | @@ -153,8 +144,7 @@ |
| 153 | v-for="item in qsztlist" | 144 | v-for="item in qsztlist" |
| 154 | :key="item.dcode" | 145 | :key="item.dcode" |
| 155 | :label="item.dname" | 146 | :label="item.dname" |
| 156 | :value="item.dcode" | 147 | :value="item.dcode"> |
| 157 | > | ||
| 158 | </el-option> | 148 | </el-option> |
| 159 | </el-select> | 149 | </el-select> |
| 160 | </el-form-item> | 150 | </el-form-item> |
| ... | @@ -173,19 +163,16 @@ | ... | @@ -173,19 +163,16 @@ |
| 173 | <el-input | 163 | <el-input |
| 174 | v-model="ruleForm.tdsyq.nydmj" | 164 | v-model="ruleForm.tdsyq.nydmj" |
| 175 | :disabled="!ableOperation" | 165 | :disabled="!ableOperation" |
| 176 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 166 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 177 | ></el-input> | ||
| 178 | <el-select | 167 | <el-select |
| 179 | v-model="ruleForm.tdsyq.mjdw" | 168 | v-model="ruleForm.tdsyq.mjdw" |
| 180 | :disabled="!ableOperation" | 169 | :disabled="!ableOperation" |
| 181 | style="width: 20%" | 170 | style="width: 20%"> |
| 182 | > | ||
| 183 | <el-option | 171 | <el-option |
| 184 | v-for="item in dictData['A7']" | 172 | v-for="item in dictData['A7']" |
| 185 | :key="item.dcode" | 173 | :key="item.dcode" |
| 186 | :label="item.dname" | 174 | :label="item.dname" |
| 187 | :value="item.dcode" | 175 | :value="item.dcode"> |
| 188 | > | ||
| 189 | </el-option> | 176 | </el-option> |
| 190 | </el-select> | 177 | </el-select> |
| 191 | </div> | 178 | </div> |
| ... | @@ -197,19 +184,16 @@ | ... | @@ -197,19 +184,16 @@ |
| 197 | <el-input | 184 | <el-input |
| 198 | v-model="ruleForm.tdsyq.gdmj" | 185 | v-model="ruleForm.tdsyq.gdmj" |
| 199 | :disabled="!ableOperation" | 186 | :disabled="!ableOperation" |
| 200 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 187 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 201 | ></el-input> | ||
| 202 | <el-select | 188 | <el-select |
| 203 | v-model="ruleForm.tdsyq.mjdw" | 189 | v-model="ruleForm.tdsyq.mjdw" |
| 204 | :disabled="!ableOperation" | 190 | :disabled="!ableOperation" |
| 205 | style="width: 20%" | 191 | style="width: 20%"> |
| 206 | > | ||
| 207 | <el-option | 192 | <el-option |
| 208 | v-for="item in dictData['A7']" | 193 | v-for="item in dictData['A7']" |
| 209 | :key="item.dcode" | 194 | :key="item.dcode" |
| 210 | :label="item.dname" | 195 | :label="item.dname" |
| 211 | :value="item.dcode" | 196 | :value="item.dcode"> |
| 212 | > | ||
| 213 | </el-option> | 197 | </el-option> |
| 214 | </el-select> | 198 | </el-select> |
| 215 | </div> | 199 | </div> |
| ... | @@ -221,19 +205,16 @@ | ... | @@ -221,19 +205,16 @@ |
| 221 | <el-input | 205 | <el-input |
| 222 | v-model="ruleForm.tdsyq.ldmj" | 206 | v-model="ruleForm.tdsyq.ldmj" |
| 223 | :disabled="!ableOperation" | 207 | :disabled="!ableOperation" |
| 224 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 208 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 225 | ></el-input> | ||
| 226 | <el-select | 209 | <el-select |
| 227 | v-model="ruleForm.tdsyq.mjdw" | 210 | v-model="ruleForm.tdsyq.mjdw" |
| 228 | :disabled="!ableOperation" | 211 | :disabled="!ableOperation" |
| 229 | style="width: 20%" | 212 | style="width: 20%"> |
| 230 | > | ||
| 231 | <el-option | 213 | <el-option |
| 232 | v-for="item in dictData['A7']" | 214 | v-for="item in dictData['A7']" |
| 233 | :key="item.dcode" | 215 | :key="item.dcode" |
| 234 | :label="item.dname" | 216 | :label="item.dname" |
| 235 | :value="item.dcode" | 217 | :value="item.dcode"> |
| 236 | > | ||
| 237 | </el-option> | 218 | </el-option> |
| 238 | </el-select> | 219 | </el-select> |
| 239 | </div> | 220 | </div> |
| ... | @@ -247,19 +228,16 @@ | ... | @@ -247,19 +228,16 @@ |
| 247 | <el-input | 228 | <el-input |
| 248 | v-model="ruleForm.tdsyq.cdmj" | 229 | v-model="ruleForm.tdsyq.cdmj" |
| 249 | :disabled="!ableOperation" | 230 | :disabled="!ableOperation" |
| 250 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 231 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 251 | ></el-input> | ||
| 252 | <el-select | 232 | <el-select |
| 253 | v-model="ruleForm.tdsyq.mjdw" | 233 | v-model="ruleForm.tdsyq.mjdw" |
| 254 | :disabled="!ableOperation" | 234 | :disabled="!ableOperation" |
| 255 | style="width: 20%" | 235 | style="width: 20%"> |
| 256 | > | ||
| 257 | <el-option | 236 | <el-option |
| 258 | v-for="item in dictData['A7']" | 237 | v-for="item in dictData['A7']" |
| 259 | :key="item.dcode" | 238 | :key="item.dcode" |
| 260 | :label="item.dname" | 239 | :label="item.dname" |
| 261 | :value="item.dcode" | 240 | :value="item.dcode"> |
| 262 | > | ||
| 263 | </el-option> | 241 | </el-option> |
| 264 | </el-select> | 242 | </el-select> |
| 265 | </div> | 243 | </div> |
| ... | @@ -271,19 +249,16 @@ | ... | @@ -271,19 +249,16 @@ |
| 271 | <el-input | 249 | <el-input |
| 272 | v-model="ruleForm.tdsyq.qtnydmj" | 250 | v-model="ruleForm.tdsyq.qtnydmj" |
| 273 | :disabled="!ableOperation" | 251 | :disabled="!ableOperation" |
| 274 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 252 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 275 | ></el-input> | ||
| 276 | <el-select | 253 | <el-select |
| 277 | v-model="ruleForm.tdsyq.mjdw" | 254 | v-model="ruleForm.tdsyq.mjdw" |
| 278 | :disabled="!ableOperation" | 255 | :disabled="!ableOperation" |
| 279 | style="width: 20%" | 256 | style="width: 20%"> |
| 280 | > | ||
| 281 | <el-option | 257 | <el-option |
| 282 | v-for="item in dictData['A7']" | 258 | v-for="item in dictData['A7']" |
| 283 | :key="item.dcode" | 259 | :key="item.dcode" |
| 284 | :label="item.dname" | 260 | :label="item.dname" |
| 285 | :value="item.dcode" | 261 | :value="item.dcode"> |
| 286 | > | ||
| 287 | </el-option> | 262 | </el-option> |
| 288 | </el-select> | 263 | </el-select> |
| 289 | </div> | 264 | </div> |
| ... | @@ -295,19 +270,16 @@ | ... | @@ -295,19 +270,16 @@ |
| 295 | <el-input | 270 | <el-input |
| 296 | v-model="ruleForm.tdsyq.jsydmj" | 271 | v-model="ruleForm.tdsyq.jsydmj" |
| 297 | :disabled="!ableOperation" | 272 | :disabled="!ableOperation" |
| 298 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 273 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 299 | ></el-input> | ||
| 300 | <el-select | 274 | <el-select |
| 301 | v-model="ruleForm.tdsyq.mjdw" | 275 | v-model="ruleForm.tdsyq.mjdw" |
| 302 | :disabled="!ableOperation" | 276 | :disabled="!ableOperation" |
| 303 | style="width: 20%" | 277 | style="width: 20%"> |
| 304 | > | ||
| 305 | <el-option | 278 | <el-option |
| 306 | v-for="item in dictData['A7']" | 279 | v-for="item in dictData['A7']" |
| 307 | :key="item.dcode" | 280 | :key="item.dcode" |
| 308 | :label="item.dname" | 281 | :label="item.dname" |
| 309 | :value="item.dcode" | 282 | :value="item.dcode"> |
| 310 | > | ||
| 311 | </el-option> | 283 | </el-option> |
| 312 | </el-select> | 284 | </el-select> |
| 313 | </div> | 285 | </div> |
| ... | @@ -321,19 +293,16 @@ | ... | @@ -321,19 +293,16 @@ |
| 321 | <el-input | 293 | <el-input |
| 322 | v-model="ruleForm.tdsyq.wlydmj" | 294 | v-model="ruleForm.tdsyq.wlydmj" |
| 323 | :disabled="!ableOperation" | 295 | :disabled="!ableOperation" |
| 324 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 296 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 325 | ></el-input> | ||
| 326 | <el-select | 297 | <el-select |
| 327 | v-model="ruleForm.tdsyq.mjdw" | 298 | v-model="ruleForm.tdsyq.mjdw" |
| 328 | :disabled="!ableOperation" | 299 | :disabled="!ableOperation" |
| 329 | style="width: 20%" | 300 | style="width: 20%"> |
| 330 | > | ||
| 331 | <el-option | 301 | <el-option |
| 332 | v-for="item in dictData['A7']" | 302 | v-for="item in dictData['A7']" |
| 333 | :key="item.dcode" | 303 | :key="item.dcode" |
| 334 | :label="item.dname" | 304 | :label="item.dname" |
| 335 | :value="item.dcode" | 305 | :value="item.dcode"> |
| 336 | > | ||
| 337 | </el-option> | 306 | </el-option> |
| 338 | </el-select> | 307 | </el-select> |
| 339 | </div> | 308 | </div> |
| ... | @@ -343,16 +312,14 @@ | ... | @@ -343,16 +312,14 @@ |
| 343 | <el-form-item | 312 | <el-form-item |
| 344 | label="登记时间：" | 313 | label="登记时间：" |
| 345 | prop="qlxx.djsj" | 314 | prop="qlxx.djsj" |
| 346 | :rules="rules.djsjrules" | 315 | :rules="rules.djsjrules"> |
| 347 | > | ||
| 348 | <el-date-picker | 316 | <el-date-picker |
| 349 | v-model="ruleForm.qlxx.djsj" | 317 | v-model="ruleForm.qlxx.djsj" |
| 350 | type="date" | 318 | type="date" |
| 351 | class="width100" | 319 | class="width100" |
| 352 | placeholder="选择日期" | 320 | placeholder="选择日期" |
| 353 | value-format="yyyy-MM-dd HH:mm:ss" | 321 | value-format="yyyy-MM-dd HH:mm:ss" |
| 354 | format="yyyy-MM-dd" | 322 | format="yyyy-MM-dd"> |
| 355 | > | ||
| 356 | </el-date-picker> | 323 | </el-date-picker> |
| 357 | </el-form-item> | 324 | </el-form-item> |
| 358 | </el-col> | 325 | </el-col> |
| ... | @@ -371,8 +338,7 @@ | ... | @@ -371,8 +338,7 @@ |
| 371 | <tdytTable | 338 | <tdytTable |
| 372 | :tableData="ruleForm.tdytqxList" | 339 | :tableData="ruleForm.tdytqxList" |
| 373 | @upDateTdytxxList="upDateTdytxxList" | 340 | @upDateTdytxxList="upDateTdytxxList" |
| 374 | :ableOperation="ableOperation" | 341 | :ableOperation="ableOperation" /> |
| 375 | /> | ||
| 376 | <div class="slxx_title title-block"> | 342 | <div class="slxx_title title-block"> |
| 377 | 权利人信息 | 343 | 权利人信息 |
| 378 | <div class="triangle"></div> | 344 | <div class="triangle"></div> |
| ... | @@ -382,8 +348,7 @@ | ... | @@ -382,8 +348,7 @@ |
| 382 | <el-form-item label="共有方式："> | 348 | <el-form-item label="共有方式："> |
| 383 | <el-radio-group | 349 | <el-radio-group |
| 384 | :disabled="!ableOperation" | 350 | :disabled="!ableOperation" |
| 385 | v-model="ruleForm.qlxx.gyfs" | 351 | v-model="ruleForm.qlxx.gyfs"> |
| 386 | > | ||
| 387 | <el-radio label="0">单独所有</el-radio> | 352 | <el-radio label="0">单独所有</el-radio> |
| 388 | <el-radio label="1">共同共有</el-radio> | 353 | <el-radio label="1">共同共有</el-radio> |
| 389 | <el-radio label="2">按份所有</el-radio> | 354 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -397,8 +362,7 @@ | ... | @@ -397,8 +362,7 @@ |
| 397 | @upDateQlrxxList="upDateQlrxxList" | 362 | @upDateQlrxxList="upDateQlrxxList" |
| 398 | :key="key" | 363 | :key="key" |
| 399 | :ableOperation="ableOperation" | 364 | :ableOperation="ableOperation" |
| 400 | :gyfs="ruleForm.qlxx.gyfs" | 365 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 401 | /> | ||
| 402 | </div> | 366 | </div> |
| 403 | <el-row class="btn" v-if="ableOperation"> | 367 | <el-row class="btn" v-if="ableOperation"> |
| 404 | <el-form-item> | 368 | <el-form-item> |
| ... | @@ -409,337 +373,339 @@ | ... | @@ -409,337 +373,339 @@ |
| 409 | </div> | 373 | </div> |
| 410 | </template> | 374 | </template> |
| 411 | <script> | 375 | <script> |
| 412 | import store from "@/store/index.js"; | 376 | import { mapGetters } from "vuex"; |
| 413 | import { mapGetters } from "vuex"; | 377 | import store from "@/store/index.js"; |
| 414 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 378 | import ywmix from "@/views/ywbl/mixin/index" |
| 415 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 379 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
| 416 | import selectTable from "@/components/selectTable/index.vue"; | 380 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 417 | import tdytTable from "@/views/workflow/components/tdytTable"; | 381 | import selectTable from "@/components/selectTable/index.vue"; |
| 418 | export default { | 382 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 419 | components: { qlrCommonTable, tdytTable, selectTable }, | 383 | export default { |
| 420 | computed: { | 384 | mixins: [ywmix], |
| 421 | ...mapGetters(["dictData", "flag"]), | 385 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 422 | // 根据流程判断表单是否为只读 | 386 | computed: { |
| 423 | editDisabled() { | 387 | ...mapGetters(["dictData", "flag"]), |
| 424 | if (!this.ableOperation) { | 388 | // 根据流程判断表单是否为只读 |
| 425 | //只读状态 | 389 | editDisabled () { |
| 426 | return true; | 390 | if (!this.ableOperation) { |
| 427 | } | 391 | //只读状态 |
| 428 | return false; | 392 | return true; |
| 429 | }, | ||
| 430 | }, | ||
| 431 | data() { | ||
| 432 | return { | ||
| 433 | ssqlxxshow: true, | ||
| 434 | props: { | ||
| 435 | label: "bdcqzh", | ||
| 436 | value: "bdcdyid", | ||
| 437 | }, | ||
| 438 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 439 | normalizer(node) { | ||
| 440 | //方法 | ||
| 441 | if (node.children == null || node.children == "null") { | ||
| 442 | delete node.children; | ||
| 443 | } | 393 | } |
| 444 | return { | 394 | return false; |
| 445 | id: node.dcode, | ||
| 446 | label: node.dname, | ||
| 447 | }; | ||
| 448 | }, | 395 | }, |
| 449 | //表单是否可操作 | 396 | }, |
| 450 | propsParam: this.$attrs, | 397 | data () { |
| 451 | key: 0, | 398 | return { |
| 452 | // 登记类型 | 399 | ssqlxxshow: true, |
| 453 | djlxlist: [ | 400 | props: { |
| 454 | { | 401 | label: "bdcqzh", |
| 455 | dcode: "100", | 402 | value: "bdcdyid", |
| 456 | dname: "首次登记", | ||
| 457 | }, | ||
| 458 | { | ||
| 459 | dcode: "200", | ||
| 460 | dname: "转移登记", | ||
| 461 | }, | ||
| 462 | { | ||
| 463 | dcode: "300", | ||
| 464 | dname: "变更登记", | ||
| 465 | }, | 403 | }, |
| 466 | { | 404 | // 键名转换，方法默认是label和children进行树状渲染 |
| 467 | dcode: "500", | 405 | normalizer (node) { |
| 468 | dname: "更正登记", | 406 | //方法 |
| 407 | if (node.children == null || node.children == "null") { | ||
| 408 | delete node.children; | ||
| 409 | } | ||
| 410 | return { | ||
| 411 | id: node.dcode, | ||
| 412 | label: node.dname, | ||
| 413 | }; | ||
| 469 | }, | 414 | }, |
| 415 | //表单是否可操作 | ||
| 416 | propsParam: this.$attrs, | ||
| 417 | key: 0, | ||
| 418 | // 登记类型 | ||
| 419 | djlxlist: [ | ||
| 420 | { | ||
| 421 | dcode: "100", | ||
| 422 | dname: "首次登记", | ||
| 423 | }, | ||
| 424 | { | ||
| 425 | dcode: "200", | ||
| 426 | dname: "转移登记", | ||
| 427 | }, | ||
| 428 | { | ||
| 429 | dcode: "300", | ||
| 430 | dname: "变更登记", | ||
| 431 | }, | ||
| 432 | { | ||
| 433 | dcode: "500", | ||
| 434 | dname: "更正登记", | ||
| 435 | }, | ||
| 470 | 436 | ||
| 471 | { | 437 | { |
| 472 | dcode: "901", | 438 | dcode: "901", |
| 473 | dname: "补证", | 439 | dname: "补证", |
| 474 | }, | 440 | }, |
| 475 | { | 441 | { |
| 476 | dcode: "902", | 442 | dcode: "902", |
| 477 | dname: "换证", | 443 | dname: "换证", |
| 478 | }, | 444 | }, |
| 479 | ], | ||
| 480 | // 权属状态 | ||
| 481 | qsztlist: [ | ||
| 482 | { | ||
| 483 | dcode: "1", | ||
| 484 | dname: "现势", | ||
| 485 | }, | ||
| 486 | { | ||
| 487 | dcode: "2", | ||
| 488 | dname: "历史", | ||
| 489 | }, | ||
| 490 | ], | ||
| 491 | isShow: false, | ||
| 492 | disabled: true, | ||
| 493 | czrOptions: [], | ||
| 494 | ssQlxxList: [], | ||
| 495 | ruleForm: {}, | ||
| 496 | ableOperation: false, | ||
| 497 | //传递参数\ | ||
| 498 | rules: { | ||
| 499 | bdcqzhrules: [ | ||
| 500 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 501 | ], | 445 | ], |
| 502 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 446 | // 权属状态 |
| 503 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 447 | qsztlist: [ |
| 504 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 448 | { |
| 505 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 449 | dcode: "1", |
| 506 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 450 | dname: "现势", |
| 507 | }, | 451 | }, |
| 508 | }; | 452 | { |
| 509 | }, | 453 | dcode: "2", |
| 510 | created() {}, | 454 | dname: "历史", |
| 511 | mounted() { | 455 | }, |
| 512 | this.loadData(); | 456 | ], |
| 513 | this.ableOperation = this.$parent.ableOperation; | 457 | isShow: false, |
| 514 | }, | 458 | disabled: true, |
| 515 | methods: { | 459 | czrOptions: [], |
| 516 | /** | 460 | ssQlxxList: [], |
| 517 | * @description: ssQlxxchange | 461 | ruleForm: {}, |
| 518 | * @param {*} val | 462 | ableOperation: false, |
| 519 | * @author: renchao | 463 | //传递参数\ |
| 520 | */ | 464 | rules: { |
| 521 | ssQlxxchange(val) { | 465 | bdcqzhrules: [ |
| 522 | this.ruleForm.ssQlxx = val; | 466 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 523 | this.ruleForm.qlxx.ssywh = val.ywh; | 467 | ], |
| 468 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 469 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 470 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 471 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 472 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 473 | }, | ||
| 474 | }; | ||
| 524 | }, | 475 | }, |
| 525 | /** | 476 | created () { }, |
| 526 | * @description: djlxchange | 477 | mounted () { |
| 527 | * @param {*} val | 478 | this.loadData(); |
| 528 | * @author: renchao | 479 | this.ableOperation = this.$parent.ableOperation; |
| 529 | */ | ||
| 530 | djlxchange(val) { | ||
| 531 | console.log("val", val); | ||
| 532 | if (val == null || val == 100) { | ||
| 533 | this.ssqlxxshow = false; | ||
| 534 | } else { | ||
| 535 | this.ssqlxxshow = true; | ||
| 536 | } | ||
| 537 | }, | 480 | }, |
| 481 | methods: { | ||
| 482 | /** | ||
| 483 | * @description: ssQlxxchange | ||
| 484 | * @param {*} val | ||
| 485 | * @author: renchao | ||
| 486 | */ | ||
| 487 | ssQlxxchange (val) { | ||
| 488 | this.ruleForm.ssQlxx = val; | ||
| 489 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 490 | }, | ||
| 491 | /** | ||
| 492 | * @description: djlxchange | ||
| 493 | * @param {*} val | ||
| 494 | * @author: renchao | ||
| 495 | */ | ||
| 496 | djlxchange (val) { | ||
| 497 | console.log("val", val); | ||
| 498 | if (val == null || val == 100) { | ||
| 499 | this.ssqlxxshow = false; | ||
| 500 | } else { | ||
| 501 | this.ssqlxxshow = true; | ||
| 502 | } | ||
| 503 | }, | ||
| 538 | 504 | ||
| 539 | // 字典 | 505 | // 字典 |
| 540 | /** | 506 | /** |
| 541 | * @description: 字典 | 507 | * @description: 字典 |
| 542 | * @param {*} val | 508 | * @param {*} val |
| 543 | * @author: renchao | 509 | * @author: renchao |
| 544 | */ | 510 | */ |
| 545 | getDictData(val) { | 511 | getDictData (val) { |
| 546 | return store.getters.dictData[val]; | 512 | return store.getters.dictData[val]; |
| 547 | }, | 513 | }, |
| 548 | /** | 514 | /** |
| 549 | * @description: loadData | 515 | * @description: loadData |
| 550 | * @author: renchao | 516 | * @author: renchao |
| 551 | */ | 517 | */ |
| 552 | loadData() { | 518 | loadData () { |
| 553 | this.$startLoading(); | 519 | this.$startLoading(); |
| 554 | this.propsParam.isEdit = this.$parent.isEdit; | 520 | this.propsParam.isEdit = this.$parent.isEdit; |
| 555 | init(this.propsParam).then((res) => { | 521 | init(this.propsParam).then((res) => { |
| 556 | if (res.code == 200) { | 522 | if (res.code == 200) { |
| 557 | this.ruleForm = res.result; | 523 | this.ruleForm = res.result; |
| 558 | let djlx = this.ruleForm.qlxx.djlx; | 524 | let djlx = this.ruleForm.qlxx.djlx; |
| 559 | if (djlx == null || djlx == 100) { | 525 | if (djlx == null || djlx == 100) { |
| 560 | this.ssqlxxshow = false; | 526 | this.ssqlxxshow = false; |
| 527 | } | ||
| 528 | this.$endLoading(); | ||
| 529 | // if (this.ruleForm.tdytqxList.length > 0) { | ||
| 530 | // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | ||
| 531 | // } else { | ||
| 532 | // this.tdxz = null; | ||
| 533 | // } | ||
| 534 | this.isShow = true; | ||
| 561 | } | 535 | } |
| 562 | this.$endLoading(); | 536 | }); |
| 563 | // if (this.ruleForm.tdytqxList.length > 0) { | 537 | //获取主体信息 |
| 564 | // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 538 | getSsQlxx({ |
| 565 | // } else { | 539 | bdcdyid: this.propsParam.bdcdyid, |
| 566 | // this.tdxz = null; | 540 | qllx: this.propsParam.qllx, |
| 567 | // } | 541 | }).then((res) => { |
| 568 | this.isShow = true; | 542 | if (res.code == 200) { |
| 569 | } | 543 | this.ssQlxxList = res.result; |
| 570 | }); | ||
| 571 | //获取主体信息 | ||
| 572 | getSsQlxx({ | ||
| 573 | bdcdyid: this.propsParam.bdcdyid, | ||
| 574 | qllx: this.propsParam.qllx, | ||
| 575 | }).then((res) => { | ||
| 576 | if (res.code == 200) { | ||
| 577 | this.ssQlxxList = res.result; | ||
| 578 | } | ||
| 579 | }); | ||
| 580 | }, | ||
| 581 | // 更新土地用途信息 | ||
| 582 | /** | ||
| 583 | * @description: 更新土地用途信息 | ||
| 584 | * @param {*} val | ||
| 585 | * @author: renchao | ||
| 586 | */ | ||
| 587 | upDateTdytxxList(val) { | ||
| 588 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 589 | this.key++; | ||
| 590 | }, | ||
| 591 | // 更新权利人信息 | ||
| 592 | /** | ||
| 593 | * @description: 更新权利人信息 | ||
| 594 | * @param {*} val | ||
| 595 | * @author: renchao | ||
| 596 | */ | ||
| 597 | upDateQlrxxList(val) { | ||
| 598 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 599 | this.czrOptions = this.ruleForm.qlrData; | ||
| 600 | this.key++; | ||
| 601 | }, | ||
| 602 | /** | ||
| 603 | * @description: onSubmit | ||
| 604 | * @author: renchao | ||
| 605 | */ | ||
| 606 | onSubmit() { | ||
| 607 | this.$refs.ruleForm.validate((valid) => { | ||
| 608 | if (valid) { | ||
| 609 | if (this.ruleForm.qlrData.length == 0) { | ||
| 610 | this.$message({ | ||
| 611 | showClose: true, | ||
| 612 | message: "请确认权利人信息", | ||
| 613 | type: "error", | ||
| 614 | }); | ||
| 615 | return false; | ||
| 616 | } | 544 | } |
| 617 | 545 | }); | |
| 618 | if (this.ruleForm.qlxx.gyfs == "0") { | 546 | }, |
| 619 | if (this.ruleForm.qlrData.length > 1) { | 547 | // 更新土地用途信息 |
| 548 | /** | ||
| 549 | * @description: 更新土地用途信息 | ||
| 550 | * @param {*} val | ||
| 551 | * @author: renchao | ||
| 552 | */ | ||
| 553 | upDateTdytxxList (val) { | ||
| 554 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 555 | this.key++; | ||
| 556 | }, | ||
| 557 | // 更新权利人信息 | ||
| 558 | /** | ||
| 559 | * @description: 更新权利人信息 | ||
| 560 | * @param {*} val | ||
| 561 | * @author: renchao | ||
| 562 | */ | ||
| 563 | upDateQlrxxList (val) { | ||
| 564 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 565 | this.czrOptions = this.ruleForm.qlrData; | ||
| 566 | this.key++; | ||
| 567 | }, | ||
| 568 | /** | ||
| 569 | * @description: onSubmit | ||
| 570 | * @author: renchao | ||
| 571 | */ | ||
| 572 | onSubmit () { | ||
| 573 | this.$refs.ruleForm.validate((valid) => { | ||
| 574 | if (valid) { | ||
| 575 | if (this.ruleForm.qlrData.length == 0) { | ||
| 620 | this.$message({ | 576 | this.$message({ |
| 621 | showClose: true, | 577 | showClose: true, |
| 622 | message: "共有方式：单独所有，权利人只能是一个人", | 578 | message: "请确认权利人信息", |
| 623 | type: "error", | 579 | type: "error", |
| 624 | }); | 580 | }); |
| 625 | return false; | 581 | return false; |
| 626 | } | 582 | } |
| 627 | this.ruleForm.qlrData[0].sfczr = "1"; | 583 | |
| 628 | } | 584 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 629 | if (this.ruleForm.qlxx.gyfs == "1") { | 585 | if (this.ruleForm.qlrData.length > 1) { |
| 630 | //是否分别持证 | 586 | this.$message({ |
| 631 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 587 | showClose: true, |
| 632 | //是 | 588 | message: "共有方式：单独所有，权利人只能是一个人", |
| 633 | this.ruleForm.qlrData.forEach((item, index) => { | 589 | type: "error", |
| 634 | item.sfczr = "1"; | 590 | }); |
| 635 | }); | 591 | return false; |
| 636 | } else { | 592 | } |
| 637 | this.ruleForm.qlrData.forEach((item, index) => { | 593 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 638 | if (item.zjh == this.ruleForm.czr) { | 594 | } |
| 595 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 596 | //是否分别持证 | ||
| 597 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 598 | //是 | ||
| 599 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 639 | item.sfczr = "1"; | 600 | item.sfczr = "1"; |
| 640 | } else { | 601 | }); |
| 641 | item.sfczr = "0"; | 602 | } else { |
| 642 | } | 603 | this.ruleForm.qlrData.forEach((item, index) => { |
| 643 | }); | 604 | if (item.zjh == this.ruleForm.czr) { |
| 605 | item.sfczr = "1"; | ||
| 606 | } else { | ||
| 607 | item.sfczr = "0"; | ||
| 608 | } | ||
| 609 | }); | ||
| 610 | } | ||
| 644 | } | 611 | } |
| 612 | save(this.ruleForm).then((res) => { | ||
| 613 | if (res.code === 200) { | ||
| 614 | this.$message({ | ||
| 615 | showClose: true, | ||
| 616 | message: "保存成功！", | ||
| 617 | type: "success", | ||
| 618 | }); | ||
| 619 | this.$parent.changeywh() | ||
| 620 | this.$store.dispatch("user/refreshPage", true); | ||
| 621 | } else { | ||
| 622 | this.$message({ | ||
| 623 | showClose: true, | ||
| 624 | message: res.message, | ||
| 625 | type: "error", | ||
| 626 | }); | ||
| 627 | } | ||
| 628 | }); | ||
| 629 | } else { | ||
| 630 | return false; | ||
| 645 | } | 631 | } |
| 646 | save(this.ruleForm).then((res) => { | 632 | }); |
| 647 | if (res.code === 200) { | 633 | }, |
| 648 | this.$message({ | ||
| 649 | showClose: true, | ||
| 650 | message: "保存成功！", | ||
| 651 | type: "success", | ||
| 652 | }); | ||
| 653 | this.$parent.changeywh() | ||
| 654 | this.$store.dispatch("user/refreshPage", true); | ||
| 655 | } else { | ||
| 656 | this.$message({ | ||
| 657 | showClose: true, | ||
| 658 | message: res.message, | ||
| 659 | type: "error", | ||
| 660 | }); | ||
| 661 | } | ||
| 662 | }); | ||
| 663 | } else { | ||
| 664 | return false; | ||
| 665 | } | ||
| 666 | }); | ||
| 667 | }, | 634 | }, |
| 668 | }, | 635 | }; |
| 669 | }; | ||
| 670 | </script> | 636 | </script> |
| 671 | <style scoped lang="scss"> | 637 | <style scoped lang="scss"> |
| 672 | @import "~@/styles/public.scss"; | 638 | @import "~@/styles/public.scss"; |
| 673 | @import "~@/styles/slxx/slxx.scss"; | 639 | @import "~@/styles/slxx/slxx.scss"; |
| 674 | /deep/.el-form { | 640 | /deep/.el-form { |
| 675 | display: flex; | 641 | display: flex; |
| 676 | flex-direction: column; | 642 | flex-direction: column; |
| 677 | height: calc(100vh - 130px); | 643 | height: calc(100vh - 130px); |
| 678 | } | 644 | } |
| 679 | 645 | ||
| 680 | /deep/.el-form-item__label { | 646 | /deep/.el-form-item__label { |
| 681 | padding: 0; | 647 | padding: 0; |
| 682 | } | 648 | } |
| 683 | 649 | ||
| 684 | /deep/.el-radio { | 650 | /deep/.el-radio { |
| 685 | margin-right: 10px; | 651 | margin-right: 10px; |
| 686 | } | 652 | } |
| 687 | 653 | ||
| 688 | /deep/.el-select { | 654 | /deep/.el-select { |
| 689 | width: 100%; | 655 | width: 100%; |
| 690 | } | 656 | } |
| 691 | 657 | ||
| 692 | /deep/.el-form-item { | 658 | /deep/.el-form-item { |
| 693 | margin-bottom: 8px; | 659 | margin-bottom: 8px; |
| 694 | } | 660 | } |
| 695 | 661 | ||
| 696 | .marginBot0 { | 662 | .marginBot0 { |
| 697 | margin-bottom: 0 !important; | 663 | margin-bottom: 0 !important; |
| 698 | } | 664 | } |
| 699 | 665 | ||
| 700 | .slxx { | 666 | .slxx { |
| 701 | box-sizing: border-box; | 667 | box-sizing: border-box; |
| 702 | } | 668 | } |
| 703 | 669 | ||
| 704 | .slxx_con { | 670 | .slxx_con { |
| 705 | flex: 1; | 671 | flex: 1; |
| 706 | height: 100%; | 672 | height: 100%; |
| 707 | background-color: #ffffff; | 673 | background-color: #ffffff; |
| 708 | overflow-y: auto; | 674 | overflow-y: auto; |
| 709 | padding-right: 3px; | 675 | padding-right: 3px; |
| 710 | overflow-x: hidden; | 676 | overflow-x: hidden; |
| 711 | } | 677 | } |
| 712 | 678 | ||
| 713 | .submit_btn { | 679 | .submit_btn { |
| 714 | height: 50px; | 680 | height: 50px; |
| 715 | } | 681 | } |
| 716 | 682 | ||
| 717 | .slxx_title { | 683 | .slxx_title { |
| 718 | border-bottom: 1px solid $borderColor; | 684 | border-bottom: 1px solid $borderColor; |
| 719 | padding-left: 10px; | 685 | padding-left: 10px; |
| 720 | padding-bottom: 5px; | 686 | padding-bottom: 5px; |
| 721 | margin-bottom: 10px; | 687 | margin-bottom: 10px; |
| 722 | margin-top: 5px; | 688 | margin-top: 5px; |
| 723 | font-size: 16px; | 689 | font-size: 16px; |
| 724 | font-weight: 500; | 690 | font-weight: 500; |
| 725 | color: #4a4a4a; | 691 | color: #4a4a4a; |
| 726 | } | 692 | } |
| 727 | 693 | ||
| 728 | .btn { | 694 | .btn { |
| 729 | text-align: center; | 695 | text-align: center; |
| 730 | padding-top: 10px; | 696 | padding-top: 10px; |
| 731 | height: 36px; | 697 | height: 36px; |
| 732 | background-color: #ffffff; | 698 | background-color: #ffffff; |
| 733 | padding: 5px 0; | 699 | padding: 5px 0; |
| 734 | } | 700 | } |
| 735 | 701 | ||
| 736 | .textArea { | 702 | .textArea { |
| 737 | /deep/.el-textarea__inner { | 703 | /deep/.el-textarea__inner { |
| 738 | min-height: 90px !important; | 704 | min-height: 90px !important; |
| 705 | } | ||
| 739 | } | 706 | } |
| 740 | } | ||
| 741 | 707 | ||
| 742 | /deep/.el-form-item__label { | 708 | /deep/.el-form-item__label { |
| 743 | padding-bottom: 0px; | 709 | padding-bottom: 0px; |
| 744 | } | 710 | } |
| 745 | </style> | 711 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-08-01 18:12:11 |
| 5 | :show-message="false" | 5 | :show-message="false" |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -10,15 +10,14 @@ | ... | @@ -10,15 +10,14 @@ |
| 10 | <el-form | 10 | <el-form |
| 11 | :model="ruleForm" | 11 | :model="ruleForm" |
| 12 | :rules="rules" | 12 | :rules="rules" |
| 13 | :class="{readonly: editDisabled }" | 13 | :class="{readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | class="loadingtext" |
| 15 | ref="ruleForm" | 15 | ref="ruleForm" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | :inline="flag" | 18 | :inline="flag" |
| 19 | inline-message | 19 | inline-message |
| 20 | label-width="145px" | 20 | label-width="145px"> |
| 21 | > | ||
| 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 23 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 24 | 补录信息 | 23 | 补录信息 |
| ... | @@ -41,8 +40,8 @@ | ... | @@ -41,8 +40,8 @@ |
| 41 | </el-form-item> | 40 | </el-form-item> |
| 42 | </el-col> | 41 | </el-col> |
| 43 | </el-row> | 42 | </el-row> |
| 44 | <div class="slxx_title title-block"> | 43 | <div class="slxx_title title-block"> |
| 45 | 预告抵押登记信息不动产情况 | 44 | 预告抵押登记信息不动产情况 |
| 46 | <div class="triangle"></div> | 45 | <div class="triangle"></div> |
| 47 | </div> | 46 | </div> |
| 48 | <el-row :gutter="10"> | 47 | <el-row :gutter="10"> |
| ... | @@ -53,18 +52,15 @@ | ... | @@ -53,18 +52,15 @@ |
| 53 | :table-width="550" | 52 | :table-width="550" |
| 54 | :tableData="ztQlxxList" | 53 | :tableData="ztQlxxList" |
| 55 | :props="props" | 54 | :props="props" |
| 56 | @change="ztQlxxchange" | 55 | @change="ztQlxxchange"> |
| 57 | > | ||
| 58 | <el-table-column | 56 | <el-table-column |
| 59 | prop="qllxmc" | 57 | prop="qllxmc" |
| 60 | width="130" | 58 | width="130" |
| 61 | label="权利类型" | 59 | label="权利类型"></el-table-column> |
| 62 | ></el-table-column> | ||
| 63 | <el-table-column | 60 | <el-table-column |
| 64 | prop="bdcqzh" | 61 | prop="bdcqzh" |
| 65 | width="160" | 62 | width="160" |
| 66 | label="不动产权证书" | 63 | label="不动产权证书"></el-table-column> |
| 67 | ></el-table-column> | ||
| 68 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 69 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 70 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -80,18 +76,15 @@ | ... | @@ -80,18 +76,15 @@ |
| 80 | :table-width="550" | 76 | :table-width="550" |
| 81 | :tableData="ssQlxxList" | 77 | :tableData="ssQlxxList" |
| 82 | :props="props" | 78 | :props="props" |
| 83 | @change="ssQlxxchange" | 79 | @change="ssQlxxchange"> |
| 84 | > | ||
| 85 | <el-table-column | 80 | <el-table-column |
| 86 | prop="qllxmc" | 81 | prop="qllxmc" |
| 87 | width="130" | 82 | width="130" |
| 88 | label="权利类型" | 83 | label="权利类型"></el-table-column> |
| 89 | ></el-table-column> | ||
| 90 | <el-table-column | 84 | <el-table-column |
| 91 | prop="bdcqzh" | 85 | prop="bdcqzh" |
| 92 | width="160" | 86 | width="160" |
| 93 | label="不动产权证书" | 87 | label="不动产权证书"></el-table-column> |
| 94 | ></el-table-column> | ||
| 95 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 88 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 96 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 89 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 97 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 90 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -143,7 +136,7 @@ | ... | @@ -143,7 +136,7 @@ |
| 143 | </el-col> | 136 | </el-col> |
| 144 | <el-col :span="8"> | 137 | <el-col :span="8"> |
| 145 | <el-form-item label="面积："> | 138 | <el-form-item label="面积："> |
| 146 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> | 139 | <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> |
| 147 | </el-form-item> | 140 | </el-form-item> |
| 148 | </el-col> | 141 | </el-col> |
| 149 | <el-col :span="8"> | 142 | <el-col :span="8"> |
| ... | @@ -163,7 +156,7 @@ | ... | @@ -163,7 +156,7 @@ |
| 163 | </el-form-item> | 156 | </el-form-item> |
| 164 | </el-col> | 157 | </el-col> |
| 165 | <el-col :span="8"> | 158 | <el-col :span="8"> |
| 166 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 159 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> |
| 167 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 160 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 168 | </el-form-item> | 161 | </el-form-item> |
| 169 | </el-col> | 162 | </el-col> |
| ... | @@ -185,14 +178,13 @@ | ... | @@ -185,14 +178,13 @@ |
| 185 | </el-form-item> | 178 | </el-form-item> |
| 186 | </el-col> | 179 | </el-col> |
| 187 | <el-col :span="8"> | 180 | <el-col :span="8"> |
| 188 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 181 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> |
| 189 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 182 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 190 | <el-option | 183 | <el-option |
| 191 | v-for="item in djlxlist" | 184 | v-for="item in djlxlist" |
| 192 | :key="item.dcode" | 185 | :key="item.dcode" |
| 193 | :label="item.dname" | 186 | :label="item.dname" |
| 194 | :value="item.dcode" | 187 | :value="item.dcode"> |
| 195 | > | ||
| 196 | </el-option> | 188 | </el-option> |
| 197 | </el-select> | 189 | </el-select> |
| 198 | </el-form-item> | 190 | </el-form-item> |
| ... | @@ -203,7 +195,7 @@ | ... | @@ -203,7 +195,7 @@ |
| 203 | </el-form-item> | 195 | </el-form-item> |
| 204 | </el-col> | 196 | </el-col> |
| 205 | <el-col :span="8"> | 197 | <el-col :span="8"> |
| 206 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | 198 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
| 207 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 199 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 208 | </el-form-item> | 200 | </el-form-item> |
| 209 | </el-col> | 201 | </el-col> |
| ... | @@ -227,11 +219,10 @@ | ... | @@ -227,11 +219,10 @@ |
| 227 | <el-date-picker | 219 | <el-date-picker |
| 228 | v-model="ruleForm.qlxx.djsj" | 220 | v-model="ruleForm.qlxx.djsj" |
| 229 | type="date" | 221 | type="date" |
| 230 | class="width100" | 222 | class="width100" |
| 231 | placeholder="选择日期" | 223 | placeholder="选择日期" |
| 232 | value-format="yyyy-MM-dd HH:mm:ss" | 224 | value-format="yyyy-MM-dd HH:mm:ss" |
| 233 | format="yyyy-MM-dd" | 225 | format="yyyy-MM-dd"> |
| 234 | > | ||
| 235 | </el-date-picker> | 226 | </el-date-picker> |
| 236 | </el-form-item> | 227 | </el-form-item> |
| 237 | </el-col> | 228 | </el-col> |
| ... | @@ -242,22 +233,20 @@ | ... | @@ -242,22 +233,20 @@ |
| 242 | v-for="item in qsztlist" | 233 | v-for="item in qsztlist" |
| 243 | :key="item.dcode" | 234 | :key="item.dcode" |
| 244 | :label="item.dname" | 235 | :label="item.dname" |
| 245 | :value="item.dcode" | 236 | :value="item.dcode"> |
| 246 | > | ||
| 247 | </el-option> | 237 | </el-option> |
| 248 | </el-select> | 238 | </el-select> |
| 249 | </el-form-item> | 239 | </el-form-item> |
| 250 | </el-col> | 240 | </el-col> |
| 251 | 241 | ||
| 252 | <el-col :span="8"> | 242 | <el-col :span="8"> |
| 253 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules"> | 243 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules"> |
| 254 | <el-select v-model="ruleForm.ygdj.ygdjzlmc"> | 244 | <el-select v-model="ruleForm.ygdj.ygdjzlmc"> |
| 255 | <el-option | 245 | <el-option |
| 256 | v-for="item in dictData['A29']" | 246 | v-for="item in dictData['A29']" |
| 257 | :key="item.dcode" | 247 | :key="item.dcode" |
| 258 | :label="item.dname" | 248 | :label="item.dname" |
| 259 | :value="item.dcode" | 249 | :value="item.dcode"> |
| 260 | > | ||
| 261 | </el-option> | 250 | </el-option> |
| 262 | </el-select> | 251 | </el-select> |
| 263 | </el-form-item> | 252 | </el-form-item> |
| ... | @@ -269,13 +258,12 @@ | ... | @@ -269,13 +258,12 @@ |
| 269 | </el-col> | 258 | </el-col> |
| 270 | <el-col :span="8"> | 259 | <el-col :span="8"> |
| 271 | <el-form-item label="规划用途："> | 260 | <el-form-item label="规划用途："> |
| 272 | <el-select v-model="ruleForm.ygdj.ghyt"> | 261 | <el-select v-model="ruleForm.ygdj.ghyt"> |
| 273 | <el-option | 262 | <el-option |
| 274 | v-for="item in dictData['A17']" | 263 | v-for="item in dictData['A17']" |
| 275 | :key="item.dcode" | 264 | :key="item.dcode" |
| 276 | :label="item.dname" | 265 | :label="item.dname" |
| 277 | :value="item.dcode" | 266 | :value="item.dcode"> |
| 278 | > | ||
| 279 | </el-option> | 267 | </el-option> |
| 280 | </el-select> | 268 | </el-select> |
| 281 | </el-form-item> | 269 | </el-form-item> |
| ... | @@ -287,13 +275,12 @@ | ... | @@ -287,13 +275,12 @@ |
| 287 | </el-col> | 275 | </el-col> |
| 288 | <el-col :span="8"> | 276 | <el-col :span="8"> |
| 289 | <el-form-item label="房屋性质："> | 277 | <el-form-item label="房屋性质："> |
| 290 | <el-select v-model="ruleForm.ygdj.fwxz"> | 278 | <el-select v-model="ruleForm.ygdj.fwxz"> |
| 291 | <el-option | 279 | <el-option |
| 292 | v-for="item in dictData['A19']" | 280 | v-for="item in dictData['A19']" |
| 293 | :key="item.dcode" | 281 | :key="item.dcode" |
| 294 | :label="item.dname" | 282 | :label="item.dname" |
| 295 | :value="item.dcode" | 283 | :value="item.dcode"> |
| 296 | > | ||
| 297 | </el-option> | 284 | </el-option> |
| 298 | </el-select> | 285 | </el-select> |
| 299 | </el-form-item> | 286 | </el-form-item> |
| ... | @@ -305,13 +292,12 @@ | ... | @@ -305,13 +292,12 @@ |
| 305 | </el-col> | 292 | </el-col> |
| 306 | <el-col :span="8"> | 293 | <el-col :span="8"> |
| 307 | <el-form-item label="房屋结构："> | 294 | <el-form-item label="房屋结构："> |
| 308 | <el-select v-model="ruleForm.ygdj.fwjg"> | 295 | <el-select v-model="ruleForm.ygdj.fwjg"> |
| 309 | <el-option | 296 | <el-option |
| 310 | v-for="item in dictData['A46']" | 297 | v-for="item in dictData['A46']" |
| 311 | :key="item.dcode" | 298 | :key="item.dcode" |
| 312 | :label="item.dname" | 299 | :label="item.dname" |
| 313 | :value="item.dcode" | 300 | :value="item.dcode"> |
| 314 | > | ||
| 315 | </el-option> | 301 | </el-option> |
| 316 | </el-select> | 302 | </el-select> |
| 317 | </el-form-item> | 303 | </el-form-item> |
| ... | @@ -329,20 +315,17 @@ | ... | @@ -329,20 +315,17 @@ |
| 329 | <el-col :span="8"> | 315 | <el-col :span="8"> |
| 330 | <el-form-item label="建筑面积："> | 316 | <el-form-item label="建筑面积："> |
| 331 | <div class="flex"> | 317 | <div class="flex"> |
| 332 | <el-input v-model="ruleForm.ygdj.jzmj" | 318 | <el-input v-model="ruleForm.ygdj.jzmj" |
| 333 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 319 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 334 | ></el-input> | ||
| 335 | <el-select | 320 | <el-select |
| 336 | v-model="ruleForm.ygdj.mjdw" | 321 | v-model="ruleForm.ygdj.mjdw" |
| 337 | :disabled="!ableOperation" | 322 | :disabled="!ableOperation" |
| 338 | style="width: 20%" | 323 | style="width: 20%"> |
| 339 | > | ||
| 340 | <el-option | 324 | <el-option |
| 341 | v-for="item in dictData['A7']" | 325 | v-for="item in dictData['A7']" |
| 342 | :key="item.dcode" | 326 | :key="item.dcode" |
| 343 | :label="item.dname" | 327 | :label="item.dname" |
| 344 | :value="item.dcode" | 328 | :value="item.dcode"> |
| 345 | > | ||
| 346 | </el-option> | 329 | </el-option> |
| 347 | </el-select> | 330 | </el-select> |
| 348 | </div> | 331 | </div> |
| ... | @@ -360,22 +343,21 @@ | ... | @@ -360,22 +343,21 @@ |
| 360 | </el-col> | 343 | </el-col> |
| 361 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 344 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 362 | <el-form-item label="注销时间："> | 345 | <el-form-item label="注销时间："> |
| 363 | <el-date-picker | 346 | <el-date-picker |
| 364 | v-model="ruleForm.ygdj.zxsj" | 347 | v-model="ruleForm.ygdj.zxsj" |
| 365 | type="date" | 348 | type="date" |
| 366 | class="width100" | 349 | class="width100" |
| 367 | placeholder="选择日期" | 350 | placeholder="选择日期" |
| 368 | value-format="yyyy-MM-dd HH:mm:ss" | 351 | value-format="yyyy-MM-dd HH:mm:ss" |
| 369 | format="yyyy-MM-dd" | 352 | format="yyyy-MM-dd"> |
| 370 | > | ||
| 371 | </el-date-picker> | 353 | </el-date-picker> |
| 372 | </el-form-item> | 354 | </el-form-item> |
| 373 | </el-col> | 355 | </el-col> |
| 374 | <el-col :span="8"> | 356 | <el-col :span="8"> |
| 375 | <el-form-item label="取得价格/被担保主债权数额："> | 357 | <el-form-item label="取得价格/被担保主债权数额："> |
| 376 | <div class="flex"> | 358 | <div class="flex"> |
| 377 | <el-input v-model="ruleForm.ygdj.qdjg" | 359 | <el-input v-model="ruleForm.ygdj.qdjg" |
| 378 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 360 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 379 | <el-select | 361 | <el-select |
| 380 | v-model="ruleForm.ygdj.jedw" | 362 | v-model="ruleForm.ygdj.jedw" |
| 381 | :disabled="!ableOperation" | 363 | :disabled="!ableOperation" |
| ... | @@ -423,10 +405,9 @@ | ... | @@ -423,10 +405,9 @@ |
| 423 | <el-row :gutter="10"> | 405 | <el-row :gutter="10"> |
| 424 | <el-col :span="12"> | 406 | <el-col :span="12"> |
| 425 | <el-form-item label="共有方式："> | 407 | <el-form-item label="共有方式："> |
| 426 | <el-radio-group | 408 | <el-radio-group |
| 427 | :disabled="!ableOperation" | 409 | :disabled="!ableOperation" |
| 428 | v-model="ruleForm.qlxx.gyfs" | 410 | v-model="ruleForm.qlxx.gyfs"> |
| 429 | > | ||
| 430 | <el-radio label="0">单独所有</el-radio> | 411 | <el-radio label="0">单独所有</el-radio> |
| 431 | <el-radio label="1">共同共有</el-radio> | 412 | <el-radio label="1">共同共有</el-radio> |
| 432 | <el-radio label="2">按份所有</el-radio> | 413 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -440,10 +421,9 @@ | ... | @@ -440,10 +421,9 @@ |
| 440 | @upDateQlrxxList="upDateQlrxxList" | 421 | @upDateQlrxxList="upDateQlrxxList" |
| 441 | :key="key" | 422 | :key="key" |
| 442 | :ableOperation="ableOperation" | 423 | :ableOperation="ableOperation" |
| 443 | :gyfs="ruleForm.qlxx.gyfs" | 424 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 444 | /> | ||
| 445 | 425 | ||
| 446 | <div v-if="ruleForm.ywrData"> | 426 | <div v-if="ruleForm.ywrData"> |
| 447 | <div class="slxx_title title-block"> | 427 | <div class="slxx_title title-block"> |
| 448 | 义务人信息 | 428 | 义务人信息 |
| 449 | <div class="triangle"></div> | 429 | <div class="triangle"></div> |
| ... | @@ -453,8 +433,7 @@ | ... | @@ -453,8 +433,7 @@ |
| 453 | :tableData="ruleForm.ywrData" | 433 | :tableData="ruleForm.ywrData" |
| 454 | :key="key" | 434 | :key="key" |
| 455 | :ableOperation="ableOperation" | 435 | :ableOperation="ableOperation" |
| 456 | @upDateQlrxxList="upDateYwrxxList" | 436 | @upDateQlrxxList="upDateYwrxxList" /> |
| 457 | /> | ||
| 458 | </div> | 437 | </div> |
| 459 | </div> | 438 | </div> |
| 460 | <el-row class="btn" v-if="ableOperation"> | 439 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -466,282 +445,284 @@ | ... | @@ -466,282 +445,284 @@ |
| 466 | </div> | 445 | </div> |
| 467 | </template> | 446 | </template> |
| 468 | <script> | 447 | <script> |
| 469 | import { mapGetters } from "vuex"; | 448 | import { mapGetters } from "vuex"; |
| 470 | import { init,getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 449 | import ywmix from "@/views/ywbl/mixin/index" |
| 471 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 450 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 472 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 451 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 473 | import tdytTable from "@/views/workflow/components/tdytTable"; | 452 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 474 | import selectTable from "@/components/selectTable/index.vue"; | 453 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 475 | export default { | 454 | import selectTable from "@/components/selectTable/index.vue"; |
| 476 | components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, | 455 | export default { |
| 477 | computed: { | 456 | mixins: [ywmix], |
| 478 | ...mapGetters(["dictData", "flag"]), | 457 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 479 | // 根据流程判断表单是否为只读 | 458 | computed: { |
| 480 | editDisabled() { | 459 | ...mapGetters(["dictData", "flag"]), |
| 481 | if (!this.ableOperation) { | 460 | // 根据流程判断表单是否为只读 |
| 482 | //只读状态 | 461 | editDisabled () { |
| 483 | return true; | 462 | if (!this.ableOperation) { |
| 484 | } | 463 | //只读状态 |
| 485 | return false; | 464 | return true; |
| 465 | } | ||
| 466 | return false; | ||
| 467 | }, | ||
| 486 | }, | 468 | }, |
| 487 | }, | 469 | data () { |
| 488 | data() { | 470 | return { |
| 489 | return { | 471 | ssqlxxshow: true, |
| 490 | ssqlxxshow:true, | ||
| 491 | props: { | 472 | props: { |
| 492 | label: "bdcqzh", | 473 | label: "bdcqzh", |
| 493 | value: "bdcdyid", | 474 | value: "bdcdyid", |
| 494 | }, | ||
| 495 | //表单是否可操作 | ||
| 496 | propsParam: this.$attrs, | ||
| 497 | key: 0, | ||
| 498 | isShow: false, | ||
| 499 | disabled: true, | ||
| 500 | czrOptions: [], | ||
| 501 | ssQlxxList: [], | ||
| 502 | ztQlxxList: [], | ||
| 503 | ruleForm: {}, | ||
| 504 | // 登记类型 | ||
| 505 | djlxlist: [ | ||
| 506 | { | ||
| 507 | dcode: "100", | ||
| 508 | dname: "首次登记", | ||
| 509 | }, | ||
| 510 | { | ||
| 511 | dcode: "200", | ||
| 512 | dname: "转移登记", | ||
| 513 | }, | ||
| 514 | { | ||
| 515 | dcode: "300", | ||
| 516 | dname: "变更登记", | ||
| 517 | }, | ||
| 518 | { | ||
| 519 | dcode: "500", | ||
| 520 | dname: "更正登记", | ||
| 521 | }, | 475 | }, |
| 476 | //表单是否可操作 | ||
| 477 | propsParam: this.$attrs, | ||
| 478 | key: 0, | ||
| 479 | isShow: false, | ||
| 480 | disabled: true, | ||
| 481 | czrOptions: [], | ||
| 482 | ssQlxxList: [], | ||
| 483 | ztQlxxList: [], | ||
| 484 | ruleForm: {}, | ||
| 485 | // 登记类型 | ||
| 486 | djlxlist: [ | ||
| 487 | { | ||
| 488 | dcode: "100", | ||
| 489 | dname: "首次登记", | ||
| 490 | }, | ||
| 491 | { | ||
| 492 | dcode: "200", | ||
| 493 | dname: "转移登记", | ||
| 494 | }, | ||
| 495 | { | ||
| 496 | dcode: "300", | ||
| 497 | dname: "变更登记", | ||
| 498 | }, | ||
| 499 | { | ||
| 500 | dcode: "500", | ||
| 501 | dname: "更正登记", | ||
| 502 | }, | ||
| 522 | 503 | ||
| 523 | { | 504 | { |
| 524 | dcode: "901", | 505 | dcode: "901", |
| 525 | dname: "补证", | 506 | dname: "补证", |
| 526 | }, | 507 | }, |
| 527 | { | 508 | { |
| 528 | dcode: "902", | 509 | dcode: "902", |
| 529 | dname: "换证", | 510 | dname: "换证", |
| 530 | }, | 511 | }, |
| 531 | ], | ||
| 532 | // 权属状态 | ||
| 533 | qsztlist: [ | ||
| 534 | { | ||
| 535 | dcode: "1", | ||
| 536 | dname: "现势", | ||
| 537 | }, | ||
| 538 | { | ||
| 539 | dcode: "2", | ||
| 540 | dname: "历史", | ||
| 541 | }, | ||
| 542 | ], | ||
| 543 | //传递参数\ | ||
| 544 | rules: { | ||
| 545 | ztQlxxrules: [ | ||
| 546 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 547 | ], | 512 | ], |
| 548 | bdcqzhrules: [ | 513 | // 权属状态 |
| 549 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 514 | qsztlist: [ |
| 515 | { | ||
| 516 | dcode: "1", | ||
| 517 | dname: "现势", | ||
| 518 | }, | ||
| 519 | { | ||
| 520 | dcode: "2", | ||
| 521 | dname: "历史", | ||
| 522 | }, | ||
| 550 | ], | 523 | ], |
| 551 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 524 | //传递参数\ |
| 552 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 525 | rules: { |
| 553 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 526 | ztQlxxrules: [ |
| 554 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 527 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 555 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 528 | ], |
| 556 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 529 | bdcqzhrules: [ |
| 557 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 530 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 558 | }, | 531 | ], |
| 559 | ableOperation:false, | 532 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 560 | }; | 533 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 561 | }, | 534 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 562 | created() { | 535 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 563 | this.loadData(); | 536 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], |
| 564 | }, | 537 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 565 | mounted() { | 538 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 566 | this.ableOperation=this.$parent.ableOperation | 539 | }, |
| 567 | 540 | ableOperation: false, | |
| 568 | }, | 541 | }; |
| 569 | methods: { | ||
| 570 | /** | ||
| 571 | * @description: ztQlxxchange | ||
| 572 | * @param {*} val | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 575 | ztQlxxchange(val) { | ||
| 576 | this.ruleForm.ztQlxx = val; | ||
| 577 | }, | 542 | }, |
| 578 | /** | 543 | created () { |
| 579 | * @description: ssQlxxchange | 544 | this.loadData(); |
| 580 | * @param {*} val | ||
| 581 | * @author: renchao | ||
| 582 | */ | ||
| 583 | ssQlxxchange(val) { | ||
| 584 | this.ruleForm.ssQlxx = val; | ||
| 585 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 586 | }, | 545 | }, |
| 587 | /** | 546 | mounted () { |
| 588 | * @description: djlxchange | 547 | this.ableOperation = this.$parent.ableOperation |
| 589 | * @param {*} val | 548 | |
| 590 | * @author: renchao | ||
| 591 | */ | ||
| 592 | djlxchange(val) { | ||
| 593 | if (val == null || val == 100) { | ||
| 594 | this.ssqlxxshow = false; | ||
| 595 | } else { | ||
| 596 | this.ssqlxxshow = true; | ||
| 597 | } | ||
| 598 | }, | 549 | }, |
| 599 | /** | 550 | methods: { |
| 600 | * @description: loadData | 551 | /** |
| 601 | * @author: renchao | 552 | * @description: ztQlxxchange |
| 602 | */ | 553 | * @param {*} val |
| 603 | loadData() { | 554 | * @author: renchao |
| 604 | this.$startLoading(); | 555 | */ |
| 605 | this.propsParam.isEdit=this.$parent.isEdit | 556 | ztQlxxchange (val) { |
| 606 | init(this.propsParam).then((res) => { | 557 | this.ruleForm.ztQlxx = val; |
| 607 | if (res.code == 200) { | 558 | }, |
| 608 | this.ruleForm = res.result; | 559 | /** |
| 609 | let djlx = this.ruleForm.qlxx.djlx; | 560 | * @description: ssQlxxchange |
| 610 | if (djlx == null || djlx == 100) { | 561 | * @param {*} val |
| 611 | this.ssqlxxshow = false; | 562 | * @author: renchao |
| 612 | } | 563 | */ |
| 613 | this.$endLoading(); | 564 | ssQlxxchange (val) { |
| 614 | this.isShow = true; | 565 | this.ruleForm.ssQlxx = val; |
| 566 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 567 | }, | ||
| 568 | /** | ||
| 569 | * @description: djlxchange | ||
| 570 | * @param {*} val | ||
| 571 | * @author: renchao | ||
| 572 | */ | ||
| 573 | djlxchange (val) { | ||
| 574 | if (val == null || val == 100) { | ||
| 575 | this.ssqlxxshow = false; | ||
| 576 | } else { | ||
| 577 | this.ssqlxxshow = true; | ||
| 615 | } | 578 | } |
| 616 | }); | 579 | }, |
| 580 | /** | ||
| 581 | * @description: loadData | ||
| 582 | * @author: renchao | ||
| 583 | */ | ||
| 584 | loadData () { | ||
| 585 | this.$startLoading(); | ||
| 586 | this.propsParam.isEdit = this.$parent.isEdit | ||
| 587 | init(this.propsParam).then((res) => { | ||
| 588 | if (res.code == 200) { | ||
| 589 | this.ruleForm = res.result; | ||
| 590 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 591 | if (djlx == null || djlx == 100) { | ||
| 592 | this.ssqlxxshow = false; | ||
| 593 | } | ||
| 594 | this.$endLoading(); | ||
| 595 | this.isShow = true; | ||
| 596 | } | ||
| 597 | }); | ||
| 617 | //获取主体信息 | 598 | //获取主体信息 |
| 618 | getSsQlxx({ | 599 | getSsQlxx({ |
| 619 | bdcdyid: this.propsParam.bdcdyid, | 600 | bdcdyid: this.propsParam.bdcdyid, |
| 620 | qllx: this.propsParam.qllx, | 601 | qllx: this.propsParam.qllx, |
| 621 | }).then((res) => { | 602 | }).then((res) => { |
| 622 | if (res.code == 200) { | 603 | if (res.code == 200) { |
| 623 | this.ssQlxxList = res.result; | 604 | this.ssQlxxList = res.result; |
| 624 | console.log("this.$refs.ruleForm",this.$refs.ruleForm); | 605 | console.log("this.$refs.ruleForm", this.$refs.ruleForm); |
| 625 | } | 606 | } |
| 626 | }); | 607 | }); |
| 627 | 608 | ||
| 628 | //获取上手信息 | 609 | //获取上手信息 |
| 629 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 610 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
| 630 | if (res.code == 200) { | 611 | if (res.code == 200) { |
| 631 | this.ztQlxxList = res.result; | 612 | this.ztQlxxList = res.result; |
| 632 | console.log("this.$refs.ruleForm",this.$refs.ruleForm); | 613 | console.log("this.$refs.ruleForm", this.$refs.ruleForm); |
| 633 | } | 614 | } |
| 634 | }); | ||
| 635 | |||
| 636 | }, | ||
| 637 | // 更新土地用途信息 | ||
| 638 | /** | ||
| 639 | * @description: 更新土地用途信息 | ||
| 640 | * @param {*} val | ||
| 641 | * @author: renchao | ||
| 642 | */ | ||
| 643 | upDateTdytxxList(val) { | ||
| 644 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 645 | this.key++; | ||
| 646 | }, | ||
| 647 | // 更新权利人信息 | ||
| 648 | /** | ||
| 649 | * @description: 更新权利人信息 | ||
| 650 | * @param {*} val | ||
| 651 | * @author: renchao | ||
| 652 | */ | ||
| 653 | upDateQlrxxList(val) { | ||
| 654 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 655 | this.czrOptions = this.ruleForm.qlrData; | ||
| 656 | this.key++; | ||
| 657 | }, | ||
| 658 | // 更新义务人信息 | ||
| 659 | /** | ||
| 660 | * @description: 更新义务人信息 | ||
| 661 | * @param {*} val | ||
| 662 | * @author: renchao | ||
| 663 | */ | ||
| 664 | upDateYwrxxList(val) { | ||
| 665 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 666 | this.key++; | ||
| 667 | }, | ||
| 668 | /** | ||
| 669 | * @description: onSubmit | ||
| 670 | * @author: renchao | ||
| 671 | */ | ||
| 672 | onSubmit() { | ||
| 673 | this.$refs.ruleForm.validate((valid) => { | ||
| 674 | if (valid) { | ||
| 675 | if (this.ruleForm.qlrData.length == 0) { | ||
| 676 | this.$message({ | ||
| 677 | showClose: true, | ||
| 678 | message: "请确认权利人信息", | ||
| 679 | type: "error", | ||
| 680 | }); | 615 | }); |
| 681 | return false; | 616 | |
| 682 | } | 617 | }, |
| 683 | if (this.ruleForm.ywrData.length == 0) { | 618 | // 更新土地用途信息 |
| 684 | this.$message({ | 619 | /** |
| 685 | showClose: true, | 620 | * @description: 更新土地用途信息 |
| 686 | message: "请确认义务人信息", | 621 | * @param {*} val |
| 687 | type: "error", | 622 | * @author: renchao |
| 623 | */ | ||
| 624 | upDateTdytxxList (val) { | ||
| 625 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 626 | this.key++; | ||
| 627 | }, | ||
| 628 | // 更新权利人信息 | ||
| 629 | /** | ||
| 630 | * @description: 更新权利人信息 | ||
| 631 | * @param {*} val | ||
| 632 | * @author: renchao | ||
| 633 | */ | ||
| 634 | upDateQlrxxList (val) { | ||
| 635 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 636 | this.czrOptions = this.ruleForm.qlrData; | ||
| 637 | this.key++; | ||
| 638 | }, | ||
| 639 | // 更新义务人信息 | ||
| 640 | /** | ||
| 641 | * @description: 更新义务人信息 | ||
| 642 | * @param {*} val | ||
| 643 | * @author: renchao | ||
| 644 | */ | ||
| 645 | upDateYwrxxList (val) { | ||
| 646 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 647 | this.key++; | ||
| 648 | }, | ||
| 649 | /** | ||
| 650 | * @description: onSubmit | ||
| 651 | * @author: renchao | ||
| 652 | */ | ||
| 653 | onSubmit () { | ||
| 654 | this.$refs.ruleForm.validate((valid) => { | ||
| 655 | if (valid) { | ||
| 656 | if (this.ruleForm.qlrData.length == 0) { | ||
| 657 | this.$message({ | ||
| 658 | showClose: true, | ||
| 659 | message: "请确认权利人信息", | ||
| 660 | type: "error", | ||
| 661 | }); | ||
| 662 | return false; | ||
| 663 | } | ||
| 664 | if (this.ruleForm.ywrData.length == 0) { | ||
| 665 | this.$message({ | ||
| 666 | showClose: true, | ||
| 667 | message: "请确认义务人信息", | ||
| 668 | type: "error", | ||
| 669 | }); | ||
| 670 | return false; | ||
| 671 | } | ||
| 672 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 673 | if (this.ruleForm.qlrData.length > 1) { | ||
| 674 | this.$message({ | ||
| 675 | showClose: true, | ||
| 676 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 677 | type: "error", | ||
| 678 | }); | ||
| 679 | return false; | ||
| 680 | } | ||
| 681 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 682 | } | ||
| 683 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 684 | //是否分别持证 | ||
| 685 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 686 | //是 | ||
| 687 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 688 | item.sfczr = "1"; | ||
| 689 | }); | ||
| 690 | } else { | ||
| 691 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 692 | if (item.zjh == this.ruleForm.czr) { | ||
| 693 | item.sfczr = "1"; | ||
| 694 | } else { | ||
| 695 | item.sfczr = "0"; | ||
| 696 | } | ||
| 697 | }); | ||
| 698 | } | ||
| 699 | } | ||
| 700 | save(this.ruleForm).then((res) => { | ||
| 701 | if (res.code === 200) { | ||
| 702 | this.$message({ | ||
| 703 | showClose: true, | ||
| 704 | message: "保存成功！", | ||
| 705 | type: "success", | ||
| 706 | }); | ||
| 707 | this.$parent.changeywh() | ||
| 708 | this.$store.dispatch("user/refreshPage", true); | ||
| 709 | } else { | ||
| 710 | this.$message({ | ||
| 711 | showClose: true, | ||
| 712 | message: res.message, | ||
| 713 | type: "error", | ||
| 714 | }); | ||
| 715 | } | ||
| 688 | }); | 716 | }); |
| 717 | } else { | ||
| 689 | return false; | 718 | return false; |
| 690 | } | 719 | } |
| 691 | if (this.ruleForm.qlxx.gyfs == "0") { | 720 | }); |
| 692 | if (this.ruleForm.qlrData.length > 1) { | 721 | }, |
| 693 | this.$message({ | ||
| 694 | showClose: true, | ||
| 695 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 696 | type: "error", | ||
| 697 | }); | ||
| 698 | return false; | ||
| 699 | } | ||
| 700 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 701 | } | ||
| 702 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 703 | //是否分别持证 | ||
| 704 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 705 | //是 | ||
| 706 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 707 | item.sfczr = "1"; | ||
| 708 | }); | ||
| 709 | } else { | ||
| 710 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 711 | if (item.zjh == this.ruleForm.czr) { | ||
| 712 | item.sfczr = "1"; | ||
| 713 | } else { | ||
| 714 | item.sfczr = "0"; | ||
| 715 | } | ||
| 716 | }); | ||
| 717 | } | ||
| 718 | } | ||
| 719 | save(this.ruleForm).then((res) => { | ||
| 720 | if (res.code === 200) { | ||
| 721 | this.$message({ | ||
| 722 | showClose: true, | ||
| 723 | message: "保存成功！", | ||
| 724 | type: "success", | ||
| 725 | }); | ||
| 726 | this.$parent.changeywh() | ||
| 727 | this.$store.dispatch("user/refreshPage", true); | ||
| 728 | } else { | ||
| 729 | this.$message({ | ||
| 730 | showClose: true, | ||
| 731 | message: res.message, | ||
| 732 | type: "error", | ||
| 733 | }); | ||
| 734 | } | ||
| 735 | }); | ||
| 736 | } else { | ||
| 737 | return false; | ||
| 738 | } | ||
| 739 | }); | ||
| 740 | }, | 722 | }, |
| 741 | }, | 723 | }; |
| 742 | }; | ||
| 743 | </script> | 724 | </script> |
| 744 | <style scoped lang="scss"> | 725 | <style scoped lang="scss"> |
| 745 | @import "~@/styles/public.scss"; | 726 | @import "~@/styles/public.scss"; |
| 746 | @import "~@/styles/slxx/slxx.scss"; | 727 | @import "~@/styles/slxx/slxx.scss"; |
| 747 | </style> | 728 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-08-01 18:12:36 |
| 5 | :show-message="false" | 5 | :show-message="false" |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -10,15 +10,14 @@ | ... | @@ -10,15 +10,14 @@ |
| 10 | <el-form | 10 | <el-form |
| 11 | :model="ruleForm" | 11 | :model="ruleForm" |
| 12 | :rules="rules" | 12 | :rules="rules" |
| 13 | :class="{readonly: editDisabled }" | 13 | :class="{readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | class="loadingtext" |
| 15 | ref="ruleForm" | 15 | ref="ruleForm" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | :inline="flag" | 18 | :inline="flag" |
| 19 | inline-message | 19 | inline-message |
| 20 | label-width="145px" | 20 | label-width="145px"> |
| 21 | > | ||
| 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 23 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 24 | 补录信息 | 23 | 补录信息 |
| ... | @@ -42,29 +41,26 @@ | ... | @@ -42,29 +41,26 @@ |
| 42 | </el-col> | 41 | </el-col> |
| 43 | </el-row> | 42 | </el-row> |
| 44 | <div class="slxx_title title-block"> | 43 | <div class="slxx_title title-block"> |
| 45 | 预告买卖登记信息不动产情况 | 44 | 预告买卖登记信息不动产情况 |
| 46 | <div class="triangle"></div> | 45 | <div class="triangle"></div> |
| 47 | </div> | 46 | </div> |
| 48 | <el-row :gutter="10"> | 47 | <el-row :gutter="10"> |
| 49 | <el-col :span="8" v-if="ssqlxxshow"> | 48 | <el-col :span="8" v-if="ssqlxxshow"> |
| 50 | <el-form-item label="上手权利信息："> | 49 | <el-form-item label="上手权利信息："> |
| 51 | <select-table | 50 | <select-table |
| 52 | v-model="ruleForm.ssQlxx" | 51 | v-model="ruleForm.ssQlxx" |
| 53 | :table-width="550" | 52 | :table-width="550" |
| 54 | :tableData="ssQlxxList" | 53 | :tableData="ssQlxxList" |
| 55 | :props="props" | 54 | :props="props" |
| 56 | @change="ssQlxxchange" | 55 | @change="ssQlxxchange"> |
| 57 | > | ||
| 58 | <el-table-column | 56 | <el-table-column |
| 59 | prop="qllxmc" | 57 | prop="qllxmc" |
| 60 | width="130" | 58 | width="130" |
| 61 | label="权利类型" | 59 | label="权利类型"></el-table-column> |
| 62 | ></el-table-column> | ||
| 63 | <el-table-column | 60 | <el-table-column |
| 64 | prop="bdcqzh" | 61 | prop="bdcqzh" |
| 65 | width="160" | 62 | width="160" |
| 66 | label="不动产权证书" | 63 | label="不动产权证书"></el-table-column> |
| 67 | ></el-table-column> | ||
| 68 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 69 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 70 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -72,37 +68,35 @@ | ... | @@ -72,37 +68,35 @@ |
| 72 | </select-table> | 68 | </select-table> |
| 73 | </el-form-item> | 69 | </el-form-item> |
| 74 | </el-col> | 70 | </el-col> |
| 75 | <el-col :span="8"> | 71 | <el-col :span="8"> |
| 76 | <el-form-item label="上手业务号："> | 72 | <el-form-item label="上手业务号："> |
| 77 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | 73 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> |
| 78 | </el-form-item> | 74 | </el-form-item> |
| 79 | </el-col> | 75 | </el-col> |
| 80 | <el-col :span="8"> | 76 | <el-col :span="8"> |
| 81 | <el-form-item | 77 | <el-form-item |
| 82 | label="登记类型：" | 78 | label="登记类型：" |
| 83 | prop="qlxx.djlx" | 79 | prop="qlxx.djlx" |
| 84 | :rules="rules.djlxrules" | 80 | :rules="rules.djlxrules"> |
| 85 | > | ||
| 86 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 81 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 87 | <el-option | 82 | <el-option |
| 88 | v-for="item in djlxlist" | 83 | v-for="item in djlxlist" |
| 89 | :key="item.dcode" | 84 | :key="item.dcode" |
| 90 | :label="item.dname" | 85 | :label="item.dname" |
| 91 | :value="item.dcode" | 86 | :value="item.dcode"> |
| 92 | > | ||
| 93 | </el-option> | 87 | </el-option> |
| 94 | </el-select> | 88 | </el-select> |
| 95 | </el-form-item> | 89 | </el-form-item> |
| 96 | </el-col> | 90 | </el-col> |
| 97 | </el-row> | 91 | </el-row> |
| 98 | <el-row> | 92 | <el-row> |
| 99 | <el-col :span="8"> | 93 | <el-col :span="8"> |
| 100 | <el-form-item label="不动产单元号："> | 94 | <el-form-item label="不动产单元号："> |
| 101 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 95 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 102 | </el-form-item> | 96 | </el-form-item> |
| 103 | </el-col> | 97 | </el-col> |
| 104 | <el-col :span="8"> | 98 | <el-col :span="8"> |
| 105 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 99 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> |
| 106 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 100 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 107 | </el-form-item> | 101 | </el-form-item> |
| 108 | </el-col> | 102 | </el-col> |
| ... | @@ -122,7 +116,7 @@ | ... | @@ -122,7 +116,7 @@ |
| 122 | </el-form-item> | 116 | </el-form-item> |
| 123 | </el-col> | 117 | </el-col> |
| 124 | <el-col :span="8"> | 118 | <el-col :span="8"> |
| 125 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | 119 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> |
| 126 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 120 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 127 | </el-form-item> | 121 | </el-form-item> |
| 128 | </el-col> | 122 | </el-col> |
| ... | @@ -145,12 +139,11 @@ | ... | @@ -145,12 +139,11 @@ |
| 145 | <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> | 139 | <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> |
| 146 | <el-date-picker | 140 | <el-date-picker |
| 147 | v-model="ruleForm.qlxx.djsj" | 141 | v-model="ruleForm.qlxx.djsj" |
| 148 | class="width100" | 142 | class="width100" |
| 149 | type="date" | 143 | type="date" |
| 150 | placeholder="选择日期" | 144 | placeholder="选择日期" |
| 151 | value-format="yyyy-MM-dd HH:mm:ss" | 145 | value-format="yyyy-MM-dd HH:mm:ss" |
| 152 | format="yyyy-MM-dd" | 146 | format="yyyy-MM-dd"> |
| 153 | > | ||
| 154 | </el-date-picker> | 147 | </el-date-picker> |
| 155 | </el-form-item> | 148 | </el-form-item> |
| 156 | </el-col> | 149 | </el-col> |
| ... | @@ -161,22 +154,20 @@ | ... | @@ -161,22 +154,20 @@ |
| 161 | v-for="item in qsztlist" | 154 | v-for="item in qsztlist" |
| 162 | :key="item.dcode" | 155 | :key="item.dcode" |
| 163 | :label="item.dname" | 156 | :label="item.dname" |
| 164 | :value="item.dcode" | 157 | :value="item.dcode"> |
| 165 | > | ||
| 166 | </el-option> | 158 | </el-option> |
| 167 | </el-select> | 159 | </el-select> |
| 168 | </el-form-item> | 160 | </el-form-item> |
| 169 | </el-col> | 161 | </el-col> |
| 170 | 162 | ||
| 171 | <el-col :span="8"> | 163 | <el-col :span="8"> |
| 172 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | 164 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> |
| 173 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | 165 | <el-select v-model="ruleForm.ygdj.ygdjlx"> |
| 174 | <el-option | 166 | <el-option |
| 175 | v-for="item in dictData['A29']" | 167 | v-for="item in dictData['A29']" |
| 176 | :key="item.dcode" | 168 | :key="item.dcode" |
| 177 | :label="item.dname" | 169 | :label="item.dname" |
| 178 | :value="item.dcode" | 170 | :value="item.dcode"> |
| 179 | > | ||
| 180 | </el-option> | 171 | </el-option> |
| 181 | </el-select> | 172 | </el-select> |
| 182 | </el-form-item> | 173 | </el-form-item> |
| ... | @@ -188,13 +179,12 @@ | ... | @@ -188,13 +179,12 @@ |
| 188 | </el-col> | 179 | </el-col> |
| 189 | <el-col :span="8"> | 180 | <el-col :span="8"> |
| 190 | <el-form-item label="规划用途："> | 181 | <el-form-item label="规划用途："> |
| 191 | <el-select v-model="ruleForm.ygdj.ghyt"> | 182 | <el-select v-model="ruleForm.ygdj.ghyt"> |
| 192 | <el-option | 183 | <el-option |
| 193 | v-for="item in dictData['A17']" | 184 | v-for="item in dictData['A17']" |
| 194 | :key="item.dcode" | 185 | :key="item.dcode" |
| 195 | :label="item.dname" | 186 | :label="item.dname" |
| 196 | :value="item.dcode" | 187 | :value="item.dcode"> |
| 197 | > | ||
| 198 | </el-option> | 188 | </el-option> |
| 199 | </el-select> | 189 | </el-select> |
| 200 | </el-form-item> | 190 | </el-form-item> |
| ... | @@ -206,13 +196,12 @@ | ... | @@ -206,13 +196,12 @@ |
| 206 | </el-col> | 196 | </el-col> |
| 207 | <el-col :span="8"> | 197 | <el-col :span="8"> |
| 208 | <el-form-item label="房屋性质："> | 198 | <el-form-item label="房屋性质："> |
| 209 | <el-select v-model="ruleForm.ygdj.fwxz"> | 199 | <el-select v-model="ruleForm.ygdj.fwxz"> |
| 210 | <el-option | 200 | <el-option |
| 211 | v-for="item in dictData['A19']" | 201 | v-for="item in dictData['A19']" |
| 212 | :key="item.dcode" | 202 | :key="item.dcode" |
| 213 | :label="item.dname" | 203 | :label="item.dname" |
| 214 | :value="item.dcode" | 204 | :value="item.dcode"> |
| 215 | > | ||
| 216 | </el-option> | 205 | </el-option> |
| 217 | </el-select> | 206 | </el-select> |
| 218 | </el-form-item> | 207 | </el-form-item> |
| ... | @@ -224,13 +213,12 @@ | ... | @@ -224,13 +213,12 @@ |
| 224 | </el-col> | 213 | </el-col> |
| 225 | <el-col :span="8"> | 214 | <el-col :span="8"> |
| 226 | <el-form-item label="房屋结构："> | 215 | <el-form-item label="房屋结构："> |
| 227 | <el-select v-model="ruleForm.ygdj.fwjg"> | 216 | <el-select v-model="ruleForm.ygdj.fwjg"> |
| 228 | <el-option | 217 | <el-option |
| 229 | v-for="item in dictData['A46']" | 218 | v-for="item in dictData['A46']" |
| 230 | :key="item.dcode" | 219 | :key="item.dcode" |
| 231 | :label="item.dname" | 220 | :label="item.dname" |
| 232 | :value="item.dcode" | 221 | :value="item.dcode"> |
| 233 | > | ||
| 234 | </el-option> | 222 | </el-option> |
| 235 | </el-select> | 223 | </el-select> |
| 236 | </el-form-item> | 224 | </el-form-item> |
| ... | @@ -246,22 +234,19 @@ | ... | @@ -246,22 +234,19 @@ |
| 246 | </el-form-item> | 234 | </el-form-item> |
| 247 | </el-col> | 235 | </el-col> |
| 248 | <el-col :span="8"> | 236 | <el-col :span="8"> |
| 249 | <el-form-item label="建筑面积："> | 237 | <el-form-item label="建筑面积："> |
| 250 | <div class="flex"> | 238 | <div class="flex"> |
| 251 | <el-input v-model="ruleForm.ygdj.jzmj" | 239 | <el-input v-model="ruleForm.ygdj.jzmj" |
| 252 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 240 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 253 | ></el-input> | ||
| 254 | <el-select | 241 | <el-select |
| 255 | v-model="ruleForm.ygdj.mjdw" | 242 | v-model="ruleForm.ygdj.mjdw" |
| 256 | :disabled="!ableOperation" | 243 | :disabled="!ableOperation" |
| 257 | style="width: 20%" | 244 | style="width: 20%"> |
| 258 | > | ||
| 259 | <el-option | 245 | <el-option |
| 260 | v-for="item in dictData['A7']" | 246 | v-for="item in dictData['A7']" |
| 261 | :key="item.dcode" | 247 | :key="item.dcode" |
| 262 | :label="item.dname" | 248 | :label="item.dname" |
| 263 | :value="item.dcode" | 249 | :value="item.dcode"> |
| 264 | > | ||
| 265 | </el-option> | 250 | </el-option> |
| 266 | </el-select> | 251 | </el-select> |
| 267 | </div> | 252 | </div> |
| ... | @@ -279,22 +264,21 @@ | ... | @@ -279,22 +264,21 @@ |
| 279 | </el-col> | 264 | </el-col> |
| 280 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 265 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 281 | <el-form-item label="注销时间："> | 266 | <el-form-item label="注销时间："> |
| 282 | <el-date-picker | 267 | <el-date-picker |
| 283 | v-model="ruleForm.ygdj.zxsj" | 268 | v-model="ruleForm.ygdj.zxsj" |
| 284 | class="width100" | 269 | class="width100" |
| 285 | type="date" | 270 | type="date" |
| 286 | placeholder="选择日期" | 271 | placeholder="选择日期" |
| 287 | value-format="yyyy-MM-dd HH:mm:ss" | 272 | value-format="yyyy-MM-dd HH:mm:ss" |
| 288 | format="yyyy-MM-dd" | 273 | format="yyyy-MM-dd"> |
| 289 | > | ||
| 290 | </el-date-picker> | 274 | </el-date-picker> |
| 291 | </el-form-item> | 275 | </el-form-item> |
| 292 | </el-col> | 276 | </el-col> |
| 293 | <el-col :span="8"> | 277 | <el-col :span="8"> |
| 294 | <el-form-item label="取得价格/被担保主债权数额："> | 278 | <el-form-item label="取得价格/被担保主债权数额："> |
| 295 | <div class="flex"> | 279 | <div class="flex"> |
| 296 | <el-input v-model="ruleForm.ygdj.qdjg" | 280 | <el-input v-model="ruleForm.ygdj.qdjg" |
| 297 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 298 | <el-select | 282 | <el-select |
| 299 | v-model="ruleForm.ygdj.jedw" | 283 | v-model="ruleForm.ygdj.jedw" |
| 300 | :disabled="!ableOperation" | 284 | :disabled="!ableOperation" |
| ... | @@ -342,10 +326,9 @@ | ... | @@ -342,10 +326,9 @@ |
| 342 | <el-row :gutter="10"> | 326 | <el-row :gutter="10"> |
| 343 | <el-col :span="12"> | 327 | <el-col :span="12"> |
| 344 | <el-form-item label="共有方式："> | 328 | <el-form-item label="共有方式："> |
| 345 | <el-radio-group | 329 | <el-radio-group |
| 346 | :disabled="!ableOperation" | 330 | :disabled="!ableOperation" |
| 347 | v-model="ruleForm.qlxx.gyfs" | 331 | v-model="ruleForm.qlxx.gyfs"> |
| 348 | > | ||
| 349 | <el-radio label="0">单独所有</el-radio> | 332 | <el-radio label="0">单独所有</el-radio> |
| 350 | <el-radio label="1">共同共有</el-radio> | 333 | <el-radio label="1">共同共有</el-radio> |
| 351 | <el-radio label="2">按份所有</el-radio> | 334 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -359,10 +342,9 @@ | ... | @@ -359,10 +342,9 @@ |
| 359 | @upDateQlrxxList="upDateQlrxxList" | 342 | @upDateQlrxxList="upDateQlrxxList" |
| 360 | :key="key" | 343 | :key="key" |
| 361 | :ableOperation="ableOperation" | 344 | :ableOperation="ableOperation" |
| 362 | :gyfs="ruleForm.qlxx.gyfs" | 345 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 363 | /> | ||
| 364 | 346 | ||
| 365 | <div v-if="ruleForm.ywrData"> | 347 | <div v-if="ruleForm.ywrData"> |
| 366 | <div class="slxx_title title-block"> | 348 | <div class="slxx_title title-block"> |
| 367 | 义务人信息 | 349 | 义务人信息 |
| 368 | <div class="triangle"></div> | 350 | <div class="triangle"></div> |
| ... | @@ -372,8 +354,7 @@ | ... | @@ -372,8 +354,7 @@ |
| 372 | :tableData="ruleForm.ywrData" | 354 | :tableData="ruleForm.ywrData" |
| 373 | :key="key" | 355 | :key="key" |
| 374 | :ableOperation="ableOperation" | 356 | :ableOperation="ableOperation" |
| 375 | @upDateQlrxxList="upDateYwrxxList" | 357 | @upDateQlrxxList="upDateYwrxxList" /> |
| 376 | /> | ||
| 377 | </div> | 358 | </div> |
| 378 | </div> | 359 | </div> |
| 379 | <el-row class="btn" v-if="ableOperation"> | 360 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -385,259 +366,261 @@ | ... | @@ -385,259 +366,261 @@ |
| 385 | </div> | 366 | </div> |
| 386 | </template> | 367 | </template> |
| 387 | <script> | 368 | <script> |
| 388 | import { mapGetters } from "vuex"; | 369 | import { mapGetters } from "vuex"; |
| 389 | import { init,getSsQlxx, save } from "@/api/djbRepair.js"; | 370 | import ywmix from "@/views/ywbl/mixin/index" |
| 390 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 371 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
| 391 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 372 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 392 | import tdytTable from "@/views/workflow/components/tdytTable"; | 373 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 393 | import selectTable from "@/components/selectTable/index.vue"; | 374 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 394 | export default { | 375 | import selectTable from "@/components/selectTable/index.vue"; |
| 395 | components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable }, | 376 | export default { |
| 396 | computed: { | 377 | mixins: [ywmix], |
| 397 | ...mapGetters(["dictData", "flag"]), | 378 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 398 | // 根据流程判断表单是否为只读 | 379 | computed: { |
| 399 | editDisabled() { | 380 | ...mapGetters(["dictData", "flag"]), |
| 400 | if (!this.ableOperation) { | 381 | // 根据流程判断表单是否为只读 |
| 401 | //只读状态 | 382 | editDisabled () { |
| 402 | return true; | 383 | if (!this.ableOperation) { |
| 403 | } | 384 | //只读状态 |
| 404 | return false; | 385 | return true; |
| 386 | } | ||
| 387 | return false; | ||
| 388 | }, | ||
| 405 | }, | 389 | }, |
| 406 | }, | 390 | data () { |
| 407 | data() { | 391 | return { |
| 408 | return { | 392 | ssqlxxshow: true, |
| 409 | ssqlxxshow:true, | ||
| 410 | props: { | 393 | props: { |
| 411 | label: "bdcqzh", | 394 | label: "bdcqzh", |
| 412 | value: "bdcdyid", | 395 | value: "bdcdyid", |
| 413 | }, | ||
| 414 | //表单是否可操作 | ||
| 415 | propsParam: this.$attrs, | ||
| 416 | key: 0, | ||
| 417 | isShow: false, | ||
| 418 | disabled: true, | ||
| 419 | czrOptions: [], | ||
| 420 | ssQlxxList: [], | ||
| 421 | ruleForm: {}, | ||
| 422 | // 登记类型 | ||
| 423 | djlxlist: [ | ||
| 424 | { | ||
| 425 | dcode: "100", | ||
| 426 | dname: "首次登记", | ||
| 427 | }, | ||
| 428 | { | ||
| 429 | dcode: "200", | ||
| 430 | dname: "转移登记", | ||
| 431 | }, | ||
| 432 | { | ||
| 433 | dcode: "300", | ||
| 434 | dname: "变更登记", | ||
| 435 | }, | ||
| 436 | { | ||
| 437 | dcode: "500", | ||
| 438 | dname: "更正登记", | ||
| 439 | }, | 396 | }, |
| 397 | //表单是否可操作 | ||
| 398 | propsParam: this.$attrs, | ||
| 399 | key: 0, | ||
| 400 | isShow: false, | ||
| 401 | disabled: true, | ||
| 402 | czrOptions: [], | ||
| 403 | ssQlxxList: [], | ||
| 404 | ruleForm: {}, | ||
| 405 | // 登记类型 | ||
| 406 | djlxlist: [ | ||
| 407 | { | ||
| 408 | dcode: "100", | ||
| 409 | dname: "首次登记", | ||
| 410 | }, | ||
| 411 | { | ||
| 412 | dcode: "200", | ||
| 413 | dname: "转移登记", | ||
| 414 | }, | ||
| 415 | { | ||
| 416 | dcode: "300", | ||
| 417 | dname: "变更登记", | ||
| 418 | }, | ||
| 419 | { | ||
| 420 | dcode: "500", | ||
| 421 | dname: "更正登记", | ||
| 422 | }, | ||
| 440 | 423 | ||
| 441 | { | 424 | { |
| 442 | dcode: "901", | 425 | dcode: "901", |
| 443 | dname: "补证", | 426 | dname: "补证", |
| 444 | }, | 427 | }, |
| 445 | { | 428 | { |
| 446 | dcode: "902", | 429 | dcode: "902", |
| 447 | dname: "换证", | 430 | dname: "换证", |
| 448 | }, | 431 | }, |
| 449 | ], | 432 | ], |
| 450 | // 权属状态 | 433 | // 权属状态 |
| 451 | qsztlist: [ | 434 | qsztlist: [ |
| 452 | { | 435 | { |
| 453 | dcode: "1", | 436 | dcode: "1", |
| 454 | dname: "现势", | 437 | dname: "现势", |
| 455 | }, | 438 | }, |
| 456 | { | 439 | { |
| 457 | dcode: "2", | 440 | dcode: "2", |
| 458 | dname: "历史", | 441 | dname: "历史", |
| 459 | }, | 442 | }, |
| 460 | ], | 443 | ], |
| 461 | //传递参数\ | 444 | //传递参数\ |
| 462 | rules: { | 445 | rules: { |
| 463 | bdcqzhrules:[ | 446 | bdcqzhrules: [ |
| 464 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 447 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 465 | ], | 448 | ], |
| 466 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 449 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 467 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 450 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 468 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 451 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 469 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 452 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 470 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }], | 453 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }], |
| 471 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 454 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 472 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 455 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 473 | }, | 456 | }, |
| 474 | ableOperation:false, | 457 | ableOperation: false, |
| 475 | }; | 458 | }; |
| 476 | }, | ||
| 477 | created() { | ||
| 478 | this.loadData(); | ||
| 479 | }, | ||
| 480 | mounted() { | ||
| 481 | this.ableOperation=this.$parent.ableOperation | ||
| 482 | }, | ||
| 483 | methods: { | ||
| 484 | /** | ||
| 485 | * @description: ssQlxxchange | ||
| 486 | * @param {*} val | ||
| 487 | * @author: renchao | ||
| 488 | */ | ||
| 489 | ssQlxxchange(val) { | ||
| 490 | this.ruleForm.ssQlxx = val; | ||
| 491 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 492 | }, | 459 | }, |
| 493 | /** | 460 | created () { |
| 494 | * @description: djlxchange | 461 | this.loadData(); |
| 495 | * @param {*} val | ||
| 496 | * @author: renchao | ||
| 497 | */ | ||
| 498 | djlxchange(val) { | ||
| 499 | if (val == null || val == 100) { | ||
| 500 | this.ssqlxxshow = false; | ||
| 501 | } else { | ||
| 502 | this.ssqlxxshow = true; | ||
| 503 | } | ||
| 504 | }, | 462 | }, |
| 505 | /** | 463 | mounted () { |
| 506 | * @description: loadData | 464 | this.ableOperation = this.$parent.ableOperation |
| 507 | * @author: renchao | 465 | }, |
| 508 | */ | 466 | methods: { |
| 509 | loadData() { | 467 | /** |
| 510 | this.$startLoading(); | 468 | * @description: ssQlxxchange |
| 511 | this.propsParam.isEdit=this.$parent.isEdit | 469 | * @param {*} val |
| 512 | init(this.propsParam).then((res) => { | 470 | * @author: renchao |
| 513 | if (res.code == 200) { | 471 | */ |
| 514 | this.ruleForm = res.result; | 472 | ssQlxxchange (val) { |
| 515 | let djlx = this.ruleForm.qlxx.djlx; | 473 | this.ruleForm.ssQlxx = val; |
| 516 | if (djlx == null || djlx == 100) { | 474 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 517 | this.ssqlxxshow = false; | 475 | }, |
| 518 | } | 476 | /** |
| 519 | this.$endLoading(); | 477 | * @description: djlxchange |
| 520 | this.isShow = true; | 478 | * @param {*} val |
| 479 | * @author: renchao | ||
| 480 | */ | ||
| 481 | djlxchange (val) { | ||
| 482 | if (val == null || val == 100) { | ||
| 483 | this.ssqlxxshow = false; | ||
| 484 | } else { | ||
| 485 | this.ssqlxxshow = true; | ||
| 521 | } | 486 | } |
| 522 | }); | 487 | }, |
| 488 | /** | ||
| 489 | * @description: loadData | ||
| 490 | * @author: renchao | ||
| 491 | */ | ||
| 492 | loadData () { | ||
| 493 | this.$startLoading(); | ||
| 494 | this.propsParam.isEdit = this.$parent.isEdit | ||
| 495 | init(this.propsParam).then((res) => { | ||
| 496 | if (res.code == 200) { | ||
| 497 | this.ruleForm = res.result; | ||
| 498 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 499 | if (djlx == null || djlx == 100) { | ||
| 500 | this.ssqlxxshow = false; | ||
| 501 | } | ||
| 502 | this.$endLoading(); | ||
| 503 | this.isShow = true; | ||
| 504 | } | ||
| 505 | }); | ||
| 523 | //获取主体信息 | 506 | //获取主体信息 |
| 524 | getSsQlxx({ | 507 | getSsQlxx({ |
| 525 | bdcdyid: this.propsParam.bdcdyid, | 508 | bdcdyid: this.propsParam.bdcdyid, |
| 526 | qllx: this.propsParam.qllx, | 509 | qllx: this.propsParam.qllx, |
| 527 | }).then((res) => { | 510 | }).then((res) => { |
| 528 | if (res.code == 200) { | 511 | if (res.code == 200) { |
| 529 | this.ssQlxxList = res.result; | 512 | this.ssQlxxList = res.result; |
| 530 | } | 513 | } |
| 531 | }); | ||
| 532 | }, | ||
| 533 | // 更新土地用途信息 | ||
| 534 | /** | ||
| 535 | * @description: 更新土地用途信息 | ||
| 536 | * @param {*} val | ||
| 537 | * @author: renchao | ||
| 538 | */ | ||
| 539 | upDateTdytxxList(val) { | ||
| 540 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 541 | this.key++; | ||
| 542 | }, | ||
| 543 | // 更新权利人信息 | ||
| 544 | /** | ||
| 545 | * @description: 更新权利人信息 | ||
| 546 | * @param {*} val | ||
| 547 | * @author: renchao | ||
| 548 | */ | ||
| 549 | upDateQlrxxList(val) { | ||
| 550 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 551 | this.czrOptions = this.ruleForm.qlrData; | ||
| 552 | this.key++; | ||
| 553 | }, | ||
| 554 | // 更新义务人信息 | ||
| 555 | /** | ||
| 556 | * @description: 更新义务人信息 | ||
| 557 | * @param {*} val | ||
| 558 | * @author: renchao | ||
| 559 | */ | ||
| 560 | upDateYwrxxList(val) { | ||
| 561 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 562 | this.key++; | ||
| 563 | }, | ||
| 564 | /** | ||
| 565 | * @description: onSubmit | ||
| 566 | * @author: renchao | ||
| 567 | */ | ||
| 568 | onSubmit() { | ||
| 569 | this.$refs.ruleForm.validate((valid) => { | ||
| 570 | if (valid) { | ||
| 571 | if (this.ruleForm.qlrData.length == 0) { | ||
| 572 | this.$message({ | ||
| 573 | showClose: true, | ||
| 574 | message: "请确认权利人信息", | ||
| 575 | type: "error", | ||
| 576 | }); | 514 | }); |
| 577 | return false; | 515 | }, |
| 578 | } | 516 | // 更新土地用途信息 |
| 579 | if (this.ruleForm.ywrData.length == 0) { | 517 | /** |
| 580 | this.$message({ | 518 | * @description: 更新土地用途信息 |
| 581 | showClose: true, | 519 | * @param {*} val |
| 582 | message: "请确认义务人信息", | 520 | * @author: renchao |
| 583 | type: "error", | 521 | */ |
| 522 | upDateTdytxxList (val) { | ||
| 523 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 524 | this.key++; | ||
| 525 | }, | ||
| 526 | // 更新权利人信息 | ||
| 527 | /** | ||
| 528 | * @description: 更新权利人信息 | ||
| 529 | * @param {*} val | ||
| 530 | * @author: renchao | ||
| 531 | */ | ||
| 532 | upDateQlrxxList (val) { | ||
| 533 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 534 | this.czrOptions = this.ruleForm.qlrData; | ||
| 535 | this.key++; | ||
| 536 | }, | ||
| 537 | // 更新义务人信息 | ||
| 538 | /** | ||
| 539 | * @description: 更新义务人信息 | ||
| 540 | * @param {*} val | ||
| 541 | * @author: renchao | ||
| 542 | */ | ||
| 543 | upDateYwrxxList (val) { | ||
| 544 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 545 | this.key++; | ||
| 546 | }, | ||
| 547 | /** | ||
| 548 | * @description: onSubmit | ||
| 549 | * @author: renchao | ||
| 550 | */ | ||
| 551 | onSubmit () { | ||
| 552 | this.$refs.ruleForm.validate((valid) => { | ||
| 553 | if (valid) { | ||
| 554 | if (this.ruleForm.qlrData.length == 0) { | ||
| 555 | this.$message({ | ||
| 556 | showClose: true, | ||
| 557 | message: "请确认权利人信息", | ||
| 558 | type: "error", | ||
| 559 | }); | ||
| 560 | return false; | ||
| 561 | } | ||
| 562 | if (this.ruleForm.ywrData.length == 0) { | ||
| 563 | this.$message({ | ||
| 564 | showClose: true, | ||
| 565 | message: "请确认义务人信息", | ||
| 566 | type: "error", | ||
| 567 | }); | ||
| 568 | return false; | ||
| 569 | } | ||
| 570 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 571 | if (this.ruleForm.qlrData.length > 1) { | ||
| 572 | this.$message({ | ||
| 573 | showClose: true, | ||
| 574 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 575 | type: "error", | ||
| 576 | }); | ||
| 577 | return false; | ||
| 578 | } | ||
| 579 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 580 | } | ||
| 581 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 582 | //是否分别持证 | ||
| 583 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 584 | //是 | ||
| 585 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 586 | item.sfczr = "1"; | ||
| 587 | }); | ||
| 588 | } else { | ||
| 589 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 590 | if (item.zjh == this.ruleForm.czr) { | ||
| 591 | item.sfczr = "1"; | ||
| 592 | } else { | ||
| 593 | item.sfczr = "0"; | ||
| 594 | } | ||
| 595 | }); | ||
| 596 | } | ||
| 597 | } | ||
| 598 | save(this.ruleForm).then((res) => { | ||
| 599 | if (res.code === 200) { | ||
| 600 | this.$message({ | ||
| 601 | showClose: true, | ||
| 602 | message: "保存成功！", | ||
| 603 | type: "success", | ||
| 604 | }); | ||
| 605 | this.$parent.changeywh() | ||
| 606 | this.$store.dispatch("user/refreshPage", true); | ||
| 607 | } else { | ||
| 608 | this.$message({ | ||
| 609 | showClose: true, | ||
| 610 | message: res.message, | ||
| 611 | type: "error", | ||
| 612 | }); | ||
| 613 | } | ||
| 584 | }); | 614 | }); |
| 615 | } else { | ||
| 585 | return false; | 616 | return false; |
| 586 | } | 617 | } |
| 587 | if (this.ruleForm.qlxx.gyfs == "0") { | 618 | }); |
| 588 | if (this.ruleForm.qlrData.length > 1) { | 619 | }, |
| 589 | this.$message({ | ||
| 590 | showClose: true, | ||
| 591 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 592 | type: "error", | ||
| 593 | }); | ||
| 594 | return false; | ||
| 595 | } | ||
| 596 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 597 | } | ||
| 598 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 599 | //是否分别持证 | ||
| 600 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 601 | //是 | ||
| 602 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 603 | item.sfczr = "1"; | ||
| 604 | }); | ||
| 605 | } else { | ||
| 606 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 607 | if (item.zjh == this.ruleForm.czr) { | ||
| 608 | item.sfczr = "1"; | ||
| 609 | } else { | ||
| 610 | item.sfczr = "0"; | ||
| 611 | } | ||
| 612 | }); | ||
| 613 | } | ||
| 614 | } | ||
| 615 | save(this.ruleForm).then((res) => { | ||
| 616 | if (res.code === 200) { | ||
| 617 | this.$message({ | ||
| 618 | showClose: true, | ||
| 619 | message: "保存成功！", | ||
| 620 | type: "success", | ||
| 621 | }); | ||
| 622 | this.$parent.changeywh() | ||
| 623 | this.$store.dispatch("user/refreshPage", true); | ||
| 624 | } else { | ||
| 625 | this.$message({ | ||
| 626 | showClose: true, | ||
| 627 | message: res.message, | ||
| 628 | type: "error", | ||
| 629 | }); | ||
| 630 | } | ||
| 631 | }); | ||
| 632 | } else { | ||
| 633 | return false; | ||
| 634 | } | ||
| 635 | }); | ||
| 636 | }, | 620 | }, |
| 637 | }, | 621 | }; |
| 638 | }; | ||
| 639 | </script> | 622 | </script> |
| 640 | <style scoped lang="scss"> | 623 | <style scoped lang="scss"> |
| 641 | @import "~@/styles/public.scss"; | 624 | @import "~@/styles/public.scss"; |
| 642 | @import "~@/styles/slxx/slxx.scss"; | 625 | @import "~@/styles/slxx/slxx.scss"; |
| 643 | </style> | 626 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-08-01 18:12:57 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | inline-message | 17 | inline-message |
| 18 | :show-message="false" | 18 | :show-message="false" |
| 19 | label-width="145px" | 19 | label-width="145px"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -49,25 +48,21 @@ | ... | @@ -49,25 +48,21 @@ |
| 49 | <el-form-item | 48 | <el-form-item |
| 50 | label="抵押不动产信息：" | 49 | label="抵押不动产信息：" |
| 51 | prop="ztQlxx.bdcqzh" | 50 | prop="ztQlxx.bdcqzh" |
| 52 | :rules="rules.ztQlxxrules" | 51 | :rules="rules.ztQlxxrules"> |
| 53 | > | ||
| 54 | <select-table | 52 | <select-table |
| 55 | v-model="ruleForm.ztQlxx" | 53 | v-model="ruleForm.ztQlxx" |
| 56 | :table-width="550" | 54 | :table-width="550" |
| 57 | :tableData="ztQlxxList" | 55 | :tableData="ztQlxxList" |
| 58 | :props="props" | 56 | :props="props" |
| 59 | @change="ztQlxxchange" | 57 | @change="ztQlxxchange"> |
| 60 | > | ||
| 61 | <el-table-column | 58 | <el-table-column |
| 62 | prop="qllxmc" | 59 | prop="qllxmc" |
| 63 | width="130" | 60 | width="130" |
| 64 | label="权利类型" | 61 | label="权利类型"></el-table-column> |
| 65 | ></el-table-column> | ||
| 66 | <el-table-column | 62 | <el-table-column |
| 67 | prop="bdcqzh" | 63 | prop="bdcqzh" |
| 68 | width="160" | 64 | width="160" |
| 69 | label="不动产权证书" | 65 | label="不动产权证书"></el-table-column> |
| 70 | ></el-table-column> | ||
| 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -83,18 +78,15 @@ | ... | @@ -83,18 +78,15 @@ |
| 83 | :table-width="550" | 78 | :table-width="550" |
| 84 | :tableData="ssQlxxList" | 79 | :tableData="ssQlxxList" |
| 85 | :props="props" | 80 | :props="props" |
| 86 | @change="ssQlxxchange" | 81 | @change="ssQlxxchange"> |
| 87 | > | ||
| 88 | <el-table-column | 82 | <el-table-column |
| 89 | prop="qllxmc" | 83 | prop="qllxmc" |
| 90 | width="130" | 84 | width="130" |
| 91 | label="权利类型" | 85 | label="权利类型"></el-table-column> |
| 92 | ></el-table-column> | ||
| 93 | <el-table-column | 86 | <el-table-column |
| 94 | prop="bdcqzh" | 87 | prop="bdcqzh" |
| 95 | width="160" | 88 | width="160" |
| 96 | label="不动产权证书" | 89 | label="不动产权证书"></el-table-column> |
| 97 | ></el-table-column> | ||
| 98 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 90 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 99 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 91 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 100 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 92 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -166,7 +158,7 @@ | ... | @@ -166,7 +158,7 @@ |
| 166 | </el-form-item> | 158 | </el-form-item> |
| 167 | </el-col> | 159 | </el-col> |
| 168 | <el-col :span="8"> | 160 | <el-col :span="8"> |
| 169 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 161 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> |
| 170 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 162 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 171 | </el-form-item> | 163 | </el-form-item> |
| 172 | </el-col> | 164 | </el-col> |
| ... | @@ -191,15 +183,13 @@ | ... | @@ -191,15 +183,13 @@ |
| 191 | <el-form-item | 183 | <el-form-item |
| 192 | label="登记类型：" | 184 | label="登记类型：" |
| 193 | prop="qlxx.djlx" | 185 | prop="qlxx.djlx" |
| 194 | :rules="rules.djlxrules" | 186 | :rules="rules.djlxrules"> |
| 195 | > | ||
| 196 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 187 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 197 | <el-option | 188 | <el-option |
| 198 | v-for="item in djlxlist" | 189 | v-for="item in djlxlist" |
| 199 | :key="item.dcode" | 190 | :key="item.dcode" |
| 200 | :label="item.dname" | 191 | :label="item.dname" |
| 201 | :value="item.dcode" | 192 | :value="item.dcode"> |
| 202 | > | ||
| 203 | </el-option> | 193 | </el-option> |
| 204 | </el-select> | 194 | </el-select> |
| 205 | </el-form-item> | 195 | </el-form-item> |
| ... | @@ -213,8 +203,7 @@ | ... | @@ -213,8 +203,7 @@ |
| 213 | <el-form-item | 203 | <el-form-item |
| 214 | label="不动产权证号：" | 204 | label="不动产权证号：" |
| 215 | prop="qlxx.bdcqzh" | 205 | prop="qlxx.bdcqzh" |
| 216 | :rules="rules.bdcqzhrules" | 206 | :rules="rules.bdcqzhrules"> |
| 217 | > | ||
| 218 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 207 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 219 | </el-form-item> | 208 | </el-form-item> |
| 220 | </el-col> | 209 | </el-col> |
| ... | @@ -227,8 +216,7 @@ | ... | @@ -227,8 +216,7 @@ |
| 227 | <el-form-item | 216 | <el-form-item |
| 228 | label="登记机构：" | 217 | label="登记机构：" |
| 229 | prop="qlxx.djjg" | 218 | prop="qlxx.djjg" |
| 230 | :rules="rules.djjgrules" | 219 | :rules="rules.djjgrules"> |
| 231 | > | ||
| 232 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 220 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 233 | </el-form-item> | 221 | </el-form-item> |
| 234 | </el-col> | 222 | </el-col> |
| ... | @@ -236,8 +224,7 @@ | ... | @@ -236,8 +224,7 @@ |
| 236 | <el-form-item | 224 | <el-form-item |
| 237 | label="登簿人：" | 225 | label="登簿人：" |
| 238 | prop="qlxx.dbr" | 226 | prop="qlxx.dbr" |
| 239 | :rules="rules.dbrrules" | 227 | :rules="rules.dbrrules"> |
| 240 | > | ||
| 241 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 228 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 242 | </el-form-item> | 229 | </el-form-item> |
| 243 | </el-col> | 230 | </el-col> |
| ... | @@ -245,16 +232,14 @@ | ... | @@ -245,16 +232,14 @@ |
| 245 | <el-form-item | 232 | <el-form-item |
| 246 | label="登记时间：" | 233 | label="登记时间：" |
| 247 | prop="qlxx.djsj" | 234 | prop="qlxx.djsj" |
| 248 | :rules="rules.djsjrules" | 235 | :rules="rules.djsjrules"> |
| 249 | > | ||
| 250 | <el-date-picker | 236 | <el-date-picker |
| 251 | v-model="ruleForm.qlxx.djsj" | 237 | v-model="ruleForm.qlxx.djsj" |
| 252 | class="width100" | 238 | class="width100" |
| 253 | type="date" | 239 | type="date" |
| 254 | placeholder="选择日期" | 240 | placeholder="选择日期" |
| 255 | value-format="yyyy-MM-dd HH:mm:ss" | 241 | value-format="yyyy-MM-dd HH:mm:ss" |
| 256 | format="yyyy-MM-dd" | 242 | format="yyyy-MM-dd"> |
| 257 | > | ||
| 258 | </el-date-picker> | 243 | </el-date-picker> |
| 259 | </el-form-item> | 244 | </el-form-item> |
| 260 | </el-col> | 245 | </el-col> |
| ... | @@ -265,8 +250,7 @@ | ... | @@ -265,8 +250,7 @@ |
| 265 | v-for="item in qsztlist" | 250 | v-for="item in qsztlist" |
| 266 | :key="item.dcode" | 251 | :key="item.dcode" |
| 267 | :label="item.dname" | 252 | :label="item.dname" |
| 268 | :value="item.dcode" | 253 | :value="item.dcode"> |
| 269 | > | ||
| 270 | </el-option> | 254 | </el-option> |
| 271 | </el-select> | 255 | </el-select> |
| 272 | </el-form-item> | 256 | </el-form-item> |
| ... | @@ -310,8 +294,7 @@ | ... | @@ -310,8 +294,7 @@ |
| 310 | type="date" | 294 | type="date" |
| 311 | placeholder="选择日期" | 295 | placeholder="选择日期" |
| 312 | value-format="yyyy-MM-dd HH:mm:ss" | 296 | value-format="yyyy-MM-dd HH:mm:ss" |
| 313 | format="yyyy-MM-dd" | 297 | format="yyyy-MM-dd"> |
| 314 | > | ||
| 315 | </el-date-picker> | 298 | </el-date-picker> |
| 316 | </el-form-item> | 299 | </el-form-item> |
| 317 | </el-col> | 300 | </el-col> |
| ... | @@ -325,8 +308,7 @@ | ... | @@ -325,8 +308,7 @@ |
| 325 | <el-form-item label="共有方式："> | 308 | <el-form-item label="共有方式："> |
| 326 | <el-radio-group | 309 | <el-radio-group |
| 327 | :disabled="!ableOperation" | 310 | :disabled="!ableOperation" |
| 328 | v-model="ruleForm.qlxx.gyfs" | 311 | v-model="ruleForm.qlxx.gyfs"> |
| 329 | > | ||
| 330 | <el-radio label="0">单独所有</el-radio> | 312 | <el-radio label="0">单独所有</el-radio> |
| 331 | <el-radio label="1">共同共有</el-radio> | 313 | <el-radio label="1">共同共有</el-radio> |
| 332 | <el-radio label="2">按份所有</el-radio> | 314 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -340,8 +322,7 @@ | ... | @@ -340,8 +322,7 @@ |
| 340 | @upDateQlrxxList="upDateQlrxxList" | 322 | @upDateQlrxxList="upDateQlrxxList" |
| 341 | :key="key" | 323 | :key="key" |
| 342 | :ableOperation="ableOperation" | 324 | :ableOperation="ableOperation" |
| 343 | :gyfs="ruleForm.qlxx.gyfs" | 325 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 344 | /> | ||
| 345 | <div v-if="ruleForm.ywrData"> | 326 | <div v-if="ruleForm.ywrData"> |
| 346 | <div class="slxx_title title-block"> | 327 | <div class="slxx_title title-block"> |
| 347 | 义务人信息 | 328 | 义务人信息 |
| ... | @@ -352,8 +333,7 @@ | ... | @@ -352,8 +333,7 @@ |
| 352 | :tableData="ruleForm.ywrData" | 333 | :tableData="ruleForm.ywrData" |
| 353 | :key="key" | 334 | :key="key" |
| 354 | :ableOperation="ableOperation" | 335 | :ableOperation="ableOperation" |
| 355 | @upDateQlrxxList="upDateYwrxxList" | 336 | @upDateQlrxxList="upDateYwrxxList" /> |
| 356 | /> | ||
| 357 | </div> | 337 | </div> |
| 358 | </div> | 338 | </div> |
| 359 | <el-row class="btn" v-if="ableOperation"> | 339 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -365,277 +345,279 @@ | ... | @@ -365,277 +345,279 @@ |
| 365 | </div> | 345 | </div> |
| 366 | </template> | 346 | </template> |
| 367 | <script> | 347 | <script> |
| 368 | import { mapGetters } from "vuex"; | 348 | import { mapGetters } from "vuex"; |
| 369 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 349 | import ywmix from "@/views/ywbl/mixin/index" |
| 370 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 350 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 371 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 351 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 372 | import tdytTable from "@/views/workflow/components/tdytTable"; | 352 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 373 | import selectTable from "@/components/selectTable/index.vue"; | 353 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 374 | export default { | 354 | import selectTable from "@/components/selectTable/index.vue"; |
| 375 | components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable}, | 355 | export default { |
| 376 | computed: { | 356 | mixins: [ywmix], |
| 377 | ...mapGetters(["dictData", "flag"]), | 357 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 378 | // 根据流程判断表单是否为只读 | 358 | computed: { |
| 379 | editDisabled() { | 359 | ...mapGetters(["dictData", "flag"]), |
| 380 | if (!this.ableOperation) { | 360 | // 根据流程判断表单是否为只读 |
| 381 | //只读状态 | 361 | editDisabled () { |
| 382 | return true; | 362 | if (!this.ableOperation) { |
| 383 | } | 363 | //只读状态 |
| 384 | return false; | 364 | return true; |
| 385 | }, | 365 | } |
| 386 | }, | 366 | return false; |
| 387 | data() { | ||
| 388 | return { | ||
| 389 | ssqlxxshow: true, | ||
| 390 | props: { | ||
| 391 | label: "bdcqzh", | ||
| 392 | value: "bdcdyid", | ||
| 393 | }, | 367 | }, |
| 394 | //表单是否可操作 | 368 | }, |
| 395 | propsParam: this.$attrs, | 369 | data () { |
| 396 | key: 0, | 370 | return { |
| 397 | isShow: false, | 371 | ssqlxxshow: true, |
| 398 | disabled: true, | 372 | props: { |
| 399 | czrOptions: [], | 373 | label: "bdcqzh", |
| 400 | ssQlxxList: [], | 374 | value: "bdcdyid", |
| 401 | ztQlxxList: [], | ||
| 402 | ruleForm: {}, | ||
| 403 | // 登记类型 | ||
| 404 | djlxlist: [ | ||
| 405 | { | ||
| 406 | dcode: "100", | ||
| 407 | dname: "首次登记", | ||
| 408 | }, | ||
| 409 | { | ||
| 410 | dcode: "200", | ||
| 411 | dname: "转移登记", | ||
| 412 | }, | ||
| 413 | { | ||
| 414 | dcode: "300", | ||
| 415 | dname: "变更登记", | ||
| 416 | }, | ||
| 417 | { | ||
| 418 | dcode: "500", | ||
| 419 | dname: "更正登记", | ||
| 420 | }, | 375 | }, |
| 376 | //表单是否可操作 | ||
| 377 | propsParam: this.$attrs, | ||
| 378 | key: 0, | ||
| 379 | isShow: false, | ||
| 380 | disabled: true, | ||
| 381 | czrOptions: [], | ||
| 382 | ssQlxxList: [], | ||
| 383 | ztQlxxList: [], | ||
| 384 | ruleForm: {}, | ||
| 385 | // 登记类型 | ||
| 386 | djlxlist: [ | ||
| 387 | { | ||
| 388 | dcode: "100", | ||
| 389 | dname: "首次登记", | ||
| 390 | }, | ||
| 391 | { | ||
| 392 | dcode: "200", | ||
| 393 | dname: "转移登记", | ||
| 394 | }, | ||
| 395 | { | ||
| 396 | dcode: "300", | ||
| 397 | dname: "变更登记", | ||
| 398 | }, | ||
| 399 | { | ||
| 400 | dcode: "500", | ||
| 401 | dname: "更正登记", | ||
| 402 | }, | ||
| 421 | 403 | ||
| 422 | { | 404 | { |
| 423 | dcode: "901", | 405 | dcode: "901", |
| 424 | dname: "补证", | 406 | dname: "补证", |
| 425 | }, | 407 | }, |
| 426 | { | 408 | { |
| 427 | dcode: "902", | 409 | dcode: "902", |
| 428 | dname: "换证", | 410 | dname: "换证", |
| 429 | }, | 411 | }, |
| 430 | ], | ||
| 431 | // 权属状态 | ||
| 432 | qsztlist: [ | ||
| 433 | { | ||
| 434 | dcode: "1", | ||
| 435 | dname: "现势", | ||
| 436 | }, | ||
| 437 | { | ||
| 438 | dcode: "2", | ||
| 439 | dname: "历史", | ||
| 440 | }, | ||
| 441 | ], | ||
| 442 | //传递参数\ | ||
| 443 | rules: { | ||
| 444 | ztQlxxrules: [ | ||
| 445 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 446 | ], | 412 | ], |
| 447 | bdcqzhrules: [ | 413 | // 权属状态 |
| 448 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 414 | qsztlist: [ |
| 415 | { | ||
| 416 | dcode: "1", | ||
| 417 | dname: "现势", | ||
| 418 | }, | ||
| 419 | { | ||
| 420 | dcode: "2", | ||
| 421 | dname: "历史", | ||
| 422 | }, | ||
| 449 | ], | 423 | ], |
| 450 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 424 | //传递参数\ |
| 451 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 425 | rules: { |
| 452 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 426 | ztQlxxrules: [ |
| 453 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 427 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 454 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 428 | ], |
| 455 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 429 | bdcqzhrules: [ |
| 456 | }, | 430 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 457 | ableOperation: false, | 431 | ], |
| 458 | }; | 432 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 459 | }, | 433 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 460 | created() { | 434 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 461 | this.loadData(); | 435 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 462 | }, | 436 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], |
| 463 | mounted() { | 437 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 464 | this.ableOperation = this.$parent.ableOperation; | 438 | }, |
| 465 | }, | 439 | ableOperation: false, |
| 466 | methods: { | 440 | }; |
| 467 | /** | ||
| 468 | * @description: ztQlxxchange | ||
| 469 | * @param {*} val | ||
| 470 | * @author: renchao | ||
| 471 | */ | ||
| 472 | ztQlxxchange(val) { | ||
| 473 | this.ruleForm.ztQlxx = val; | ||
| 474 | }, | 441 | }, |
| 475 | /** | 442 | created () { |
| 476 | * @description: ssQlxxchange | 443 | this.loadData(); |
| 477 | * @param {*} val | ||
| 478 | * @author: renchao | ||
| 479 | */ | ||
| 480 | ssQlxxchange(val) { | ||
| 481 | this.ruleForm.ssQlxx = val; | ||
| 482 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 483 | }, | 444 | }, |
| 484 | /** | 445 | mounted () { |
| 485 | * @description: djlxchange | 446 | this.ableOperation = this.$parent.ableOperation; |
| 486 | * @param {*} val | ||
| 487 | * @author: renchao | ||
| 488 | */ | ||
| 489 | djlxchange(val) { | ||
| 490 | console.log("val", val); | ||
| 491 | if (val == null || val == 100) { | ||
| 492 | this.ssqlxxshow = false; | ||
| 493 | } else { | ||
| 494 | this.ssqlxxshow = true; | ||
| 495 | } | ||
| 496 | }, | 447 | }, |
| 497 | /** | 448 | methods: { |
| 498 | * @description: loadData | 449 | /** |
| 499 | * @author: renchao | 450 | * @description: ztQlxxchange |
| 500 | */ | 451 | * @param {*} val |
| 501 | loadData() { | 452 | * @author: renchao |
| 502 | this.$startLoading(); | 453 | */ |
| 503 | this.propsParam.isEdit = this.$parent.isEdit; | 454 | ztQlxxchange (val) { |
| 504 | init(this.propsParam).then((res) => { | 455 | this.ruleForm.ztQlxx = val; |
| 505 | if (res.code == 200) { | 456 | }, |
| 506 | this.ruleForm = res.result; | 457 | /** |
| 507 | let djlx = this.ruleForm.qlxx.djlx; | 458 | * @description: ssQlxxchange |
| 508 | if (djlx == null || djlx == 100) { | 459 | * @param {*} val |
| 509 | this.ssqlxxshow = false; | 460 | * @author: renchao |
| 510 | } | 461 | */ |
| 511 | this.$endLoading(); | 462 | ssQlxxchange (val) { |
| 512 | this.isShow = true; | 463 | this.ruleForm.ssQlxx = val; |
| 513 | } | 464 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 514 | }); | 465 | }, |
| 515 | //获取主体信息 | 466 | /** |
| 516 | getSsQlxx({ | 467 | * @description: djlxchange |
| 517 | bdcdyid: this.propsParam.bdcdyid, | 468 | * @param {*} val |
| 518 | qllx: this.propsParam.qllx, | 469 | * @author: renchao |
| 519 | }).then((res) => { | 470 | */ |
| 520 | if (res.code == 200) { | 471 | djlxchange (val) { |
| 521 | this.ssQlxxList = res.result; | 472 | console.log("val", val); |
| 522 | } | 473 | if (val == null || val == 100) { |
| 523 | }); | 474 | this.ssqlxxshow = false; |
| 524 | //获取上手信息 | 475 | } else { |
| 525 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 476 | this.ssqlxxshow = true; |
| 526 | if (res.code == 200) { | ||
| 527 | this.ztQlxxList = res.result; | ||
| 528 | } | 477 | } |
| 529 | }); | 478 | }, |
| 530 | }, | 479 | /** |
| 531 | // 更新土地用途信息 | 480 | * @description: loadData |
| 532 | /** | 481 | * @author: renchao |
| 533 | * @description: 更新土地用途信息 | 482 | */ |
| 534 | * @param {*} val | 483 | loadData () { |
| 535 | * @author: renchao | 484 | this.$startLoading(); |
| 536 | */ | 485 | this.propsParam.isEdit = this.$parent.isEdit; |
| 537 | upDateTdytxxList(val) { | 486 | init(this.propsParam).then((res) => { |
| 538 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 487 | if (res.code == 200) { |
| 539 | this.key++; | 488 | this.ruleForm = res.result; |
| 540 | }, | 489 | let djlx = this.ruleForm.qlxx.djlx; |
| 541 | // 更新权利人信息 | 490 | if (djlx == null || djlx == 100) { |
| 542 | /** | 491 | this.ssqlxxshow = false; |
| 543 | * @description: 更新权利人信息 | 492 | } |
| 544 | * @param {*} val | 493 | this.$endLoading(); |
| 545 | * @author: renchao | 494 | this.isShow = true; |
| 546 | */ | ||
| 547 | upDateQlrxxList(val) { | ||
| 548 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 549 | this.czrOptions = this.ruleForm.qlrData; | ||
| 550 | this.key++; | ||
| 551 | }, | ||
| 552 | // 更新义务人信息 | ||
| 553 | /** | ||
| 554 | * @description: 更新义务人信息 | ||
| 555 | * @param {*} val | ||
| 556 | * @author: renchao | ||
| 557 | */ | ||
| 558 | upDateYwrxxList(val) { | ||
| 559 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 560 | this.key++; | ||
| 561 | }, | ||
| 562 | /** | ||
| 563 | * @description: onSubmit | ||
| 564 | * @author: renchao | ||
| 565 | */ | ||
| 566 | onSubmit() { | ||
| 567 | this.$refs.ruleForm.validate((valid) => { | ||
| 568 | if (valid) { | ||
| 569 | if (this.ruleForm.qlrData.length == 0) { | ||
| 570 | this.$message({ | ||
| 571 | showClose: true, | ||
| 572 | message: "请确认权利人信息", | ||
| 573 | type: "error", | ||
| 574 | }); | ||
| 575 | return false; | ||
| 576 | } | 495 | } |
| 577 | if (this.ruleForm.ywrData.length == 0) { | 496 | }); |
| 578 | this.$message({ | 497 | //获取主体信息 |
| 579 | showClose: true, | 498 | getSsQlxx({ |
| 580 | message: "请确认义务人信息", | 499 | bdcdyid: this.propsParam.bdcdyid, |
| 581 | type: "error", | 500 | qllx: this.propsParam.qllx, |
| 582 | }); | 501 | }).then((res) => { |
| 583 | return false; | 502 | if (res.code == 200) { |
| 503 | this.ssQlxxList = res.result; | ||
| 504 | } | ||
| 505 | }); | ||
| 506 | //获取上手信息 | ||
| 507 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 508 | if (res.code == 200) { | ||
| 509 | this.ztQlxxList = res.result; | ||
| 584 | } | 510 | } |
| 585 | if (this.ruleForm.qlxx.gyfs == "0") { | 511 | }); |
| 586 | if (this.ruleForm.qlrData.length > 1) { | 512 | }, |
| 513 | // 更新土地用途信息 | ||
| 514 | /** | ||
| 515 | * @description: 更新土地用途信息 | ||
| 516 | * @param {*} val | ||
| 517 | * @author: renchao | ||
| 518 | */ | ||
| 519 | upDateTdytxxList (val) { | ||
| 520 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 521 | this.key++; | ||
| 522 | }, | ||
| 523 | // 更新权利人信息 | ||
| 524 | /** | ||
| 525 | * @description: 更新权利人信息 | ||
| 526 | * @param {*} val | ||
| 527 | * @author: renchao | ||
| 528 | */ | ||
| 529 | upDateQlrxxList (val) { | ||
| 530 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 531 | this.czrOptions = this.ruleForm.qlrData; | ||
| 532 | this.key++; | ||
| 533 | }, | ||
| 534 | // 更新义务人信息 | ||
| 535 | /** | ||
| 536 | * @description: 更新义务人信息 | ||
| 537 | * @param {*} val | ||
| 538 | * @author: renchao | ||
| 539 | */ | ||
| 540 | upDateYwrxxList (val) { | ||
| 541 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 542 | this.key++; | ||
| 543 | }, | ||
| 544 | /** | ||
| 545 | * @description: onSubmit | ||
| 546 | * @author: renchao | ||
| 547 | */ | ||
| 548 | onSubmit () { | ||
| 549 | this.$refs.ruleForm.validate((valid) => { | ||
| 550 | if (valid) { | ||
| 551 | if (this.ruleForm.qlrData.length == 0) { | ||
| 587 | this.$message({ | 552 | this.$message({ |
| 588 | showClose: true, | 553 | showClose: true, |
| 589 | message: "共有方式：单独所有，权利人只能是一个人", | 554 | message: "请确认权利人信息", |
| 590 | type: "error", | 555 | type: "error", |
| 591 | }); | 556 | }); |
| 592 | return false; | 557 | return false; |
| 593 | } | 558 | } |
| 594 | this.ruleForm.qlrData[0].sfczr = "1"; | 559 | if (this.ruleForm.ywrData.length == 0) { |
| 595 | } | ||
| 596 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 597 | //是否分别持证 | ||
| 598 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 599 | //是 | ||
| 600 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 601 | item.sfczr = "1"; | ||
| 602 | }); | ||
| 603 | } else { | ||
| 604 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 605 | if (item.zjh == this.ruleForm.czr) { | ||
| 606 | item.sfczr = "1"; | ||
| 607 | } else { | ||
| 608 | item.sfczr = "0"; | ||
| 609 | } | ||
| 610 | }); | ||
| 611 | } | ||
| 612 | } | ||
| 613 | save(this.ruleForm).then((res) => { | ||
| 614 | if (res.code === 200) { | ||
| 615 | this.$message({ | 560 | this.$message({ |
| 616 | showClose: true, | 561 | showClose: true, |
| 617 | message: "保存成功！", | 562 | message: "请确认义务人信息", |
| 618 | type: "success", | ||
| 619 | }); | ||
| 620 | this.$parent.changeywh() | ||
| 621 | this.$store.dispatch("user/refreshPage", true); | ||
| 622 | } else { | ||
| 623 | this.$message({ | ||
| 624 | showClose: true, | ||
| 625 | message: res.message, | ||
| 626 | type: "error", | 563 | type: "error", |
| 627 | }); | 564 | }); |
| 565 | return false; | ||
| 628 | } | 566 | } |
| 629 | }); | 567 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 630 | } else { | 568 | if (this.ruleForm.qlrData.length > 1) { |
| 631 | return false; | 569 | this.$message({ |
| 632 | } | 570 | showClose: true, |
| 633 | }); | 571 | message: "共有方式：单独所有，权利人只能是一个人", |
| 572 | type: "error", | ||
| 573 | }); | ||
| 574 | return false; | ||
| 575 | } | ||
| 576 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 577 | } | ||
| 578 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 579 | //是否分别持证 | ||
| 580 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 581 | //是 | ||
| 582 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 583 | item.sfczr = "1"; | ||
| 584 | }); | ||
| 585 | } else { | ||
| 586 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 587 | if (item.zjh == this.ruleForm.czr) { | ||
| 588 | item.sfczr = "1"; | ||
| 589 | } else { | ||
| 590 | item.sfczr = "0"; | ||
| 591 | } | ||
| 592 | }); | ||
| 593 | } | ||
| 594 | } | ||
| 595 | save(this.ruleForm).then((res) => { | ||
| 596 | if (res.code === 200) { | ||
| 597 | this.$message({ | ||
| 598 | showClose: true, | ||
| 599 | message: "保存成功！", | ||
| 600 | type: "success", | ||
| 601 | }); | ||
| 602 | this.$parent.changeywh() | ||
| 603 | this.$store.dispatch("user/refreshPage", true); | ||
| 604 | } else { | ||
| 605 | this.$message({ | ||
| 606 | showClose: true, | ||
| 607 | message: res.message, | ||
| 608 | type: "error", | ||
| 609 | }); | ||
| 610 | } | ||
| 611 | }); | ||
| 612 | } else { | ||
| 613 | return false; | ||
| 614 | } | ||
| 615 | }); | ||
| 616 | }, | ||
| 634 | }, | 617 | }, |
| 635 | }, | 618 | }; |
| 636 | }; | ||
| 637 | </script> | 619 | </script> |
| 638 | <style scoped lang="scss"> | 620 | <style scoped lang="scss"> |
| 639 | @import "~@/styles/public.scss"; | 621 | @import "~@/styles/public.scss"; |
| 640 | @import "~@/styles/slxx/slxx.scss"; | 622 | @import "~@/styles/slxx/slxx.scss"; |
| 641 | </style> | 623 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 09:37:55 | 4 | * @LastEditTime: 2023-08-01 17:41:49 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
| 52 | width: '50', | 52 | width: '50', |
| 53 | renderHeader: (h, scope) => { | 53 | renderHeader: (h, scope) => { |
| 54 | return <div> { | 54 | return <div> { |
| 55 | this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 55 | this.isDisabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
| 56 | } | 56 | } |
| 57 | </div> | 57 | </div> |
| 58 | }, | 58 | }, |
| ... | @@ -60,7 +60,7 @@ | ... | @@ -60,7 +60,7 @@ |
| 60 | return ( | 60 | return ( |
| 61 | <div> | 61 | <div> |
| 62 | { | 62 | { |
| 63 | this.isDisabled? <span>{scope.$index + 1}</span> : | 63 | this.isDisabled ? <span>{scope.$index + 1}</span> : |
| 64 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 64 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
| 65 | } | 65 | } |
| 66 | </div> | 66 | </div> |
| ... | @@ -141,11 +141,11 @@ | ... | @@ -141,11 +141,11 @@ |
| 141 | }, | 141 | }, |
| 142 | gyfs: { | 142 | gyfs: { |
| 143 | handler (newVal, oldValue) { | 143 | handler (newVal, oldValue) { |
| 144 | console.log(newVal, 'newValnewValnewValnewVal', this.tableData); | ||
| 144 | let dataList = _.cloneDeep(this.InformationTable) | 145 | let dataList = _.cloneDeep(this.InformationTable) |
| 145 | if (newVal == 0) { | 146 | if (newVal == 0) { |
| 146 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 147 | this.column = _.cloneDeep(dataList) | 147 | this.column = _.cloneDeep(dataList) |
| 148 | 148 | this.tableDataList = _.cloneDeep(this.tableData) | |
| 149 | } else if ((newVal == '1' || newVal == '3')) { | 149 | } else if ((newVal == '1' || newVal == '3')) { |
| 150 | this.column = dataList | 150 | this.column = dataList |
| 151 | } else { | 151 | } else { |
| ... | @@ -270,7 +270,7 @@ | ... | @@ -270,7 +270,7 @@ |
| 270 | /deep/.el-table th { | 270 | /deep/.el-table th { |
| 271 | height: 30px !important; | 271 | height: 30px !important; |
| 272 | } | 272 | } |
| 273 | /deep/.el-table .cell { | 273 | /deep/.el-table .cell { |
| 274 | padding-right: 12px; | 274 | padding-right: 12px; |
| 275 | } | 275 | } |
| 276 | </style> | 276 | </style> | ... | ... |
src/views/ywbl/mixin/index.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-01 18:05:25 | ||
| 5 | */ | ||
| 6 | export default { | ||
| 7 | data () { | ||
| 8 | return { | ||
| 9 | } | ||
| 10 | }, | ||
| 11 | watch: { | ||
| 12 | 'ruleForm.sldy.gyfs': { | ||
| 13 | handler: function (val, oldVal) { | ||
| 14 | if (val == '0' && this.ruleForm.qlrList.length > 1) { | ||
| 15 | this.ruleForm.sldy.gyfs = oldVal | ||
| 16 | this.$message({ | ||
| 17 | message: '单独所有只能选择一个，请先删除再切换', | ||
| 18 | type: 'warning' | ||
| 19 | }) | ||
| 20 | } | ||
| 21 | }, | ||
| 22 | immediate: true | ||
| 23 | } | ||
| 24 | }, | ||
| 25 | } |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023年07月27日 19:38:26 | 4 | * @LastEditTime: 2023-08-01 18:13:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -205,11 +205,13 @@ | ... | @@ -205,11 +205,13 @@ |
| 205 | </div> | 205 | </div> |
| 206 | </template> | 206 | </template> |
| 207 | <script> | 207 | <script> |
| 208 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 208 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 209 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 209 | import tdytTable from "@/views/workflow/components/tdytTable"; | 210 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 210 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; | 211 | import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; |
| 211 | import { mapGetters } from "vuex"; | 212 | import { mapGetters } from "vuex"; |
| 212 | export default { | 213 | export default { |
| 214 | mixins: [ywmix], | ||
| 213 | mounted () { | 215 | mounted () { |
| 214 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 216 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 215 | this.propsParam = this.$attrs; | 217 | this.propsParam = this.$attrs; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-21 14:13:57 | 4 | * @LastEditTime: 2023-08-01 18:13:38 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -104,9 +104,9 @@ | ... | @@ -104,9 +104,9 @@ |
| 104 | </el-col> | 104 | </el-col> |
| 105 | <el-col :span="8"> | 105 | <el-col :span="8"> |
| 106 | <el-form-item label="建筑面积："> | 106 | <el-form-item label="建筑面积："> |
| 107 | <div class="flex"> | 107 | <div class="flex"> |
| 108 | <el-input disabled v-model="ruleForm.qlxx.mj" | 108 | <el-input disabled v-model="ruleForm.qlxx.mj" |
| 109 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 109 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 110 | <el-select | 110 | <el-select |
| 111 | disabled | 111 | disabled |
| 112 | v-model="mjdw" | 112 | v-model="mjdw" |
| ... | @@ -118,14 +118,14 @@ | ... | @@ -118,14 +118,14 @@ |
| 118 | :value="item.dcode"> | 118 | :value="item.dcode"> |
| 119 | </el-option> | 119 | </el-option> |
| 120 | </el-select> | 120 | </el-select> |
| 121 | </div> | 121 | </div> |
| 122 | </el-form-item> | 122 | </el-form-item> |
| 123 | </el-col> | 123 | </el-col> |
| 124 | <el-col :span="8"> | 124 | <el-col :span="8"> |
| 125 | <el-form-item label="专有建筑面积："> | 125 | <el-form-item label="专有建筑面积："> |
| 126 | <div class="flex"> | 126 | <div class="flex"> |
| 127 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" | 127 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" |
| 128 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 128 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 129 | <el-select | 129 | <el-select |
| 130 | disabled | 130 | disabled |
| 131 | v-model="mjdw" | 131 | v-model="mjdw" |
| ... | @@ -137,7 +137,7 @@ | ... | @@ -137,7 +137,7 @@ |
| 137 | :value="item.dcode"> | 137 | :value="item.dcode"> |
| 138 | </el-option> | 138 | </el-option> |
| 139 | </el-select> | 139 | </el-select> |
| 140 | </div> | 140 | </div> |
| 141 | </el-form-item> | 141 | </el-form-item> |
| 142 | </el-col> | 142 | </el-col> |
| 143 | </el-row> | 143 | </el-row> |
| ... | @@ -145,9 +145,9 @@ | ... | @@ -145,9 +145,9 @@ |
| 145 | 145 | ||
| 146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 147 | <el-form-item label="分摊建筑面积："> | 147 | <el-form-item label="分摊建筑面积："> |
| 148 | <div class="flex"> | 148 | <div class="flex"> |
| 149 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" | 149 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" |
| 150 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 150 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 151 | <el-select | 151 | <el-select |
| 152 | disabled | 152 | disabled |
| 153 | v-model="mjdw" | 153 | v-model="mjdw" |
| ... | @@ -159,7 +159,7 @@ | ... | @@ -159,7 +159,7 @@ |
| 159 | :value="item.dcode"> | 159 | :value="item.dcode"> |
| 160 | </el-option> | 160 | </el-option> |
| 161 | </el-select> | 161 | </el-select> |
| 162 | </div> | 162 | </div> |
| 163 | </el-form-item> | 163 | </el-form-item> |
| 164 | </el-col> | 164 | </el-col> |
| 165 | </el-row> | 165 | </el-row> |
| ... | @@ -247,11 +247,13 @@ | ... | @@ -247,11 +247,13 @@ |
| 247 | </div> | 247 | </div> |
| 248 | </template> | 248 | </template> |
| 249 | <script> | 249 | <script> |
| 250 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 250 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 251 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 251 | import tdytTable from "@/views/workflow/components/tdytTable"; | 252 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 252 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; | 253 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 253 | import { mapGetters } from "vuex"; | 254 | import { mapGetters } from "vuex"; |
| 254 | export default { | 255 | export default { |
| 256 | mixins: [ywmix], | ||
| 255 | mounted () { | 257 | mounted () { |
| 256 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 258 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 257 | this.propsParam = this.$attrs; | 259 | this.propsParam = this.$attrs; |
| ... | @@ -276,7 +278,7 @@ | ... | @@ -276,7 +278,7 @@ |
| 276 | }, | 278 | }, |
| 277 | data () { | 279 | data () { |
| 278 | return { | 280 | return { |
| 279 | mjdw:"1", | 281 | mjdw: "1", |
| 280 | disabled: true, | 282 | disabled: true, |
| 281 | tdytOption: [], | 283 | tdytOption: [], |
| 282 | czrOptions: [], | 284 | czrOptions: [], | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 09:22:40 | 4 | * @LastEditTime: 2023-08-01 18:13:55 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -46,10 +46,9 @@ | ... | @@ -46,10 +46,9 @@ |
| 46 | </el-form-item> | 46 | </el-form-item> |
| 47 | </el-col> | 47 | </el-col> |
| 48 | </el-row> | 48 | </el-row> |
| 49 | <div | 49 | <div |
| 50 | class="slxx_title title-block flex" | 50 | class="slxx_title title-block flex" |
| 51 | style="justify-content: space-between" | 51 | style="justify-content: space-between"> |
| 52 | > | ||
| 53 | 不动产单元情况 | 52 | 不动产单元情况 |
| 54 | <el-button @click="compare">变化情况对比+</el-button> | 53 | <el-button @click="compare">变化情况对比+</el-button> |
| 55 | </div> | 54 | </div> |
| ... | @@ -125,8 +124,8 @@ | ... | @@ -125,8 +124,8 @@ |
| 125 | <el-col :span="8"> | 124 | <el-col :span="8"> |
| 126 | <el-form-item label="建筑面积："> | 125 | <el-form-item label="建筑面积："> |
| 127 | <div class="flex"> | 126 | <div class="flex"> |
| 128 | <el-input disabled v-model="ruleForm.qlxx.mj" | 127 | <el-input disabled v-model="ruleForm.qlxx.mj" |
| 129 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 128 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 130 | <el-select | 129 | <el-select |
| 131 | disabled | 130 | disabled |
| 132 | v-model="mjdw" | 131 | v-model="mjdw" |
| ... | @@ -138,14 +137,14 @@ | ... | @@ -138,14 +137,14 @@ |
| 138 | :value="item.dcode"> | 137 | :value="item.dcode"> |
| 139 | </el-option> | 138 | </el-option> |
| 140 | </el-select> | 139 | </el-select> |
| 141 | </div> | 140 | </div> |
| 142 | </el-form-item> | 141 | </el-form-item> |
| 143 | </el-col> | 142 | </el-col> |
| 144 | <el-col :span="8"> | 143 | <el-col :span="8"> |
| 145 | <el-form-item label="专有建筑面积："> | 144 | <el-form-item label="专有建筑面积："> |
| 146 | <div class="flex"> | 145 | <div class="flex"> |
| 147 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" | 146 | <el-input disabled v-model="ruleForm.fdcq2.zyjzmj" |
| 148 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 147 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 149 | <el-select | 148 | <el-select |
| 150 | disabled | 149 | disabled |
| 151 | v-model="mjdw" | 150 | v-model="mjdw" |
| ... | @@ -157,14 +156,14 @@ | ... | @@ -157,14 +156,14 @@ |
| 157 | :value="item.dcode"> | 156 | :value="item.dcode"> |
| 158 | </el-option> | 157 | </el-option> |
| 159 | </el-select> | 158 | </el-select> |
| 160 | </div> | 159 | </div> |
| 161 | </el-form-item> | 160 | </el-form-item> |
| 162 | </el-col> | 161 | </el-col> |
| 163 | <el-col :span="8"> | 162 | <el-col :span="8"> |
| 164 | <el-form-item label="分摊建筑面积："> | 163 | <el-form-item label="分摊建筑面积："> |
| 165 | <div class="flex"> | 164 | <div class="flex"> |
| 166 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" | 165 | <el-input disabled v-model="ruleForm.fdcq2.ftjzmj" |
| 167 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 166 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 168 | <el-select | 167 | <el-select |
| 169 | disabled | 168 | disabled |
| 170 | v-model="mjdw" | 169 | v-model="mjdw" |
| ... | @@ -176,7 +175,7 @@ | ... | @@ -176,7 +175,7 @@ |
| 176 | :value="item.dcode"> | 175 | :value="item.dcode"> |
| 177 | </el-option> | 176 | </el-option> |
| 178 | </el-select> | 177 | </el-select> |
| 179 | </div> | 178 | </div> |
| 180 | </el-form-item> | 179 | </el-form-item> |
| 181 | </el-col> | 180 | </el-col> |
| 182 | </el-row> | 181 | </el-row> |
| ... | @@ -245,11 +244,13 @@ | ... | @@ -245,11 +244,13 @@ |
| 245 | </div> | 244 | </div> |
| 246 | </template> | 245 | </template> |
| 247 | <script> | 246 | <script> |
| 247 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 248 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 248 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 249 | import tdytTable from "@/views/workflow/components/tdytTable"; | 249 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 250 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; | 250 | import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 251 | import { mapGetters } from "vuex"; | 251 | import { mapGetters } from "vuex"; |
| 252 | export default { | 252 | export default { |
| 253 | mixins: [ywmix], | ||
| 253 | mounted () { | 254 | mounted () { |
| 254 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 255 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 255 | this.propsParam = this.$attrs; | 256 | this.propsParam = this.$attrs; |
| ... | @@ -276,7 +277,7 @@ | ... | @@ -276,7 +277,7 @@ |
| 276 | }, | 277 | }, |
| 277 | data () { | 278 | data () { |
| 278 | return { | 279 | return { |
| 279 | mjdw:"1", | 280 | mjdw: "1", |
| 280 | //表单是否可操作 | 281 | //表单是否可操作 |
| 281 | ableOperation: true, | 282 | ableOperation: true, |
| 282 | disabled: true, | 283 | disabled: true, |
| ... | @@ -397,27 +398,28 @@ | ... | @@ -397,27 +398,28 @@ |
| 397 | } | 398 | } |
| 398 | }); | 399 | }); |
| 399 | }, | 400 | }, |
| 400 | /** | 401 | /** |
| 401 | * @description: compare | 402 | * @description: compare |
| 402 | * @author: renchao | 403 | * @author: renchao |
| 403 | */ | 404 | */ |
| 404 | compare() { | 405 | compare () { |
| 405 | this.$popupDialog( | 406 | this.$popupDialog( |
| 406 | this.ruleForm.qlxx.qllxmc, | 407 | this.ruleForm.qlxx.qllxmc, |
| 407 | "registerBook/comparison", | 408 | "registerBook/comparison", |
| 408 | { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 409 | { |
| 409 | dqqllx: 'FDCQ2', | 410 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 410 | }, | 411 | dqqllx: 'FDCQ2', |
| 411 | "80%", | 412 | }, |
| 412 | true | 413 | "80%", |
| 413 | ); | 414 | true |
| 414 | }, | 415 | ); |
| 416 | }, | ||
| 415 | }, | 417 | }, |
| 416 | }; | 418 | }; |
| 417 | </script> | 419 | </script> |
| 418 | <style scoped lang='scss'> | 420 | <style scoped lang='scss'> |
| 419 | @import "~@/styles/public.scss"; | 421 | @import "~@/styles/public.scss"; |
| 420 | @import "~@/styles/slxx/slxx.scss"; | 422 | @import "~@/styles/slxx/slxx.scss"; |
| 421 | /deep/.el-form { | 423 | /deep/.el-form { |
| 422 | display: flex; | 424 | display: flex; |
| 423 | flex-direction: column; | 425 | flex-direction: column; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-21 14:16:25 | 4 | * @LastEditTime: 2023-08-01 18:14:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -150,10 +150,12 @@ | ... | @@ -150,10 +150,12 @@ |
| 150 | </div> | 150 | </div> |
| 151 | </template> | 151 | </template> |
| 152 | <script> | 152 | <script> |
| 153 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 153 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 154 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 154 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; | 155 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 155 | import { mapGetters } from "vuex"; | 156 | import { mapGetters } from "vuex"; |
| 156 | export default { | 157 | export default { |
| 158 | mixins: [ywmix], | ||
| 157 | mounted (callbackfn, thisArg) { | 159 | mounted (callbackfn, thisArg) { |
| 158 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 160 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 159 | this.propsParam = this.$attrs; | 161 | this.propsParam = this.$attrs; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 09:23:05 | 4 | * @LastEditTime: 2023-08-01 18:14:28 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -186,11 +186,13 @@ | ... | @@ -186,11 +186,13 @@ |
| 186 | </div> | 186 | </div> |
| 187 | </template> | 187 | </template> |
| 188 | <script> | 188 | <script> |
| 189 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 189 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 190 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 190 | import tdytTable from "@/views/workflow/components/tdytTable"; | 191 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 191 | import { Init } from "@/api/workflow/fwsyqFlow.js"; | 192 | import { Init } from "@/api/workflow/fwsyqFlow.js"; |
| 192 | import { mapGetters } from "vuex"; | 193 | import { mapGetters } from "vuex"; |
| 193 | export default { | 194 | export default { |
| 195 | mixins: [ywmix], | ||
| 194 | mounted () { | 196 | mounted () { |
| 195 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 197 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 196 | this.propsParam = this.$attrs; | 198 | this.propsParam = this.$attrs; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 09:23:20 | 4 | * @LastEditTime: 2023-08-01 18:09:01 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -72,9 +72,9 @@ | ... | @@ -72,9 +72,9 @@ |
| 72 | <el-row :gutter="10"> | 72 | <el-row :gutter="10"> |
| 73 | <el-col :span="8"> | 73 | <el-col :span="8"> |
| 74 | <el-form-item label="使用权面积："> | 74 | <el-form-item label="使用权面积："> |
| 75 | <div class="flex"> | 75 | <div class="flex"> |
| 76 | <el-input v-model="ruleForm.jsydsyq.syqmj" | 76 | <el-input v-model="ruleForm.jsydsyq.syqmj" |
| 77 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 77 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 78 | <el-select | 78 | <el-select |
| 79 | disabled | 79 | disabled |
| 80 | v-model="mjdw" | 80 | v-model="mjdw" |
| ... | @@ -86,7 +86,7 @@ | ... | @@ -86,7 +86,7 @@ |
| 86 | :value="item.dcode"> | 86 | :value="item.dcode"> |
| 87 | </el-option> | 87 | </el-option> |
| 88 | </el-select> | 88 | </el-select> |
| 89 | </div> | 89 | </div> |
| 90 | </el-form-item> | 90 | </el-form-item> |
| 91 | </el-col> | 91 | </el-col> |
| 92 | <!-- <el-col :span="8"> | 92 | <!-- <el-col :span="8"> |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | <el-col :span="8"> | 102 | <el-col :span="8"> |
| 103 | <el-form-item label="取得价格："> | 103 | <el-form-item label="取得价格："> |
| 104 | <div style="display:flex"> | 104 | <div style="display:flex"> |
| 105 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 105 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> |
| 106 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 106 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 107 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 107 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 108 | </el-option> | 108 | </el-option> |
| ... | @@ -213,10 +213,12 @@ | ... | @@ -213,10 +213,12 @@ |
| 213 | </template> | 213 | </template> |
| 214 | <script> | 214 | <script> |
| 215 | import { mapGetters } from "vuex" | 215 | import { mapGetters } from "vuex" |
| 216 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 216 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" | 217 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" |
| 217 | import tdytTable from "@/views/workflow/components/tdytTable"; | 218 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 218 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 219 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 219 | export default { | 220 | export default { |
| 221 | mixins: [ywmix], | ||
| 220 | mounted () { | 222 | mounted () { |
| 221 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 223 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 222 | this.propsParam = this.$attrs; | 224 | this.propsParam = this.$attrs; |
| ... | @@ -249,7 +251,7 @@ | ... | @@ -249,7 +251,7 @@ |
| 249 | }, | 251 | }, |
| 250 | data () { | 252 | data () { |
| 251 | return { | 253 | return { |
| 252 | mjdw:"1", | 254 | mjdw: "1", |
| 253 | //表单是否可操作 | 255 | //表单是否可操作 |
| 254 | ableOperation: true, | 256 | ableOperation: true, |
| 255 | key: 0, | 257 | key: 0, | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <!-- | 2 | <!-- |
| 3 | * @Description: | 3 | * @Description: |
| 4 | * @Autor: renchao | 4 | * @Autor: renchao |
| 5 | * @LastEditTime: 2023-07-25 09:23:42 | 5 | * @LastEditTime: 2023-08-01 18:07:34 |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| 8 | <!-- 受理信息 --> | 8 | <!-- 受理信息 --> |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="120px" | 16 | label-width="120px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 受理信息 | 19 | 受理信息 |
| ... | @@ -56,8 +55,7 @@ | ... | @@ -56,8 +55,7 @@ |
| 56 | </el-row> | 55 | </el-row> |
| 57 | <div | 56 | <div |
| 58 | class="slxx_title title-block flex" | 57 | class="slxx_title title-block flex" |
| 59 | style="justify-content: space-between" | 58 | style="justify-content: space-between"> |
| 60 | > | ||
| 61 | 不动产单元情况 | 59 | 不动产单元情况 |
| 62 | <el-button @click="compare">变化情况对比+</el-button> | 60 | <el-button @click="compare">变化情况对比+</el-button> |
| 63 | </div> | 61 | </div> |
| ... | @@ -102,16 +100,14 @@ | ... | @@ -102,16 +100,14 @@ |
| 102 | <el-input | 100 | <el-input |
| 103 | v-model="ruleForm.jsydsyq.qdjg" | 101 | v-model="ruleForm.jsydsyq.qdjg" |
| 104 | style="width: 500%" | 102 | style="width: 500%" |
| 105 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 106 | disabled | 104 | disabled></el-input> |
| 107 | ></el-input> | ||
| 108 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> | 105 | <el-select v-model="ruleForm.jsydsyq.jedw" disabled> |
| 109 | <el-option | 106 | <el-option |
| 110 | v-for="item in dictData['A57']" | 107 | v-for="item in dictData['A57']" |
| 111 | :key="item.dcode" | 108 | :key="item.dcode" |
| 112 | :label="item.dname" | 109 | :label="item.dname" |
| 113 | :value="item.dcode" | 110 | :value="item.dcode"> |
| 114 | > | ||
| 115 | </el-option> | 111 | </el-option> |
| 116 | </el-select> | 112 | </el-select> |
| 117 | </div> | 113 | </div> |
| ... | @@ -124,27 +120,13 @@ | ... | @@ -124,27 +120,13 @@ |
| 124 | </el-form-item> | 120 | </el-form-item> |
| 125 | </el-col> | 121 | </el-col> |
| 126 | </el-row> | 122 | </el-row> |
| 127 | <!-- <el-row :gutter="10"> | ||
| 128 | <el-col :span="8"> | ||
| 129 | <el-form-item label="使用期限："> | ||
| 130 | <el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input> | ||
| 131 | </el-form-item> | ||
| 132 | </el-col> | ||
| 133 | |||
| 134 | <el-col :span="16"> | ||
| 135 | <el-form-item label="使用权起止时间："> | ||
| 136 | <el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input> | ||
| 137 | </el-form-item> | ||
| 138 | </el-col> | ||
| 139 | </el-row> --> | ||
| 140 | <el-row :gutter="10"> | 123 | <el-row :gutter="10"> |
| 141 | <el-col> | 124 | <el-col> |
| 142 | <el-form-item label="附记：" prop="fj"> | 125 | <el-form-item label="附记：" prop="fj"> |
| 143 | <el-input | 126 | <el-input |
| 144 | type="textarea" | 127 | type="textarea" |
| 145 | v-model="ruleForm.jsydsyq.fj" | 128 | v-model="ruleForm.jsydsyq.fj" |
| 146 | :disabled="!ableOperation" | 129 | :disabled="!ableOperation"></el-input> |
| 147 | ></el-input> | ||
| 148 | </el-form-item> | 130 | </el-form-item> |
| 149 | </el-col> | 131 | </el-col> |
| 150 | </el-row> | 132 | </el-row> |
| ... | @@ -155,22 +137,17 @@ | ... | @@ -155,22 +137,17 @@ |
| 155 | <tdytTable | 137 | <tdytTable |
| 156 | :tableData="ruleForm.tdytqxList" | 138 | :tableData="ruleForm.tdytqxList" |
| 157 | :ableOperation="ableOperation" | 139 | :ableOperation="ableOperation" |
| 158 | @upDateTdytxxList="upDateTdytxxList" | 140 | @upDateTdytxxList="upDateTdytxxList" /> |
| 159 | /> | ||
| 160 | <div class="slxx_title title-block"> | 141 | <div class="slxx_title title-block"> |
| 161 | 权利人信息 | 142 | 权利人信息 |
| 162 | <div class="triangle"></div> | 143 | <div class="triangle"></div> |
| 163 | </div> | 144 | </div> |
| 164 | <!-- <el-divider content-position="left"><i | ||
| 165 | style="background-color:#3498db;font-size:16px;color:#fff !important;border-radius: 5px 5px 5px 0px;margin-bottom:10px;" | ||
| 166 | class="el-icon-edit-outline">权利人信息</i></el-divider> --> | ||
| 167 | <el-row :gutter="10"> | 145 | <el-row :gutter="10"> |
| 168 | <el-col :span="14"> | 146 | <el-col :span="14"> |
| 169 | <el-form-item label="共有方式："> | 147 | <el-form-item label="共有方式："> |
| 170 | <el-radio-group | 148 | <el-radio-group |
| 171 | :disabled="!ableOperation" | 149 | :disabled="!ableOperation" |
| 172 | v-model="ruleForm.sldy.gyfs" | 150 | v-model="ruleForm.sldy.gyfs"> |
| 173 | > | ||
| 174 | <el-radio label="0">单独所有</el-radio> | 151 | <el-radio label="0">单独所有</el-radio> |
| 175 | <el-radio label="1">共同共有</el-radio> | 152 | <el-radio label="1">共同共有</el-radio> |
| 176 | <el-radio label="2">按份所有</el-radio> | 153 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -182,8 +159,7 @@ | ... | @@ -182,8 +159,7 @@ |
| 182 | <el-form-item label="是否分别持证："> | 159 | <el-form-item label="是否分别持证："> |
| 183 | <el-radio-group | 160 | <el-radio-group |
| 184 | v-model="ruleForm.sldy.sqfbcz" | 161 | v-model="ruleForm.sldy.sqfbcz" |
| 185 | :disabled="!ableOperation" | 162 | :disabled="!ableOperation"> |
| 186 | > | ||
| 187 | <el-radio label="1">是</el-radio> | 163 | <el-radio label="1">是</el-radio> |
| 188 | <el-radio label="0">否</el-radio> | 164 | <el-radio label="0">否</el-radio> |
| 189 | </el-radio-group> | 165 | </el-radio-group> |
| ... | @@ -194,14 +170,12 @@ | ... | @@ -194,14 +170,12 @@ |
| 194 | <el-select | 170 | <el-select |
| 195 | v-model="ruleForm.czr" | 171 | v-model="ruleForm.czr" |
| 196 | placeholder="持证人" | 172 | placeholder="持证人" |
| 197 | :disabled="!ableOperation" | 173 | :disabled="!ableOperation"> |
| 198 | > | ||
| 199 | <el-option | 174 | <el-option |
| 200 | v-for="item in czrOptions" | 175 | v-for="item in czrOptions" |
| 201 | :key="item.value" | 176 | :key="item.value" |
| 202 | :label="item.label" | 177 | :label="item.label" |
| 203 | :value="item.value" | 178 | :value="item.value"> |
| 204 | > | ||
| 205 | </el-option> | 179 | </el-option> |
| 206 | </el-select> | 180 | </el-select> |
| 207 | </el-form-item> | 181 | </el-form-item> |
| ... | @@ -211,8 +185,7 @@ | ... | @@ -211,8 +185,7 @@ |
| 211 | :tableData="ruleForm.qlrList" | 185 | :tableData="ruleForm.qlrList" |
| 212 | :disabled="!ableOperation" | 186 | :disabled="!ableOperation" |
| 213 | @upDateQlrxxList="upDateQlrxxList" | 187 | @upDateQlrxxList="upDateQlrxxList" |
| 214 | :gyfs="ruleForm.sldy.gyfs" | 188 | :gyfs="ruleForm.sldy.gyfs" /> |
| 215 | /> | ||
| 216 | <div class="slxx_title title-block"> | 189 | <div class="slxx_title title-block"> |
| 217 | 登记原因 | 190 | 登记原因 |
| 218 | <div class="triangle"></div> | 191 | <div class="triangle"></div> |
| ... | @@ -224,8 +197,7 @@ | ... | @@ -224,8 +197,7 @@ |
| 224 | class="textArea" | 197 | class="textArea" |
| 225 | type="textarea" | 198 | type="textarea" |
| 226 | :disabled="!ableOperation" | 199 | :disabled="!ableOperation" |
| 227 | v-model="ruleForm.jsydsyq.djyy" | 200 | v-model="ruleForm.jsydsyq.djyy"> |
| 228 | > | ||
| 229 | </el-input> | 201 | </el-input> |
| 230 | </el-form-item> | 202 | </el-form-item> |
| 231 | </el-col> | 203 | </el-col> |
| ... | @@ -240,109 +212,110 @@ | ... | @@ -240,109 +212,110 @@ |
| 240 | </div> | 212 | </div> |
| 241 | </template> | 213 | </template> |
| 242 | <script> | 214 | <script> |
| 243 | import { mapGetters } from "vuex"; | 215 | import { mapGetters } from "vuex"; |
| 244 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 216 | import ywmix from "@/views/ywbl/mixin/index" |
| 245 | import tdytTable from "@/views/workflow/components/tdytTable"; | 217 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 246 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 218 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 247 | export default { | 219 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 248 | mounted() { | 220 | export default { |
| 249 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | 221 | mixins: [ywmix], |
| 250 | this.propsParam = this.$attrs; | 222 | mounted () { |
| 251 | var formdata = new FormData(); | 223 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
| 252 | this.$startLoading(); | 224 | this.propsParam = this.$attrs; |
| 253 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 225 | var formdata = new FormData(); |
| 254 | formdata.append("djlx", this.propsParam.djlx); | 226 | this.$startLoading(); |
| 255 | formdata.append("isEdit", this.ableOperation); | 227 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 256 | Init(formdata).then((res) => { | 228 | formdata.append("djlx", this.propsParam.djlx); |
| 257 | if (res.code === 200 && res.result) { | 229 | formdata.append("isEdit", this.ableOperation); |
| 258 | this.ruleForm = res.result; | 230 | Init(formdata).then((res) => { |
| 259 | } | 231 | if (res.code === 200 && res.result) { |
| 260 | this.$endLoading(); | 232 | this.ruleForm = res.result; |
| 261 | }); | ||
| 262 | }, | ||
| 263 | components: { qlrCommonTable, tdytTable }, | ||
| 264 | computed: { | ||
| 265 | ...mapGetters(["dictData", "flag"]), | ||
| 266 | }, | ||
| 267 | data() { | ||
| 268 | return { | ||
| 269 | //表单是否可操作 | ||
| 270 | ableOperation: true, | ||
| 271 | disabled: true, | ||
| 272 | czrOptions: [], | ||
| 273 | ruleForm: { | ||
| 274 | slywxx: {}, | ||
| 275 | qlxx: {}, | ||
| 276 | zdjbxx: {}, | ||
| 277 | jsydsyq: {}, | ||
| 278 | }, | ||
| 279 | //传递参数 | ||
| 280 | propsParam: {}, | ||
| 281 | rules: {}, | ||
| 282 | }; | ||
| 283 | }, | ||
| 284 | methods: { | ||
| 285 | // 更新土地用途信息 | ||
| 286 | /** | ||
| 287 | * @description: 更新土地用途信息 | ||
| 288 | * @param {*} val | ||
| 289 | * @author: renchao | ||
| 290 | */ | ||
| 291 | upDateTdytxxList(val) { | ||
| 292 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 293 | this.key++; | ||
| 294 | }, | ||
| 295 | // 更新权利人信息 | ||
| 296 | /** | ||
| 297 | * @description: 更新权利人信息 | ||
| 298 | * @param {*} val | ||
| 299 | * @author: renchao | ||
| 300 | */ | ||
| 301 | upDateQlrxxList(val) { | ||
| 302 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 303 | }, | ||
| 304 | /** | ||
| 305 | * @description: onSubmit | ||
| 306 | * @author: renchao | ||
| 307 | */ | ||
| 308 | onSubmit() { | ||
| 309 | saveData(this.ruleForm).then((res) => { | ||
| 310 | if (res.code === 200) { | ||
| 311 | this.$message({ | ||
| 312 | showClose: true, | ||
| 313 | message: "保存成功！", | ||
| 314 | type: "success", | ||
| 315 | }); | ||
| 316 | this.$store.dispatch("user/refreshPage", true); | ||
| 317 | } else { | ||
| 318 | this.$message({ | ||
| 319 | showClose: true, | ||
| 320 | message: res.message, | ||
| 321 | type: "error", | ||
| 322 | }); | ||
| 323 | } | 233 | } |
| 234 | this.$endLoading(); | ||
| 324 | }); | 235 | }); |
| 325 | }, | 236 | }, |
| 326 | /** | 237 | components: { qlrCommonTable, tdytTable }, |
| 327 | * @description: compare | 238 | computed: { |
| 328 | * @author: renchao | 239 | ...mapGetters(["dictData", "flag"]), |
| 329 | */ | 240 | }, |
| 330 | compare() { | 241 | data () { |
| 331 | console.log("this.ruleForm",this.ruleForm); | 242 | return { |
| 332 | this.$popupDialog( | 243 | //表单是否可操作 |
| 333 | this.ruleForm.qlxx.qllxmc, | 244 | ableOperation: true, |
| 334 | "registerBook/comparison", | 245 | disabled: true, |
| 335 | { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 246 | czrOptions: [], |
| 336 | dqqllx: 'JSYDSYQ', | 247 | ruleForm: { |
| 248 | slywxx: {}, | ||
| 249 | qlxx: {}, | ||
| 250 | zdjbxx: {}, | ||
| 251 | jsydsyq: {}, | ||
| 337 | }, | 252 | }, |
| 338 | "80%", | 253 | //传递参数 |
| 339 | true | 254 | propsParam: {}, |
| 340 | ) | 255 | rules: {}, |
| 256 | }; | ||
| 257 | }, | ||
| 258 | methods: { | ||
| 259 | /** | ||
| 260 | * @description: 更新土地用途信息 | ||
| 261 | * @param {*} val | ||
| 262 | * @author: renchao | ||
| 263 | */ | ||
| 264 | upDateTdytxxList (val) { | ||
| 265 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 266 | this.key++; | ||
| 267 | }, | ||
| 268 | /** | ||
| 269 | * @description: 更新权利人信息 | ||
| 270 | * @param {*} val | ||
| 271 | * @author: renchao | ||
| 272 | */ | ||
| 273 | upDateQlrxxList (val) { | ||
| 274 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 275 | }, | ||
| 276 | /** | ||
| 277 | * @description: onSubmit | ||
| 278 | * @author: renchao | ||
| 279 | */ | ||
| 280 | onSubmit () { | ||
| 281 | saveData(this.ruleForm).then((res) => { | ||
| 282 | if (res.code === 200) { | ||
| 283 | this.$message({ | ||
| 284 | showClose: true, | ||
| 285 | message: "保存成功！", | ||
| 286 | type: "success", | ||
| 287 | }); | ||
| 288 | this.$store.dispatch("user/refreshPage", true); | ||
| 289 | } else { | ||
| 290 | this.$message({ | ||
| 291 | showClose: true, | ||
| 292 | message: res.message, | ||
| 293 | type: "error", | ||
| 294 | }); | ||
| 295 | } | ||
| 296 | }); | ||
| 297 | }, | ||
| 298 | /** | ||
| 299 | * @description: compare | ||
| 300 | * @author: renchao | ||
| 301 | */ | ||
| 302 | compare () { | ||
| 303 | console.log("this.ruleForm", this.ruleForm); | ||
| 304 | this.$popupDialog( | ||
| 305 | this.ruleForm.qlxx.qllxmc, | ||
| 306 | "registerBook/comparison", | ||
| 307 | { | ||
| 308 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 309 | dqqllx: 'JSYDSYQ', | ||
| 310 | }, | ||
| 311 | "80%", | ||
| 312 | true | ||
| 313 | ) | ||
| 314 | } | ||
| 341 | } | 315 | } |
| 342 | } | 316 | } |
| 343 | } | ||
| 344 | </script> | 317 | </script> |
| 345 | <style scoped lang="scss"> | 318 | <style scoped lang="scss"> |
| 346 | @import "~@/styles/public.scss"; | 319 | @import "~@/styles/public.scss"; |
| 347 | @import "~@/styles/slxx/slxx.scss"; | 320 | @import "~@/styles/slxx/slxx.scss"; |
| 348 | </style> | 321 | </style> | ... | ... |
| ... | @@ -231,10 +231,12 @@ | ... | @@ -231,10 +231,12 @@ |
| 231 | </template> | 231 | </template> |
| 232 | <script> | 232 | <script> |
| 233 | import { mapGetters } from "vuex" | 233 | import { mapGetters } from "vuex" |
| 234 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 234 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" | 235 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" |
| 235 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 236 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 236 | import JtcyTable from "@/views/workflow/components/JtcyTable" | 237 | import JtcyTable from "@/views/workflow/components/JtcyTable" |
| 237 | export default { | 238 | export default { |
| 239 | mixins: [ywmix], | ||
| 238 | mounted () { | 240 | mounted () { |
| 239 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 241 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 240 | this.propsParam = this.$attrs; | 242 | this.propsParam = this.$attrs; | ... | ... |
| ... | @@ -236,10 +236,12 @@ | ... | @@ -236,10 +236,12 @@ |
| 236 | </template> | 236 | </template> |
| 237 | <script> | 237 | <script> |
| 238 | import { mapGetters } from "vuex" | 238 | import { mapGetters } from "vuex" |
| 239 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 239 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" | 240 | import { Init, saveData } from "@/api/workflow/nydsyqFlow.js" |
| 240 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 241 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 241 | import JtcyTable from "@/views/workflow/components/JtcyTable" | 242 | import JtcyTable from "@/views/workflow/components/JtcyTable" |
| 242 | export default { | 243 | export default { |
| 244 | mixins: [ywmix], | ||
| 243 | mounted () { | 245 | mounted () { |
| 244 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 246 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 245 | this.propsParam = this.$attrs; | 247 | this.propsParam = this.$attrs; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 09:24:18 | 4 | * @LastEditTime: 2023-08-01 18:15:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -339,10 +339,12 @@ | ... | @@ -339,10 +339,12 @@ |
| 339 | </template> | 339 | </template> |
| 340 | <script> | 340 | <script> |
| 341 | import { mapGetters } from "vuex"; | 341 | import { mapGetters } from "vuex"; |
| 342 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 342 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; | 343 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; |
| 343 | import tdytTable from "@/views/workflow/components/tdytTable"; | 344 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 344 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 345 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 345 | export default { | 346 | export default { |
| 347 | mixins: [ywmix], | ||
| 346 | components: { qlrCommonTable, tdytTable }, | 348 | components: { qlrCommonTable, tdytTable }, |
| 347 | mounted () { | 349 | mounted () { |
| 348 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | 350 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; | ... | ... |
| ... | @@ -71,8 +71,7 @@ | ... | @@ -71,8 +71,7 @@ |
| 71 | v-for="item in dictData['A17']" | 71 | v-for="item in dictData['A17']" |
| 72 | :key="item.dcode" | 72 | :key="item.dcode" |
| 73 | :label="item.dname" | 73 | :label="item.dname" |
| 74 | :value="item.dcode" | 74 | :value="item.dcode"> |
| 75 | > | ||
| 76 | </el-option> | 75 | </el-option> |
| 77 | </el-select> | 76 | </el-select> |
| 78 | </el-form-item> | 77 | </el-form-item> |
| ... | @@ -84,8 +83,7 @@ | ... | @@ -84,8 +83,7 @@ |
| 84 | v-for="item in dictData['A19']" | 83 | v-for="item in dictData['A19']" |
| 85 | :key="item.dcode" | 84 | :key="item.dcode" |
| 86 | :label="item.dname" | 85 | :label="item.dname" |
| 87 | :value="item.dcode" | 86 | :value="item.dcode"> |
| 88 | > | ||
| 89 | </el-option> | 87 | </el-option> |
| 90 | </el-select> | 88 | </el-select> |
| 91 | </el-form-item> | 89 | </el-form-item> |
| ... | @@ -94,27 +92,26 @@ | ... | @@ -94,27 +92,26 @@ |
| 94 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 92 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 95 | <el-col :span="8"> | 93 | <el-col :span="8"> |
| 96 | <el-form-item label="房屋结构："> | 94 | <el-form-item label="房屋结构："> |
| 97 | <el-select v-model="ruleForm.ygdj.fwjg"> | 95 | <el-select v-model="ruleForm.ygdj.fwjg"> |
| 98 | <el-option | 96 | <el-option |
| 99 | v-for="item in dictData['A46']" | 97 | v-for="item in dictData['A46']" |
| 100 | :key="item.dcode" | 98 | :key="item.dcode" |
| 101 | :label="item.dname" | 99 | :label="item.dname" |
| 102 | :value="item.dcode" | 100 | :value="item.dcode"> |
| 103 | > | ||
| 104 | </el-option> | 101 | </el-option> |
| 105 | </el-select> | 102 | </el-select> |
| 106 | </el-form-item> | 103 | </el-form-item> |
| 107 | </el-col> | 104 | </el-col> |
| 108 | <el-col :span="8"> | 105 | <el-col :span="8"> |
| 109 | <el-form-item label="建筑面积："> | 106 | <el-form-item label="建筑面积："> |
| 110 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> | 107 | <el-input v-model="ruleForm.ygdj.jzmj"></el-input> |
| 111 | </el-form-item> | 108 | </el-form-item> |
| 112 | </el-col> | 109 | </el-col> |
| 113 | <el-col :span="8"> | 110 | <el-col :span="8"> |
| 114 | <el-form-item label="取得价格："> | 111 | <el-form-item label="取得价格："> |
| 115 | <div class="flex"> | 112 | <div class="flex"> |
| 116 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> | 113 | <el-input v-model="ruleForm.ygdj.qdjg"></el-input> |
| 117 | <el-select | 114 | <el-select |
| 118 | v-model="ruleForm.ygdj.jedw" | 115 | v-model="ruleForm.ygdj.jedw" |
| 119 | :disabled="!ableOperation" | 116 | :disabled="!ableOperation" |
| 120 | style="width: 20%"> | 117 | style="width: 20%"> |
| ... | @@ -125,19 +122,19 @@ | ... | @@ -125,19 +122,19 @@ |
| 125 | :value="item.dcode"> | 122 | :value="item.dcode"> |
| 126 | </el-option> | 123 | </el-option> |
| 127 | </el-select> | 124 | </el-select> |
| 128 | </div> | 125 | </div> |
| 129 | </el-form-item> | 126 | </el-form-item> |
| 130 | </el-col> | 127 | </el-col> |
| 131 | </el-row> | 128 | </el-row> |
| 132 | <el-row :gutter="10"> | 129 | <el-row :gutter="10"> |
| 133 | <el-col :span="8"> | 130 | <el-col :span="8"> |
| 134 | <el-form-item label="所在层："> | 131 | <el-form-item label="所在层："> |
| 135 | <el-input v-model="ruleForm.ygdj.szc"></el-input> | 132 | <el-input v-model="ruleForm.ygdj.szc"></el-input> |
| 136 | </el-form-item> | 133 | </el-form-item> |
| 137 | </el-col> | 134 | </el-col> |
| 138 | <el-col :span="8"> | 135 | <el-col :span="8"> |
| 139 | <el-form-item label="总层数："> | 136 | <el-form-item label="总层数："> |
| 140 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> | 137 | <el-input v-model="ruleForm.ygdj.zcs"></el-input> |
| 141 | </el-form-item> | 138 | </el-form-item> |
| 142 | </el-col> | 139 | </el-col> |
| 143 | </el-row> | 140 | </el-row> |
| ... | @@ -188,10 +185,12 @@ | ... | @@ -188,10 +185,12 @@ |
| 188 | </div> | 185 | </div> |
| 189 | </template> | 186 | </template> |
| 190 | <script> | 187 | <script> |
| 188 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 191 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 189 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 192 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 190 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
| 193 | import { mapGetters } from "vuex"; | 191 | import { mapGetters } from "vuex"; |
| 194 | export default { | 192 | export default { |
| 193 | mixins: [ywmix], | ||
| 195 | created () { | 194 | created () { |
| 196 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 195 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 197 | this.propsParam = this.$attrs; | 196 | this.propsParam = this.$attrs; | ... | ... |
| ... | @@ -42,10 +42,9 @@ | ... | @@ -42,10 +42,9 @@ |
| 42 | </el-form-item> | 42 | </el-form-item> |
| 43 | </el-col> | 43 | </el-col> |
| 44 | </el-row> | 44 | </el-row> |
| 45 | <div | 45 | <div |
| 46 | class="slxx_title title-block flex" | 46 | class="slxx_title title-block flex" |
| 47 | style="justify-content: space-between" | 47 | style="justify-content: space-between"> |
| 48 | > | ||
| 49 | 不动产单元情况 | 48 | 不动产单元情况 |
| 50 | <el-button @click="compare">变化情况对比+</el-button> | 49 | <el-button @click="compare">变化情况对比+</el-button> |
| 51 | </div> | 50 | </div> |
| ... | @@ -154,10 +153,12 @@ | ... | @@ -154,10 +153,12 @@ |
| 154 | </div> | 153 | </div> |
| 155 | </template> | 154 | </template> |
| 156 | <script> | 155 | <script> |
| 156 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 157 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 157 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 158 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; | 158 | import { Init, saveData } from "@/api/workflow/ygdjFlow.js"; |
| 159 | import { mapGetters } from "vuex"; | 159 | import { mapGetters } from "vuex"; |
| 160 | export default { | 160 | export default { |
| 161 | mixins: [ywmix], | ||
| 161 | mounted () { | 162 | mounted () { |
| 162 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 163 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 163 | this.propsParam = this.$attrs; | 164 | this.propsParam = this.$attrs; |
| ... | @@ -245,21 +246,22 @@ | ... | @@ -245,21 +246,22 @@ |
| 245 | } | 246 | } |
| 246 | }); | 247 | }); |
| 247 | }, | 248 | }, |
| 248 | /** | 249 | /** |
| 249 | * @description: compare | 250 | * @description: compare |
| 250 | * @author: renchao | 251 | * @author: renchao |
| 251 | */ | 252 | */ |
| 252 | compare() { | 253 | compare () { |
| 253 | this.$popupDialog( | 254 | this.$popupDialog( |
| 254 | this.ruleForm.qlxx.qllxmc, | 255 | this.ruleForm.qlxx.qllxmc, |
| 255 | "registerBook/comparison", | 256 | "registerBook/comparison", |
| 256 | { bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | 257 | { |
| 257 | dqqllx: 'YGDJ', | 258 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 258 | }, | 259 | dqqllx: 'YGDJ', |
| 259 | "80%", | 260 | }, |
| 260 | true | 261 | "80%", |
| 261 | ); | 262 | true |
| 262 | }, | 263 | ); |
| 264 | }, | ||
| 263 | }, | 265 | }, |
| 264 | }; | 266 | }; |
| 265 | </script> | 267 | </script> | ... | ... |
| ... | @@ -116,9 +116,9 @@ | ... | @@ -116,9 +116,9 @@ |
| 116 | <el-row :gutter="10"> | 116 | <el-row :gutter="10"> |
| 117 | <el-col :span="8"> | 117 | <el-col :span="8"> |
| 118 | <el-form-item label="被担保主债权数额："> | 118 | <el-form-item label="被担保主债权数额："> |
| 119 | <div class="flex"> | 119 | <div class="flex"> |
| 120 | <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input> | 120 | <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input> |
| 121 | <el-select | 121 | <el-select |
| 122 | v-model="ruleForm.ygdj.jedw" | 122 | v-model="ruleForm.ygdj.jedw" |
| 123 | :disabled="!ableOperation" | 123 | :disabled="!ableOperation" |
| 124 | style="width: 20%"> | 124 | style="width: 20%"> |
| ... | @@ -129,7 +129,7 @@ | ... | @@ -129,7 +129,7 @@ |
| 129 | :value="item.dcode"> | 129 | :value="item.dcode"> |
| 130 | </el-option> | 130 | </el-option> |
| 131 | </el-select> | 131 | </el-select> |
| 132 | </div> | 132 | </div> |
| 133 | </el-form-item> | 133 | </el-form-item> |
| 134 | </el-col> | 134 | </el-col> |
| 135 | <el-col :span="8"> | 135 | <el-col :span="8"> |
| ... | @@ -214,10 +214,12 @@ | ... | @@ -214,10 +214,12 @@ |
| 214 | </div> | 214 | </div> |
| 215 | </template> | 215 | </template> |
| 216 | <script> | 216 | <script> |
| 217 | import ywmix from "@/views/ywbl/mixin/index" | ||
| 217 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 218 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 218 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; | 219 | import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; |
| 219 | import { mapGetters } from "vuex"; | 220 | import { mapGetters } from "vuex"; |
| 220 | export default { | 221 | export default { |
| 222 | mixins: [ywmix], | ||
| 221 | created () { | 223 | created () { |
| 222 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 224 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 223 | this.propsParam = this.$attrs; | 225 | this.propsParam = this.$attrs; | ... | ... |
-
Please register or sign in to post a comment