Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
24 changed files
with
788 additions
and
376 deletions
| ... | @@ -30,12 +30,13 @@ | ... | @@ -30,12 +30,13 @@ |
| 30 | :key="index" | 30 | :key="index" |
| 31 | > | 31 | > |
| 32 | <div> | 32 | <div> |
| 33 | <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | 33 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> |
| 34 | <p v-else >{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | ||
| 35 | |||
| 34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | 36 | <!-- <p class="title-detail">{{ item.zl }}</p> --> |
| 35 | </div> | 37 | </div> |
| 36 | <i | 38 | <i |
| 37 | class="el-icon-delete" | 39 | class="el-icon-delete" |
| 38 | v-if="supplementarylist.length > 1" | ||
| 39 | @click.stop="handleDel(item)" | 40 | @click.stop="handleDel(item)" |
| 40 | ></i> | 41 | ></i> |
| 41 | </el-menu-item> | 42 | </el-menu-item> |
| ... | @@ -120,15 +121,17 @@ export default { | ... | @@ -120,15 +121,17 @@ export default { |
| 120 | }, | 121 | }, |
| 121 | methods: { | 122 | methods: { |
| 122 | //读取申请单元信息 | 123 | //读取申请单元信息 |
| 123 | loadBdcdylist() { | 124 | loadBdcdylist(add) { |
| 124 | var formdata = new FormData(); | 125 | var formdata = new FormData(); |
| 125 | formdata.append("bsmSlsq", this.bsmSlsq); | 126 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 126 | formdata.append("bestepid", this.bestepid); | 127 | formdata.append("bestepid", this.bestepid); |
| 127 | leftMenu(formdata).then((res) => { | 128 | leftMenu(formdata).then((res) => { |
| 128 | if (res.code === 200 && res.result) { | 129 | if (res.code === 200 && res.result) { |
| 129 | this.currentSelectProps = res.result[0]; | 130 | this.currentSelectProps = res.result[0]; |
| 130 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
| 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
| 132 | if(add){ | ||
| 133 | this.$parent.getQllxByBdcdyid() | ||
| 134 | } | ||
| 132 | } | 135 | } |
| 133 | }); | 136 | }); |
| 134 | this.getleftMenubl(); | 137 | this.getleftMenubl(); |
| ... | @@ -137,10 +140,11 @@ export default { | ... | @@ -137,10 +140,11 @@ export default { |
| 137 | getleftMenubl(row) { | 140 | getleftMenubl(row) { |
| 138 | leftMenubl(this.bsmSlsq).then((res) => { | 141 | leftMenubl(this.bsmSlsq).then((res) => { |
| 139 | this.supplementarylist = res.result; | 142 | this.supplementarylist = res.result; |
| 143 | console.log("this.supplementarylist",this.supplementarylist); | ||
| 140 | if(row){ | 144 | if(row){ |
| 141 | this.supplementarylist.forEach((item,index) => { | 145 | this.supplementarylist.forEach((item,index) => { |
| 142 | if(item.bsmRepair==row.bsmRepair){ | 146 | if(item.bsmRepair==row.bsmRepair){ |
| 143 | this.activeIndex=index | 147 | this.activeIndex=index.toString() |
| 144 | this.unitClick(index) | 148 | this.unitClick(index) |
| 145 | } | 149 | } |
| 146 | }) | 150 | }) | ... | ... |
| ... | @@ -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) { | ... | ... |
| ... | @@ -4,95 +4,75 @@ | ... | @@ -4,95 +4,75 @@ |
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-05-09 09:20:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <el-dialog | 7 | <el-dialog |
| 8 | :close-on-click-modal="false" | 8 | :close-on-click-modal="false" |
| 9 | title="选择权利类型" | 9 | title="选择权利类型" |
| 10 | class="qllxdialog" | 10 | class="qllxdialog" |
| 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> | 24 | <el-button type="primary" @click="handleSubmit">确定</el-button> |
| 25 | <!-- <el-radio-group v-model="radio"> | 25 | <el-button type="primary" @click="closeDialog">取消</el-button> |
| 26 | <el-radio :label="1">111</el-radio> | 26 | </div> |
| 27 | <el-radio :label="2">111</el-radio> | 27 | </el-dialog> |
| 28 | </el-radio-group> --> | ||
| 29 | <el-button type="primary" @click="handleSubmit">确定</el-button> | ||
| 30 | <el-button type="primary" @click="closeDialog">取消</el-button> | ||
| 31 | </el-dialog> | ||
| 32 | </template> | 28 | </template> |
| 33 | 29 | ||
| 34 | <script> | 30 | <script> |
| 35 | export default { | 31 | export default { |
| 32 | data() { | ||
| 33 | return { | ||
| 34 | dialogVisible: false, | ||
| 35 | qllxlistdata: {}, | ||
| 36 | radio: "", | ||
| 37 | qllx:"" | ||
| 38 | }; | ||
| 39 | }, | ||
| 36 | 40 | ||
| 37 | data () { | 41 | methods: { |
| 38 | return { | 42 | closeDialog() { |
| 39 | dialogVisible:false, | 43 | this.dialogVisible = false; |
| 40 | options: [ | ||
| 41 | { | ||
| 42 | value: "选项1", | ||
| 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 | }; | ||
| 70 | }, | 44 | }, |
| 71 | methods: { | 45 | handleSubmit() { |
| 72 | closeDialog () { | 46 | for (const key in this.qllxlistdata) { |
| 73 | this.dialogVisible=false | 47 | if (this.qllxlistdata[key] === this.radio) { |
| 74 | }, | 48 | this.qllx= key; |
| 75 | handleSubmit () { | 49 | } |
| 76 | let qllxobj={ | 50 | } |
| 77 | qllx:this.value, | 51 | let qllxobj = { |
| 78 | bsmQlxx:this.value | 52 | qllx:this.qllx, |
| 79 | 53 | bsmQlxx:"" | |
| 80 | } | 54 | }; |
| 81 | // this.$parent.addRepairRecord(qllxobj) | 55 | this.$parent.addRepairRecord(qllxobj) |
| 82 | }, | ||
| 83 | }, | 56 | }, |
| 84 | }; | 57 | }, |
| 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; |
| 74 | } | ||
| 96 | } | 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.$refs.Menu.loadBdcdylist("add") | ||
| 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 | //根据编号获取对应信息 | ... | ... |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | } | 102 | } |
| 103 | 103 | ||
| 104 | .animation-map-drawer { | 104 | .animation-map-drawer { |
| 105 | width: 260px; | 105 | width: 290px; |
| 106 | height: calc(100% - 80px); | 106 | height: calc(100% - 80px); |
| 107 | } | 107 | } |
| 108 | 108 | ||
| ... | @@ -226,4 +226,4 @@ | ... | @@ -226,4 +226,4 @@ |
| 226 | position: absolute; | 226 | position: absolute; |
| 227 | left: 0; | 227 | left: 0; |
| 228 | bottom: 0; | 228 | bottom: 0; |
| 229 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 229 | } | ... | ... |
| ... | @@ -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,20 +124,23 @@ export default { | ... | @@ -126,20 +124,23 @@ export default { |
| 126 | treedata: {}, | 124 | treedata: {}, |
| 127 | tabdata: [], | 125 | tabdata: [], |
| 128 | defaultNode: {}, | 126 | defaultNode: {}, |
| 129 | |||
| 130 | }; | 127 | }; |
| 131 | }, | 128 | }, |
| 132 | mounted() {}, | 129 | mounted() {}, |
| 133 | 130 | ||
| 134 | methods: { | 131 | methods: { |
| 135 | getQllxByBdcdyid() { | 132 | getQllxByBdcdyid() { |
| 136 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 133 | if(this.currentSelectProps.bdcdyid){ |
| 134 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
| 137 | (res) => { | 135 | (res) => { |
| 138 | if (res.code === 200) { | 136 | if (res.code === 200) { |
| 139 | console.log("Qllxlist", res); | 137 | this.$refs.qllxlist.qllxlistdata = res.result; |
| 138 | this.$refs.qllxlist.dialogVisible = true; | ||
| 140 | } | 139 | } |
| 141 | } | 140 | } |
| 142 | ); | 141 | ); |
| 142 | } | ||
| 143 | |||
| 143 | }, | 144 | }, |
| 144 | // 获取右侧选项卡 | 145 | // 获取右侧选项卡 |
| 145 | getCurrentSelectProps(val) { | 146 | getCurrentSelectProps(val) { |
| ... | @@ -180,7 +181,6 @@ export default { | ... | @@ -180,7 +181,6 @@ export default { |
| 180 | arr[index].value = item.id; | 181 | arr[index].value = item.id; |
| 181 | }); | 182 | }); |
| 182 | this.tabList = this.tabdata; | 183 | this.tabList = this.tabdata; |
| 183 | this.getQllxByBdcdyid(); | ||
| 184 | }, 200); | 184 | }, 200); |
| 185 | }, | 185 | }, |
| 186 | 186 | ||
| ... | @@ -215,6 +215,7 @@ export default { | ... | @@ -215,6 +215,7 @@ export default { |
| 215 | }, | 215 | }, |
| 216 | //切换选项卡内容组件 | 216 | //切换选项卡内容组件 |
| 217 | getFromRouter(tabname) { | 217 | getFromRouter(tabname) { |
| 218 | console.log("tabname",tabname); | ||
| 218 | for (let item of this.tabList) { | 219 | for (let item of this.tabList) { |
| 219 | if (item.value === tabname) { | 220 | if (item.value === tabname) { |
| 220 | this.currentSelectTab = item; | 221 | this.currentSelectTab = item; |
| ... | @@ -225,29 +226,31 @@ export default { | ... | @@ -225,29 +226,31 @@ export default { |
| 225 | }, | 226 | }, |
| 226 | 227 | ||
| 227 | // 增加补录记录 | 228 | // 增加补录记录 |
| 228 | addRepairRecord(row) { | 229 | addRepairRecord(row,del) { |
| 229 | let from = { | 230 | let from = { |
| 230 | bsmQlxx: "", | 231 | bsmQlxx: "", |
| 231 | bsmSlsq: this.bsmSlsq, | 232 | bsmSlsq: this.bsmSlsq, |
| 232 | bsmSldy: this.currentSelectProps.bsmSldy, | 233 | bsmSldy: this.currentSelectProps.bsmSldy, |
| 233 | operate: "C", | 234 | operate: "C", |
| 234 | qllx: this.currentSelectProps.qllx, | 235 | qllx: "", |
| 235 | }; | 236 | }; |
| 236 | if (row) { | 237 | if (row) { |
| 237 | from.bsmQlxx = row.bsmQlxx; | 238 | from.bsmQlxx = row.bsmQlxx; |
| 238 | from.operate = "U"; | 239 | if(del){ |
| 240 | from.operate = del; | ||
| 241 | }else{ | ||
| 242 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 243 | } | ||
| 239 | from.qllx = row.qllx; | 244 | from.qllx = row.qllx; |
| 240 | } | 245 | } |
| 241 | |||
| 242 | addRepairRecord(from).then((res) => { | 246 | addRepairRecord(from).then((res) => { |
| 247 | this.$refs.qllxlist.dialogVisible = false; | ||
| 243 | this.$nextTick(() => { | 248 | this.$nextTick(() => { |
| 244 | this.$refs.Menu.getleftMenubl(res.result); | 249 | this.$refs.Menu.getleftMenubl(res.result); |
| 245 | }); | 250 | }); |
| 246 | }); | 251 | }); |
| 247 | }, | 252 | }, |
| 248 | |||
| 249 | }, | 253 | }, |
| 250 | }; | 254 | }; |
| 251 | </script> | 255 | </script> |
| 252 | <style scoped lang="scss"> | 256 | <style scoped lang="scss"></style> |
| 253 | </style> | ... | ... |
| ... | @@ -24,6 +24,10 @@ | ... | @@ -24,6 +24,10 @@ |
| 24 | row.qszt == '0' ? 'linshi' : '', | 24 | row.qszt == '0' ? 'linshi' : '', |
| 25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', | 25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', |
| 26 | ]"> | 26 | ]"> |
| 27 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 28 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 30 | </div> | ||
| 27 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | 31 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> |
| 28 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 32 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| 29 | 33 | ||
| ... | @@ -62,6 +66,9 @@ | ... | @@ -62,6 +66,9 @@ |
| 62 | }, | 66 | }, |
| 63 | methods: { | 67 | methods: { |
| 64 | loadData () { | 68 | loadData () { |
| 69 | if (this.$parent.addRepairRecord) { | ||
| 70 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 71 | } | ||
| 65 | getCfdjList({ | 72 | getCfdjList({ |
| 66 | bdcdyid: this.propsParam.bdcdyid, | 73 | bdcdyid: this.propsParam.bdcdyid, |
| 67 | qllx: this.propsParam.qllx, | 74 | qllx: this.propsParam.qllx, |
| ... | @@ -106,6 +113,28 @@ | ... | @@ -106,6 +113,28 @@ |
| 106 | } | 113 | } |
| 107 | return name; | 114 | return name; |
| 108 | }, | 115 | }, |
| 116 | // 新增一条补录信息 | ||
| 117 | editDialog(row, del) { | ||
| 118 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 119 | confirmButtonText: "确定", | ||
| 120 | cancelButtonText: "取消", | ||
| 121 | type: "warning", | ||
| 122 | }) | ||
| 123 | .then(() => { | ||
| 124 | this.$parent.addRepairRecord(row, del); | ||
| 125 | |||
| 126 | this.$message({ | ||
| 127 | type: "success", | ||
| 128 | message: "补录成功!", | ||
| 129 | }); | ||
| 130 | }) | ||
| 131 | .catch(() => { | ||
| 132 | this.$message({ | ||
| 133 | type: "info", | ||
| 134 | message: "取消编辑", | ||
| 135 | }); | ||
| 136 | }); | ||
| 137 | }, | ||
| 109 | }, | 138 | }, |
| 110 | }; | 139 | }; |
| 111 | </script> | 140 | </script> | ... | ... |
| ... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
| 10 | </div> | 15 | </div> |
| 11 | </div> | 16 | </div> |
| ... | @@ -15,14 +20,28 @@ | ... | @@ -15,14 +20,28 @@ |
| 15 | <td> | 20 | <td> |
| 16 | {{ item.label }} | 21 | {{ item.label }} |
| 17 | </td> | 22 | </td> |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
| 22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 30 | ]" |
| 31 | > | ||
| 32 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 33 | <el-button | ||
| 34 | type="text" | ||
| 35 | icon="el-icon-edit-outline" | ||
| 36 | @click="editDialog(row)" | ||
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | ||
| 40 | type="text" | ||
| 41 | icon="el-icon-edit-outline" | ||
| 42 | @click="editDialog(row, 'D')" | ||
| 43 | >删除</el-button | ||
| 44 | > | ||
| 26 | </div> | 45 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 47 | 正在办理 |
| ... | @@ -42,71 +61,96 @@ | ... | @@ -42,71 +61,96 @@ |
| 42 | </template> | 61 | </template> |
| 43 | 62 | ||
| 44 | <script> | 63 | <script> |
| 45 | import { datas } from "./qlxxFormData.js"; | 64 | import { datas } from "./qlxxFormData.js"; |
| 46 | import { getSjlx } from "@/utils/dictionary.js"; | 65 | import { getSjlx } from "@/utils/dictionary.js"; |
| 47 | import { getDiyaqList } from "@/api/registerBook.js"; | 66 | import { getDiyaqList } from "@/api/registerBook.js"; |
| 48 | export default { | 67 | export default { |
| 49 | data () { | 68 | data() { |
| 50 | return { | 69 | return { |
| 51 | title: "抵押权登记信息", | 70 | title: "抵押权登记信息", |
| 52 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
| 53 | checkList: datas.columns().checkList, | 72 | checkList: datas.columns().checkList, |
| 54 | //传递参数 | 73 | //传递参数 |
| 55 | propsParam: this.$attrs, | 74 | propsParam: this.$attrs, |
| 56 | //列表数据 | 75 | //列表数据 |
| 57 | tableData: [], | 76 | tableData: [], |
| 58 | //空列值个数 | 77 | //空列值个数 |
| 59 | emptycolNum: datas.columns().emptycolNum, | 78 | emptycolNum: datas.columns().emptycolNum, |
| 60 | //列名称对象 | 79 | //列名称对象 |
| 61 | columns: datas.columns().DYAQ, | 80 | columns: datas.columns().DYAQ, |
| 62 | }; | 81 | }; |
| 63 | }, | 82 | }, |
| 64 | created () { | 83 | created() { |
| 65 | this.loadData(); | 84 | this.loadData(); |
| 66 | }, | 85 | }, |
| 67 | methods: { | 86 | methods: { |
| 68 | loadData () { | 87 | loadData() { |
| 69 | getDiyaqList({ | 88 | if (this.$parent.addRepairRecord) { |
| 70 | bdcdyid: this.propsParam.bdcdyid, | 89 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 71 | qllx: this.propsParam.qllx, | 90 | } |
| 72 | qszt: this.checkList, | 91 | getDiyaqList({ |
| 73 | }).then((res) => { | 92 | bdcdyid: this.propsParam.bdcdyid, |
| 74 | if (res.code === 200) { | 93 | qllx: this.propsParam.qllx, |
| 75 | this.tableData = res.result; | 94 | qszt: this.checkList, |
| 76 | this.tableData.forEach(item => { | 95 | }).then((res) => { |
| 77 | item.sjlx = getSjlx(item.sjlx) | 96 | if (res.code === 200) { |
| 78 | }) | 97 | this.tableData = res.result; |
| 79 | if (this.tableData.length < datas.columns().emptycolNum) { | 98 | this.tableData.forEach((item) => { |
| 80 | this.emptycolNum = | 99 | item.sjlx = getSjlx(item.sjlx); |
| 81 | datas.columns().emptycolNum - this.tableData.length; | 100 | }); |
| 82 | } else { | 101 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 83 | this.emptycolNum = 0; | 102 | this.emptycolNum = |
| 84 | } | 103 | datas.columns().emptycolNum - this.tableData.length; |
| 104 | } else { | ||
| 105 | this.emptycolNum = 0; | ||
| 85 | } | 106 | } |
| 86 | }); | ||
| 87 | }, | ||
| 88 | checkChange () { | ||
| 89 | if (this.checkList.length === 0) { | ||
| 90 | this.tableData = []; | ||
| 91 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 92 | } else { | ||
| 93 | this.loadData(); | ||
| 94 | } | 107 | } |
| 95 | }, | 108 | }); |
| 96 | getQsztName (code) { | 109 | }, |
| 97 | let name = ""; | 110 | checkChange() { |
| 98 | for (let item of this.qsztList) { | 111 | if (this.checkList.length === 0) { |
| 99 | if (item.value == code) { | 112 | this.tableData = []; |
| 100 | name = item.label; | 113 | this.emptycolNum = datas.columns().emptycolNum; |
| 101 | break; | 114 | } else { |
| 102 | } | 115 | this.loadData(); |
| 116 | } | ||
| 117 | }, | ||
| 118 | getQsztName(code) { | ||
| 119 | let name = ""; | ||
| 120 | for (let item of this.qsztList) { | ||
| 121 | if (item.value == code) { | ||
| 122 | name = item.label; | ||
| 123 | break; | ||
| 103 | } | 124 | } |
| 104 | return name; | 125 | } |
| 105 | }, | 126 | return name; |
| 127 | }, | ||
| 128 | // 新增一条补录信息 | ||
| 129 | editDialog(row, del) { | ||
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 131 | confirmButtonText: "确定", | ||
| 132 | cancelButtonText: "取消", | ||
| 133 | type: "warning", | ||
| 134 | }) | ||
| 135 | .then(() => { | ||
| 136 | this.$parent.addRepairRecord(row, del); | ||
| 137 | |||
| 138 | this.$message({ | ||
| 139 | type: "success", | ||
| 140 | message: "补录成功!", | ||
| 141 | }); | ||
| 142 | }) | ||
| 143 | .catch(() => { | ||
| 144 | this.$message({ | ||
| 145 | type: "info", | ||
| 146 | message: "取消编辑", | ||
| 147 | }); | ||
| 148 | }); | ||
| 106 | }, | 149 | }, |
| 107 | }; | 150 | }, |
| 151 | }; | ||
| 108 | </script> | 152 | </script> |
| 109 | 153 | ||
| 110 | <style lang="scss" scoped> | 154 | <style lang="scss" scoped> |
| 111 | @import "./qlxxCommon.scss"; | 155 | @import "./qlxxCommon.scss"; |
| 112 | </style> | 156 | </style> | ... | ... |
| ... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
| 10 | </div> | 15 | </div> |
| 11 | </div> | 16 | </div> |
| ... | @@ -15,14 +20,18 @@ | ... | @@ -15,14 +20,18 @@ |
| 15 | <td> | 20 | <td> |
| 16 | {{ item.label }} | 21 | {{ item.label }} |
| 17 | </td> | 22 | </td> |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
| 22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 30 | ]" | ||
| 31 | > | ||
| 32 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 33 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 26 | </div> | 35 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 37 | 正在办理 |
| ... | @@ -42,71 +51,96 @@ | ... | @@ -42,71 +51,96 @@ |
| 42 | </template> | 51 | </template> |
| 43 | 52 | ||
| 44 | <script> | 53 | <script> |
| 45 | import { datas } from "./qlxxFormData.js"; | 54 | import { datas } from "./qlxxFormData.js"; |
| 46 | import { getSjlx } from "@/utils/dictionary.js"; | 55 | import { getSjlx } from "@/utils/dictionary.js"; |
| 47 | import { getDiyiqList } from "@/api/registerBook.js"; | 56 | import { getDiyiqList } from "@/api/registerBook.js"; |
| 48 | export default { | 57 | export default { |
| 49 | data () { | 58 | data() { |
| 50 | return { | 59 | return { |
| 51 | title: "地役权登记信息", | 60 | title: "地役权登记信息", |
| 52 | qsztList: datas.columns().qsztList, | 61 | qsztList: datas.columns().qsztList, |
| 53 | checkList: datas.columns().checkList, | 62 | checkList: datas.columns().checkList, |
| 54 | //传递参数 | 63 | //传递参数 |
| 55 | propsParam: this.$attrs, | 64 | propsParam: this.$attrs, |
| 56 | //列表数据 | 65 | //列表数据 |
| 57 | tableData: [], | 66 | tableData: [], |
| 58 | //空列值个数 | 67 | //空列值个数 |
| 59 | emptycolNum: datas.columns().emptycolNum, | 68 | emptycolNum: datas.columns().emptycolNum, |
| 60 | //列名称对象 | 69 | //列名称对象 |
| 61 | columns: datas.columns().DYIQ, | 70 | columns: datas.columns().DYIQ, |
| 62 | }; | 71 | }; |
| 63 | }, | 72 | }, |
| 64 | created () { | 73 | created() { |
| 65 | this.loadData(); | 74 | this.loadData(); |
| 66 | }, | 75 | }, |
| 67 | methods: { | 76 | methods: { |
| 68 | loadData () { | 77 | loadData() { |
| 69 | getDiyiqList({ | 78 | if (this.$parent.addRepairRecord) { |
| 70 | bdcdyid: this.propsParam.bdcdyid, | 79 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 71 | qllx: this.propsParam.qllx, | 80 | } |
| 72 | qszt: this.checkList, | 81 | getDiyiqList({ |
| 73 | }).then((res) => { | 82 | bdcdyid: this.propsParam.bdcdyid, |
| 74 | if (res.code === 200) { | 83 | qllx: this.propsParam.qllx, |
| 75 | this.tableData = res.result; | 84 | qszt: this.checkList, |
| 76 | this.tableData.forEach(item => { | 85 | }).then((res) => { |
| 77 | item.sjlx = getSjlx(item.sjlx) | 86 | if (res.code === 200) { |
| 78 | }) | 87 | this.tableData = res.result; |
| 79 | if (this.tableData.length < datas.columns().emptycolNum) { | 88 | this.tableData.forEach((item) => { |
| 80 | this.emptycolNum = | 89 | item.sjlx = getSjlx(item.sjlx); |
| 81 | datas.columns().emptycolNum - this.tableData.length; | 90 | }); |
| 82 | } else { | 91 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 83 | this.emptycolNum = 0; | 92 | this.emptycolNum = |
| 84 | } | 93 | datas.columns().emptycolNum - this.tableData.length; |
| 94 | } else { | ||
| 95 | this.emptycolNum = 0; | ||
| 85 | } | 96 | } |
| 86 | }); | ||
| 87 | }, | ||
| 88 | checkChange () { | ||
| 89 | if (this.checkList.length === 0) { | ||
| 90 | this.tableData = []; | ||
| 91 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 92 | } else { | ||
| 93 | this.loadData(); | ||
| 94 | } | 97 | } |
| 95 | }, | 98 | }); |
| 96 | getQsztName (code) { | 99 | }, |
| 97 | let name = ""; | 100 | checkChange() { |
| 98 | for (let item of this.qsztList) { | 101 | if (this.checkList.length === 0) { |
| 99 | if (item.value == code) { | 102 | this.tableData = []; |
| 100 | name = item.label; | 103 | this.emptycolNum = datas.columns().emptycolNum; |
| 101 | break; | 104 | } else { |
| 102 | } | 105 | this.loadData(); |
| 106 | } | ||
| 107 | }, | ||
| 108 | getQsztName(code) { | ||
| 109 | let name = ""; | ||
| 110 | for (let item of this.qsztList) { | ||
| 111 | if (item.value == code) { | ||
| 112 | name = item.label; | ||
| 113 | break; | ||
| 103 | } | 114 | } |
| 104 | return name; | 115 | } |
| 105 | }, | 116 | return name; |
| 117 | }, | ||
| 118 | // 新增一条补录信息 | ||
| 119 | editDialog(row, del) { | ||
| 120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 121 | confirmButtonText: "确定", | ||
| 122 | cancelButtonText: "取消", | ||
| 123 | type: "warning", | ||
| 124 | }) | ||
| 125 | .then(() => { | ||
| 126 | this.$parent.addRepairRecord(row, del); | ||
| 127 | |||
| 128 | this.$message({ | ||
| 129 | type: "success", | ||
| 130 | message: "补录成功!", | ||
| 131 | }); | ||
| 132 | }) | ||
| 133 | .catch(() => { | ||
| 134 | this.$message({ | ||
| 135 | type: "info", | ||
| 136 | message: "取消编辑", | ||
| 137 | }); | ||
| 138 | }); | ||
| 106 | }, | 139 | }, |
| 107 | }; | 140 | }, |
| 141 | }; | ||
| 108 | </script> | 142 | </script> |
| 109 | 143 | ||
| 110 | <style lang="scss" scoped> | 144 | <style lang="scss" scoped> |
| 111 | @import "./qlxxCommon.scss"; | 145 | @import "./qlxxCommon.scss"; |
| 112 | </style> | 146 | </style> | ... | ... |
| ... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
| 24 | ]"> | 24 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 27 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -113,6 +113,27 @@ | ... | @@ -113,6 +113,27 @@ |
| 113 | } | 113 | } |
| 114 | return name; | 114 | return name; |
| 115 | }, | 115 | }, |
| 116 | // 新增一条补录信息 | ||
| 117 | editDialog(row,del){ | ||
| 118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 119 | confirmButtonText: '确定', | ||
| 120 | cancelButtonText: '取消', | ||
| 121 | type: 'warning' | ||
| 122 | }).then(() => { | ||
| 123 | this.$parent.addRepairRecord(row,del) | ||
| 124 | |||
| 125 | this.$message({ | ||
| 126 | type: 'success', | ||
| 127 | message: '补录成功!' | ||
| 128 | }); | ||
| 129 | }).catch(() => { | ||
| 130 | this.$message({ | ||
| 131 | type: 'info', | ||
| 132 | message: '取消编辑' | ||
| 133 | }); | ||
| 134 | }); | ||
| 135 | |||
| 136 | }, | ||
| 116 | }, | 137 | }, |
| 117 | }; | 138 | }; |
| 118 | </script> | 139 | </script> | ... | ... |
| ... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
| 10 | </div> | 15 | </div> |
| 11 | </div> | 16 | </div> |
| ... | @@ -15,14 +20,28 @@ | ... | @@ -15,14 +20,28 @@ |
| 15 | <td> | 20 | <td> |
| 16 | {{ item.label }} | 21 | {{ item.label }} |
| 17 | </td> | 22 | </td> |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
| 22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | ||
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 30 | ]" | ||
| 31 | > | ||
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 32 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 33 | <el-button |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 34 | type="text" |
| 35 | icon="el-icon-edit-outline" | ||
| 36 | @click="editDialog(row)" | ||
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | ||
| 40 | type="text" | ||
| 41 | icon="el-icon-edit-outline" | ||
| 42 | @click="editDialog(row, 'D')" | ||
| 43 | >删除</el-button | ||
| 44 | > | ||
| 26 | </div> | 45 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 47 | 正在办理 |
| ... | @@ -42,71 +61,96 @@ | ... | @@ -42,71 +61,96 @@ |
| 42 | </template> | 61 | </template> |
| 43 | 62 | ||
| 44 | <script> | 63 | <script> |
| 45 | import { datas } from "./qlxxFormData.js"; | 64 | import { datas } from "./qlxxFormData.js"; |
| 46 | import { getSjlx } from "@/utils/dictionary.js"; | 65 | import { getSjlx } from "@/utils/dictionary.js"; |
| 47 | import { getFdcq2List } from "@/api/registerBook.js"; | 66 | import { getFdcq2List } from "@/api/registerBook.js"; |
| 48 | export default { | 67 | export default { |
| 49 | data () { | 68 | data() { |
| 50 | return { | 69 | return { |
| 51 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 70 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
| 52 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
| 53 | checkList: datas.columns().checkList, | 72 | checkList: datas.columns().checkList, |
| 54 | //传递参数 | 73 | //传递参数 |
| 55 | propsParam: this.$attrs, | 74 | propsParam: this.$attrs, |
| 56 | //列表数据 | 75 | //列表数据 |
| 57 | tableData: [], | 76 | tableData: [], |
| 58 | //空列值个数 | 77 | //空列值个数 |
| 59 | emptycolNum: datas.columns().emptycolNum, | 78 | emptycolNum: datas.columns().emptycolNum, |
| 60 | //列名称对象 | 79 | //列名称对象 |
| 61 | columns: datas.columns().FDCQ2, | 80 | columns: datas.columns().FDCQ2, |
| 62 | }; | 81 | }; |
| 63 | }, | 82 | }, |
| 64 | created () { | 83 | created() { |
| 65 | this.loadData(); | 84 | this.loadData(); |
| 66 | }, | 85 | }, |
| 67 | methods: { | 86 | methods: { |
| 68 | loadData () { | 87 | loadData() { |
| 69 | getFdcq2List({ | 88 | if (this.$parent.addRepairRecord) { |
| 70 | bdcdyid: this.propsParam.bdcdyid, | 89 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 71 | qllx: this.propsParam.qllx, | 90 | } |
| 72 | qszt: this.checkList, | 91 | getFdcq2List({ |
| 73 | }).then((res) => { | 92 | bdcdyid: this.propsParam.bdcdyid, |
| 74 | if (res.code === 200) { | 93 | qllx: this.propsParam.qllx, |
| 75 | this.tableData = res.result; | 94 | qszt: this.checkList, |
| 76 | this.tableData.forEach(item => { | 95 | }).then((res) => { |
| 77 | item.sjlx = getSjlx(item.sjlx) | 96 | if (res.code === 200) { |
| 78 | }) | 97 | this.tableData = res.result; |
| 79 | if (this.tableData.length < datas.columns().emptycolNum) { | 98 | this.tableData.forEach((item) => { |
| 80 | this.emptycolNum = | 99 | item.sjlx = getSjlx(item.sjlx); |
| 81 | datas.columns().emptycolNum - this.tableData.length; | 100 | }); |
| 82 | } else { | 101 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 83 | this.emptycolNum = 0; | 102 | this.emptycolNum = |
| 84 | } | 103 | datas.columns().emptycolNum - this.tableData.length; |
| 104 | } else { | ||
| 105 | this.emptycolNum = 0; | ||
| 85 | } | 106 | } |
| 86 | }); | ||
| 87 | }, | ||
| 88 | checkChange () { | ||
| 89 | if (this.checkList.length === 0) { | ||
| 90 | this.tableData = []; | ||
| 91 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 92 | } else { | ||
| 93 | this.loadData(); | ||
| 94 | } | 107 | } |
| 95 | }, | 108 | }); |
| 96 | getQsztName (code) { | 109 | }, |
| 97 | let name = ""; | 110 | checkChange() { |
| 98 | for (let item of this.qsztList) { | 111 | if (this.checkList.length === 0) { |
| 99 | if (item.value == code) { | 112 | this.tableData = []; |
| 100 | name = item.label; | 113 | this.emptycolNum = datas.columns().emptycolNum; |
| 101 | break; | 114 | } else { |
| 102 | } | 115 | this.loadData(); |
| 116 | } | ||
| 117 | }, | ||
| 118 | getQsztName(code) { | ||
| 119 | let name = ""; | ||
| 120 | for (let item of this.qsztList) { | ||
| 121 | if (item.value == code) { | ||
| 122 | name = item.label; | ||
| 123 | break; | ||
| 103 | } | 124 | } |
| 104 | return name; | 125 | } |
| 105 | }, | 126 | return name; |
| 127 | }, | ||
| 128 | // 新增一条补录信息 | ||
| 129 | editDialog(row, del) { | ||
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 131 | confirmButtonText: "确定", | ||
| 132 | cancelButtonText: "取消", | ||
| 133 | type: "warning", | ||
| 134 | }) | ||
| 135 | .then(() => { | ||
| 136 | this.$parent.addRepairRecord(row, del); | ||
| 137 | |||
| 138 | this.$message({ | ||
| 139 | type: "success", | ||
| 140 | message: "补录成功!", | ||
| 141 | }); | ||
| 142 | }) | ||
| 143 | .catch(() => { | ||
| 144 | this.$message({ | ||
| 145 | type: "info", | ||
| 146 | message: "取消编辑", | ||
| 147 | }); | ||
| 148 | }); | ||
| 106 | }, | 149 | }, |
| 107 | }; | 150 | }, |
| 151 | }; | ||
| 108 | </script> | 152 | </script> |
| 109 | 153 | ||
| 110 | <style lang="scss" scoped> | 154 | <style lang="scss" scoped> |
| 111 | @import "./qlxxCommon.scss"; | 155 | @import "./qlxxCommon.scss"; |
| 112 | </style> | 156 | </style> | ... | ... |
| ... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
| 24 | ]"> | 24 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 27 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -71,6 +71,7 @@ | ... | @@ -71,6 +71,7 @@ |
| 71 | }, | 71 | }, |
| 72 | methods: { | 72 | methods: { |
| 73 | loadData () { | 73 | loadData () { |
| 74 | |||
| 74 | if(this.$parent.addRepairRecord){ | 75 | if(this.$parent.addRepairRecord){ |
| 75 | this.columns.unshift({prop:"cz", | 76 | this.columns.unshift({prop:"cz", |
| 76 | label:"操作" | 77 | label:"操作" |
| ... | @@ -113,6 +114,27 @@ | ... | @@ -113,6 +114,27 @@ |
| 113 | } | 114 | } |
| 114 | return name; | 115 | return name; |
| 115 | }, | 116 | }, |
| 117 | // 新增一条补录信息 | ||
| 118 | editDialog(row,del){ | ||
| 119 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 120 | confirmButtonText: '确定', | ||
| 121 | cancelButtonText: '取消', | ||
| 122 | type: 'warning' | ||
| 123 | }).then(() => { | ||
| 124 | this.$parent.addRepairRecord(row,del) | ||
| 125 | |||
| 126 | this.$message({ | ||
| 127 | type: 'success', | ||
| 128 | message: '补录成功!' | ||
| 129 | }); | ||
| 130 | }).catch(() => { | ||
| 131 | this.$message({ | ||
| 132 | type: 'info', | ||
| 133 | message: '取消编辑' | ||
| 134 | }); | ||
| 135 | }); | ||
| 136 | |||
| 137 | }, | ||
| 116 | }, | 138 | }, |
| 117 | }; | 139 | }; |
| 118 | </script> | 140 | </script> | ... | ... |
| ... | @@ -24,7 +24,7 @@ | ... | @@ -24,7 +24,7 @@ |
| 24 | ]"> | 24 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 27 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -142,6 +142,27 @@ | ... | @@ -142,6 +142,27 @@ |
| 142 | } | 142 | } |
| 143 | return name; | 143 | return name; |
| 144 | }, | 144 | }, |
| 145 | // 新增一条补录信息 | ||
| 146 | editDialog(row,del){ | ||
| 147 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 148 | confirmButtonText: '确定', | ||
| 149 | cancelButtonText: '取消', | ||
| 150 | type: 'warning' | ||
| 151 | }).then(() => { | ||
| 152 | this.$parent.addRepairRecord(row,del) | ||
| 153 | |||
| 154 | this.$message({ | ||
| 155 | type: 'success', | ||
| 156 | message: '补录成功!' | ||
| 157 | }); | ||
| 158 | }).catch(() => { | ||
| 159 | this.$message({ | ||
| 160 | type: 'info', | ||
| 161 | message: '取消编辑' | ||
| 162 | }); | ||
| 163 | }); | ||
| 164 | |||
| 165 | }, | ||
| 145 | }, | 166 | }, |
| 146 | }; | 167 | }; |
| 147 | </script> | 168 | </script> | ... | ... |
| ... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
| 22 | ]"> | 22 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 23 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 26 | </div> | 26 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 28 | 正在办理 |
| ... | @@ -105,6 +105,27 @@ export default { | ... | @@ -105,6 +105,27 @@ export default { |
| 105 | } | 105 | } |
| 106 | return name; | 106 | return name; |
| 107 | }, | 107 | }, |
| 108 | // 新增一条补录信息 | ||
| 109 | editDialog(row,del){ | ||
| 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 111 | confirmButtonText: '确定', | ||
| 112 | cancelButtonText: '取消', | ||
| 113 | type: 'warning' | ||
| 114 | }).then(() => { | ||
| 115 | this.$parent.addRepairRecord(row,del) | ||
| 116 | |||
| 117 | this.$message({ | ||
| 118 | type: 'success', | ||
| 119 | message: '补录成功!' | ||
| 120 | }); | ||
| 121 | }).catch(() => { | ||
| 122 | this.$message({ | ||
| 123 | type: 'info', | ||
| 124 | message: '取消编辑' | ||
| 125 | }); | ||
| 126 | }); | ||
| 127 | |||
| 128 | }, | ||
| 108 | }, | 129 | }, |
| 109 | }; | 130 | }; |
| 110 | </script> | 131 | </script> | ... | ... |
| ... | @@ -20,6 +20,10 @@ | ... | @@ -20,6 +20,10 @@ |
| 20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 22 | ]"> | 22 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 26 | </div> | ||
| 23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 24 | 正在办理 | 28 | 正在办理 |
| 25 | </div> | 29 | </div> |
| ... | @@ -100,14 +104,14 @@ export default { | ... | @@ -100,14 +104,14 @@ export default { |
| 100 | } | 104 | } |
| 101 | return name; | 105 | return name; |
| 102 | }, | 106 | }, |
| 103 | // 编辑 | 107 | // 新增一条补录信息 |
| 104 | editDialog(row){ | 108 | editDialog(row,del){ |
| 105 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 106 | confirmButtonText: '确定', | 110 | confirmButtonText: '确定', |
| 107 | cancelButtonText: '取消', | 111 | cancelButtonText: '取消', |
| 108 | type: 'warning' | 112 | type: 'warning' |
| 109 | }).then(() => { | 113 | }).then(() => { |
| 110 | this.$parent.addRepairRecord(row) | 114 | this.$parent.addRepairRecord(row,del) |
| 111 | 115 | ||
| 112 | this.$message({ | 116 | this.$message({ |
| 113 | type: 'success', | 117 | type: 'success', |
| ... | @@ -120,42 +124,7 @@ export default { | ... | @@ -120,42 +124,7 @@ export default { |
| 120 | }); | 124 | }); |
| 121 | }); | 125 | }); |
| 122 | 126 | ||
| 123 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 124 | // datalist:this.columns, | ||
| 125 | // data: row, | ||
| 126 | |||
| 127 | // }) | ||
| 128 | |||
| 129 | }, | 127 | }, |
| 130 | // 删除 | ||
| 131 | deleteDialog(row){ | ||
| 132 | this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { | ||
| 133 | confirmButtonText: '确定', | ||
| 134 | cancelButtonText: '取消', | ||
| 135 | type: 'warning' | ||
| 136 | }).then(() => { | ||
| 137 | // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx | ||
| 138 | // deleteClmx(bsmClmx).then(res => { | ||
| 139 | // if (res.code == 200) { | ||
| 140 | // that.$emit('updateList', res.result) | ||
| 141 | // that.$message({ | ||
| 142 | // message: '删除成功!', | ||
| 143 | // type: 'success' | ||
| 144 | // }) | ||
| 145 | // } | ||
| 146 | // }) | ||
| 147 | this.$message({ | ||
| 148 | type: 'success', | ||
| 149 | message: '删除成功!' | ||
| 150 | }); | ||
| 151 | }).catch(() => { | ||
| 152 | this.$message({ | ||
| 153 | type: 'info', | ||
| 154 | message: '已取消删除' | ||
| 155 | }); | ||
| 156 | }); | ||
| 157 | |||
| 158 | } | ||
| 159 | }, | 128 | }, |
| 160 | }; | 129 | }; |
| 161 | </script> | 130 | </script> | ... | ... |
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