Merge remote-tracking branch 'origin/dev' into dev
Showing
17 changed files
with
3710 additions
and
3649 deletions
| ... | @@ -135,10 +135,22 @@ export function getZtQlxx (params) { | ... | @@ -135,10 +135,22 @@ export function getZtQlxx (params) { |
| 135 | * @author: renchao | 135 | * @author: renchao |
| 136 | */ | 136 | */ |
| 137 | export function getShList (data) { | 137 | export function getShList (data) { |
| 138 | console.log(data); | ||
| 139 | return request({ | 138 | return request({ |
| 140 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, | 139 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, |
| 141 | method: 'post', | 140 | method: 'post', |
| 142 | data | 141 | data |
| 143 | }) | 142 | }) |
| 144 | } | 143 | } |
| 144 | |||
| 145 | /** | ||
| 146 | * @description:初始化内容 | ||
| 147 | * @param {*} data | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 150 | export function getQlxxByQlxxBsm (params) { | ||
| 151 | return request({ | ||
| 152 | url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', | ||
| 153 | method: 'get', | ||
| 154 | params | ||
| 155 | }) | ||
| 156 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-25 16:08:30 | 4 | * @LastEditTime: 2023-08-03 14:50:08 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> |
| ... | @@ -136,7 +136,6 @@ | ... | @@ -136,7 +136,6 @@ |
| 136 | } | 136 | } |
| 137 | 137 | ||
| 138 | .ls-mask-window { | 138 | .ls-mask-window { |
| 139 | background: white; | ||
| 140 | position: relative; | 139 | position: relative; |
| 141 | left: 50%; | 140 | left: 50%; |
| 142 | top: 50%; | 141 | top: 50%; |
| ... | @@ -162,6 +161,7 @@ | ... | @@ -162,6 +161,7 @@ |
| 162 | } | 161 | } |
| 163 | 162 | ||
| 164 | .mask-content { | 163 | .mask-content { |
| 164 | background: #ffffff; | ||
| 165 | padding: 20px; | 165 | padding: 20px; |
| 166 | width: 100%; | 166 | width: 100%; |
| 167 | min-height: 30%; | 167 | min-height: 30%; | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-28 09:34:54 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clmlmx-box"> | ||
| 8 | <div class="title">申请材料目录</div> | ||
| 9 | <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data"> | ||
| 10 | </lb-table> | ||
| 11 | <div class="text-center"> | ||
| 12 | <el-button @click="$popupCacel">取消</el-button> | ||
| 13 | </div> | ||
| 14 | </div> | ||
| 15 | </template> | ||
| 16 | <script> | ||
| 17 | import store from '@/store/index.js' | ||
| 18 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 19 | export default { | ||
| 20 | props: { | ||
| 21 | formData: { | ||
| 22 | type: Object, | ||
| 23 | default: () => { | ||
| 24 | return {} | ||
| 25 | } | ||
| 26 | } | ||
| 27 | }, | ||
| 28 | data () { | ||
| 29 | return { | ||
| 30 | column: [ | ||
| 31 | { | ||
| 32 | width: "50", | ||
| 33 | label: '序号', | ||
| 34 | type: 'index' | ||
| 35 | }, | ||
| 36 | { | ||
| 37 | prop: "isrequired", | ||
| 38 | label: "是否必选", | ||
| 39 | width: "80", | ||
| 40 | render: (h, scope) => { | ||
| 41 | if (scope.row.sfxjcl === "1") { | ||
| 42 | return ( | ||
| 43 | <div> | ||
| 44 | <span>可选</span> | ||
| 45 | </div> | ||
| 46 | ); | ||
| 47 | } | ||
| 48 | else { | ||
| 49 | return ( | ||
| 50 | <div> | ||
| 51 | <span>必选</span> | ||
| 52 | </div> | ||
| 53 | ); | ||
| 54 | } | ||
| 55 | }, | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "sjmc", | ||
| 59 | label: "材料名称", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "sjlx", | ||
| 63 | label: "材料类型", | ||
| 64 | width: "80", | ||
| 65 | render: (h, scope) => { | ||
| 66 | return ( | ||
| 67 | <div> | ||
| 68 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 69 | </div> | ||
| 70 | ); | ||
| 71 | }, | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sjsl", | ||
| 75 | label: "份数", | ||
| 76 | width: "50" | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | prop: "smzt", | ||
| 80 | label: "扫描状态", | ||
| 81 | width: "80", | ||
| 82 | render: (h, scope) => { | ||
| 83 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 84 | return ( | ||
| 85 | <div> | ||
| 86 | <span>已扫描</span> | ||
| 87 | </div> | ||
| 88 | ); | ||
| 89 | } else { | ||
| 90 | return ( | ||
| 91 | <div> | ||
| 92 | <span>未扫描</span> | ||
| 93 | </div> | ||
| 94 | ); | ||
| 95 | } | ||
| 96 | }, | ||
| 97 | }, | ||
| 98 | { | ||
| 99 | label: "扫描页数", | ||
| 100 | width: "80", | ||
| 101 | render: (h, scope) => { | ||
| 102 | if (scope.row.children && scope.row.children.length > 0) { | ||
| 103 | return ( | ||
| 104 | <div> | ||
| 105 | <span>{scope.row.children.length}</span> | ||
| 106 | </div> | ||
| 107 | ); | ||
| 108 | } else { | ||
| 109 | return ( | ||
| 110 | <div> | ||
| 111 | <span>0</span> | ||
| 112 | </div> | ||
| 113 | ); | ||
| 114 | } | ||
| 115 | }, | ||
| 116 | }, | ||
| 117 | { | ||
| 118 | label: "操作", | ||
| 119 | width: "80", | ||
| 120 | render: (h, scope) => { | ||
| 121 | return ( | ||
| 122 | <div> | ||
| 123 | <el-button | ||
| 124 | type="text" | ||
| 125 | disabled={scope.$index == 0} | ||
| 126 | onClick={() => { | ||
| 127 | this.moveUpward(scope.$index, scope.row); | ||
| 128 | }} | ||
| 129 | > | ||
| 130 | 上移 | ||
| 131 | </el-button> | ||
| 132 | <el-button | ||
| 133 | type="text" | ||
| 134 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 135 | onClick={() => { | ||
| 136 | this.moveDown(scope.$index, scope.row); | ||
| 137 | }} | ||
| 138 | > | ||
| 139 | 下移 | ||
| 140 | </el-button> | ||
| 141 | </div> | ||
| 142 | ); | ||
| 143 | }, | ||
| 144 | }, | ||
| 145 | ], | ||
| 146 | key: 0, | ||
| 147 | tableData: [] | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | created () { | ||
| 151 | console.log(this.formData.data, 'formData'); | ||
| 152 | }, | ||
| 153 | methods: { | ||
| 154 | // 材料目录明细初始化 | ||
| 155 | /** | ||
| 156 | * @description: 材料目录明细初始化 | ||
| 157 | * @author: renchao | ||
| 158 | */ | ||
| 159 | clmlInitList () { | ||
| 160 | return new Promise(resolve => { | ||
| 161 | this.unitData = this.$parent.unitData; | ||
| 162 | var formdata = new FormData(); | ||
| 163 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 164 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 165 | formdata.append("clfl", 2); | ||
| 166 | InitClml(formdata).then((res) => { | ||
| 167 | if (res.code == 200) { | ||
| 168 | resolve(res.code) | ||
| 169 | if (res.result && res.result.length > 0) { | ||
| 170 | this.data = res.result; | ||
| 171 | } else { | ||
| 172 | this.data = [] | ||
| 173 | } | ||
| 174 | } else { | ||
| 175 | this.$message.error(res.message) | ||
| 176 | } | ||
| 177 | }) | ||
| 178 | }) | ||
| 179 | }, | ||
| 180 | // 上移 | ||
| 181 | /** | ||
| 182 | * @description: 上移 | ||
| 183 | * @param {*} index | ||
| 184 | * @param {*} row | ||
| 185 | * @author: renchao | ||
| 186 | */ | ||
| 187 | moveUpward (index, row) { | ||
| 188 | let obj = { | ||
| 189 | xh: row.xh, | ||
| 190 | bsmSlsq: row.bsmSlsq, | ||
| 191 | moveDirection: "UP", | ||
| 192 | }; | ||
| 193 | // 接口待调 | ||
| 194 | /** | ||
| 195 | * @description: 接口待调 | ||
| 196 | * @param {*} obj | ||
| 197 | * @author: renchao | ||
| 198 | */ | ||
| 199 | moveClml(obj).then(async (res) => { | ||
| 200 | if (res.code == 200) { | ||
| 201 | let res = await this.clmlInitList() | ||
| 202 | if (res == 200) { | ||
| 203 | this.$message({ | ||
| 204 | message: '上移成功', | ||
| 205 | type: 'success' | ||
| 206 | }) | ||
| 207 | this.$parent.setTableData(this.data) | ||
| 208 | } | ||
| 209 | } else { | ||
| 210 | this.$message.error(res.message); | ||
| 211 | } | ||
| 212 | }) | ||
| 213 | }, | ||
| 214 | // 下移 | ||
| 215 | /** | ||
| 216 | * @description: 下移 | ||
| 217 | * @param {*} index | ||
| 218 | * @param {*} row | ||
| 219 | * @author: renchao | ||
| 220 | */ | ||
| 221 | moveDown (index, row) { | ||
| 222 | let obj = { | ||
| 223 | xh: row.xh, | ||
| 224 | bsmSlsq: row.bsmSlsq, | ||
| 225 | moveDirection: "DOWN", | ||
| 226 | } | ||
| 227 | // 接口待调 | ||
| 228 | /** | ||
| 229 | * @description: 接口待调 | ||
| 230 | * @param {*} obj | ||
| 231 | * @author: renchao | ||
| 232 | */ | ||
| 233 | moveClml(obj).then(async (res) => { | ||
| 234 | if (res.code == 200) { | ||
| 235 | let res = await this.clmlInitList() | ||
| 236 | if (res == 200) { | ||
| 237 | this.$message({ | ||
| 238 | message: '下移成功', | ||
| 239 | type: 'success' | ||
| 240 | }) | ||
| 241 | } | ||
| 242 | } else { | ||
| 243 | this.$message.error(res.message); | ||
| 244 | } | ||
| 245 | }) | ||
| 246 | }, | ||
| 247 | // 材料目录删除 | ||
| 248 | /** | ||
| 249 | * @description: 材料目录删除 | ||
| 250 | * @param {*} index | ||
| 251 | * @param {*} row | ||
| 252 | * @author: renchao | ||
| 253 | */ | ||
| 254 | handleDelete (index, row) { | ||
| 255 | let that = this | ||
| 256 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 257 | confirmButtonText: '确定', | ||
| 258 | cancelButtonText: '取消', | ||
| 259 | type: 'warning' | ||
| 260 | }).then(() => { | ||
| 261 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 262 | if (res.code == 200) { | ||
| 263 | let res = await that.clmlInitList() | ||
| 264 | if (res == 200) { | ||
| 265 | that.$message({ | ||
| 266 | message: "删除成功", | ||
| 267 | type: "success", | ||
| 268 | }) | ||
| 269 | // this.$parent.setTableData(this.data) | ||
| 270 | } | ||
| 271 | } | ||
| 272 | }) | ||
| 273 | }).catch(() => { | ||
| 274 | this.$message({ | ||
| 275 | type: 'info', | ||
| 276 | message: '已取消删除' | ||
| 277 | }) | ||
| 278 | }) | ||
| 279 | }, | ||
| 280 | // 字典 | ||
| 281 | /** | ||
| 282 | * @description: 字典 | ||
| 283 | * @param {*} val | ||
| 284 | * @param {*} code | ||
| 285 | * @author: renchao | ||
| 286 | */ | ||
| 287 | dicStatus (val, code) { | ||
| 288 | let data = store.getters.dictData[code], | ||
| 289 | name = "暂无"; | ||
| 290 | if (data) { | ||
| 291 | data.map((item) => { | ||
| 292 | if (item.dcode == val) { | ||
| 293 | name = item.dname; | ||
| 294 | } | ||
| 295 | }); | ||
| 296 | return name; | ||
| 297 | } | ||
| 298 | } | ||
| 299 | } | ||
| 300 | } | ||
| 301 | </script> | ||
| 302 | <style scoped lang='scss'> | ||
| 303 | @import "~@/styles/mixin.scss"; | ||
| 304 | .clmlmx-box { | ||
| 305 | margin: 0 auto; | ||
| 306 | |||
| 307 | .title { | ||
| 308 | text-align: center; | ||
| 309 | height: 60px; | ||
| 310 | line-height: 60px; | ||
| 311 | border: 1px solid #dfe6ec; | ||
| 312 | font-size: 20px; | ||
| 313 | background: #81d3f81a; | ||
| 314 | margin-bottom: -1px; | ||
| 315 | } | ||
| 316 | } | ||
| 317 | </style> |
| ... | @@ -17,7 +17,8 @@ | ... | @@ -17,7 +17,8 @@ |
| 17 | inline-message | 17 | inline-message |
| 18 | :show-message="false" | 18 | :show-message="false" |
| 19 | :class="{ readonly: editDisabled }" | 19 | :class="{ readonly: editDisabled }" |
| 20 | class="loadingtext"> | 20 | class="loadingtext" |
| 21 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 23 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 24 | 补录信息 |
| ... | @@ -49,24 +50,29 @@ | ... | @@ -49,24 +50,29 @@ |
| 49 | <el-form-item | 50 | <el-form-item |
| 50 | label="查封不动产权信息：" | 51 | label="查封不动产权信息：" |
| 51 | prop="ztQlxx.bdcqzh" | 52 | prop="ztQlxx.bdcqzh" |
| 52 | :rules="rules.ztQlxxrules"> | 53 | :rules="rules.ztQlxxrules" |
| 54 | > | ||
| 53 | <select-table | 55 | <select-table |
| 54 | v-model="ruleForm.ztQlxx" | 56 | v-model="ruleForm.ztQlxx" |
| 55 | :table-width="550" | 57 | :table-width="550" |
| 56 | :tableData="ztQlxxList" | 58 | :tableData="ztQlxxList" |
| 57 | :props="props" | 59 | :props="props" |
| 58 | @change="ztQlxxchange"> | 60 | @change="ztQlxxchange" |
| 61 | > | ||
| 59 | <el-table-column | 62 | <el-table-column |
| 60 | prop="qllxmc" | 63 | prop="qllxmc" |
| 61 | width="130" | 64 | width="130" |
| 62 | label="权利类型"></el-table-column> | 65 | label="权利类型" |
| 66 | ></el-table-column> | ||
| 63 | <el-table-column | 67 | <el-table-column |
| 64 | prop="bdcqzh" | 68 | prop="bdcqzh" |
| 65 | width="160" | 69 | width="160" |
| 66 | label="不动产权证书"></el-table-column> | 70 | label="不动产权证书" |
| 71 | ></el-table-column> | ||
| 67 | <el-table-column | 72 | <el-table-column |
| 68 | prop="qlrmc" | 73 | prop="qlrmc" |
| 69 | label="被执行人"></el-table-column> | 74 | label="被执行人" |
| 75 | ></el-table-column> | ||
| 70 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 76 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 71 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 77 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| 72 | <el-table-column prop="zl" label="坐落"></el-table-column> | 78 | <el-table-column prop="zl" label="坐落"></el-table-column> |
| ... | @@ -75,21 +81,28 @@ | ... | @@ -75,21 +81,28 @@ |
| 75 | </el-col> | 81 | </el-col> |
| 76 | 82 | ||
| 77 | <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'"> | 83 | <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'"> |
| 78 | <el-form-item label="上手权利信息："> | 84 | <el-form-item |
| 85 | label="上手权利信息：" | ||
| 86 | prop="ssQlxx.bdcqzh" | ||
| 87 | :rules="rules.ssQlxxrules" | ||
| 88 | > | ||
| 79 | <select-table | 89 | <select-table |
| 80 | v-model="ruleForm.ssQlxx" | 90 | v-model="ruleForm.ssQlxx" |
| 81 | :table-width="550" | 91 | :table-width="550" |
| 82 | :tableData="ssQlxxList" | 92 | :tableData="ssQlxxList" |
| 83 | :props="props" | 93 | :props="props" |
| 84 | @change="ssQlxxchange"> | 94 | @change="ssQlxxchange" |
| 95 | > | ||
| 85 | <el-table-column | 96 | <el-table-column |
| 86 | prop="qllxmc" | 97 | prop="qllxmc" |
| 87 | width="130" | 98 | width="130" |
| 88 | label="权利类型"></el-table-column> | 99 | label="权利类型" |
| 100 | ></el-table-column> | ||
| 89 | <el-table-column | 101 | <el-table-column |
| 90 | prop="bdcqzh" | 102 | prop="bdcqzh" |
| 91 | width="160" | 103 | width="160" |
| 92 | label="不动产权证书"></el-table-column> | 104 | label="不动产权证书" |
| 105 | ></el-table-column> | ||
| 93 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 106 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 94 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 107 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 95 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 108 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -163,7 +176,8 @@ | ... | @@ -163,7 +176,8 @@ |
| 163 | <el-form-item | 176 | <el-form-item |
| 164 | label="业务号：" | 177 | label="业务号：" |
| 165 | prop="qlxx.ywh" | 178 | prop="qlxx.ywh" |
| 166 | :rules="rules.ywhrules"> | 179 | :rules="rules.ywhrules" |
| 180 | > | ||
| 167 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 181 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 168 | </el-form-item> | 182 | </el-form-item> |
| 169 | </el-col> | 183 | </el-col> |
| ... | @@ -183,13 +197,15 @@ | ... | @@ -183,13 +197,15 @@ |
| 183 | <el-form-item | 197 | <el-form-item |
| 184 | label="是否被续封：" | 198 | label="是否被续封：" |
| 185 | prop="cfdj.sfbxf" | 199 | prop="cfdj.sfbxf" |
| 186 | :rules="rules.sfbxfrules"> | 200 | :rules="rules.sfbxfrules" |
| 201 | > | ||
| 187 | <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> | 202 | <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> |
| 188 | <el-option | 203 | <el-option |
| 189 | v-for="item in sfbxflist" | 204 | v-for="item in sfbxflist" |
| 190 | :key="item.dcode" | 205 | :key="item.dcode" |
| 191 | :label="item.dname" | 206 | :label="item.dname" |
| 192 | :value="item.dcode"></el-option> | 207 | :value="item.dcode" |
| 208 | ></el-option> | ||
| 193 | </el-select> | 209 | </el-select> |
| 194 | </el-form-item> | 210 | </el-form-item> |
| 195 | </el-col> | 211 | </el-col> |
| ... | @@ -205,7 +221,8 @@ | ... | @@ -205,7 +221,8 @@ |
| 205 | v-for="item in qsztlist" | 221 | v-for="item in qsztlist" |
| 206 | :key="item.dcode" | 222 | :key="item.dcode" |
| 207 | :label="item.dname" | 223 | :label="item.dname" |
| 208 | :value="item.dcode"></el-option> | 224 | :value="item.dcode" |
| 225 | ></el-option> | ||
| 209 | </el-select> | 226 | </el-select> |
| 210 | </el-form-item> | 227 | </el-form-item> |
| 211 | </el-col> | 228 | </el-col> |
| ... | @@ -230,7 +247,8 @@ | ... | @@ -230,7 +247,8 @@ |
| 230 | v-for="item in dictData['A32']" | 247 | v-for="item in dictData['A32']" |
| 231 | :key="item.dcode" | 248 | :key="item.dcode" |
| 232 | :label="item.dname" | 249 | :label="item.dname" |
| 233 | :value="item.dcode"></el-option> | 250 | :value="item.dcode" |
| 251 | ></el-option> | ||
| 234 | </el-select> | 252 | </el-select> |
| 235 | </el-form-item> | 253 | </el-form-item> |
| 236 | </el-col> | 254 | </el-col> |
| ... | @@ -247,7 +265,8 @@ | ... | @@ -247,7 +265,8 @@ |
| 247 | type="date" | 265 | type="date" |
| 248 | placeholder="选择日期" | 266 | placeholder="选择日期" |
| 249 | value-format="yyyy-MM-dd HH:mm:ss" | 267 | value-format="yyyy-MM-dd HH:mm:ss" |
| 250 | format="yyyy-MM-dd"></el-date-picker> | 268 | format="yyyy-MM-dd" |
| 269 | ></el-date-picker> | ||
| 251 | </el-form-item> | 270 | </el-form-item> |
| 252 | </el-col> | 271 | </el-col> |
| 253 | <el-col :span="8"> | 272 | <el-col :span="8"> |
| ... | @@ -258,7 +277,8 @@ | ... | @@ -258,7 +277,8 @@ |
| 258 | type="date" | 277 | type="date" |
| 259 | placeholder="选择日期" | 278 | placeholder="选择日期" |
| 260 | value-format="yyyy-MM-dd HH:mm:ss" | 279 | value-format="yyyy-MM-dd HH:mm:ss" |
| 261 | format="yyyy-MM-dd"></el-date-picker> | 280 | format="yyyy-MM-dd" |
| 281 | ></el-date-picker> | ||
| 262 | </el-form-item> | 282 | </el-form-item> |
| 263 | </el-col> | 283 | </el-col> |
| 264 | <el-col :span="8"> | 284 | <el-col :span="8"> |
| ... | @@ -284,7 +304,8 @@ | ... | @@ -284,7 +304,8 @@ |
| 284 | <el-form-item | 304 | <el-form-item |
| 285 | label="登记机构：" | 305 | label="登记机构：" |
| 286 | prop="qlxx.djjg" | 306 | prop="qlxx.djjg" |
| 287 | :rules="rules.djjgrules"> | 307 | :rules="rules.djjgrules" |
| 308 | > | ||
| 288 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 309 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 289 | </el-form-item> | 310 | </el-form-item> |
| 290 | </el-col> | 311 | </el-col> |
| ... | @@ -293,7 +314,8 @@ | ... | @@ -293,7 +314,8 @@ |
| 293 | <el-form-item | 314 | <el-form-item |
| 294 | label="登簿人：" | 315 | label="登簿人：" |
| 295 | prop="qlxx.dbr" | 316 | prop="qlxx.dbr" |
| 296 | :rules="rules.dbrrules"> | 317 | :rules="rules.dbrrules" |
| 318 | > | ||
| 297 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 319 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 298 | </el-form-item> | 320 | </el-form-item> |
| 299 | </el-col> | 321 | </el-col> |
| ... | @@ -301,14 +323,16 @@ | ... | @@ -301,14 +323,16 @@ |
| 301 | <el-form-item | 323 | <el-form-item |
| 302 | label="登记时间：" | 324 | label="登记时间：" |
| 303 | prop="qlxx.djsj" | 325 | prop="qlxx.djsj" |
| 304 | :rules="rules.djsjrules"> | 326 | :rules="rules.djsjrules" |
| 327 | > | ||
| 305 | <el-date-picker | 328 | <el-date-picker |
| 306 | v-model="ruleForm.qlxx.djsj" | 329 | v-model="ruleForm.qlxx.djsj" |
| 307 | type="date" | 330 | type="date" |
| 308 | placeholder="选择日期" | 331 | placeholder="选择日期" |
| 309 | class="width100" | 332 | class="width100" |
| 310 | value-format="yyyy-MM-dd HH:mm:ss" | 333 | value-format="yyyy-MM-dd HH:mm:ss" |
| 311 | format="yyyy-MM-dd"> | 334 | format="yyyy-MM-dd" |
| 335 | > | ||
| 312 | </el-date-picker> | 336 | </el-date-picker> |
| 313 | </el-form-item> | 337 | </el-form-item> |
| 314 | </el-col> | 338 | </el-col> |
| ... | @@ -352,7 +376,8 @@ | ... | @@ -352,7 +376,8 @@ |
| 352 | type="date" | 376 | type="date" |
| 353 | placeholder="选择日期" | 377 | placeholder="选择日期" |
| 354 | value-format="yyyy-MM-dd HH:mm:ss" | 378 | value-format="yyyy-MM-dd HH:mm:ss" |
| 355 | format="yyyy-MM-dd"> | 379 | format="yyyy-MM-dd" |
| 380 | > | ||
| 356 | </el-date-picker> | 381 | </el-date-picker> |
| 357 | </el-form-item> | 382 | </el-form-item> |
| 358 | </el-col> | 383 | </el-col> |
| ... | @@ -367,233 +392,290 @@ | ... | @@ -367,233 +392,290 @@ |
| 367 | </div> | 392 | </div> |
| 368 | </template> | 393 | </template> |
| 369 | <script> | 394 | <script> |
| 370 | import { mapGetters } from "vuex"; | 395 | import { mapGetters } from "vuex"; |
| 371 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 396 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 372 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 397 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 373 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 398 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 374 | import tdytTable from "@/views/workflow/components/tdytTable"; | 399 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 375 | import selectTable from "@/components/selectTable/index.vue"; | 400 | import selectTable from "@/components/selectTable/index.vue"; |
| 376 | export default { | 401 | export default { |
| 377 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 402 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 378 | computed: { | 403 | computed: { |
| 379 | ...mapGetters(["dictData", "flag"]), | 404 | ...mapGetters(["dictData", "flag"]), |
| 380 | // 根据流程判断表单是否为只读 | 405 | // 根据流程判断表单是否为只读 |
| 381 | editDisabled () { | 406 | editDisabled() { |
| 382 | if (!this.ableOperation) { | 407 | if (!this.ableOperation) { |
| 383 | //只读状态 | 408 | //只读状态 |
| 384 | return true; | 409 | return true; |
| 385 | } | 410 | } |
| 386 | return false; | 411 | return false; |
| 387 | }, | ||
| 388 | }, | 412 | }, |
| 389 | data () { | 413 | }, |
| 390 | return { | 414 | data() { |
| 391 | //表单是否可操作 | 415 | return { |
| 392 | props: { | 416 | //表单是否可操作 |
| 393 | label: "bdcqzh", | 417 | props: { |
| 394 | value: "bdcdyid", | 418 | label: "bdcqzh", |
| 419 | value: "bdcdyid", | ||
| 420 | }, | ||
| 421 | propsParam: this.$attrs, | ||
| 422 | key: 0, | ||
| 423 | isShow: false, | ||
| 424 | ssqlxxshow: true, | ||
| 425 | disabled: true, | ||
| 426 | czrOptions: [], | ||
| 427 | ruleForm: {}, | ||
| 428 | rules: {}, | ||
| 429 | // 登记类型 | ||
| 430 | djlxlist: [ | ||
| 431 | { | ||
| 432 | dcode: "100", | ||
| 433 | dname: "首次登记", | ||
| 434 | }, | ||
| 435 | { | ||
| 436 | dcode: "200", | ||
| 437 | dname: "转移登记", | ||
| 438 | }, | ||
| 439 | { | ||
| 440 | dcode: "300", | ||
| 441 | dname: "变更登记", | ||
| 442 | }, | ||
| 443 | { | ||
| 444 | dcode: "500", | ||
| 445 | dname: "更正登记", | ||
| 395 | }, | 446 | }, |
| 396 | propsParam: this.$attrs, | ||
| 397 | key: 0, | ||
| 398 | isShow: false, | ||
| 399 | ssqlxxshow: true, | ||
| 400 | disabled: true, | ||
| 401 | czrOptions: [], | ||
| 402 | ruleForm: {}, | ||
| 403 | rules: {}, | ||
| 404 | // 登记类型 | ||
| 405 | djlxlist: [ | ||
| 406 | { | ||
| 407 | dcode: "100", | ||
| 408 | dname: "首次登记", | ||
| 409 | }, | ||
| 410 | { | ||
| 411 | dcode: "200", | ||
| 412 | dname: "转移登记", | ||
| 413 | }, | ||
| 414 | { | ||
| 415 | dcode: "300", | ||
| 416 | dname: "变更登记", | ||
| 417 | }, | ||
| 418 | { | ||
| 419 | dcode: "500", | ||
| 420 | dname: "更正登记", | ||
| 421 | }, | ||
| 422 | 447 | ||
| 423 | { | 448 | { |
| 424 | dcode: "901", | 449 | dcode: "901", |
| 425 | dname: "补证", | 450 | dname: "补证", |
| 426 | }, | 451 | }, |
| 427 | { | 452 | { |
| 428 | dcode: "902", | 453 | dcode: "902", |
| 429 | dname: "换证", | 454 | dname: "换证", |
| 430 | }, | 455 | }, |
| 431 | ], | 456 | ], |
| 457 | |||
| 458 | // 权属状态 | ||
| 459 | qsztlist: [ | ||
| 460 | { | ||
| 461 | dcode: "1", | ||
| 462 | dname: "现势", | ||
| 463 | }, | ||
| 464 | { | ||
| 465 | dcode: "2", | ||
| 466 | dname: "历史", | ||
| 467 | }, | ||
| 468 | ], | ||
| 469 | // 是否被续封 | ||
| 470 | sfbxflist: [ | ||
| 471 | { | ||
| 472 | dcode: "0", | ||
| 473 | dname: "否", | ||
| 474 | }, | ||
| 475 | { | ||
| 476 | dcode: "1", | ||
| 477 | dname: "是", | ||
| 478 | }, | ||
| 479 | ], | ||
| 480 | ableOperation: false, | ||
| 481 | //传递参数\ | ||
| 432 | 482 | ||
| 433 | // 权属状态 | 483 | ssQlxxList: [], |
| 434 | qsztlist: [ | 484 | ztQlxxList: [], |
| 435 | { | 485 | rules: { |
| 436 | dcode: "1", | 486 | ztQlxxrules: [ |
| 437 | dname: "现势", | 487 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 438 | }, | ||
| 439 | { | ||
| 440 | dcode: "2", | ||
| 441 | dname: "历史", | ||
| 442 | }, | ||
| 443 | ], | 488 | ], |
| 444 | // 是否被续封 | 489 | ssQlxxrules: [ |
| 445 | sfbxflist: [ | 490 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 446 | { | ||
| 447 | dcode: "0", | ||
| 448 | dname: "否", | ||
| 449 | }, | ||
| 450 | { | ||
| 451 | dcode: "1", | ||
| 452 | dname: "是", | ||
| 453 | }, | ||
| 454 | ], | 491 | ], |
| 455 | ableOperation: false, | 492 | bdcqzhrules: [ |
| 456 | //传递参数\ | 493 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 457 | 494 | ], | |
| 458 | ssQlxxList: [], | 495 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 459 | ztQlxxList: [], | 496 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 460 | rules: { | 497 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 461 | ztQlxxrules: [ | 498 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 462 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 499 | sfbxfrules: [ |
| 463 | ], | 500 | { required: true, message: "是否被续封", trigger: "change" }, |
| 464 | bdcqzhrules: [ | 501 | ], |
| 465 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 502 | }, |
| 466 | ], | 503 | }; |
| 467 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 504 | }, |
| 468 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 505 | created() { |
| 469 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 506 | this.loadData(); |
| 470 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 507 | }, |
| 471 | sfbxfrules: [ | 508 | mounted() { |
| 472 | { required: true, message: "是否被续封", trigger: "change" }, | 509 | this.ableOperation = this.$parent.ableOperation; |
| 473 | ], | 510 | }, |
| 474 | }, | 511 | methods: { |
| 475 | }; | 512 | /** |
| 476 | }, | 513 | * @description: ztQlxxchange |
| 477 | created () { | 514 | * @param {*} val |
| 478 | this.loadData(); | 515 | * @author: renchao |
| 516 | */ | ||
| 517 | ztQlxxchange(val) { | ||
| 518 | this.ruleForm.ztQlxx = val; | ||
| 479 | }, | 519 | }, |
| 480 | mounted () { | 520 | /** |
| 481 | this.ableOperation = this.$parent.ableOperation; | 521 | * @description: ssQlxxchange |
| 522 | * @param {*} val | ||
| 523 | * @author: renchao | ||
| 524 | */ | ||
| 525 | ssQlxxchange(val) { | ||
| 526 | this.ruleForm.ssQlxx = val; | ||
| 527 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 528 | this.ssQlxxchangediolog(val); | ||
| 482 | }, | 529 | }, |
| 483 | methods: { | 530 | // 弹框事件 |
| 484 | /** | 531 | ssQlxxchangediolog(val) { |
| 485 | * @description: ztQlxxchange | 532 | console.log("确定了", this.ruleForm); |
| 486 | * @param {*} val | 533 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 487 | * @author: renchao | 534 | iconClass: "el-icon-question", //自定义图标样式 |
| 488 | */ | 535 | confirmButtonText: "确认", //确认按钮文字更换 |
| 489 | ztQlxxchange (val) { | 536 | cancelButtonText: "取消", //取消按钮文字更换 |
| 490 | this.ruleForm.ztQlxx = val; | 537 | showClose: true, //是否显示右上角关闭按钮 |
| 491 | }, | 538 | type: "warning", |
| 492 | /** | 539 | }).then(() => { |
| 493 | * @description: ssQlxxchange | 540 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 494 | * @param {*} val | ||
| 495 | * @author: renchao | ||
| 496 | */ | ||
| 497 | ssQlxxchange (val) { | ||
| 498 | this.ruleForm.ssQlxx = val; | ||
| 499 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 500 | }, | ||
| 501 | /** | ||
| 502 | * @description: djlxchange | ||
| 503 | * @param {*} val | ||
| 504 | * @author: renchao | ||
| 505 | */ | ||
| 506 | djlxchange (val) { | ||
| 507 | if (val == null || val == 100) { | ||
| 508 | this.ssqlxxshow = false; | ||
| 509 | } else { | ||
| 510 | this.ssqlxxshow = true; | ||
| 511 | } | ||
| 512 | }, | ||
| 513 | /** | ||
| 514 | * @description: loadData | ||
| 515 | * @author: renchao | ||
| 516 | */ | ||
| 517 | loadData () { | ||
| 518 | this.$startLoading(); | ||
| 519 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 520 | init(this.propsParam).then((res) => { | ||
| 521 | if (res.code == 200) { | 541 | if (res.code == 200) { |
| 522 | this.ruleForm = res.result; | 542 | this.nowlist = res.result; |
| 523 | this.isShow = true; | 543 | console.log("his.nowlist", this.nowlist); |
| 524 | let djlx = this.ruleForm.qlxx.djlx; | 544 | console.log("this.ruleForm", this.ruleForm); |
| 525 | this.$endLoading(); | 545 | for (var key in this.ruleForm.cfdj) { |
| 526 | if (djlx == null || djlx == 100) { | 546 | if ( |
| 527 | this.ssqlxxshow = false; | 547 | this.ruleForm.cfdj[key] == "" || |
| 548 | this.ruleForm.cfdj[key] == null | ||
| 549 | ) { | ||
| 550 | this.ruleForm.cfdj[key] = this.nowlist.cfdj[key]; | ||
| 551 | } | ||
| 528 | } | 552 | } |
| 529 | } | 553 | for (var key in this.ruleForm.qlxx) { |
| 530 | }); | 554 | if ( |
| 531 | //获取主体信息 | 555 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 532 | getSsQlxx({ | 556 | this.ruleForm.qlxx[key] == null |
| 533 | bdcdyid: this.propsParam.bdcdyid, | 557 | ) { |
| 534 | qllx: this.propsParam.qllx, | 558 | console.log("this.ruleForm.qlxx[key]", key); |
| 535 | }).then((res) => { | 559 | if (key != "ywh") { |
| 536 | if (res.code == 200) { | 560 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 537 | this.ssQlxxList = res.result; | 561 | } |
| 538 | } | ||
| 539 | }); | ||
| 540 | //获取上手信息 | ||
| 541 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 542 | if (res.code == 200) { | ||
| 543 | this.ztQlxxList = res.result; | ||
| 544 | } | ||
| 545 | }); | ||
| 546 | }, | ||
| 547 | // // 更新土地用途信息 | ||
| 548 | // upDateTdytxxList(val) { | ||
| 549 | // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 550 | // this.key++; | ||
| 551 | // }, | ||
| 552 | // // 更新权利人信息 | ||
| 553 | // upDateQlrxxList(val) { | ||
| 554 | // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 555 | // this.czrOptions = this.ruleForm.qlrData; | ||
| 556 | // this.key++; | ||
| 557 | // }, | ||
| 558 | // // 更新义务人信息 | ||
| 559 | // upDateYwrxxList(val) { | ||
| 560 | // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 561 | // this.key++; | ||
| 562 | // }, | ||
| 563 | /** | ||
| 564 | * @description: onSubmit | ||
| 565 | * @author: renchao | ||
| 566 | */ | ||
| 567 | onSubmit () { | ||
| 568 | this.$refs.ruleForm.validate((valid) => { | ||
| 569 | console.log("valid", valid); | ||
| 570 | if (valid) { | ||
| 571 | save(this.ruleForm).then((res) => { | ||
| 572 | if (res.code === 200) { | ||
| 573 | this.$message({ | ||
| 574 | showClose: true, | ||
| 575 | message: "保存成功！", | ||
| 576 | type: "success", | ||
| 577 | }); | ||
| 578 | this.$parent.changeywh() | ||
| 579 | this.$store.dispatch("user/refreshPage", true); | ||
| 580 | } else { | ||
| 581 | this.$message({ | ||
| 582 | showClose: true, | ||
| 583 | message: res.message, | ||
| 584 | type: "error", | ||
| 585 | }); | ||
| 586 | } | 562 | } |
| 563 | } | ||
| 564 | console.log("this.ruleForm", this.ruleForm); | ||
| 565 | this.$message({ | ||
| 566 | type: "success", | ||
| 567 | message: "同步成功!", | ||
| 587 | }); | 568 | }); |
| 588 | } else { | ||
| 589 | return false; | ||
| 590 | } | 569 | } |
| 591 | }); | 570 | }); |
| 592 | }, | 571 | }).catch(() => { |
| 572 | this.$message({ | ||
| 573 | type: "info", | ||
| 574 | message: "已取消同步", | ||
| 575 | }); | ||
| 576 | }) | ||
| 577 | }, | ||
| 578 | /** | ||
| 579 | * @description: djlxchange | ||
| 580 | * @param {*} val | ||
| 581 | * @author: renchao | ||
| 582 | */ | ||
| 583 | djlxchange(val) { | ||
| 584 | if (val == null || val == 100) { | ||
| 585 | this.ssqlxxshow = false; | ||
| 586 | } else { | ||
| 587 | this.ssqlxxshow = true; | ||
| 588 | } | ||
| 589 | }, | ||
| 590 | /** | ||
| 591 | * @description: loadData | ||
| 592 | * @author: renchao | ||
| 593 | */ | ||
| 594 | loadData() { | ||
| 595 | this.$startLoading(); | ||
| 596 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 597 | init(this.propsParam).then((res) => { | ||
| 598 | if (res.code == 200) { | ||
| 599 | this.ruleForm = res.result; | ||
| 600 | this.isShow = true; | ||
| 601 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 602 | this.$endLoading(); | ||
| 603 | if (djlx == null || djlx == 100) { | ||
| 604 | this.ssqlxxshow = false; | ||
| 605 | } | ||
| 606 | |||
| 607 | //获取主体信息 | ||
| 608 | getSsQlxx({ | ||
| 609 | bdcdyid: this.propsParam.bdcdyid, | ||
| 610 | qllx: this.propsParam.qllx, | ||
| 611 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 612 | }).then((res) => { | ||
| 613 | if (res.code == 200) { | ||
| 614 | this.ssQlxxList = res.result; | ||
| 615 | } | ||
| 616 | }); | ||
| 617 | //获取上手信息 | ||
| 618 | getZtQlxx({ | ||
| 619 | bdcdyid: this.propsParam.bdcdyid, | ||
| 620 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 621 | }).then((res) => { | ||
| 622 | if (res.code == 200) { | ||
| 623 | this.ztQlxxList = res.result; | ||
| 624 | } | ||
| 625 | }); | ||
| 626 | } | ||
| 627 | }); | ||
| 628 | }, | ||
| 629 | // // 更新土地用途信息 | ||
| 630 | // upDateTdytxxList(val) { | ||
| 631 | // this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 632 | // this.key++; | ||
| 633 | // }, | ||
| 634 | // // 更新权利人信息 | ||
| 635 | // upDateQlrxxList(val) { | ||
| 636 | // this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 637 | // this.czrOptions = this.ruleForm.qlrData; | ||
| 638 | // this.key++; | ||
| 639 | // }, | ||
| 640 | // // 更新义务人信息 | ||
| 641 | // upDateYwrxxList(val) { | ||
| 642 | // this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 643 | // this.key++; | ||
| 644 | // }, | ||
| 645 | /** | ||
| 646 | * @description: onSubmit | ||
| 647 | * @author: renchao | ||
| 648 | */ | ||
| 649 | onSubmit() { | ||
| 650 | this.$refs.ruleForm.validate((valid) => { | ||
| 651 | console.log("valid", valid); | ||
| 652 | if (valid) { | ||
| 653 | save(this.ruleForm).then((res) => { | ||
| 654 | if (res.code === 200) { | ||
| 655 | this.$message({ | ||
| 656 | showClose: true, | ||
| 657 | message: "保存成功！", | ||
| 658 | type: "success", | ||
| 659 | }); | ||
| 660 | this.$parent.changeywh(); | ||
| 661 | this.$store.dispatch("user/refreshPage", true); | ||
| 662 | } else { | ||
| 663 | this.$message({ | ||
| 664 | showClose: true, | ||
| 665 | message: res.message, | ||
| 666 | type: "error", | ||
| 667 | }); | ||
| 668 | } | ||
| 669 | }); | ||
| 670 | } else { | ||
| 671 | return false; | ||
| 672 | } | ||
| 673 | }); | ||
| 593 | }, | 674 | }, |
| 594 | }; | 675 | }, |
| 676 | }; | ||
| 595 | </script> | 677 | </script> |
| 596 | <style scoped lang="scss"> | 678 | <style scoped lang="scss"> |
| 597 | @import "~@/styles/public.scss"; | 679 | @import "~@/styles/public.scss"; |
| 598 | @import "~@/styles/slxx/slxx.scss"; | 680 | @import "~@/styles/slxx/slxx.scss"; |
| 599 | </style> | 681 | </style> | ... | ... |
| ... | @@ -16,7 +16,8 @@ | ... | @@ -16,7 +16,8 @@ |
| 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 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 23 | 补录信息 |
| ... | @@ -45,21 +46,28 @@ | ... | @@ -45,21 +46,28 @@ |
| 45 | </div> | 46 | </div> |
| 46 | <el-row :gutter="10"> | 47 | <el-row :gutter="10"> |
| 47 | <el-col :span="8"> | 48 | <el-col :span="8"> |
| 48 | <el-form-item label="抵押不动产信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> | 49 | <el-form-item |
| 50 | label="抵押不动产信息：" | ||
| 51 | prop="ztQlxx.bdcqzh" | ||
| 52 | :rules="rules.ztQlxxrules" | ||
| 53 | > | ||
| 49 | <select-table | 54 | <select-table |
| 50 | v-model="ruleForm.ztQlxx" | 55 | v-model="ruleForm.ztQlxx" |
| 51 | :table-width="550" | 56 | :table-width="550" |
| 52 | :tableData="ztQlxxList" | 57 | :tableData="ztQlxxList" |
| 53 | :props="props" | 58 | :props="props" |
| 54 | @change="ztQlxxchange"> | 59 | @change="ztQlxxchange" |
| 60 | > | ||
| 55 | <el-table-column | 61 | <el-table-column |
| 56 | prop="qllxmc" | 62 | prop="qllxmc" |
| 57 | width="130" | 63 | width="130" |
| 58 | label="权利类型"></el-table-column> | 64 | label="权利类型" |
| 65 | ></el-table-column> | ||
| 59 | <el-table-column | 66 | <el-table-column |
| 60 | prop="bdcqzh" | 67 | prop="bdcqzh" |
| 61 | width="160" | 68 | width="160" |
| 62 | label="不动产权证书"></el-table-column> | 69 | label="不动产权证书" |
| 70 | ></el-table-column> | ||
| 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -69,21 +77,28 @@ | ... | @@ -69,21 +77,28 @@ |
| 69 | </el-col> | 77 | </el-col> |
| 70 | 78 | ||
| 71 | <el-col :span="8" v-if="ssqlxxshow"> | 79 | <el-col :span="8" v-if="ssqlxxshow"> |
| 72 | <el-form-item label="上手权利信息："> | 80 | <el-form-item |
| 81 | label="上手权利信息：" | ||
| 82 | prop="ssQlxx.bdcqzh" | ||
| 83 | :rules="rules.ssQlxxrules" | ||
| 84 | > | ||
| 73 | <select-table | 85 | <select-table |
| 74 | v-model="ruleForm.ssQlxx" | 86 | v-model="ruleForm.ssQlxx" |
| 75 | :table-width="550" | 87 | :table-width="550" |
| 76 | :tableData="ssQlxxList" | 88 | :tableData="ssQlxxList" |
| 77 | :props="props" | 89 | :props="props" |
| 78 | @change="ssQlxxchange"> | 90 | @change="ssQlxxchange" |
| 91 | > | ||
| 79 | <el-table-column | 92 | <el-table-column |
| 80 | prop="qllxmc" | 93 | prop="qllxmc" |
| 81 | width="130" | 94 | width="130" |
| 82 | label="权利类型"></el-table-column> | 95 | label="权利类型" |
| 96 | ></el-table-column> | ||
| 83 | <el-table-column | 97 | <el-table-column |
| 84 | prop="bdcqzh" | 98 | prop="bdcqzh" |
| 85 | width="160" | 99 | width="160" |
| 86 | label="不动产权证书"></el-table-column> | 100 | label="不动产权证书" |
| 101 | ></el-table-column> | ||
| 87 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 102 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 88 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 103 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 89 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 104 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -161,13 +176,18 @@ | ... | @@ -161,13 +176,18 @@ |
| 161 | </el-form-item> | 176 | </el-form-item> |
| 162 | </el-col> | 177 | </el-col> |
| 163 | <el-col :span="8"> | 178 | <el-col :span="8"> |
| 164 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 179 | <el-form-item |
| 180 | label="登记类型：" | ||
| 181 | prop="qlxx.djlx" | ||
| 182 | :rules="rules.djlxrules" | ||
| 183 | > | ||
| 165 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 184 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 166 | <el-option | 185 | <el-option |
| 167 | v-for="item in djlxlist" | 186 | v-for="item in djlxlist" |
| 168 | :key="item.dcode" | 187 | :key="item.dcode" |
| 169 | :label="item.dname" | 188 | :label="item.dname" |
| 170 | :value="item.dcode"></el-option> | 189 | :value="item.dcode" |
| 190 | ></el-option> | ||
| 171 | </el-select> | 191 | </el-select> |
| 172 | </el-form-item> | 192 | </el-form-item> |
| 173 | </el-col> | 193 | </el-col> |
| ... | @@ -180,12 +200,17 @@ | ... | @@ -180,12 +200,17 @@ |
| 180 | v-for="item in qsztlist" | 200 | v-for="item in qsztlist" |
| 181 | :key="item.dcode" | 201 | :key="item.dcode" |
| 182 | :label="item.dname" | 202 | :label="item.dname" |
| 183 | :value="item.dcode"></el-option> | 203 | :value="item.dcode" |
| 204 | ></el-option> | ||
| 184 | </el-select> | 205 | </el-select> |
| 185 | </el-form-item> | 206 | </el-form-item> |
| 186 | </el-col> | 207 | </el-col> |
| 187 | <el-col :span="8"> | 208 | <el-col :span="8"> |
| 188 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 209 | <el-form-item |
| 210 | label="业务号：" | ||
| 211 | prop="qlxx.ywh" | ||
| 212 | :rules="rules.ywhrules" | ||
| 213 | > | ||
| 189 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 214 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 190 | </el-form-item> | 215 | </el-form-item> |
| 191 | </el-col> | 216 | </el-col> |
| ... | @@ -218,13 +243,15 @@ | ... | @@ -218,13 +243,15 @@ |
| 218 | <el-input | 243 | <el-input |
| 219 | v-model="ruleForm.diyaq.zgzqse" | 244 | v-model="ruleForm.diyaq.zgzqse" |
| 220 | style="width: 500%" | 245 | style="width: 500%" |
| 221 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 246 | oninput="value=value.replace(/[^\d.]/g,'')" |
| 247 | ></el-input> | ||
| 222 | <el-select v-model="ruleForm.diyaq.jedw"> | 248 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 223 | <el-option | 249 | <el-option |
| 224 | v-for="item in dictData['A57']" | 250 | v-for="item in dictData['A57']" |
| 225 | :key="item.dcode" | 251 | :key="item.dcode" |
| 226 | :label="item.dname" | 252 | :label="item.dname" |
| 227 | :value="item.dcode"></el-option> | 253 | :value="item.dcode" |
| 254 | ></el-option> | ||
| 228 | </el-select> | 255 | </el-select> |
| 229 | </div> | 256 | </div> |
| 230 | </el-form-item> | 257 | </el-form-item> |
| ... | @@ -235,13 +262,15 @@ | ... | @@ -235,13 +262,15 @@ |
| 235 | <el-input | 262 | <el-input |
| 236 | v-model="ruleForm.diyaq.bdbzzqse" | 263 | v-model="ruleForm.diyaq.bdbzzqse" |
| 237 | style="width: 500%" | 264 | style="width: 500%" |
| 238 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 265 | oninput="value=value.replace(/[^\d.]/g,'')" |
| 266 | ></el-input> | ||
| 239 | <el-select v-model="ruleForm.diyaq.jedw"> | 267 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 240 | <el-option | 268 | <el-option |
| 241 | v-for="item in dictData['A57']" | 269 | v-for="item in dictData['A57']" |
| 242 | :key="item.dcode" | 270 | :key="item.dcode" |
| 243 | :label="item.dname" | 271 | :label="item.dname" |
| 244 | :value="item.dcode"></el-option> | 272 | :value="item.dcode" |
| 273 | ></el-option> | ||
| 245 | </el-select> | 274 | </el-select> |
| 246 | </div> | 275 | </div> |
| 247 | </el-form-item> | 276 | </el-form-item> |
| ... | @@ -253,15 +282,15 @@ | ... | @@ -253,15 +282,15 @@ |
| 253 | <div class="flex"> | 282 | <div class="flex"> |
| 254 | <el-input | 283 | <el-input |
| 255 | v-model="ruleForm.diyaq.dymj" | 284 | v-model="ruleForm.diyaq.dymj" |
| 256 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 257 | <el-select | 286 | ></el-input> |
| 258 | v-model="ruleForm.diyaq.jedw" | 287 | <el-select v-model="ruleForm.diyaq.jedw" style="width: 20%"> |
| 259 | style="width: 20%"> | ||
| 260 | <el-option | 288 | <el-option |
| 261 | v-for="item in dictData['A7']" | 289 | v-for="item in dictData['A7']" |
| 262 | :key="item.dcode" | 290 | :key="item.dcode" |
| 263 | :label="item.dname" | 291 | :label="item.dname" |
| 264 | :value="item.dcode"> | 292 | :value="item.dcode" |
| 293 | > | ||
| 265 | </el-option> | 294 | </el-option> |
| 266 | </el-select> | 295 | </el-select> |
| 267 | </div> | 296 | </div> |
| ... | @@ -272,13 +301,15 @@ | ... | @@ -272,13 +301,15 @@ |
| 272 | <el-form-item | 301 | <el-form-item |
| 273 | label="债务履行起始时间：" | 302 | label="债务履行起始时间：" |
| 274 | prop="diyaq.zwlxqssj" | 303 | prop="diyaq.zwlxqssj" |
| 275 | :rules="rules.zwlxqssjrules"> | 304 | :rules="rules.zwlxqssjrules" |
| 305 | > | ||
| 276 | <el-date-picker | 306 | <el-date-picker |
| 277 | v-model="ruleForm.diyaq.zwlxqssj" | 307 | v-model="ruleForm.diyaq.zwlxqssj" |
| 278 | type="date" | 308 | type="date" |
| 279 | placeholder="选择日期" | 309 | placeholder="选择日期" |
| 280 | value-format="yyyy-MM-dd HH:mm:ss" | 310 | value-format="yyyy-MM-dd HH:mm:ss" |
| 281 | format="yyyy-MM-dd"> | 311 | format="yyyy-MM-dd" |
| 312 | > | ||
| 282 | </el-date-picker> | 313 | </el-date-picker> |
| 283 | </el-form-item> | 314 | </el-form-item> |
| 284 | </el-col> | 315 | </el-col> |
| ... | @@ -286,13 +317,15 @@ | ... | @@ -286,13 +317,15 @@ |
| 286 | <el-form-item | 317 | <el-form-item |
| 287 | label="债务履行结束时间：" | 318 | label="债务履行结束时间：" |
| 288 | prop="diyaq.zwlxjssj" | 319 | prop="diyaq.zwlxjssj" |
| 289 | :rules="rules.zwlxjssjrules"> | 320 | :rules="rules.zwlxjssjrules" |
| 321 | > | ||
| 290 | <el-date-picker | 322 | <el-date-picker |
| 291 | v-model="ruleForm.diyaq.zwlxjssj" | 323 | v-model="ruleForm.diyaq.zwlxjssj" |
| 292 | type="date" | 324 | type="date" |
| 293 | placeholder="选择日期" | 325 | placeholder="选择日期" |
| 294 | value-format="yyyy-MM-dd HH:mm:ss" | 326 | value-format="yyyy-MM-dd HH:mm:ss" |
| 295 | format="yyyy-MM-dd"> | 327 | format="yyyy-MM-dd" |
| 328 | > | ||
| 296 | </el-date-picker> | 329 | </el-date-picker> |
| 297 | </el-form-item> | 330 | </el-form-item> |
| 298 | </el-col> | 331 | </el-col> |
| ... | @@ -346,7 +379,8 @@ | ... | @@ -346,7 +379,8 @@ |
| 346 | v-for="item in dictData['A6']" | 379 | v-for="item in dictData['A6']" |
| 347 | :key="item.dcode" | 380 | :key="item.dcode" |
| 348 | :label="item.dname" | 381 | :label="item.dname" |
| 349 | :value="item.dcode"> | 382 | :value="item.dcode" |
| 383 | > | ||
| 350 | </el-option> | 384 | </el-option> |
| 351 | </el-select> | 385 | </el-select> |
| 352 | </el-form-item> | 386 | </el-form-item> |
| ... | @@ -355,7 +389,8 @@ | ... | @@ -355,7 +389,8 @@ |
| 355 | <el-form-item | 389 | <el-form-item |
| 356 | label="不动产登记证明号：" | 390 | label="不动产登记证明号：" |
| 357 | prop="qlxx.bdcqzh" | 391 | prop="qlxx.bdcqzh" |
| 358 | :rules="rules.bdcqzhrules"> | 392 | :rules="rules.bdcqzhrules" |
| 393 | > | ||
| 359 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 394 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 360 | </el-form-item> | 395 | </el-form-item> |
| 361 | </el-col> | 396 | </el-col> |
| ... | @@ -364,7 +399,8 @@ | ... | @@ -364,7 +399,8 @@ |
| 364 | <el-form-item | 399 | <el-form-item |
| 365 | label="登记机构：" | 400 | label="登记机构：" |
| 366 | prop="qlxx.djjg" | 401 | prop="qlxx.djjg" |
| 367 | :rules="rules.djjgrules"> | 402 | :rules="rules.djjgrules" |
| 403 | > | ||
| 368 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 404 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 369 | </el-form-item> | 405 | </el-form-item> |
| 370 | </el-col> | 406 | </el-col> |
| ... | @@ -372,7 +408,8 @@ | ... | @@ -372,7 +408,8 @@ |
| 372 | <el-form-item | 408 | <el-form-item |
| 373 | label="登簿人：" | 409 | label="登簿人：" |
| 374 | prop="qlxx.dbr" | 410 | prop="qlxx.dbr" |
| 375 | :rules="rules.dbrrules"> | 411 | :rules="rules.dbrrules" |
| 412 | > | ||
| 376 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 413 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 377 | </el-form-item> | 414 | </el-form-item> |
| 378 | </el-col> | 415 | </el-col> |
| ... | @@ -380,14 +417,16 @@ | ... | @@ -380,14 +417,16 @@ |
| 380 | <el-form-item | 417 | <el-form-item |
| 381 | label="登记时间：" | 418 | label="登记时间：" |
| 382 | prop="qlxx.djsj" | 419 | prop="qlxx.djsj" |
| 383 | :rules="rules.djsjrules"> | 420 | :rules="rules.djsjrules" |
| 421 | > | ||
| 384 | <el-date-picker | 422 | <el-date-picker |
| 385 | v-model="ruleForm.qlxx.djsj" | 423 | v-model="ruleForm.qlxx.djsj" |
| 386 | type="date" | 424 | type="date" |
| 387 | class="width100" | 425 | class="width100" |
| 388 | placeholder="选择日期" | 426 | placeholder="选择日期" |
| 389 | value-format="yyyy-MM-dd HH:mm:ss" | 427 | value-format="yyyy-MM-dd HH:mm:ss" |
| 390 | format="yyyy-MM-dd"> | 428 | format="yyyy-MM-dd" |
| 429 | > | ||
| 391 | </el-date-picker> | 430 | </el-date-picker> |
| 392 | </el-form-item> | 431 | </el-form-item> |
| 393 | </el-col> | 432 | </el-col> |
| ... | @@ -429,13 +468,15 @@ | ... | @@ -429,13 +468,15 @@ |
| 429 | <el-form-item | 468 | <el-form-item |
| 430 | label="注销时间：" | 469 | label="注销时间：" |
| 431 | prop="qlxx.zxsj" | 470 | prop="qlxx.zxsj" |
| 432 | :rules="rules.zxsjrules"> | 471 | :rules="rules.zxsjrules" |
| 472 | > | ||
| 433 | <el-date-picker | 473 | <el-date-picker |
| 434 | v-model="ruleForm.qlxx.zxsj" | 474 | v-model="ruleForm.qlxx.zxsj" |
| 435 | type="date" | 475 | type="date" |
| 436 | placeholder="选择日期" | 476 | placeholder="选择日期" |
| 437 | value-format="yyyy-MM-dd HH:mm:ss" | 477 | value-format="yyyy-MM-dd HH:mm:ss" |
| 438 | format="yyyy-MM-dd"> | 478 | format="yyyy-MM-dd" |
| 479 | > | ||
| 439 | </el-date-picker> | 480 | </el-date-picker> |
| 440 | </el-form-item> | 481 | </el-form-item> |
| 441 | </el-col> | 482 | </el-col> |
| ... | @@ -443,7 +484,8 @@ | ... | @@ -443,7 +484,8 @@ |
| 443 | <el-form-item | 484 | <el-form-item |
| 444 | label="注销登簿人：" | 485 | label="注销登簿人：" |
| 445 | prop="qlxx.zxdbr" | 486 | prop="qlxx.zxdbr" |
| 446 | :rules="rules.zxdbrrules"> | 487 | :rules="rules.zxdbrrules" |
| 488 | > | ||
| 447 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> | 489 | <el-input v-model="ruleForm.qlxx.zxdbr"></el-input> |
| 448 | </el-form-item> | 490 | </el-form-item> |
| 449 | </el-col> | 491 | </el-col> |
| ... | @@ -451,11 +493,11 @@ | ... | @@ -451,11 +493,11 @@ |
| 451 | <el-form-item | 493 | <el-form-item |
| 452 | label="注销抵押原因：" | 494 | label="注销抵押原因：" |
| 453 | prop="diyaq.zxdyyy" | 495 | prop="diyaq.zxdyyy" |
| 454 | :rules="rules.zxdyyyrules"> | 496 | :rules="rules.zxdyyyrules" |
| 497 | > | ||
| 455 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> | 498 | <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> |
| 456 | </el-form-item> | 499 | </el-form-item> |
| 457 | </el-col> | 500 | </el-col> |
| 458 | |||
| 459 | </el-row> | 501 | </el-row> |
| 460 | <div class="slxx_title title-block"> | 502 | <div class="slxx_title title-block"> |
| 461 | 权利人信息 | 503 | 权利人信息 |
| ... | @@ -466,7 +508,8 @@ | ... | @@ -466,7 +508,8 @@ |
| 466 | <el-form-item label="共有方式："> | 508 | <el-form-item label="共有方式："> |
| 467 | <el-radio-group | 509 | <el-radio-group |
| 468 | :disabled="!ableOperation" | 510 | :disabled="!ableOperation" |
| 469 | v-model="ruleForm.qlxx.gyfs"> | 511 | v-model="ruleForm.qlxx.gyfs" |
| 512 | > | ||
| 470 | <el-radio label="0">单独所有</el-radio> | 513 | <el-radio label="0">单独所有</el-radio> |
| 471 | <el-radio label="1">共同共有</el-radio> | 514 | <el-radio label="1">共同共有</el-radio> |
| 472 | <el-radio label="2">按份所有</el-radio> | 515 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -478,7 +521,8 @@ | ... | @@ -478,7 +521,8 @@ |
| 478 | <el-form-item label="是否分别持证："> | 521 | <el-form-item label="是否分别持证："> |
| 479 | <el-radio-group | 522 | <el-radio-group |
| 480 | v-model="ruleForm.qlxx.sqfbcz" | 523 | v-model="ruleForm.qlxx.sqfbcz" |
| 481 | :disabled="!ableOperation"> | 524 | :disabled="!ableOperation" |
| 525 | > | ||
| 482 | <el-radio :label="1">是</el-radio> | 526 | <el-radio :label="1">是</el-radio> |
| 483 | <el-radio :label="0">否</el-radio> | 527 | <el-radio :label="0">否</el-radio> |
| 484 | </el-radio-group> | 528 | </el-radio-group> |
| ... | @@ -486,17 +530,20 @@ | ... | @@ -486,17 +530,20 @@ |
| 486 | </el-col> | 530 | </el-col> |
| 487 | <el-col | 531 | <el-col |
| 488 | :span="6" | 532 | :span="6" |
| 489 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 533 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 534 | > | ||
| 490 | <el-form-item label="持证人："> | 535 | <el-form-item label="持证人："> |
| 491 | <el-select | 536 | <el-select |
| 492 | v-model="ruleForm.czr" | 537 | v-model="ruleForm.czr" |
| 493 | placeholder="持证人" | 538 | placeholder="持证人" |
| 494 | :disabled="!ableOperation"> | 539 | :disabled="!ableOperation" |
| 540 | > | ||
| 495 | <el-option | 541 | <el-option |
| 496 | v-for="item in czrOptions" | 542 | v-for="item in czrOptions" |
| 497 | :key="item.zjh" | 543 | :key="item.zjh" |
| 498 | :label="item.sqrmc" | 544 | :label="item.sqrmc" |
| 499 | :value="item.zjh"> | 545 | :value="item.zjh" |
| 546 | > | ||
| 500 | </el-option> | 547 | </el-option> |
| 501 | </el-select> | 548 | </el-select> |
| 502 | </el-form-item> | 549 | </el-form-item> |
| ... | @@ -507,7 +554,8 @@ | ... | @@ -507,7 +554,8 @@ |
| 507 | @upDateQlrxxList="upDateQlrxxList" | 554 | @upDateQlrxxList="upDateQlrxxList" |
| 508 | :key="key" | 555 | :key="key" |
| 509 | :ableOperation="ableOperation" | 556 | :ableOperation="ableOperation" |
| 510 | :gyfs="ruleForm.qlxx.gyfs" /> | 557 | :gyfs="ruleForm.qlxx.gyfs" |
| 558 | /> | ||
| 511 | 559 | ||
| 512 | <div v-if="ruleForm.ywrData"> | 560 | <div v-if="ruleForm.ywrData"> |
| 513 | <div class="slxx_title title-block"> | 561 | <div class="slxx_title title-block"> |
| ... | @@ -519,7 +567,8 @@ | ... | @@ -519,7 +567,8 @@ |
| 519 | :tableData="ruleForm.ywrData" | 567 | :tableData="ruleForm.ywrData" |
| 520 | :key="key" | 568 | :key="key" |
| 521 | :ableOperation="ableOperation" | 569 | :ableOperation="ableOperation" |
| 522 | @upDateQlrxxList="upDateYwrxxList" /> | 570 | @upDateQlrxxList="upDateYwrxxList" |
| 571 | /> | ||
| 523 | </div> | 572 | </div> |
| 524 | </div> | 573 | </div> |
| 525 | <el-row class="btn" v-if="ableOperation"> | 574 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -531,292 +580,359 @@ | ... | @@ -531,292 +580,359 @@ |
| 531 | </div> | 580 | </div> |
| 532 | </template> | 581 | </template> |
| 533 | <script> | 582 | <script> |
| 534 | import { mapGetters } from "vuex"; | 583 | import { mapGetters } from "vuex"; |
| 535 | import ywmix from "@/views/ywbl/mixin/index" | 584 | import ywmix from "@/views/ywbl/mixin/index"; |
| 536 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 585 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 537 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 586 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 538 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 587 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 539 | import selectTable from "@/components/selectTable/index.vue"; | 588 | import selectTable from "@/components/selectTable/index.vue"; |
| 540 | import tdytTable from "@/views/workflow/components/tdytTable"; | 589 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 541 | export default { | 590 | export default { |
| 542 | mixins: [ywmix], | 591 | mixins: [ywmix], |
| 543 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 592 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 544 | computed: { | 593 | computed: { |
| 545 | ...mapGetters(["dictData", "flag"]), | 594 | ...mapGetters(["dictData", "flag"]), |
| 546 | // 根据流程判断表单是否为只读 | 595 | // 根据流程判断表单是否为只读 |
| 547 | editDisabled () { | 596 | editDisabled() { |
| 548 | if (!this.ableOperation) { | 597 | if (!this.ableOperation) { |
| 549 | //只读状态 | 598 | //只读状态 |
| 550 | return true; | 599 | return true; |
| 551 | } | 600 | } |
| 552 | return false; | 601 | return false; |
| 553 | }, | ||
| 554 | }, | 602 | }, |
| 555 | data () { | 603 | }, |
| 556 | return { | 604 | data() { |
| 557 | mjdw: "1", | 605 | return { |
| 558 | props: { | 606 | mjdw: "1", |
| 559 | label: "bdcqzh", | 607 | props: { |
| 560 | value: "bdcdyid", | 608 | label: "bdcqzh", |
| 609 | value: "bdcdyid", | ||
| 610 | }, | ||
| 611 | //表单是否可操作 | ||
| 612 | propsParam: this.$attrs, | ||
| 613 | key: 0, | ||
| 614 | isShow: false, | ||
| 615 | disabled: true, | ||
| 616 | ssqlxxshow: true, | ||
| 617 | czrOptions: [], | ||
| 618 | ruleForm: {}, | ||
| 619 | // 权属状态 | ||
| 620 | qsztlist: [ | ||
| 621 | { | ||
| 622 | dcode: "1", | ||
| 623 | dname: "现势", | ||
| 624 | }, | ||
| 625 | { | ||
| 626 | dcode: "2", | ||
| 627 | dname: "历史", | ||
| 628 | }, | ||
| 629 | ], | ||
| 630 | // 登记类型 | ||
| 631 | djlxlist: [ | ||
| 632 | { | ||
| 633 | dcode: "100", | ||
| 634 | dname: "首次登记", | ||
| 635 | }, | ||
| 636 | { | ||
| 637 | dcode: "200", | ||
| 638 | dname: "转移登记", | ||
| 639 | }, | ||
| 640 | { | ||
| 641 | dcode: "300", | ||
| 642 | dname: "变更登记", | ||
| 643 | }, | ||
| 644 | { | ||
| 645 | dcode: "500", | ||
| 646 | dname: "更正登记", | ||
| 561 | }, | 647 | }, |
| 562 | //表单是否可操作 | ||
| 563 | propsParam: this.$attrs, | ||
| 564 | key: 0, | ||
| 565 | isShow: false, | ||
| 566 | disabled: true, | ||
| 567 | ssqlxxshow: true, | ||
| 568 | czrOptions: [], | ||
| 569 | ruleForm: {}, | ||
| 570 | // 权属状态 | ||
| 571 | qsztlist: [ | ||
| 572 | { | ||
| 573 | dcode: "1", | ||
| 574 | dname: "现势", | ||
| 575 | }, | ||
| 576 | { | ||
| 577 | dcode: "2", | ||
| 578 | dname: "历史", | ||
| 579 | }, | ||
| 580 | ], | ||
| 581 | // 登记类型 | ||
| 582 | djlxlist: [ | ||
| 583 | { | ||
| 584 | dcode: "100", | ||
| 585 | dname: "首次登记", | ||
| 586 | }, | ||
| 587 | { | ||
| 588 | dcode: "200", | ||
| 589 | dname: "转移登记", | ||
| 590 | }, | ||
| 591 | { | ||
| 592 | dcode: "300", | ||
| 593 | dname: "变更登记", | ||
| 594 | }, | ||
| 595 | { | ||
| 596 | dcode: "500", | ||
| 597 | dname: "更正登记", | ||
| 598 | }, | ||
| 599 | 648 | ||
| 600 | { | 649 | { |
| 601 | dcode: "901", | 650 | dcode: "901", |
| 602 | dname: "补证", | 651 | dname: "补证", |
| 603 | }, | 652 | }, |
| 604 | { | 653 | { |
| 605 | dcode: "902", | 654 | dcode: "902", |
| 606 | dname: "换证", | 655 | dname: "换证", |
| 607 | }, | 656 | }, |
| 657 | ], | ||
| 658 | ssQlxxList: [], | ||
| 659 | ztQlxxList: [], | ||
| 660 | ableOperation: false, | ||
| 661 | rules: { | ||
| 662 | ssQlxxrules: [ | ||
| 663 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 664 | ], | ||
| 665 | ztQlxxrules: [ | ||
| 666 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 667 | ], | ||
| 668 | bdcqzhrules: [ | ||
| 669 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | ||
| 670 | ], | ||
| 671 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 672 | zwlxqssjrules: [ | ||
| 673 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | ||
| 674 | ], | ||
| 675 | zwlxjssjrules: [ | ||
| 676 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | ||
| 608 | ], | 677 | ], |
| 609 | ssQlxxList: [], | ||
| 610 | ztQlxxList: [], | ||
| 611 | ableOperation: false, | ||
| 612 | rules: { | ||
| 613 | ztQlxxrules: [ | ||
| 614 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 615 | ], | ||
| 616 | bdcqzhrules: [ | ||
| 617 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | ||
| 618 | ], | ||
| 619 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 620 | zwlxqssjrules: [ | ||
| 621 | { required: true, message: "债务履行起始时间", trigger: "blur" }, | ||
| 622 | ], | ||
| 623 | zwlxjssjrules: [ | ||
| 624 | { required: true, message: "债务履行结束时间", trigger: "blur" }, | ||
| 625 | ], | ||
| 626 | 678 | ||
| 627 | zxdyyyrules: [ | 679 | zxdyyyrules: [ |
| 628 | { required: true, message: "注销抵押原因", trigger: "blur" }, | 680 | { required: true, message: "注销抵押原因", trigger: "blur" }, |
| 629 | ], | 681 | ], |
| 630 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], | 682 | zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }], |
| 631 | zxdbrrules: [ | 683 | zxdbrrules: [ |
| 632 | { required: true, message: "注销登簿人", trigger: "blur" }, | 684 | { required: true, message: "注销登簿人", trigger: "blur" }, |
| 633 | ], | 685 | ], |
| 634 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 686 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 635 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 687 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 636 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 688 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 637 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 689 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 638 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 690 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 639 | }, | 691 | }, |
| 640 | }; | 692 | }; |
| 693 | }, | ||
| 694 | created() {}, | ||
| 695 | mounted() { | ||
| 696 | this.loadData(); | ||
| 697 | this.ableOperation = this.$parent.ableOperation; | ||
| 698 | }, | ||
| 699 | methods: { | ||
| 700 | /** | ||
| 701 | * @description: ztQlxxchange | ||
| 702 | * @param {*} val | ||
| 703 | * @author: renchao | ||
| 704 | */ | ||
| 705 | ztQlxxchange(val) { | ||
| 706 | this.ruleForm.ztQlxx = val; | ||
| 641 | }, | 707 | }, |
| 642 | created () { }, | 708 | /** |
| 643 | mounted () { | 709 | * @description: ssQlxxchange |
| 644 | this.loadData(); | 710 | * @param {*} val |
| 645 | this.ableOperation = this.$parent.ableOperation; | 711 | * @author: renchao |
| 712 | */ | ||
| 713 | ssQlxxchange(val) { | ||
| 714 | this.ruleForm.ssQlxx = val; | ||
| 715 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 716 | this.ssQlxxchangediolog(val); | ||
| 646 | }, | 717 | }, |
| 647 | methods: { | 718 | // 弹框事件 |
| 648 | /** | 719 | ssQlxxchangediolog(val) { |
| 649 | * @description: ztQlxxchange | 720 | console.log("确定了", this.ruleForm); |
| 650 | * @param {*} val | 721 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 651 | * @author: renchao | 722 | iconClass: "el-icon-question", //自定义图标样式 |
| 652 | */ | 723 | confirmButtonText: "确认", //确认按钮文字更换 |
| 653 | ztQlxxchange (val) { | 724 | cancelButtonText: "取消", //取消按钮文字更换 |
| 654 | this.ruleForm.ztQlxx = val; | 725 | showClose: true, //是否显示右上角关闭按钮 |
| 655 | }, | 726 | type: "warning", |
| 656 | /** | 727 | }).then(() => { |
| 657 | * @description: ssQlxxchange | 728 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 658 | * @param {*} val | ||
| 659 | * @author: renchao | ||
| 660 | */ | ||
| 661 | ssQlxxchange (val) { | ||
| 662 | this.ruleForm.ssQlxx = val; | ||
| 663 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 664 | }, | ||
| 665 | djlxchange (val) { | ||
| 666 | if (val == null || val == 100) { | ||
| 667 | this.ssqlxxshow = false; | ||
| 668 | } else { | ||
| 669 | this.ssqlxxshow = true; | ||
| 670 | } | ||
| 671 | }, | ||
| 672 | /** | ||
| 673 | * @description: loadData | ||
| 674 | * @author: renchao | ||
| 675 | */ | ||
| 676 | loadData () { | ||
| 677 | this.$startLoading(); | ||
| 678 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 679 | init(this.propsParam).then((res) => { | ||
| 680 | if (res.code == 200) { | 729 | if (res.code == 200) { |
| 681 | this.ruleForm = res.result; | 730 | this.nowlist = res.result; |
| 682 | this.$endLoading(); | 731 | console.log("his.nowlist", this.nowlist); |
| 683 | this.isShow = true; | 732 | console.log("this.ruleForm", this.ruleForm); |
| 684 | let djlx = this.ruleForm.qlxx.djlx; | 733 | for (var key in this.ruleForm.diyaq) { |
| 685 | if (djlx == null || djlx == 100) { | 734 | if ( |
| 686 | this.ssqlxxshow = false; | 735 | this.ruleForm.diyaq[key] == "" || |
| 736 | this.ruleForm.diyaq[key] == null | ||
| 737 | ) { | ||
| 738 | this.ruleForm.diyaq[key] = this.nowlist.diyaq[key]; | ||
| 739 | } | ||
| 740 | } | ||
| 741 | for (var key in this.ruleForm.qlxx) { | ||
| 742 | if ( | ||
| 743 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 744 | this.ruleForm.qlxx[key] == null | ||
| 745 | ) { | ||
| 746 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 747 | if (key != "ywh") { | ||
| 748 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 749 | } | ||
| 750 | } | ||
| 751 | } | ||
| 752 | if (!this.ruleForm.tdytqxList.length) { | ||
| 753 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 754 | } | ||
| 755 | if (!this.ruleForm.qlrData.length) { | ||
| 756 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 687 | } | 757 | } |
| 758 | if (!this.ruleForm.ywrData.length) { | ||
| 759 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 760 | } | ||
| 761 | console.log("this.ruleForm", this.ruleForm); | ||
| 762 | this.$message({ | ||
| 763 | type: "success", | ||
| 764 | message: "同步成功!", | ||
| 765 | }); | ||
| 688 | } | 766 | } |
| 689 | }); | 767 | }); |
| 690 | //获取主体信息 | 768 | }).catch(() => { |
| 691 | getSsQlxx({ | 769 | this.$message({ |
| 692 | bdcdyid: this.propsParam.bdcdyid, | 770 | type: "info", |
| 693 | qllx: this.propsParam.qllx, | 771 | message: "已取消同步", |
| 694 | }).then((res) => { | 772 | }); |
| 695 | if (res.code == 200) { | 773 | }); |
| 696 | this.ssQlxxList = res.result; | 774 | }, |
| 775 | |||
| 776 | djlxchange(val) { | ||
| 777 | if (val == null || val == 100) { | ||
| 778 | this.ssqlxxshow = false; | ||
| 779 | } else { | ||
| 780 | this.ssqlxxshow = true; | ||
| 781 | } | ||
| 782 | }, | ||
| 783 | /** | ||
| 784 | * @description: loadData | ||
| 785 | * @author: renchao | ||
| 786 | */ | ||
| 787 | loadData() { | ||
| 788 | this.$startLoading(); | ||
| 789 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 790 | init(this.propsParam).then((res) => { | ||
| 791 | if (res.code == 200) { | ||
| 792 | this.ruleForm = res.result; | ||
| 793 | this.$endLoading(); | ||
| 794 | this.isShow = true; | ||
| 795 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 796 | if (djlx == null || djlx == 100) { | ||
| 797 | this.ssqlxxshow = false; | ||
| 697 | } | 798 | } |
| 698 | }); | 799 | |
| 699 | //获取上手信息 | 800 | //获取主体信息 |
| 700 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 801 | getSsQlxx({ |
| 701 | if (res.code == 200) { | 802 | bdcdyid: this.propsParam.bdcdyid, |
| 702 | this.ztQlxxList = res.result; | 803 | qllx: this.propsParam.qllx, |
| 804 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 805 | }).then((res) => { | ||
| 806 | if (res.code == 200) { | ||
| 807 | this.ssQlxxList = res.result; | ||
| 808 | } | ||
| 809 | }); | ||
| 810 | //获取上手信息 | ||
| 811 | getZtQlxx({ | ||
| 812 | bdcdyid: this.propsParam.bdcdyid, | ||
| 813 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 814 | }).then((res) => { | ||
| 815 | if (res.code == 200) { | ||
| 816 | this.ztQlxxList = res.result; | ||
| 817 | } | ||
| 818 | }); | ||
| 819 | } | ||
| 820 | }); | ||
| 821 | }, | ||
| 822 | // 更新土地用途信息 | ||
| 823 | /** | ||
| 824 | * @description: 更新土地用途信息 | ||
| 825 | * @param {*} val | ||
| 826 | * @author: renchao | ||
| 827 | */ | ||
| 828 | upDateTdytxxList(val) { | ||
| 829 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 830 | this.key++; | ||
| 831 | }, | ||
| 832 | // 更新权利人信息 | ||
| 833 | /** | ||
| 834 | * @description: 更新权利人信息 | ||
| 835 | * @param {*} val | ||
| 836 | * @author: renchao | ||
| 837 | */ | ||
| 838 | upDateQlrxxList(val) { | ||
| 839 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 840 | this.czrOptions = this.ruleForm.qlrData; | ||
| 841 | this.key++; | ||
| 842 | }, | ||
| 843 | // 更新义务人信息 | ||
| 844 | /** | ||
| 845 | * @description: 更新义务人信息 | ||
| 846 | * @param {*} val | ||
| 847 | * @author: renchao | ||
| 848 | */ | ||
| 849 | upDateYwrxxList(val) { | ||
| 850 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 851 | this.key++; | ||
| 852 | }, | ||
| 853 | /** | ||
| 854 | * @description: onSubmit | ||
| 855 | * @author: renchao | ||
| 856 | */ | ||
| 857 | onSubmit() { | ||
| 858 | this.$refs.ruleForm.validate((valid) => { | ||
| 859 | if (valid) { | ||
| 860 | if (this.ruleForm.qlrData.length == 0) { | ||
| 861 | this.$message({ | ||
| 862 | showClose: true, | ||
| 863 | message: "请确认权利人信息", | ||
| 864 | type: "error", | ||
| 865 | }); | ||
| 866 | return false; | ||
| 703 | } | 867 | } |
| 704 | }); | 868 | if (this.ruleForm.ywrData.length == 0) { |
| 705 | }, | 869 | this.$message({ |
| 706 | // 更新土地用途信息 | 870 | showClose: true, |
| 707 | /** | 871 | message: "请确认义务人信息", |
| 708 | * @description: 更新土地用途信息 | 872 | type: "error", |
| 709 | * @param {*} val | 873 | }); |
| 710 | * @author: renchao | 874 | return false; |
| 711 | */ | 875 | } |
| 712 | upDateTdytxxList (val) { | 876 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 713 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 877 | if (this.ruleForm.qlrData.length > 1) { |
| 714 | this.key++; | ||
| 715 | }, | ||
| 716 | // 更新权利人信息 | ||
| 717 | /** | ||
| 718 | * @description: 更新权利人信息 | ||
| 719 | * @param {*} val | ||
| 720 | * @author: renchao | ||
| 721 | */ | ||
| 722 | upDateQlrxxList (val) { | ||
| 723 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 724 | this.czrOptions = this.ruleForm.qlrData; | ||
| 725 | this.key++; | ||
| 726 | }, | ||
| 727 | // 更新义务人信息 | ||
| 728 | /** | ||
| 729 | * @description: 更新义务人信息 | ||
| 730 | * @param {*} val | ||
| 731 | * @author: renchao | ||
| 732 | */ | ||
| 733 | upDateYwrxxList (val) { | ||
| 734 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 735 | this.key++; | ||
| 736 | }, | ||
| 737 | /** | ||
| 738 | * @description: onSubmit | ||
| 739 | * @author: renchao | ||
| 740 | */ | ||
| 741 | onSubmit () { | ||
| 742 | this.$refs.ruleForm.validate((valid) => { | ||
| 743 | if (valid) { | ||
| 744 | if (this.ruleForm.qlrData.length == 0) { | ||
| 745 | this.$message({ | 878 | this.$message({ |
| 746 | showClose: true, | 879 | showClose: true, |
| 747 | message: "请确认权利人信息", | 880 | message: "共有方式：单独所有，权利人只能是一个人", |
| 748 | type: "error", | 881 | type: "error", |
| 749 | }); | 882 | }); |
| 750 | return false; | 883 | return false; |
| 751 | } | 884 | } |
| 752 | if (this.ruleForm.ywrData.length == 0) { | 885 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 886 | } | ||
| 887 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 888 | //是否分别持证 | ||
| 889 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 890 | //是 | ||
| 891 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 892 | item.sfczr = "1"; | ||
| 893 | }); | ||
| 894 | } else { | ||
| 895 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 896 | if (item.zjh == this.ruleForm.czr) { | ||
| 897 | item.sfczr = "1"; | ||
| 898 | } else { | ||
| 899 | item.sfczr = "0"; | ||
| 900 | } | ||
| 901 | }); | ||
| 902 | } | ||
| 903 | } | ||
| 904 | save(this.ruleForm).then((res) => { | ||
| 905 | if (res.code === 200) { | ||
| 753 | this.$message({ | 906 | this.$message({ |
| 754 | showClose: true, | 907 | showClose: true, |
| 755 | message: "请确认义务人信息", | 908 | message: "保存成功！", |
| 909 | type: "success", | ||
| 910 | }); | ||
| 911 | this.$parent.changeywh(); | ||
| 912 | this.$store.dispatch("user/refreshPage", true); | ||
| 913 | } else { | ||
| 914 | this.$message({ | ||
| 915 | showClose: true, | ||
| 916 | message: res.message, | ||
| 756 | type: "error", | 917 | type: "error", |
| 757 | }); | 918 | }); |
| 758 | return false; | ||
| 759 | } | ||
| 760 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 761 | if (this.ruleForm.qlrData.length > 1) { | ||
| 762 | this.$message({ | ||
| 763 | showClose: true, | ||
| 764 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 765 | type: "error", | ||
| 766 | }); | ||
| 767 | return false; | ||
| 768 | } | ||
| 769 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 770 | } | 919 | } |
| 771 | if (this.ruleForm.qlxx.gyfs == "1") { | 920 | }); |
| 772 | //是否分别持证 | 921 | } else { |
| 773 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 922 | return false; |
| 774 | //是 | 923 | } |
| 775 | this.ruleForm.qlrData.forEach((item, index) => { | 924 | }); |
| 776 | item.sfczr = "1"; | ||
| 777 | }); | ||
| 778 | } else { | ||
| 779 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 780 | if (item.zjh == this.ruleForm.czr) { | ||
| 781 | item.sfczr = "1"; | ||
| 782 | } else { | ||
| 783 | item.sfczr = "0"; | ||
| 784 | } | ||
| 785 | }); | ||
| 786 | } | ||
| 787 | } | ||
| 788 | save(this.ruleForm).then((res) => { | ||
| 789 | if (res.code === 200) { | ||
| 790 | this.$message({ | ||
| 791 | showClose: true, | ||
| 792 | message: "保存成功！", | ||
| 793 | type: "success", | ||
| 794 | }); | ||
| 795 | this.$parent.changeywh() | ||
| 796 | this.$store.dispatch("user/refreshPage", true); | ||
| 797 | } else { | ||
| 798 | this.$message({ | ||
| 799 | showClose: true, | ||
| 800 | message: res.message, | ||
| 801 | type: "error", | ||
| 802 | }); | ||
| 803 | } | ||
| 804 | }); | ||
| 805 | } else { | ||
| 806 | return false; | ||
| 807 | } | ||
| 808 | }); | ||
| 809 | }, | ||
| 810 | }, | 925 | }, |
| 811 | }; | 926 | }, |
| 927 | }; | ||
| 812 | </script> | 928 | </script> |
| 813 | <style scoped lang="scss"> | 929 | <style scoped lang="scss"> |
| 814 | @import "~@/styles/public.scss"; | 930 | @import "~@/styles/public.scss"; |
| 815 | @import "~@/styles/slxx/slxx.scss"; | 931 | @import "~@/styles/slxx/slxx.scss"; |
| 816 | .el-date-editor.el-input { | 932 | .el-date-editor.el-input { |
| 817 | width: 100%; | 933 | width: 100%; |
| 818 | } | 934 | } |
| 819 | .el-table__row { | 935 | .el-table__row { |
| 820 | height: 30px !important; | 936 | height: 30px !important; |
| 821 | } | 937 | } |
| 822 | </style> | 938 | </style> | ... | ... |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | </el-col> | 71 | </el-col> |
| 72 | 72 | ||
| 73 | <el-col :span="8" v-if="ssqlxxshow"> | 73 | <el-col :span="8" v-if="ssqlxxshow"> |
| 74 | <el-form-item label="上手权利信息："> | 74 | <el-form-item label="上手权利信息：" prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules"> |
| 75 | <select-table | 75 | <select-table |
| 76 | v-model="ruleForm.ssQlxx" | 76 | v-model="ruleForm.ssQlxx" |
| 77 | :table-width="550" | 77 | :table-width="550" |
| ... | @@ -433,7 +433,7 @@ | ... | @@ -433,7 +433,7 @@ |
| 433 | <script> | 433 | <script> |
| 434 | import { mapGetters } from "vuex"; | 434 | import { mapGetters } from "vuex"; |
| 435 | import ywmix from "@/views/ywbl/mixin/index" | 435 | import ywmix from "@/views/ywbl/mixin/index" |
| 436 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 436 | import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm,save } from "@/api/djbRepair.js"; |
| 437 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 437 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 438 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 438 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 439 | import tdytTable from "@/views/workflow/components/tdytTable"; | 439 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| ... | @@ -510,6 +510,9 @@ | ... | @@ -510,6 +510,9 @@ |
| 510 | ableOperation: false, | 510 | ableOperation: false, |
| 511 | //传递参数\ | 511 | //传递参数\ |
| 512 | rules: { | 512 | rules: { |
| 513 | ssQlxxrules: [ | ||
| 514 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 515 | ], | ||
| 513 | ztQlxxrules: [ | 516 | ztQlxxrules: [ |
| 514 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 517 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 515 | ], | 518 | ], |
| ... | @@ -546,7 +549,65 @@ | ... | @@ -546,7 +549,65 @@ |
| 546 | ssQlxxchange (val) { | 549 | ssQlxxchange (val) { |
| 547 | this.ruleForm.ssQlxx = val; | 550 | this.ruleForm.ssQlxx = val; |
| 548 | this.ruleForm.qlxx.ssywh = val.ywh; | 551 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 552 | this.ssQlxxchangediolog (val) | ||
| 549 | }, | 553 | }, |
| 554 | // 弹框事件 | ||
| 555 | ssQlxxchangediolog (val) { | ||
| 556 | console.log("确定了",this.ruleForm) | ||
| 557 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 558 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 559 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 560 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 561 | showClose: true, //是否显示右上角关闭按钮 | ||
| 562 | type: "warning", | ||
| 563 | }).then(() => { | ||
| 564 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 565 | if (res.code == 200) { | ||
| 566 | this.nowlist = res.result; | ||
| 567 | console.log("his.nowlist", this.nowlist); | ||
| 568 | console.log("this.ruleForm", this.ruleForm); | ||
| 569 | for (var key in this.ruleForm.dyiq) { | ||
| 570 | if ( | ||
| 571 | this.ruleForm.dyiq[key] == "" || | ||
| 572 | this.ruleForm.dyiq[key] == null | ||
| 573 | ) { | ||
| 574 | this.ruleForm.dyiq[key] = this.nowlist.dyiq[key]; | ||
| 575 | } | ||
| 576 | } | ||
| 577 | for (var key in this.ruleForm.qlxx) { | ||
| 578 | if ( | ||
| 579 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 580 | this.ruleForm.qlxx[key] == null | ||
| 581 | ) { | ||
| 582 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 583 | if (key != "ywh") { | ||
| 584 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 585 | } | ||
| 586 | } | ||
| 587 | } | ||
| 588 | if (!this.ruleForm.tdytqxList.length) { | ||
| 589 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 590 | } | ||
| 591 | if (!this.ruleForm.qlrData.length) { | ||
| 592 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 593 | } | ||
| 594 | if (!this.ruleForm.ywrData.length) { | ||
| 595 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 596 | } | ||
| 597 | console.log("this.ruleForm", this.ruleForm); | ||
| 598 | this.$message({ | ||
| 599 | type: "success", | ||
| 600 | message: "同步成功!", | ||
| 601 | }); | ||
| 602 | } | ||
| 603 | }); | ||
| 604 | }).catch(() => { | ||
| 605 | this.$message({ | ||
| 606 | type: "info", | ||
| 607 | message: "已取消同步", | ||
| 608 | }); | ||
| 609 | }); | ||
| 610 | }, | ||
| 550 | /** | 611 | /** |
| 551 | * @description: djlxchange | 612 | * @description: djlxchange |
| 552 | * @param {*} val | 613 | * @param {*} val |
| ... | @@ -576,24 +637,29 @@ | ... | @@ -576,24 +637,29 @@ |
| 576 | } | 637 | } |
| 577 | this.$endLoading(); | 638 | this.$endLoading(); |
| 578 | this.isShow = true; | 639 | this.isShow = true; |
| 579 | } | 640 | |
| 580 | }); | 641 | //获取主体信息 |
| 581 | //获取主体信息 | 642 | getSsQlxx({ |
| 582 | getSsQlxx({ | 643 | bdcdyid: this.propsParam.bdcdyid, |
| 583 | bdcdyid: this.propsParam.bdcdyid, | 644 | qllx: this.propsParam.qllx, |
| 584 | qllx: this.propsParam.qllx, | 645 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 585 | }).then((res) => { | 646 | }).then((res) => { |
| 586 | if (res.code == 200) { | 647 | if (res.code == 200) { |
| 587 | this.ssQlxxList = res.result; | 648 | this.ssQlxxList = res.result; |
| 588 | } | 649 | } |
| 589 | }); | 650 | }); |
| 590 | //获取上手信息 | 651 | //获取上手信息 |
| 591 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 652 | getZtQlxx({ |
| 592 | if (res.code == 200) { | 653 | bdcdyid: this.propsParam.bdcdyid, |
| 593 | this.ztQlxxList = res.result; | 654 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 594 | } | 655 | }).then((res) => { |
| 595 | }); | 656 | if (res.code == 200) { |
| 596 | }, | 657 | this.ztQlxxList = res.result; |
| 658 | } | ||
| 659 | }); | ||
| 660 | } | ||
| 661 | }); | ||
| 662 | }, | ||
| 597 | // 更新土地用途信息 | 663 | // 更新土地用途信息 |
| 598 | /** | 664 | /** |
| 599 | * @description: 更新土地用途信息 | 665 | * @description: 更新土地用途信息 | ... | ... |
| ... | @@ -16,7 +16,8 @@ | ... | @@ -16,7 +16,8 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | inline-message | 18 | inline-message |
| 19 | label-width="145px"> | 19 | label-width="145px" |
| 20 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 23 | 补录信息 |
| ... | @@ -43,23 +44,30 @@ | ... | @@ -43,23 +44,30 @@ |
| 43 | 房地产权（独幢、层、套、间房屋） | 44 | 房地产权（独幢、层、套、间房屋） |
| 44 | <div class="triangle"></div> | 45 | <div class="triangle"></div> |
| 45 | </div> | 46 | </div> |
| 46 | <el-row :gutter="10" class="ssqlxx"> | 47 | <el-row :gutter="24"> |
| 47 | <el-col :span="24" v-if="ssqlxxshow"> | 48 | <el-col :span="24" v-if="ssqlxxshow"> |
| 48 | <el-form-item label="上手权利信息："> | 49 | <el-form-item |
| 50 | label="上手权利信息：" | ||
| 51 | prop="ssQlxx.bdcqzh" | ||
| 52 | :rules="rules.ssQlxxrules" | ||
| 53 | > | ||
| 49 | <select-table | 54 | <select-table |
| 50 | v-model="ruleForm.ssQlxx" | 55 | v-model="ruleForm.ssQlxx" |
| 51 | :table-width="550" | 56 | :table-width="550" |
| 52 | :tableData="ssQlxxList" | 57 | :tableData="ssQlxxList" |
| 53 | :props="props" | 58 | :props="props" |
| 54 | @change="ssQlxxchange"> | 59 | @change="ssQlxxchange" |
| 60 | > | ||
| 55 | <el-table-column | 61 | <el-table-column |
| 56 | prop="qllxmc" | 62 | prop="qllxmc" |
| 57 | width="130" | 63 | width="130" |
| 58 | label="权利类型"></el-table-column> | 64 | label="权利类型" |
| 65 | ></el-table-column> | ||
| 59 | <el-table-column | 66 | <el-table-column |
| 60 | prop="bdcqzh" | 67 | prop="bdcqzh" |
| 61 | width="160" | 68 | width="160" |
| 62 | label="不动产权证书"></el-table-column> | 69 | label="不动产权证书" |
| 70 | ></el-table-column> | ||
| 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -75,7 +83,11 @@ | ... | @@ -75,7 +83,11 @@ |
| 75 | </el-form-item> | 83 | </el-form-item> |
| 76 | </el-col> | 84 | </el-col> |
| 77 | <el-col :span="8"> | 85 | <el-col :span="8"> |
| 78 | <el-form-item label="业务号："> | 86 | <el-form-item |
| 87 | label="业务号：" | ||
| 88 | prop="qlxx.ywh" | ||
| 89 | :rules="rules.ywhrules" | ||
| 90 | > | ||
| 79 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 91 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 80 | </el-form-item> | 92 | </el-form-item> |
| 81 | </el-col> | 93 | </el-col> |
| ... | @@ -92,13 +104,18 @@ | ... | @@ -92,13 +104,18 @@ |
| 92 | </el-form-item> | 104 | </el-form-item> |
| 93 | </el-col> | 105 | </el-col> |
| 94 | <el-col :span="8"> | 106 | <el-col :span="8"> |
| 95 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 107 | <el-form-item |
| 108 | label="登记类型：" | ||
| 109 | prop="qlxx.djlx" | ||
| 110 | :rules="rules.djlxrules" | ||
| 111 | > | ||
| 96 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 112 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 97 | <el-option | 113 | <el-option |
| 98 | v-for="item in djlxlist" | 114 | v-for="item in djlxlist" |
| 99 | :key="item.dcode" | 115 | :key="item.dcode" |
| 100 | :label="item.dname" | 116 | :label="item.dname" |
| 101 | :value="item.dcode"> | 117 | :value="item.dcode" |
| 118 | > | ||
| 102 | </el-option> | 119 | </el-option> |
| 103 | </el-select> | 120 | </el-select> |
| 104 | </el-form-item> | 121 | </el-form-item> |
| ... | @@ -116,17 +133,17 @@ | ... | @@ -116,17 +133,17 @@ |
| 116 | <el-col :span="8"> | 133 | <el-col :span="8"> |
| 117 | <el-form-item label="独用土地面积："> | 134 | <el-form-item label="独用土地面积："> |
| 118 | <div class="flex"> | 135 | <div class="flex"> |
| 119 | <el-input v-model="ruleForm.fdcq2.dytdmj" | 136 | <el-input |
| 120 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 137 | v-model="ruleForm.fdcq2.dytdmj" |
| 121 | <el-select | 138 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 122 | disabled | 139 | ></el-input> |
| 123 | v-model="mjdw" | 140 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 124 | style="width: 20%"> | ||
| 125 | <el-option | 141 | <el-option |
| 126 | v-for="item in dictData['A7']" | 142 | v-for="item in dictData['A7']" |
| 127 | :key="item.dcode" | 143 | :key="item.dcode" |
| 128 | :label="item.dname" | 144 | :label="item.dname" |
| 129 | :value="item.dcode"> | 145 | :value="item.dcode" |
| 146 | > | ||
| 130 | </el-option> | 147 | </el-option> |
| 131 | </el-select> | 148 | </el-select> |
| 132 | </div> | 149 | </div> |
| ... | @@ -135,17 +152,17 @@ | ... | @@ -135,17 +152,17 @@ |
| 135 | <el-col :span="8"> | 152 | <el-col :span="8"> |
| 136 | <el-form-item label="分摊土地面积："> | 153 | <el-form-item label="分摊土地面积："> |
| 137 | <div class="flex"> | 154 | <div class="flex"> |
| 138 | <el-input v-model="ruleForm.fdcq2.fttdmj" | 155 | <el-input |
| 139 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 156 | v-model="ruleForm.fdcq2.fttdmj" |
| 140 | <el-select | 157 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 141 | disabled | 158 | ></el-input> |
| 142 | v-model="mjdw" | 159 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 143 | style="width: 20%"> | ||
| 144 | <el-option | 160 | <el-option |
| 145 | v-for="item in dictData['A7']" | 161 | v-for="item in dictData['A7']" |
| 146 | :key="item.dcode" | 162 | :key="item.dcode" |
| 147 | :label="item.dname" | 163 | :label="item.dname" |
| 148 | :value="item.dcode"> | 164 | :value="item.dcode" |
| 165 | > | ||
| 149 | </el-option> | 166 | </el-option> |
| 150 | </el-select> | 167 | </el-select> |
| 151 | </div> | 168 | </div> |
| ... | @@ -160,7 +177,8 @@ | ... | @@ -160,7 +177,8 @@ |
| 160 | placeholder="" | 177 | placeholder="" |
| 161 | :normalizer="normalizer" | 178 | :normalizer="normalizer" |
| 162 | :show-count="true" | 179 | :show-count="true" |
| 163 | :options="dictData['A9']" /> | 180 | :options="dictData['A9']" |
| 181 | /> | ||
| 164 | </el-form-item> | 182 | </el-form-item> |
| 165 | </el-col> | 183 | </el-col> |
| 166 | <el-col :span="8"> | 184 | <el-col :span="8"> |
| ... | @@ -169,13 +187,15 @@ | ... | @@ -169,13 +187,15 @@ |
| 169 | <el-input | 187 | <el-input |
| 170 | v-model="ruleForm.fdcq2.qjjg" | 188 | v-model="ruleForm.fdcq2.qjjg" |
| 171 | style="width: 500%" | 189 | style="width: 500%" |
| 172 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 190 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 191 | ></el-input> | ||
| 173 | <el-select v-model="ruleForm.fdcq2.jedw"> | 192 | <el-select v-model="ruleForm.fdcq2.jedw"> |
| 174 | <el-option | 193 | <el-option |
| 175 | v-for="item in dictData['A57']" | 194 | v-for="item in dictData['A57']" |
| 176 | :key="item.dcode" | 195 | :key="item.dcode" |
| 177 | :label="item.dname" | 196 | :label="item.dname" |
| 178 | :value="item.dcode"> | 197 | :value="item.dcode" |
| 198 | > | ||
| 179 | </el-option> | 199 | </el-option> |
| 180 | </el-select> | 200 | </el-select> |
| 181 | </div> | 201 | </div> |
| ... | @@ -188,7 +208,8 @@ | ... | @@ -188,7 +208,8 @@ |
| 188 | v-for="item in qsztlist" | 208 | v-for="item in qsztlist" |
| 189 | :key="item.dcode" | 209 | :key="item.dcode" |
| 190 | :label="item.dname" | 210 | :label="item.dname" |
| 191 | :value="item.dcode"> | 211 | :value="item.dcode" |
| 212 | > | ||
| 192 | </el-option> | 213 | </el-option> |
| 193 | </el-select> | 214 | </el-select> |
| 194 | </el-form-item> | 215 | </el-form-item> |
| ... | @@ -200,7 +221,8 @@ | ... | @@ -200,7 +221,8 @@ |
| 200 | v-for="item in dictData['A17']" | 221 | v-for="item in dictData['A17']" |
| 201 | :key="item.dcode" | 222 | :key="item.dcode" |
| 202 | :label="item.dname" | 223 | :label="item.dname" |
| 203 | :value="item.dcode"> | 224 | :value="item.dcode" |
| 225 | > | ||
| 204 | </el-option> | 226 | </el-option> |
| 205 | </el-select> | 227 | </el-select> |
| 206 | </el-form-item> | 228 | </el-form-item> |
| ... | @@ -222,7 +244,8 @@ | ... | @@ -222,7 +244,8 @@ |
| 222 | v-for="item in dictData['A19']" | 244 | v-for="item in dictData['A19']" |
| 223 | :key="item.dcode" | 245 | :key="item.dcode" |
| 224 | :label="item.dname" | 246 | :label="item.dname" |
| 225 | :value="item.dcode"> | 247 | :value="item.dcode" |
| 248 | > | ||
| 226 | </el-option> | 249 | </el-option> |
| 227 | </el-select> | 250 | </el-select> |
| 228 | </el-form-item> | 251 | </el-form-item> |
| ... | @@ -231,13 +254,15 @@ | ... | @@ -231,13 +254,15 @@ |
| 231 | <el-form-item | 254 | <el-form-item |
| 232 | label="房屋结构：" | 255 | label="房屋结构：" |
| 233 | prop="fdcq2.fwjg" | 256 | prop="fdcq2.fwjg" |
| 234 | :rules="rules.fwjgrules"> | 257 | :rules="rules.fwjgrules" |
| 258 | > | ||
| 235 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 259 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
| 236 | <el-option | 260 | <el-option |
| 237 | v-for="item in dictData['A46']" | 261 | v-for="item in dictData['A46']" |
| 238 | :key="item.dcode" | 262 | :key="item.dcode" |
| 239 | :label="item.dname" | 263 | :label="item.dname" |
| 240 | :value="item.dcode"> | 264 | :value="item.dcode" |
| 265 | > | ||
| 241 | </el-option> | 266 | </el-option> |
| 242 | </el-select> | 267 | </el-select> |
| 243 | </el-form-item> | 268 | </el-form-item> |
| ... | @@ -255,17 +280,17 @@ | ... | @@ -255,17 +280,17 @@ |
| 255 | <el-col :span="8"> | 280 | <el-col :span="8"> |
| 256 | <el-form-item label="建筑面积："> | 281 | <el-form-item label="建筑面积："> |
| 257 | <div class="flex"> | 282 | <div class="flex"> |
| 258 | <el-input v-model="ruleForm.fdcq2.jzmj" | 283 | <el-input |
| 259 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 284 | v-model="ruleForm.fdcq2.jzmj" |
| 260 | <el-select | 285 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 261 | disabled | 286 | ></el-input> |
| 262 | v-model="mjdw" | 287 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 263 | style="width: 20%"> | ||
| 264 | <el-option | 288 | <el-option |
| 265 | v-for="item in dictData['A7']" | 289 | v-for="item in dictData['A7']" |
| 266 | :key="item.dcode" | 290 | :key="item.dcode" |
| 267 | :label="item.dname" | 291 | :label="item.dname" |
| 268 | :value="item.dcode"> | 292 | :value="item.dcode" |
| 293 | > | ||
| 269 | </el-option> | 294 | </el-option> |
| 270 | </el-select> | 295 | </el-select> |
| 271 | </div> | 296 | </div> |
| ... | @@ -274,17 +299,17 @@ | ... | @@ -274,17 +299,17 @@ |
| 274 | <el-col :span="8"> | 299 | <el-col :span="8"> |
| 275 | <el-form-item label="专有建筑面积："> | 300 | <el-form-item label="专有建筑面积："> |
| 276 | <div class="flex"> | 301 | <div class="flex"> |
| 277 | <el-input v-model="ruleForm.fdcq2.zyjzmj" | 302 | <el-input |
| 278 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 303 | v-model="ruleForm.fdcq2.zyjzmj" |
| 279 | <el-select | 304 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 280 | disabled | 305 | ></el-input> |
| 281 | v-model="mjdw" | 306 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 282 | style="width: 20%"> | ||
| 283 | <el-option | 307 | <el-option |
| 284 | v-for="item in dictData['A7']" | 308 | v-for="item in dictData['A7']" |
| 285 | :key="item.dcode" | 309 | :key="item.dcode" |
| 286 | :label="item.dname" | 310 | :label="item.dname" |
| 287 | :value="item.dcode"> | 311 | :value="item.dcode" |
| 312 | > | ||
| 288 | </el-option> | 313 | </el-option> |
| 289 | </el-select> | 314 | </el-select> |
| 290 | </div> | 315 | </div> |
| ... | @@ -293,17 +318,17 @@ | ... | @@ -293,17 +318,17 @@ |
| 293 | <el-col :span="8"> | 318 | <el-col :span="8"> |
| 294 | <el-form-item label="分摊建筑面积："> | 319 | <el-form-item label="分摊建筑面积："> |
| 295 | <div class="flex"> | 320 | <div class="flex"> |
| 296 | <el-input v-model="ruleForm.fdcq2.ftjzmj" | 321 | <el-input |
| 297 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 322 | v-model="ruleForm.fdcq2.ftjzmj" |
| 298 | <el-select | 323 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 299 | disabled | 324 | ></el-input> |
| 300 | v-model="mjdw" | 325 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 301 | style="width: 20%"> | ||
| 302 | <el-option | 326 | <el-option |
| 303 | v-for="item in dictData['A7']" | 327 | v-for="item in dictData['A7']" |
| 304 | :key="item.dcode" | 328 | :key="item.dcode" |
| 305 | :label="item.dname" | 329 | :label="item.dname" |
| 306 | :value="item.dcode"> | 330 | :value="item.dcode" |
| 331 | > | ||
| 307 | </el-option> | 332 | </el-option> |
| 308 | </el-select> | 333 | </el-select> |
| 309 | </div> | 334 | </div> |
| ... | @@ -317,7 +342,8 @@ | ... | @@ -317,7 +342,8 @@ |
| 317 | type="date" | 342 | type="date" |
| 318 | placeholder="选择日期" | 343 | placeholder="选择日期" |
| 319 | value-format="yyyy-MM-dd HH:mm:ss" | 344 | value-format="yyyy-MM-dd HH:mm:ss" |
| 320 | format="yyyy-MM-dd"> | 345 | format="yyyy-MM-dd" |
| 346 | > | ||
| 321 | </el-date-picker> | 347 | </el-date-picker> |
| 322 | </el-form-item> | 348 | </el-form-item> |
| 323 | </el-col> | 349 | </el-col> |
| ... | @@ -326,7 +352,8 @@ | ... | @@ -326,7 +352,8 @@ |
| 326 | <el-form-item | 352 | <el-form-item |
| 327 | label="不动产权证号：" | 353 | label="不动产权证号：" |
| 328 | prop="qlxx.bdcqzh" | 354 | prop="qlxx.bdcqzh" |
| 329 | :rules="rules.bdcqzhrules"> | 355 | :rules="rules.bdcqzhrules" |
| 356 | > | ||
| 330 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 357 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 331 | </el-form-item> | 358 | </el-form-item> |
| 332 | </el-col> | 359 | </el-col> |
| ... | @@ -343,7 +370,8 @@ | ... | @@ -343,7 +370,8 @@ |
| 343 | <el-form-item | 370 | <el-form-item |
| 344 | label="登记机构：" | 371 | label="登记机构：" |
| 345 | prop="qlxx.djjg" | 372 | prop="qlxx.djjg" |
| 346 | :rules="rules.djjgrules"> | 373 | :rules="rules.djjgrules" |
| 374 | > | ||
| 347 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 375 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 348 | </el-form-item> | 376 | </el-form-item> |
| 349 | </el-col> | 377 | </el-col> |
| ... | @@ -351,7 +379,8 @@ | ... | @@ -351,7 +379,8 @@ |
| 351 | <el-form-item | 379 | <el-form-item |
| 352 | label="登簿人：" | 380 | label="登簿人：" |
| 353 | prop="qlxx.dbr" | 381 | prop="qlxx.dbr" |
| 354 | :rules="rules.dbrrules"> | 382 | :rules="rules.dbrrules" |
| 383 | > | ||
| 355 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 384 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 356 | </el-form-item> | 385 | </el-form-item> |
| 357 | </el-col> | 386 | </el-col> |
| ... | @@ -359,14 +388,16 @@ | ... | @@ -359,14 +388,16 @@ |
| 359 | <el-form-item | 388 | <el-form-item |
| 360 | label="登记时间：" | 389 | label="登记时间：" |
| 361 | prop="qlxx.djsj" | 390 | prop="qlxx.djsj" |
| 362 | :rules="rules.djsjrules"> | 391 | :rules="rules.djsjrules" |
| 392 | > | ||
| 363 | <el-date-picker | 393 | <el-date-picker |
| 364 | v-model="ruleForm.qlxx.djsj" | 394 | v-model="ruleForm.qlxx.djsj" |
| 365 | type="date" | 395 | type="date" |
| 366 | class="width100" | 396 | class="width100" |
| 367 | placeholder="选择日期" | 397 | placeholder="选择日期" |
| 368 | value-format="yyyy-MM-dd HH:mm:ss" | 398 | value-format="yyyy-MM-dd HH:mm:ss" |
| 369 | format="yyyy-MM-dd"> | 399 | format="yyyy-MM-dd" |
| 400 | > | ||
| 370 | </el-date-picker> | 401 | </el-date-picker> |
| 371 | </el-form-item> | 402 | </el-form-item> |
| 372 | </el-col> | 403 | </el-col> |
| ... | @@ -392,7 +423,8 @@ | ... | @@ -392,7 +423,8 @@ |
| 392 | <tdytTable | 423 | <tdytTable |
| 393 | :tableData="ruleForm.tdytqxList" | 424 | :tableData="ruleForm.tdytqxList" |
| 394 | @upDateTdytxxList="upDateTdytxxList" | 425 | @upDateTdytxxList="upDateTdytxxList" |
| 395 | :ableOperation="ableOperation" /> | 426 | :ableOperation="ableOperation" |
| 427 | /> | ||
| 396 | <div class="slxx_title title-block"> | 428 | <div class="slxx_title title-block"> |
| 397 | 权利人信息 | 429 | 权利人信息 |
| 398 | <div class="triangle"></div> | 430 | <div class="triangle"></div> |
| ... | @@ -402,7 +434,8 @@ | ... | @@ -402,7 +434,8 @@ |
| 402 | <el-form-item label="共有方式："> | 434 | <el-form-item label="共有方式："> |
| 403 | <el-radio-group | 435 | <el-radio-group |
| 404 | :disabled="!ableOperation" | 436 | :disabled="!ableOperation" |
| 405 | v-model="ruleForm.qlxx.gyfs"> | 437 | v-model="ruleForm.qlxx.gyfs" |
| 438 | > | ||
| 406 | <el-radio label="0">单独所有</el-radio> | 439 | <el-radio label="0">单独所有</el-radio> |
| 407 | <el-radio label="1">共同共有</el-radio> | 440 | <el-radio label="1">共同共有</el-radio> |
| 408 | <el-radio label="2">按份所有</el-radio> | 441 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -414,7 +447,8 @@ | ... | @@ -414,7 +447,8 @@ |
| 414 | <el-form-item label="是否分别持证："> | 447 | <el-form-item label="是否分别持证："> |
| 415 | <el-radio-group | 448 | <el-radio-group |
| 416 | v-model="ruleForm.qlxx.sqfbcz" | 449 | v-model="ruleForm.qlxx.sqfbcz" |
| 417 | :disabled="!ableOperation"> | 450 | :disabled="!ableOperation" |
| 451 | > | ||
| 418 | <el-radio :label="1">是</el-radio> | 452 | <el-radio :label="1">是</el-radio> |
| 419 | <el-radio :label="0">否</el-radio> | 453 | <el-radio :label="0">否</el-radio> |
| 420 | </el-radio-group> | 454 | </el-radio-group> |
| ... | @@ -422,17 +456,20 @@ | ... | @@ -422,17 +456,20 @@ |
| 422 | </el-col> | 456 | </el-col> |
| 423 | <el-col | 457 | <el-col |
| 424 | :span="6" | 458 | :span="6" |
| 425 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 459 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 460 | > | ||
| 426 | <el-form-item label="持证人："> | 461 | <el-form-item label="持证人："> |
| 427 | <el-select | 462 | <el-select |
| 428 | v-model="ruleForm.czr" | 463 | v-model="ruleForm.czr" |
| 429 | placeholder="持证人" | 464 | placeholder="持证人" |
| 430 | :disabled="!ableOperation"> | 465 | :disabled="!ableOperation" |
| 466 | > | ||
| 431 | <el-option | 467 | <el-option |
| 432 | v-for="item in czrOptions" | 468 | v-for="item in czrOptions" |
| 433 | :key="item.zjh" | 469 | :key="item.zjh" |
| 434 | :label="item.sqrmc" | 470 | :label="item.sqrmc" |
| 435 | :value="item.zjh"> | 471 | :value="item.zjh" |
| 472 | > | ||
| 436 | </el-option> | 473 | </el-option> |
| 437 | </el-select> | 474 | </el-select> |
| 438 | </el-form-item> | 475 | </el-form-item> |
| ... | @@ -443,7 +480,8 @@ | ... | @@ -443,7 +480,8 @@ |
| 443 | @upDateQlrxxList="upDateQlrxxList" | 480 | @upDateQlrxxList="upDateQlrxxList" |
| 444 | :ableOperation="ableOperation" | 481 | :ableOperation="ableOperation" |
| 445 | :key="key" | 482 | :key="key" |
| 446 | :gyfs="ruleForm.qlxx.gyfs" /> | 483 | :gyfs="ruleForm.qlxx.gyfs" |
| 484 | /> | ||
| 447 | </div> | 485 | </div> |
| 448 | <el-row class="btn" v-if="ableOperation"> | 486 | <el-row class="btn" v-if="ableOperation"> |
| 449 | <el-form-item> | 487 | <el-form-item> |
| ... | @@ -454,302 +492,367 @@ | ... | @@ -454,302 +492,367 @@ |
| 454 | </div> | 492 | </div> |
| 455 | </template> | 493 | </template> |
| 456 | <script> | 494 | <script> |
| 457 | import { mapGetters } from "vuex"; | 495 | import { mapGetters } from "vuex"; |
| 458 | import ywmix from "@/views/ywbl/mixin/index" | 496 | import ywmix from "@/views/ywbl/mixin/index"; |
| 459 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 497 | import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 460 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 498 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 461 | import selectTable from "@/components/selectTable/index.vue"; | 499 | import selectTable from "@/components/selectTable/index.vue"; |
| 462 | import tdytTable from "@/views/workflow/components/tdytTable"; | 500 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 463 | export default { | 501 | export default { |
| 464 | mixins: [ywmix], | 502 | mixins: [ywmix], |
| 465 | components: { qlrCommonTable, tdytTable, selectTable }, | 503 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 466 | computed: { | 504 | computed: { |
| 467 | ...mapGetters(["dictData", "flag"]), | 505 | ...mapGetters(["dictData", "flag"]), |
| 468 | // 根据流程判断表单是否为只读 | 506 | // 根据流程判断表单是否为只读 |
| 469 | editDisabled () { | 507 | editDisabled() { |
| 470 | if (!this.ableOperation) { | 508 | if (!this.ableOperation) { |
| 471 | //只读状态 | 509 | //只读状态 |
| 472 | return true; | 510 | return true; |
| 511 | } | ||
| 512 | return false; | ||
| 513 | }, | ||
| 514 | }, | ||
| 515 | data() { | ||
| 516 | return { | ||
| 517 | mjdw: "1", | ||
| 518 | ssqlxxshow: true, | ||
| 519 | props: { | ||
| 520 | label: "bdcqzh", | ||
| 521 | value: "bdcdyid", | ||
| 522 | }, | ||
| 523 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 524 | normalizer(node) { | ||
| 525 | //方法 | ||
| 526 | if (node.children == null || node.children == "null") { | ||
| 527 | delete node.children; | ||
| 473 | } | 528 | } |
| 474 | return false; | 529 | return { |
| 530 | id: node.dcode, | ||
| 531 | label: node.dname, | ||
| 532 | }; | ||
| 475 | }, | 533 | }, |
| 476 | }, | 534 | |
| 477 | data () { | 535 | //表单是否可操作 |
| 478 | return { | 536 | propsParam: this.$attrs, |
| 479 | mjdw: "1", | 537 | // 登记类型 |
| 480 | ssqlxxshow: true, | 538 | djlxlist: [ |
| 481 | props: { | 539 | { |
| 482 | label: "bdcqzh", | 540 | dcode: "100", |
| 483 | value: "bdcdyid", | 541 | dname: "首次登记", |
| 484 | }, | 542 | }, |
| 485 | // 键名转换，方法默认是label和children进行树状渲染 | 543 | { |
| 486 | normalizer (node) { | 544 | dcode: "200", |
| 487 | //方法 | 545 | dname: "转移登记", |
| 488 | if (node.children == null || node.children == "null") { | 546 | }, |
| 489 | delete node.children; | 547 | { |
| 490 | } | 548 | dcode: "300", |
| 491 | return { | 549 | dname: "变更登记", |
| 492 | id: node.dcode, | 550 | }, |
| 493 | label: node.dname, | 551 | { |
| 494 | }; | 552 | dcode: "500", |
| 553 | dname: "更正登记", | ||
| 495 | }, | 554 | }, |
| 496 | 555 | ||
| 497 | //表单是否可操作 | 556 | { |
| 498 | propsParam: this.$attrs, | 557 | dcode: "901", |
| 499 | // 登记类型 | 558 | dname: "补证", |
| 500 | djlxlist: [ | ||
| 501 | { | ||
| 502 | dcode: "100", | ||
| 503 | dname: "首次登记", | ||
| 504 | }, | ||
| 505 | { | ||
| 506 | dcode: "200", | ||
| 507 | dname: "转移登记", | ||
| 508 | }, | ||
| 509 | { | ||
| 510 | dcode: "300", | ||
| 511 | dname: "变更登记", | ||
| 512 | }, | ||
| 513 | { | ||
| 514 | dcode: "500", | ||
| 515 | dname: "更正登记", | ||
| 516 | }, | ||
| 517 | |||
| 518 | { | ||
| 519 | dcode: "901", | ||
| 520 | dname: "补证", | ||
| 521 | }, | ||
| 522 | { | ||
| 523 | dcode: "902", | ||
| 524 | dname: "换证", | ||
| 525 | }, | ||
| 526 | ], | ||
| 527 | // 权属状态 | ||
| 528 | qsztlist: [ | ||
| 529 | { | ||
| 530 | dcode: "1", | ||
| 531 | dname: "现势", | ||
| 532 | }, | ||
| 533 | { | ||
| 534 | dcode: "2", | ||
| 535 | dname: "历史", | ||
| 536 | }, | ||
| 537 | ], | ||
| 538 | key: 0, | ||
| 539 | tdxz: null, | ||
| 540 | isShow: false, | ||
| 541 | disabled: true, | ||
| 542 | czrOptions: [], | ||
| 543 | ssQlxxList: [], | ||
| 544 | ruleForm: { | ||
| 545 | fdcq2: { | ||
| 546 | ftjzmj: '' | ||
| 547 | } | ||
| 548 | }, | 559 | }, |
| 549 | ableOperation: false, | 560 | { |
| 550 | //传递参数\ | 561 | dcode: "902", |
| 551 | rules: { | 562 | dname: "换证", |
| 552 | bdcqzhrules: [ | 563 | }, |
| 553 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 564 | ], |
| 554 | ], | 565 | // 权属状态 |
| 555 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 566 | qsztlist: [ |
| 556 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 567 | { |
| 557 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 568 | dcode: "1", |
| 558 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 569 | dname: "现势", |
| 559 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | 570 | }, |
| 560 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 571 | { |
| 572 | dcode: "2", | ||
| 573 | dname: "历史", | ||
| 574 | }, | ||
| 575 | ], | ||
| 576 | key: 0, | ||
| 577 | tdxz: null, | ||
| 578 | isShow: false, | ||
| 579 | disabled: true, | ||
| 580 | czrOptions: [], | ||
| 581 | ssQlxxList: [], | ||
| 582 | ruleForm: { | ||
| 583 | fdcq2: { | ||
| 584 | ftjzmj: "", | ||
| 561 | }, | 585 | }, |
| 562 | }; | ||
| 563 | }, | ||
| 564 | created () { }, | ||
| 565 | mounted () { | ||
| 566 | this.loadData(); | ||
| 567 | this.ableOperation = this.$parent.ableOperation; | ||
| 568 | }, | ||
| 569 | methods: { | ||
| 570 | /** | ||
| 571 | * @description: ssQlxxchange | ||
| 572 | * @param {*} val | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 575 | ssQlxxchange (val) { | ||
| 576 | this.ruleForm.ssQlxx = val; | ||
| 577 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 578 | }, | 586 | }, |
| 579 | /** | 587 | ableOperation: false, |
| 580 | * @description: djlxchange | 588 | //传递参数\ |
| 581 | * @param {*} val | 589 | rules: { |
| 582 | * @author: renchao | 590 | ssQlxxrules: [ |
| 583 | */ | 591 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 584 | djlxchange (val) { | 592 | ], |
| 585 | if (val == null || val == 100) { | 593 | bdcqzhrules: [ |
| 586 | this.ssqlxxshow = false; | 594 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 587 | } else { | 595 | ], |
| 588 | this.ssqlxxshow = true; | 596 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 589 | } | 597 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 598 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 599 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 600 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], | ||
| 601 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 602 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | ||
| 590 | }, | 603 | }, |
| 591 | /** | 604 | }; |
| 592 | * @description: loadData | 605 | }, |
| 593 | * @author: renchao | 606 | created() {}, |
| 594 | */ | 607 | mounted() { |
| 595 | loadData () { | 608 | this.loadData(); |
| 596 | this.$startLoading(); | 609 | this.ableOperation = this.$parent.ableOperation; |
| 597 | this.propsParam.isEdit = this.$parent.isEdit; | 610 | }, |
| 598 | init(this.propsParam).then((res) => { | 611 | methods: { |
| 612 | /** | ||
| 613 | * @description: ssQlxxchange | ||
| 614 | * @param {*} val | ||
| 615 | * @author: renchao | ||
| 616 | */ | ||
| 617 | ssQlxxchange(val) { | ||
| 618 | this.ruleForm.ssQlxx = val; | ||
| 619 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 620 | this.ssQlxxchangediolog(val); | ||
| 621 | }, | ||
| 622 | // 弹框事件 | ||
| 623 | ssQlxxchangediolog(val) { | ||
| 624 | console.log("确定了", this.ruleForm, val); | ||
| 625 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 626 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 627 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 628 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 629 | showClose: true, //是否显示右上角关闭按钮 | ||
| 630 | type: "warning", | ||
| 631 | |||
| 632 | |||
| 633 | }).then(() => { | ||
| 634 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 599 | if (res.code == 200) { | 635 | if (res.code == 200) { |
| 600 | this.ruleForm = res.result; | 636 | this.nowlist = res.result; |
| 601 | let djlx = this.ruleForm.qlxx.djlx; | 637 | console.log("his.nowlist", this.nowlist); |
| 602 | if (djlx == null || djlx == 100) { | 638 | console.log("this.ruleForm", this.ruleForm); |
| 603 | this.ssqlxxshow = false; | 639 | for (var key in this.ruleForm.fdcq2) { |
| 640 | if ( | ||
| 641 | this.ruleForm.fdcq2[key] == "" || | ||
| 642 | this.ruleForm.fdcq2[key] == null | ||
| 643 | ) { | ||
| 644 | this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key]; | ||
| 645 | } | ||
| 604 | } | 646 | } |
| 605 | this.$endLoading(); | 647 | for (var key in this.ruleForm.qlxx) { |
| 606 | if (this.ruleForm.tdytqxList.length > 0) { | 648 | if ( |
| 607 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 649 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 608 | 650 | this.ruleForm.qlxx[key] == null | |
| 609 | } else { | 651 | ) { |
| 610 | this.tdxz = null; | 652 | console.log("this.ruleForm.qlxx[key]", key); |
| 653 | if (key != "ywh") { | ||
| 654 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 655 | } | ||
| 656 | } | ||
| 657 | } | ||
| 658 | if (!this.ruleForm.tdytqxList.length) { | ||
| 659 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 611 | } | 660 | } |
| 612 | this.isShow = true; | 661 | if (!this.ruleForm.qlrData.length) { |
| 662 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 663 | } | ||
| 664 | if (!this.ruleForm.ywrData.length) { | ||
| 665 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 666 | } | ||
| 667 | console.log("this.ruleForm", this.ruleForm); | ||
| 668 | this.$message({ | ||
| 669 | type: "success", | ||
| 670 | message: "同步成功!", | ||
| 671 | }); | ||
| 613 | } | 672 | } |
| 614 | }); | 673 | }); |
| 615 | //获取主体信息 | 674 | }).catch(() => { |
| 616 | getSsQlxx({ | 675 | this.$message({ |
| 617 | bdcdyid: this.propsParam.bdcdyid, | 676 | type: "info", |
| 618 | qllx: this.propsParam.qllx, | 677 | message: "已取消同步", |
| 619 | }).then((res) => { | 678 | }); |
| 620 | if (res.code == 200) { | 679 | }); |
| 621 | this.ssQlxxList = res.result; | 680 | }, |
| 681 | /** | ||
| 682 | * @description: djlxchange | ||
| 683 | * @param {*} val | ||
| 684 | * @author: renchao | ||
| 685 | */ | ||
| 686 | djlxchange(val) { | ||
| 687 | if (val == null || val == 100) { | ||
| 688 | this.ssqlxxshow = false; | ||
| 689 | } else { | ||
| 690 | this.ssqlxxshow = true; | ||
| 691 | } | ||
| 692 | }, | ||
| 693 | /** | ||
| 694 | * @description: loadData | ||
| 695 | * @author: renchao | ||
| 696 | */ | ||
| 697 | loadData() { | ||
| 698 | this.$startLoading(); | ||
| 699 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 700 | init(this.propsParam).then((res) => { | ||
| 701 | if (res.code == 200) { | ||
| 702 | this.ruleForm = res.result; | ||
| 703 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 704 | if (djlx == null || djlx == 100) { | ||
| 705 | this.ssqlxxshow = false; | ||
| 622 | } | 706 | } |
| 623 | }); | 707 | this.ruleForm.fdcq2.jedw = "1"; |
| 624 | }, | 708 | this.$endLoading(); |
| 625 | // 更新土地用途信息 | 709 | if (this.ruleForm.tdytqxList.length > 0) { |
| 626 | /** | 710 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 627 | * @description: 更新土地用途信息 | 711 | } else { |
| 628 | * @param {*} val | 712 | this.tdxz = null; |
| 629 | * @author: renchao | 713 | } |
| 630 | */ | 714 | this.isShow = true; |
| 631 | upDateTdytxxList (val) { | 715 | //获取主体信息 |
| 632 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 716 | getSsQlxx({ |
| 633 | this.key++; | 717 | bdcdyid: this.propsParam.bdcdyid, |
| 634 | }, | 718 | qllx: this.propsParam.qllx, |
| 635 | // 更新权利人信息 | 719 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 636 | /** | 720 | }).then((res) => { |
| 637 | * @description: 更新权利人信息 | 721 | if (res.code == 200) { |
| 638 | * @param {*} val | 722 | this.ssQlxxList = res.result; |
| 639 | * @author: renchao | 723 | } |
| 640 | */ | 724 | }); |
| 641 | upDateQlrxxList (val) { | 725 | } |
| 642 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 726 | }); |
| 643 | this.czrOptions = this.ruleForm.qlrData; | 727 | }, |
| 644 | this.key++; | 728 | // 更新土地用途信息 |
| 645 | }, | 729 | /** |
| 646 | // 更新义务人信息 | 730 | * @description: 更新土地用途信息 |
| 647 | /** | 731 | * @param {*} val |
| 648 | * @description: 更新义务人信息 | 732 | * @author: renchao |
| 649 | * @param {*} val | 733 | */ |
| 650 | * @author: renchao | 734 | upDateTdytxxList(val) { |
| 651 | */ | 735 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 652 | upDateYwrxxList (val) { | 736 | this.key++; |
| 653 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 737 | }, |
| 654 | this.key++; | 738 | // 更新权利人信息 |
| 655 | }, | 739 | /** |
| 656 | /** | 740 | * @description: 更新权利人信息 |
| 657 | * @description: onSubmit | 741 | * @param {*} val |
| 658 | * @author: renchao | 742 | * @author: renchao |
| 659 | */ | 743 | */ |
| 660 | onSubmit () { | 744 | upDateQlrxxList(val) { |
| 661 | this.$refs.ruleForm.validate((valid) => { | 745 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 662 | if (valid) { | 746 | this.czrOptions = this.ruleForm.qlrData; |
| 663 | if (this.ruleForm.qlrData.length == 0) { | 747 | this.key++; |
| 748 | }, | ||
| 749 | // 更新义务人信息 | ||
| 750 | /** | ||
| 751 | * @description: 更新义务人信息 | ||
| 752 | * @param {*} val | ||
| 753 | * @author: renchao | ||
| 754 | */ | ||
| 755 | upDateYwrxxList(val) { | ||
| 756 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 757 | this.key++; | ||
| 758 | }, | ||
| 759 | /** | ||
| 760 | * @description: onSubmit | ||
| 761 | * @author: renchao | ||
| 762 | */ | ||
| 763 | onSubmit() { | ||
| 764 | this.$refs.ruleForm.validate((valid) => { | ||
| 765 | if (valid) { | ||
| 766 | if (this.ruleForm.qlrData.length == 0) { | ||
| 767 | this.$message({ | ||
| 768 | showClose: true, | ||
| 769 | message: "请确认权利人信息", | ||
| 770 | type: "error", | ||
| 771 | }); | ||
| 772 | return false; | ||
| 773 | } | ||
| 774 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | ||
| 775 | this.$message({ | ||
| 776 | showClose: true, | ||
| 777 | message: "请补充土地用途信息", | ||
| 778 | type: "error", | ||
| 779 | }); | ||
| 780 | return false; | ||
| 781 | } | ||
| 782 | if (!this.tdxz) { | ||
| 783 | this.$message({ | ||
| 784 | showClose: true, | ||
| 785 | message: "请补充土地性质", | ||
| 786 | type: "error", | ||
| 787 | }); | ||
| 788 | return false; | ||
| 789 | } | ||
| 790 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | ||
| 791 | return { | ||
| 792 | ...item, | ||
| 793 | qlxzbm: this.tdxz, | ||
| 794 | }; | ||
| 795 | }); | ||
| 796 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 797 | if (this.ruleForm.qlrData.length > 1) { | ||
| 664 | this.$message({ | 798 | this.$message({ |
| 665 | showClose: true, | 799 | showClose: true, |
| 666 | message: "请确认权利人信息", | 800 | message: "共有方式：单独所有，权利人只能是一个人", |
| 667 | type: "error", | 801 | type: "error", |
| 668 | }); | 802 | }); |
| 669 | return false; | 803 | return false; |
| 670 | } | 804 | } |
| 671 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | 805 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 806 | } | ||
| 807 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 808 | // //是否分别持证 | ||
| 809 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 810 | // //是 | ||
| 811 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 812 | // item.sfczr = "1"; | ||
| 813 | // }); | ||
| 814 | // } else { | ||
| 815 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 816 | // if (item.zjh == this.ruleForm.czr) { | ||
| 817 | // item.sfczr = "1"; | ||
| 818 | // } else { | ||
| 819 | // item.sfczr = "0"; | ||
| 820 | // } | ||
| 821 | // }); | ||
| 822 | // } | ||
| 823 | // } | ||
| 824 | save(this.ruleForm).then((res) => { | ||
| 825 | if (res.code === 200) { | ||
| 672 | this.$message({ | 826 | this.$message({ |
| 673 | showClose: true, | 827 | showClose: true, |
| 674 | message: "请补充土地用途信息", | 828 | message: "保存成功！", |
| 675 | type: "error", | 829 | type: "success", |
| 676 | }); | 830 | }); |
| 677 | return false; | 831 | this.$parent.changeywh(); |
| 678 | } | 832 | this.$store.dispatch("user/refreshPage", true); |
| 679 | if (!this.tdxz) { | 833 | } else { |
| 680 | this.$message({ | 834 | this.$message({ |
| 681 | showClose: true, | 835 | showClose: true, |
| 682 | message: "请补充土地性质", | 836 | message: res.message, |
| 683 | type: "error", | 837 | type: "error", |
| 684 | }); | 838 | }); |
| 685 | return false; | ||
| 686 | } | 839 | } |
| 687 | this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => { | 840 | }); |
| 688 | return { | 841 | } else { |
| 689 | ...item, | 842 | return false; |
| 690 | qlxzbm: this.tdxz, | 843 | } |
| 691 | }; | 844 | }); |
| 692 | }); | ||
| 693 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 694 | if (this.ruleForm.qlrData.length > 1) { | ||
| 695 | this.$message({ | ||
| 696 | showClose: true, | ||
| 697 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 698 | type: "error", | ||
| 699 | }); | ||
| 700 | return false; | ||
| 701 | } | ||
| 702 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 703 | } | ||
| 704 | // if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 705 | // //是否分别持证 | ||
| 706 | // if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 707 | // //是 | ||
| 708 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 709 | // item.sfczr = "1"; | ||
| 710 | // }); | ||
| 711 | // } else { | ||
| 712 | // this.ruleForm.qlrData.forEach((item, index) => { | ||
| 713 | // if (item.zjh == this.ruleForm.czr) { | ||
| 714 | // item.sfczr = "1"; | ||
| 715 | // } else { | ||
| 716 | // item.sfczr = "0"; | ||
| 717 | // } | ||
| 718 | // }); | ||
| 719 | // } | ||
| 720 | // } | ||
| 721 | save(this.ruleForm).then((res) => { | ||
| 722 | if (res.code === 200) { | ||
| 723 | this.$message({ | ||
| 724 | showClose: true, | ||
| 725 | message: "保存成功！", | ||
| 726 | type: "success", | ||
| 727 | }); | ||
| 728 | this.$parent.changeywh() | ||
| 729 | this.$store.dispatch("user/refreshPage", true); | ||
| 730 | } else { | ||
| 731 | this.$message({ | ||
| 732 | showClose: true, | ||
| 733 | message: res.message, | ||
| 734 | type: "error", | ||
| 735 | }); | ||
| 736 | } | ||
| 737 | }); | ||
| 738 | } else { | ||
| 739 | return false; | ||
| 740 | } | ||
| 741 | }); | ||
| 742 | }, | ||
| 743 | }, | 845 | }, |
| 744 | }; | 846 | }, |
| 847 | }; | ||
| 745 | </script> | 848 | </script> |
| 746 | <style scoped lang="scss"> | 849 | <style scoped lang="scss"> |
| 747 | @import "~@/styles/public.scss"; | 850 | @import "~@/styles/public.scss"; |
| 748 | @import "~@/styles/slxx/slxx.scss"; | 851 | @import "~@/styles/slxx/slxx.scss"; |
| 749 | .el-date-editor.el-input { | 852 | .el-date-editor.el-input { |
| 750 | width: 100%; | 853 | width: 100%; |
| 751 | } | 854 | } |
| 752 | .el-table__row { | 855 | .el-table__row { |
| 753 | height: 30px !important; | 856 | height: 30px !important; |
| 754 | } | 857 | } |
| 755 | </style> | 858 | </style> | ... | ... |
| ... | @@ -9,12 +9,13 @@ | ... | @@ -9,12 +9,13 @@ |
| 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 | > | ||
| 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 20 | 补录信息 | 21 | 补录信息 |
| ... | @@ -43,21 +44,28 @@ | ... | @@ -43,21 +44,28 @@ |
| 43 | </div> | 44 | </div> |
| 44 | <el-row :gutter="24"> | 45 | <el-row :gutter="24"> |
| 45 | <el-col :span="8" v-if="ssqlxxshow"> | 46 | <el-col :span="8" v-if="ssqlxxshow"> |
| 46 | <el-form-item label="上手权利信息："> | 47 | <el-form-item |
| 48 | label="上手权利信息：" | ||
| 49 | prop="ssQlxx.bdcqzh" | ||
| 50 | :rules="rules.ssQlxxrules" | ||
| 51 | > | ||
| 47 | <select-table | 52 | <select-table |
| 48 | v-model="ruleForm.ssQlxx" | 53 | v-model="ruleForm.ssQlxx" |
| 49 | :table-width="550" | 54 | :table-width="550" |
| 50 | :tableData="ssQlxxList" | 55 | :tableData="ssQlxxList" |
| 51 | :props="props" | 56 | :props="props" |
| 52 | @change="ssQlxxchange"> | 57 | @change="ssQlxxchange" |
| 58 | > | ||
| 53 | <el-table-column | 59 | <el-table-column |
| 54 | prop="qllxmc" | 60 | prop="qllxmc" |
| 55 | width="130" | 61 | width="130" |
| 56 | label="权利类型"></el-table-column> | 62 | label="权利类型" |
| 63 | ></el-table-column> | ||
| 57 | <el-table-column | 64 | <el-table-column |
| 58 | prop="bdcqzh" | 65 | prop="bdcqzh" |
| 59 | width="160" | 66 | width="160" |
| 60 | label="不动产权证书"></el-table-column> | 67 | label="不动产权证书" |
| 68 | ></el-table-column> | ||
| 61 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 69 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 62 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 70 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 63 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 71 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -90,13 +98,18 @@ | ... | @@ -90,13 +98,18 @@ |
| 90 | </el-form-item> | 98 | </el-form-item> |
| 91 | </el-col> | 99 | </el-col> |
| 92 | <el-col :span="8"> | 100 | <el-col :span="8"> |
| 93 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 101 | <el-form-item |
| 102 | label="登记类型：" | ||
| 103 | prop="qlxx.djlx" | ||
| 104 | :rules="rules.djlxrules" | ||
| 105 | > | ||
| 94 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 106 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 95 | <el-option | 107 | <el-option |
| 96 | v-for="item in djlxlist" | 108 | v-for="item in djlxlist" |
| 97 | :key="item.dcode" | 109 | :key="item.dcode" |
| 98 | :label="item.dname" | 110 | :label="item.dname" |
| 99 | :value="item.dcode"> | 111 | :value="item.dcode" |
| 112 | > | ||
| 100 | </el-option> | 113 | </el-option> |
| 101 | </el-select> | 114 | </el-select> |
| 102 | </el-form-item> | 115 | </el-form-item> |
| ... | @@ -108,7 +121,8 @@ | ... | @@ -108,7 +121,8 @@ |
| 108 | v-for="item in qsztlist" | 121 | v-for="item in qsztlist" |
| 109 | :key="item.dcode" | 122 | :key="item.dcode" |
| 110 | :label="item.dname" | 123 | :label="item.dname" |
| 111 | :value="item.dcode"> | 124 | :value="item.dcode" |
| 125 | > | ||
| 112 | </el-option> | 126 | </el-option> |
| 113 | </el-select> | 127 | </el-select> |
| 114 | </el-form-item> | 128 | </el-form-item> |
| ... | @@ -127,17 +141,17 @@ | ... | @@ -127,17 +141,17 @@ |
| 127 | <el-col :span="8"> | 141 | <el-col :span="8"> |
| 128 | <el-form-item label="使用权面积："> | 142 | <el-form-item label="使用权面积："> |
| 129 | <div class="flex"> | 143 | <div class="flex"> |
| 130 | <el-input v-model="ruleForm.jsydsyq.syqmj" | 144 | <el-input |
| 131 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 145 | v-model="ruleForm.jsydsyq.syqmj" |
| 132 | <el-select | 146 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 133 | disabled | 147 | ></el-input> |
| 134 | v-model="mjdw" | 148 | <el-select disabled v-model="mjdw" style="width: 20%"> |
| 135 | style="width: 20%"> | ||
| 136 | <el-option | 149 | <el-option |
| 137 | v-for="item in dictData['A7']" | 150 | v-for="item in dictData['A7']" |
| 138 | :key="item.dcode" | 151 | :key="item.dcode" |
| 139 | :label="item.dname" | 152 | :label="item.dname" |
| 140 | :value="item.dcode"> | 153 | :value="item.dcode" |
| 154 | > | ||
| 141 | </el-option> | 155 | </el-option> |
| 142 | </el-select> | 156 | </el-select> |
| 143 | </div> | 157 | </div> |
| ... | @@ -168,13 +182,15 @@ | ... | @@ -168,13 +182,15 @@ |
| 168 | <div style="display: flex"> | 182 | <div style="display: flex"> |
| 169 | <el-input | 183 | <el-input |
| 170 | v-model="ruleForm.jsydsyq.qdjg" | 184 | v-model="ruleForm.jsydsyq.qdjg" |
| 171 | style="width: 500%"></el-input> | 185 | style="width: 500%" |
| 186 | ></el-input> | ||
| 172 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 187 | <el-select v-model="ruleForm.jsydsyq.jedw"> |
| 173 | <el-option | 188 | <el-option |
| 174 | v-for="item in dictData['A57']" | 189 | v-for="item in dictData['A57']" |
| 175 | :key="item.dcode" | 190 | :key="item.dcode" |
| 176 | :label="item.dname" | 191 | :label="item.dname" |
| 177 | :value="item.dcode"> | 192 | :value="item.dcode" |
| 193 | > | ||
| 178 | </el-option> | 194 | </el-option> |
| 179 | </el-select> | 195 | </el-select> |
| 180 | </div> | 196 | </div> |
| ... | @@ -185,7 +201,8 @@ | ... | @@ -185,7 +201,8 @@ |
| 185 | <el-form-item | 201 | <el-form-item |
| 186 | label="不动产权证号：" | 202 | label="不动产权证号：" |
| 187 | prop="qlxx.bdcqzh" | 203 | prop="qlxx.bdcqzh" |
| 188 | :rules="rules.bdcqzhrules"> | 204 | :rules="rules.bdcqzhrules" |
| 205 | > | ||
| 189 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 206 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 190 | </el-form-item> | 207 | </el-form-item> |
| 191 | </el-col> | 208 | </el-col> |
| ... | @@ -202,7 +219,8 @@ | ... | @@ -202,7 +219,8 @@ |
| 202 | <el-form-item | 219 | <el-form-item |
| 203 | label="登记机构：" | 220 | label="登记机构：" |
| 204 | prop="qlxx.djjg" | 221 | prop="qlxx.djjg" |
| 205 | :rules="rules.djjgrules"> | 222 | :rules="rules.djjgrules" |
| 223 | > | ||
| 206 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 224 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 207 | </el-form-item> | 225 | </el-form-item> |
| 208 | </el-col> | 226 | </el-col> |
| ... | @@ -210,7 +228,8 @@ | ... | @@ -210,7 +228,8 @@ |
| 210 | <el-form-item | 228 | <el-form-item |
| 211 | label="登簿人：" | 229 | label="登簿人：" |
| 212 | prop="qlxx.dbr" | 230 | prop="qlxx.dbr" |
| 213 | :rules="rules.dbrrules"> | 231 | :rules="rules.dbrrules" |
| 232 | > | ||
| 214 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 233 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 215 | </el-form-item> | 234 | </el-form-item> |
| 216 | </el-col> | 235 | </el-col> |
| ... | @@ -218,14 +237,16 @@ | ... | @@ -218,14 +237,16 @@ |
| 218 | <el-form-item | 237 | <el-form-item |
| 219 | label="登记时间：" | 238 | label="登记时间：" |
| 220 | prop="qlxx.djsj" | 239 | prop="qlxx.djsj" |
| 221 | :rules="rules.djsjrules"> | 240 | :rules="rules.djsjrules" |
| 241 | > | ||
| 222 | <el-date-picker | 242 | <el-date-picker |
| 223 | v-model="ruleForm.qlxx.djsj" | 243 | v-model="ruleForm.qlxx.djsj" |
| 224 | type="date" | 244 | type="date" |
| 225 | class="width100" | 245 | class="width100" |
| 226 | placeholder="选择日期" | 246 | placeholder="选择日期" |
| 227 | value-format="yyyy-MM-dd HH:mm:ss" | 247 | value-format="yyyy-MM-dd HH:mm:ss" |
| 228 | format="yyyy-MM-dd"> | 248 | format="yyyy-MM-dd" |
| 249 | > | ||
| 229 | </el-date-picker> | 250 | </el-date-picker> |
| 230 | </el-form-item> | 251 | </el-form-item> |
| 231 | </el-col> | 252 | </el-col> |
| ... | @@ -244,7 +265,8 @@ | ... | @@ -244,7 +265,8 @@ |
| 244 | <tdytTable | 265 | <tdytTable |
| 245 | :tableData="ruleForm.tdytqxList" | 266 | :tableData="ruleForm.tdytqxList" |
| 246 | @upDateTdytxxList="upDateTdytxxList" | 267 | @upDateTdytxxList="upDateTdytxxList" |
| 247 | :ableOperation="ableOperation" /> | 268 | :ableOperation="ableOperation" |
| 269 | /> | ||
| 248 | <div class="slxx_title title-block"> | 270 | <div class="slxx_title title-block"> |
| 249 | 权利人信息 | 271 | 权利人信息 |
| 250 | <div class="triangle"></div> | 272 | <div class="triangle"></div> |
| ... | @@ -254,7 +276,8 @@ | ... | @@ -254,7 +276,8 @@ |
| 254 | <el-form-item label="共有方式："> | 276 | <el-form-item label="共有方式："> |
| 255 | <el-radio-group | 277 | <el-radio-group |
| 256 | :disabled="!ableOperation" | 278 | :disabled="!ableOperation" |
| 257 | v-model="ruleForm.qlxx.gyfs"> | 279 | v-model="ruleForm.qlxx.gyfs" |
| 280 | > | ||
| 258 | <el-radio label="0">单独所有</el-radio> | 281 | <el-radio label="0">单独所有</el-radio> |
| 259 | <el-radio label="1">共同共有</el-radio> | 282 | <el-radio label="1">共同共有</el-radio> |
| 260 | <el-radio label="2">按份所有</el-radio> | 283 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -266,7 +289,8 @@ | ... | @@ -266,7 +289,8 @@ |
| 266 | <el-form-item label="是否分别持证："> | 289 | <el-form-item label="是否分别持证："> |
| 267 | <el-radio-group | 290 | <el-radio-group |
| 268 | v-model="ruleForm.qlxx.sqfbcz" | 291 | v-model="ruleForm.qlxx.sqfbcz" |
| 269 | :disabled="!ableOperation"> | 292 | :disabled="!ableOperation" |
| 293 | > | ||
| 270 | <el-radio :label="1">是</el-radio> | 294 | <el-radio :label="1">是</el-radio> |
| 271 | <el-radio :label="0">否</el-radio> | 295 | <el-radio :label="0">否</el-radio> |
| 272 | </el-radio-group> | 296 | </el-radio-group> |
| ... | @@ -274,17 +298,20 @@ | ... | @@ -274,17 +298,20 @@ |
| 274 | </el-col> | 298 | </el-col> |
| 275 | <el-col | 299 | <el-col |
| 276 | :span="6" | 300 | :span="6" |
| 277 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 301 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 302 | > | ||
| 278 | <el-form-item label="持证人："> | 303 | <el-form-item label="持证人："> |
| 279 | <el-select | 304 | <el-select |
| 280 | v-model="ruleForm.czr" | 305 | v-model="ruleForm.czr" |
| 281 | placeholder="持证人" | 306 | placeholder="持证人" |
| 282 | :disabled="!ableOperation"> | 307 | :disabled="!ableOperation" |
| 308 | > | ||
| 283 | <el-option | 309 | <el-option |
| 284 | v-for="item in czrOptions" | 310 | v-for="item in czrOptions" |
| 285 | :key="item.zjh" | 311 | :key="item.zjh" |
| 286 | :label="item.sqrmc" | 312 | :label="item.sqrmc" |
| 287 | :value="item.zjh"> | 313 | :value="item.zjh" |
| 314 | > | ||
| 288 | </el-option> | 315 | </el-option> |
| 289 | </el-select> | 316 | </el-select> |
| 290 | </el-form-item> | 317 | </el-form-item> |
| ... | @@ -295,8 +322,8 @@ | ... | @@ -295,8 +322,8 @@ |
| 295 | @upDateQlrxxList="upDateQlrxxList" | 322 | @upDateQlrxxList="upDateQlrxxList" |
| 296 | :key="key" | 323 | :key="key" |
| 297 | :ableOperation="ableOperation" | 324 | :ableOperation="ableOperation" |
| 298 | :gyfs="ruleForm.qlxx.gyfs" /> | 325 | :gyfs="ruleForm.qlxx.gyfs" |
| 299 | 326 | /> | |
| 300 | </div> | 327 | </div> |
| 301 | <el-row class="btn" v-if="ableOperation"> | 328 | <el-row class="btn" v-if="ableOperation"> |
| 302 | <el-form-item> | 329 | <el-form-item> |
| ... | @@ -307,270 +334,332 @@ | ... | @@ -307,270 +334,332 @@ |
| 307 | </div> | 334 | </div> |
| 308 | </template> | 335 | </template> |
| 309 | <script> | 336 | <script> |
| 310 | import { mapGetters } from "vuex"; | 337 | import { mapGetters } from "vuex"; |
| 311 | import store from "@/store/index.js"; | 338 | import store from "@/store/index.js"; |
| 312 | import ywmix from "@/views/ywbl/mixin/index" | 339 | import ywmix from "@/views/ywbl/mixin/index"; |
| 313 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 340 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 314 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 341 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 315 | import tdytTable from "@/views/workflow/components/tdytTable"; | 342 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 316 | import selectTable from "@/components/selectTable/index.vue"; | 343 | import selectTable from "@/components/selectTable/index.vue"; |
| 317 | export default { | 344 | export default { |
| 318 | mixins: [ywmix], | 345 | mixins: [ywmix], |
| 319 | components: { qlrCommonTable, tdytTable, selectTable }, | 346 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 320 | computed: { | 347 | computed: { |
| 321 | ...mapGetters(["dictData", "flag"]), | 348 | ...mapGetters(["dictData", "flag"]), |
| 322 | // 根据流程判断表单是否为只读 | 349 | // 根据流程判断表单是否为只读 |
| 323 | editDisabled () { | 350 | editDisabled() { |
| 324 | if (!this.ableOperation) { | 351 | if (!this.ableOperation) { |
| 325 | //只读状态 | 352 | //只读状态 |
| 326 | return true; | 353 | return true; |
| 354 | } | ||
| 355 | return false; | ||
| 356 | }, | ||
| 357 | }, | ||
| 358 | data() { | ||
| 359 | return { | ||
| 360 | mjdw: "1", | ||
| 361 | ssqlxxshow: true, | ||
| 362 | props: { | ||
| 363 | label: "bdcqzh", | ||
| 364 | value: "bdcdyid", | ||
| 365 | }, | ||
| 366 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 367 | normalizer(node) { | ||
| 368 | //方法 | ||
| 369 | if (node.children == null || node.children == "null") { | ||
| 370 | delete node.children; | ||
| 327 | } | 371 | } |
| 328 | return false; | 372 | return { |
| 373 | id: node.dcode, | ||
| 374 | label: node.dname, | ||
| 375 | }; | ||
| 329 | }, | 376 | }, |
| 330 | }, | 377 | //表单是否可操作 |
| 331 | data () { | 378 | propsParam: this.$attrs, |
| 332 | return { | 379 | ableOperation: false, |
| 333 | mjdw: "1", | 380 | key: 0, |
| 334 | ssqlxxshow: true, | 381 | ssQlxxList: [], |
| 335 | props: { | 382 | // 登记类型 |
| 336 | label: "bdcqzh", | 383 | djlxlist: [ |
| 337 | value: "bdcdyid", | 384 | { |
| 385 | dcode: "100", | ||
| 386 | dname: "首次登记", | ||
| 338 | }, | 387 | }, |
| 339 | // 键名转换，方法默认是label和children进行树状渲染 | 388 | { |
| 340 | normalizer (node) { | 389 | dcode: "200", |
| 341 | //方法 | 390 | dname: "转移登记", |
| 342 | if (node.children == null || node.children == "null") { | 391 | }, |
| 343 | delete node.children; | 392 | { |
| 344 | } | 393 | dcode: "300", |
| 345 | return { | 394 | dname: "变更登记", |
| 346 | id: node.dcode, | 395 | }, |
| 347 | label: node.dname, | 396 | { |
| 348 | }; | 397 | dcode: "500", |
| 398 | dname: "更正登记", | ||
| 349 | }, | 399 | }, |
| 350 | //表单是否可操作 | ||
| 351 | propsParam: this.$attrs, | ||
| 352 | ableOperation: false, | ||
| 353 | key: 0, | ||
| 354 | ssQlxxList: [], | ||
| 355 | // 登记类型 | ||
| 356 | djlxlist: [ | ||
| 357 | { | ||
| 358 | dcode: "100", | ||
| 359 | dname: "首次登记", | ||
| 360 | }, | ||
| 361 | { | ||
| 362 | dcode: "200", | ||
| 363 | dname: "转移登记", | ||
| 364 | }, | ||
| 365 | { | ||
| 366 | dcode: "300", | ||
| 367 | dname: "变更登记", | ||
| 368 | }, | ||
| 369 | { | ||
| 370 | dcode: "500", | ||
| 371 | dname: "更正登记", | ||
| 372 | }, | ||
| 373 | 400 | ||
| 374 | { | 401 | { |
| 375 | dcode: "901", | 402 | dcode: "901", |
| 376 | dname: "补证", | 403 | dname: "补证", |
| 377 | }, | 404 | }, |
| 378 | { | 405 | { |
| 379 | dcode: "902", | 406 | dcode: "902", |
| 380 | dname: "换证", | 407 | dname: "换证", |
| 381 | }, | 408 | }, |
| 409 | ], | ||
| 410 | // 权属状态 | ||
| 411 | qsztlist: [ | ||
| 412 | { | ||
| 413 | dcode: "1", | ||
| 414 | dname: "现势", | ||
| 415 | }, | ||
| 416 | { | ||
| 417 | dcode: "2", | ||
| 418 | dname: "历史", | ||
| 419 | }, | ||
| 420 | ], | ||
| 421 | tdxz: null, | ||
| 422 | isShow: false, | ||
| 423 | disabled: true, | ||
| 424 | czrOptions: [], | ||
| 425 | ruleForm: {}, | ||
| 426 | //传递参数\ | ||
| 427 | rules: { | ||
| 428 | ssQlxxrules: [ | ||
| 429 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 382 | ], | 430 | ], |
| 383 | // 权属状态 | 431 | bdcqzhrules: [ |
| 384 | qsztlist: [ | 432 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 385 | { | ||
| 386 | dcode: "1", | ||
| 387 | dname: "现势", | ||
| 388 | }, | ||
| 389 | { | ||
| 390 | dcode: "2", | ||
| 391 | dname: "历史", | ||
| 392 | }, | ||
| 393 | ], | 433 | ], |
| 394 | tdxz: null, | 434 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 395 | isShow: false, | 435 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 396 | disabled: true, | 436 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 397 | czrOptions: [], | 437 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 398 | ruleForm: {}, | 438 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], |
| 399 | //传递参数\ | ||
| 400 | rules: { | ||
| 401 | bdcqzhrules: [ | ||
| 402 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 403 | ], | ||
| 404 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 405 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 406 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 407 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 408 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | ||
| 409 | }, | ||
| 410 | }; | ||
| 411 | }, | ||
| 412 | created () { | ||
| 413 | this.loadData(); | ||
| 414 | }, | ||
| 415 | mounted () { | ||
| 416 | this.ableOperation = this.$parent.ableOperation | ||
| 417 | }, | ||
| 418 | methods: { | ||
| 419 | /** | ||
| 420 | * @description: ssQlxxchange | ||
| 421 | * @param {*} val | ||
| 422 | * @author: renchao | ||
| 423 | */ | ||
| 424 | ssQlxxchange (val) { | ||
| 425 | this.ruleForm.ssQlxx = val; | ||
| 426 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 427 | }, | 439 | }, |
| 428 | /** | 440 | }; |
| 429 | * @description: djlxchange | 441 | }, |
| 430 | * @param {*} val | 442 | created() { |
| 431 | * @author: renchao | 443 | this.loadData(); |
| 432 | */ | 444 | }, |
| 433 | djlxchange (val) { | 445 | mounted() { |
| 434 | if (val == null || val == 100) { | 446 | this.ableOperation = this.$parent.ableOperation; |
| 435 | this.ssqlxxshow = false; | 447 | }, |
| 436 | } else { | 448 | methods: { |
| 437 | this.ssqlxxshow = true; | 449 | /** |
| 438 | } | 450 | * @description: ssQlxxchange |
| 439 | }, | 451 | * @param {*} val |
| 440 | // 字典 | 452 | * @author: renchao |
| 441 | /** | 453 | */ |
| 442 | * @description: 字典 | 454 | ssQlxxchange(val) { |
| 443 | * @param {*} val | 455 | this.ruleForm.ssQlxx = val; |
| 444 | * @author: renchao | 456 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 445 | */ | 457 | this.ssQlxxchangediolog(val); |
| 446 | getDictData (val) { | 458 | }, |
| 447 | return store.getters.dictData[val]; | 459 | // 弹框事件 |
| 448 | }, | 460 | ssQlxxchangediolog(val) { |
| 449 | /** | 461 | console.log("确定了", this.ruleForm); |
| 450 | * @description: loadData | 462 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 451 | * @author: renchao | 463 | iconClass: "el-icon-question", //自定义图标样式 |
| 452 | */ | 464 | confirmButtonText: "确认", //确认按钮文字更换 |
| 453 | loadData () { | 465 | cancelButtonText: "取消", //取消按钮文字更换 |
| 454 | this.$startLoading(); | 466 | showClose: true, //是否显示右上角关闭按钮 |
| 455 | this.propsParam.isEdit = this.$parent.isEdit; | 467 | type: "warning", |
| 456 | init(this.propsParam).then((res) => { | 468 | }).then(() => { |
| 469 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 457 | if (res.code == 200) { | 470 | if (res.code == 200) { |
| 458 | this.ruleForm = res.result; | 471 | this.nowlist = res.result; |
| 459 | let djlx = this.ruleForm.qlxx.djlx; | 472 | console.log("his.nowlist", this.nowlist); |
| 460 | if (djlx == null || djlx == 100) { | 473 | console.log("this.ruleForm", this.ruleForm); |
| 461 | this.ssqlxxshow = false; | 474 | for (var key in this.ruleForm.jsydsyq) { |
| 475 | if ( | ||
| 476 | this.ruleForm.jsydsyq[key] == "" || | ||
| 477 | this.ruleForm.jsydsyq[key] == null | ||
| 478 | ) { | ||
| 479 | this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key]; | ||
| 480 | } | ||
| 462 | } | 481 | } |
| 463 | this.$endLoading(); | 482 | for (var key in this.ruleForm.qlxx) { |
| 464 | if (this.ruleForm.tdytqxList.length > 0) { | 483 | if ( |
| 465 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 484 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 466 | } else { | 485 | this.ruleForm.qlxx[key] == null |
| 467 | this.tdxz = null; | 486 | ) { |
| 487 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 488 | if (key != "ywh") { | ||
| 489 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 490 | } | ||
| 491 | } | ||
| 492 | } | ||
| 493 | if (!this.ruleForm.tdytqxList.length) { | ||
| 494 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 495 | } | ||
| 496 | if (!this.ruleForm.qlrData.length) { | ||
| 497 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 468 | } | 498 | } |
| 469 | this.isShow = true; | 499 | if (!this.ruleForm.ywrData.length) { |
| 500 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 501 | } | ||
| 502 | console.log("this.ruleForm", this.ruleForm); | ||
| 503 | this.$message({ | ||
| 504 | type: "success", | ||
| 505 | message: "同步成功!", | ||
| 506 | }); | ||
| 470 | } | 507 | } |
| 471 | }); | 508 | }); |
| 472 | //获取主体信息 | 509 | }).catch(() => { |
| 473 | getSsQlxx({ | 510 | this.$message({ |
| 474 | bdcdyid: this.propsParam.bdcdyid, | 511 | type: "info", |
| 475 | qllx: this.propsParam.qllx, | 512 | message: "已取消同步", |
| 476 | }).then((res) => { | 513 | }); |
| 477 | if (res.code == 200) { | 514 | }); |
| 478 | this.ssQlxxList = res.result; | 515 | }, |
| 516 | /** | ||
| 517 | * @description: djlxchange | ||
| 518 | * @param {*} val | ||
| 519 | * @author: renchao | ||
| 520 | */ | ||
| 521 | djlxchange(val) { | ||
| 522 | if (val == null || val == 100) { | ||
| 523 | this.ssqlxxshow = false; | ||
| 524 | } else { | ||
| 525 | this.ssqlxxshow = true; | ||
| 526 | } | ||
| 527 | }, | ||
| 528 | // 字典 | ||
| 529 | /** | ||
| 530 | * @description: 字典 | ||
| 531 | * @param {*} val | ||
| 532 | * @author: renchao | ||
| 533 | */ | ||
| 534 | getDictData(val) { | ||
| 535 | return store.getters.dictData[val]; | ||
| 536 | }, | ||
| 537 | /** | ||
| 538 | * @description: loadData | ||
| 539 | * @author: renchao | ||
| 540 | */ | ||
| 541 | loadData() { | ||
| 542 | this.$startLoading(); | ||
| 543 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 544 | init(this.propsParam).then((res) => { | ||
| 545 | if (res.code == 200) { | ||
| 546 | this.ruleForm = res.result; | ||
| 547 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 548 | if (djlx == null || djlx == 100) { | ||
| 549 | this.ssqlxxshow = false; | ||
| 479 | } | 550 | } |
| 480 | }); | 551 | this.$endLoading(); |
| 481 | }, | 552 | if (this.ruleForm.tdytqxList.length > 0) { |
| 482 | // 更新土地用途信息 | 553 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 483 | /** | 554 | } else { |
| 484 | * @description: 更新土地用途信息 | 555 | this.tdxz = null; |
| 485 | * @param {*} val | 556 | } |
| 486 | * @author: renchao | 557 | this.isShow = true; |
| 487 | */ | 558 | //获取主体信息 |
| 488 | upDateTdytxxList (val) { | 559 | getSsQlxx({ |
| 489 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 560 | bdcdyid: this.propsParam.bdcdyid, |
| 490 | this.key++; | 561 | qllx: this.propsParam.qllx, |
| 491 | }, | 562 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 492 | // 更新权利人信息 | 563 | }).then((res) => { |
| 493 | /** | 564 | if (res.code == 200) { |
| 494 | * @description: 更新权利人信息 | 565 | this.ssQlxxList = res.result; |
| 495 | * @param {*} val | 566 | } |
| 496 | * @author: renchao | 567 | }); |
| 497 | */ | 568 | } |
| 498 | upDateQlrxxList (val) { | 569 | }); |
| 499 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 570 | }, |
| 500 | this.czrOptions = this.ruleForm.qlrData; | 571 | // 更新土地用途信息 |
| 501 | this.key++; | 572 | /** |
| 502 | }, | 573 | * @description: 更新土地用途信息 |
| 503 | // 保存 | 574 | * @param {*} val |
| 504 | /** | 575 | * @author: renchao |
| 505 | * @description: onSubmit | 576 | */ |
| 506 | * @author: renchao | 577 | upDateTdytxxList(val) { |
| 507 | */ | 578 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 508 | onSubmit () { | 579 | this.key++; |
| 509 | this.$refs.ruleForm.validate((valid) => { | 580 | }, |
| 510 | if (valid) { | 581 | // 更新权利人信息 |
| 511 | if (this.ruleForm.qlrData.length == 0) { | 582 | /** |
| 583 | * @description: 更新权利人信息 | ||
| 584 | * @param {*} val | ||
| 585 | * @author: renchao | ||
| 586 | */ | ||
| 587 | upDateQlrxxList(val) { | ||
| 588 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 589 | this.czrOptions = this.ruleForm.qlrData; | ||
| 590 | this.key++; | ||
| 591 | }, | ||
| 592 | // 保存 | ||
| 593 | /** | ||
| 594 | * @description: onSubmit | ||
| 595 | * @author: renchao | ||
| 596 | */ | ||
| 597 | onSubmit() { | ||
| 598 | this.$refs.ruleForm.validate((valid) => { | ||
| 599 | if (valid) { | ||
| 600 | if (this.ruleForm.qlrData.length == 0) { | ||
| 601 | this.$message({ | ||
| 602 | showClose: true, | ||
| 603 | message: "请确认权利人信息", | ||
| 604 | type: "error", | ||
| 605 | }); | ||
| 606 | return false; | ||
| 607 | } | ||
| 608 | |||
| 609 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 610 | if (this.ruleForm.qlrData.length > 1) { | ||
| 512 | this.$message({ | 611 | this.$message({ |
| 513 | showClose: true, | 612 | showClose: true, |
| 514 | message: "请确认权利人信息", | 613 | message: "共有方式：单独所有，权利人只能是一个人", |
| 515 | type: "error", | 614 | type: "error", |
| 516 | }); | 615 | }); |
| 517 | return false; | 616 | return false; |
| 518 | } | 617 | } |
| 519 | 618 | this.ruleForm.qlrData[0].sfczr = "1"; | |
| 520 | if (this.ruleForm.qlxx.gyfs == "0") { | 619 | } |
| 521 | if (this.ruleForm.qlrData.length > 1) { | 620 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 522 | this.$message({ | 621 | //是否分别持证 |
| 523 | showClose: true, | 622 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 524 | message: "共有方式：单独所有，权利人只能是一个人", | 623 | //是 |
| 525 | type: "error", | 624 | this.ruleForm.qlrData.forEach((item, index) => { |
| 526 | }); | 625 | item.sfczr = "1"; |
| 527 | return false; | 626 | }); |
| 528 | } | 627 | } else { |
| 529 | this.ruleForm.qlrData[0].sfczr = "1"; | 628 | this.ruleForm.qlrData.forEach((item, index) => { |
| 530 | } | 629 | if (item.zjh == this.ruleForm.czr) { |
| 531 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 532 | //是否分别持证 | ||
| 533 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 534 | //是 | ||
| 535 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 536 | item.sfczr = "1"; | 630 | item.sfczr = "1"; |
| 537 | }); | 631 | } else { |
| 538 | } else { | 632 | item.sfczr = "0"; |
| 539 | this.ruleForm.qlrData.forEach((item, index) => { | 633 | } |
| 540 | if (item.zjh == this.ruleForm.czr) { | 634 | }); |
| 541 | item.sfczr = "1"; | ||
| 542 | } else { | ||
| 543 | item.sfczr = "0"; | ||
| 544 | } | ||
| 545 | }); | ||
| 546 | } | ||
| 547 | } | 635 | } |
| 548 | save(this.ruleForm).then((res) => { | ||
| 549 | if (res.code === 200) { | ||
| 550 | this.$message({ | ||
| 551 | showClose: true, | ||
| 552 | message: "保存成功！", | ||
| 553 | type: "success", | ||
| 554 | }); | ||
| 555 | this.$parent.changeywh() | ||
| 556 | this.$store.dispatch("user/refreshPage", true); | ||
| 557 | } else { | ||
| 558 | this.$message({ | ||
| 559 | showClose: true, | ||
| 560 | message: res.message, | ||
| 561 | type: "error", | ||
| 562 | }); | ||
| 563 | } | ||
| 564 | }); | ||
| 565 | } else { | ||
| 566 | return false; | ||
| 567 | } | 636 | } |
| 568 | }); | 637 | save(this.ruleForm).then((res) => { |
| 569 | }, | 638 | if (res.code === 200) { |
| 639 | this.$message({ | ||
| 640 | showClose: true, | ||
| 641 | message: "保存成功！", | ||
| 642 | type: "success", | ||
| 643 | }); | ||
| 644 | this.$parent.changeywh(); | ||
| 645 | this.$store.dispatch("user/refreshPage", true); | ||
| 646 | } else { | ||
| 647 | this.$message({ | ||
| 648 | showClose: true, | ||
| 649 | message: res.message, | ||
| 650 | type: "error", | ||
| 651 | }); | ||
| 652 | } | ||
| 653 | }); | ||
| 654 | } else { | ||
| 655 | return false; | ||
| 656 | } | ||
| 657 | }); | ||
| 570 | }, | 658 | }, |
| 571 | }; | 659 | }, |
| 660 | }; | ||
| 572 | </script> | 661 | </script> |
| 573 | <style scoped lang="scss"> | 662 | <style scoped lang="scss"> |
| 574 | @import "~@/styles/public.scss"; | 663 | @import "~@/styles/public.scss"; |
| 575 | @import "~@/styles/slxx/slxx.scss"; | 664 | @import "~@/styles/slxx/slxx.scss"; |
| 576 | </style> | 665 | </style> | ... | ... |
| ... | @@ -15,7 +15,8 @@ | ... | @@ -15,7 +15,8 @@ |
| 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 | > | ||
| 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 20 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 21 | 补录信息 | 22 | 补录信息 |
| ... | @@ -44,21 +45,28 @@ | ... | @@ -44,21 +45,28 @@ |
| 44 | </div> | 45 | </div> |
| 45 | <el-row :gutter="10"> | 46 | <el-row :gutter="10"> |
| 46 | <el-col :span="8" v-if="ssqlxxshow"> | 47 | <el-col :span="8" v-if="ssqlxxshow"> |
| 47 | <el-form-item label="上手权利信息："> | 48 | <el-form-item |
| 49 | label="上手权利信息：" | ||
| 50 | prop="ssQlxx.bdcqzh" | ||
| 51 | :rules="rules.ssQlxxrules" | ||
| 52 | > | ||
| 48 | <select-table | 53 | <select-table |
| 49 | v-model="ruleForm.ssQlxx" | 54 | v-model="ruleForm.ssQlxx" |
| 50 | :table-width="550" | 55 | :table-width="550" |
| 51 | :tableData="ssQlxxList" | 56 | :tableData="ssQlxxList" |
| 52 | :props="props" | 57 | :props="props" |
| 53 | @change="ssQlxxchange"> | 58 | @change="ssQlxxchange" |
| 59 | > | ||
| 54 | <el-table-column | 60 | <el-table-column |
| 55 | prop="qllxmc" | 61 | prop="qllxmc" |
| 56 | width="130" | 62 | width="130" |
| 57 | label="权利类型"></el-table-column> | 63 | label="权利类型" |
| 64 | ></el-table-column> | ||
| 58 | <el-table-column | 65 | <el-table-column |
| 59 | prop="bdcqzh" | 66 | prop="bdcqzh" |
| 60 | width="160" | 67 | width="160" |
| 61 | label="不动产权证书"></el-table-column> | 68 | label="不动产权证书" |
| 69 | ></el-table-column> | ||
| 62 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 70 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 63 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 71 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 64 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 72 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -75,13 +83,15 @@ | ... | @@ -75,13 +83,15 @@ |
| 75 | <el-form-item | 83 | <el-form-item |
| 76 | label="登记类型：" | 84 | label="登记类型：" |
| 77 | prop="qlxx.djlx" | 85 | prop="qlxx.djlx" |
| 78 | :rules="rules.djlxrules"> | 86 | :rules="rules.djlxrules" |
| 87 | > | ||
| 79 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 88 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 80 | <el-option | 89 | <el-option |
| 81 | v-for="item in djlxlist" | 90 | v-for="item in djlxlist" |
| 82 | :key="item.dcode" | 91 | :key="item.dcode" |
| 83 | :label="item.dname" | 92 | :label="item.dname" |
| 84 | :value="item.dcode"> | 93 | :value="item.dcode" |
| 94 | > | ||
| 85 | </el-option> | 95 | </el-option> |
| 86 | </el-select> | 96 | </el-select> |
| 87 | </el-form-item> | 97 | </el-form-item> |
| ... | @@ -108,7 +118,8 @@ | ... | @@ -108,7 +118,8 @@ |
| 108 | <el-form-item | 118 | <el-form-item |
| 109 | label="登簿人：" | 119 | label="登簿人：" |
| 110 | prop="qlxx.dbr" | 120 | prop="qlxx.dbr" |
| 111 | :rules="rules.dbrrules"> | 121 | :rules="rules.dbrrules" |
| 122 | > | ||
| 112 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 123 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 113 | </el-form-item> | 124 | </el-form-item> |
| 114 | </el-col> | 125 | </el-col> |
| ... | @@ -116,7 +127,8 @@ | ... | @@ -116,7 +127,8 @@ |
| 116 | <el-form-item | 127 | <el-form-item |
| 117 | label="登记机构：" | 128 | label="登记机构：" |
| 118 | prop="qlxx.djjg" | 129 | prop="qlxx.djjg" |
| 119 | :rules="rules.djjgrules"> | 130 | :rules="rules.djjgrules" |
| 131 | > | ||
| 120 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 132 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 121 | </el-form-item> | 133 | </el-form-item> |
| 122 | </el-col> | 134 | </el-col> |
| ... | @@ -133,7 +145,8 @@ | ... | @@ -133,7 +145,8 @@ |
| 133 | <el-form-item | 145 | <el-form-item |
| 134 | label="不动产权证号：" | 146 | label="不动产权证号：" |
| 135 | prop="qlxx.bdcqzh" | 147 | prop="qlxx.bdcqzh" |
| 136 | :rules="rules.bdcqzhrules"> | 148 | :rules="rules.bdcqzhrules" |
| 149 | > | ||
| 137 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 150 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 138 | </el-form-item> | 151 | </el-form-item> |
| 139 | </el-col> | 152 | </el-col> |
| ... | @@ -144,7 +157,8 @@ | ... | @@ -144,7 +157,8 @@ |
| 144 | v-for="item in qsztlist" | 157 | v-for="item in qsztlist" |
| 145 | :key="item.dcode" | 158 | :key="item.dcode" |
| 146 | :label="item.dname" | 159 | :label="item.dname" |
| 147 | :value="item.dcode"> | 160 | :value="item.dcode" |
| 161 | > | ||
| 148 | </el-option> | 162 | </el-option> |
| 149 | </el-select> | 163 | </el-select> |
| 150 | </el-form-item> | 164 | </el-form-item> |
| ... | @@ -163,16 +177,19 @@ | ... | @@ -163,16 +177,19 @@ |
| 163 | <el-input | 177 | <el-input |
| 164 | v-model="ruleForm.tdsyq.nydmj" | 178 | v-model="ruleForm.tdsyq.nydmj" |
| 165 | :disabled="!ableOperation" | 179 | :disabled="!ableOperation" |
| 166 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 180 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 181 | ></el-input> | ||
| 167 | <el-select | 182 | <el-select |
| 168 | v-model="ruleForm.tdsyq.mjdw" | 183 | v-model="ruleForm.tdsyq.mjdw" |
| 169 | :disabled="!ableOperation" | 184 | :disabled="!ableOperation" |
| 170 | style="width: 20%"> | 185 | style="width: 20%" |
| 186 | > | ||
| 171 | <el-option | 187 | <el-option |
| 172 | v-for="item in dictData['A7']" | 188 | v-for="item in dictData['A7']" |
| 173 | :key="item.dcode" | 189 | :key="item.dcode" |
| 174 | :label="item.dname" | 190 | :label="item.dname" |
| 175 | :value="item.dcode"> | 191 | :value="item.dcode" |
| 192 | > | ||
| 176 | </el-option> | 193 | </el-option> |
| 177 | </el-select> | 194 | </el-select> |
| 178 | </div> | 195 | </div> |
| ... | @@ -184,16 +201,19 @@ | ... | @@ -184,16 +201,19 @@ |
| 184 | <el-input | 201 | <el-input |
| 185 | v-model="ruleForm.tdsyq.gdmj" | 202 | v-model="ruleForm.tdsyq.gdmj" |
| 186 | :disabled="!ableOperation" | 203 | :disabled="!ableOperation" |
| 187 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 204 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 205 | ></el-input> | ||
| 188 | <el-select | 206 | <el-select |
| 189 | v-model="ruleForm.tdsyq.mjdw" | 207 | v-model="ruleForm.tdsyq.mjdw" |
| 190 | :disabled="!ableOperation" | 208 | :disabled="!ableOperation" |
| 191 | style="width: 20%"> | 209 | style="width: 20%" |
| 210 | > | ||
| 192 | <el-option | 211 | <el-option |
| 193 | v-for="item in dictData['A7']" | 212 | v-for="item in dictData['A7']" |
| 194 | :key="item.dcode" | 213 | :key="item.dcode" |
| 195 | :label="item.dname" | 214 | :label="item.dname" |
| 196 | :value="item.dcode"> | 215 | :value="item.dcode" |
| 216 | > | ||
| 197 | </el-option> | 217 | </el-option> |
| 198 | </el-select> | 218 | </el-select> |
| 199 | </div> | 219 | </div> |
| ... | @@ -205,16 +225,19 @@ | ... | @@ -205,16 +225,19 @@ |
| 205 | <el-input | 225 | <el-input |
| 206 | v-model="ruleForm.tdsyq.ldmj" | 226 | v-model="ruleForm.tdsyq.ldmj" |
| 207 | :disabled="!ableOperation" | 227 | :disabled="!ableOperation" |
| 208 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 228 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 229 | ></el-input> | ||
| 209 | <el-select | 230 | <el-select |
| 210 | v-model="ruleForm.tdsyq.mjdw" | 231 | v-model="ruleForm.tdsyq.mjdw" |
| 211 | :disabled="!ableOperation" | 232 | :disabled="!ableOperation" |
| 212 | style="width: 20%"> | 233 | style="width: 20%" |
| 234 | > | ||
| 213 | <el-option | 235 | <el-option |
| 214 | v-for="item in dictData['A7']" | 236 | v-for="item in dictData['A7']" |
| 215 | :key="item.dcode" | 237 | :key="item.dcode" |
| 216 | :label="item.dname" | 238 | :label="item.dname" |
| 217 | :value="item.dcode"> | 239 | :value="item.dcode" |
| 240 | > | ||
| 218 | </el-option> | 241 | </el-option> |
| 219 | </el-select> | 242 | </el-select> |
| 220 | </div> | 243 | </div> |
| ... | @@ -228,16 +251,19 @@ | ... | @@ -228,16 +251,19 @@ |
| 228 | <el-input | 251 | <el-input |
| 229 | v-model="ruleForm.tdsyq.cdmj" | 252 | v-model="ruleForm.tdsyq.cdmj" |
| 230 | :disabled="!ableOperation" | 253 | :disabled="!ableOperation" |
| 231 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 254 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" |
| 255 | ></el-input> | ||
| 232 | <el-select | 256 | <el-select |
| 233 | v-model="ruleForm.tdsyq.mjdw" | 257 | v-model="ruleForm.tdsyq.mjdw" |
| 234 | :disabled="!ableOperation" | 258 | :disabled="!ableOperation" |
| 235 | style="width: 20%"> | 259 | style="width: 20%" |
| 260 | > | ||
| 236 | <el-option | 261 | <el-option |
| 237 | v-for="item in dictData['A7']" | 262 | v-for="item in dictData['A7']" |
| 238 | :key="item.dcode" | 263 | :key="item.dcode" |
| 239 | :label="item.dname" | 264 | :label="item.dname" |
| 240 | :value="item.dcode"> | 265 | :value="item.dcode" |
| 266 | > | ||
| 241 | </el-option> | 267 | </el-option> |
| 242 | </el-select> | 268 | </el-select> |
| 243 | </div> | 269 | </div> |
| ... | @@ -249,16 +275,19 @@ | ... | @@ -249,16 +275,19 @@ |
| 249 | <el-input | 275 | <el-input |
| 250 | v-model="ruleForm.tdsyq.qtnydmj" | 276 | v-model="ruleForm.tdsyq.qtnydmj" |
| 251 | :disabled="!ableOperation" | 277 | :disabled="!ableOperation" |
| 252 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 278 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 279 | ></el-input> | ||
| 253 | <el-select | 280 | <el-select |
| 254 | v-model="ruleForm.tdsyq.mjdw" | 281 | v-model="ruleForm.tdsyq.mjdw" |
| 255 | :disabled="!ableOperation" | 282 | :disabled="!ableOperation" |
| 256 | style="width: 20%"> | 283 | style="width: 20%" |
| 284 | > | ||
| 257 | <el-option | 285 | <el-option |
| 258 | v-for="item in dictData['A7']" | 286 | v-for="item in dictData['A7']" |
| 259 | :key="item.dcode" | 287 | :key="item.dcode" |
| 260 | :label="item.dname" | 288 | :label="item.dname" |
| 261 | :value="item.dcode"> | 289 | :value="item.dcode" |
| 290 | > | ||
| 262 | </el-option> | 291 | </el-option> |
| 263 | </el-select> | 292 | </el-select> |
| 264 | </div> | 293 | </div> |
| ... | @@ -270,16 +299,19 @@ | ... | @@ -270,16 +299,19 @@ |
| 270 | <el-input | 299 | <el-input |
| 271 | v-model="ruleForm.tdsyq.jsydmj" | 300 | v-model="ruleForm.tdsyq.jsydmj" |
| 272 | :disabled="!ableOperation" | 301 | :disabled="!ableOperation" |
| 273 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 302 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 303 | ></el-input> | ||
| 274 | <el-select | 304 | <el-select |
| 275 | v-model="ruleForm.tdsyq.mjdw" | 305 | v-model="ruleForm.tdsyq.mjdw" |
| 276 | :disabled="!ableOperation" | 306 | :disabled="!ableOperation" |
| 277 | style="width: 20%"> | 307 | style="width: 20%" |
| 308 | > | ||
| 278 | <el-option | 309 | <el-option |
| 279 | v-for="item in dictData['A7']" | 310 | v-for="item in dictData['A7']" |
| 280 | :key="item.dcode" | 311 | :key="item.dcode" |
| 281 | :label="item.dname" | 312 | :label="item.dname" |
| 282 | :value="item.dcode"> | 313 | :value="item.dcode" |
| 314 | > | ||
| 283 | </el-option> | 315 | </el-option> |
| 284 | </el-select> | 316 | </el-select> |
| 285 | </div> | 317 | </div> |
| ... | @@ -293,16 +325,19 @@ | ... | @@ -293,16 +325,19 @@ |
| 293 | <el-input | 325 | <el-input |
| 294 | v-model="ruleForm.tdsyq.wlydmj" | 326 | v-model="ruleForm.tdsyq.wlydmj" |
| 295 | :disabled="!ableOperation" | 327 | :disabled="!ableOperation" |
| 296 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 328 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" |
| 329 | ></el-input> | ||
| 297 | <el-select | 330 | <el-select |
| 298 | v-model="ruleForm.tdsyq.mjdw" | 331 | v-model="ruleForm.tdsyq.mjdw" |
| 299 | :disabled="!ableOperation" | 332 | :disabled="!ableOperation" |
| 300 | style="width: 20%"> | 333 | style="width: 20%" |
| 334 | > | ||
| 301 | <el-option | 335 | <el-option |
| 302 | v-for="item in dictData['A7']" | 336 | v-for="item in dictData['A7']" |
| 303 | :key="item.dcode" | 337 | :key="item.dcode" |
| 304 | :label="item.dname" | 338 | :label="item.dname" |
| 305 | :value="item.dcode"> | 339 | :value="item.dcode" |
| 340 | > | ||
| 306 | </el-option> | 341 | </el-option> |
| 307 | </el-select> | 342 | </el-select> |
| 308 | </div> | 343 | </div> |
| ... | @@ -312,14 +347,16 @@ | ... | @@ -312,14 +347,16 @@ |
| 312 | <el-form-item | 347 | <el-form-item |
| 313 | label="登记时间：" | 348 | label="登记时间：" |
| 314 | prop="qlxx.djsj" | 349 | prop="qlxx.djsj" |
| 315 | :rules="rules.djsjrules"> | 350 | :rules="rules.djsjrules" |
| 351 | > | ||
| 316 | <el-date-picker | 352 | <el-date-picker |
| 317 | v-model="ruleForm.qlxx.djsj" | 353 | v-model="ruleForm.qlxx.djsj" |
| 318 | type="date" | 354 | type="date" |
| 319 | class="width100" | 355 | class="width100" |
| 320 | placeholder="选择日期" | 356 | placeholder="选择日期" |
| 321 | value-format="yyyy-MM-dd HH:mm:ss" | 357 | value-format="yyyy-MM-dd HH:mm:ss" |
| 322 | format="yyyy-MM-dd"> | 358 | format="yyyy-MM-dd" |
| 359 | > | ||
| 323 | </el-date-picker> | 360 | </el-date-picker> |
| 324 | </el-form-item> | 361 | </el-form-item> |
| 325 | </el-col> | 362 | </el-col> |
| ... | @@ -338,7 +375,8 @@ | ... | @@ -338,7 +375,8 @@ |
| 338 | <tdytTable | 375 | <tdytTable |
| 339 | :tableData="ruleForm.tdytqxList" | 376 | :tableData="ruleForm.tdytqxList" |
| 340 | @upDateTdytxxList="upDateTdytxxList" | 377 | @upDateTdytxxList="upDateTdytxxList" |
| 341 | :ableOperation="ableOperation" /> | 378 | :ableOperation="ableOperation" |
| 379 | /> | ||
| 342 | <div class="slxx_title title-block"> | 380 | <div class="slxx_title title-block"> |
| 343 | 权利人信息 | 381 | 权利人信息 |
| 344 | <div class="triangle"></div> | 382 | <div class="triangle"></div> |
| ... | @@ -348,7 +386,8 @@ | ... | @@ -348,7 +386,8 @@ |
| 348 | <el-form-item label="共有方式："> | 386 | <el-form-item label="共有方式："> |
| 349 | <el-radio-group | 387 | <el-radio-group |
| 350 | :disabled="!ableOperation" | 388 | :disabled="!ableOperation" |
| 351 | v-model="ruleForm.qlxx.gyfs"> | 389 | v-model="ruleForm.qlxx.gyfs" |
| 390 | > | ||
| 352 | <el-radio label="0">单独所有</el-radio> | 391 | <el-radio label="0">单独所有</el-radio> |
| 353 | <el-radio label="1">共同共有</el-radio> | 392 | <el-radio label="1">共同共有</el-radio> |
| 354 | <el-radio label="2">按份所有</el-radio> | 393 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -360,7 +399,8 @@ | ... | @@ -360,7 +399,8 @@ |
| 360 | <el-form-item label="是否分别持证："> | 399 | <el-form-item label="是否分别持证："> |
| 361 | <el-radio-group | 400 | <el-radio-group |
| 362 | v-model="ruleForm.qlxx.sqfbcz" | 401 | v-model="ruleForm.qlxx.sqfbcz" |
| 363 | :disabled="!ableOperation"> | 402 | :disabled="!ableOperation" |
| 403 | > | ||
| 364 | <el-radio :label="1">是</el-radio> | 404 | <el-radio :label="1">是</el-radio> |
| 365 | <el-radio :label="0">否</el-radio> | 405 | <el-radio :label="0">否</el-radio> |
| 366 | </el-radio-group> | 406 | </el-radio-group> |
| ... | @@ -368,17 +408,20 @@ | ... | @@ -368,17 +408,20 @@ |
| 368 | </el-col> | 408 | </el-col> |
| 369 | <el-col | 409 | <el-col |
| 370 | :span="6" | 410 | :span="6" |
| 371 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 411 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 412 | > | ||
| 372 | <el-form-item label="持证人："> | 413 | <el-form-item label="持证人："> |
| 373 | <el-select | 414 | <el-select |
| 374 | v-model="ruleForm.czr" | 415 | v-model="ruleForm.czr" |
| 375 | placeholder="持证人" | 416 | placeholder="持证人" |
| 376 | :disabled="!ableOperation"> | 417 | :disabled="!ableOperation" |
| 418 | > | ||
| 377 | <el-option | 419 | <el-option |
| 378 | v-for="item in czrOptions" | 420 | v-for="item in czrOptions" |
| 379 | :key="item.zjh" | 421 | :key="item.zjh" |
| 380 | :label="item.sqrmc" | 422 | :label="item.sqrmc" |
| 381 | :value="item.zjh"> | 423 | :value="item.zjh" |
| 424 | > | ||
| 382 | </el-option> | 425 | </el-option> |
| 383 | </el-select> | 426 | </el-select> |
| 384 | </el-form-item> | 427 | </el-form-item> |
| ... | @@ -389,7 +432,8 @@ | ... | @@ -389,7 +432,8 @@ |
| 389 | @upDateQlrxxList="upDateQlrxxList" | 432 | @upDateQlrxxList="upDateQlrxxList" |
| 390 | :key="key" | 433 | :key="key" |
| 391 | :ableOperation="ableOperation" | 434 | :ableOperation="ableOperation" |
| 392 | :gyfs="ruleForm.qlxx.gyfs" /> | 435 | :gyfs="ruleForm.qlxx.gyfs" |
| 436 | /> | ||
| 393 | </div> | 437 | </div> |
| 394 | <el-row class="btn" v-if="ableOperation"> | 438 | <el-row class="btn" v-if="ableOperation"> |
| 395 | <el-form-item> | 439 | <el-form-item> |
| ... | @@ -400,339 +444,396 @@ | ... | @@ -400,339 +444,396 @@ |
| 400 | </div> | 444 | </div> |
| 401 | </template> | 445 | </template> |
| 402 | <script> | 446 | <script> |
| 403 | import { mapGetters } from "vuex"; | 447 | import { mapGetters } from "vuex"; |
| 404 | import store from "@/store/index.js"; | 448 | import store from "@/store/index.js"; |
| 405 | import ywmix from "@/views/ywbl/mixin/index" | 449 | import ywmix from "@/views/ywbl/mixin/index"; |
| 406 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 450 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 407 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 451 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 408 | import selectTable from "@/components/selectTable/index.vue"; | 452 | import selectTable from "@/components/selectTable/index.vue"; |
| 409 | import tdytTable from "@/views/workflow/components/tdytTable"; | 453 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 410 | export default { | 454 | export default { |
| 411 | mixins: [ywmix], | 455 | mixins: [ywmix], |
| 412 | components: { qlrCommonTable, tdytTable, selectTable }, | 456 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 413 | computed: { | 457 | computed: { |
| 414 | ...mapGetters(["dictData", "flag"]), | 458 | ...mapGetters(["dictData", "flag"]), |
| 415 | // 根据流程判断表单是否为只读 | 459 | // 根据流程判断表单是否为只读 |
| 416 | editDisabled () { | 460 | editDisabled() { |
| 417 | if (!this.ableOperation) { | 461 | if (!this.ableOperation) { |
| 418 | //只读状态 | 462 | //只读状态 |
| 419 | return true; | 463 | return true; |
| 464 | } | ||
| 465 | return false; | ||
| 466 | }, | ||
| 467 | }, | ||
| 468 | data() { | ||
| 469 | return { | ||
| 470 | ssqlxxshow: true, | ||
| 471 | props: { | ||
| 472 | label: "bdcqzh", | ||
| 473 | value: "bdcdyid", | ||
| 474 | }, | ||
| 475 | // 键名转换，方法默认是label和children进行树状渲染 | ||
| 476 | normalizer(node) { | ||
| 477 | //方法 | ||
| 478 | if (node.children == null || node.children == "null") { | ||
| 479 | delete node.children; | ||
| 420 | } | 480 | } |
| 421 | return false; | 481 | return { |
| 482 | id: node.dcode, | ||
| 483 | label: node.dname, | ||
| 484 | }; | ||
| 422 | }, | 485 | }, |
| 423 | }, | 486 | //表单是否可操作 |
| 424 | data () { | 487 | propsParam: this.$attrs, |
| 425 | return { | 488 | key: 0, |
| 426 | ssqlxxshow: true, | 489 | // 登记类型 |
| 427 | props: { | 490 | djlxlist: [ |
| 428 | label: "bdcqzh", | 491 | { |
| 429 | value: "bdcdyid", | 492 | dcode: "100", |
| 493 | dname: "首次登记", | ||
| 430 | }, | 494 | }, |
| 431 | // 键名转换，方法默认是label和children进行树状渲染 | 495 | { |
| 432 | normalizer (node) { | 496 | dcode: "200", |
| 433 | //方法 | 497 | dname: "转移登记", |
| 434 | if (node.children == null || node.children == "null") { | 498 | }, |
| 435 | delete node.children; | 499 | { |
| 436 | } | 500 | dcode: "300", |
| 437 | return { | 501 | dname: "变更登记", |
| 438 | id: node.dcode, | 502 | }, |
| 439 | label: node.dname, | 503 | { |
| 440 | }; | 504 | dcode: "500", |
| 505 | dname: "更正登记", | ||
| 441 | }, | 506 | }, |
| 442 | //表单是否可操作 | ||
| 443 | propsParam: this.$attrs, | ||
| 444 | key: 0, | ||
| 445 | // 登记类型 | ||
| 446 | djlxlist: [ | ||
| 447 | { | ||
| 448 | dcode: "100", | ||
| 449 | dname: "首次登记", | ||
| 450 | }, | ||
| 451 | { | ||
| 452 | dcode: "200", | ||
| 453 | dname: "转移登记", | ||
| 454 | }, | ||
| 455 | { | ||
| 456 | dcode: "300", | ||
| 457 | dname: "变更登记", | ||
| 458 | }, | ||
| 459 | { | ||
| 460 | dcode: "500", | ||
| 461 | dname: "更正登记", | ||
| 462 | }, | ||
| 463 | 507 | ||
| 464 | { | 508 | { |
| 465 | dcode: "901", | 509 | dcode: "901", |
| 466 | dname: "补证", | 510 | dname: "补证", |
| 467 | }, | 511 | }, |
| 468 | { | 512 | { |
| 469 | dcode: "902", | 513 | dcode: "902", |
| 470 | dname: "换证", | 514 | dname: "换证", |
| 471 | }, | 515 | }, |
| 516 | ], | ||
| 517 | // 权属状态 | ||
| 518 | qsztlist: [ | ||
| 519 | { | ||
| 520 | dcode: "1", | ||
| 521 | dname: "现势", | ||
| 522 | }, | ||
| 523 | { | ||
| 524 | dcode: "2", | ||
| 525 | dname: "历史", | ||
| 526 | }, | ||
| 527 | ], | ||
| 528 | isShow: false, | ||
| 529 | disabled: true, | ||
| 530 | czrOptions: [], | ||
| 531 | ssQlxxList: [], | ||
| 532 | ruleForm: {}, | ||
| 533 | ableOperation: false, | ||
| 534 | //传递参数\ | ||
| 535 | rules: { | ||
| 536 | ssQlxxrules: [ | ||
| 537 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 472 | ], | 538 | ], |
| 473 | // 权属状态 | 539 | bdcqzhrules: [ |
| 474 | qsztlist: [ | 540 | { required: true, message: "不动产权证号：", trigger: "blur" }, |
| 475 | { | ||
| 476 | dcode: "1", | ||
| 477 | dname: "现势", | ||
| 478 | }, | ||
| 479 | { | ||
| 480 | dcode: "2", | ||
| 481 | dname: "历史", | ||
| 482 | }, | ||
| 483 | ], | 541 | ], |
| 484 | isShow: false, | 542 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 485 | disabled: true, | 543 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 486 | czrOptions: [], | 544 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 487 | ssQlxxList: [], | 545 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 488 | ruleForm: {}, | 546 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 489 | ableOperation: false, | ||
| 490 | //传递参数\ | ||
| 491 | rules: { | ||
| 492 | bdcqzhrules: [ | ||
| 493 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 494 | ], | ||
| 495 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 496 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | ||
| 497 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | ||
| 498 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ||
| 499 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | ||
| 500 | }, | ||
| 501 | }; | ||
| 502 | }, | ||
| 503 | created () { }, | ||
| 504 | mounted () { | ||
| 505 | this.loadData(); | ||
| 506 | this.ableOperation = this.$parent.ableOperation; | ||
| 507 | }, | ||
| 508 | methods: { | ||
| 509 | /** | ||
| 510 | * @description: ssQlxxchange | ||
| 511 | * @param {*} val | ||
| 512 | * @author: renchao | ||
| 513 | */ | ||
| 514 | ssQlxxchange (val) { | ||
| 515 | this.ruleForm.ssQlxx = val; | ||
| 516 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 517 | }, | ||
| 518 | /** | ||
| 519 | * @description: djlxchange | ||
| 520 | * @param {*} val | ||
| 521 | * @author: renchao | ||
| 522 | */ | ||
| 523 | djlxchange (val) { | ||
| 524 | console.log("val", val); | ||
| 525 | if (val == null || val == 100) { | ||
| 526 | this.ssqlxxshow = false; | ||
| 527 | } else { | ||
| 528 | this.ssqlxxshow = true; | ||
| 529 | } | ||
| 530 | }, | ||
| 531 | |||
| 532 | // 字典 | ||
| 533 | /** | ||
| 534 | * @description: 字典 | ||
| 535 | * @param {*} val | ||
| 536 | * @author: renchao | ||
| 537 | */ | ||
| 538 | getDictData (val) { | ||
| 539 | return store.getters.dictData[val]; | ||
| 540 | }, | 547 | }, |
| 541 | /** | 548 | }; |
| 542 | * @description: loadData | 549 | }, |
| 543 | * @author: renchao | 550 | created() {}, |
| 544 | */ | 551 | mounted() { |
| 545 | loadData () { | 552 | this.loadData(); |
| 546 | this.$startLoading(); | 553 | this.ableOperation = this.$parent.ableOperation; |
| 547 | this.propsParam.isEdit = this.$parent.isEdit; | 554 | }, |
| 548 | init(this.propsParam).then((res) => { | 555 | methods: { |
| 556 | /** | ||
| 557 | * @description: ssQlxxchange | ||
| 558 | * @param {*} val | ||
| 559 | * @author: renchao | ||
| 560 | */ | ||
| 561 | ssQlxxchange(val) { | ||
| 562 | this.ruleForm.ssQlxx = val; | ||
| 563 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 564 | this.ssQlxxchangediolog(val); | ||
| 565 | }, | ||
| 566 | // 弹框事件 | ||
| 567 | ssQlxxchangediolog(val) { | ||
| 568 | console.log("确定了", this.ruleForm); | ||
| 569 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 570 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 571 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 572 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 573 | showClose: true, //是否显示右上角关闭按钮 | ||
| 574 | type: "warning", | ||
| 575 | }).then(() => { | ||
| 576 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 549 | if (res.code == 200) { | 577 | if (res.code == 200) { |
| 550 | this.ruleForm = res.result; | 578 | this.nowlist = res.result; |
| 551 | let djlx = this.ruleForm.qlxx.djlx; | 579 | console.log("his.nowlist", this.nowlist); |
| 552 | if (djlx == null || djlx == 100) { | 580 | console.log("this.ruleForm", this.ruleForm); |
| 553 | this.ssqlxxshow = false; | 581 | for (var key in this.ruleForm.tdsyq) { |
| 582 | if ( | ||
| 583 | this.ruleForm.tdsyq[key] == "" || | ||
| 584 | this.ruleForm.tdsyq[key] == null | ||
| 585 | ) { | ||
| 586 | this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key]; | ||
| 587 | } | ||
| 588 | } | ||
| 589 | for (var key in this.ruleForm.qlxx) { | ||
| 590 | if ( | ||
| 591 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 592 | this.ruleForm.qlxx[key] == null | ||
| 593 | ) { | ||
| 594 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 595 | if (key != "ywh") { | ||
| 596 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 597 | } | ||
| 598 | } | ||
| 599 | } | ||
| 600 | if (!this.ruleForm.tdytqxList.length) { | ||
| 601 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 554 | } | 602 | } |
| 555 | this.$endLoading(); | 603 | if (!this.ruleForm.qlrData.length) { |
| 556 | // if (this.ruleForm.tdytqxList.length > 0) { | 604 | this.ruleForm.qlrData = this.nowlist.qlrData; |
| 557 | // this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 605 | } |
| 558 | // } else { | 606 | if (!this.ruleForm.ywrData.length) { |
| 559 | // this.tdxz = null; | 607 | this.ruleForm.ywrData = this.nowlist.ywrData; |
| 560 | // } | 608 | } |
| 561 | this.isShow = true; | 609 | console.log("this.ruleForm", this.ruleForm); |
| 610 | this.$message({ | ||
| 611 | type: "success", | ||
| 612 | message: "同步成功!", | ||
| 613 | }); | ||
| 562 | } | 614 | } |
| 563 | }); | 615 | }); |
| 564 | //获取主体信息 | 616 | }).catch(() => { |
| 565 | getSsQlxx({ | 617 | this.$message({ |
| 566 | bdcdyid: this.propsParam.bdcdyid, | 618 | type: "info", |
| 567 | qllx: this.propsParam.qllx, | 619 | message: "已取消同步", |
| 568 | }).then((res) => { | 620 | }); |
| 569 | if (res.code == 200) { | 621 | }); |
| 570 | this.ssQlxxList = res.result; | 622 | }, |
| 623 | /** | ||
| 624 | * @description: djlxchange | ||
| 625 | * @param {*} val | ||
| 626 | * @author: renchao | ||
| 627 | */ | ||
| 628 | djlxchange(val) { | ||
| 629 | console.log("val", val); | ||
| 630 | if (val == null || val == 100) { | ||
| 631 | this.ssqlxxshow = false; | ||
| 632 | } else { | ||
| 633 | this.ssqlxxshow = true; | ||
| 634 | } | ||
| 635 | }, | ||
| 636 | |||
| 637 | // 字典 | ||
| 638 | /** | ||
| 639 | * @description: 字典 | ||
| 640 | * @param {*} val | ||
| 641 | * @author: renchao | ||
| 642 | */ | ||
| 643 | getDictData(val) { | ||
| 644 | return store.getters.dictData[val]; | ||
| 645 | }, | ||
| 646 | /** | ||
| 647 | * @description: loadData | ||
| 648 | * @author: renchao | ||
| 649 | */ | ||
| 650 | loadData() { | ||
| 651 | this.$startLoading(); | ||
| 652 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 653 | init(this.propsParam).then((res) => { | ||
| 654 | if (res.code == 200) { | ||
| 655 | this.ruleForm = res.result; | ||
| 656 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 657 | if (djlx == null || djlx == 100) { | ||
| 658 | this.ssqlxxshow = false; | ||
| 571 | } | 659 | } |
| 572 | }); | 660 | this.$endLoading(); |
| 573 | }, | 661 | this.isShow = true; |
| 574 | // 更新土地用途信息 | 662 | //获取主体信息 |
| 575 | /** | 663 | getSsQlxx({ |
| 576 | * @description: 更新土地用途信息 | 664 | bdcdyid: this.propsParam.bdcdyid, |
| 577 | * @param {*} val | 665 | qllx: this.propsParam.qllx, |
| 578 | * @author: renchao | 666 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 579 | */ | 667 | }).then((res) => { |
| 580 | upDateTdytxxList (val) { | 668 | if (res.code == 200) { |
| 581 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 669 | this.ssQlxxList = res.result; |
| 582 | this.key++; | 670 | } |
| 583 | }, | 671 | }); |
| 584 | // 更新权利人信息 | 672 | } |
| 585 | /** | 673 | }); |
| 586 | * @description: 更新权利人信息 | 674 | }, |
| 587 | * @param {*} val | 675 | // 更新土地用途信息 |
| 588 | * @author: renchao | 676 | /** |
| 589 | */ | 677 | * @description: 更新土地用途信息 |
| 590 | upDateQlrxxList (val) { | 678 | * @param {*} val |
| 591 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 679 | * @author: renchao |
| 592 | this.czrOptions = this.ruleForm.qlrData; | 680 | */ |
| 593 | this.key++; | 681 | upDateTdytxxList(val) { |
| 594 | }, | 682 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 595 | /** | 683 | this.key++; |
| 596 | * @description: onSubmit | 684 | }, |
| 597 | * @author: renchao | 685 | // 更新权利人信息 |
| 598 | */ | 686 | /** |
| 599 | onSubmit () { | 687 | * @description: 更新权利人信息 |
| 600 | this.$refs.ruleForm.validate((valid) => { | 688 | * @param {*} val |
| 601 | if (valid) { | 689 | * @author: renchao |
| 602 | if (this.ruleForm.qlrData.length == 0) { | 690 | */ |
| 691 | upDateQlrxxList(val) { | ||
| 692 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 693 | this.czrOptions = this.ruleForm.qlrData; | ||
| 694 | this.key++; | ||
| 695 | }, | ||
| 696 | /** | ||
| 697 | * @description: onSubmit | ||
| 698 | * @author: renchao | ||
| 699 | */ | ||
| 700 | onSubmit() { | ||
| 701 | this.$refs.ruleForm.validate((valid) => { | ||
| 702 | if (valid) { | ||
| 703 | if (this.ruleForm.qlrData.length == 0) { | ||
| 704 | this.$message({ | ||
| 705 | showClose: true, | ||
| 706 | message: "请确认权利人信息", | ||
| 707 | type: "error", | ||
| 708 | }); | ||
| 709 | return false; | ||
| 710 | } | ||
| 711 | |||
| 712 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 713 | if (this.ruleForm.qlrData.length > 1) { | ||
| 603 | this.$message({ | 714 | this.$message({ |
| 604 | showClose: true, | 715 | showClose: true, |
| 605 | message: "请确认权利人信息", | 716 | message: "共有方式：单独所有，权利人只能是一个人", |
| 606 | type: "error", | 717 | type: "error", |
| 607 | }); | 718 | }); |
| 608 | return false; | 719 | return false; |
| 609 | } | 720 | } |
| 610 | 721 | this.ruleForm.qlrData[0].sfczr = "1"; | |
| 611 | if (this.ruleForm.qlxx.gyfs == "0") { | 722 | } |
| 612 | if (this.ruleForm.qlrData.length > 1) { | 723 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 613 | this.$message({ | 724 | //是否分别持证 |
| 614 | showClose: true, | 725 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 615 | message: "共有方式：单独所有，权利人只能是一个人", | 726 | //是 |
| 616 | type: "error", | 727 | this.ruleForm.qlrData.forEach((item, index) => { |
| 617 | }); | 728 | item.sfczr = "1"; |
| 618 | return false; | 729 | }); |
| 619 | } | 730 | } else { |
| 620 | this.ruleForm.qlrData[0].sfczr = "1"; | 731 | this.ruleForm.qlrData.forEach((item, index) => { |
| 621 | } | 732 | if (item.zjh == this.ruleForm.czr) { |
| 622 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 623 | //是否分别持证 | ||
| 624 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 625 | //是 | ||
| 626 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 627 | item.sfczr = "1"; | 733 | item.sfczr = "1"; |
| 628 | }); | 734 | } else { |
| 629 | } else { | 735 | item.sfczr = "0"; |
| 630 | this.ruleForm.qlrData.forEach((item, index) => { | 736 | } |
| 631 | if (item.zjh == this.ruleForm.czr) { | 737 | }); |
| 632 | item.sfczr = "1"; | ||
| 633 | } else { | ||
| 634 | item.sfczr = "0"; | ||
| 635 | } | ||
| 636 | }); | ||
| 637 | } | ||
| 638 | } | 738 | } |
| 639 | save(this.ruleForm).then((res) => { | ||
| 640 | if (res.code === 200) { | ||
| 641 | this.$message({ | ||
| 642 | showClose: true, | ||
| 643 | message: "保存成功！", | ||
| 644 | type: "success", | ||
| 645 | }); | ||
| 646 | this.$parent.changeywh() | ||
| 647 | this.$store.dispatch("user/refreshPage", true); | ||
| 648 | } else { | ||
| 649 | this.$message({ | ||
| 650 | showClose: true, | ||
| 651 | message: res.message, | ||
| 652 | type: "error", | ||
| 653 | }); | ||
| 654 | } | ||
| 655 | }); | ||
| 656 | } else { | ||
| 657 | return false; | ||
| 658 | } | 739 | } |
| 659 | }); | 740 | save(this.ruleForm).then((res) => { |
| 660 | }, | 741 | if (res.code === 200) { |
| 742 | this.$message({ | ||
| 743 | showClose: true, | ||
| 744 | message: "保存成功！", | ||
| 745 | type: "success", | ||
| 746 | }); | ||
| 747 | this.$parent.changeywh(); | ||
| 748 | this.$store.dispatch("user/refreshPage", true); | ||
| 749 | } else { | ||
| 750 | this.$message({ | ||
| 751 | showClose: true, | ||
| 752 | message: res.message, | ||
| 753 | type: "error", | ||
| 754 | }); | ||
| 755 | } | ||
| 756 | }); | ||
| 757 | } else { | ||
| 758 | return false; | ||
| 759 | } | ||
| 760 | }); | ||
| 661 | }, | 761 | }, |
| 662 | }; | 762 | }, |
| 763 | }; | ||
| 663 | </script> | 764 | </script> |
| 664 | <style scoped lang="scss"> | 765 | <style scoped lang="scss"> |
| 665 | @import "~@/styles/public.scss"; | 766 | @import "~@/styles/public.scss"; |
| 666 | @import "~@/styles/slxx/slxx.scss"; | 767 | @import "~@/styles/slxx/slxx.scss"; |
| 667 | /deep/.el-form { | 768 | /deep/.el-form { |
| 668 | display: flex; | 769 | display: flex; |
| 669 | flex-direction: column; | 770 | flex-direction: column; |
| 670 | height: calc(100vh - 130px); | 771 | height: calc(100vh - 130px); |
| 671 | } | 772 | } |
| 672 | 773 | ||
| 673 | /deep/.el-form-item__label { | 774 | /deep/.el-form-item__label { |
| 674 | padding: 0; | 775 | padding: 0; |
| 675 | } | 776 | } |
| 676 | 777 | ||
| 677 | /deep/.el-radio { | 778 | /deep/.el-radio { |
| 678 | margin-right: 10px; | 779 | margin-right: 10px; |
| 679 | } | 780 | } |
| 680 | 781 | ||
| 681 | /deep/.el-select { | 782 | /deep/.el-select { |
| 682 | width: 100%; | 783 | width: 100%; |
| 683 | } | 784 | } |
| 684 | 785 | ||
| 685 | /deep/.el-form-item { | 786 | /deep/.el-form-item { |
| 686 | margin-bottom: 8px; | 787 | margin-bottom: 8px; |
| 687 | } | 788 | } |
| 688 | 789 | ||
| 689 | .marginBot0 { | 790 | .marginBot0 { |
| 690 | margin-bottom: 0 !important; | 791 | margin-bottom: 0 !important; |
| 691 | } | 792 | } |
| 692 | 793 | ||
| 693 | .slxx { | 794 | .slxx { |
| 694 | box-sizing: border-box; | 795 | box-sizing: border-box; |
| 695 | } | 796 | } |
| 696 | 797 | ||
| 697 | .slxx_con { | 798 | .slxx_con { |
| 698 | flex: 1; | 799 | flex: 1; |
| 699 | height: 100%; | 800 | height: 100%; |
| 700 | background-color: #ffffff; | 801 | background-color: #ffffff; |
| 701 | overflow-y: auto; | 802 | overflow-y: auto; |
| 702 | padding-right: 3px; | 803 | padding-right: 3px; |
| 703 | overflow-x: hidden; | 804 | overflow-x: hidden; |
| 704 | } | 805 | } |
| 705 | 806 | ||
| 706 | .submit_btn { | 807 | .submit_btn { |
| 707 | height: 50px; | 808 | height: 50px; |
| 708 | } | 809 | } |
| 709 | 810 | ||
| 710 | .slxx_title { | 811 | .slxx_title { |
| 711 | border-bottom: 1px solid $borderColor; | 812 | border-bottom: 1px solid $borderColor; |
| 712 | padding-left: 10px; | 813 | padding-left: 10px; |
| 713 | padding-bottom: 5px; | 814 | padding-bottom: 5px; |
| 714 | margin-bottom: 10px; | 815 | margin-bottom: 10px; |
| 715 | margin-top: 5px; | 816 | margin-top: 5px; |
| 716 | font-size: 16px; | 817 | font-size: 16px; |
| 717 | font-weight: 500; | 818 | font-weight: 500; |
| 718 | color: #4a4a4a; | 819 | color: #4a4a4a; |
| 719 | } | 820 | } |
| 720 | 821 | ||
| 721 | .btn { | 822 | .btn { |
| 722 | text-align: center; | 823 | text-align: center; |
| 723 | padding-top: 10px; | 824 | padding-top: 10px; |
| 724 | height: 36px; | 825 | height: 36px; |
| 725 | background-color: #ffffff; | 826 | background-color: #ffffff; |
| 726 | padding: 5px 0; | 827 | padding: 5px 0; |
| 727 | } | 828 | } |
| 728 | 829 | ||
| 729 | .textArea { | 830 | .textArea { |
| 730 | /deep/.el-textarea__inner { | 831 | /deep/.el-textarea__inner { |
| 731 | min-height: 90px !important; | 832 | min-height: 90px !important; |
| 732 | } | ||
| 733 | } | 833 | } |
| 834 | } | ||
| 734 | 835 | ||
| 735 | /deep/.el-form-item__label { | 836 | /deep/.el-form-item__label { |
| 736 | padding-bottom: 0px; | 837 | padding-bottom: 0px; |
| 737 | } | 838 | } |
| 738 | </style> | 839 | </style> | ... | ... |
| ... | @@ -10,14 +10,15 @@ | ... | @@ -10,14 +10,15 @@ |
| 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 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 23 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 24 | 补录信息 |
| ... | @@ -46,21 +47,28 @@ | ... | @@ -46,21 +47,28 @@ |
| 46 | </div> | 47 | </div> |
| 47 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
| 48 | <el-col :span="8" v-if="ztQlxxList"> | 49 | <el-col :span="8" v-if="ztQlxxList"> |
| 49 | <el-form-item label="抵押不动产信息：" prop="ztQlxx" :rules="rules.ztQlxxrules"> | 50 | <el-form-item |
| 51 | label="抵押不动产信息：" | ||
| 52 | prop="ztQlxx" | ||
| 53 | :rules="rules.ztQlxxrules" | ||
| 54 | > | ||
| 50 | <select-table | 55 | <select-table |
| 51 | v-model="ruleForm.ztQlxx" | 56 | v-model="ruleForm.ztQlxx" |
| 52 | :table-width="550" | 57 | :table-width="550" |
| 53 | :tableData="ztQlxxList" | 58 | :tableData="ztQlxxList" |
| 54 | :props="props" | 59 | :props="props" |
| 55 | @change="ztQlxxchange"> | 60 | @change="ztQlxxchange" |
| 61 | > | ||
| 56 | <el-table-column | 62 | <el-table-column |
| 57 | prop="qllxmc" | 63 | prop="qllxmc" |
| 58 | width="130" | 64 | width="130" |
| 59 | label="权利类型"></el-table-column> | 65 | label="权利类型" |
| 66 | ></el-table-column> | ||
| 60 | <el-table-column | 67 | <el-table-column |
| 61 | prop="bdcqzh" | 68 | prop="bdcqzh" |
| 62 | width="160" | 69 | width="160" |
| 63 | label="不动产权证书"></el-table-column> | 70 | label="不动产权证书" |
| 71 | ></el-table-column> | ||
| 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 72 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 73 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 74 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -70,21 +78,28 @@ | ... | @@ -70,21 +78,28 @@ |
| 70 | </el-col> | 78 | </el-col> |
| 71 | 79 | ||
| 72 | <el-col :span="8" v-if="ssqlxxshow"> | 80 | <el-col :span="8" v-if="ssqlxxshow"> |
| 73 | <el-form-item label="上手权利信息："> | 81 | <el-form-item |
| 82 | label="上手权利信息：" | ||
| 83 | prop="ssQlxx.bdcqzh" | ||
| 84 | :rules="rules.ssQlxxrules" | ||
| 85 | > | ||
| 74 | <select-table | 86 | <select-table |
| 75 | v-model="ruleForm.ssQlxx" | 87 | v-model="ruleForm.ssQlxx" |
| 76 | :table-width="550" | 88 | :table-width="550" |
| 77 | :tableData="ssQlxxList" | 89 | :tableData="ssQlxxList" |
| 78 | :props="props" | 90 | :props="props" |
| 79 | @change="ssQlxxchange"> | 91 | @change="ssQlxxchange" |
| 92 | > | ||
| 80 | <el-table-column | 93 | <el-table-column |
| 81 | prop="qllxmc" | 94 | prop="qllxmc" |
| 82 | width="130" | 95 | width="130" |
| 83 | label="权利类型"></el-table-column> | 96 | label="权利类型" |
| 97 | ></el-table-column> | ||
| 84 | <el-table-column | 98 | <el-table-column |
| 85 | prop="bdcqzh" | 99 | prop="bdcqzh" |
| 86 | width="160" | 100 | width="160" |
| 87 | label="不动产权证书"></el-table-column> | 101 | label="不动产权证书" |
| 102 | ></el-table-column> | ||
| 88 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 103 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 89 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 104 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 90 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 105 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -156,7 +171,11 @@ | ... | @@ -156,7 +171,11 @@ |
| 156 | </el-form-item> | 171 | </el-form-item> |
| 157 | </el-col> | 172 | </el-col> |
| 158 | <el-col :span="8"> | 173 | <el-col :span="8"> |
| 159 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 174 | <el-form-item |
| 175 | label="业务号：" | ||
| 176 | prop="qlxx.ywh" | ||
| 177 | :rules="rules.ywhrules" | ||
| 178 | > | ||
| 160 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 179 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 161 | </el-form-item> | 180 | </el-form-item> |
| 162 | </el-col> | 181 | </el-col> |
| ... | @@ -178,13 +197,18 @@ | ... | @@ -178,13 +197,18 @@ |
| 178 | </el-form-item> | 197 | </el-form-item> |
| 179 | </el-col> | 198 | </el-col> |
| 180 | <el-col :span="8"> | 199 | <el-col :span="8"> |
| 181 | <el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules"> | 200 | <el-form-item |
| 201 | label="登记类型：" | ||
| 202 | prop="qlxx.djlx" | ||
| 203 | :rules="rules.djlxrules" | ||
| 204 | > | ||
| 182 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 205 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 183 | <el-option | 206 | <el-option |
| 184 | v-for="item in djlxlist" | 207 | v-for="item in djlxlist" |
| 185 | :key="item.dcode" | 208 | :key="item.dcode" |
| 186 | :label="item.dname" | 209 | :label="item.dname" |
| 187 | :value="item.dcode"> | 210 | :value="item.dcode" |
| 211 | > | ||
| 188 | </el-option> | 212 | </el-option> |
| 189 | </el-select> | 213 | </el-select> |
| 190 | </el-form-item> | 214 | </el-form-item> |
| ... | @@ -195,7 +219,11 @@ | ... | @@ -195,7 +219,11 @@ |
| 195 | </el-form-item> | 219 | </el-form-item> |
| 196 | </el-col> | 220 | </el-col> |
| 197 | <el-col :span="8"> | 221 | <el-col :span="8"> |
| 198 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | 222 | <el-form-item |
| 223 | label="不动产权证号：" | ||
| 224 | prop="qlxx.bdcqzh" | ||
| 225 | :rules="rules.bdcqzhrules" | ||
| 226 | > | ||
| 199 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 227 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 200 | </el-form-item> | 228 | </el-form-item> |
| 201 | </el-col> | 229 | </el-col> |
| ... | @@ -205,24 +233,37 @@ | ... | @@ -205,24 +233,37 @@ |
| 205 | </el-form-item> | 233 | </el-form-item> |
| 206 | </el-col> --> | 234 | </el-col> --> |
| 207 | <el-col :span="8"> | 235 | <el-col :span="8"> |
| 208 | <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> | 236 | <el-form-item |
| 237 | label="登记机构：" | ||
| 238 | prop="qlxx.djjg" | ||
| 239 | :rules="rules.djjgrules" | ||
| 240 | > | ||
| 209 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 241 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 210 | </el-form-item> | 242 | </el-form-item> |
| 211 | </el-col> | 243 | </el-col> |
| 212 | <el-col :span="8"> | 244 | <el-col :span="8"> |
| 213 | <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> | 245 | <el-form-item |
| 246 | label="登簿人：" | ||
| 247 | prop="qlxx.dbr" | ||
| 248 | :rules="rules.dbrrules" | ||
| 249 | > | ||
| 214 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 250 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 215 | </el-form-item> | 251 | </el-form-item> |
| 216 | </el-col> | 252 | </el-col> |
| 217 | <el-col :span="8"> | 253 | <el-col :span="8"> |
| 218 | <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> | 254 | <el-form-item |
| 255 | label="登记时间：" | ||
| 256 | prop="qlxx.djsj" | ||
| 257 | :rules="rules.djsjrules" | ||
| 258 | > | ||
| 219 | <el-date-picker | 259 | <el-date-picker |
| 220 | v-model="ruleForm.qlxx.djsj" | 260 | v-model="ruleForm.qlxx.djsj" |
| 221 | type="date" | 261 | type="date" |
| 222 | class="width100" | 262 | class="width100" |
| 223 | placeholder="选择日期" | 263 | placeholder="选择日期" |
| 224 | value-format="yyyy-MM-dd HH:mm:ss" | 264 | value-format="yyyy-MM-dd HH:mm:ss" |
| 225 | format="yyyy-MM-dd"> | 265 | format="yyyy-MM-dd" |
| 266 | > | ||
| 226 | </el-date-picker> | 267 | </el-date-picker> |
| 227 | </el-form-item> | 268 | </el-form-item> |
| 228 | </el-col> | 269 | </el-col> |
| ... | @@ -233,20 +274,26 @@ | ... | @@ -233,20 +274,26 @@ |
| 233 | v-for="item in qsztlist" | 274 | v-for="item in qsztlist" |
| 234 | :key="item.dcode" | 275 | :key="item.dcode" |
| 235 | :label="item.dname" | 276 | :label="item.dname" |
| 236 | :value="item.dcode"> | 277 | :value="item.dcode" |
| 278 | > | ||
| 237 | </el-option> | 279 | </el-option> |
| 238 | </el-select> | 280 | </el-select> |
| 239 | </el-form-item> | 281 | </el-form-item> |
| 240 | </el-col> | 282 | </el-col> |
| 241 | 283 | ||
| 242 | <el-col :span="8"> | 284 | <el-col :span="8"> |
| 243 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules"> | 285 | <el-form-item |
| 244 | <el-select v-model="ruleForm.ygdj.ygdjzlmc"> | 286 | label="预告登记种类：" |
| 287 | prop="ygdj.ygdjzl" | ||
| 288 | :rules="rules.ygdjzlrules" | ||
| 289 | > | ||
| 290 | <el-select v-model="ruleForm.ygdj.ygdjzl"> | ||
| 245 | <el-option | 291 | <el-option |
| 246 | v-for="item in dictData['A29']" | 292 | v-for="item in dictData['A29']" |
| 247 | :key="item.dcode" | 293 | :key="item.dcode" |
| 248 | :label="item.dname" | 294 | :label="item.dname" |
| 249 | :value="item.dcode"> | 295 | :value="item.dcode" |
| 296 | > | ||
| 250 | </el-option> | 297 | </el-option> |
| 251 | </el-select> | 298 | </el-select> |
| 252 | </el-form-item> | 299 | </el-form-item> |
| ... | @@ -263,7 +310,8 @@ | ... | @@ -263,7 +310,8 @@ |
| 263 | v-for="item in dictData['A17']" | 310 | v-for="item in dictData['A17']" |
| 264 | :key="item.dcode" | 311 | :key="item.dcode" |
| 265 | :label="item.dname" | 312 | :label="item.dname" |
| 266 | :value="item.dcode"> | 313 | :value="item.dcode" |
| 314 | > | ||
| 267 | </el-option> | 315 | </el-option> |
| 268 | </el-select> | 316 | </el-select> |
| 269 | </el-form-item> | 317 | </el-form-item> |
| ... | @@ -280,7 +328,8 @@ | ... | @@ -280,7 +328,8 @@ |
| 280 | v-for="item in dictData['A19']" | 328 | v-for="item in dictData['A19']" |
| 281 | :key="item.dcode" | 329 | :key="item.dcode" |
| 282 | :label="item.dname" | 330 | :label="item.dname" |
| 283 | :value="item.dcode"> | 331 | :value="item.dcode" |
| 332 | > | ||
| 284 | </el-option> | 333 | </el-option> |
| 285 | </el-select> | 334 | </el-select> |
| 286 | </el-form-item> | 335 | </el-form-item> |
| ... | @@ -297,7 +346,8 @@ | ... | @@ -297,7 +346,8 @@ |
| 297 | v-for="item in dictData['A46']" | 346 | v-for="item in dictData['A46']" |
| 298 | :key="item.dcode" | 347 | :key="item.dcode" |
| 299 | :label="item.dname" | 348 | :label="item.dname" |
| 300 | :value="item.dcode"> | 349 | :value="item.dcode" |
| 350 | > | ||
| 301 | </el-option> | 351 | </el-option> |
| 302 | </el-select> | 352 | </el-select> |
| 303 | </el-form-item> | 353 | </el-form-item> |
| ... | @@ -315,17 +365,21 @@ | ... | @@ -315,17 +365,21 @@ |
| 315 | <el-col :span="8"> | 365 | <el-col :span="8"> |
| 316 | <el-form-item label="建筑面积："> | 366 | <el-form-item label="建筑面积："> |
| 317 | <div class="flex"> | 367 | <div class="flex"> |
| 318 | <el-input v-model="ruleForm.ygdj.jzmj" | 368 | <el-input |
| 319 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 369 | v-model="ruleForm.ygdj.jzmj" |
| 370 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 371 | ></el-input> | ||
| 320 | <el-select | 372 | <el-select |
| 321 | v-model="ruleForm.ygdj.mjdw" | 373 | v-model="mjdw" |
| 322 | :disabled="!ableOperation" | 374 | :disabled="!ableOperation" |
| 323 | style="width: 20%"> | 375 | style="width: 20%" |
| 376 | > | ||
| 324 | <el-option | 377 | <el-option |
| 325 | v-for="item in dictData['A7']" | 378 | v-for="item in dictData['A7']" |
| 326 | :key="item.dcode" | 379 | :key="item.dcode" |
| 327 | :label="item.dname" | 380 | :label="item.dname" |
| 328 | :value="item.dcode"> | 381 | :value="item.dcode" |
| 382 | > | ||
| 329 | </el-option> | 383 | </el-option> |
| 330 | </el-select> | 384 | </el-select> |
| 331 | </div> | 385 | </div> |
| ... | @@ -349,41 +403,63 @@ | ... | @@ -349,41 +403,63 @@ |
| 349 | class="width100" | 403 | class="width100" |
| 350 | placeholder="选择日期" | 404 | placeholder="选择日期" |
| 351 | value-format="yyyy-MM-dd HH:mm:ss" | 405 | value-format="yyyy-MM-dd HH:mm:ss" |
| 352 | format="yyyy-MM-dd"> | 406 | format="yyyy-MM-dd" |
| 407 | > | ||
| 353 | </el-date-picker> | 408 | </el-date-picker> |
| 354 | </el-form-item> | 409 | </el-form-item> |
| 355 | </el-col> | 410 | </el-col> |
| 356 | <el-col :span="8"> | 411 | <el-col :span="8"> |
| 357 | <el-form-item label="取得价格/被担保主债权数额："> | 412 | <el-form-item> |
| 413 | <span slot="label" style="display: inline-block"> | ||
| 414 | <el-tooltip | ||
| 415 | content="取得价格被担保主债权数额：" | ||
| 416 | placement="top" | ||
| 417 | effect="light" | ||
| 418 | > | ||
| 419 | <span type="text" style="color: #444" size="mini" | ||
| 420 | >取得价格被担保...</span | ||
| 421 | > | ||
| 422 | </el-tooltip> | ||
| 423 | </span> | ||
| 358 | <div class="flex"> | 424 | <div class="flex"> |
| 359 | <el-input v-model="ruleForm.ygdj.qdjg" | 425 | <el-input |
| 360 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 426 | v-model="ruleForm.ygdj.qdjg" |
| 427 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 428 | ></el-input> | ||
| 361 | <el-select | 429 | <el-select |
| 362 | v-model="ruleForm.ygdj.jedw" | 430 | v-model="ruleForm.ygdj.jedw" |
| 363 | :disabled="!ableOperation" | 431 | :disabled="!ableOperation" |
| 364 | style="width: 20%"> | 432 | style="width: 20%" |
| 433 | > | ||
| 365 | <el-option | 434 | <el-option |
| 366 | v-for="item in dictData['A7']" | 435 | v-for="item in dictData['A57']" |
| 367 | :key="item.dcode" | 436 | :key="item.dcode" |
| 368 | :label="item.dname" | 437 | :label="item.dname" |
| 369 | :value="item.dcode"> | 438 | :value="item.dcode" |
| 439 | > | ||
| 370 | </el-option> | 440 | </el-option> |
| 371 | </el-select> | 441 | </el-select> |
| 372 | </div> | 442 | </div> |
| 373 | </el-form-item> | 443 | </el-form-item> |
| 374 | </el-col> | 444 | </el-col> |
| 375 | <el-col :span="8"> | 445 | <el-col :span="8"> |
| 376 | <el-form-item label="金额单位："> | ||
| 377 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
| 378 | </el-form-item> | ||
| 379 | </el-col> | ||
| 380 | <el-col :span="8"> | ||
| 381 | <el-form-item label="担保范围："> | 446 | <el-form-item label="担保范围："> |
| 382 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | 447 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> |
| 383 | </el-form-item> | 448 | </el-form-item> |
| 384 | </el-col> | 449 | </el-col> |
| 385 | <el-col :span="8"> | 450 | <el-col :span="8"> |
| 386 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> | 451 | <el-form-item> |
| 452 | <span slot="label" style="display: inline-block"> | ||
| 453 | <el-tooltip | ||
| 454 | content="是否存在禁止或限制转让抵押不动产的约定：" | ||
| 455 | placement="top" | ||
| 456 | effect="light" | ||
| 457 | > | ||
| 458 | <span type="text" style="color: #444" size="mini" | ||
| 459 | >是否存在禁止或限制...</span | ||
| 460 | > | ||
| 461 | </el-tooltip> | ||
| 462 | </span> | ||
| 387 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 463 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
| 388 | </el-form-item> | 464 | </el-form-item> |
| 389 | </el-col> | 465 | </el-col> |
| ... | @@ -407,7 +483,8 @@ | ... | @@ -407,7 +483,8 @@ |
| 407 | <el-form-item label="共有方式："> | 483 | <el-form-item label="共有方式："> |
| 408 | <el-radio-group | 484 | <el-radio-group |
| 409 | :disabled="!ableOperation" | 485 | :disabled="!ableOperation" |
| 410 | v-model="ruleForm.qlxx.gyfs"> | 486 | v-model="ruleForm.qlxx.gyfs" |
| 487 | > | ||
| 411 | <el-radio label="0">单独所有</el-radio> | 488 | <el-radio label="0">单独所有</el-radio> |
| 412 | <el-radio label="1">共同共有</el-radio> | 489 | <el-radio label="1">共同共有</el-radio> |
| 413 | <el-radio label="2">按份所有</el-radio> | 490 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -419,7 +496,8 @@ | ... | @@ -419,7 +496,8 @@ |
| 419 | <el-form-item label="是否分别持证："> | 496 | <el-form-item label="是否分别持证："> |
| 420 | <el-radio-group | 497 | <el-radio-group |
| 421 | v-model="ruleForm.qlxx.sqfbcz" | 498 | v-model="ruleForm.qlxx.sqfbcz" |
| 422 | :disabled="!ableOperation"> | 499 | :disabled="!ableOperation" |
| 500 | > | ||
| 423 | <el-radio :label="1">是</el-radio> | 501 | <el-radio :label="1">是</el-radio> |
| 424 | <el-radio :label="0">否</el-radio> | 502 | <el-radio :label="0">否</el-radio> |
| 425 | </el-radio-group> | 503 | </el-radio-group> |
| ... | @@ -427,17 +505,20 @@ | ... | @@ -427,17 +505,20 @@ |
| 427 | </el-col> | 505 | </el-col> |
| 428 | <el-col | 506 | <el-col |
| 429 | :span="6" | 507 | :span="6" |
| 430 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 508 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 509 | > | ||
| 431 | <el-form-item label="持证人："> | 510 | <el-form-item label="持证人："> |
| 432 | <el-select | 511 | <el-select |
| 433 | v-model="ruleForm.czr" | 512 | v-model="ruleForm.czr" |
| 434 | placeholder="持证人" | 513 | placeholder="持证人" |
| 435 | :disabled="!ableOperation"> | 514 | :disabled="!ableOperation" |
| 515 | > | ||
| 436 | <el-option | 516 | <el-option |
| 437 | v-for="item in czrOptions" | 517 | v-for="item in czrOptions" |
| 438 | :key="item.zjh" | 518 | :key="item.zjh" |
| 439 | :label="item.sqrmc" | 519 | :label="item.sqrmc" |
| 440 | :value="item.zjh"> | 520 | :value="item.zjh" |
| 521 | > | ||
| 441 | </el-option> | 522 | </el-option> |
| 442 | </el-select> | 523 | </el-select> |
| 443 | </el-form-item> | 524 | </el-form-item> |
| ... | @@ -448,7 +529,8 @@ | ... | @@ -448,7 +529,8 @@ |
| 448 | @upDateQlrxxList="upDateQlrxxList" | 529 | @upDateQlrxxList="upDateQlrxxList" |
| 449 | :key="key" | 530 | :key="key" |
| 450 | :ableOperation="ableOperation" | 531 | :ableOperation="ableOperation" |
| 451 | :gyfs="ruleForm.qlxx.gyfs" /> | 532 | :gyfs="ruleForm.qlxx.gyfs" |
| 533 | /> | ||
| 452 | 534 | ||
| 453 | <div v-if="ruleForm.ywrData"> | 535 | <div v-if="ruleForm.ywrData"> |
| 454 | <div class="slxx_title title-block"> | 536 | <div class="slxx_title title-block"> |
| ... | @@ -460,7 +542,8 @@ | ... | @@ -460,7 +542,8 @@ |
| 460 | :tableData="ruleForm.ywrData" | 542 | :tableData="ruleForm.ywrData" |
| 461 | :key="key" | 543 | :key="key" |
| 462 | :ableOperation="ableOperation" | 544 | :ableOperation="ableOperation" |
| 463 | @upDateQlrxxList="upDateYwrxxList" /> | 545 | @upDateQlrxxList="upDateYwrxxList" |
| 546 | /> | ||
| 464 | </div> | 547 | </div> |
| 465 | </div> | 548 | </div> |
| 466 | <el-row class="btn" v-if="ableOperation"> | 549 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -472,284 +555,350 @@ | ... | @@ -472,284 +555,350 @@ |
| 472 | </div> | 555 | </div> |
| 473 | </template> | 556 | </template> |
| 474 | <script> | 557 | <script> |
| 475 | import { mapGetters } from "vuex"; | 558 | import { mapGetters } from "vuex"; |
| 476 | import ywmix from "@/views/ywbl/mixin/index" | 559 | import ywmix from "@/views/ywbl/mixin/index"; |
| 477 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 560 | import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 478 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 561 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 479 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 562 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 480 | import tdytTable from "@/views/workflow/components/tdytTable"; | 563 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 481 | import selectTable from "@/components/selectTable/index.vue"; | 564 | import selectTable from "@/components/selectTable/index.vue"; |
| 482 | export default { | 565 | export default { |
| 483 | mixins: [ywmix], | 566 | mixins: [ywmix], |
| 484 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 567 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 485 | computed: { | 568 | computed: { |
| 486 | ...mapGetters(["dictData", "flag"]), | 569 | ...mapGetters(["dictData", "flag"]), |
| 487 | // 根据流程判断表单是否为只读 | 570 | // 根据流程判断表单是否为只读 |
| 488 | editDisabled () { | 571 | editDisabled() { |
| 489 | if (!this.ableOperation) { | 572 | if (!this.ableOperation) { |
| 490 | //只读状态 | 573 | //只读状态 |
| 491 | return true; | 574 | return true; |
| 492 | } | 575 | } |
| 493 | return false; | 576 | return false; |
| 494 | }, | ||
| 495 | }, | 577 | }, |
| 496 | data () { | 578 | }, |
| 497 | return { | 579 | data() { |
| 498 | ssqlxxshow: true, | 580 | return { |
| 499 | props: { | 581 | ssqlxxshow: true, |
| 500 | label: "bdcqzh", | 582 | props: { |
| 501 | value: "bdcdyid", | 583 | label: "bdcqzh", |
| 584 | value: "bdcdyid", | ||
| 585 | }, | ||
| 586 | mjdw: "1", | ||
| 587 | //表单是否可操作 | ||
| 588 | propsParam: this.$attrs, | ||
| 589 | key: 0, | ||
| 590 | isShow: false, | ||
| 591 | disabled: true, | ||
| 592 | czrOptions: [], | ||
| 593 | ssQlxxList: [], | ||
| 594 | ztQlxxList: [], | ||
| 595 | ruleForm: {}, | ||
| 596 | // 登记类型 | ||
| 597 | djlxlist: [ | ||
| 598 | { | ||
| 599 | dcode: "100", | ||
| 600 | dname: "首次登记", | ||
| 601 | }, | ||
| 602 | { | ||
| 603 | dcode: "200", | ||
| 604 | dname: "转移登记", | ||
| 605 | }, | ||
| 606 | { | ||
| 607 | dcode: "300", | ||
| 608 | dname: "变更登记", | ||
| 609 | }, | ||
| 610 | { | ||
| 611 | dcode: "500", | ||
| 612 | dname: "更正登记", | ||
| 502 | }, | 613 | }, |
| 503 | //表单是否可操作 | ||
| 504 | propsParam: this.$attrs, | ||
| 505 | key: 0, | ||
| 506 | isShow: false, | ||
| 507 | disabled: true, | ||
| 508 | czrOptions: [], | ||
| 509 | ssQlxxList: [], | ||
| 510 | ztQlxxList: [], | ||
| 511 | ruleForm: {}, | ||
| 512 | // 登记类型 | ||
| 513 | djlxlist: [ | ||
| 514 | { | ||
| 515 | dcode: "100", | ||
| 516 | dname: "首次登记", | ||
| 517 | }, | ||
| 518 | { | ||
| 519 | dcode: "200", | ||
| 520 | dname: "转移登记", | ||
| 521 | }, | ||
| 522 | { | ||
| 523 | dcode: "300", | ||
| 524 | dname: "变更登记", | ||
| 525 | }, | ||
| 526 | { | ||
| 527 | dcode: "500", | ||
| 528 | dname: "更正登记", | ||
| 529 | }, | ||
| 530 | 614 | ||
| 531 | { | 615 | { |
| 532 | dcode: "901", | 616 | dcode: "901", |
| 533 | dname: "补证", | 617 | dname: "补证", |
| 534 | }, | 618 | }, |
| 535 | { | 619 | { |
| 536 | dcode: "902", | 620 | dcode: "902", |
| 537 | dname: "换证", | 621 | dname: "换证", |
| 538 | }, | 622 | }, |
| 623 | ], | ||
| 624 | // 权属状态 | ||
| 625 | qsztlist: [ | ||
| 626 | { | ||
| 627 | dcode: "1", | ||
| 628 | dname: "现势", | ||
| 629 | }, | ||
| 630 | { | ||
| 631 | dcode: "2", | ||
| 632 | dname: "历史", | ||
| 633 | }, | ||
| 634 | ], | ||
| 635 | //传递参数\ | ||
| 636 | rules: { | ||
| 637 | ztQlxxrules: [ | ||
| 638 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ||
| 539 | ], | 639 | ], |
| 540 | // 权属状态 | 640 | bdcqzhrules: [ |
| 541 | qsztlist: [ | 641 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 542 | { | ||
| 543 | dcode: "1", | ||
| 544 | dname: "现势", | ||
| 545 | }, | ||
| 546 | { | ||
| 547 | dcode: "2", | ||
| 548 | dname: "历史", | ||
| 549 | }, | ||
| 550 | ], | 642 | ], |
| 551 | //传递参数\ | 643 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 552 | rules: { | 644 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 553 | ztQlxxrules: [ | 645 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 554 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 646 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 555 | ], | 647 | ygdjzlrules: [ |
| 556 | bdcqzhrules: [ | 648 | { required: true, message: "预告登记种类", trigger: "change" }, |
| 557 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 649 | ], |
| 558 | ], | 650 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 559 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 651 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 560 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 652 | ssQlxxrules: [ |
| 561 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 653 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 562 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 654 | ], |
| 563 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 655 | }, |
| 564 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 656 | ableOperation: false, |
| 565 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 657 | }; |
| 566 | }, | 658 | }, |
| 567 | ableOperation: false, | 659 | created() { |
| 568 | }; | 660 | this.loadData(); |
| 661 | }, | ||
| 662 | mounted() { | ||
| 663 | this.ableOperation = this.$parent.ableOperation; | ||
| 664 | }, | ||
| 665 | methods: { | ||
| 666 | /** | ||
| 667 | * @description: ztQlxxchange | ||
| 668 | * @param {*} val | ||
| 669 | * @author: renchao | ||
| 670 | */ | ||
| 671 | ztQlxxchange(val) { | ||
| 672 | this.ruleForm.ztQlxx = val; | ||
| 569 | }, | 673 | }, |
| 570 | created () { | 674 | /** |
| 571 | this.loadData(); | 675 | * @description: ssQlxxchange |
| 676 | * @param {*} val | ||
| 677 | * @author: renchao | ||
| 678 | */ | ||
| 679 | ssQlxxchange(val) { | ||
| 680 | this.ruleForm.ssQlxx = val; | ||
| 681 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 682 | this.ssQlxxchangediolog(val); | ||
| 572 | }, | 683 | }, |
| 573 | mounted () { | 684 | // 弹框事件 |
| 574 | this.ableOperation = this.$parent.ableOperation | 685 | ssQlxxchangediolog(val) { |
| 575 | 686 | console.log("确定了", this.ruleForm); | |
| 576 | }, | 687 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 577 | methods: { | 688 | iconClass: "el-icon-question", //自定义图标样式 |
| 578 | /** | 689 | confirmButtonText: "确认", //确认按钮文字更换 |
| 579 | * @description: ztQlxxchange | 690 | cancelButtonText: "取消", //取消按钮文字更换 |
| 580 | * @param {*} val | 691 | showClose: true, //是否显示右上角关闭按钮 |
| 581 | * @author: renchao | 692 | type: "warning", |
| 582 | */ | 693 | }) |
| 583 | ztQlxxchange (val) { | 694 | .then(() => { |
| 584 | this.ruleForm.ztQlxx = val; | 695 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { |
| 585 | }, | 696 | if (res.code == 200) { |
| 586 | /** | 697 | this.nowlist = res.result; |
| 587 | * @description: ssQlxxchange | 698 | console.log("his.nowlist", this.nowlist); |
| 588 | * @param {*} val | 699 | console.log("this.ruleForm", this.ruleForm); |
| 589 | * @author: renchao | 700 | for (var key in this.ruleForm.ygdj) { |
| 590 | */ | 701 | if ( |
| 591 | ssQlxxchange (val) { | 702 | this.ruleForm.ygdj[key] == "" || |
| 592 | this.ruleForm.ssQlxx = val; | 703 | this.ruleForm.ygdj[key] == null |
| 593 | this.ruleForm.qlxx.ssywh = val.ywh; | 704 | ) { |
| 594 | }, | 705 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; |
| 595 | /** | 706 | } |
| 596 | * @description: djlxchange | 707 | } |
| 597 | * @param {*} val | 708 | for (var key in this.ruleForm.qlxx) { |
| 598 | * @author: renchao | 709 | if ( |
| 599 | */ | 710 | (this.ruleForm.qlxx[key] == null && key != "ywh") || |
| 600 | djlxchange (val) { | 711 | this.ruleForm.qlxx[key] == null |
| 601 | if (val == null || val == 100) { | 712 | ) { |
| 602 | this.ssqlxxshow = false; | 713 | console.log("this.ruleForm.qlxx[key]", key); |
| 603 | } else { | 714 | if (key != "ywh") { |
| 604 | this.ssqlxxshow = true; | 715 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; |
| 605 | } | 716 | } |
| 606 | }, | 717 | } |
| 607 | /** | 718 | } |
| 608 | * @description: loadData | 719 | if (!this.ruleForm.tdytqxList.length) { |
| 609 | * @author: renchao | 720 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; |
| 610 | */ | 721 | } |
| 611 | loadData () { | 722 | if (!this.ruleForm.qlrData.length) { |
| 612 | this.$startLoading(); | 723 | this.ruleForm.qlrData = this.nowlist.qlrData; |
| 613 | this.propsParam.isEdit = this.$parent.isEdit | 724 | } |
| 614 | init(this.propsParam).then((res) => { | 725 | if (!this.ruleForm.ywrData.length) { |
| 615 | if (res.code == 200) { | 726 | this.ruleForm.ywrData = this.nowlist.ywrData; |
| 616 | this.ruleForm = res.result; | 727 | } |
| 617 | let djlx = this.ruleForm.qlxx.djlx; | 728 | console.log("this.ruleForm", this.ruleForm); |
| 618 | if (djlx == null || djlx == 100) { | 729 | this.$message({ |
| 619 | this.ssqlxxshow = false; | 730 | type: "success", |
| 731 | message: "同步成功!", | ||
| 732 | }); | ||
| 620 | } | 733 | } |
| 621 | this.$endLoading(); | 734 | }); |
| 622 | this.isShow = true; | 735 | }) |
| 623 | } | 736 | .catch(() => { |
| 737 | this.$message({ | ||
| 738 | type: "info", | ||
| 739 | message: "已取消同步", | ||
| 740 | }); | ||
| 624 | }); | 741 | }); |
| 625 | //获取主体信息 | 742 | }, |
| 626 | getSsQlxx({ | 743 | /** |
| 627 | bdcdyid: this.propsParam.bdcdyid, | 744 | * @description: djlxchange |
| 628 | qllx: this.propsParam.qllx, | 745 | * @param {*} val |
| 629 | }).then((res) => { | 746 | * @author: renchao |
| 630 | if (res.code == 200) { | 747 | */ |
| 631 | this.ssQlxxList = res.result; | 748 | djlxchange(val) { |
| 632 | console.log("this.$refs.ruleForm", this.$refs.ruleForm); | 749 | if (val == null || val == 100) { |
| 750 | this.ssqlxxshow = false; | ||
| 751 | } else { | ||
| 752 | this.ssqlxxshow = true; | ||
| 753 | } | ||
| 754 | }, | ||
| 755 | /** | ||
| 756 | * @description: loadData | ||
| 757 | * @author: renchao | ||
| 758 | */ | ||
| 759 | loadData() { | ||
| 760 | this.$startLoading(); | ||
| 761 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 762 | init(this.propsParam).then((res) => { | ||
| 763 | if (res.code == 200) { | ||
| 764 | this.ruleForm = res.result; | ||
| 765 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 766 | if (djlx == null || djlx == 100) { | ||
| 767 | this.ssqlxxshow = false; | ||
| 633 | } | 768 | } |
| 634 | }); | 769 | this.ruleForm.ygdj.jedw = "1"; |
| 635 | 770 | this.$endLoading(); | |
| 636 | //获取上手信息 | 771 | this.isShow = true; |
| 637 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 772 | //获取主体信息 |
| 638 | if (res.code == 200) { | 773 | getSsQlxx({ |
| 639 | this.ztQlxxList = res.result; | 774 | bdcdyid: this.propsParam.bdcdyid, |
| 640 | console.log("this.$refs.ruleForm", this.$refs.ruleForm); | 775 | qllx: this.propsParam.qllx, |
| 776 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 777 | }).then((res) => { | ||
| 778 | if (res.code == 200) { | ||
| 779 | this.ssQlxxList = res.result; | ||
| 780 | } | ||
| 781 | }); | ||
| 782 | //获取上手信息 | ||
| 783 | getZtQlxx({ | ||
| 784 | bdcdyid: this.propsParam.bdcdyid, | ||
| 785 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 786 | }).then((res) => { | ||
| 787 | if (res.code == 200) { | ||
| 788 | this.ztQlxxList = res.result; | ||
| 789 | } | ||
| 790 | }); | ||
| 791 | } | ||
| 792 | }); | ||
| 793 | }, | ||
| 794 | // 更新土地用途信息 | ||
| 795 | /** | ||
| 796 | * @description: 更新土地用途信息 | ||
| 797 | * @param {*} val | ||
| 798 | * @author: renchao | ||
| 799 | */ | ||
| 800 | upDateTdytxxList(val) { | ||
| 801 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 802 | this.key++; | ||
| 803 | }, | ||
| 804 | // 更新权利人信息 | ||
| 805 | /** | ||
| 806 | * @description: 更新权利人信息 | ||
| 807 | * @param {*} val | ||
| 808 | * @author: renchao | ||
| 809 | */ | ||
| 810 | upDateQlrxxList(val) { | ||
| 811 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 812 | this.czrOptions = this.ruleForm.qlrData; | ||
| 813 | this.key++; | ||
| 814 | }, | ||
| 815 | // 更新义务人信息 | ||
| 816 | /** | ||
| 817 | * @description: 更新义务人信息 | ||
| 818 | * @param {*} val | ||
| 819 | * @author: renchao | ||
| 820 | */ | ||
| 821 | upDateYwrxxList(val) { | ||
| 822 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 823 | this.key++; | ||
| 824 | }, | ||
| 825 | /** | ||
| 826 | * @description: onSubmit | ||
| 827 | * @author: renchao | ||
| 828 | */ | ||
| 829 | onSubmit() { | ||
| 830 | this.$refs.ruleForm.validate((valid) => { | ||
| 831 | if (valid) { | ||
| 832 | if (this.ruleForm.qlrData.length == 0) { | ||
| 833 | this.$message({ | ||
| 834 | showClose: true, | ||
| 835 | message: "请确认权利人信息", | ||
| 836 | type: "error", | ||
| 837 | }); | ||
| 838 | return false; | ||
| 641 | } | 839 | } |
| 642 | }); | 840 | if (this.ruleForm.ywrData.length == 0) { |
| 643 | 841 | this.$message({ | |
| 644 | }, | 842 | showClose: true, |
| 645 | // 更新土地用途信息 | 843 | message: "请确认义务人信息", |
| 646 | /** | 844 | type: "error", |
| 647 | * @description: 更新土地用途信息 | 845 | }); |
| 648 | * @param {*} val | 846 | return false; |
| 649 | * @author: renchao | 847 | } |
| 650 | */ | 848 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 651 | upDateTdytxxList (val) { | 849 | if (this.ruleForm.qlrData.length > 1) { |
| 652 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 653 | this.key++; | ||
| 654 | }, | ||
| 655 | // 更新权利人信息 | ||
| 656 | /** | ||
| 657 | * @description: 更新权利人信息 | ||
| 658 | * @param {*} val | ||
| 659 | * @author: renchao | ||
| 660 | */ | ||
| 661 | upDateQlrxxList (val) { | ||
| 662 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 663 | this.czrOptions = this.ruleForm.qlrData; | ||
| 664 | this.key++; | ||
| 665 | }, | ||
| 666 | // 更新义务人信息 | ||
| 667 | /** | ||
| 668 | * @description: 更新义务人信息 | ||
| 669 | * @param {*} val | ||
| 670 | * @author: renchao | ||
| 671 | */ | ||
| 672 | upDateYwrxxList (val) { | ||
| 673 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 674 | this.key++; | ||
| 675 | }, | ||
| 676 | /** | ||
| 677 | * @description: onSubmit | ||
| 678 | * @author: renchao | ||
| 679 | */ | ||
| 680 | onSubmit () { | ||
| 681 | this.$refs.ruleForm.validate((valid) => { | ||
| 682 | if (valid) { | ||
| 683 | if (this.ruleForm.qlrData.length == 0) { | ||
| 684 | this.$message({ | 850 | this.$message({ |
| 685 | showClose: true, | 851 | showClose: true, |
| 686 | message: "请确认权利人信息", | 852 | message: "共有方式：单独所有，权利人只能是一个人", |
| 687 | type: "error", | 853 | type: "error", |
| 688 | }); | 854 | }); |
| 689 | return false; | 855 | return false; |
| 690 | } | 856 | } |
| 691 | if (this.ruleForm.ywrData.length == 0) { | 857 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 858 | } | ||
| 859 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 860 | //是否分别持证 | ||
| 861 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 862 | //是 | ||
| 863 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 864 | item.sfczr = "1"; | ||
| 865 | }); | ||
| 866 | } else { | ||
| 867 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 868 | if (item.zjh == this.ruleForm.czr) { | ||
| 869 | item.sfczr = "1"; | ||
| 870 | } else { | ||
| 871 | item.sfczr = "0"; | ||
| 872 | } | ||
| 873 | }); | ||
| 874 | } | ||
| 875 | } | ||
| 876 | save(this.ruleForm).then((res) => { | ||
| 877 | if (res.code === 200) { | ||
| 878 | this.$message({ | ||
| 879 | showClose: true, | ||
| 880 | message: "保存成功！", | ||
| 881 | type: "success", | ||
| 882 | }); | ||
| 883 | this.$parent.changeywh(); | ||
| 884 | this.$store.dispatch("user/refreshPage", true); | ||
| 885 | } else { | ||
| 692 | this.$message({ | 886 | this.$message({ |
| 693 | showClose: true, | 887 | showClose: true, |
| 694 | message: "请确认义务人信息", | 888 | message: res.message, |
| 695 | type: "error", | 889 | type: "error", |
| 696 | }); | 890 | }); |
| 697 | return false; | ||
| 698 | } | ||
| 699 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 700 | if (this.ruleForm.qlrData.length > 1) { | ||
| 701 | this.$message({ | ||
| 702 | showClose: true, | ||
| 703 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 704 | type: "error", | ||
| 705 | }); | ||
| 706 | return false; | ||
| 707 | } | ||
| 708 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 709 | } | ||
| 710 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 711 | //是否分别持证 | ||
| 712 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 713 | //是 | ||
| 714 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 715 | item.sfczr = "1"; | ||
| 716 | }); | ||
| 717 | } else { | ||
| 718 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 719 | if (item.zjh == this.ruleForm.czr) { | ||
| 720 | item.sfczr = "1"; | ||
| 721 | } else { | ||
| 722 | item.sfczr = "0"; | ||
| 723 | } | ||
| 724 | }); | ||
| 725 | } | ||
| 726 | } | 891 | } |
| 727 | save(this.ruleForm).then((res) => { | 892 | }); |
| 728 | if (res.code === 200) { | 893 | } else { |
| 729 | this.$message({ | 894 | return false; |
| 730 | showClose: true, | 895 | } |
| 731 | message: "保存成功！", | 896 | }); |
| 732 | type: "success", | ||
| 733 | }); | ||
| 734 | this.$parent.changeywh() | ||
| 735 | this.$store.dispatch("user/refreshPage", true); | ||
| 736 | } else { | ||
| 737 | this.$message({ | ||
| 738 | showClose: true, | ||
| 739 | message: res.message, | ||
| 740 | type: "error", | ||
| 741 | }); | ||
| 742 | } | ||
| 743 | }); | ||
| 744 | } else { | ||
| 745 | return false; | ||
| 746 | } | ||
| 747 | }); | ||
| 748 | }, | ||
| 749 | }, | 897 | }, |
| 750 | }; | 898 | }, |
| 899 | }; | ||
| 751 | </script> | 900 | </script> |
| 752 | <style scoped lang="scss"> | 901 | <style scoped lang="scss"> |
| 753 | @import "~@/styles/public.scss"; | 902 | @import "~@/styles/public.scss"; |
| 754 | @import "~@/styles/slxx/slxx.scss"; | 903 | @import "~@/styles/slxx/slxx.scss"; |
| 755 | </style> | 904 | </style> | ... | ... |
| ... | @@ -10,14 +10,15 @@ | ... | @@ -10,14 +10,15 @@ |
| 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 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 22 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 23 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 24 | 补录信息 |
| ... | @@ -44,23 +45,30 @@ | ... | @@ -44,23 +45,30 @@ |
| 44 | 预告买卖登记信息不动产情况 | 45 | 预告买卖登记信息不动产情况 |
| 45 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
| 46 | </div> | 47 | </div> |
| 47 | <el-row :gutter="10"> | 48 | <el-row :gutter="24"> |
| 48 | <el-col :span="8" v-if="ssqlxxshow"> | 49 | <el-col :span="24" v-if="ssqlxxshow"> |
| 49 | <el-form-item label="上手权利信息："> | 50 | <el-form-item |
| 51 | label="上手权利信息：" | ||
| 52 | prop="ssQlxx.bdcqzh" | ||
| 53 | :rules="rules.ssQlxxrules" | ||
| 54 | > | ||
| 50 | <select-table | 55 | <select-table |
| 51 | v-model="ruleForm.ssQlxx" | 56 | v-model="ruleForm.ssQlxx" |
| 52 | :table-width="550" | 57 | :table-width="550" |
| 53 | :tableData="ssQlxxList" | 58 | :tableData="ssQlxxList" |
| 54 | :props="props" | 59 | :props="props" |
| 55 | @change="ssQlxxchange"> | 60 | @change="ssQlxxchange" |
| 61 | > | ||
| 56 | <el-table-column | 62 | <el-table-column |
| 57 | prop="qllxmc" | 63 | prop="qllxmc" |
| 58 | width="130" | 64 | width="130" |
| 59 | label="权利类型"></el-table-column> | 65 | label="权利类型" |
| 66 | ></el-table-column> | ||
| 60 | <el-table-column | 67 | <el-table-column |
| 61 | prop="bdcqzh" | 68 | prop="bdcqzh" |
| 62 | width="160" | 69 | width="160" |
| 63 | label="不动产权证书"></el-table-column> | 70 | label="不动产权证书" |
| 71 | ></el-table-column> | ||
| 64 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 72 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 73 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 74 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -68,6 +76,8 @@ | ... | @@ -68,6 +76,8 @@ |
| 68 | </select-table> | 76 | </select-table> |
| 69 | </el-form-item> | 77 | </el-form-item> |
| 70 | </el-col> | 78 | </el-col> |
| 79 | </el-row> | ||
| 80 | <el-row :gutter="10"> | ||
| 71 | <el-col :span="8"> | 81 | <el-col :span="8"> |
| 72 | <el-form-item label="上手业务号："> | 82 | <el-form-item label="上手业务号："> |
| 73 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> | 83 | <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input> |
| ... | @@ -77,26 +87,30 @@ | ... | @@ -77,26 +87,30 @@ |
| 77 | <el-form-item | 87 | <el-form-item |
| 78 | label="登记类型：" | 88 | label="登记类型：" |
| 79 | prop="qlxx.djlx" | 89 | prop="qlxx.djlx" |
| 80 | :rules="rules.djlxrules"> | 90 | :rules="rules.djlxrules" |
| 91 | > | ||
| 81 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 92 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 82 | <el-option | 93 | <el-option |
| 83 | v-for="item in djlxlist" | 94 | v-for="item in djlxlist" |
| 84 | :key="item.dcode" | 95 | :key="item.dcode" |
| 85 | :label="item.dname" | 96 | :label="item.dname" |
| 86 | :value="item.dcode"> | 97 | :value="item.dcode" |
| 98 | > | ||
| 87 | </el-option> | 99 | </el-option> |
| 88 | </el-select> | 100 | </el-select> |
| 89 | </el-form-item> | 101 | </el-form-item> |
| 90 | </el-col> | 102 | </el-col> |
| 91 | </el-row> | ||
| 92 | <el-row> | ||
| 93 | <el-col :span="8"> | 103 | <el-col :span="8"> |
| 94 | <el-form-item label="不动产单元号："> | 104 | <el-form-item label="不动产单元号："> |
| 95 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 105 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 96 | </el-form-item> | 106 | </el-form-item> |
| 97 | </el-col> | 107 | </el-col> |
| 98 | <el-col :span="8"> | 108 | <el-col :span="8"> |
| 99 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 109 | <el-form-item |
| 110 | label="业务号：" | ||
| 111 | prop="qlxx.ywh" | ||
| 112 | :rules="rules.ywhrules" | ||
| 113 | > | ||
| 100 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 114 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 101 | </el-form-item> | 115 | </el-form-item> |
| 102 | </el-col> | 116 | </el-col> |
| ... | @@ -116,7 +130,11 @@ | ... | @@ -116,7 +130,11 @@ |
| 116 | </el-form-item> | 130 | </el-form-item> |
| 117 | </el-col> | 131 | </el-col> |
| 118 | <el-col :span="8"> | 132 | <el-col :span="8"> |
| 119 | <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules"> | 133 | <el-form-item |
| 134 | label="不动产权证号：" | ||
| 135 | prop="qlxx.bdcqzh" | ||
| 136 | :rules="rules.bdcqzhrules" | ||
| 137 | > | ||
| 120 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 138 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 121 | </el-form-item> | 139 | </el-form-item> |
| 122 | </el-col> | 140 | </el-col> |
| ... | @@ -126,24 +144,37 @@ | ... | @@ -126,24 +144,37 @@ |
| 126 | </el-form-item> | 144 | </el-form-item> |
| 127 | </el-col> --> | 145 | </el-col> --> |
| 128 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 129 | <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules"> | 147 | <el-form-item |
| 148 | label="登记机构：" | ||
| 149 | prop="qlxx.djjg" | ||
| 150 | :rules="rules.djjgrules" | ||
| 151 | > | ||
| 130 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 152 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 131 | </el-form-item> | 153 | </el-form-item> |
| 132 | </el-col> | 154 | </el-col> |
| 133 | <el-col :span="8"> | 155 | <el-col :span="8"> |
| 134 | <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules"> | 156 | <el-form-item |
| 157 | label="登簿人：" | ||
| 158 | prop="qlxx.dbr" | ||
| 159 | :rules="rules.dbrrules" | ||
| 160 | > | ||
| 135 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 161 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 136 | </el-form-item> | 162 | </el-form-item> |
| 137 | </el-col> | 163 | </el-col> |
| 138 | <el-col :span="8"> | 164 | <el-col :span="8"> |
| 139 | <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules"> | 165 | <el-form-item |
| 166 | label="登记时间：" | ||
| 167 | prop="qlxx.djsj" | ||
| 168 | :rules="rules.djsjrules" | ||
| 169 | > | ||
| 140 | <el-date-picker | 170 | <el-date-picker |
| 141 | v-model="ruleForm.qlxx.djsj" | 171 | v-model="ruleForm.qlxx.djsj" |
| 142 | class="width100" | 172 | class="width100" |
| 143 | type="date" | 173 | type="date" |
| 144 | placeholder="选择日期" | 174 | placeholder="选择日期" |
| 145 | value-format="yyyy-MM-dd HH:mm:ss" | 175 | value-format="yyyy-MM-dd HH:mm:ss" |
| 146 | format="yyyy-MM-dd"> | 176 | format="yyyy-MM-dd" |
| 177 | > | ||
| 147 | </el-date-picker> | 178 | </el-date-picker> |
| 148 | </el-form-item> | 179 | </el-form-item> |
| 149 | </el-col> | 180 | </el-col> |
| ... | @@ -154,20 +185,26 @@ | ... | @@ -154,20 +185,26 @@ |
| 154 | v-for="item in qsztlist" | 185 | v-for="item in qsztlist" |
| 155 | :key="item.dcode" | 186 | :key="item.dcode" |
| 156 | :label="item.dname" | 187 | :label="item.dname" |
| 157 | :value="item.dcode"> | 188 | :value="item.dcode" |
| 189 | > | ||
| 158 | </el-option> | 190 | </el-option> |
| 159 | </el-select> | 191 | </el-select> |
| 160 | </el-form-item> | 192 | </el-form-item> |
| 161 | </el-col> | 193 | </el-col> |
| 162 | 194 | ||
| 163 | <el-col :span="8"> | 195 | <el-col :span="8"> |
| 164 | <el-form-item label="预告登记种类：" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules"> | 196 | <el-form-item |
| 165 | <el-select v-model="ruleForm.ygdj.ygdjlx"> | 197 | label="预告登记种类：" |
| 198 | prop="ygdj.ygdjzl" | ||
| 199 | :rules="rules.ygdjzlrules" | ||
| 200 | > | ||
| 201 | <el-select v-model="ruleForm.ygdj.ygdjzl"> | ||
| 166 | <el-option | 202 | <el-option |
| 167 | v-for="item in dictData['A29']" | 203 | v-for="item in dictData['A29']" |
| 168 | :key="item.dcode" | 204 | :key="item.dcode" |
| 169 | :label="item.dname" | 205 | :label="item.dname" |
| 170 | :value="item.dcode"> | 206 | :value="item.dcode" |
| 207 | > | ||
| 171 | </el-option> | 208 | </el-option> |
| 172 | </el-select> | 209 | </el-select> |
| 173 | </el-form-item> | 210 | </el-form-item> |
| ... | @@ -184,7 +221,8 @@ | ... | @@ -184,7 +221,8 @@ |
| 184 | v-for="item in dictData['A17']" | 221 | v-for="item in dictData['A17']" |
| 185 | :key="item.dcode" | 222 | :key="item.dcode" |
| 186 | :label="item.dname" | 223 | :label="item.dname" |
| 187 | :value="item.dcode"> | 224 | :value="item.dcode" |
| 225 | > | ||
| 188 | </el-option> | 226 | </el-option> |
| 189 | </el-select> | 227 | </el-select> |
| 190 | </el-form-item> | 228 | </el-form-item> |
| ... | @@ -201,7 +239,8 @@ | ... | @@ -201,7 +239,8 @@ |
| 201 | v-for="item in dictData['A19']" | 239 | v-for="item in dictData['A19']" |
| 202 | :key="item.dcode" | 240 | :key="item.dcode" |
| 203 | :label="item.dname" | 241 | :label="item.dname" |
| 204 | :value="item.dcode"> | 242 | :value="item.dcode" |
| 243 | > | ||
| 205 | </el-option> | 244 | </el-option> |
| 206 | </el-select> | 245 | </el-select> |
| 207 | </el-form-item> | 246 | </el-form-item> |
| ... | @@ -218,7 +257,8 @@ | ... | @@ -218,7 +257,8 @@ |
| 218 | v-for="item in dictData['A46']" | 257 | v-for="item in dictData['A46']" |
| 219 | :key="item.dcode" | 258 | :key="item.dcode" |
| 220 | :label="item.dname" | 259 | :label="item.dname" |
| 221 | :value="item.dcode"> | 260 | :value="item.dcode" |
| 261 | > | ||
| 222 | </el-option> | 262 | </el-option> |
| 223 | </el-select> | 263 | </el-select> |
| 224 | </el-form-item> | 264 | </el-form-item> |
| ... | @@ -236,17 +276,21 @@ | ... | @@ -236,17 +276,21 @@ |
| 236 | <el-col :span="8"> | 276 | <el-col :span="8"> |
| 237 | <el-form-item label="建筑面积："> | 277 | <el-form-item label="建筑面积："> |
| 238 | <div class="flex"> | 278 | <div class="flex"> |
| 239 | <el-input v-model="ruleForm.ygdj.jzmj" | 279 | <el-input |
| 240 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 280 | v-model="ruleForm.ygdj.jzmj" |
| 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 282 | ></el-input> | ||
| 241 | <el-select | 283 | <el-select |
| 242 | v-model="ruleForm.ygdj.mjdw" | 284 | v-model="mjdw" |
| 243 | :disabled="!ableOperation" | 285 | :disabled="!ableOperation" |
| 244 | style="width: 20%"> | 286 | style="width: 20%" |
| 287 | > | ||
| 245 | <el-option | 288 | <el-option |
| 246 | v-for="item in dictData['A7']" | 289 | v-for="item in dictData['A7']" |
| 247 | :key="item.dcode" | 290 | :key="item.dcode" |
| 248 | :label="item.dname" | 291 | :label="item.dname" |
| 249 | :value="item.dcode"> | 292 | :value="item.dcode" |
| 293 | > | ||
| 250 | </el-option> | 294 | </el-option> |
| 251 | </el-select> | 295 | </el-select> |
| 252 | </div> | 296 | </div> |
| ... | @@ -270,41 +314,69 @@ | ... | @@ -270,41 +314,69 @@ |
| 270 | type="date" | 314 | type="date" |
| 271 | placeholder="选择日期" | 315 | placeholder="选择日期" |
| 272 | value-format="yyyy-MM-dd HH:mm:ss" | 316 | value-format="yyyy-MM-dd HH:mm:ss" |
| 273 | format="yyyy-MM-dd"> | 317 | format="yyyy-MM-dd" |
| 318 | > | ||
| 274 | </el-date-picker> | 319 | </el-date-picker> |
| 275 | </el-form-item> | 320 | </el-form-item> |
| 276 | </el-col> | 321 | </el-col> |
| 277 | <el-col :span="8"> | 322 | <el-col :span="8"> |
| 278 | <el-form-item label="取得价格/被担保主债权数额："> | 323 | <el-form-item> |
| 279 | <div class="flex"> | 324 | <span slot="label" style="display: inline-block"> |
| 280 | <el-input v-model="ruleForm.ygdj.qdjg" | 325 | |
| 281 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> | 326 | <el-tooltip |
| 327 | content="取得价格被担保主债权数额：" | ||
| 328 | placement="top" | ||
| 329 | effect="light" | ||
| 330 | > | ||
| 331 | <span | ||
| 332 | type="text" | ||
| 333 | style="color: #444" | ||
| 334 | size="mini" | ||
| 335 | >取得价格被担保...</span> | ||
| 336 | </el-tooltip> | ||
| 337 | </span> | ||
| 338 | <div class="flex"> | ||
| 339 | <el-input | ||
| 340 | v-model="ruleForm.ygdj.qdjg" | ||
| 341 | oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" | ||
| 342 | ></el-input> | ||
| 282 | <el-select | 343 | <el-select |
| 283 | v-model="ruleForm.ygdj.jedw" | 344 | v-model="ruleForm.ygdj.jedw" |
| 284 | :disabled="!ableOperation" | 345 | :disabled="!ableOperation" |
| 285 | style="width: 20%"> | 346 | style="width: 20%" |
| 347 | > | ||
| 286 | <el-option | 348 | <el-option |
| 287 | v-for="item in dictData['A7']" | 349 | v-for="item in dictData['A57']" |
| 288 | :key="item.dcode" | 350 | :key="item.dcode" |
| 289 | :label="item.dname" | 351 | :label="item.dname" |
| 290 | :value="item.dcode"> | 352 | :value="item.dcode" |
| 353 | > | ||
| 291 | </el-option> | 354 | </el-option> |
| 292 | </el-select> | 355 | </el-select> |
| 293 | </div> | 356 | </div> |
| 294 | </el-form-item> | 357 | </el-form-item> |
| 295 | </el-col> | 358 | </el-col> |
| 296 | <el-col :span="8"> | 359 | <el-col :span="8"> |
| 297 | <el-form-item label="金额单位："> | ||
| 298 | <el-input v-model="ruleForm.ygdj.jedw"></el-input> | ||
| 299 | </el-form-item> | ||
| 300 | </el-col> | ||
| 301 | <el-col :span="8"> | ||
| 302 | <el-form-item label="担保范围："> | 360 | <el-form-item label="担保范围："> |
| 303 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> | 361 | <el-input v-model="ruleForm.ygdj.dbfw"></el-input> |
| 304 | </el-form-item> | 362 | </el-form-item> |
| 305 | </el-col> | 363 | </el-col> |
| 306 | <el-col :span="8"> | 364 | <el-col :span="8"> |
| 307 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定："> | 365 | <el-form-item> |
| 366 | <span slot="label" style="display: inline-block"> | ||
| 367 | |||
| 368 | <el-tooltip | ||
| 369 | content="是否存在禁止或限制转让抵押不动产的约定：" | ||
| 370 | placement="top" | ||
| 371 | effect="light" | ||
| 372 | > | ||
| 373 | <span | ||
| 374 | type="text" | ||
| 375 | style="color: #444" | ||
| 376 | size="mini" | ||
| 377 | >是否存在禁止或限制...</span> | ||
| 378 | </el-tooltip> | ||
| 379 | </span> | ||
| 308 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> | 380 | <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input> |
| 309 | </el-form-item> | 381 | </el-form-item> |
| 310 | </el-col> | 382 | </el-col> |
| ... | @@ -328,7 +400,8 @@ | ... | @@ -328,7 +400,8 @@ |
| 328 | <el-form-item label="共有方式："> | 400 | <el-form-item label="共有方式："> |
| 329 | <el-radio-group | 401 | <el-radio-group |
| 330 | :disabled="!ableOperation" | 402 | :disabled="!ableOperation" |
| 331 | v-model="ruleForm.qlxx.gyfs"> | 403 | v-model="ruleForm.qlxx.gyfs" |
| 404 | > | ||
| 332 | <el-radio label="0">单独所有</el-radio> | 405 | <el-radio label="0">单独所有</el-radio> |
| 333 | <el-radio label="1">共同共有</el-radio> | 406 | <el-radio label="1">共同共有</el-radio> |
| 334 | <el-radio label="2">按份所有</el-radio> | 407 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -340,7 +413,8 @@ | ... | @@ -340,7 +413,8 @@ |
| 340 | <el-form-item label="是否分别持证："> | 413 | <el-form-item label="是否分别持证："> |
| 341 | <el-radio-group | 414 | <el-radio-group |
| 342 | v-model="ruleForm.qlxx.sqfbcz" | 415 | v-model="ruleForm.qlxx.sqfbcz" |
| 343 | :disabled="!ableOperation"> | 416 | :disabled="!ableOperation" |
| 417 | > | ||
| 344 | <el-radio :label="1">是</el-radio> | 418 | <el-radio :label="1">是</el-radio> |
| 345 | <el-radio :label="0">否</el-radio> | 419 | <el-radio :label="0">否</el-radio> |
| 346 | </el-radio-group> | 420 | </el-radio-group> |
| ... | @@ -348,17 +422,20 @@ | ... | @@ -348,17 +422,20 @@ |
| 348 | </el-col> | 422 | </el-col> |
| 349 | <el-col | 423 | <el-col |
| 350 | :span="6" | 424 | :span="6" |
| 351 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 425 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 426 | > | ||
| 352 | <el-form-item label="持证人："> | 427 | <el-form-item label="持证人："> |
| 353 | <el-select | 428 | <el-select |
| 354 | v-model="ruleForm.czr" | 429 | v-model="ruleForm.czr" |
| 355 | placeholder="持证人" | 430 | placeholder="持证人" |
| 356 | :disabled="!ableOperation"> | 431 | :disabled="!ableOperation" |
| 432 | > | ||
| 357 | <el-option | 433 | <el-option |
| 358 | v-for="item in czrOptions" | 434 | v-for="item in czrOptions" |
| 359 | :key="item.zjh" | 435 | :key="item.zjh" |
| 360 | :label="item.sqrmc" | 436 | :label="item.sqrmc" |
| 361 | :value="item.zjh"> | 437 | :value="item.zjh" |
| 438 | > | ||
| 362 | </el-option> | 439 | </el-option> |
| 363 | </el-select> | 440 | </el-select> |
| 364 | </el-form-item> | 441 | </el-form-item> |
| ... | @@ -369,7 +446,8 @@ | ... | @@ -369,7 +446,8 @@ |
| 369 | @upDateQlrxxList="upDateQlrxxList" | 446 | @upDateQlrxxList="upDateQlrxxList" |
| 370 | :key="key" | 447 | :key="key" |
| 371 | :ableOperation="ableOperation" | 448 | :ableOperation="ableOperation" |
| 372 | :gyfs="ruleForm.qlxx.gyfs" /> | 449 | :gyfs="ruleForm.qlxx.gyfs" |
| 450 | /> | ||
| 373 | 451 | ||
| 374 | <div v-if="ruleForm.ywrData"> | 452 | <div v-if="ruleForm.ywrData"> |
| 375 | <div class="slxx_title title-block"> | 453 | <div class="slxx_title title-block"> |
| ... | @@ -381,7 +459,8 @@ | ... | @@ -381,7 +459,8 @@ |
| 381 | :tableData="ruleForm.ywrData" | 459 | :tableData="ruleForm.ywrData" |
| 382 | :key="key" | 460 | :key="key" |
| 383 | :ableOperation="ableOperation" | 461 | :ableOperation="ableOperation" |
| 384 | @upDateQlrxxList="upDateYwrxxList" /> | 462 | @upDateQlrxxList="upDateYwrxxList" |
| 463 | /> | ||
| 385 | </div> | 464 | </div> |
| 386 | </div> | 465 | </div> |
| 387 | <el-row class="btn" v-if="ableOperation"> | 466 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -393,278 +472,335 @@ | ... | @@ -393,278 +472,335 @@ |
| 393 | </div> | 472 | </div> |
| 394 | </template> | 473 | </template> |
| 395 | <script> | 474 | <script> |
| 396 | import { mapGetters } from "vuex"; | 475 | import { mapGetters } from "vuex"; |
| 397 | import ywmix from "@/views/ywbl/mixin/index" | 476 | import ywmix from "@/views/ywbl/mixin/index"; |
| 398 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; | 477 | import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; |
| 399 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 478 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 400 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 479 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 401 | import tdytTable from "@/views/workflow/components/tdytTable"; | 480 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 402 | import selectTable from "@/components/selectTable/index.vue"; | 481 | import selectTable from "@/components/selectTable/index.vue"; |
| 403 | export default { | 482 | export default { |
| 404 | mixins: [ywmix], | 483 | mixins: [ywmix], |
| 405 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 484 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 406 | computed: { | 485 | computed: { |
| 407 | ...mapGetters(["dictData", "flag"]), | 486 | ...mapGetters(["dictData", "flag"]), |
| 408 | // 根据流程判断表单是否为只读 | 487 | // 根据流程判断表单是否为只读 |
| 409 | editDisabled () { | 488 | editDisabled() { |
| 410 | if (!this.ableOperation) { | 489 | if (!this.ableOperation) { |
| 411 | //只读状态 | 490 | //只读状态 |
| 412 | return true; | 491 | return true; |
| 413 | } | 492 | } |
| 414 | return false; | 493 | return false; |
| 415 | }, | ||
| 416 | }, | 494 | }, |
| 417 | data () { | 495 | }, |
| 418 | return { | 496 | data() { |
| 419 | ssqlxxshow: true, | 497 | return { |
| 420 | props: { | 498 | ssqlxxshow: true, |
| 421 | label: "bdcqzh", | 499 | props: { |
| 422 | value: "bdcdyid", | 500 | label: "bdcqzh", |
| 501 | value: "bdcdyid", | ||
| 502 | }, | ||
| 503 | mjdw: "1", | ||
| 504 | //表单是否可操作 | ||
| 505 | propsParam: this.$attrs, | ||
| 506 | key: 0, | ||
| 507 | isShow: false, | ||
| 508 | disabled: true, | ||
| 509 | czrOptions: [], | ||
| 510 | ssQlxxList: [], | ||
| 511 | ruleForm: {}, | ||
| 512 | // 登记类型 | ||
| 513 | djlxlist: [ | ||
| 514 | { | ||
| 515 | dcode: "100", | ||
| 516 | dname: "首次登记", | ||
| 517 | }, | ||
| 518 | { | ||
| 519 | dcode: "200", | ||
| 520 | dname: "转移登记", | ||
| 521 | }, | ||
| 522 | { | ||
| 523 | dcode: "300", | ||
| 524 | dname: "变更登记", | ||
| 525 | }, | ||
| 526 | { | ||
| 527 | dcode: "500", | ||
| 528 | dname: "更正登记", | ||
| 423 | }, | 529 | }, |
| 424 | //表单是否可操作 | ||
| 425 | propsParam: this.$attrs, | ||
| 426 | key: 0, | ||
| 427 | isShow: false, | ||
| 428 | disabled: true, | ||
| 429 | czrOptions: [], | ||
| 430 | ssQlxxList: [], | ||
| 431 | ruleForm: {}, | ||
| 432 | // 登记类型 | ||
| 433 | djlxlist: [ | ||
| 434 | { | ||
| 435 | dcode: "100", | ||
| 436 | dname: "首次登记", | ||
| 437 | }, | ||
| 438 | { | ||
| 439 | dcode: "200", | ||
| 440 | dname: "转移登记", | ||
| 441 | }, | ||
| 442 | { | ||
| 443 | dcode: "300", | ||
| 444 | dname: "变更登记", | ||
| 445 | }, | ||
| 446 | { | ||
| 447 | dcode: "500", | ||
| 448 | dname: "更正登记", | ||
| 449 | }, | ||
| 450 | 530 | ||
| 451 | { | 531 | { |
| 452 | dcode: "901", | 532 | dcode: "901", |
| 453 | dname: "补证", | 533 | dname: "补证", |
| 454 | }, | 534 | }, |
| 455 | { | 535 | { |
| 456 | dcode: "902", | 536 | dcode: "902", |
| 457 | dname: "换证", | 537 | dname: "换证", |
| 458 | }, | 538 | }, |
| 539 | ], | ||
| 540 | // 权属状态 | ||
| 541 | qsztlist: [ | ||
| 542 | { | ||
| 543 | dcode: "1", | ||
| 544 | dname: "现势", | ||
| 545 | }, | ||
| 546 | { | ||
| 547 | dcode: "2", | ||
| 548 | dname: "历史", | ||
| 549 | }, | ||
| 550 | ], | ||
| 551 | //传递参数\ | ||
| 552 | rules: { | ||
| 553 | bdcqzhrules: [ | ||
| 554 | { required: true, message: "不动产权证号：", trigger: "blur" }, | ||
| 459 | ], | 555 | ], |
| 460 | // 权属状态 | 556 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 461 | qsztlist: [ | 557 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 462 | { | 558 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 463 | dcode: "1", | 559 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 464 | dname: "现势", | 560 | ygdjzlrules: [ |
| 465 | }, | 561 | { required: true, message: "预告登记种类", trigger: "change" }, |
| 466 | { | ||
| 467 | dcode: "2", | ||
| 468 | dname: "历史", | ||
| 469 | }, | ||
| 470 | ], | 562 | ], |
| 471 | //传递参数\ | 563 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 472 | rules: { | 564 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 473 | bdcqzhrules: [ | 565 | ssQlxxrules: [ |
| 474 | { required: true, message: "不动产权证号：", trigger: "blur" }, | 566 | { required: true, message: "上手权利信息", trigger: "blur" }, |
| 475 | ], | 567 | ], |
| 476 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 568 | }, |
| 477 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 569 | ableOperation: false, |
| 478 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 570 | }; |
| 479 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 571 | }, |
| 480 | ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }], | 572 | created() { |
| 481 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], | 573 | this.loadData(); |
| 482 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 574 | }, |
| 483 | }, | 575 | mounted() { |
| 484 | ableOperation: false, | 576 | this.ableOperation = this.$parent.ableOperation; |
| 485 | }; | 577 | }, |
| 578 | methods: { | ||
| 579 | /** | ||
| 580 | * @description: ssQlxxchange | ||
| 581 | * @param {*} val | ||
| 582 | * @author: renchao | ||
| 583 | */ | ||
| 584 | ssQlxxchange(val) { | ||
| 585 | this.ruleForm.ssQlxx = val; | ||
| 586 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 587 | this.ssQlxxchangediolog(val); | ||
| 486 | }, | 588 | }, |
| 487 | created () { | 589 | // 弹框事件 |
| 488 | this.loadData(); | 590 | ssQlxxchangediolog(val) { |
| 591 | console.log("确定了", this.ruleForm); | ||
| 592 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 593 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 594 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 595 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 596 | showClose: true, //是否显示右上角关闭按钮 | ||
| 597 | type: "warning", | ||
| 598 | }).then(() => { | ||
| 599 | getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { | ||
| 600 | if (res.code == 200) { | ||
| 601 | this.nowlist = res.result; | ||
| 602 | console.log("his.nowlist", this.nowlist); | ||
| 603 | console.log("this.ruleForm", this.ruleForm); | ||
| 604 | for (var key in this.ruleForm.ygdj) { | ||
| 605 | if ( | ||
| 606 | this.ruleForm.ygdj[key] == "" || | ||
| 607 | this.ruleForm.ygdj[key] == null | ||
| 608 | ) { | ||
| 609 | this.ruleForm.ygdj[key] = this.nowlist.ygdj[key]; | ||
| 610 | } | ||
| 611 | } | ||
| 612 | for (var key in this.ruleForm.qlxx) { | ||
| 613 | if ( | ||
| 614 | (this.ruleForm.qlxx[key] == null && key != "ywh") || | ||
| 615 | this.ruleForm.qlxx[key] == null | ||
| 616 | ) { | ||
| 617 | console.log("this.ruleForm.qlxx[key]", key); | ||
| 618 | if (key != "ywh") { | ||
| 619 | this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; | ||
| 620 | } | ||
| 621 | } | ||
| 622 | } | ||
| 623 | if (!this.ruleForm.tdytqxList.length) { | ||
| 624 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | ||
| 625 | } | ||
| 626 | if (!this.ruleForm.qlrData.length) { | ||
| 627 | this.ruleForm.qlrData = this.nowlist.qlrData; | ||
| 628 | } | ||
| 629 | if (!this.ruleForm.ywrData.length) { | ||
| 630 | this.ruleForm.ywrData = this.nowlist.ywrData; | ||
| 631 | } | ||
| 632 | console.log("this.ruleForm", this.ruleForm); | ||
| 633 | this.$message({ | ||
| 634 | type: "success", | ||
| 635 | message: "同步成功!", | ||
| 636 | }); | ||
| 637 | } | ||
| 638 | }); | ||
| 639 | }).catch(() => { | ||
| 640 | this.$message({ | ||
| 641 | type: "info", | ||
| 642 | message: "已取消同步", | ||
| 643 | }); | ||
| 644 | }); | ||
| 489 | }, | 645 | }, |
| 490 | mounted () { | 646 | /** |
| 491 | this.ableOperation = this.$parent.ableOperation | 647 | * @description: djlxchange |
| 648 | * @param {*} val | ||
| 649 | * @author: renchao | ||
| 650 | */ | ||
| 651 | djlxchange(val) { | ||
| 652 | if (val == null || val == 100) { | ||
| 653 | this.ssqlxxshow = false; | ||
| 654 | } else { | ||
| 655 | this.ssqlxxshow = true; | ||
| 656 | } | ||
| 492 | }, | 657 | }, |
| 493 | methods: { | 658 | /** |
| 494 | /** | 659 | * @description: loadData |
| 495 | * @description: ssQlxxchange | 660 | * @author: renchao |
| 496 | * @param {*} val | 661 | */ |
| 497 | * @author: renchao | 662 | loadData() { |
| 498 | */ | 663 | this.$startLoading(); |
| 499 | ssQlxxchange (val) { | 664 | this.propsParam.isEdit = this.$parent.isEdit; |
| 500 | this.ruleForm.ssQlxx = val; | 665 | init(this.propsParam).then((res) => { |
| 501 | this.ruleForm.qlxx.ssywh = val.ywh; | 666 | if (res.code == 200) { |
| 502 | }, | 667 | this.ruleForm = res.result; |
| 503 | created () { | 668 | let djlx = this.ruleForm.qlxx.djlx; |
| 504 | this.loadData(); | 669 | if (djlx == null || djlx == 100) { |
| 505 | }, | ||
| 506 | mounted () { | ||
| 507 | this.ableOperation = this.$parent.ableOperation | ||
| 508 | }, | ||
| 509 | methods: { | ||
| 510 | /** | ||
| 511 | * @description: ssQlxxchange | ||
| 512 | * @param {*} val | ||
| 513 | * @author: renchao | ||
| 514 | */ | ||
| 515 | ssQlxxchange (val) { | ||
| 516 | this.ruleForm.ssQlxx = val; | ||
| 517 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 518 | }, | ||
| 519 | /** | ||
| 520 | * @description: djlxchange | ||
| 521 | * @param {*} val | ||
| 522 | * @author: renchao | ||
| 523 | */ | ||
| 524 | djlxchange (val) { | ||
| 525 | if (val == null || val == 100) { | ||
| 526 | this.ssqlxxshow = false; | 670 | this.ssqlxxshow = false; |
| 527 | } else { | ||
| 528 | this.ssqlxxshow = true; | ||
| 529 | } | 671 | } |
| 530 | }, | 672 | this.ruleForm.ygdj.jedw = "1"; |
| 531 | /** | 673 | this.$endLoading(); |
| 532 | * @description: loadData | 674 | this.isShow = true; |
| 533 | * @author: renchao | ||
| 534 | */ | ||
| 535 | loadData () { | ||
| 536 | this.$startLoading(); | ||
| 537 | this.propsParam.isEdit = this.$parent.isEdit | ||
| 538 | init(this.propsParam).then((res) => { | ||
| 539 | if (res.code == 200) { | ||
| 540 | this.ruleForm = res.result; | ||
| 541 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 542 | if (djlx == null || djlx == 100) { | ||
| 543 | this.ssqlxxshow = false; | ||
| 544 | } | ||
| 545 | this.$endLoading(); | ||
| 546 | this.isShow = true; | ||
| 547 | } | ||
| 548 | }); | ||
| 549 | //获取主体信息 | 675 | //获取主体信息 |
| 550 | getSsQlxx({ | 676 | getSsQlxx({ |
| 551 | bdcdyid: this.propsParam.bdcdyid, | 677 | bdcdyid: this.propsParam.bdcdyid, |
| 552 | qllx: this.propsParam.qllx, | 678 | qllx: this.propsParam.qllx, |
| 679 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 553 | }).then((res) => { | 680 | }).then((res) => { |
| 554 | if (res.code == 200) { | 681 | if (res.code == 200) { |
| 555 | this.ssQlxxList = res.result; | 682 | this.ssQlxxList = res.result; |
| 556 | } | 683 | } |
| 557 | }); | 684 | }); |
| 558 | }, | 685 | } |
| 559 | // 更新土地用途信息 | 686 | }); |
| 560 | /** | 687 | }, |
| 561 | * @description: 更新土地用途信息 | 688 | // 更新土地用途信息 |
| 562 | * @param {*} val | 689 | /** |
| 563 | * @author: renchao | 690 | * @description: 更新土地用途信息 |
| 564 | */ | 691 | * @param {*} val |
| 565 | upDateTdytxxList (val) { | 692 | * @author: renchao |
| 566 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 693 | */ |
| 567 | this.key++; | 694 | upDateTdytxxList(val) { |
| 568 | }, | 695 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 569 | // 更新权利人信息 | 696 | this.key++; |
| 570 | /** | 697 | }, |
| 571 | * @description: 更新权利人信息 | 698 | // 更新权利人信息 |
| 572 | * @param {*} val | 699 | /** |
| 573 | * @author: renchao | 700 | * @description: 更新权利人信息 |
| 574 | */ | 701 | * @param {*} val |
| 575 | upDateQlrxxList (val) { | 702 | * @author: renchao |
| 576 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 703 | */ |
| 577 | this.czrOptions = this.ruleForm.qlrData; | 704 | upDateQlrxxList(val) { |
| 578 | this.key++; | 705 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 579 | }, | 706 | this.czrOptions = this.ruleForm.qlrData; |
| 580 | // 更新义务人信息 | 707 | this.key++; |
| 581 | /** | 708 | }, |
| 582 | * @description: 更新义务人信息 | 709 | // 更新义务人信息 |
| 583 | * @param {*} val | 710 | /** |
| 584 | * @author: renchao | 711 | * @description: 更新义务人信息 |
| 585 | */ | 712 | * @param {*} val |
| 586 | upDateYwrxxList (val) { | 713 | * @author: renchao |
| 587 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 714 | */ |
| 588 | this.key++; | 715 | upDateYwrxxList(val) { |
| 589 | }, | 716 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
| 590 | /** | 717 | this.key++; |
| 591 | * @description: onSubmit | 718 | }, |
| 592 | * @author: renchao | 719 | /** |
| 593 | */ | 720 | * @description: onSubmit |
| 594 | onSubmit () { | 721 | * @author: renchao |
| 595 | this.$refs.ruleForm.validate((valid) => { | 722 | */ |
| 596 | if (valid) { | 723 | onSubmit() { |
| 597 | if (this.ruleForm.qlrData.length == 0) { | 724 | this.$refs.ruleForm.validate((valid) => { |
| 598 | this.$message({ | 725 | if (valid) { |
| 599 | showClose: true, | 726 | if (this.ruleForm.qlrData.length == 0) { |
| 600 | message: "请确认权利人信息", | 727 | this.$message({ |
| 601 | type: "error", | 728 | showClose: true, |
| 602 | }); | 729 | message: "请确认权利人信息", |
| 603 | return false; | 730 | type: "error", |
| 604 | } | 731 | }); |
| 605 | if (this.ruleForm.ywrData.length == 0) { | 732 | return false; |
| 606 | this.$message({ | 733 | } |
| 607 | showClose: true, | 734 | if (this.ruleForm.ywrData.length == 0) { |
| 608 | message: "请确认义务人信息", | 735 | this.$message({ |
| 609 | type: "error", | 736 | showClose: true, |
| 610 | }); | 737 | message: "请确认义务人信息", |
| 611 | return false; | 738 | type: "error", |
| 612 | } | 739 | }); |
| 613 | if (this.ruleForm.qlxx.gyfs == "0") { | 740 | return false; |
| 614 | if (this.ruleForm.qlrData.length > 1) { | 741 | } |
| 615 | this.$message({ | 742 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 616 | showClose: true, | 743 | if (this.ruleForm.qlrData.length > 1) { |
| 617 | message: "共有方式：单独所有，权利人只能是一个人", | 744 | this.$message({ |
| 618 | type: "error", | 745 | showClose: true, |
| 619 | }); | 746 | message: "共有方式：单独所有，权利人只能是一个人", |
| 620 | return false; | 747 | type: "error", |
| 621 | } | 748 | }); |
| 622 | this.ruleForm.qlrData[0].sfczr = "1"; | 749 | return false; |
| 623 | } | 750 | } |
| 624 | if (this.ruleForm.qlxx.gyfs == "1") { | 751 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 625 | //是否分别持证 | 752 | } |
| 626 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 753 | if (this.ruleForm.qlxx.gyfs == "1") { |
| 627 | //是 | 754 | //是否分别持证 |
| 628 | this.ruleForm.qlrData.forEach((item, index) => { | 755 | if (this.ruleForm.qlxx.sqfbcz == "1") { |
| 629 | item.sfczr = "1"; | 756 | //是 |
| 630 | }); | 757 | this.ruleForm.qlrData.forEach((item, index) => { |
| 631 | } else { | 758 | item.sfczr = "1"; |
| 632 | this.ruleForm.qlrData.forEach((item, index) => { | 759 | }); |
| 633 | if (item.zjh == this.ruleForm.czr) { | 760 | } else { |
| 634 | item.sfczr = "1"; | 761 | this.ruleForm.qlrData.forEach((item, index) => { |
| 635 | } else { | 762 | if (item.zjh == this.ruleForm.czr) { |
| 636 | item.sfczr = "0"; | 763 | item.sfczr = "1"; |
| 637 | } | ||
| 638 | }); | ||
| 639 | } | ||
| 640 | } | ||
| 641 | save(this.ruleForm).then((res) => { | ||
| 642 | if (res.code === 200) { | ||
| 643 | this.$message({ | ||
| 644 | showClose: true, | ||
| 645 | message: "保存成功！", | ||
| 646 | type: "success", | ||
| 647 | }); | ||
| 648 | this.$parent.changeywh() | ||
| 649 | this.$store.dispatch("user/refreshPage", true); | ||
| 650 | } else { | 764 | } else { |
| 651 | this.$message({ | 765 | item.sfczr = "0"; |
| 652 | showClose: true, | ||
| 653 | message: res.message, | ||
| 654 | type: "error", | ||
| 655 | }); | ||
| 656 | } | 766 | } |
| 657 | }); | 767 | }); |
| 768 | } | ||
| 769 | } | ||
| 770 | save(this.ruleForm).then((res) => { | ||
| 771 | if (res.code === 200) { | ||
| 772 | this.$message({ | ||
| 773 | showClose: true, | ||
| 774 | message: "保存成功！", | ||
| 775 | type: "success", | ||
| 776 | }); | ||
| 777 | this.$parent.changeywh(); | ||
| 778 | this.$store.dispatch("user/refreshPage", true); | ||
| 658 | } else { | 779 | } else { |
| 659 | return false; | 780 | this.$message({ |
| 781 | showClose: true, | ||
| 782 | message: res.message, | ||
| 783 | type: "error", | ||
| 784 | }); | ||
| 660 | } | 785 | } |
| 661 | }); | 786 | }); |
| 662 | }, | 787 | } else { |
| 663 | }, | 788 | return false; |
| 664 | } | 789 | } |
| 665 | } | 790 | }); |
| 791 | }, | ||
| 792 | }, | ||
| 793 | }; | ||
| 666 | </script> | 794 | </script> |
| 667 | <style scoped lang="scss"> | 795 | <style scoped lang="scss"> |
| 668 | @import "~@/styles/public.scss"; | 796 | @import "~@/styles/public.scss"; |
| 669 | @import "~@/styles/slxx/slxx.scss"; | 797 | @import "~@/styles/slxx/slxx.scss"; |
| 798 | form /deep/ .el-form-item__label { | ||
| 799 | width: 145px !important; | ||
| 800 | overflow: hidden; | ||
| 801 | white-space: nowrap; | ||
| 802 | text-overflow: ellipsis; | ||
| 803 | height: 32px; | ||
| 804 | float: none; | ||
| 805 | } | ||
| 670 | </style> | 806 | </style> | ... | ... |
| ... | @@ -16,7 +16,8 @@ | ... | @@ -16,7 +16,8 @@ |
| 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 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 22 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 23 | 补录信息 |
| ... | @@ -48,21 +49,25 @@ | ... | @@ -48,21 +49,25 @@ |
| 48 | <el-form-item | 49 | <el-form-item |
| 49 | label="抵押不动产信息：" | 50 | label="抵押不动产信息：" |
| 50 | prop="ztQlxx.bdcqzh" | 51 | prop="ztQlxx.bdcqzh" |
| 51 | :rules="rules.ztQlxxrules"> | 52 | :rules="rules.ztQlxxrules" |
| 53 | > | ||
| 52 | <select-table | 54 | <select-table |
| 53 | v-model="ruleForm.ztQlxx" | 55 | v-model="ruleForm.ztQlxx" |
| 54 | :table-width="550" | 56 | :table-width="550" |
| 55 | :tableData="ztQlxxList" | 57 | :tableData="ztQlxxList" |
| 56 | :props="props" | 58 | :props="props" |
| 57 | @change="ztQlxxchange"> | 59 | @change="ztQlxxchange" |
| 60 | > | ||
| 58 | <el-table-column | 61 | <el-table-column |
| 59 | prop="qllxmc" | 62 | prop="qllxmc" |
| 60 | width="130" | 63 | width="130" |
| 61 | label="权利类型"></el-table-column> | 64 | label="权利类型" |
| 65 | ></el-table-column> | ||
| 62 | <el-table-column | 66 | <el-table-column |
| 63 | prop="bdcqzh" | 67 | prop="bdcqzh" |
| 64 | width="160" | 68 | width="160" |
| 65 | label="不动产权证书"></el-table-column> | 69 | label="不动产权证书" |
| 70 | ></el-table-column> | ||
| 66 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 71 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 67 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 72 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 68 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 73 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -72,21 +77,28 @@ | ... | @@ -72,21 +77,28 @@ |
| 72 | </el-col> | 77 | </el-col> |
| 73 | 78 | ||
| 74 | <el-col :span="8" v-if="ssqlxxshow"> | 79 | <el-col :span="8" v-if="ssqlxxshow"> |
| 75 | <el-form-item label="上手权利信息："> | 80 | <el-form-item |
| 81 | label="上手权利信息：" | ||
| 82 | prop="ssQlxx.bdcqzh" | ||
| 83 | :rules="rules.ssQlxxrules" | ||
| 84 | > | ||
| 76 | <select-table | 85 | <select-table |
| 77 | v-model="ruleForm.ssQlxx" | 86 | v-model="ruleForm.ssQlxx" |
| 78 | :table-width="550" | 87 | :table-width="550" |
| 79 | :tableData="ssQlxxList" | 88 | :tableData="ssQlxxList" |
| 80 | :props="props" | 89 | :props="props" |
| 81 | @change="ssQlxxchange"> | 90 | @change="ssQlxxchange" |
| 91 | > | ||
| 82 | <el-table-column | 92 | <el-table-column |
| 83 | prop="qllxmc" | 93 | prop="qllxmc" |
| 84 | width="130" | 94 | width="130" |
| 85 | label="权利类型"></el-table-column> | 95 | label="权利类型" |
| 96 | ></el-table-column> | ||
| 86 | <el-table-column | 97 | <el-table-column |
| 87 | prop="bdcqzh" | 98 | prop="bdcqzh" |
| 88 | width="160" | 99 | width="160" |
| 89 | label="不动产权证书"></el-table-column> | 100 | label="不动产权证书" |
| 101 | ></el-table-column> | ||
| 90 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 102 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 91 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 103 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 92 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 104 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -158,7 +170,11 @@ | ... | @@ -158,7 +170,11 @@ |
| 158 | </el-form-item> | 170 | </el-form-item> |
| 159 | </el-col> | 171 | </el-col> |
| 160 | <el-col :span="8"> | 172 | <el-col :span="8"> |
| 161 | <el-form-item label="业务号：" prop="qlxx.ywh" :rules="rules.ywhrules"> | 173 | <el-form-item |
| 174 | label="业务号：" | ||
| 175 | prop="qlxx.ywh" | ||
| 176 | :rules="rules.ywhrules" | ||
| 177 | > | ||
| 162 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> | 178 | <el-input v-model="ruleForm.qlxx.ywh"></el-input> |
| 163 | </el-form-item> | 179 | </el-form-item> |
| 164 | </el-col> | 180 | </el-col> |
| ... | @@ -183,13 +199,15 @@ | ... | @@ -183,13 +199,15 @@ |
| 183 | <el-form-item | 199 | <el-form-item |
| 184 | label="登记类型：" | 200 | label="登记类型：" |
| 185 | prop="qlxx.djlx" | 201 | prop="qlxx.djlx" |
| 186 | :rules="rules.djlxrules"> | 202 | :rules="rules.djlxrules" |
| 203 | > | ||
| 187 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> | 204 | <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> |
| 188 | <el-option | 205 | <el-option |
| 189 | v-for="item in djlxlist" | 206 | v-for="item in djlxlist" |
| 190 | :key="item.dcode" | 207 | :key="item.dcode" |
| 191 | :label="item.dname" | 208 | :label="item.dname" |
| 192 | :value="item.dcode"> | 209 | :value="item.dcode" |
| 210 | > | ||
| 193 | </el-option> | 211 | </el-option> |
| 194 | </el-select> | 212 | </el-select> |
| 195 | </el-form-item> | 213 | </el-form-item> |
| ... | @@ -203,7 +221,8 @@ | ... | @@ -203,7 +221,8 @@ |
| 203 | <el-form-item | 221 | <el-form-item |
| 204 | label="不动产权证号：" | 222 | label="不动产权证号：" |
| 205 | prop="qlxx.bdcqzh" | 223 | prop="qlxx.bdcqzh" |
| 206 | :rules="rules.bdcqzhrules"> | 224 | :rules="rules.bdcqzhrules" |
| 225 | > | ||
| 207 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 226 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 208 | </el-form-item> | 227 | </el-form-item> |
| 209 | </el-col> | 228 | </el-col> |
| ... | @@ -216,7 +235,8 @@ | ... | @@ -216,7 +235,8 @@ |
| 216 | <el-form-item | 235 | <el-form-item |
| 217 | label="登记机构：" | 236 | label="登记机构：" |
| 218 | prop="qlxx.djjg" | 237 | prop="qlxx.djjg" |
| 219 | :rules="rules.djjgrules"> | 238 | :rules="rules.djjgrules" |
| 239 | > | ||
| 220 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 240 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 221 | </el-form-item> | 241 | </el-form-item> |
| 222 | </el-col> | 242 | </el-col> |
| ... | @@ -224,7 +244,8 @@ | ... | @@ -224,7 +244,8 @@ |
| 224 | <el-form-item | 244 | <el-form-item |
| 225 | label="登簿人：" | 245 | label="登簿人：" |
| 226 | prop="qlxx.dbr" | 246 | prop="qlxx.dbr" |
| 227 | :rules="rules.dbrrules"> | 247 | :rules="rules.dbrrules" |
| 248 | > | ||
| 228 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 249 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 229 | </el-form-item> | 250 | </el-form-item> |
| 230 | </el-col> | 251 | </el-col> |
| ... | @@ -232,14 +253,16 @@ | ... | @@ -232,14 +253,16 @@ |
| 232 | <el-form-item | 253 | <el-form-item |
| 233 | label="登记时间：" | 254 | label="登记时间：" |
| 234 | prop="qlxx.djsj" | 255 | prop="qlxx.djsj" |
| 235 | :rules="rules.djsjrules"> | 256 | :rules="rules.djsjrules" |
| 257 | > | ||
| 236 | <el-date-picker | 258 | <el-date-picker |
| 237 | v-model="ruleForm.qlxx.djsj" | 259 | v-model="ruleForm.qlxx.djsj" |
| 238 | class="width100" | 260 | class="width100" |
| 239 | type="date" | 261 | type="date" |
| 240 | placeholder="选择日期" | 262 | placeholder="选择日期" |
| 241 | value-format="yyyy-MM-dd HH:mm:ss" | 263 | value-format="yyyy-MM-dd HH:mm:ss" |
| 242 | format="yyyy-MM-dd"> | 264 | format="yyyy-MM-dd" |
| 265 | > | ||
| 243 | </el-date-picker> | 266 | </el-date-picker> |
| 244 | </el-form-item> | 267 | </el-form-item> |
| 245 | </el-col> | 268 | </el-col> |
| ... | @@ -250,14 +273,15 @@ | ... | @@ -250,14 +273,15 @@ |
| 250 | v-for="item in qsztlist" | 273 | v-for="item in qsztlist" |
| 251 | :key="item.dcode" | 274 | :key="item.dcode" |
| 252 | :label="item.dname" | 275 | :label="item.dname" |
| 253 | :value="item.dcode"> | 276 | :value="item.dcode" |
| 277 | > | ||
| 254 | </el-option> | 278 | </el-option> |
| 255 | </el-select> | 279 | </el-select> |
| 256 | </el-form-item> | 280 | </el-form-item> |
| 257 | </el-col> | 281 | </el-col> |
| 258 | 282 | ||
| 259 | <el-col :span="8"> | 283 | <el-col :span="8"> |
| 260 | <el-form-item label="异议事项："> | 284 | <el-form-item label="异议事项：" prop="yydj.yysx" :rules="rules.yysxrules"> |
| 261 | <el-input v-model="ruleForm.yydj.yysx"></el-input> | 285 | <el-input v-model="ruleForm.yydj.yysx"></el-input> |
| 262 | </el-form-item> | 286 | </el-form-item> |
| 263 | </el-col> | 287 | </el-col> |
| ... | @@ -294,7 +318,8 @@ | ... | @@ -294,7 +318,8 @@ |
| 294 | type="date" | 318 | type="date" |
| 295 | placeholder="选择日期" | 319 | placeholder="选择日期" |
| 296 | value-format="yyyy-MM-dd HH:mm:ss" | 320 | value-format="yyyy-MM-dd HH:mm:ss" |
| 297 | format="yyyy-MM-dd"> | 321 | format="yyyy-MM-dd" |
| 322 | > | ||
| 298 | </el-date-picker> | 323 | </el-date-picker> |
| 299 | </el-form-item> | 324 | </el-form-item> |
| 300 | </el-col> | 325 | </el-col> |
| ... | @@ -308,7 +333,8 @@ | ... | @@ -308,7 +333,8 @@ |
| 308 | <el-form-item label="共有方式："> | 333 | <el-form-item label="共有方式："> |
| 309 | <el-radio-group | 334 | <el-radio-group |
| 310 | :disabled="!ableOperation" | 335 | :disabled="!ableOperation" |
| 311 | v-model="ruleForm.qlxx.gyfs"> | 336 | v-model="ruleForm.qlxx.gyfs" |
| 337 | > | ||
| 312 | <el-radio label="0">单独所有</el-radio> | 338 | <el-radio label="0">单独所有</el-radio> |
| 313 | <el-radio label="1">共同共有</el-radio> | 339 | <el-radio label="1">共同共有</el-radio> |
| 314 | <el-radio label="2">按份所有</el-radio> | 340 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -320,7 +346,8 @@ | ... | @@ -320,7 +346,8 @@ |
| 320 | <el-form-item label="是否分别持证："> | 346 | <el-form-item label="是否分别持证："> |
| 321 | <el-radio-group | 347 | <el-radio-group |
| 322 | v-model="ruleForm.qlxx.sqfbcz" | 348 | v-model="ruleForm.qlxx.sqfbcz" |
| 323 | :disabled="!ableOperation"> | 349 | :disabled="!ableOperation" |
| 350 | > | ||
| 324 | <el-radio :label="1">是</el-radio> | 351 | <el-radio :label="1">是</el-radio> |
| 325 | <el-radio :label="0">否</el-radio> | 352 | <el-radio :label="0">否</el-radio> |
| 326 | </el-radio-group> | 353 | </el-radio-group> |
| ... | @@ -328,17 +355,20 @@ | ... | @@ -328,17 +355,20 @@ |
| 328 | </el-col> | 355 | </el-col> |
| 329 | <el-col | 356 | <el-col |
| 330 | :span="6" | 357 | :span="6" |
| 331 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"> | 358 | v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'" |
| 359 | > | ||
| 332 | <el-form-item label="持证人："> | 360 | <el-form-item label="持证人："> |
| 333 | <el-select | 361 | <el-select |
| 334 | v-model="ruleForm.czr" | 362 | v-model="ruleForm.czr" |
| 335 | placeholder="持证人" | 363 | placeholder="持证人" |
| 336 | :disabled="!ableOperation"> | 364 | :disabled="!ableOperation" |
| 365 | > | ||
| 337 | <el-option | 366 | <el-option |
| 338 | v-for="item in czrOptions" | 367 | v-for="item in czrOptions" |
| 339 | :key="item.zjh" | 368 | :key="item.zjh" |
| 340 | :label="item.sqrmc" | 369 | :label="item.sqrmc" |
| 341 | :value="item.zjh"> | 370 | :value="item.zjh" |
| 371 | > | ||
| 342 | </el-option> | 372 | </el-option> |
| 343 | </el-select> | 373 | </el-select> |
| 344 | </el-form-item> | 374 | </el-form-item> |
| ... | @@ -349,7 +379,8 @@ | ... | @@ -349,7 +379,8 @@ |
| 349 | @upDateQlrxxList="upDateQlrxxList" | 379 | @upDateQlrxxList="upDateQlrxxList" |
| 350 | :key="key" | 380 | :key="key" |
| 351 | :ableOperation="ableOperation" | 381 | :ableOperation="ableOperation" |
| 352 | :gyfs="ruleForm.qlxx.gyfs" /> | 382 | :gyfs="ruleForm.qlxx.gyfs" |
| 383 | /> | ||
| 353 | <div v-if="ruleForm.ywrData"> | 384 | <div v-if="ruleForm.ywrData"> |
| 354 | <div class="slxx_title title-block"> | 385 | <div class="slxx_title title-block"> |
| 355 | 义务人信息 | 386 | 义务人信息 |
| ... | @@ -360,7 +391,8 @@ | ... | @@ -360,7 +391,8 @@ |
| 360 | :tableData="ruleForm.ywrData" | 391 | :tableData="ruleForm.ywrData" |
| 361 | :key="key" | 392 | :key="key" |
| 362 | :ableOperation="ableOperation" | 393 | :ableOperation="ableOperation" |
| 363 | @upDateQlrxxList="upDateYwrxxList" /> | 394 | @upDateQlrxxList="upDateYwrxxList" |
| 395 | /> | ||
| 364 | </div> | 396 | </div> |
| 365 | </div> | 397 | </div> |
| 366 | <el-row class="btn" v-if="ableOperation"> | 398 | <el-row class="btn" v-if="ableOperation"> |
| ... | @@ -372,279 +404,312 @@ | ... | @@ -372,279 +404,312 @@ |
| 372 | </div> | 404 | </div> |
| 373 | </template> | 405 | </template> |
| 374 | <script> | 406 | <script> |
| 375 | import { mapGetters } from "vuex"; | 407 | import { mapGetters } from "vuex"; |
| 376 | import ywmix from "@/views/ywbl/mixin/index" | 408 | import ywmix from "@/views/ywbl/mixin/index"; |
| 377 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; | 409 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js"; |
| 378 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 410 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 379 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 411 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 380 | import tdytTable from "@/views/workflow/components/tdytTable"; | 412 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 381 | import selectTable from "@/components/selectTable/index.vue"; | 413 | import selectTable from "@/components/selectTable/index.vue"; |
| 382 | export default { | 414 | export default { |
| 383 | mixins: [ywmix], | 415 | mixins: [ywmix], |
| 384 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 416 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 385 | computed: { | 417 | computed: { |
| 386 | ...mapGetters(["dictData", "flag"]), | 418 | ...mapGetters(["dictData", "flag"]), |
| 387 | // 根据流程判断表单是否为只读 | 419 | // 根据流程判断表单是否为只读 |
| 388 | editDisabled () { | 420 | editDisabled() { |
| 389 | if (!this.ableOperation) { | 421 | if (!this.ableOperation) { |
| 390 | //只读状态 | 422 | //只读状态 |
| 391 | return true; | 423 | return true; |
| 392 | } | 424 | } |
| 393 | return false; | 425 | return false; |
| 394 | }, | ||
| 395 | }, | 426 | }, |
| 396 | data () { | 427 | }, |
| 397 | return { | 428 | data() { |
| 398 | ssqlxxshow: true, | 429 | return { |
| 399 | props: { | 430 | ssqlxxshow: true, |
| 400 | label: "bdcqzh", | 431 | props: { |
| 401 | value: "bdcdyid", | 432 | label: "bdcqzh", |
| 433 | value: "bdcdyid", | ||
| 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: "更正登记", | ||
| 402 | }, | 461 | }, |
| 403 | //表单是否可操作 | ||
| 404 | propsParam: this.$attrs, | ||
| 405 | key: 0, | ||
| 406 | isShow: false, | ||
| 407 | disabled: true, | ||
| 408 | czrOptions: [], | ||
| 409 | ssQlxxList: [], | ||
| 410 | ztQlxxList: [], | ||
| 411 | ruleForm: {}, | ||
| 412 | // 登记类型 | ||
| 413 | djlxlist: [ | ||
| 414 | { | ||
| 415 | dcode: "100", | ||
| 416 | dname: "首次登记", | ||
| 417 | }, | ||
| 418 | { | ||
| 419 | dcode: "200", | ||
| 420 | dname: "转移登记", | ||
| 421 | }, | ||
| 422 | { | ||
| 423 | dcode: "300", | ||
| 424 | dname: "变更登记", | ||
| 425 | }, | ||
| 426 | { | ||
| 427 | dcode: "500", | ||
| 428 | dname: "更正登记", | ||
| 429 | }, | ||
| 430 | 462 | ||
| 431 | { | 463 | { |
| 432 | dcode: "901", | 464 | dcode: "901", |
| 433 | dname: "补证", | 465 | dname: "补证", |
| 434 | }, | 466 | }, |
| 435 | { | 467 | { |
| 436 | dcode: "902", | 468 | dcode: "902", |
| 437 | dname: "换证", | 469 | dname: "换证", |
| 438 | }, | 470 | }, |
| 471 | ], | ||
| 472 | // 权属状态 | ||
| 473 | qsztlist: [ | ||
| 474 | { | ||
| 475 | dcode: "1", | ||
| 476 | dname: "现势", | ||
| 477 | }, | ||
| 478 | { | ||
| 479 | dcode: "2", | ||
| 480 | dname: "历史", | ||
| 481 | }, | ||
| 482 | ], | ||
| 483 | //传递参数\ | ||
| 484 | rules: { | ||
| 485 | ssQlxxrules: [ | ||
| 486 | { required: true, message: "上手权利信息", trigger: "blur" }, | ||
| 439 | ], | 487 | ], |
| 440 | // 权属状态 | 488 | ztQlxxrules: [ |
| 441 | qsztlist: [ | 489 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 442 | { | ||
| 443 | dcode: "1", | ||
| 444 | dname: "现势", | ||
| 445 | }, | ||
| 446 | { | ||
| 447 | dcode: "2", | ||
| 448 | dname: "历史", | ||
| 449 | }, | ||
| 450 | ], | 490 | ], |
| 451 | //传递参数\ | 491 | bdcqzhrules: [ |
| 452 | rules: { | 492 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 453 | ztQlxxrules: [ | 493 | ], |
| 454 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 494 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 455 | ], | 495 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 456 | bdcqzhrules: [ | 496 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 457 | { required: true, message: "不动产登记证明号", trigger: "blur" }, | 497 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 458 | ], | 498 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 459 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 499 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], |
| 460 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 500 | yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }], |
| 461 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 501 | }, |
| 462 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 502 | ableOperation: false, |
| 463 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 503 | }; |
| 464 | ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], | 504 | }, |
| 465 | }, | 505 | created() { |
| 466 | ableOperation: false, | 506 | this.loadData(); |
| 467 | }; | 507 | }, |
| 508 | mounted() { | ||
| 509 | this.ableOperation = this.$parent.ableOperation; | ||
| 510 | }, | ||
| 511 | methods: { | ||
| 512 | /** | ||
| 513 | * @description: ztQlxxchange | ||
| 514 | * @param {*} val | ||
| 515 | * @author: renchao | ||
| 516 | */ | ||
| 517 | ztQlxxchange(val) { | ||
| 518 | this.ruleForm.ztQlxx = val; | ||
| 468 | }, | 519 | }, |
| 469 | created () { | 520 | /** |
| 470 | this.loadData(); | 521 | * @description: ssQlxxchange |
| 522 | * @param {*} val | ||
| 523 | * @author: renchao | ||
| 524 | */ | ||
| 525 | ssQlxxchange(val) { | ||
| 526 | this.ruleForm.ssQlxx = val; | ||
| 527 | this.ruleForm.qlxx.ssywh = val.ywh; | ||
| 528 | this.ssQlxxchangediolog(val); | ||
| 471 | }, | 529 | }, |
| 472 | mounted () { | 530 | // 弹框事件 |
| 473 | this.ableOperation = this.$parent.ableOperation; | 531 | ssQlxxchangediolog(val) { |
| 532 | console.log("确定了", this.ruleForm); | ||
| 533 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | ||
| 534 | iconClass: "el-icon-question", //自定义图标样式 | ||
| 535 | confirmButtonText: "确认", //确认按钮文字更换 | ||
| 536 | cancelButtonText: "取消", //取消按钮文字更换 | ||
| 537 | showClose: true, //是否显示右上角关闭按钮 | ||
| 538 | type: "warning", | ||
| 539 | }) | ||
| 540 | .then(() => { | ||
| 541 | // this.ruleForm.qlxx.ssywh = "1111111111111"; | ||
| 542 | this.$message({ | ||
| 543 | type: "success", | ||
| 544 | message: "同步成功!", | ||
| 545 | }); | ||
| 546 | }) | ||
| 547 | .catch(() => { | ||
| 548 | this.$message({ | ||
| 549 | type: "info", | ||
| 550 | message: "已取消同步", | ||
| 551 | }); | ||
| 552 | }); | ||
| 474 | }, | 553 | }, |
| 475 | methods: { | 554 | /** |
| 476 | /** | 555 | * @description: djlxchange |
| 477 | * @description: ztQlxxchange | 556 | * @param {*} val |
| 478 | * @param {*} val | 557 | * @author: renchao |
| 479 | * @author: renchao | 558 | */ |
| 480 | */ | 559 | djlxchange(val) { |
| 481 | ztQlxxchange (val) { | 560 | // if (val == null || val == 100) { |
| 482 | this.ruleForm.ztQlxx = val; | 561 | // this.ssqlxxshow = false; |
| 483 | }, | 562 | // } else { |
| 484 | /** | 563 | // this.ssqlxxshow = true; |
| 485 | * @description: ssQlxxchange | 564 | // } |
| 486 | * @param {*} val | 565 | }, |
| 487 | * @author: renchao | 566 | /** |
| 488 | */ | 567 | * @description: loadData |
| 489 | ssQlxxchange (val) { | 568 | * @author: renchao |
| 490 | this.ruleForm.ssQlxx = val; | 569 | */ |
| 491 | this.ruleForm.qlxx.ssywh = val.ywh; | 570 | loadData() { |
| 492 | }, | 571 | this.$startLoading(); |
| 493 | /** | 572 | this.propsParam.isEdit = this.$parent.isEdit; |
| 494 | * @description: djlxchange | 573 | init(this.propsParam).then((res) => { |
| 495 | * @param {*} val | 574 | if (res.code == 200) { |
| 496 | * @author: renchao | 575 | this.ruleForm = res.result; |
| 497 | */ | 576 | let djlx = this.ruleForm.qlxx.djlx; |
| 498 | djlxchange (val) { | 577 | if (djlx == null || djlx == 100) { |
| 499 | console.log("val", val); | 578 | this.ssqlxxshow = false; |
| 500 | if (val == null || val == 100) { | ||
| 501 | this.ssqlxxshow = false; | ||
| 502 | } else { | ||
| 503 | this.ssqlxxshow = true; | ||
| 504 | } | ||
| 505 | }, | ||
| 506 | /** | ||
| 507 | * @description: loadData | ||
| 508 | * @author: renchao | ||
| 509 | */ | ||
| 510 | loadData () { | ||
| 511 | this.$startLoading(); | ||
| 512 | this.propsParam.isEdit = this.$parent.isEdit; | ||
| 513 | init(this.propsParam).then((res) => { | ||
| 514 | if (res.code == 200) { | ||
| 515 | this.ruleForm = res.result; | ||
| 516 | let djlx = this.ruleForm.qlxx.djlx; | ||
| 517 | if (djlx == null || djlx == 100) { | ||
| 518 | this.ssqlxxshow = false; | ||
| 519 | } | ||
| 520 | this.$endLoading(); | ||
| 521 | this.isShow = true; | ||
| 522 | } | 579 | } |
| 523 | }); | 580 | this.$endLoading(); |
| 524 | //获取主体信息 | 581 | this.isShow = true; |
| 525 | getSsQlxx({ | 582 | |
| 526 | bdcdyid: this.propsParam.bdcdyid, | 583 | //获取主体信息 |
| 527 | qllx: this.propsParam.qllx, | 584 | getSsQlxx({ |
| 528 | }).then((res) => { | 585 | bdcdyid: this.propsParam.bdcdyid, |
| 529 | if (res.code == 200) { | 586 | qllx: this.propsParam.qllx, |
| 530 | this.ssQlxxList = res.result; | 587 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, |
| 588 | }).then((res) => { | ||
| 589 | if (res.code == 200) { | ||
| 590 | this.ssQlxxList = res.result; | ||
| 591 | } | ||
| 592 | }); | ||
| 593 | //获取上手信息 | ||
| 594 | getZtQlxx({ | ||
| 595 | bdcdyid: this.propsParam.bdcdyid, | ||
| 596 | bsmQlxx: this.ruleForm.qlxx.bsmQlxx, | ||
| 597 | }).then((res) => { | ||
| 598 | if (res.code == 200) { | ||
| 599 | this.ztQlxxList = res.result; | ||
| 600 | } | ||
| 601 | }); | ||
| 602 | } | ||
| 603 | }); | ||
| 604 | }, | ||
| 605 | // 更新土地用途信息 | ||
| 606 | /** | ||
| 607 | * @description: 更新土地用途信息 | ||
| 608 | * @param {*} val | ||
| 609 | * @author: renchao | ||
| 610 | */ | ||
| 611 | upDateTdytxxList(val) { | ||
| 612 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 613 | this.key++; | ||
| 614 | }, | ||
| 615 | // 更新权利人信息 | ||
| 616 | /** | ||
| 617 | * @description: 更新权利人信息 | ||
| 618 | * @param {*} val | ||
| 619 | * @author: renchao | ||
| 620 | */ | ||
| 621 | upDateQlrxxList(val) { | ||
| 622 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 623 | this.czrOptions = this.ruleForm.qlrData; | ||
| 624 | this.key++; | ||
| 625 | }, | ||
| 626 | // 更新义务人信息 | ||
| 627 | /** | ||
| 628 | * @description: 更新义务人信息 | ||
| 629 | * @param {*} val | ||
| 630 | * @author: renchao | ||
| 631 | */ | ||
| 632 | upDateYwrxxList(val) { | ||
| 633 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 634 | this.key++; | ||
| 635 | }, | ||
| 636 | /** | ||
| 637 | * @description: onSubmit | ||
| 638 | * @author: renchao | ||
| 639 | */ | ||
| 640 | onSubmit() { | ||
| 641 | this.$refs.ruleForm.validate((valid) => { | ||
| 642 | if (valid) { | ||
| 643 | if (this.ruleForm.qlrData.length == 0) { | ||
| 644 | this.$message({ | ||
| 645 | showClose: true, | ||
| 646 | message: "请确认权利人信息", | ||
| 647 | type: "error", | ||
| 648 | }); | ||
| 649 | return false; | ||
| 531 | } | 650 | } |
| 532 | }); | 651 | if (this.ruleForm.ywrData.length == 0) { |
| 533 | //获取上手信息 | 652 | this.$message({ |
| 534 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 653 | showClose: true, |
| 535 | if (res.code == 200) { | 654 | message: "请确认义务人信息", |
| 536 | this.ztQlxxList = res.result; | 655 | type: "error", |
| 656 | }); | ||
| 657 | return false; | ||
| 537 | } | 658 | } |
| 538 | }); | 659 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 539 | }, | 660 | if (this.ruleForm.qlrData.length > 1) { |
| 540 | // 更新土地用途信息 | ||
| 541 | /** | ||
| 542 | * @description: 更新土地用途信息 | ||
| 543 | * @param {*} val | ||
| 544 | * @author: renchao | ||
| 545 | */ | ||
| 546 | upDateTdytxxList (val) { | ||
| 547 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 548 | this.key++; | ||
| 549 | }, | ||
| 550 | // 更新权利人信息 | ||
| 551 | /** | ||
| 552 | * @description: 更新权利人信息 | ||
| 553 | * @param {*} val | ||
| 554 | * @author: renchao | ||
| 555 | */ | ||
| 556 | upDateQlrxxList (val) { | ||
| 557 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 558 | this.czrOptions = this.ruleForm.qlrData; | ||
| 559 | this.key++; | ||
| 560 | }, | ||
| 561 | // 更新义务人信息 | ||
| 562 | /** | ||
| 563 | * @description: 更新义务人信息 | ||
| 564 | * @param {*} val | ||
| 565 | * @author: renchao | ||
| 566 | */ | ||
| 567 | upDateYwrxxList (val) { | ||
| 568 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 569 | this.key++; | ||
| 570 | }, | ||
| 571 | /** | ||
| 572 | * @description: onSubmit | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 575 | onSubmit () { | ||
| 576 | this.$refs.ruleForm.validate((valid) => { | ||
| 577 | if (valid) { | ||
| 578 | if (this.ruleForm.qlrData.length == 0) { | ||
| 579 | this.$message({ | 661 | this.$message({ |
| 580 | showClose: true, | 662 | showClose: true, |
| 581 | message: "请确认权利人信息", | 663 | message: "共有方式：单独所有，权利人只能是一个人", |
| 582 | type: "error", | 664 | type: "error", |
| 583 | }); | 665 | }); |
| 584 | return false; | 666 | return false; |
| 585 | } | 667 | } |
| 586 | if (this.ruleForm.ywrData.length == 0) { | 668 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 669 | } | ||
| 670 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 671 | //是否分别持证 | ||
| 672 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 673 | //是 | ||
| 674 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 675 | item.sfczr = "1"; | ||
| 676 | }); | ||
| 677 | } else { | ||
| 678 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 679 | if (item.zjh == this.ruleForm.czr) { | ||
| 680 | item.sfczr = "1"; | ||
| 681 | } else { | ||
| 682 | item.sfczr = "0"; | ||
| 683 | } | ||
| 684 | }); | ||
| 685 | } | ||
| 686 | } | ||
| 687 | save(this.ruleForm).then((res) => { | ||
| 688 | if (res.code === 200) { | ||
| 689 | this.$message({ | ||
| 690 | showClose: true, | ||
| 691 | message: "保存成功！", | ||
| 692 | type: "success", | ||
| 693 | }); | ||
| 694 | this.$parent.changeywh(); | ||
| 695 | this.$store.dispatch("user/refreshPage", true); | ||
| 696 | } else { | ||
| 587 | this.$message({ | 697 | this.$message({ |
| 588 | showClose: true, | 698 | showClose: true, |
| 589 | message: "请确认义务人信息", | 699 | message: res.message, |
| 590 | type: "error", | 700 | type: "error", |
| 591 | }); | 701 | }); |
| 592 | return false; | ||
| 593 | } | ||
| 594 | if (this.ruleForm.qlxx.gyfs == "0") { | ||
| 595 | if (this.ruleForm.qlrData.length > 1) { | ||
| 596 | this.$message({ | ||
| 597 | showClose: true, | ||
| 598 | message: "共有方式：单独所有，权利人只能是一个人", | ||
| 599 | type: "error", | ||
| 600 | }); | ||
| 601 | return false; | ||
| 602 | } | ||
| 603 | this.ruleForm.qlrData[0].sfczr = "1"; | ||
| 604 | } | ||
| 605 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 606 | //是否分别持证 | ||
| 607 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 608 | //是 | ||
| 609 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 610 | item.sfczr = "1"; | ||
| 611 | }); | ||
| 612 | } else { | ||
| 613 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 614 | if (item.zjh == this.ruleForm.czr) { | ||
| 615 | item.sfczr = "1"; | ||
| 616 | } else { | ||
| 617 | item.sfczr = "0"; | ||
| 618 | } | ||
| 619 | }); | ||
| 620 | } | ||
| 621 | } | 702 | } |
| 622 | save(this.ruleForm).then((res) => { | 703 | }); |
| 623 | if (res.code === 200) { | 704 | } else { |
| 624 | this.$message({ | 705 | return false; |
| 625 | showClose: true, | 706 | } |
| 626 | message: "保存成功！", | 707 | }); |
| 627 | type: "success", | ||
| 628 | }); | ||
| 629 | this.$parent.changeywh() | ||
| 630 | this.$store.dispatch("user/refreshPage", true); | ||
| 631 | } else { | ||
| 632 | this.$message({ | ||
| 633 | showClose: true, | ||
| 634 | message: res.message, | ||
| 635 | type: "error", | ||
| 636 | }); | ||
| 637 | } | ||
| 638 | }); | ||
| 639 | } else { | ||
| 640 | return false; | ||
| 641 | } | ||
| 642 | }); | ||
| 643 | }, | ||
| 644 | }, | 708 | }, |
| 645 | }; | 709 | }, |
| 710 | }; | ||
| 646 | </script> | 711 | </script> |
| 647 | <style scoped lang="scss"> | 712 | <style scoped lang="scss"> |
| 648 | @import "~@/styles/public.scss"; | 713 | @import "~@/styles/public.scss"; |
| 649 | @import "~@/styles/slxx/slxx.scss"; | 714 | @import "~@/styles/slxx/slxx.scss"; |
| 650 | </style> | 715 | </style> | ... | ... |
| ... | @@ -97,6 +97,8 @@ export default { | ... | @@ -97,6 +97,8 @@ export default { |
| 97 | yjsqOptions: { | 97 | yjsqOptions: { |
| 98 | handler(val) { | 98 | handler(val) { |
| 99 | console.log("val", val); | 99 | console.log("val", val); |
| 100 | console.log("this.tableData[this.currentindex]",this.tableData[this.currentindex]); | ||
| 101 | |||
| 100 | this.add(val); | 102 | this.add(val); |
| 101 | }, | 103 | }, |
| 102 | deep: true, | 104 | deep: true, | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-28 09:35:31 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="clxx"> | ||
| 8 | <div class="left"> | ||
| 9 | <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']" | ||
| 10 | @click="menuClick(item)"> | ||
| 11 | {{ item.label }} | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 14 | <div class="right"> | ||
| 15 | <!-- 材料目录明细 --> | ||
| 16 | <div class="clmlmx-box" v-if="checkedId == '1'"> | ||
| 17 | <div class="title">申请材料目录</div> | ||
| 18 | <lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData"> | ||
| 19 | </lb-table> | ||
| 20 | </div> | ||
| 21 | <!-- 材料预览 --> | ||
| 22 | <div class="clyl-box" v-else> | ||
| 23 | <div class="menu-tree"> | ||
| 24 | <div class="item"> | ||
| 25 | 材料目录({{tableData.length}}) | ||
| 26 | <div> | ||
| 27 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | ||
| 28 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | ||
| 29 | <span v-if="item.isrequired==1" class="required">必选</span> | ||
| 30 | {{ item.sjmc }} | ||
| 31 | <span class="cl_number">({{item.children.length}})</span> | ||
| 32 | </div> | ||
| 33 | </div> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | <image-preview ref='imageRef' v-if="tableData.length>0" :ableOperation="ableOperation" :previewImg="previewImg" @updateList="updateList" | ||
| 37 | @nextPriview="nextPriview" | ||
| 38 | @prevPriview="prevPriview" /> | ||
| 39 | </div> | ||
| 40 | </div> | ||
| 41 | <clxxAddDialog v-model="isDialog" /> | ||
| 42 | </div> | ||
| 43 | </template> | ||
| 44 | <script> | ||
| 45 | import { mapGetters } from "vuex"; | ||
| 46 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; | ||
| 47 | import imagePreview from '@/views/components/imagePreview.vue' | ||
| 48 | import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; | ||
| 49 | export default { | ||
| 50 | components: { clxxAddDialog, imagePreview }, | ||
| 51 | data () { | ||
| 52 | return { | ||
| 53 | //表单是否可操作 | ||
| 54 | ableOperation: true, | ||
| 55 | isDialog: false, | ||
| 56 | menuList: [ | ||
| 57 | { | ||
| 58 | id: "1", | ||
| 59 | label: "材料目录明细", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | id: "2", | ||
| 63 | label: "材料预览", | ||
| 64 | }, | ||
| 65 | ], | ||
| 66 | iclass: "", | ||
| 67 | // 材料目录选中 | ||
| 68 | treeCheckIndex: 0, | ||
| 69 | treeCheckId: "", | ||
| 70 | checkedId: "1", | ||
| 71 | column: [ | ||
| 72 | { | ||
| 73 | width: "50", | ||
| 74 | renderHeader: (h, scope) => { | ||
| 75 | return ( | ||
| 76 | <div> | ||
| 77 | { | ||
| 78 | this.ableOperation ? '序号' : | ||
| 79 | <i | ||
| 80 | class="el-icon-plus pointer" | ||
| 81 | onClick={() => { | ||
| 82 | this.handleAdd() | ||
| 83 | }} | ||
| 84 | ></i> | ||
| 85 | } | ||
| 86 | </div> | ||
| 87 | ) | ||
| 88 | }, | ||
| 89 | render: (h, scope) => { | ||
| 90 | // 新建的材料,可删除 | ||
| 91 | // v-show='scope.row.sfxjcl == 1' | ||
| 92 | return ( | ||
| 93 | <div> | ||
| 94 | { | ||
| 95 | this.ableOperation ? <span>{scope.$index + 1}</span> : | ||
| 96 | <i | ||
| 97 | class="el-icon-minus pointer" | ||
| 98 | |||
| 99 | onClick={() => { | ||
| 100 | this.handleDelete(scope.$index, scope.row); | ||
| 101 | }} | ||
| 102 | ></i> | ||
| 103 | } | ||
| 104 | </div> | ||
| 105 | ) | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | { | ||
| 109 | prop: "isrequired", | ||
| 110 | label: "是否必选", | ||
| 111 | width: "50", | ||
| 112 | render: (h, scope) => { | ||
| 113 | if (scope.row.sfxjcl === "1") { | ||
| 114 | return ( | ||
| 115 | <div> | ||
| 116 | <span>可选</span> | ||
| 117 | </div> | ||
| 118 | ); | ||
| 119 | } | ||
| 120 | else { | ||
| 121 | return ( | ||
| 122 | <div> | ||
| 123 | <span>必选</span> | ||
| 124 | </div> | ||
| 125 | ); | ||
| 126 | } | ||
| 127 | }, | ||
| 128 | }, | ||
| 129 | { | ||
| 130 | prop: "sjmc", | ||
| 131 | label: "材料名称", | ||
| 132 | }, | ||
| 133 | { | ||
| 134 | prop: "sjlx", | ||
| 135 | label: "材料类型", | ||
| 136 | width: "80", | ||
| 137 | render: (h, scope) => { | ||
| 138 | return ( | ||
| 139 | <div> | ||
| 140 | <span>{this.dicStatus(scope.row.sjlx, "A40")}</span> | ||
| 141 | </div> | ||
| 142 | ); | ||
| 143 | }, | ||
| 144 | }, | ||
| 145 | { | ||
| 146 | prop: "sjsl", | ||
| 147 | label: "份数", | ||
| 148 | width: "50" | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: "smzt", | ||
| 152 | label: "扫描状态", | ||
| 153 | width: "80", | ||
| 154 | render: (h, scope) => { | ||
| 155 | if (scope.row.children.length > 0) { | ||
| 156 | return ( | ||
| 157 | <div> | ||
| 158 | <span>已扫描</span> | ||
| 159 | </div> | ||
| 160 | ); | ||
| 161 | } else { | ||
| 162 | return ( | ||
| 163 | <div> | ||
| 164 | <span>未扫描</span> | ||
| 165 | </div> | ||
| 166 | ); | ||
| 167 | } | ||
| 168 | }, | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: "ys", | ||
| 172 | label: "扫描页数", | ||
| 173 | width: "50" | ||
| 174 | }, | ||
| 175 | { | ||
| 176 | label: "操作", | ||
| 177 | width: "80", | ||
| 178 | render: (h, scope) => { | ||
| 179 | return ( | ||
| 180 | <div> | ||
| 181 | <el-button | ||
| 182 | type="text" | ||
| 183 | disabled={scope.$index == 0} | ||
| 184 | onClick={() => { | ||
| 185 | this.moveUpward(scope.$index, scope.row); | ||
| 186 | }} | ||
| 187 | > | ||
| 188 | 上移 | ||
| 189 | </el-button> | ||
| 190 | <el-button | ||
| 191 | type="text" | ||
| 192 | disabled={scope.$index + 1 == this.tableData.length} | ||
| 193 | onClick={() => { | ||
| 194 | this.moveDown(scope.$index, scope.row); | ||
| 195 | }} | ||
| 196 | > | ||
| 197 | 下移 | ||
| 198 | </el-button> | ||
| 199 | </div> | ||
| 200 | ); | ||
| 201 | }, | ||
| 202 | }, | ||
| 203 | ], | ||
| 204 | key: 0, | ||
| 205 | tableData: [], | ||
| 206 | previewImg: { | ||
| 207 | // 收件标识码 | ||
| 208 | bsmSj: '', | ||
| 209 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 210 | index: 0, | ||
| 211 | selectedIndex: 0, | ||
| 212 | imgList: [] | ||
| 213 | } | ||
| 214 | } | ||
| 215 | }, | ||
| 216 | computed: { | ||
| 217 | ...mapGetters(["dictData"]) | ||
| 218 | }, | ||
| 219 | created () { | ||
| 220 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | ||
| 221 | this.clmlInitList() | ||
| 222 | }, | ||
| 223 | methods: { | ||
| 224 | // 自动预览 | ||
| 225 | /** | ||
| 226 | * @description: 自动预览 | ||
| 227 | * @author: renchao | ||
| 228 | */ | ||
| 229 | nextPriview () { | ||
| 230 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 231 | this.treeCheckIndex++ | ||
| 232 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 233 | this.previewImg.index = 0 | ||
| 234 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 235 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 236 | } | ||
| 237 | }, | ||
| 238 | /** | ||
| 239 | * @description: prevPriview | ||
| 240 | * @author: renchao | ||
| 241 | */ | ||
| 242 | prevPriview () { | ||
| 243 | if (this.treeCheckIndex >= 1) { | ||
| 244 | this.treeCheckIndex-- | ||
| 245 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 246 | this.previewImg.index = this.previewImg.imgList.length | ||
| 247 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 248 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 249 | } | ||
| 250 | }, | ||
| 251 | // 材料目录明细初始化 | ||
| 252 | /** | ||
| 253 | * @description: 材料目录明细初始化 | ||
| 254 | * @author: renchao | ||
| 255 | */ | ||
| 256 | clmlInitList () { | ||
| 257 | return new Promise(resolve => { | ||
| 258 | this.unitData = this.$parent.unitData; | ||
| 259 | var formdata = new FormData(); | ||
| 260 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | ||
| 261 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 262 | formdata.append("clfl", 2); | ||
| 263 | InitClml(formdata).then((res) => { | ||
| 264 | if (res.result.code == 200) { | ||
| 265 | resolve(res.code) | ||
| 266 | if (res.result.result && res.result.result.length > 0) { | ||
| 267 | this.tableData = res.result.result; | ||
| 268 | this.treeCheckId = this.tableData[0].bsmSj; | ||
| 269 | this.title = this.tableData[0].sjmc; | ||
| 270 | this.titleYs = 1; | ||
| 271 | this.titleNum = this.tableData[0].children.length; | ||
| 272 | |||
| 273 | this.previewImg.imgList = this.tableData[0]?.children; | ||
| 274 | this.previewImg.bsmSj = this.tableData[0]?.bsmSj; | ||
| 275 | } | ||
| 276 | } else { | ||
| 277 | this.$message.error(res.result.message) | ||
| 278 | } | ||
| 279 | }) | ||
| 280 | }) | ||
| 281 | }, | ||
| 282 | /** | ||
| 283 | * @description: updateList | ||
| 284 | * @param {*} val | ||
| 285 | * @author: renchao | ||
| 286 | */ | ||
| 287 | updateList (val) { | ||
| 288 | let that = this | ||
| 289 | if (val != null) { //删除最后一张图片时 val=null | ||
| 290 | this.tableData.forEach(item => { | ||
| 291 | if (item.bsmSj === val.bsmSj) { | ||
| 292 | item.children = val.children | ||
| 293 | } | ||
| 294 | }) | ||
| 295 | this.previewImg.imgList = _.cloneDeep(val.children) | ||
| 296 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 297 | this.previewImg.index = this.previewImg.index - 1 | ||
| 298 | } | ||
| 299 | } else { | ||
| 300 | this.previewImg.imgList = [] | ||
| 301 | this.tableData.forEach((item, index) => { | ||
| 302 | if (this.treeCheckId == item.bsmSj) { | ||
| 303 | item.children = [] | ||
| 304 | that.treeCheckIndex = index | ||
| 305 | } | ||
| 306 | }) | ||
| 307 | } | ||
| 308 | |||
| 309 | }, | ||
| 310 | // 左侧菜单点击 | ||
| 311 | /** | ||
| 312 | * @description: 左侧菜单点击 | ||
| 313 | * @param {*} item | ||
| 314 | * @author: renchao | ||
| 315 | */ | ||
| 316 | menuClick (item) { | ||
| 317 | this.checkedId = item.id | ||
| 318 | }, | ||
| 319 | // 添加材料目录 | ||
| 320 | /** | ||
| 321 | * @description: 添加材料目录 | ||
| 322 | * @author: renchao | ||
| 323 | */ | ||
| 324 | handleAdd () { | ||
| 325 | this.isDialog = true; | ||
| 326 | }, | ||
| 327 | // 上移 | ||
| 328 | /** | ||
| 329 | * @description: 上移 | ||
| 330 | * @param {*} index | ||
| 331 | * @param {*} row | ||
| 332 | * @author: renchao | ||
| 333 | */ | ||
| 334 | moveUpward (index, row) { | ||
| 335 | let obj = { | ||
| 336 | xh: row.xh, | ||
| 337 | bsmSlsq: row.bsmSlsq, | ||
| 338 | moveDirection: "UP", | ||
| 339 | }; | ||
| 340 | // 接口待调 | ||
| 341 | moveClml(obj).then(async (res) => { | ||
| 342 | if (res.code == 200) { | ||
| 343 | let res = await this.clmlInitList() | ||
| 344 | if (res == 200) this.$message({ | ||
| 345 | message: '上移成功', | ||
| 346 | type: 'success' | ||
| 347 | }) | ||
| 348 | } else { | ||
| 349 | this.$message.error(res.message); | ||
| 350 | } | ||
| 351 | }) | ||
| 352 | }, | ||
| 353 | // 下移 | ||
| 354 | /** | ||
| 355 | * @description: 下移 | ||
| 356 | * @param {*} index | ||
| 357 | * @param {*} row | ||
| 358 | * @author: renchao | ||
| 359 | */ | ||
| 360 | moveDown (index, row) { | ||
| 361 | let obj = { | ||
| 362 | xh: row.xh, | ||
| 363 | bsmSlsq: row.bsmSlsq, | ||
| 364 | moveDirection: "DOWN", | ||
| 365 | } | ||
| 366 | // 接口待调 | ||
| 367 | moveClml(obj).then(async (res) => { | ||
| 368 | if (res.code == 200) { | ||
| 369 | let res = await this.clmlInitList() | ||
| 370 | if (res == 200) this.$message({ | ||
| 371 | message: '下移成功', | ||
| 372 | type: 'success' | ||
| 373 | }) | ||
| 374 | } else { | ||
| 375 | this.$message.error(res.message); | ||
| 376 | } | ||
| 377 | }) | ||
| 378 | }, | ||
| 379 | // 新增弹窗保存 | ||
| 380 | /** | ||
| 381 | * @description: 新增弹窗保存 | ||
| 382 | * @param {*} data | ||
| 383 | * @author: renchao | ||
| 384 | */ | ||
| 385 | addSave (data) { | ||
| 386 | let obj = { | ||
| 387 | bsmSlsq: this.$parent.bsmSlsq, | ||
| 388 | isrequired: "1", | ||
| 389 | sjmc: data.clmc, | ||
| 390 | sjsl: 0, | ||
| 391 | smzt: '', | ||
| 392 | ys: 0, | ||
| 393 | sjlx: data.cllx, | ||
| 394 | sfxjcl: "1", // 是否必选 | ||
| 395 | }; | ||
| 396 | saveClml(obj).then(async (res) => { | ||
| 397 | if (res.code == 200) { | ||
| 398 | let res = await this.clmlInitList() | ||
| 399 | if (res == 200) this.$message({ | ||
| 400 | message: "新增成功", | ||
| 401 | type: "success", | ||
| 402 | }) | ||
| 403 | } | ||
| 404 | }); | ||
| 405 | }, | ||
| 406 | // 材料目录删除 | ||
| 407 | /** | ||
| 408 | * @description: 材料目录删除 | ||
| 409 | * @param {*} index | ||
| 410 | * @param {*} row | ||
| 411 | * @author: renchao | ||
| 412 | */ | ||
| 413 | handleDelete (index, row) { | ||
| 414 | let that = this | ||
| 415 | this.$confirm('此操作将永久删除该 是否继续?', '提示', { | ||
| 416 | confirmButtonText: '确定', | ||
| 417 | cancelButtonText: '取消', | ||
| 418 | type: 'warning' | ||
| 419 | }).then(() => { | ||
| 420 | deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => { | ||
| 421 | if (res.code == 200) { | ||
| 422 | let res = await that.clmlInitList() | ||
| 423 | if (res == 200) that.$message({ | ||
| 424 | message: "删除成功", | ||
| 425 | type: "success", | ||
| 426 | }) | ||
| 427 | } | ||
| 428 | }) | ||
| 429 | }).catch(() => { | ||
| 430 | this.$message({ | ||
| 431 | type: 'info', | ||
| 432 | message: '已取消删除' | ||
| 433 | }) | ||
| 434 | }) | ||
| 435 | }, | ||
| 436 | // 材料目录点击选中 | ||
| 437 | /** | ||
| 438 | * @description: 材料目录点击选中 | ||
| 439 | * @param {*} item | ||
| 440 | * @param {*} index | ||
| 441 | * @author: renchao | ||
| 442 | */ | ||
| 443 | treeClick (item, index) { | ||
| 444 | this.previewImg.index = 0 | ||
| 445 | this.treeCheckId = item?.bsmSj | ||
| 446 | this.treeCheckIndex = index | ||
| 447 | this.previewImg.imgList = item.children ? item.children : [] | ||
| 448 | this.previewImg.bsmSj = item?.bsmSj | ||
| 449 | }, | ||
| 450 | // 小图片点击 | ||
| 451 | /** | ||
| 452 | * @description: 小图片点击 | ||
| 453 | * @param {*} item | ||
| 454 | * @param {*} index | ||
| 455 | * @author: renchao | ||
| 456 | */ | ||
| 457 | imgClick (item, index) { | ||
| 458 | this.showImg = item; | ||
| 459 | this.titleYs = index + 1; | ||
| 460 | }, | ||
| 461 | // 字典 | ||
| 462 | /** | ||
| 463 | * @description: 字典 | ||
| 464 | * @param {*} val | ||
| 465 | * @param {*} code | ||
| 466 | * @author: renchao | ||
| 467 | */ | ||
| 468 | dicStatus (val, code) { | ||
| 469 | let data = this.$store.getters.dictData[code], | ||
| 470 | name = "暂无"; | ||
| 471 | if (data) { | ||
| 472 | data.map((item) => { | ||
| 473 | if (item.dcode == val) { | ||
| 474 | name = item.dname; | ||
| 475 | } | ||
| 476 | }); | ||
| 477 | return name; | ||
| 478 | } | ||
| 479 | }, | ||
| 480 | }, | ||
| 481 | }; | ||
| 482 | </script> | ||
| 483 | <style scoped lang='scss'> | ||
| 484 | @import "~@/styles/mixin.scss"; | ||
| 485 | |||
| 486 | .active { | ||
| 487 | background: $light-blue !important; | ||
| 488 | color: #fff; | ||
| 489 | } | ||
| 490 | |||
| 491 | .required { | ||
| 492 | font-size: 12px; | ||
| 493 | color: $pink; | ||
| 494 | float: left; | ||
| 495 | } | ||
| 496 | |||
| 497 | .cl_number { | ||
| 498 | float: right; | ||
| 499 | } | ||
| 500 | |||
| 501 | .clxx { | ||
| 502 | width: 100%; | ||
| 503 | display: flex; | ||
| 504 | padding-left: 5px; | ||
| 505 | height: calc(100vh - 125px); | ||
| 506 | |||
| 507 | .left { | ||
| 508 | display: flex; | ||
| 509 | flex-direction: column; | ||
| 510 | justify-content: space-between; | ||
| 511 | |||
| 512 | .item { | ||
| 513 | width: 28px; | ||
| 514 | height: 49%; | ||
| 515 | @include flex-center; | ||
| 516 | background-color: #e4e7ed; | ||
| 517 | border-bottom-right-radius: 10px; | ||
| 518 | padding: 5px; | ||
| 519 | cursor: pointer; | ||
| 520 | transition: all 0.3s; | ||
| 521 | |||
| 522 | &:hover { | ||
| 523 | @extend .active; | ||
| 524 | } | ||
| 525 | } | ||
| 526 | } | ||
| 527 | |||
| 528 | .right { | ||
| 529 | width: 100%; | ||
| 530 | height: 100%; | ||
| 531 | |||
| 532 | .clmlmx-box { | ||
| 533 | margin: 0 auto; | ||
| 534 | |||
| 535 | .title { | ||
| 536 | text-align: center; | ||
| 537 | height: 60px; | ||
| 538 | line-height: 60px; | ||
| 539 | border: 1px solid #dfe6ec; | ||
| 540 | font-size: 20px; | ||
| 541 | background: #81d3f81a; | ||
| 542 | margin-bottom: -1px; | ||
| 543 | } | ||
| 544 | } | ||
| 545 | |||
| 546 | .clyl-box { | ||
| 547 | width: 100%; | ||
| 548 | height: 100%; | ||
| 549 | display: flex; | ||
| 550 | |||
| 551 | .menu-tree { | ||
| 552 | width: 20%; | ||
| 553 | min-width: 160px; | ||
| 554 | height: 100%; | ||
| 555 | margin-right: 10px; | ||
| 556 | border-right: 1px dotted #d9d9d9; | ||
| 557 | padding: 0 15px; | ||
| 558 | |||
| 559 | .item { | ||
| 560 | line-height: 30px; | ||
| 561 | padding-top: 5px; | ||
| 562 | border-bottom: 1px solid #e8e8e8; | ||
| 563 | font-size: 16px; | ||
| 564 | text-align: center; | ||
| 565 | color: $light-blue; | ||
| 566 | |||
| 567 | .itemIcon { | ||
| 568 | float: right; | ||
| 569 | line-height: 60px; | ||
| 570 | cursor: pointer; | ||
| 571 | } | ||
| 572 | |||
| 573 | .child { | ||
| 574 | line-height: 32px; | ||
| 575 | border-bottom: 1px solid #e8e8e8; | ||
| 576 | padding-left: 10px; | ||
| 577 | color: #6b6b6b; | ||
| 578 | cursor: pointer; | ||
| 579 | box-sizing: border-box; | ||
| 580 | border-radius: 6px; | ||
| 581 | line-height: 20px; | ||
| 582 | transition: all 0.3s; | ||
| 583 | padding: 8px 0; | ||
| 584 | } | ||
| 585 | |||
| 586 | .child:hover { | ||
| 587 | color: $light-blue; | ||
| 588 | transform: scale(1.1); | ||
| 589 | } | ||
| 590 | |||
| 591 | .checked { | ||
| 592 | border: 1px solid $light-blue; | ||
| 593 | color: $light-blue; | ||
| 594 | } | ||
| 595 | } | ||
| 596 | } | ||
| 597 | |||
| 598 | .clyl-img { | ||
| 599 | width: 75%; | ||
| 600 | height: 100%; | ||
| 601 | background: #f3f4f7; | ||
| 602 | margin: 0 auto; | ||
| 603 | position: relative; | ||
| 604 | } | ||
| 605 | } | ||
| 606 | } | ||
| 607 | } | ||
| 608 | </style> |
| ... | @@ -9,398 +9,458 @@ | ... | @@ -9,398 +9,458 @@ |
| 9 | <!-- 材料预览 --> | 9 | <!-- 材料预览 --> |
| 10 | <div class="clyl-box"> | 10 | <div class="clyl-box"> |
| 11 | <div class="menu-tree"> | 11 | <div class="menu-tree"> |
| 12 | <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> | 12 | <el-button |
| 13 | type="primary" | ||
| 14 | native-type="submit" | ||
| 15 | @click="viewDetail" | ||
| 16 | style="width: 100%; margin-top: 10px" | ||
| 17 | >查看明细</el-button | ||
| 18 | > | ||
| 13 | <div class="item"> | 19 | <div class="item"> |
| 14 | 材料目录({{tableData.length}}) | 20 | 材料目录({{ tableData.length }}) |
| 15 | <div style="margin-top:10px"> | 21 | <div style="margin-top: 10px"> |
| 16 | <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> | 22 | <div |
| 17 | <div v-for="(item,index) in tableData" :key="item.bsmSj" | 23 | style=" |
| 18 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> | 24 | text-align: center; |
| 19 | <span v-if="item.isrequired==1" class="required">必选</span> | 25 | line-height: 20px; |
| 26 | color: black; | ||
| 27 | font-size: 14px; | ||
| 28 | " | ||
| 29 | v-if="tableData.length == 0" | ||
| 30 | > | ||
| 31 | 暂无数据 | ||
| 32 | </div> | ||
| 33 | <div | ||
| 34 | v-for="(item, index) in tableData" | ||
| 35 | :key="item.bsmSj" | ||
| 36 | :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" | ||
| 37 | @click="treeClick(item, index)" | ||
| 38 | > | ||
| 39 | <span v-if="item.isrequired == 1" class="required">必选</span> | ||
| 20 | {{ item.sjmc }} | 40 | {{ item.sjmc }} |
| 21 | <span class="cl_number">({{item.children ? item.children.length : 0}})</span> | 41 | <span class="cl_number" |
| 42 | >({{ item.children ? item.children.length : 0 }})</span | ||
| 43 | > | ||
| 22 | </div> | 44 | </div> |
| 23 | </div> | 45 | </div> |
| 24 | </div> | 46 | </div> |
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" | 47 | <el-button |
| 26 | v-if="ableOperation">新增</el-button> | 48 | type="primary" |
| 49 | native-type="submit" | ||
| 50 | style="width: 100%" | ||
| 51 | @click="handleAdd()" | ||
| 52 | v-if="ableOperation" | ||
| 53 | >新增</el-button | ||
| 54 | > | ||
| 27 | </div> | 55 | </div> |
| 28 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList" | 56 | <image-preview |
| 57 | ref="imageRef" | ||
| 58 | v-if="tableData.length > 0" | ||
| 59 | :previewImg="previewImg" | ||
| 60 | :ableOperation="ableOperation" | ||
| 61 | @updateList="updateList" | ||
| 29 | @nextPriview="nextPriview" | 62 | @nextPriview="nextPriview" |
| 30 | @prevPriview="prevPriview" /> | 63 | @prevPriview="prevPriview" |
| 64 | /> | ||
| 31 | </div> | 65 | </div> |
| 32 | </div> | 66 | </div> |
| 33 | <clxxAddDialog v-model="isDialog" /> | 67 | <clxxAddDialog v-model="isDialog" /> |
| 34 | </div> | 68 | </div> |
| 35 | </template> | 69 | </template> |
| 36 | <script> | 70 | <script> |
| 37 | import { mapGetters } from "vuex"; | 71 | import { mapGetters } from "vuex"; |
| 38 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; | 72 | import clxxAddDialog from "../dialog/clxxAddDialog.vue"; |
| 39 | import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; | 73 | import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; |
| 40 | import imagePreview from '@/views/components/imagePreview.vue' | 74 | import imagePreview from "@/views/components/imagePreview.vue"; |
| 41 | import { InitClml, saveClml } from "@/api/clxx.js"; | 75 | import { InitClml, saveClml } from "@/api/clxx.js"; |
| 42 | export default { | 76 | export default { |
| 43 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | 77 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, |
| 44 | data () { | 78 | data() { |
| 45 | return { | 79 | return { |
| 46 | //表单是否可操作 | 80 | //表单是否可操作 |
| 47 | ableOperation: true, | 81 | ableOperation: true, |
| 48 | isDialog: false, | 82 | isDialog: false, |
| 49 | iclass: "", | 83 | iclass: "", |
| 50 | // 材料目录选中 | 84 | // 材料目录选中 |
| 51 | treeCheckIndex: 0, | 85 | treeCheckIndex: 0, |
| 52 | treeCheckId: "", | 86 | treeCheckId: "", |
| 53 | key: 0, | 87 | key: 0, |
| 54 | tableData: [], | 88 | tableData: [], |
| 55 | previewImg: { | 89 | previewImg: { |
| 56 | // 收件标识码 | 90 | // 收件标识码 |
| 57 | bsmSj: '', | 91 | bsmSj: "", |
| 58 | bsmSlsq: this.$parent.bsmSlsq, | 92 | bsmSlsq: this.$parent.bsmSlsq, |
| 59 | index: 0, | 93 | index: 0, |
| 60 | selectedIndex: 0, | 94 | selectedIndex: 0, |
| 61 | imgList: [] | 95 | imgList: [], |
| 62 | } | 96 | }, |
| 63 | } | 97 | }; |
| 64 | }, | 98 | }, |
| 65 | computed: { | 99 | computed: { |
| 66 | ...mapGetters(["dictData"]) | 100 | ...mapGetters(["dictData"]), |
| 67 | }, | 101 | }, |
| 68 | created () { | 102 | created() { |
| 69 | this.clmlInitList(1) | 103 | this.clmlInitList(1); |
| 70 | }, | 104 | }, |
| 71 | computed: { | 105 | computed: { |
| 72 | ...mapGetters(['workFresh']) | 106 | ...mapGetters(["workFresh"]), |
| 107 | }, | ||
| 108 | watch: { | ||
| 109 | workFresh: { | ||
| 110 | handler(newVal, oldVal) { | ||
| 111 | if (newVal) this.clmlInitList(1); | ||
| 112 | }, | ||
| 73 | }, | 113 | }, |
| 74 | watch: { | 114 | }, |
| 75 | workFresh: { | 115 | mounted() { |
| 76 | handler (newVal, oldVal) { | 116 | console.log( |
| 77 | if (newVal) this.clmlInitList(1) | 117 | "bestepid: this.$route.query.bestepid,", |
| 78 | } | 118 | this.$route.query.bestepid |
| 119 | ); | ||
| 120 | console.log( | ||
| 121 | "bestepid: this.$route.query.sqywbm,", | ||
| 122 | this.$route.query.sqywbm | ||
| 123 | ); | ||
| 124 | this.ableOperation = this.$parent.ableOperation; | ||
| 125 | }, | ||
| 126 | methods: { | ||
| 127 | // 自动预览 | ||
| 128 | /** | ||
| 129 | * @description: 自动预览 | ||
| 130 | * @author: renchao | ||
| 131 | */ | ||
| 132 | nextPriview() { | ||
| 133 | if (this.treeCheckIndex < this.tableData.length) { | ||
| 134 | this.treeCheckIndex++; | ||
| 135 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; | ||
| 136 | this.previewImg.index = 0; | ||
| 137 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children; | ||
| 138 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; | ||
| 79 | } | 139 | } |
| 80 | }, | 140 | }, |
| 81 | mounted () { | 141 | /** |
| 82 | this.ableOperation = this.$parent.ableOperation | 142 | * @description: prevPriview |
| 143 | * @author: renchao | ||
| 144 | */ | ||
| 145 | prevPriview() { | ||
| 146 | if (this.treeCheckIndex >= 1) { | ||
| 147 | this.treeCheckIndex--; | ||
| 148 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj; | ||
| 149 | this.previewImg.index = this.previewImg.imgList.length; | ||
| 150 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children; | ||
| 151 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj; | ||
| 152 | } | ||
| 83 | }, | 153 | }, |
| 84 | methods: { | 154 | // 材料目录明细初始化 |
| 85 | // 自动预览 | 155 | /** |
| 86 | /** | 156 | * @description: 材料目录明细初始化 |
| 87 | * @description: 自动预览 | 157 | * @param {*} type |
| 88 | * @author: renchao | 158 | * @author: renchao |
| 89 | */ | 159 | */ |
| 90 | nextPriview () { | 160 | clmlInitList(type) { |
| 91 | if (this.treeCheckIndex < this.tableData.length) { | 161 | //type 1：列表初始化 2：新增材料 |
| 92 | this.treeCheckIndex++ | 162 | return new Promise((resolve) => { |
| 93 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | 163 | this.unitData = this.$parent.unitData; |
| 94 | this.previewImg.index = 0 | 164 | var formdata = new FormData(); |
| 95 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | 165 | |
| 96 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | 166 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); |
| 97 | } | 167 | if (this.$route.query.sqywbm == "DJBBL") { |
| 98 | }, | 168 | formdata.append("bsmSldy", this.$parent.bsmRepair); |
| 99 | /** | 169 | formdata.append("clfl", 3); |
| 100 | * @description: prevPriview | 170 | } else { |
| 101 | * @author: renchao | ||
| 102 | */ | ||
| 103 | prevPriview () { | ||
| 104 | if (this.treeCheckIndex >= 1) { | ||
| 105 | this.treeCheckIndex-- | ||
| 106 | this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj | ||
| 107 | this.previewImg.index = this.previewImg.imgList.length | ||
| 108 | this.previewImg.imgList = this.tableData[this.treeCheckIndex].children | ||
| 109 | this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj | ||
| 110 | } | ||
| 111 | }, | ||
| 112 | // 材料目录明细初始化 | ||
| 113 | /** | ||
| 114 | * @description: 材料目录明细初始化 | ||
| 115 | * @param {*} type | ||
| 116 | * @author: renchao | ||
| 117 | */ | ||
| 118 | clmlInitList (type) { | ||
| 119 | //type 1：列表初始化 2：新增材料 | ||
| 120 | return new Promise(resolve => { | ||
| 121 | this.unitData = this.$parent.unitData; | ||
| 122 | var formdata = new FormData(); | ||
| 123 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); | 171 | formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); |
| 124 | formdata.append("bsmSlsq", this.$parent.bsmSlsq); | ||
| 125 | formdata.append("clfl", 2); | 172 | formdata.append("clfl", 2); |
| 126 | InitClml(formdata).then((res) => { | 173 | } |
| 127 | if (res.code == 200) { | 174 | |
| 128 | resolve(res.code) | 175 | InitClml(formdata).then((res) => { |
| 129 | if (res.result && res.result.length > 0) { | 176 | if (res.code == 200) { |
| 130 | this.tableData = res.result; | 177 | resolve(res.code); |
| 131 | if (type == 1) { | 178 | if (res.result && res.result.length > 0) { |
| 132 | this.treeClick(this.tableData[0], 0); | 179 | this.tableData = res.result; |
| 133 | } else { | 180 | if (type == 1) { |
| 134 | //新增材料后刷新列表焦点置于新增的对象上 | 181 | this.treeClick(this.tableData[0], 0); |
| 135 | this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); | 182 | } else { |
| 136 | } | 183 | //新增材料后刷新列表焦点置于新增的对象上 |
| 184 | this.treeClick( | ||
| 185 | this.tableData[this.tableData.length - 1], | ||
| 186 | this.tableData.length - 1 | ||
| 187 | ); | ||
| 137 | } | 188 | } |
| 138 | } else { | ||
| 139 | this.$message.error(res.message) | ||
| 140 | } | ||
| 141 | }) | ||
| 142 | }) | ||
| 143 | }, | ||
| 144 | /** | ||
| 145 | * @description: setChecked | ||
| 146 | * @param {*} item | ||
| 147 | * @author: renchao | ||
| 148 | */ | ||
| 149 | setChecked (item) { | ||
| 150 | this.treeCheckId = item.bsmSj; | ||
| 151 | this.title = item.sjmc; | ||
| 152 | this.titleYs = 1; | ||
| 153 | this.titleNum = item.children.length; | ||
| 154 | this.previewImg.imgList = item.children; | ||
| 155 | this.previewImg.bsmSj = item.bsmSj; | ||
| 156 | }, | ||
| 157 | /** | ||
| 158 | * @description: updateList | ||
| 159 | * @param {*} val | ||
| 160 | * @author: renchao | ||
| 161 | */ | ||
| 162 | updateList (val) { | ||
| 163 | let that = this | ||
| 164 | if (val.children.length != 0) { //删除最后一张图片时 val=null | ||
| 165 | this.tableData.forEach(item => { | ||
| 166 | if (item.bsmSj === val.bsmSj) { | ||
| 167 | item.children = val.children | ||
| 168 | } | 189 | } |
| 169 | }) | 190 | } else { |
| 170 | this.previewImg.imgList = _.cloneDeep(val.children) | 191 | this.$message.error(res.message); |
| 171 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 172 | this.previewImg.index = this.previewImg.index - 1 | ||
| 173 | } | 192 | } |
| 174 | } else { | 193 | }); |
| 175 | this.previewImg.imgList = [] | 194 | }); |
| 176 | this.tableData.forEach((item, index) => { | 195 | }, |
| 177 | if (this.treeCheckId == item.bsmSj) { | 196 | /** |
| 178 | item.children = [] | 197 | * @description: setChecked |
| 179 | that.treeCheckIndex = index | 198 | * @param {*} item |
| 180 | } | 199 | * @author: renchao |
| 181 | }) | 200 | */ |
| 201 | setChecked(item) { | ||
| 202 | this.treeCheckId = item.bsmSj; | ||
| 203 | this.title = item.sjmc; | ||
| 204 | this.titleYs = 1; | ||
| 205 | this.titleNum = item.children.length; | ||
| 206 | this.previewImg.imgList = item.children; | ||
| 207 | this.previewImg.bsmSj = item.bsmSj; | ||
| 208 | }, | ||
| 209 | /** | ||
| 210 | * @description: updateList | ||
| 211 | * @param {*} val | ||
| 212 | * @author: renchao | ||
| 213 | */ | ||
| 214 | updateList(val) { | ||
| 215 | let that = this; | ||
| 216 | if (val.children.length != 0) { | ||
| 217 | //删除最后一张图片时 val=null | ||
| 218 | this.tableData.forEach((item) => { | ||
| 219 | if (item.bsmSj === val.bsmSj) { | ||
| 220 | item.children = val.children; | ||
| 221 | } | ||
| 222 | }); | ||
| 223 | this.previewImg.imgList = _.cloneDeep(val.children); | ||
| 224 | if (this.previewImg.index == this.previewImg.imgList.length) { | ||
| 225 | this.previewImg.index = this.previewImg.index - 1; | ||
| 182 | } | 226 | } |
| 183 | }, | 227 | } else { |
| 184 | // 添加材料目录 | 228 | this.previewImg.imgList = []; |
| 185 | /** | 229 | this.tableData.forEach((item, index) => { |
| 186 | * @description: 添加材料目录 | 230 | if (this.treeCheckId == item.bsmSj) { |
| 187 | * @author: renchao | 231 | item.children = []; |
| 188 | */ | 232 | that.treeCheckIndex = index; |
| 189 | handleAdd () { | 233 | } |
| 190 | this.isDialog = true; | 234 | }); |
| 191 | }, | 235 | } |
| 192 | // 新增弹窗保存 | 236 | }, |
| 193 | /** | 237 | // 添加材料目录 |
| 194 | * @description: 新增弹窗保存 | 238 | /** |
| 195 | * @param {*} data | 239 | * @description: 添加材料目录 |
| 196 | * @author: renchao | 240 | * @author: renchao |
| 197 | */ | 241 | */ |
| 198 | addSave (data) { | 242 | handleAdd() { |
| 199 | let obj = { | 243 | this.isDialog = true; |
| 200 | bsmSlsq: this.$parent.bsmSlsq, | 244 | }, |
| 201 | isrequired: "1", | 245 | // 新增弹窗保存 |
| 202 | sjmc: data.clmc, | 246 | /** |
| 203 | sjsl: 0, | 247 | * @description: 新增弹窗保存 |
| 204 | smzt: '', | 248 | * @param {*} data |
| 205 | ys: 0, | 249 | * @author: renchao |
| 206 | sjlx: data.cllx, | 250 | */ |
| 207 | sfxjcl: "1", // 是否必选 | 251 | addSave(data) { |
| 208 | }; | 252 | let obj = { |
| 209 | saveClml(obj).then(async (res) => { | 253 | bsmSlsq: this.$parent.bsmSlsq, |
| 210 | if (res.code == 200) { | 254 | isrequired: "1", |
| 211 | let res = await this.clmlInitList(2) | 255 | sjmc: data.clmc, |
| 212 | if (res == 200) this.$message({ | 256 | sjsl: 0, |
| 257 | smzt: "", | ||
| 258 | ys: 0, | ||
| 259 | sjlx: data.cllx, | ||
| 260 | sfxjcl: "1", // 是否必选 | ||
| 261 | }; | ||
| 262 | saveClml(obj).then(async (res) => { | ||
| 263 | if (res.code == 200) { | ||
| 264 | let res = await this.clmlInitList(2); | ||
| 265 | if (res == 200) | ||
| 266 | this.$message({ | ||
| 213 | message: "新增成功", | 267 | message: "新增成功", |
| 214 | type: "success", | 268 | type: "success", |
| 215 | }) | 269 | }); |
| 270 | } | ||
| 271 | }); | ||
| 272 | }, | ||
| 273 | // 材料目录点击选中 | ||
| 274 | /** | ||
| 275 | * @description: 材料目录点击选中 | ||
| 276 | * @param {*} item | ||
| 277 | * @param {*} index | ||
| 278 | * @author: renchao | ||
| 279 | */ | ||
| 280 | treeClick(item, index) { | ||
| 281 | this.previewImg.index = 0; | ||
| 282 | this.treeCheckId = item?.bsmSj; | ||
| 283 | this.treeCheckIndex = index; | ||
| 284 | this.previewImg.imgList = item.children ? item.children : []; | ||
| 285 | this.previewImg.bsmSj = item?.bsmSj; | ||
| 286 | }, | ||
| 287 | // 小图片点击 | ||
| 288 | /** | ||
| 289 | * @description: 小图片点击 | ||
| 290 | * @param {*} item | ||
| 291 | * @param {*} index | ||
| 292 | * @author: renchao | ||
| 293 | */ | ||
| 294 | imgClick(item, index) { | ||
| 295 | this.showImg = item; | ||
| 296 | this.titleYs = index + 1; | ||
| 297 | }, | ||
| 298 | // 字典 | ||
| 299 | /** | ||
| 300 | * @description: 字典 | ||
| 301 | * @param {*} val | ||
| 302 | * @param {*} code | ||
| 303 | * @author: renchao | ||
| 304 | */ | ||
| 305 | dicStatus(val, code) { | ||
| 306 | let data = this.$store.getters.dictData[code], | ||
| 307 | name = "暂无"; | ||
| 308 | if (data) { | ||
| 309 | data.map((item) => { | ||
| 310 | if (item.dcode == val) { | ||
| 311 | name = item.dname; | ||
| 216 | } | 312 | } |
| 217 | }); | 313 | }); |
| 218 | }, | 314 | return name; |
| 219 | // 材料目录点击选中 | 315 | } |
| 220 | /** | 316 | }, |
| 221 | * @description: 材料目录点击选中 | 317 | //查看明细 |
| 222 | * @param {*} item | 318 | viewDetail() { |
| 223 | * @param {*} index | 319 | this.$store.dispatch("user/reWorkFresh", false); |
| 224 | * @author: renchao | 320 | this.$popupDialog( |
| 225 | */ | 321 | "查看明细", |
| 226 | treeClick (item, index) { | 322 | "workflow/components/dialog/clxxDetailDialog", |
| 227 | this.previewImg.index = 0 | 323 | { |
| 228 | this.treeCheckId = item?.bsmSj | ||
| 229 | this.treeCheckIndex = index | ||
| 230 | this.previewImg.imgList = item.children ? item.children : [] | ||
| 231 | this.previewImg.bsmSj = item?.bsmSj | ||
| 232 | }, | ||
| 233 | // 小图片点击 | ||
| 234 | /** | ||
| 235 | * @description: 小图片点击 | ||
| 236 | * @param {*} item | ||
| 237 | * @param {*} index | ||
| 238 | * @author: renchao | ||
| 239 | */ | ||
| 240 | imgClick (item, index) { | ||
| 241 | this.showImg = item; | ||
| 242 | this.titleYs = index + 1; | ||
| 243 | }, | ||
| 244 | // 字典 | ||
| 245 | /** | ||
| 246 | * @description: 字典 | ||
| 247 | * @param {*} val | ||
| 248 | * @param {*} code | ||
| 249 | * @author: renchao | ||
| 250 | */ | ||
| 251 | dicStatus (val, code) { | ||
| 252 | let data = this.$store.getters.dictData[code], | ||
| 253 | name = "暂无"; | ||
| 254 | if (data) { | ||
| 255 | data.map((item) => { | ||
| 256 | if (item.dcode == val) { | ||
| 257 | name = item.dname | ||
| 258 | } | ||
| 259 | }); | ||
| 260 | return name | ||
| 261 | } | ||
| 262 | }, | ||
| 263 | //查看明细 | ||
| 264 | viewDetail () { | ||
| 265 | this.$store.dispatch('user/reWorkFresh', false) | ||
| 266 | this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { | ||
| 267 | data: this.tableData, | 324 | data: this.tableData, |
| 268 | unitData: this.$parent.unitData, | 325 | unitData: this.$parent.unitData, |
| 269 | ableOperation: this.$parent.ableOperation | 326 | ableOperation: this.$parent.ableOperation, |
| 270 | }, "60%", true) | 327 | }, |
| 271 | }, | 328 | "60%", |
| 272 | //设置tableData | 329 | true |
| 273 | setTableData (tableData) { | 330 | ); |
| 274 | this.$nextTick(res => { | 331 | }, |
| 275 | this.tableData = tableData; | 332 | //设置tableData |
| 276 | }) | 333 | setTableData(tableData) { |
| 277 | }, | 334 | this.$nextTick((res) => { |
| 335 | this.tableData = tableData; | ||
| 336 | }); | ||
| 278 | }, | 337 | }, |
| 279 | }; | 338 | }, |
| 339 | }; | ||
| 280 | </script> | 340 | </script> |
| 281 | <style scoped lang='scss'> | 341 | <style scoped lang="scss"> |
| 282 | @import "~@/styles/mixin.scss"; | 342 | @import "~@/styles/mixin.scss"; |
| 283 | 343 | ||
| 284 | .active { | 344 | .active { |
| 285 | background: $light-blue !important; | 345 | background: $light-blue !important; |
| 286 | color: #fff; | 346 | color: #fff; |
| 287 | } | 347 | } |
| 288 | 348 | ||
| 289 | .required { | 349 | .required { |
| 290 | font-size: 12px; | 350 | font-size: 12px; |
| 291 | color: $pink; | 351 | color: $pink; |
| 292 | float: left; | 352 | float: left; |
| 293 | } | 353 | } |
| 294 | 354 | ||
| 295 | .cl_number { | 355 | .cl_number { |
| 296 | float: right; | 356 | float: right; |
| 297 | } | 357 | } |
| 298 | 358 | ||
| 299 | .clxx { | 359 | .clxx { |
| 300 | width: 100%; | 360 | width: 100%; |
| 361 | display: flex; | ||
| 362 | padding-left: 5px; | ||
| 363 | height: calc(100vh - 125px); | ||
| 364 | |||
| 365 | .left { | ||
| 301 | display: flex; | 366 | display: flex; |
| 302 | padding-left: 5px; | 367 | flex-direction: column; |
| 303 | height: calc(100vh - 125px); | 368 | justify-content: space-between; |
| 304 | 369 | ||
| 305 | .left { | 370 | .item { |
| 306 | display: flex; | 371 | width: 28px; |
| 307 | flex-direction: column; | 372 | height: 49%; |
| 308 | justify-content: space-between; | 373 | @include flex-center; |
| 374 | background-color: #e4e7ed; | ||
| 375 | border-bottom-right-radius: 10px; | ||
| 376 | padding: 5px; | ||
| 377 | cursor: pointer; | ||
| 378 | transition: all 0.3s; | ||
| 309 | 379 | ||
| 310 | .item { | 380 | &:hover { |
| 311 | width: 28px; | 381 | @extend .active; |
| 312 | height: 49%; | 382 | } |
| 313 | @include flex-center; | 383 | } |
| 314 | background-color: #e4e7ed; | 384 | } |
| 315 | border-bottom-right-radius: 10px; | ||
| 316 | padding: 5px; | ||
| 317 | cursor: pointer; | ||
| 318 | transition: all 0.3s; | ||
| 319 | 385 | ||
| 320 | &:hover { | 386 | .right { |
| 321 | @extend .active; | 387 | width: 100%; |
| 322 | } | 388 | height: 100%; |
| 389 | |||
| 390 | .clmlmx-box { | ||
| 391 | margin: 0 auto; | ||
| 392 | |||
| 393 | .title { | ||
| 394 | text-align: center; | ||
| 395 | height: 60px; | ||
| 396 | line-height: 60px; | ||
| 397 | border: 1px solid #dfe6ec; | ||
| 398 | font-size: 20px; | ||
| 399 | background: #81d3f81a; | ||
| 400 | margin-bottom: -1px; | ||
| 323 | } | 401 | } |
| 324 | } | 402 | } |
| 325 | 403 | ||
| 326 | .right { | 404 | .clyl-box { |
| 327 | width: 100%; | 405 | width: 100%; |
| 328 | height: 100%; | 406 | height: 100%; |
| 407 | display: flex; | ||
| 329 | 408 | ||
| 330 | .clmlmx-box { | 409 | .menu-tree { |
| 331 | margin: 0 auto; | 410 | width: 20%; |
| 411 | min-width: 160px; | ||
| 412 | height: 100%; | ||
| 413 | margin-right: 10px; | ||
| 414 | border-right: 1px dotted #d9d9d9; | ||
| 415 | padding: 0 15px; | ||
| 332 | 416 | ||
| 333 | .title { | 417 | .item { |
| 418 | line-height: 30px; | ||
| 419 | padding-top: 5px; | ||
| 420 | border-bottom: 1px solid #e8e8e8; | ||
| 421 | font-size: 16px; | ||
| 334 | text-align: center; | 422 | text-align: center; |
| 335 | height: 60px; | 423 | color: $light-blue; |
| 336 | line-height: 60px; | ||
| 337 | border: 1px solid #dfe6ec; | ||
| 338 | font-size: 20px; | ||
| 339 | background: #81d3f81a; | ||
| 340 | margin-bottom: -1px; | ||
| 341 | } | ||
| 342 | } | ||
| 343 | |||
| 344 | .clyl-box { | ||
| 345 | width: 100%; | ||
| 346 | height: 100%; | ||
| 347 | display: flex; | ||
| 348 | 424 | ||
| 349 | .menu-tree { | 425 | .itemIcon { |
| 350 | width: 20%; | 426 | float: right; |
| 351 | min-width: 160px; | 427 | line-height: 60px; |
| 352 | height: 100%; | 428 | cursor: pointer; |
| 353 | margin-right: 10px; | 429 | } |
| 354 | border-right: 1px dotted #d9d9d9; | ||
| 355 | padding: 0 15px; | ||
| 356 | 430 | ||
| 357 | .item { | 431 | .child { |
| 358 | line-height: 30px; | 432 | line-height: 32px; |
| 359 | padding-top: 5px; | ||
| 360 | border-bottom: 1px solid #e8e8e8; | 433 | border-bottom: 1px solid #e8e8e8; |
| 361 | font-size: 16px; | 434 | padding-left: 10px; |
| 362 | text-align: center; | 435 | color: #6b6b6b; |
| 363 | color: $light-blue; | 436 | cursor: pointer; |
| 364 | 437 | box-sizing: border-box; | |
| 365 | .itemIcon { | 438 | border-radius: 6px; |
| 366 | float: right; | 439 | line-height: 20px; |
| 367 | line-height: 60px; | 440 | transition: all 0.3s; |
| 368 | cursor: pointer; | 441 | padding: 8px 0; |
| 369 | } | 442 | } |
| 370 | |||
| 371 | .child { | ||
| 372 | line-height: 32px; | ||
| 373 | border-bottom: 1px solid #e8e8e8; | ||
| 374 | padding-left: 10px; | ||
| 375 | color: #6b6b6b; | ||
| 376 | cursor: pointer; | ||
| 377 | box-sizing: border-box; | ||
| 378 | border-radius: 6px; | ||
| 379 | line-height: 20px; | ||
| 380 | transition: all 0.3s; | ||
| 381 | padding: 8px 0; | ||
| 382 | } | ||
| 383 | 443 | ||
| 384 | .child:hover { | 444 | .child:hover { |
| 385 | color: $light-blue; | 445 | color: $light-blue; |
| 386 | transform: scale(1.1); | 446 | transform: scale(1.1); |
| 387 | } | 447 | } |
| 388 | 448 | ||
| 389 | .checked { | 449 | .checked { |
| 390 | border: 1px solid $light-blue; | 450 | border: 1px solid $light-blue; |
| 391 | color: $light-blue; | 451 | color: $light-blue; |
| 392 | } | ||
| 393 | } | 452 | } |
| 394 | } | 453 | } |
| 454 | } | ||
| 395 | 455 | ||
| 396 | .clyl-img { | 456 | .clyl-img { |
| 397 | width: 75%; | 457 | width: 75%; |
| 398 | height: 100%; | 458 | height: 100%; |
| 399 | background: #f3f4f7; | 459 | background: #f3f4f7; |
| 400 | margin: 0 auto; | 460 | margin: 0 auto; |
| 401 | position: relative; | 461 | position: relative; |
| 402 | } | ||
| 403 | } | 462 | } |
| 404 | } | 463 | } |
| 405 | } | 464 | } |
| 465 | } | ||
| 406 | </style> | 466 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-28 15:46:24 | 4 | * @LastEditTime: 2023-08-03 14:13:59 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -202,10 +202,9 @@ | ... | @@ -202,10 +202,9 @@ |
| 202 | width: 300px; | 202 | width: 300px; |
| 203 | margin-top: 10px; | 203 | margin-top: 10px; |
| 204 | margin-right: 10px; | 204 | margin-right: 10px; |
| 205 | 205 | // .szxx_body { | |
| 206 | .szxx_body { | 206 | // height: 240px; |
| 207 | height: 240px; | 207 | // } |
| 208 | } | ||
| 209 | } | 208 | } |
| 210 | } | 209 | } |
| 211 | 210 | ... | ... |
-
Please register or sign in to post a comment