style:权利人信息模块功能的完善
Showing
9 changed files
with
271 additions
and
285 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 08:58:31 | 4 | * @LastEditTime: 2023-08-14 11:16:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
| 12 | <li | 12 | <li |
| 13 | @click="operation(item)" | 13 | @click="operation(item)" |
| 14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
| 15 | :key="index" | 15 | :key="index"> |
| 16 | > | ||
| 17 | <svg-icon class="icon" :icon-class="item.icon" /> | 16 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 18 | <span class="iconName">{{ item.name }}</span> | 17 | <span class="iconName">{{ item.name }}</span> |
| 19 | </li> | 18 | </li> |
| ... | @@ -22,17 +21,11 @@ | ... | @@ -22,17 +21,11 @@ |
| 22 | <li | 21 | <li |
| 23 | @click="operation(item)" | 22 | @click="operation(item)" |
| 24 | v-for="(item, index) in rightButtonList" | 23 | v-for="(item, index) in rightButtonList" |
| 25 | :key="index" | 24 | :key="index"> |
| 26 | > | ||
| 27 | <svg-icon class="icon" :icon-class="item.icon" /> | 25 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 28 | <span class="iconName">{{ item.name }}</span> | 26 | <span class="iconName">{{ item.name }}</span> |
| 29 | </li> | 27 | </li> |
| 30 | </ul> | 28 | </ul> |
| 31 | <!-- <NoticeBar | ||
| 32 | class="NoticeBar" | ||
| 33 | :noticeList="noticeList" | ||
| 34 | v-if="noticeList.length > 0" | ||
| 35 | /> --> | ||
| 36 | </div> | 29 | </div> |
| 37 | <!-- 内容框架 --> | 30 | <!-- 内容框架 --> |
| 38 | <div class="containerFrame"> | 31 | <div class="containerFrame"> |
| ... | @@ -52,22 +45,19 @@ | ... | @@ -52,22 +45,19 @@ |
| 52 | <el-tabs | 45 | <el-tabs |
| 53 | v-model="tabName" | 46 | v-model="tabName" |
| 54 | :before-leave="beforeLeave" | 47 | :before-leave="beforeLeave" |
| 55 | @tab-click="handleClick" | 48 | @tab-click="handleClick"> |
| 56 | > | ||
| 57 | <el-tab-pane | 49 | <el-tab-pane |
| 58 | :label="item.name" | 50 | :label="item.name" |
| 59 | :name="item.value" | 51 | :name="item.value" |
| 60 | v-for="item in tabList" | 52 | v-for="item in tabList" |
| 61 | :key="item.value" | 53 | :key="item.value"> |
| 62 | > | ||
| 63 | </el-tab-pane> | 54 | </el-tab-pane> |
| 64 | </el-tabs> | 55 | </el-tabs> |
| 65 | 56 | ||
| 66 | <component | 57 | <component |
| 67 | :key="fresh" | 58 | :key="fresh" |
| 68 | :is="componentTag" | 59 | :is="componentTag" |
| 69 | v-bind="currentSelectProps" | 60 | v-bind="currentSelectProps" /> |
| 70 | /> | ||
| 71 | </div> | 61 | </div> |
| 72 | </div> | 62 | </div> |
| 73 | </div> | 63 | </div> |
| ... | @@ -76,269 +66,269 @@ | ... | @@ -76,269 +66,269 @@ |
| 76 | </div> | 66 | </div> |
| 77 | </template> | 67 | </template> |
| 78 | <style scoped lang="scss"> | 68 | <style scoped lang="scss"> |
| 79 | @import "~@/styles/mixin.scss"; | 69 | @import "~@/styles/mixin.scss"; |
| 80 | @import "./workFrame.scss"; | 70 | @import "./workFrame.scss"; |
| 81 | </style> | 71 | </style> |
| 82 | <script> | 72 | <script> |
| 83 | import WorkFlow from "./mixin/index"; | 73 | import WorkFlow from "./mixin/index"; |
| 84 | import { getForm } from "./flowform"; | 74 | import { getForm } from "./flowform"; |
| 85 | import { getStepFormInfo } from "@/api/workFlow.js"; | 75 | import { getStepFormInfo } from "@/api/workFlow.js"; |
| 86 | import NoticeBar from "@/components/NoticeBar/index"; | 76 | import NoticeBar from "@/components/NoticeBar/index"; |
| 87 | // import ProcessViewer from "./components/processViewer.vue"; | 77 | // import ProcessViewer from "./components/processViewer.vue"; |
| 88 | 78 | ||
| 89 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 79 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 90 | import qllxDailog from "./djbBook/components/qllxDailog"; | 80 | import qllxDailog from "./djbBook/components/qllxDailog"; |
| 91 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 81 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 92 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 82 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
| 93 | // 登记簿数据信息 | 83 | // 登记簿数据信息 |
| 94 | import { addRepairRecord } from "@/api/djbRepair.js"; | 84 | import { addRepairRecord } from "@/api/djbRepair.js"; |
| 95 | // 获取权利类型数组 | 85 | // 获取权利类型数组 |
| 96 | 86 | ||
| 97 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 87 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
| 98 | export default { | 88 | export default { |
| 99 | components: { | 89 | components: { |
| 100 | selectBdc, | 90 | selectBdc, |
| 101 | NoticeBar, | 91 | NoticeBar, |
| 102 | ordinaryMenu, | 92 | ordinaryMenu, |
| 103 | qllxDailog, | 93 | qllxDailog, |
| 104 | }, | ||
| 105 | mixins: [WorkFlow], | ||
| 106 | data() { | ||
| 107 | return { | ||
| 108 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 109 | //当前流程所在环节 | ||
| 110 | bestepid: this.$route.query.bestepid, | ||
| 111 | //当前流程所在环节 | ||
| 112 | zbhj: this.$route.query.zbhj, | ||
| 113 | //设置那个表单选中 | ||
| 114 | tabName: "", | ||
| 115 | isEdit: true, | ||
| 116 | // 弹框显示 | ||
| 117 | dialogVisible: true, | ||
| 118 | //表单集合 | ||
| 119 | tabList: [], | ||
| 120 | //选择加载哪一个组件 | ||
| 121 | componentTag: "", | ||
| 122 | //设置表单传递数据 | ||
| 123 | currentSelectProps: {}, | ||
| 124 | // 首次拿到的业务信息 | ||
| 125 | oneSelectProps: {}, | ||
| 126 | //材料信息选择卡索引 | ||
| 127 | oneget: true, | ||
| 128 | //页面监听时间 | ||
| 129 | _beforeUnload_time: "", | ||
| 130 | treedata: {}, | ||
| 131 | tabdata: [], | ||
| 132 | bsmRepair: "", | ||
| 133 | defaultNode: {}, | ||
| 134 | clxxForm: "", | ||
| 135 | //材料信息选择卡索引 | ||
| 136 | clxxIndex: "", | ||
| 137 | //材料信息选项卡对象 | ||
| 138 | clxxTab: {}, | ||
| 139 | ableOperation: false, | ||
| 140 | }; | ||
| 141 | }, | ||
| 142 | mounted() { | ||
| 143 | // this.getleftMenubl() | ||
| 144 | }, | ||
| 145 | |||
| 146 | methods: { | ||
| 147 | /** | ||
| 148 | * @description: stepForm | ||
| 149 | * @param {*} qllx | ||
| 150 | * @author: renchao | ||
| 151 | */ | ||
| 152 | stepForm(qllx) { | ||
| 153 | this.oneSelectProps.qllx = qllx; | ||
| 154 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 155 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 156 | this.$nextTick(function () { | ||
| 157 | this.tabList = res.result; | ||
| 158 | this.tabName = this.tabList[0].value; | ||
| 159 | this.ableOperation = this.tabList[0].ableOperation; | ||
| 160 | this.getFromRouter(this.tabName); | ||
| 161 | |||
| 162 | if (this.tabList.length != 8) { | ||
| 163 | let that = this; | ||
| 164 | this.tabList.forEach(function (item, index) { | ||
| 165 | if (item.value == "clxx") { | ||
| 166 | that.clxxIndex = index; | ||
| 167 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
| 168 | that.clxxTab = item; | ||
| 169 | } | ||
| 170 | }); | ||
| 171 | } | ||
| 172 | }); | ||
| 173 | }); | ||
| 174 | } | ||
| 175 | }, | 94 | }, |
| 176 | // 获取右侧选项卡 | 95 | mixins: [WorkFlow], |
| 177 | /** | 96 | data () { |
| 178 | * @description: 获取右侧选项卡 | 97 | return { |
| 179 | * @param {*} val | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
| 180 | * @author: renchao | 99 | //当前流程所在环节 |
| 181 | */ | 100 | bestepid: this.$route.query.bestepid, |
| 182 | getCurrentSelectProps(val) { | 101 | //当前流程所在环节 |
| 183 | this.bsmRepair = val.bsmRepair; | 102 | zbhj: this.$route.query.zbhj, |
| 184 | if (val.bdcdyid) { | 103 | //设置那个表单选中 |
| 185 | this.oneSelectProps = val; | 104 | tabName: "", |
| 186 | } | 105 | isEdit: true, |
| 187 | this.currentSelectProps = val; | 106 | // 弹框显示 |
| 188 | if (this.currentSelectProps.bsmRepair) { | 107 | dialogVisible: true, |
| 189 | this.stepForm(this.currentSelectProps.qllx); | 108 | //表单集合 |
| 190 | } else if (!this.oneget) { | 109 | tabList: [], |
| 191 | this.getdjblist(); | 110 | //选择加载哪一个组件 |
| 192 | } | 111 | componentTag: "", |
| 193 | if (this.oneget) { | 112 | //设置表单传递数据 |
| 194 | this.oneget = false; | 113 | currentSelectProps: {}, |
| 195 | this.stepForm(this.currentSelectProps.qllx); | 114 | // 首次拿到的业务信息 |
| 196 | } | 115 | oneSelectProps: {}, |
| 116 | //材料信息选择卡索引 | ||
| 117 | oneget: true, | ||
| 118 | //页面监听时间 | ||
| 119 | _beforeUnload_time: "", | ||
| 120 | treedata: {}, | ||
| 121 | tabdata: [], | ||
| 122 | bsmRepair: "", | ||
| 123 | defaultNode: {}, | ||
| 124 | clxxForm: "", | ||
| 125 | //材料信息选择卡索引 | ||
| 126 | clxxIndex: "", | ||
| 127 | //材料信息选项卡对象 | ||
| 128 | clxxTab: {}, | ||
| 129 | ableOperation: false, | ||
| 130 | }; | ||
| 197 | }, | 131 | }, |
| 198 | // 获取渲染登记簿列表 | 132 | mounted () { |
| 199 | /** | 133 | // this.getleftMenubl() |
| 200 | * @description: 获取渲染登记簿列表 | ||
| 201 | * @author: renchao | ||
| 202 | */ | ||
| 203 | getdjblist() { | ||
| 204 | getBdcqljqtsx({ | ||
| 205 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 206 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 207 | }).then((res) => { | ||
| 208 | if (res.code === 200) { | ||
| 209 | this.treedata = loadTreeData(res.result); | ||
| 210 | this.$nextTick(function () { | ||
| 211 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 212 | linShi: 0, | ||
| 213 | xianShi: 0, | ||
| 214 | liShi: 0, | ||
| 215 | }); | ||
| 216 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 217 | }); | ||
| 218 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
| 219 | this.tabdata = [ | ||
| 220 | ...settree, | ||
| 221 | ...settree[1].children[0].children[0].children, | ||
| 222 | ]; | ||
| 223 | this.tabdata.forEach((item, index, arr) => { | ||
| 224 | arr[index].name = item.label; | ||
| 225 | arr[index].value = item.id; | ||
| 226 | }); | ||
| 227 | this.tabList = this.tabdata; | ||
| 228 | } | ||
| 229 | }); | ||
| 230 | }, | 134 | }, |
| 231 | //选项卡切换事件 | ||
| 232 | /** | ||
| 233 | * @description: 右侧表单选项卡事件 | ||
| 234 | * @param {*} handleClick | ||
| 235 | * @author: renchao | ||
| 236 | */ | ||
| 237 | handleClick(a) { | ||
| 238 | let p = Object.keys(this.tabList[0]).filter( | ||
| 239 | (item) => item == "ableOperation" | ||
| 240 | ); | ||
| 241 | if (p) { | ||
| 242 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
| 243 | } | ||
| 244 | 135 | ||
| 245 | }, | 136 | methods: { |
| 246 | //右侧表单选项卡事件 | 137 | /** |
| 247 | /** | 138 | * @description: stepForm |
| 248 | * @description: 右侧表单选项卡事件 | 139 | * @param {*} qllx |
| 249 | * @param {*} activeName | 140 | * @author: renchao |
| 250 | * @author: renchao | 141 | */ |
| 251 | */ | 142 | stepForm (qllx) { |
| 143 | this.oneSelectProps.qllx = qllx; | ||
| 144 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 145 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 146 | this.$nextTick(function () { | ||
| 147 | this.tabList = res.result; | ||
| 148 | this.tabName = this.tabList[0].value; | ||
| 149 | this.ableOperation = this.tabList[0].ableOperation; | ||
| 150 | this.getFromRouter(this.tabName); | ||
| 252 | 151 | ||
| 253 | beforeLeave(activeName) { | 152 | if (this.tabList.length != 8) { |
| 254 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 153 | let that = this; |
| 255 | }, | 154 | this.tabList.forEach(function (item, index) { |
| 256 | //切换选项卡内容组件 | 155 | if (item.value == "clxx") { |
| 257 | /** | 156 | that.clxxIndex = index; |
| 258 | * @description: 切换选项卡内容组件 | 157 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 259 | * @param {*} tabname | 158 | that.clxxTab = item; |
| 260 | * @author: renchao | 159 | } |
| 261 | */ | 160 | }); |
| 262 | getFromRouter(tabname) { | 161 | } |
| 263 | this.componentTag = getForm(tabname); | 162 | }); |
| 264 | }, | 163 | }); |
| 265 | changeywh () { | ||
| 266 | this.$refs.Menu.getleftMenubl("change"); | ||
| 267 | }, | ||
| 268 | // 增加补录记录 | ||
| 269 | /** | ||
| 270 | * @description: 增加补录记录 | ||
| 271 | * @param {*} row | ||
| 272 | * @param {*} del | ||
| 273 | * @author: renchao | ||
| 274 | */ | ||
| 275 | addRepairRecord(row, del) { | ||
| 276 | let from = { | ||
| 277 | bsmQlxx: "", | ||
| 278 | bsmSlsq: this.bsmSlsq, | ||
| 279 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 280 | operate: "C", | ||
| 281 | qllx: "", | ||
| 282 | }; | ||
| 283 | if (row) { | ||
| 284 | from.bsmQlxx = row.bsmQlxx; | ||
| 285 | if (del) { | ||
| 286 | from.operate = del; | ||
| 287 | } else { | ||
| 288 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 289 | } | 164 | } |
| 290 | from.qllx = row.qllx; | 165 | }, |
| 291 | } | 166 | // 获取右侧选项卡 |
| 292 | addRepairRecord(from) | 167 | /** |
| 293 | .then((res) => { | 168 | * @description: 获取右侧选项卡 |
| 294 | if (res.code == "200") { | 169 | * @param {*} val |
| 295 | this.$refs.qllxlist.dialogVisible = false; | 170 | * @author: renchao |
| 296 | this.$nextTick(() => { | 171 | */ |
| 297 | this.$refs.Menu.getleftMenubl(res.result); | 172 | getCurrentSelectProps (val) { |
| 298 | this.$message({ | 173 | this.bsmRepair = val.bsmRepair; |
| 299 | type: "success", | 174 | if (val.bdcdyid) { |
| 300 | message: "补录成功!", | 175 | this.oneSelectProps = val; |
| 176 | } | ||
| 177 | this.currentSelectProps = val; | ||
| 178 | if (this.currentSelectProps.bsmRepair) { | ||
| 179 | this.stepForm(this.currentSelectProps.qllx); | ||
| 180 | } else if (!this.oneget) { | ||
| 181 | this.getdjblist(); | ||
| 182 | } | ||
| 183 | if (this.oneget) { | ||
| 184 | this.oneget = false; | ||
| 185 | this.stepForm(this.currentSelectProps.qllx); | ||
| 186 | } | ||
| 187 | }, | ||
| 188 | // 获取渲染登记簿列表 | ||
| 189 | /** | ||
| 190 | * @description: 获取渲染登记簿列表 | ||
| 191 | * @author: renchao | ||
| 192 | */ | ||
| 193 | getdjblist () { | ||
| 194 | getBdcqljqtsx({ | ||
| 195 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 196 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 197 | }).then((res) => { | ||
| 198 | if (res.code === 200) { | ||
| 199 | this.treedata = loadTreeData(res.result); | ||
| 200 | this.$nextTick(function () { | ||
| 201 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 202 | linShi: 0, | ||
| 203 | xianShi: 0, | ||
| 204 | liShi: 0, | ||
| 301 | }); | 205 | }); |
| 206 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 302 | }); | 207 | }); |
| 303 | } else { | 208 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
| 304 | this.$alert(res.message, "提示", { | 209 | this.tabdata = [ |
| 305 | confirmButtonText: "确定", | 210 | ...settree, |
| 306 | type: "warning", | 211 | ...settree[1].children[0].children[0].children, |
| 212 | ]; | ||
| 213 | this.tabdata.forEach((item, index, arr) => { | ||
| 214 | arr[index].name = item.label; | ||
| 215 | arr[index].value = item.id; | ||
| 307 | }); | 216 | }); |
| 217 | this.tabList = this.tabdata; | ||
| 308 | } | 218 | } |
| 309 | }) | ||
| 310 | .catch((res) => { | ||
| 311 | console.log("错", res); | ||
| 312 | }); | 219 | }); |
| 313 | }, | 220 | }, |
| 314 | // openDialog () { | 221 | //选项卡切换事件 |
| 315 | // this.$store.dispatch('user/refreshPage', false) | 222 | /** |
| 316 | // let data = JSON.parse(localStorage.getItem('ywbl')) | 223 | * @description: 右侧表单选项卡事件 |
| 317 | // let title | 224 | * @param {*} handleClick |
| 318 | // if (data?.sqywmc) { | 225 | * @author: renchao |
| 319 | // title = "申请业务:" + data?.sqywmc | 226 | */ |
| 320 | // } else { | 227 | handleClick (a) { |
| 321 | // title = "申请业务:" + data?.djywmc | 228 | let p = Object.keys(this.tabList[0]).filter( |
| 322 | // } | 229 | (item) => item == "ableOperation" |
| 230 | ); | ||
| 231 | if (p) { | ||
| 232 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
| 233 | } | ||
| 234 | |||
| 235 | }, | ||
| 236 | //右侧表单选项卡事件 | ||
| 237 | /** | ||
| 238 | * @description: 右侧表单选项卡事件 | ||
| 239 | * @param {*} activeName | ||
| 240 | * @author: renchao | ||
| 241 | */ | ||
| 323 | 242 | ||
| 324 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 243 | beforeLeave (activeName) { |
| 325 | // } | 244 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
| 326 | }, | 245 | }, |
| 327 | }; | 246 | //切换选项卡内容组件 |
| 247 | /** | ||
| 248 | * @description: 切换选项卡内容组件 | ||
| 249 | * @param {*} tabname | ||
| 250 | * @author: renchao | ||
| 251 | */ | ||
| 252 | getFromRouter (tabname) { | ||
| 253 | this.componentTag = getForm(tabname); | ||
| 254 | }, | ||
| 255 | changeywh () { | ||
| 256 | this.$refs.Menu.getleftMenubl("change"); | ||
| 257 | }, | ||
| 258 | // 增加补录记录 | ||
| 259 | /** | ||
| 260 | * @description: 增加补录记录 | ||
| 261 | * @param {*} row | ||
| 262 | * @param {*} del | ||
| 263 | * @author: renchao | ||
| 264 | */ | ||
| 265 | addRepairRecord (row, del) { | ||
| 266 | let from = { | ||
| 267 | bsmQlxx: "", | ||
| 268 | bsmSlsq: this.bsmSlsq, | ||
| 269 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 270 | operate: "C", | ||
| 271 | qllx: "", | ||
| 272 | }; | ||
| 273 | if (row) { | ||
| 274 | from.bsmQlxx = row.bsmQlxx; | ||
| 275 | if (del) { | ||
| 276 | from.operate = del; | ||
| 277 | } else { | ||
| 278 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 279 | } | ||
| 280 | from.qllx = row.qllx; | ||
| 281 | } | ||
| 282 | addRepairRecord(from) | ||
| 283 | .then((res) => { | ||
| 284 | if (res.code == "200") { | ||
| 285 | this.$refs.qllxlist.dialogVisible = false; | ||
| 286 | this.$nextTick(() => { | ||
| 287 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 288 | this.$message({ | ||
| 289 | type: "success", | ||
| 290 | message: "补录成功!", | ||
| 291 | }); | ||
| 292 | }); | ||
| 293 | } else { | ||
| 294 | this.$alert(res.message, "提示", { | ||
| 295 | confirmButtonText: "确定", | ||
| 296 | type: "warning", | ||
| 297 | }); | ||
| 298 | } | ||
| 299 | }) | ||
| 300 | .catch((res) => { | ||
| 301 | console.log("错", res); | ||
| 302 | }); | ||
| 303 | }, | ||
| 304 | // openDialog () { | ||
| 305 | // this.$store.dispatch('user/refreshPage', false) | ||
| 306 | // let data = JSON.parse(localStorage.getItem('ywbl')) | ||
| 307 | // let title | ||
| 308 | // if (data?.sqywmc) { | ||
| 309 | // title = "申请业务:" + data?.sqywmc | ||
| 310 | // } else { | ||
| 311 | // title = "申请业务:" + data?.djywmc | ||
| 312 | // } | ||
| 313 | |||
| 314 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | ||
| 315 | // } | ||
| 316 | }, | ||
| 317 | }; | ||
| 328 | </script> | 318 | </script> |
| 329 | <style scoped lang="scss"> | 319 | <style scoped lang="scss"> |
| 330 | .rightContainer { | 320 | .rightContainer { |
| 331 | position: relative; | 321 | position: relative; |
| 332 | } | 322 | } |
| 333 | .count { | 323 | .count { |
| 334 | font-size: 14px; | 324 | font-size: 14px; |
| 335 | position: absolute; | 325 | position: absolute; |
| 336 | right: 25px; | 326 | right: 25px; |
| 337 | top: 12px; | 327 | top: 12px; |
| 338 | height: 30px; | 328 | height: 30px; |
| 339 | span { | 329 | span { |
| 340 | font-weight: 600; | 330 | font-weight: 600; |
| 341 | color: #3498db; | 331 | color: #3498db; |
| 332 | } | ||
| 342 | } | 333 | } |
| 343 | } | ||
| 344 | </style> | 334 | </style> | ... | ... |
| ... | @@ -132,14 +132,11 @@ | ... | @@ -132,14 +132,11 @@ |
| 132 | * @author: renchao | 132 | * @author: renchao |
| 133 | */ | 133 | */ |
| 134 | getCurrentSelectProps (val) { | 134 | getCurrentSelectProps (val) { |
| 135 | console.log(val, 'valvalvalval'); | ||
| 135 | this.currentSelectProps = val | 136 | this.currentSelectProps = val |
| 136 | |||
| 137 | getZdInfo(val.bdcdyid).then(res => { | 137 | getZdInfo(val.bdcdyid).then(res => { |
| 138 | this.bsmZd = res?.result[0]?.bsmZd | 138 | this.bsmZd = res?.result[0]?.bsmZd |
| 139 | }) | 139 | }) |
| 140 | // getZdInfo(val.bdcdyid).then(res => { | ||
| 141 | // this.bsmZd = res?.result[0]?.bsmZd | ||
| 142 | // }) | ||
| 143 | }, | 140 | }, |
| 144 | /** | 141 | /** |
| 145 | * @description: beforeunloadHandler | 142 | * @description: beforeunloadHandler | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-14 10:58:48 | 4 | * @LastEditTime: 2023-08-14 11:23:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -117,14 +117,14 @@ | ... | @@ -117,14 +117,14 @@ |
| 117 | </el-radio-group> | 117 | </el-radio-group> |
| 118 | </el-form-item> | 118 | </el-form-item> |
| 119 | </el-col> | 119 | </el-col> |
| 120 | <el-col :span="5"> | 120 | <!-- <el-col :span="5"> |
| 121 | <el-form-item label="发证方式:"> | 121 | <el-form-item label="发证方式:"> |
| 122 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | 122 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> |
| 123 | <el-radio label="1">小证</el-radio> | 123 | <el-radio label="1">小证</el-radio> |
| 124 | <el-radio label="2">大证</el-radio> | 124 | <el-radio label="2">大证</el-radio> |
| 125 | </el-radio-group> | 125 | </el-radio-group> |
| 126 | </el-form-item> | 126 | </el-form-item> |
| 127 | </el-col> | 127 | </el-col> --> |
| 128 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> | 128 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> |
| 129 | <el-form-item label="是否分别持证:"> | 129 | <el-form-item label="是否分别持证:"> |
| 130 | <el-radio-group | 130 | <el-radio-group |
| ... | @@ -253,7 +253,6 @@ | ... | @@ -253,7 +253,6 @@ |
| 253 | } | 253 | } |
| 254 | }, | 254 | }, |
| 255 | methods: { | 255 | methods: { |
| 256 | // 更新土地用途信息 | ||
| 257 | /** | 256 | /** |
| 258 | * @description: 更新土地用途信息 | 257 | * @description: 更新土地用途信息 |
| 259 | * @param {*} val | 258 | * @param {*} val |
| ... | @@ -261,10 +260,8 @@ | ... | @@ -261,10 +260,8 @@ |
| 261 | */ | 260 | */ |
| 262 | upDateTdytxxList (val) { | 261 | upDateTdytxxList (val) { |
| 263 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 262 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 264 | this.czrOptions = this.ruleForm.qlrList; | ||
| 265 | this.key++; | 263 | this.key++; |
| 266 | }, | 264 | }, |
| 267 | // 更新权利人信息 | ||
| 268 | /** | 265 | /** |
| 269 | * @description: 更新权利人信息 | 266 | * @description: 更新权利人信息 |
| 270 | * @param {*} val | 267 | * @param {*} val |
| ... | @@ -272,6 +269,8 @@ | ... | @@ -272,6 +269,8 @@ |
| 272 | */ | 269 | */ |
| 273 | upDateQlrxxList (val) { | 270 | upDateQlrxxList (val) { |
| 274 | this.ruleForm.qlrList = _.cloneDeep(val); | 271 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 272 | this.czrOptions = this.ruleForm.qlrList; | ||
| 273 | this.key++; | ||
| 275 | }, | 274 | }, |
| 276 | /** | 275 | /** |
| 277 | * @description: showCZInfo | 276 | * @description: showCZInfo | ... | ... |
| ... | @@ -320,7 +320,7 @@ | ... | @@ -320,7 +320,7 @@ |
| 320 | */ | 320 | */ |
| 321 | upDateTdytxxList (val) { | 321 | upDateTdytxxList (val) { |
| 322 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 322 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 323 | this.czrOptions = this.ruleForm.qlrList; | 323 | |
| 324 | this.key++; | 324 | this.key++; |
| 325 | }, | 325 | }, |
| 326 | 326 | ||
| ... | @@ -331,6 +331,7 @@ | ... | @@ -331,6 +331,7 @@ |
| 331 | */ | 331 | */ |
| 332 | upDateQlrxxList (val) { | 332 | upDateQlrxxList (val) { |
| 333 | this.ruleForm.qlrList = _.cloneDeep(val); | 333 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 334 | this.czrOptions = this.ruleForm.qlrList; | ||
| 334 | }, | 335 | }, |
| 335 | /** | 336 | /** |
| 336 | * @description: 更新权利人信息 | 337 | * @description: 更新权利人信息 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-14 10:27:21 | 4 | * @LastEditTime: 2023-08-14 12:48:45 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -359,7 +359,6 @@ | ... | @@ -359,7 +359,6 @@ |
| 359 | } | 359 | } |
| 360 | }); | 360 | }); |
| 361 | }, | 361 | }, |
| 362 | // 更新土地用途信息 | ||
| 363 | /** | 362 | /** |
| 364 | * @description: 更新土地用途信息 | 363 | * @description: 更新土地用途信息 |
| 365 | * @param {*} val | 364 | * @param {*} val |
| ... | @@ -367,10 +366,8 @@ | ... | @@ -367,10 +366,8 @@ |
| 367 | */ | 366 | */ |
| 368 | upDateTdytxxList (val) { | 367 | upDateTdytxxList (val) { |
| 369 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 368 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 370 | this.czrOptions = this.ruleForm.qlrList; | ||
| 371 | this.key++; | 369 | this.key++; |
| 372 | }, | 370 | }, |
| 373 | // 更新权利人信息 | ||
| 374 | /** | 371 | /** |
| 375 | * @description: 更新权利人信息 | 372 | * @description: 更新权利人信息 |
| 376 | * @param {*} val | 373 | * @param {*} val |
| ... | @@ -378,6 +375,8 @@ | ... | @@ -378,6 +375,8 @@ |
| 378 | */ | 375 | */ |
| 379 | upDateQlrxxList (val) { | 376 | upDateQlrxxList (val) { |
| 380 | this.ruleForm.qlrList = _.cloneDeep(val); | 377 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 378 | this.czrOptions = this.ruleForm.qlrList; | ||
| 379 | this.key++; | ||
| 381 | }, | 380 | }, |
| 382 | // 更新权利人信息 | 381 | // 更新权利人信息 |
| 383 | /** | 382 | /** | ... | ... |
| ... | @@ -265,7 +265,6 @@ | ... | @@ -265,7 +265,6 @@ |
| 265 | */ | 265 | */ |
| 266 | upDateTdytxxList (val) { | 266 | upDateTdytxxList (val) { |
| 267 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 267 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 268 | this.czrOptions = this.ruleForm.qlrList; | ||
| 269 | this.key++; | 268 | this.key++; |
| 270 | }, | 269 | }, |
| 271 | /** | 270 | /** |
| ... | @@ -275,6 +274,8 @@ | ... | @@ -275,6 +274,8 @@ |
| 275 | */ | 274 | */ |
| 276 | upDateQlrxxList (val) { | 275 | upDateQlrxxList (val) { |
| 277 | this.ruleForm.qlrList = _.cloneDeep(val); | 276 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 277 | this.czrOptions = this.ruleForm.qlrList; | ||
| 278 | this.key++ | ||
| 278 | }, | 279 | }, |
| 279 | /** | 280 | /** |
| 280 | * @description: onSubmit | 281 | * @description: onSubmit | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-08-14 11:11:09 | 4 | * @LastEditTime: 2023-08-14 12:49:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -306,7 +306,6 @@ | ... | @@ -306,7 +306,6 @@ |
| 306 | }; | 306 | }; |
| 307 | }, | 307 | }, |
| 308 | methods: { | 308 | methods: { |
| 309 | // 更新土地用途信息 | ||
| 310 | /** | 309 | /** |
| 311 | * @description: 更新土地用途信息 | 310 | * @description: 更新土地用途信息 |
| 312 | * @param {*} val | 311 | * @param {*} val |
| ... | @@ -314,8 +313,6 @@ | ... | @@ -314,8 +313,6 @@ |
| 314 | */ | 313 | */ |
| 315 | upDateTdytxxList (val) { | 314 | upDateTdytxxList (val) { |
| 316 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 315 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 317 | this.czrOptions = this.ruleForm.qlrList; | ||
| 318 | this.key++; | ||
| 319 | }, | 316 | }, |
| 320 | // 更新权利人信息 | 317 | // 更新权利人信息 |
| 321 | /** | 318 | /** |
| ... | @@ -325,6 +322,8 @@ | ... | @@ -325,6 +322,8 @@ |
| 325 | */ | 322 | */ |
| 326 | upDateQlrxxList (val) { | 323 | upDateQlrxxList (val) { |
| 327 | this.ruleForm.qlrList = _.cloneDeep(val); | 324 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 325 | this.czrOptions = this.ruleForm.qlrList; | ||
| 326 | this.key++; | ||
| 328 | }, | 327 | }, |
| 329 | // 更新权利人信息 | 328 | // 更新权利人信息 |
| 330 | /** | 329 | /** | ... | ... |
| ... | @@ -319,7 +319,6 @@ | ... | @@ -319,7 +319,6 @@ |
| 319 | }); | 319 | }); |
| 320 | }, | 320 | }, |
| 321 | 321 | ||
| 322 | // 更新权利人信息 | ||
| 323 | /** | 322 | /** |
| 324 | * @description: 更新权利人信息 | 323 | * @description: 更新权利人信息 |
| 325 | * @param {*} val | 324 | * @param {*} val |
| ... | @@ -328,6 +327,7 @@ | ... | @@ -328,6 +327,7 @@ |
| 328 | upDateQlrxxList (val) { | 327 | upDateQlrxxList (val) { |
| 329 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 328 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
| 330 | this.ruleForm.qlrList = _.cloneDeep(val); | 329 | this.ruleForm.qlrList = _.cloneDeep(val); |
| 330 | this.czrOptions = this.ruleForm.qlrList | ||
| 331 | } | 331 | } |
| 332 | }, | 332 | }, |
| 333 | // 更新义务人信息 | 333 | // 更新义务人信息 | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 09:54:32 | 4 | * @LastEditTime: 2023-08-14 11:21:48 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -50,8 +50,8 @@ class data extends filter { | ... | @@ -50,8 +50,8 @@ class data extends filter { |
| 50 | }, | 50 | }, |
| 51 | { | 51 | { |
| 52 | prop: "qllxmc", | 52 | prop: "qllxmc", |
| 53 | width: '100', | ||
| 54 | showOverflowTooltip: true, | 53 | showOverflowTooltip: true, |
| 54 | width: '100', | ||
| 55 | label: "权利类型", | 55 | label: "权利类型", |
| 56 | }, | 56 | }, |
| 57 | { | 57 | { | ... | ... |
-
Please register or sign in to post a comment