Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
2fc415a7 by xiaomiao
Options

补录流程逻辑编写

1 parent 0b9411ce
Inline Side-by-side
Showing 4 changed files with 236 additions and 201 deletions
...@@ -6,168 +6,197 @@ ...@@ -6,168 +6,197 @@
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
8 <div v-if="this.isShowdrawer"> 8 <div v-if="this.isShowdrawer">
9 <el-menu :default-active="activeIndex" @select="djbClick" class="title-batch"> 9 <el-menu
10 <el-menu-item index="-1" key="-1" class="menus"> 10 @select="djbClick"
11 <div>登记簿</div> 11 class="title-batch"
12 </el-menu-item> 12 >
13 </el-menu> 13 <el-menu-item index="-1" key="-1" class="menus">
14 <div class="blxx"> 14 <div>登记簿</div>
15 <el-menu :default-active="activeIndex" @select="blxxClick" class="title-batch">
16 <el-menu-item index="-1" key="-1" class="menus">
17 <div>补录信息</div>
18 </el-menu-item>
19 </el-menu>
20 <el-menu :default-active="activeIndex" @select="unitClick">
21 <el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index">
22 <div>
23 <p>{{ item.qllxmc }} ||{{ item.operate }} </p>
24 <!-- <p class="title-detail">{{ item.zl }}</p> -->
25 </div>
26 <i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i>
27 </el-menu-item> 15 </el-menu-item>
28 </el-menu> 16 </el-menu>
17 <div class="blxx">
18 <el-menu
19 @select="blxxClick"
20 class="title-batch"
21 >
22 <el-menu-item index="-1" key="-1" class="menus">
23 <div>补录信息</div>
24 </el-menu-item>
25 </el-menu>
26 <el-menu :default-active="activeIndex" @select="unitClick">
27 <el-menu-item
28 v-for="(item, index) in supplementarylist"
29 :index="index.toString()"
30 :key="index"
31 >
32 <div>
33 <p>{{ item.qllxmc }} ||{{ item.operate }}</p>
34 <!-- <p class="title-detail">{{ item.zl }}</p> -->
35 </div>
36 <i
37 class="el-icon-delete"
38 v-if="supplementarylist.length > 1"
39 @click.stop="handleDel(item)"
40 ></i>
41 </el-menu-item>
42 </el-menu>
43 </div>
29 </div> 44 </div>
30 45 <div
31 </div> 46 class="map-drawer-click map-drawer"
32 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click=" 47 v-if="!isShowdrawer"
33 () => { 48 @click="
34 this.isShowdrawer = !this.isShowdrawer; 49 () => {
35 } 50 this.isShowdrawer = !this.isShowdrawer;
36 "></div> 51 }
37 <div class="map-drawer-expand map-drawer" v-else @click=" 52 "
38 () => { 53 ></div>
39 this.isShowdrawer = !this.isShowdrawer; 54 <div
40 } 55 class="map-drawer-expand map-drawer"
41 "></div> 56 v-else
57 @click="
58 () => {
59 this.isShowdrawer = !this.isShowdrawer;
60 }
61 "
62 ></div>
42 </div> 63 </div>
43 </template> 64 </template>
44 <script> 65 <script>
45 import { mapGetters } from 'vuex' 66 import { mapGetters } from "vuex";
46 import { leftMenu } from "@/api/fqsq.js" 67 import { leftMenu } from "@/api/fqsq.js";
47 import { deleteRepairRecord } from "@/api/djbbl.js" 68 import { deleteRepairRecord } from "@/api/djbbl.js";
48 import { leftMenubl } from "@/api/djbbl.js" 69 import { leftMenubl } from "@/api/djbbl.js";
49 import { deleteSlbdcdy } from "@/api/ywbl.js"; 70 import { deleteSlbdcdy } from "@/api/ywbl.js";
50 import { getBdcqljqtsx } from "@/api/registerBook.js"; 71 import { getBdcqljqtsx } from "@/api/registerBook.js";
51 import { loadTreeData, getNode } from "./djbFrameData.js"; 72 import { loadTreeData, getNode } from "./djbFrameData.js";
52 export default { 73 export default {
53 data () { 74 data() {
54 return { 75 return {
55 supplementarylist:[], 76 supplementarylist: [],
56 //受理申请标识码 77 //受理申请标识码
57 bsmSlsq: this.$route.query.bsmSlsq, 78 bsmSlsq: this.$route.query.bsmSlsq,
58 //当前流程所在环节 79 //当前流程所在环节
59 bestepid: this.$route.query.bestepid, 80 bestepid: this.$route.query.bestepid,
60 //受理申请标识码 81 //受理申请标识码
61 bdcdyid: this.$route.query.bdcdyid, 82 bdcdyid: this.$route.query.bdcdyid,
62 //当前流程所在环节 83 //当前流程所在环节
63 bdcdyh: this.$route.query.bdcdyh, 84 bdcdyh: this.$route.query.bdcdyh,
64 qllx:this.$route.query.qllx, 85 qllx: this.$route.query.qllx,
65 // 默认选中 86 // 默认选中
66 activeIndex: '0', 87 activeIndex: "0",
67 // 折叠 88 // 折叠
68 isShowdrawer: true, 89 isShowdrawer: true,
69 //批量操作按钮名称 90 //批量操作按钮名称
70 batchButtonName: '', 91 batchButtonName: "",
71 //左侧菜单数据集合 92 //左侧菜单数据集合
72 unitData: [], 93 unitData: [],
73 // 设置表单传递数据 94 // 设置表单传递数据
74 currentSelectProps: {}, 95 currentSelectProps: {},
75 //左侧树形结构数据 96 //左侧树形结构数据
76 treedata: [], 97 treedata: [],
77 defaultNode: "", 98 defaultNode: "",
78 defaultProps: { 99 defaultProps: {
79 value: "id", 100 value: "id",
80 children: "children", 101 children: "children",
81 label: "label", 102 label: "label",
82 }, 103 },
83 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 104 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
84 } 105 };
85 }, 106 },
86 mounted () { 107 mounted() {
87 this.loadBdcdylist(); 108 this.loadBdcdylist();
109 },
110 computed: {
111 ...mapGetters(["isRefresh"]),
112 },
113 watch: {
114 isRefresh: {
115 handler(newVal, oldVal) {
116 if (newVal) this.loadBdcdylist();
117 },
118 immediate: true,
88 }, 119 },
89 computed: { 120 },
90 ...mapGetters(['isRefresh']) 121 methods: {
122 //读取申请单元信息
123 loadBdcdylist() {
124 var formdata = new FormData();
125 formdata.append("bsmSlsq", this.bsmSlsq);
126 formdata.append("bestepid", this.bestepid);
127 leftMenu(formdata).then((res) => {
128 if (res.code === 200 && res.result) {
129 this.currentSelectProps = res.result[0];
130 this.$emit("getCurrentSelectProps", this.currentSelectProps);
131 }
132 });
133 this.getleftMenubl();
91 }, 134 },
92 watch: { 135 // 获取右侧菜单
93 isRefresh: { 136 getleftMenubl() {
94 handler (newVal, oldVal) { 137 leftMenubl(this.bsmSlsq).then((res) => {
95 if (newVal) this.loadBdcdylist() 138 this.supplementarylist = res.result;
96 }, 139 });
97 immediate: true
98 }
99 }, 140 },
100 methods: { 141 handleNodeClick(data, node, elem) {
101 //读取申请单元信息 142 this.$parent.loadComponent(this.currentSelectProps, data);
102 loadBdcdylist () {
103 var formdata = new FormData();
104 formdata.append("bsmSlsq", this.bsmSlsq);
105 formdata.append("bestepid", this.bestepid);
106 leftMenu(formdata).then((res) => {
107 if (res.code === 200 && res.result) {
108 this.currentSelectProps = res.result[0];
109 this.$emit('getCurrentSelectProps', this.currentSelectProps);
110 }
111 })
112 this.getleftMenubl()
113 },
114 // 获取右侧菜单
115 getleftMenubl(){
116 // var formdata = new FormData();
117 // formdata.append("bsmSlsq", this.bsmSlsq);
118 leftMenubl(this.bsmSlsq).then((res) => {
119 this.supplementarylist=res.result;
120 }
121 )
122 },
123 handleNodeClick (data, node, elem) {
124 this.$parent.loadComponent(this.currentSelectProps,data);
125 this.$parent.tabset(); 143 this.$parent.tabset();
126 }, 144 },
127 //申请单元点击事件 145 //申请单元点击事件
128 unitClick (index) { 146 unitClick(index) {
129 this.currentSelectProps=this.supplementarylist[index]; 147 this.currentSelectProps = this.supplementarylist[index];
130 // this.$parent.tabset(); 148 this.$emit("getCurrentSelectProps", this.currentSelectProps);
131 // console.log("this.currentSelectProps", this.supplementarylist[index]);
132 // this.currentSelectProps.batchOperation = false;
133 // this.activeIndex = index.toString();
134 // //选中表单传递数据
135 this.$emit('getCurrentSelectProps', this.currentSelectProps);
136 // this.$parent.stepForm(index);
137 // this.$store.dispatch('user/refreshPage', false);
138 }, 149 },
139 //登记簿点击事件 150 //登记簿点击事件
140 djbClick () { 151 djbClick() {
141 this.loadBdcdylist () 152 this.loadBdcdylist();
142 // console.log("this.currentSelectProps",this.currentSelectProps);
143 this.currentSelectProps.batchOperation = true;
144 this.$parent.getdjblist()
145 153
154 // this.$parent.getdjblist()
155 },
156 // 定位到该条补录记录
157 orientation(){
158 // this.activeIndex="2"
159 this.unitClick(0)
146 }, 160 },
147 // 删除补录记录 161 // 删除补录记录
148 handleDel(row){ 162 handleDel(row) {
149 console.log("是",row); 163 this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", {
150 deleteRepairRecord(row.bsmRepair).then((res) => { 164 confirmButtonText: "确定",
151 if (res.code === 200) { 165 cancelButtonText: "取消",
152 alert("删除成功") 166 type: "warning",
153 } 167 })
168 .then(() => {
169 deleteRepairRecord(row.bsmRepair).then((res) => {
170 this.$message({
171 type: "success",
172 message: "删除成功!",
173 });
174 this.$nextTick(() => {
175 this.getleftMenubl();
176 });
177 });
154 }) 178 })
179 .catch(() => {
180 this.$message({
181 type: "info",
182 message: "已取消删除",
183 });
184 });
155 }, 185 },
156 //补录信息点击事件 186 //补录信息点击事件默认展示第一条补录记录
157 blxxClick () { 187 blxxClick() {
158 this.$parent.tabset() 188 this.unitClick(0);
159
160 }, 189 },
161 } 190 },
162 } 191 };
163 </script> 192 </script>
164 <style scoped lang='scss'> 193 <style scoped lang="scss">
165 @import "~@/styles/mixin.scss"; 194 @import "~@/styles/mixin.scss";
166 @import "../../workFrame.scss"; 195 @import "../../workFrame.scss";
167 .leftmenu ul { 196 .leftmenu ul {
168 height: calc(100vh - 120px); 197 height: calc(100vh - 120px);
169 } 198 }
170 /deep/.rollTable { 199 /deep/.rollTable {
171 height: calc(100vh - 240px) !important; 200 height: calc(100vh - 240px) !important;
172 } 201 }
173 202
...@@ -204,7 +233,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -204,7 +233,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
204 height: 45px; 233 height: 45px;
205 } 234 }
206 235
207 /deep/ .el-tree-node:focus>.el-tree-node__content { 236 /deep/ .el-tree-node:focus > .el-tree-node__content {
208 background-color: #f5f5f5; 237 background-color: #f5f5f5;
209 color: #0079fe; 238 color: #0079fe;
210 border-right: 4px solid #0079fe; 239 border-right: 4px solid #0079fe;
...@@ -214,15 +243,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -214,15 +243,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
214 white-space: pre-wrap; 243 white-space: pre-wrap;
215 } 244 }
216 245
217 /deep/ .is-current>.el-tree-node__content { 246 /deep/ .is-current > .el-tree-node__content {
218 background-color: #f5f5f5; 247 background-color: #f5f5f5;
219 color: #0079fe; 248 color: #0079fe;
220 border-right: 4px solid #0079fe; 249 border-right: 4px solid #0079fe;
221 } 250 }
222 .menus{ 251 .menus {
223 background-color: #e7f4fe; 252 background-color: #e7f4fe;
224 } 253 }
225 .blxx{ 254 .blxx {
226 border:#b0d9f8 solid 1px; 255 border: #b0d9f8 solid 1px;
227 } 256 }
228 </style> 257 </style>
......
1 <!-- 1 <!--
2 * @Description : 房地产权2 2 * @Description : 房地产权2
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 14:33:55 4 * @LastEditTime : 2023-06-14 10:52:48
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -106,22 +106,40 @@ export default { ...@@ -106,22 +106,40 @@ export default {
106 return name; 106 return name;
107 }, 107 },
108 editDialog(row){ 108 editDialog(row){
109 this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 datalist:this.columns, 110 confirmButtonText: '确定',
111 data: row, 111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
112 132
113 })
114 }, 133 },
115 // 删除 134 // 删除
135 // 删除
116 deleteDialog(row){ 136 deleteDialog(row){
117 let that = this 137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
118 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
119 confirmButtonText: '确定', 138 confirmButtonText: '确定',
120 cancelButtonText: '取消', 139 cancelButtonText: '取消',
121 type: 'warning' 140 type: 'warning'
122 }).then(async () => { 141 }).then(() => {
123 142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
124 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
125 // deleteClmx(bsmClmx).then(res => { 143 // deleteClmx(bsmClmx).then(res => {
126 // if (res.code == 200) { 144 // if (res.code == 200) {
127 // that.$emit('updateList', res.result) 145 // that.$emit('updateList', res.result)
...@@ -131,18 +149,19 @@ export default { ...@@ -131,18 +149,19 @@ export default {
131 // }) 149 // })
132 // } 150 // }
133 // }) 151 // })
134 that.$message({ 152 this.$message({
135 message: '删除成功!', 153 type: 'success',
136 type: 'success' 154 message: '删除成功!'
137 }) 155 });
138 }).catch(() => { 156 }).catch(() => {
139 this.$message({ 157 this.$message({
140 type: 'info', 158 type: 'info',
141 message: '已取消删除' 159 message: '已取消删除'
142 }) 160 });
143 }) 161 });
144 162
145 } 163 }
164
146 }, 165 },
147 }; 166 };
148 </script> 167 </script>
......
...@@ -49,7 +49,6 @@ export default { ...@@ -49,7 +49,6 @@ export default {
49 if (res.code === 200) { 49 if (res.code === 200) {
50 this.leftButtonList = res.result.button; 50 this.leftButtonList = res.result.button;
51 this.rightButtonList = res.result.operation; 51 this.rightButtonList = res.result.operation;
52 console.log("this.leftButtonList",this.leftButtonList);
53 // this.rightButtonList.splice(0,2) 52 // this.rightButtonList.splice(0,2)
54 } 53 }
55 }) 54 })
...@@ -57,7 +56,6 @@ export default { ...@@ -57,7 +56,6 @@ export default {
57 }, 56 },
58 //流程环节操作按钮 57 //流程环节操作按钮
59 operation (item) { 58 operation (item) {
60 console.log("流程环节操作按钮信息",item);
61 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿 59 //按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
62 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout 60 //操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
63 let that = this; 61 let that = this;
...@@ -107,7 +105,23 @@ export default { ...@@ -107,7 +105,23 @@ export default {
107 // bsmSlsq: this.bsmSlsq, 105 // bsmSlsq: this.bsmSlsq,
108 // entryType: '1' 106 // entryType: '1'
109 // }, '65%', true) 107 // }, '65%', true)
110 this.addRepairRecord() 108 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
109 confirmButtonText: '确定',
110 cancelButtonText: '取消',
111 type: 'warning'
112 }).then(() => {
113 this.addRepairRecord()
114 this.$message({
115 type: 'success',
116 message: '补录成功!'
117 });
118 }).catch(() => {
119 this.$message({
120 type: 'info',
121 message: '取消编辑'
122 });
123 });
124
111 break; 125 break;
112 case "B6": 126 case "B6":
113 //根据编号获取对应信息 127 //根据编号获取对应信息
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 <!-- 内容框架 --> 37 <!-- 内容框架 -->
38 <div class="containerFrame"> 38 <div class="containerFrame">
39 <!-- 左侧菜单栏 区分业务--> 39 <!-- 左侧菜单栏 区分业务-->
40 <ordinaryMenu @getCurrentSelectProps="getCurrentSelectProps" /> 40 <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" />
41 <div class="leftCon"> 41 <div class="leftCon">
42 <!-- 分屏左侧预览 --> 42 <!-- 分屏左侧预览 -->
43 <div v-if="splitScreen" class="splitScreen-con"> 43 <div v-if="splitScreen" class="splitScreen-con">
...@@ -154,55 +154,28 @@ export default { ...@@ -154,55 +154,28 @@ export default {
154 arr[index].value=item.id 154 arr[index].value=item.id
155 }) 155 })
156 this.tabList=this.tabdata 156 this.tabList=this.tabdata
157 //console.log("登记簿列表",this.tabList);
158 }, 200) 157 }, 200)
159 158
160 }, 159 },
161 // // 获取渲染补录信息列表
162 // getdjblist(){
163 // console.log("执行1",this.currentSelectProps);
164 // getBdcqljqtsx({
165 // bdcdyid: this.currentSelectProps.bdcdyid,
166 // bdcdyh: this.currentSelectProps.bdcdyh,
167 // }).then((res) => {
168 // if (res.code === 200) {
169 // this.treedata = loadTreeData(res.result, this.bdcdyh);
170 // this.$nextTick(function () {
171 // this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
172 // this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
173 // });
174 // }
175 // });
176
177 // setTimeout(() => {
178 // let settree=JSON.parse(JSON.stringify(this.treedata))
179 // this.tabdata=[...settree,...settree[1].children[0].children[0].children]
180 // this.tabdata.forEach((item,index,arr) => {
181 // arr[index].name=item.label;
182 // arr[index].value=item.id
183 // })
184 // this.tabList=this.tabdata
185 // //console.log("登记簿列表",this.tabList);
186 // }, 200)
187
188 // },
189 160
190 // 增加补录记录 161 // 增加补录记录
191 addRepairRecord(){ 162 addRepairRecord(row){
192 addRepairRecord({ 163 this.$refs.Menu.orientation()
193 bsmQlxx:"a8a979f688fc9afc6ca7f0c124f64ede", 164 let from={
165 bsmQlxx:"",
194 bsmSlsq:this.bsmSlsq, 166 bsmSlsq:this.bsmSlsq,
195 bsmSldy:this.currentSelectProps.bsmSldy, 167 bsmSldy:this.currentSelectProps.bsmSldy,
196 operate:"C", 168 operate:"C",
197 qllx:this.currentSelectProps.qllx 169 qllx:this.currentSelectProps.qllx
198 }).then((res) => { 170 }
199 console.log("添加补录记录",res); 171 if(row){
172 from.bsmQlxx=row.bsmQlxx
173 }
174
175 addRepairRecord(from).then((res) => {
176
200 if (res.code === 200) { 177 if (res.code === 200) {
201 this.treedata = loadTreeData(res.result, this.bdcdyh); 178 alert("补录成功")
202 this.$nextTick(function () {
203 this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
204 this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
205 });
206 } 179 }
207 }); 180 });
208 }, 181 },
...@@ -225,7 +198,7 @@ export default { ...@@ -225,7 +198,7 @@ export default {
225 }, 198 },
226 ]; 199 ];
227 this.tabName = 'slxx'; 200 this.tabName = 'slxx';
228 }, 201 },
229 202
230 // stepForm(index){ 203 // stepForm(index){
231 // console.log(index); 204 // console.log(index);
......