style:登记薄补录
Showing
2 changed files
with
54 additions
and
60 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-24 15:31:00 | 4 | * @LastEditTime: 2023-07-11 08:58:31 |
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,8 +21,7 @@ | ... | @@ -22,8 +21,7 @@ |
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> |
... | @@ -50,15 +48,13 @@ | ... | @@ -50,15 +48,13 @@ |
50 | :label="item.name" | 48 | :label="item.name" |
51 | :name="item.value" | 49 | :name="item.value" |
52 | v-for="item in tabList" | 50 | v-for="item in tabList" |
53 | :key="item.value" | 51 | :key="item.value"> |
54 | > | ||
55 | </el-tab-pane> | 52 | </el-tab-pane> |
56 | </el-tabs> | 53 | </el-tabs> |
57 | <component | 54 | <component |
58 | :key="fresh" | 55 | :key="fresh" |
59 | :is="componentTag" | 56 | :is="componentTag" |
60 | v-bind="currentSelectProps" | 57 | v-bind="currentSelectProps" /> |
61 | /> | ||
62 | </div> | 58 | </div> |
63 | </div> | 59 | </div> |
64 | </div> | 60 | </div> |
... | @@ -67,28 +63,28 @@ | ... | @@ -67,28 +63,28 @@ |
67 | </div> | 63 | </div> |
68 | </template> | 64 | </template> |
69 | <style scoped lang="scss"> | 65 | <style scoped lang="scss"> |
70 | @import "~@/styles/mixin.scss"; | 66 | @import "~@/styles/mixin.scss"; |
71 | @import "./workFrame.scss"; | 67 | @import "./workFrame.scss"; |
72 | </style> | 68 | </style> |
73 | <script> | 69 | <script> |
74 | import WorkFlow from "./mixin/index"; | 70 | import WorkFlow from "./mixin/index"; |
75 | import { getForm } from "./flowform"; | 71 | import { getForm } from "./flowform"; |
76 | import { getStepFormInfo } from "@/api/fqsq.js"; | 72 | import { getStepFormInfo } from "@/api/fqsq.js"; |
77 | import NoticeBar from "@/components/NoticeBar/index"; | 73 | import NoticeBar from "@/components/NoticeBar/index"; |
78 | import ProcessViewer from "./components/processViewer.vue"; | 74 | import ProcessViewer from "./components/processViewer.vue"; |
79 | // 引入左侧菜单 | 75 | // 引入左侧菜单 |
80 | import { leftMenubl } from "@/api/djbbl.js"; | 76 | import { leftMenubl } from "@/api/djbbl.js"; |
81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
82 | import qllxDailog from "./djbBook/components/qllxDailog"; | 78 | import qllxDailog from "./djbBook/components/qllxDailog"; |
83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
85 | // 登记簿数据信息 | 81 | // 登记簿数据信息 |
86 | import { addRepairRecord } from "@/api/djbbl.js"; | 82 | import { addRepairRecord } from "@/api/djbbl.js"; |
87 | // 获取权利类型数组 | 83 | // 获取权利类型数组 |
88 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | 84 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; |
89 | 85 | ||
90 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 86 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
91 | export default { | 87 | export default { |
92 | components: { | 88 | components: { |
93 | selectBdc, | 89 | selectBdc, |
94 | NoticeBar, | 90 | NoticeBar, |
... | @@ -97,7 +93,7 @@ export default { | ... | @@ -97,7 +93,7 @@ export default { |
97 | qllxDailog, | 93 | qllxDailog, |
98 | }, | 94 | }, |
99 | mixins: [WorkFlow], | 95 | mixins: [WorkFlow], |
100 | data() { | 96 | data () { |
101 | return { | 97 | return { |
102 | bsmSlsq: this.$route.query.bsmSlsq, | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
103 | //当前流程所在环节 | 99 | //当前流程所在环节 |
... | @@ -109,7 +105,7 @@ export default { | ... | @@ -109,7 +105,7 @@ export default { |
109 | qllx: this.$route.query.qllx, | 105 | qllx: this.$route.query.qllx, |
110 | //设置那个表单选中 | 106 | //设置那个表单选中 |
111 | tabName: "", | 107 | tabName: "", |
112 | isEdit:true, | 108 | isEdit: true, |
113 | // 弹框显示 | 109 | // 弹框显示 |
114 | dialogVisible: true, | 110 | dialogVisible: true, |
115 | //表单集合 | 111 | //表单集合 |
... | @@ -129,12 +125,12 @@ export default { | ... | @@ -129,12 +125,12 @@ export default { |
129 | defaultNode: {}, | 125 | defaultNode: {}, |
130 | }; | 126 | }; |
131 | }, | 127 | }, |
132 | mounted() { | 128 | mounted () { |
133 | // this.getleftMenubl() | 129 | // this.getleftMenubl() |
134 | }, | 130 | }, |
135 | 131 | ||
136 | methods: { | 132 | methods: { |
137 | stepForm(qllx) { | 133 | stepForm (qllx) { |
138 | this.oneSelectProps.qllx = qllx; | 134 | this.oneSelectProps.qllx = qllx; |
139 | if (this.$refs.Menu.supplementarylist.length) { | 135 | if (this.$refs.Menu.supplementarylist.length) { |
140 | getStepFormInfo(this.oneSelectProps).then((res) => { | 136 | getStepFormInfo(this.oneSelectProps).then((res) => { |
... | @@ -152,7 +148,7 @@ export default { | ... | @@ -152,7 +148,7 @@ export default { |
152 | // this.supplementarylist = res.result; | 148 | // this.supplementarylist = res.result; |
153 | // }) | 149 | // }) |
154 | // }, | 150 | // }, |
155 | getQllxByBdcdyid() { | 151 | getQllxByBdcdyid () { |
156 | if (this.currentSelectProps.bdcdyid) { | 152 | if (this.currentSelectProps.bdcdyid) { |
157 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 153 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( |
158 | (res) => { | 154 | (res) => { |
... | @@ -165,7 +161,7 @@ export default { | ... | @@ -165,7 +161,7 @@ export default { |
165 | } | 161 | } |
166 | }, | 162 | }, |
167 | // 获取右侧选项卡 | 163 | // 获取右侧选项卡 |
168 | getCurrentSelectProps(val) { | 164 | getCurrentSelectProps (val) { |
169 | if (val.bdcdyid) { | 165 | if (val.bdcdyid) { |
170 | this.oneSelectProps = val; | 166 | this.oneSelectProps = val; |
171 | } | 167 | } |
... | @@ -181,7 +177,7 @@ export default { | ... | @@ -181,7 +177,7 @@ export default { |
181 | } | 177 | } |
182 | }, | 178 | }, |
183 | // 获取渲染登记簿列表 | 179 | // 获取渲染登记簿列表 |
184 | getdjblist() { | 180 | getdjblist () { |
185 | getBdcqljqtsx({ | 181 | getBdcqljqtsx({ |
186 | bdcdyid: this.currentSelectProps.bdcdyid, | 182 | bdcdyid: this.currentSelectProps.bdcdyid, |
187 | bdcdyh: this.currentSelectProps.bdcdyh, | 183 | bdcdyh: this.currentSelectProps.bdcdyh, |
... | @@ -210,23 +206,21 @@ export default { | ... | @@ -210,23 +206,21 @@ export default { |
210 | }); | 206 | }); |
211 | }, | 207 | }, |
212 | //右侧表单选项卡事件 | 208 | //右侧表单选项卡事件 |
213 | beforeLeave(activeName) { | 209 | beforeLeave (activeName) { |
214 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 210 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
215 | }, | 211 | }, |
216 | //切换选项卡内容组件 | 212 | //切换选项卡内容组件 |
217 | getFromRouter(tabname) { | 213 | getFromRouter (tabname) { |
218 | console.log("切换选项卡内容组件", tabname,this.tabList); | ||
219 | this.componentTag = getForm(tabname); | 214 | this.componentTag = getForm(tabname); |
220 | }, | 215 | }, |
221 | closefp() { | 216 | closefp () { |
222 | console.log("点击分屏"); | ||
223 | this.splitScreen = this.splitScreen ? false : true; | 217 | this.splitScreen = this.splitScreen ? false : true; |
224 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | 218 | this.$store.dispatch("app/set1tScreen", this.splitScreen); |
225 | this.getFromRouter(this.tabList[0].value); | 219 | this.getFromRouter(this.tabList[0].value); |
226 | this.clxxForm = getForm(this.tabList[1].value); | 220 | this.clxxForm = getForm(this.tabList[1].value); |
227 | }, | 221 | }, |
228 | // 增加补录记录 | 222 | // 增加补录记录 |
229 | addRepairRecord(row, del) { | 223 | addRepairRecord (row, del) { |
230 | let from = { | 224 | let from = { |
231 | bsmQlxx: "", | 225 | bsmQlxx: "", |
232 | bsmSlsq: this.bsmSlsq, | 226 | bsmSlsq: this.bsmSlsq, |
... | @@ -263,9 +257,21 @@ export default { | ... | @@ -263,9 +257,21 @@ export default { |
263 | }) | 257 | }) |
264 | .catch((res) => { | 258 | .catch((res) => { |
265 | console.log("错", res); | 259 | console.log("错", res); |
266 | }); | 260 | }) |
267 | }, | ||
268 | }, | 261 | }, |
269 | }; | 262 | openDialog () { |
263 | this.$store.dispatch('user/refreshPage', false) | ||
264 | let data = JSON.parse(localStorage.getItem('ywbl')) | ||
265 | let title | ||
266 | if (data?.sqywmc) { | ||
267 | title = "申请业务:" + data?.sqywmc | ||
268 | } else { | ||
269 | title = "申请业务:" + data?.djywmc | ||
270 | } | ||
271 | |||
272 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | ||
273 | } | ||
274 | } | ||
275 | }; | ||
270 | </script> | 276 | </script> |
271 | <style scoped lang="scss"></style> | 277 | <style scoped lang="scss"></style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-04 16:23:54 | 4 | * @LastEditTime: 2023-07-10 15:16:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -130,16 +130,6 @@ | ... | @@ -130,16 +130,6 @@ |
130 | <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> | 130 | <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> |
133 | |||
134 | <!-- <el-col :span="8"> | ||
135 | <el-form-item label="下拉表格测试:"> | ||
136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | ||
137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> | ||
138 | <el-table-column prop="user" label="姓名"></el-table-column> | ||
139 | </select-table> | ||
140 | </el-form-item> | ||
141 | </el-col> --> | ||
142 | |||
143 | </el-row> | 133 | </el-row> |
144 | <div class="slxx_title title-block"> | 134 | <div class="slxx_title title-block"> |
145 | 土地用途 | 135 | 土地用途 |
... | @@ -147,8 +137,7 @@ | ... | @@ -147,8 +137,7 @@ |
147 | </div> | 137 | </div> |
148 | <tdytTable | 138 | <tdytTable |
149 | :tableData="ruleForm.tdytqxList" | 139 | :tableData="ruleForm.tdytqxList" |
150 | @upDateTdytxxList="upDateTdytxxList" | 140 | @upDateTdytxxList="upDateTdytxxList" /> |
151 | /> | ||
152 | <div class="slxx_title title-block"> | 141 | <div class="slxx_title title-block"> |
153 | 权利人信息 | 142 | 权利人信息 |
154 | <div class="triangle"></div> | 143 | <div class="triangle"></div> |
... | @@ -220,9 +209,8 @@ | ... | @@ -220,9 +209,8 @@ |
220 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 209 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" |
221 | import tdytTable from "@/views/workflow/components/tdytTable"; | 210 | import tdytTable from "@/views/workflow/components/tdytTable"; |
222 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 211 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
223 | import selectTable from '@/components/selectTable/index.vue' | ||
224 | export default { | 212 | export default { |
225 | components: { qlrCommonTable, selectTable,tdytTable }, | 213 | components: { qlrCommonTable, tdytTable }, |
226 | mounted () { | 214 | mounted () { |
227 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 215 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
228 | this.propsParam = this.$attrs; | 216 | this.propsParam = this.$attrs; |
... | @@ -271,7 +259,7 @@ | ... | @@ -271,7 +259,7 @@ |
271 | }, | 259 | }, |
272 | methods: { | 260 | methods: { |
273 | // 更新土地用途信息 | 261 | // 更新土地用途信息 |
274 | upDateTdytxxList(val) { | 262 | upDateTdytxxList (val) { |
275 | console.log("VAL", val); | 263 | console.log("VAL", val); |
276 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 264 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
277 | this.key++; | 265 | this.key++; | ... | ... |
-
Please register or sign in to post a comment