新增补录记录弹框
Showing
14 changed files
with
299 additions
and
104 deletions
| ... | @@ -73,7 +73,7 @@ export function choiceBdcdy (data) { | ... | @@ -73,7 +73,7 @@ export function choiceBdcdy (data) { |
| 73 | */ | 73 | */ |
| 74 | export function selectRepairQlxx (data) { | 74 | export function selectRepairQlxx (data) { |
| 75 | return request({ | 75 | return request({ |
| 76 | url: 'ywbl/ywsq/selectRepairQlxx', | 76 | url: '/bdcdj/rest/ywbl/ywsq/selectRepairQlxx', |
| 77 | method: 'post', | 77 | method: 'post', |
| 78 | data | 78 | data |
| 79 | }) | 79 | }) | ... | ... |
| ... | @@ -127,7 +127,6 @@ export default { | ... | @@ -127,7 +127,6 @@ export default { |
| 127 | leftMenu(formdata).then((res) => { | 127 | leftMenu(formdata).then((res) => { |
| 128 | if (res.code === 200 && res.result) { | 128 | if (res.code === 200 && res.result) { |
| 129 | this.currentSelectProps = res.result[0]; | 129 | this.currentSelectProps = res.result[0]; |
| 130 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
| 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 130 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
| 132 | } | 131 | } |
| 133 | }); | 132 | }); |
| ... | @@ -140,7 +139,7 @@ export default { | ... | @@ -140,7 +139,7 @@ export default { |
| 140 | if(row){ | 139 | if(row){ |
| 141 | this.supplementarylist.forEach((item,index) => { | 140 | this.supplementarylist.forEach((item,index) => { |
| 142 | if(item.bsmRepair==row.bsmRepair){ | 141 | if(item.bsmRepair==row.bsmRepair){ |
| 143 | this.activeIndex=index | 142 | this.activeIndex=index.toString() |
| 144 | this.unitClick(index) | 143 | this.unitClick(index) |
| 145 | } | 144 | } |
| 146 | }) | 145 | }) | ... | ... |
| ... | @@ -244,22 +244,6 @@ | ... | @@ -244,22 +244,6 @@ |
| 244 | </el-radio-group> | 244 | </el-radio-group> |
| 245 | </el-form-item> | 245 | </el-form-item> |
| 246 | </el-col> | 246 | </el-col> |
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | ||
| 248 | <el-form-item label="是否分别持证:"> | ||
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | ||
| 250 | <el-radio :label=1>是</el-radio> | ||
| 251 | <el-radio :label=0>否</el-radio> | ||
| 252 | </el-radio-group> | ||
| 253 | </el-form-item> | ||
| 254 | </el-col> --> | ||
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | ||
| 256 | <el-form-item label="持证人:"> | ||
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | ||
| 259 | </el-option> | ||
| 260 | </el-select> | ||
| 261 | </el-form-item> | ||
| 262 | </el-col> --> | ||
| 263 | </el-row> | 247 | </el-row> |
| 264 | <qlrCommonTable | 248 | <qlrCommonTable |
| 265 | :tableData="ruleForm.qlrList" | 249 | :tableData="ruleForm.qlrList" |
| ... | @@ -316,7 +300,6 @@ export default { | ... | @@ -316,7 +300,6 @@ export default { |
| 316 | }; | 300 | }; |
| 317 | }, | 301 | }, |
| 318 | created() { | 302 | created() { |
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | 303 | this.loadData(); |
| 321 | }, | 304 | }, |
| 322 | mounted() {}, | 305 | mounted() {}, |
| ... | @@ -325,6 +308,7 @@ export default { | ... | @@ -325,6 +308,7 @@ export default { |
| 325 | init(this.propsParam.bsmRepair).then((res) => { | 308 | init(this.propsParam.bsmRepair).then((res) => { |
| 326 | if (res.code == 200) { | 309 | if (res.code == 200) { |
| 327 | this.ruleForm = res.result; | 310 | this.ruleForm = res.result; |
| 311 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | ||
| 328 | this.isShow = true; | 312 | this.isShow = true; |
| 329 | // this.tableData = res.result; | 313 | // this.tableData = res.result; |
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | 314 | // if (this.tableData.length < datas.columns().emptycolNum) { | ... | ... |
| ... | @@ -227,6 +227,17 @@ | ... | @@ -227,6 +227,17 @@ |
| 227 | </el-col> | 227 | </el-col> |
| 228 | </el-row> | 228 | </el-row> |
| 229 | <div class="slxx_title title-block"> | 229 | <div class="slxx_title title-block"> |
| 230 | 土地用途 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <tdytTable | ||
| 234 | :tableData="ruleForm.qlrList" | ||
| 235 | @upDateQlrxxList="upDateQlrxxList" | ||
| 236 | :key="key" | ||
| 237 | :viewtype="$route.query.viewtype" | ||
| 238 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 239 | /> | ||
| 240 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | 241 | 权利人信息 |
| 231 | <div class="triangle"></div> | 242 | <div class="triangle"></div> |
| 232 | </div> | 243 | </div> |
| ... | @@ -244,22 +255,22 @@ | ... | @@ -244,22 +255,22 @@ |
| 244 | </el-radio-group> | 255 | </el-radio-group> |
| 245 | </el-form-item> | 256 | </el-form-item> |
| 246 | </el-col> | 257 | </el-col> |
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | 258 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> |
| 248 | <el-form-item label="是否分别持证:"> | 259 | <el-form-item label="是否分别持证:"> |
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | 260 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> |
| 250 | <el-radio :label=1>是</el-radio> | 261 | <el-radio :label=1>是</el-radio> |
| 251 | <el-radio :label=0>否</el-radio> | 262 | <el-radio :label=0>否</el-radio> |
| 252 | </el-radio-group> | 263 | </el-radio-group> |
| 253 | </el-form-item> | 264 | </el-form-item> |
| 254 | </el-col> --> | 265 | </el-col> |
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | 266 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> |
| 256 | <el-form-item label="持证人:"> | 267 | <el-form-item label="持证人:"> |
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 268 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 269 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> |
| 259 | </el-option> | 270 | </el-option> |
| 260 | </el-select> | 271 | </el-select> |
| 261 | </el-form-item> | 272 | </el-form-item> |
| 262 | </el-col> --> | 273 | </el-col> |
| 263 | </el-row> | 274 | </el-row> |
| 264 | <qlrCommonTable | 275 | <qlrCommonTable |
| 265 | :tableData="ruleForm.qlrList" | 276 | :tableData="ruleForm.qlrList" |
| ... | @@ -296,8 +307,9 @@ import { mapGetters } from "vuex"; | ... | @@ -296,8 +307,9 @@ import { mapGetters } from "vuex"; |
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 307 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 297 | import { init } from "@/api/djbbl.js"; | 308 | import { init } from "@/api/djbbl.js"; |
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 309 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 310 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
| 299 | export default { | 311 | export default { |
| 300 | components: { qlrCommonTable }, | 312 | components: { qlrCommonTable,tdytTable }, |
| 301 | computed: { | 313 | computed: { |
| 302 | ...mapGetters(["dictData", "flag"]), | 314 | ...mapGetters(["dictData", "flag"]), |
| 303 | }, | 315 | }, |
| ... | @@ -316,7 +328,6 @@ export default { | ... | @@ -316,7 +328,6 @@ export default { |
| 316 | }; | 328 | }; |
| 317 | }, | 329 | }, |
| 318 | created() { | 330 | created() { |
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | 331 | this.loadData(); |
| 321 | }, | 332 | }, |
| 322 | mounted() {}, | 333 | mounted() {}, |
| ... | @@ -324,7 +335,9 @@ export default { | ... | @@ -324,7 +335,9 @@ export default { |
| 324 | loadData() { | 335 | loadData() { |
| 325 | init(this.propsParam.bsmRepair).then((res) => { | 336 | init(this.propsParam.bsmRepair).then((res) => { |
| 326 | if (res.code == 200) { | 337 | if (res.code == 200) { |
| 338 | |||
| 327 | this.ruleForm = res.result; | 339 | this.ruleForm = res.result; |
| 340 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | ||
| 328 | this.isShow = true; | 341 | this.isShow = true; |
| 329 | // this.tableData = res.result; | 342 | // this.tableData = res.result; |
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | 343 | // if (this.tableData.length < datas.columns().emptycolNum) { | ... | ... |
| ... | @@ -11,88 +11,68 @@ | ... | @@ -11,88 +11,68 @@ |
| 11 | :visible.sync="dialogVisible" | 11 | :visible.sync="dialogVisible" |
| 12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" |
| 13 | append-to-body | 13 | append-to-body |
| 14 | width="20%" | 14 | width="60%" |
| 15 | > | 15 | > |
| 16 | <el-select v-model="qllxvalue" placeholder="请选择"> | 16 | <el-radio-group v-model="radio"> |
| 17 | <el-option | 17 | <el-radio-button |
| 18 | v-for="item in options" | 18 | v-for="(value, key) in qllxlistdata" |
| 19 | :key="item.value" | 19 | :key="key" |
| 20 | :label="item.label" | 20 | :label="value" |
| 21 | :value="item.value" | 21 | ></el-radio-button> |
| 22 | > | 22 | </el-radio-group> |
| 23 | </el-option> | 23 | <div class="btn"> |
| 24 | </el-select> | ||
| 25 | <!-- <el-radio-group v-model="radio"> | ||
| 26 | <el-radio :label="1">111</el-radio> | ||
| 27 | <el-radio :label="2">111</el-radio> | ||
| 28 | </el-radio-group> --> | ||
| 29 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 24 | <el-button type="primary" @click="handleSubmit">确定</el-button> |
| 30 | <el-button type="primary" @click="closeDialog">取消</el-button> | 25 | <el-button type="primary" @click="closeDialog">取消</el-button> |
| 26 | </div> | ||
| 31 | </el-dialog> | 27 | </el-dialog> |
| 32 | </template> | 28 | </template> |
| 33 | 29 | ||
| 34 | <script> | 30 | <script> |
| 35 | export default { | 31 | export default { |
| 36 | 32 | data() { | |
| 37 | data () { | ||
| 38 | return { | 33 | return { |
| 39 | dialogVisible:false, | 34 | dialogVisible: false, |
| 40 | options: [ | 35 | qllxlistdata: {}, |
| 41 | { | 36 | radio: "", |
| 42 | value: "选项1", | 37 | qllx:"" |
| 43 | label: "抵押权", | ||
| 44 | }, | ||
| 45 | { | ||
| 46 | value: "选项2", | ||
| 47 | label: "地役权", | ||
| 48 | }, | ||
| 49 | { | ||
| 50 | value: "选项3", | ||
| 51 | label: "预告登记", | ||
| 52 | }, | ||
| 53 | { | ||
| 54 | value: "选项4", | ||
| 55 | label: "异议登记", | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | value: "选项5", | ||
| 59 | label: "查封登记", | ||
| 60 | }, | ||
| 61 | ], | ||
| 62 | qllxvalue: "", | ||
| 63 | radio:3, | ||
| 64 | qllxobj:{ | ||
| 65 | qllx:"", | ||
| 66 | bsmQlxx | ||
| 67 | |||
| 68 | } | ||
| 69 | }; | 38 | }; |
| 70 | }, | 39 | }, |
| 40 | |||
| 71 | methods: { | 41 | methods: { |
| 72 | closeDialog () { | 42 | closeDialog() { |
| 73 | this.dialogVisible=false | 43 | this.dialogVisible = false; |
| 74 | }, | 44 | }, |
| 75 | handleSubmit () { | 45 | handleSubmit() { |
| 76 | let qllxobj={ | 46 | for (const key in this.qllxlistdata) { |
| 77 | qllx:this.value, | 47 | if (this.qllxlistdata[key] === this.radio) { |
| 78 | bsmQlxx:this.value | 48 | this.qllx= key; |
| 79 | 49 | } | |
| 80 | } | 50 | } |
| 81 | // this.$parent.addRepairRecord(qllxobj) | 51 | let qllxobj = { |
| 52 | qllx:this.qllx, | ||
| 53 | bsmQlxx:"" | ||
| 54 | }; | ||
| 55 | this.$parent.addRepairRecord(qllxobj) | ||
| 82 | }, | 56 | }, |
| 83 | }, | 57 | }, |
| 84 | }; | 58 | }; |
| 85 | </script> | 59 | </script> |
| 86 | <style scoped lang="scss"> | 60 | <style scoped lang="scss"> |
| 87 | .qllxdialog{ | 61 | .qllxdialog { |
| 88 | margin-top: 200px; | 62 | margin-top: 200px; |
| 89 | /deep/.el-dialog__body{ | 63 | /deep/.el-dialog__body { |
| 90 | margin-top: 10px; | 64 | margin-top: 10px; |
| 91 | height: 100px; | 65 | // height: 100px; |
| 66 | padding: 30px; | ||
| 92 | } | 67 | } |
| 93 | .el-button{ | 68 | .btn{ |
| 69 | margin:30px; | ||
| 70 | text-align: center; | ||
| 71 | .el-button { | ||
| 94 | margin-top: 10px; | 72 | margin-top: 10px; |
| 95 | margin-left: 20px; | 73 | margin-left: 20px; |
| 96 | } | 74 | } |
| 75 | } | ||
| 76 | |||
| 97 | } | 77 | } |
| 98 | </style> | 78 | </style> | ... | ... |
| ... | @@ -136,8 +136,10 @@ export default { | ... | @@ -136,8 +136,10 @@ export default { |
| 136 | 136 | ||
| 137 | // break; | 137 | // break; |
| 138 | case "B5": | 138 | case "B5": |
| 139 | this.getQllxByBdcdyid() | ||
| 139 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) | 140 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) |
| 140 | this.$refs.qllxlist.dialogVisible=true | 141 | |
| 142 | |||
| 141 | break; | 143 | break; |
| 142 | case "B6": | 144 | case "B6": |
| 143 | //根据编号获取对应信息 | 145 | //根据编号获取对应信息 | ... | ... |
| ... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
| 63 | </div> | 63 | </div> |
| 64 | </div> | 64 | </div> |
| 65 | <!-- 新增补录信息勾选权利类型 --> | 65 | <!-- 新增补录信息勾选权利类型 --> |
| 66 | <qllxDailog ref="qllxlist"/> | 66 | <qllxDailog ref="qllxlist" /> |
| 67 | </div> | 67 | </div> |
| 68 | </template> | 68 | </template> |
| 69 | <style scoped lang="scss"> | 69 | <style scoped lang="scss"> |
| ... | @@ -109,8 +109,6 @@ export default { | ... | @@ -109,8 +109,6 @@ export default { |
| 109 | tabName: "", | 109 | tabName: "", |
| 110 | // 弹框显示 | 110 | // 弹框显示 |
| 111 | dialogVisible: true, | 111 | dialogVisible: true, |
| 112 | // 权利类型数组 | ||
| 113 | qllxlist: [], | ||
| 114 | //表单集合 | 112 | //表单集合 |
| 115 | tabList: [], | 113 | tabList: [], |
| 116 | //选择加载哪一个组件 | 114 | //选择加载哪一个组件 |
| ... | @@ -126,7 +124,6 @@ export default { | ... | @@ -126,7 +124,6 @@ export default { |
| 126 | treedata: {}, | 124 | treedata: {}, |
| 127 | tabdata: [], | 125 | tabdata: [], |
| 128 | defaultNode: {}, | 126 | defaultNode: {}, |
| 129 | |||
| 130 | }; | 127 | }; |
| 131 | }, | 128 | }, |
| 132 | mounted() {}, | 129 | mounted() {}, |
| ... | @@ -136,7 +133,8 @@ export default { | ... | @@ -136,7 +133,8 @@ export default { |
| 136 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 133 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( |
| 137 | (res) => { | 134 | (res) => { |
| 138 | if (res.code === 200) { | 135 | if (res.code === 200) { |
| 139 | console.log("Qllxlist", res); | 136 | this.$refs.qllxlist.qllxlistdata = res.result; |
| 137 | this.$refs.qllxlist.dialogVisible = true; | ||
| 140 | } | 138 | } |
| 141 | } | 139 | } |
| 142 | ); | 140 | ); |
| ... | @@ -180,7 +178,6 @@ export default { | ... | @@ -180,7 +178,6 @@ export default { |
| 180 | arr[index].value = item.id; | 178 | arr[index].value = item.id; |
| 181 | }); | 179 | }); |
| 182 | this.tabList = this.tabdata; | 180 | this.tabList = this.tabdata; |
| 183 | this.getQllxByBdcdyid(); | ||
| 184 | }, 200); | 181 | }, 200); |
| 185 | }, | 182 | }, |
| 186 | 183 | ||
| ... | @@ -215,6 +212,7 @@ export default { | ... | @@ -215,6 +212,7 @@ export default { |
| 215 | }, | 212 | }, |
| 216 | //切换选项卡内容组件 | 213 | //切换选项卡内容组件 |
| 217 | getFromRouter(tabname) { | 214 | getFromRouter(tabname) { |
| 215 | console.log("tabname",tabname); | ||
| 218 | for (let item of this.tabList) { | 216 | for (let item of this.tabList) { |
| 219 | if (item.value === tabname) { | 217 | if (item.value === tabname) { |
| 220 | this.currentSelectTab = item; | 218 | this.currentSelectTab = item; |
| ... | @@ -235,19 +233,17 @@ export default { | ... | @@ -235,19 +233,17 @@ export default { |
| 235 | }; | 233 | }; |
| 236 | if (row) { | 234 | if (row) { |
| 237 | from.bsmQlxx = row.bsmQlxx; | 235 | from.bsmQlxx = row.bsmQlxx; |
| 238 | from.operate = "U"; | 236 | from.operate = row.bsmQlxx ? "U" : " C"; |
| 239 | from.qllx = row.qllx; | 237 | from.qllx = row.qllx; |
| 240 | } | 238 | } |
| 241 | |||
| 242 | addRepairRecord(from).then((res) => { | 239 | addRepairRecord(from).then((res) => { |
| 240 | this.$refs.qllxlist.dialogVisible = false; | ||
| 243 | this.$nextTick(() => { | 241 | this.$nextTick(() => { |
| 244 | this.$refs.Menu.getleftMenubl(res.result); | 242 | this.$refs.Menu.getleftMenubl(res.result); |
| 245 | }); | 243 | }); |
| 246 | }); | 244 | }); |
| 247 | }, | 245 | }, |
| 248 | |||
| 249 | }, | 246 | }, |
| 250 | }; | 247 | }; |
| 251 | </script> | 248 | </script> |
| 252 | <style scoped lang="scss"> | 249 | <style scoped lang="scss"></style> |
| 253 | </style> | ... | ... |
src/views/workflow/components/tdytTable.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-16 10:38:23 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | ||
| 9 | :data="tableDataList"> | ||
| 10 | </lb-table> | ||
| 11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ||
| 12 | </div> | ||
| 13 | </template> | ||
| 14 | <script> | ||
| 15 | import { mapGetters } from 'vuex' | ||
| 16 | import { getIdCardInfo } from '@/utils/operation.js' | ||
| 17 | import addQlr from './dialog/addQlr.vue' | ||
| 18 | export default { | ||
| 19 | components: { | ||
| 20 | addQlr | ||
| 21 | }, | ||
| 22 | computed: { | ||
| 23 | ...mapGetters(["dictData"]), | ||
| 24 | }, | ||
| 25 | props: { | ||
| 26 | tableData: { | ||
| 27 | type: Array, | ||
| 28 | default: function () { | ||
| 29 | return [] | ||
| 30 | } | ||
| 31 | }, | ||
| 32 | gyfs: { | ||
| 33 | type: String, | ||
| 34 | default: '1' | ||
| 35 | } | ||
| 36 | }, | ||
| 37 | data () { | ||
| 38 | return { | ||
| 39 | key: 0, | ||
| 40 | dataIndex: 0, | ||
| 41 | dialog: false, | ||
| 42 | isaddupdate: false, | ||
| 43 | showButton: this.$route.query.viewtype ? false : true, | ||
| 44 | details: {}, | ||
| 45 | tableDataList: [], | ||
| 46 | InformationTable: [ | ||
| 47 | { | ||
| 48 | width: '50', | ||
| 49 | renderHeader: (h, scope) => { | ||
| 50 | return <div> { | ||
| 51 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
| 52 | } | ||
| 53 | </div> | ||
| 54 | }, | ||
| 55 | render: (h, scope) => { | ||
| 56 | return ( | ||
| 57 | <div> | ||
| 58 | { | ||
| 59 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 60 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
| 61 | } | ||
| 62 | </div> | ||
| 63 | ) | ||
| 64 | } | ||
| 65 | }, | ||
| 66 | { | ||
| 67 | label: '土地用途', | ||
| 68 | align: 'center', | ||
| 69 | render: (h, scope) => { | ||
| 70 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 71 | } | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sqrmc", | ||
| 75 | label: "土地使用起始时间", | ||
| 76 | render: (h, scope) => { | ||
| 77 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 78 | } | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | prop: "zjzl", | ||
| 82 | label: "土地使用结束时间", | ||
| 83 | render: (h, scope) => { | ||
| 84 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | prop: "zjh", | ||
| 89 | label: "土地使用期限", | ||
| 90 | render: (h, scope) => { | ||
| 91 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 92 | } | ||
| 93 | } | ||
| 94 | ], | ||
| 95 | column: [] | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | watch: { | ||
| 99 | tableData: { | ||
| 100 | handler: function (val, oldVal) { | ||
| 101 | let that = this | ||
| 102 | this.$nextTick(() => { | ||
| 103 | if (val.length == 0 || !val) { | ||
| 104 | that.tableDataList = _.cloneDeep([{ | ||
| 105 | sqrmc: '', | ||
| 106 | dlrzjlx: '', | ||
| 107 | dlrzjh: '', | ||
| 108 | fr: '' | ||
| 109 | }]) | ||
| 110 | } else { | ||
| 111 | that.tableDataList = _.cloneDeep(val) | ||
| 112 | } | ||
| 113 | }) | ||
| 114 | }, | ||
| 115 | immediate: true, | ||
| 116 | deep: true | ||
| 117 | }, | ||
| 118 | gyfs: { | ||
| 119 | handler (newVal, oldValue) { | ||
| 120 | let dataList = _.cloneDeep(this.InformationTable) | ||
| 121 | if (newVal == 0) { | ||
| 122 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 123 | this.column = _.cloneDeep(dataList) | ||
| 124 | |||
| 125 | } else if ((newVal == '1' || newVal == '3')) { | ||
| 126 | this.column = dataList | ||
| 127 | } else { | ||
| 128 | this.column = _.cloneDeep(dataList) | ||
| 129 | this.column.splice( | ||
| 130 | 2, 0, { | ||
| 131 | prop: "fs", | ||
| 132 | label: "份数" | ||
| 133 | }) | ||
| 134 | } | ||
| 135 | }, | ||
| 136 | immediate: true | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | methods: { | ||
| 140 | handleupdateDetail (value) { | ||
| 141 | if (this.isaddupdate) { | ||
| 142 | if (!_.isEqual(value, this.tableData)) { | ||
| 143 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 144 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 145 | } | ||
| 146 | } else { | ||
| 147 | if (!_.isEqual(value, this.tableData)) { | ||
| 148 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
| 149 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 150 | } | ||
| 151 | } | ||
| 152 | this.key++ | ||
| 153 | }, | ||
| 154 | // 新增 | ||
| 155 | addClick () { | ||
| 156 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | ||
| 157 | this.$message.warning("当前共有方式为单独所有,无法添加多个权利人") | ||
| 158 | } else { | ||
| 159 | this.dialog = true | ||
| 160 | this.isaddupdate = true | ||
| 161 | } | ||
| 162 | }, | ||
| 163 | |||
| 164 | // 删除 | ||
| 165 | deleClick (index, row) { | ||
| 166 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | ||
| 167 | confirmButtonText: '确定', | ||
| 168 | cancelButtonText: '取消', | ||
| 169 | type: 'warning' | ||
| 170 | }).then(() => { | ||
| 171 | this.tableData.splice(index, 1) | ||
| 172 | }).catch(() => { | ||
| 173 | }); | ||
| 174 | }, | ||
| 175 | |||
| 176 | // 身份证读取 | ||
| 177 | readClick (row) { | ||
| 178 | getIdCardInfo().then(res => { | ||
| 179 | if (res.data.code == 0) { | ||
| 180 | let data = res.data.IDCardInfo | ||
| 181 | row.sqrmc = data.name | ||
| 182 | row.zjzl = '1' | ||
| 183 | row.zjh = data.cardID | ||
| 184 | row.xb = data.sexCode | ||
| 185 | row.txdz = data.address | ||
| 186 | row.fzjg = data.issueOrgan | ||
| 187 | this.$message({ | ||
| 188 | message: '读取成功!', | ||
| 189 | type: 'success' | ||
| 190 | }) | ||
| 191 | } else { | ||
| 192 | this.$message({ | ||
| 193 | message: res.data.message, | ||
| 194 | type: 'warning' | ||
| 195 | }) | ||
| 196 | } | ||
| 197 | }) | ||
| 198 | }, | ||
| 199 | // 修改 | ||
| 200 | editClick (index, row) { | ||
| 201 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
| 202 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 203 | // dataIndex :index, | ||
| 204 | // details :row, | ||
| 205 | // isaddupdate :false | ||
| 206 | // }); | ||
| 207 | this.dataIndex = index | ||
| 208 | this.dialog = true | ||
| 209 | this.details = row | ||
| 210 | this.isaddupdate = false | ||
| 211 | }, | ||
| 212 | queryViewClick (index, row) { | ||
| 213 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
| 214 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 215 | // details: row, | ||
| 216 | // }); | ||
| 217 | this.dialog = true | ||
| 218 | this.details = row | ||
| 219 | } | ||
| 220 | } | ||
| 221 | } | ||
| 222 | </script> | ||
| 223 | <style scoped lang="scss"> | ||
| 224 | .el-input { | ||
| 225 | border: none !important; | ||
| 226 | } | ||
| 227 | </style> |
-
Please register or sign in to post a comment