Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
a036215b by xiaomiao
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 227ebca4 184f471c
Inline Side-by-side
Showing 2 changed files with 211 additions and 219 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,207 +63,215 @@ ...@@ -67,207 +63,215 @@
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,
95 ProcessViewer, 91 ProcessViewer,
96 ordinaryMenu, 92 ordinaryMenu,
97 qllxDailog, 93 qllxDailog,
98 },
99 mixins: [WorkFlow],
100 data() {
101 return {
102 bsmSlsq: this.$route.query.bsmSlsq,
103 //当前流程所在环节
104 bestepid: this.$route.query.bestepid,
105 //受理申请标识码
106 bdcdyid: this.$route.query.bdcdyid,
107 //当前流程所在环节
108 bdcdyh: this.$route.query.bdcdyh,
109 qllx: this.$route.query.qllx,
110 //设置那个表单选中
111 tabName: "",
112 isEdit:true,
113 // 弹框显示
114 dialogVisible: true,
115 //表单集合
116 tabList: [],
117 //选择加载哪一个组件
118 componentTag: "",
119 //设置表单传递数据
120 currentSelectProps: {},
121 // 首次拿到的业务信息
122 oneSelectProps: {},
123 //材料信息选择卡索引
124 oneget: true,
125 //页面监听时间
126 _beforeUnload_time: "",
127 treedata: {},
128 tabdata: [],
129 defaultNode: {},
130 bsmRepair:""
131 };
132 },
133 mounted() {
134 // this.getleftMenubl()
135 },
136
137 methods: {
138 stepForm(qllx) {
139 this.oneSelectProps.qllx = qllx;
140 if (this.$refs.Menu.supplementarylist.length) {
141 getStepFormInfo(this.oneSelectProps).then((res) => {
142 this.$nextTick(function () {
143 this.tabList = res.result;
144 this.tabName = this.tabList[0].value;
145 this.getFromRouter(this.tabName);
146 });
147 });
148 }
149 }, 94 },
150 // 获取右侧菜单 95 mixins: [WorkFlow],
151 // getleftMenubl() { 96 data () {
152 // leftMenubl(this.bsmSlsq).then((res) => { 97 return {
153 // this.supplementarylist = res.result; 98 bsmSlsq: this.$route.query.bsmSlsq,
154 // }) 99 //当前流程所在环节
155 // }, 100 bestepid: this.$route.query.bestepid,
156 getQllxByBdcdyid() { 101 //受理申请标识码
157 if (this.currentSelectProps.bdcdyid) { 102 bdcdyid: this.$route.query.bdcdyid,
158 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( 103 //当前流程所在环节
159 (res) => { 104 bdcdyh: this.$route.query.bdcdyh,
160 if (res.code === 200) { 105 qllx: this.$route.query.qllx,
161 this.$refs.qllxlist.qllxlistdata = res.result; 106 //设置那个表单选中
162 this.$refs.qllxlist.dialogVisible = true; 107 tabName: "",
163 } 108 isEdit: true,
164 } 109 // 弹框显示
165 ); 110 dialogVisible: true,
166 } 111 //表单集合
112 tabList: [],
113 //选择加载哪一个组件
114 componentTag: "",
115 //设置表单传递数据
116 currentSelectProps: {},
117 // 首次拿到的业务信息
118 oneSelectProps: {},
119 //材料信息选择卡索引
120 oneget: true,
121 //页面监听时间
122 _beforeUnload_time: "",
123 treedata: {},
124 tabdata: [],
125 defaultNode: {},
126 };
167 }, 127 },
168 // 获取右侧选项卡 128 mounted () {
169 getCurrentSelectProps(val) { 129 // this.getleftMenubl()
170 if(val.bsmRepair){
171 this.bsmRepair=val.bsmRepair
172 }
173 if (val.bdcdyid) {
174 this.oneSelectProps = val;
175 }
176 this.currentSelectProps = val;
177 if (this.currentSelectProps.bsmRepair) {
178 this.stepForm(this.currentSelectProps.qllx);
179 } else if (!this.oneget) {
180 this.getdjblist();
181 }
182 if (this.oneget) {
183 this.oneget = false;
184 this.stepForm(this.currentSelectProps.qllx);
185 }
186 }, 130 },
187 // 获取渲染登记簿列表 131
188 getdjblist() { 132 methods: {
189 getBdcqljqtsx({ 133 stepForm (qllx) {
190 bdcdyid: this.currentSelectProps.bdcdyid, 134 this.oneSelectProps.qllx = qllx;
191 bdcdyh: this.currentSelectProps.bdcdyh, 135 if (this.$refs.Menu.supplementarylist.length) {
192 }).then((res) => { 136 getStepFormInfo(this.oneSelectProps).then((res) => {
193 if (res.code === 200) { 137 this.$nextTick(function () {
194 this.treedata = loadTreeData(res.result, this.bdcdyh); 138 this.tabList = res.result;
195 this.$nextTick(function () { 139 this.tabName = this.tabList[0].value;
196 this.defaultNode = getNode(this.currentSelectProps.qllx, { 140 this.getFromRouter(this.tabName);
197 linShi: 0,
198 xianShi: 0,
199 liShi: 0,
200 }); 141 });
201 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
202 }); 142 });
203 let settree = JSON.parse(JSON.stringify(this.treedata));
204 this.tabdata = [
205 ...settree,
206 ...settree[1].children[0].children[0].children,
207 ];
208 this.tabdata.forEach((item, index, arr) => {
209 arr[index].name = item.label;
210 arr[index].value = item.id;
211 });
212 this.tabList = this.tabdata;
213 } 143 }
214 }); 144 },
215 }, 145 // 获取右侧菜单
216 //右侧表单选项卡事件 146 // getleftMenubl() {
217 beforeLeave(activeName) { 147 // leftMenubl(this.bsmSlsq).then((res) => {
218 if (activeName && activeName != 0) this.getFromRouter(activeName); 148 // this.supplementarylist = res.result;
219 }, 149 // })
220 //切换选项卡内容组件 150 // },
221 getFromRouter(tabname) { 151 getQllxByBdcdyid () {
222 this.componentTag = getForm(tabname); 152 if (this.currentSelectProps.bdcdyid) {
223 }, 153 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
224 closefp() { 154 (res) => {
225 this.splitScreen = this.splitScreen ? false : true; 155 if (res.code === 200) {
226 this.$store.dispatch("app/set1tScreen", this.splitScreen); 156 this.$refs.qllxlist.qllxlistdata = res.result;
227 this.getFromRouter(this.tabList[0].value); 157 this.$refs.qllxlist.dialogVisible = true;
228 this.clxxForm = getForm(this.tabList[1].value); 158 }
229 }, 159 }
230 // 增加补录记录 160 );
231 addRepairRecord(row, del) {
232 let from = {
233 bsmQlxx: "",
234 bsmSlsq: this.bsmSlsq,
235 bsmSldy: this.currentSelectProps.bsmSldy,
236 operate: "C",
237 qllx: "",
238 };
239 if (row) {
240 from.bsmQlxx = row.bsmQlxx;
241 if (del) {
242 from.operate = del;
243 } else {
244 from.operate = row.bsmQlxx ? "U" : "C";
245 } 161 }
246 from.qllx = row.qllx; 162 },
247 } 163 // 获取右侧选项卡
248 addRepairRecord(from) 164 getCurrentSelectProps (val) {
249 .then((res) => { 165 if (val.bdcdyid) {
250 if (res.code == "200") { 166 this.oneSelectProps = val;
251 this.$refs.qllxlist.dialogVisible = false; 167 }
252 this.$nextTick(() => { 168 this.currentSelectProps = val;
253 this.$refs.Menu.getleftMenubl(res.result); 169 if (this.currentSelectProps.bsmRepair) {
254 this.$message({ 170 this.stepForm(this.currentSelectProps.qllx);
255 type: "success", 171 } else if (!this.oneget) {
256 message: "补录成功!", 172 this.getdjblist();
173 }
174 if (this.oneget) {
175 this.oneget = false;
176 this.stepForm(this.currentSelectProps.qllx);
177 }
178 },
179 // 获取渲染登记簿列表
180 getdjblist () {
181 getBdcqljqtsx({
182 bdcdyid: this.currentSelectProps.bdcdyid,
183 bdcdyh: this.currentSelectProps.bdcdyh,
184 }).then((res) => {
185 if (res.code === 200) {
186 this.treedata = loadTreeData(res.result, this.bdcdyh);
187 this.$nextTick(function () {
188 this.defaultNode = getNode(this.currentSelectProps.qllx, {
189 linShi: 0,
190 xianShi: 0,
191 liShi: 0,
257 }); 192 });
193 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
258 }); 194 });
259 } else { 195 let settree = JSON.parse(JSON.stringify(this.treedata));
260 this.$alert(res.message, "提示", { 196 this.tabdata = [
261 confirmButtonText: "确定", 197 ...settree,
262 type: "warning", 198 ...settree[1].children[0].children[0].children,
199 ];
200 this.tabdata.forEach((item, index, arr) => {
201 arr[index].name = item.label;
202 arr[index].value = item.id;
263 }); 203 });
204 this.tabList = this.tabdata;
264 } 205 }
265 })
266 .catch((res) => {
267 console.log("错", res);
268 }); 206 });
269 }, 207 },
270 }, 208 //右侧表单选项卡事件
271 }; 209 beforeLeave (activeName) {
210 if (activeName && activeName != 0) this.getFromRouter(activeName);
211 },
212 //切换选项卡内容组件
213 getFromRouter (tabname) {
214 this.componentTag = getForm(tabname);
215 },
216 closefp () {
217 this.splitScreen = this.splitScreen ? false : true;
218 this.$store.dispatch("app/set1tScreen", this.splitScreen);
219 this.getFromRouter(this.tabList[0].value);
220 this.clxxForm = getForm(this.tabList[1].value);
221 },
222 // 增加补录记录
223 addRepairRecord (row, del) {
224 let from = {
225 bsmQlxx: "",
226 bsmSlsq: this.bsmSlsq,
227 bsmSldy: this.currentSelectProps.bsmSldy,
228 operate: "C",
229 qllx: "",
230 };
231 if (row) {
232 from.bsmQlxx = row.bsmQlxx;
233 if (del) {
234 from.operate = del;
235 } else {
236 from.operate = row.bsmQlxx ? "U" : "C";
237 }
238 from.qllx = row.qllx;
239 }
240 addRepairRecord(from)
241 .then((res) => {
242 if (res.code == "200") {
243 this.$refs.qllxlist.dialogVisible = false;
244 this.$nextTick(() => {
245 this.$refs.Menu.getleftMenubl(res.result);
246 this.$message({
247 type: "success",
248 message: "补录成功!",
249 });
250 });
251 } else {
252 this.$alert(res.message, "提示", {
253 confirmButtonText: "确定",
254 type: "warning",
255 });
256 }
257 })
258 .catch((res) => {
259 console.log("错", res);
260 })
261 },
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 };
272 </script> 276 </script>
273 <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,25 +130,14 @@ ...@@ -130,25 +130,14 @@
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 土地用途
146 <div class="triangle"></div> 136 <div class="triangle"></div>
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>
...@@ -218,11 +207,10 @@ ...@@ -218,11 +207,10 @@
218 <script> 207 <script>
219 import { mapGetters } from "vuex" 208 import { mapGetters } from "vuex"
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;
...@@ -270,12 +258,12 @@ ...@@ -270,12 +258,12 @@
270 } 258 }
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++;
278 }, 266 },
279 // 更新权利人信息 267 // 更新权利人信息
280 upDateQlrxxList (val) { 268 upDateQlrxxList (val) {
281 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 269 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......