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 @@
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<div v-if="this.isShowdrawer">
<el-menu :default-active="activeIndex" @select="djbClick" class="title-batch">
<el-menu-item index="-1" key="-1" class="menus">
<div>登记簿</div>
</el-menu-item>
</el-menu>
<div class="blxx">
<el-menu :default-active="activeIndex" @select="blxxClick" class="title-batch">
<el-menu-item index="-1" key="-1" class="menus">
<div>补录信息</div>
</el-menu-item>
</el-menu>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index">
<div>
<p>{{ item.qllxmc }} ||{{ item.operate }} </p>
<!-- <p class="title-detail">{{ item.zl }}</p> -->
</div>
<i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i>
<el-menu
@select="djbClick"
class="title-batch"
>
<el-menu-item index="-1" key="-1" class="menus">
<div>登记簿</div>
</el-menu-item>
</el-menu>
<div class="blxx">
<el-menu
@select="blxxClick"
class="title-batch"
>
<el-menu-item index="-1" key="-1" class="menus">
<div>补录信息</div>
</el-menu-item>
</el-menu>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item
v-for="(item, index) in supplementarylist"
:index="index.toString()"
:key="index"
>
<div>
<p>{{ item.qllxmc }} ||{{ item.operate }}</p>
<!-- <p class="title-detail">{{ item.zl }}</p> -->
</div>
<i
class="el-icon-delete"
v-if="supplementarylist.length > 1"
@click.stop="handleDel(item)"
></i>
</el-menu-item>
</el-menu>
</div>
</div>
</div>
<div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div class="map-drawer-expand map-drawer" v-else @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div
class="map-drawer-click map-drawer"
v-if="!isShowdrawer"
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
<div
class="map-drawer-expand map-drawer"
v-else
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { leftMenu } from "@/api/fqsq.js"
import { deleteRepairRecord } from "@/api/djbbl.js"
import { leftMenubl } from "@/api/djbbl.js"
import { deleteSlbdcdy } from "@/api/ywbl.js";
import { getBdcqljqtsx } from "@/api/registerBook.js";
import { mapGetters } from "vuex";
import { leftMenu } from "@/api/fqsq.js";
import { deleteRepairRecord } from "@/api/djbbl.js";
import { leftMenubl } from "@/api/djbbl.js";
import { deleteSlbdcdy } from "@/api/ywbl.js";
import { getBdcqljqtsx } from "@/api/registerBook.js";
import { loadTreeData, getNode } from "./djbFrameData.js";
export default {
data () {
return {
supplementarylist:[],
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//受理申请标识码
bdcdyid: this.$route.query.bdcdyid,
//当前流程所在环节
bdcdyh: this.$route.query.bdcdyh,
qllx:this.$route.query.qllx,
// 默认选中
activeIndex: '0',
// 折叠
isShowdrawer: true,
//批量操作按钮名称
batchButtonName: '',
//左侧菜单数据集合
unitData: [],
// 设置表单传递数据
currentSelectProps: {},
//左侧树形结构数据
export default {
data() {
return {
supplementarylist: [],
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//受理申请标识码
bdcdyid: this.$route.query.bdcdyid,
//当前流程所在环节
bdcdyh: this.$route.query.bdcdyh,
qllx: this.$route.query.qllx,
// 默认选中
activeIndex: "0",
// 折叠
isShowdrawer: true,
//批量操作按钮名称
batchButtonName: "",
//左侧菜单数据集合
unitData: [],
// 设置表单传递数据
currentSelectProps: {},
//左侧树形结构数据
treedata: [],
defaultNode: "",
defaultProps: {
defaultProps: {
value: "id",
children: "children",
label: "label",
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
}
},
mounted () {
this.loadBdcdylist();
};
},
mounted() {
this.loadBdcdylist();
},
computed: {
...mapGetters(["isRefresh"]),
},
watch: {
isRefresh: {
handler(newVal, oldVal) {
if (newVal) this.loadBdcdylist();
},
immediate: true,
},
computed: {
...mapGetters(['isRefresh'])
},
methods: {
//读取申请单元信息
loadBdcdylist() {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.currentSelectProps = res.result[0];
this.$emit("getCurrentSelectProps", this.currentSelectProps);
}
});
this.getleftMenubl();
},
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.loadBdcdylist()
},
immediate: true
}
// 获取右侧菜单
getleftMenubl() {
leftMenubl(this.bsmSlsq).then((res) => {
this.supplementarylist = res.result;
});
},
methods: {
//读取申请单元信息
loadBdcdylist () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.currentSelectProps = res.result[0];
this.$emit('getCurrentSelectProps', this.currentSelectProps);
}
})
this.getleftMenubl()
},
// 获取右侧菜单
getleftMenubl(){
// var formdata = new FormData();
// formdata.append("bsmSlsq", this.bsmSlsq);
leftMenubl(this.bsmSlsq).then((res) => {
this.supplementarylist=res.result;
}
)
},
handleNodeClick (data, node, elem) {
this.$parent.loadComponent(this.currentSelectProps,data);
handleNodeClick(data, node, elem) {
this.$parent.loadComponent(this.currentSelectProps, data);
this.$parent.tabset();
},
//申请单元点击事件
unitClick (index) {
this.currentSelectProps=this.supplementarylist[index];
// this.$parent.tabset();
// console.log("this.currentSelectProps", this.supplementarylist[index]);
// this.currentSelectProps.batchOperation = false;
// this.activeIndex = index.toString();
// //选中表单传递数据
this.$emit('getCurrentSelectProps', this.currentSelectProps);
// this.$parent.stepForm(index);
// this.$store.dispatch('user/refreshPage', false);
//申请单元点击事件
unitClick(index) {
this.currentSelectProps = this.supplementarylist[index];
this.$emit("getCurrentSelectProps", this.currentSelectProps);
},
//登记簿点击事件
djbClick () {
this.loadBdcdylist ()
// console.log("this.currentSelectProps",this.currentSelectProps);
this.currentSelectProps.batchOperation = true;
this.$parent.getdjblist()
//登记簿点击事件
djbClick() {
this.loadBdcdylist();
// this.$parent.getdjblist()
},
// 定位到该条补录记录
orientation(){
// this.activeIndex="2"
this.unitClick(0)
},
// 删除补录记录
handleDel(row){
console.log("是",row);
deleteRepairRecord(row.bsmRepair).then((res) => {
if (res.code === 200) {
alert("删除成功")
}
handleDel(row) {
this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
deleteRepairRecord(row.bsmRepair).then((res) => {
this.$message({
type: "success",
message: "删除成功!",
});
this.$nextTick(() => {
this.getleftMenubl();
});
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
//补录信息点击事件
blxxClick () {
this.$parent.tabset()
//补录信息点击事件默认展示第一条补录记录
blxxClick() {
this.unitClick(0);
},
}
}
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
@import "../../workFrame.scss";
.leftmenu ul {
height: calc(100vh - 120px);
}
/deep/.rollTable {
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "../../workFrame.scss";
.leftmenu ul {
height: calc(100vh - 120px);
}
/deep/.rollTable {
height: calc(100vh - 240px) !important;
}
......@@ -204,7 +233,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
height: 45px;
}
/deep/ .el-tree-node:focus>.el-tree-node__content {
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
......@@ -214,15 +243,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
white-space: pre-wrap;
}
/deep/ .is-current>.el-tree-node__content {
/deep/ .is-current > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
.menus{
background-color: #e7f4fe;
.menus {
background-color: #e7f4fe;
}
.blxx{
border:#b0d9f8 solid 1px;
.blxx {
border: #b0d9f8 solid 1px;
}
</style>
......
<!--
* @Description : 房地产权2
* @Autor : miaofang
* @LastEditTime : 2023-06-13 14:33:55
* @LastEditTime : 2023-06-14 10:52:48
-->
<template>
<div class="djxxTable">
......@@ -106,22 +106,40 @@ export default {
return name;
},
editDialog(row){
this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
datalist:this.columns,
data: row,
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
})
},
// 删除
// 删除
deleteDialog(row){
let that = this
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
......@@ -131,18 +149,19 @@ export default {
// })
// }
// })
that.$message({
message: '删除成功!',
type: 'success'
})
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
});
});
}
},
};
</script>
......
......@@ -49,7 +49,6 @@ export default {
if (res.code === 200) {
this.leftButtonList = res.result.button;
this.rightButtonList = res.result.operation;
console.log("this.leftButtonList",this.leftButtonList);
// this.rightButtonList.splice(0,2)
}
})
......@@ -57,7 +56,6 @@ export default {
},
//流程环节操作按钮
operation (item) {
console.log("流程环节操作按钮信息",item);
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
let that = this;
......@@ -107,7 +105,23 @@ export default {
// bsmSlsq: this.bsmSlsq,
// entryType: '1'
// }, '65%', true)
this.addRepairRecord()
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.addRepairRecord()
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
break;
case "B6":
//根据编号获取对应信息
......
......@@ -37,7 +37,7 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<ordinaryMenu @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
<div v-if="splitScreen" class="splitScreen-con">
......@@ -154,55 +154,28 @@ export default {
arr[index].value=item.id
})
this.tabList=this.tabdata
//console.log("登记簿列表",this.tabList);
}, 200)
},
// // 获取渲染补录信息列表
// getdjblist(){
// console.log("执行1",this.currentSelectProps);
// getBdcqljqtsx({
// bdcdyid: this.currentSelectProps.bdcdyid,
// bdcdyh: this.currentSelectProps.bdcdyh,
// }).then((res) => {
// if (res.code === 200) {
// this.treedata = loadTreeData(res.result, this.bdcdyh);
// this.$nextTick(function () {
// this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
// this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
// });
// }
// });
// setTimeout(() => {
// let settree=JSON.parse(JSON.stringify(this.treedata))
// this.tabdata=[...settree,...settree[1].children[0].children[0].children]
// this.tabdata.forEach((item,index,arr) => {
// arr[index].name=item.label;
// arr[index].value=item.id
// })
// this.tabList=this.tabdata
// //console.log("登记簿列表",this.tabList);
// }, 200)
// },
// 增加补录记录
addRepairRecord(){
addRepairRecord({
bsmQlxx:"a8a979f688fc9afc6ca7f0c124f64ede",
addRepairRecord(row){
this.$refs.Menu.orientation()
let from={
bsmQlxx:"",
bsmSlsq:this.bsmSlsq,
bsmSldy:this.currentSelectProps.bsmSldy,
operate:"C",
qllx:this.currentSelectProps.qllx
}).then((res) => {
console.log("添加补录记录",res);
}
if(row){
from.bsmQlxx=row.bsmQlxx
}
addRepairRecord(from).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.bdcdyh);
this.$nextTick(function () {
this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
});
alert("补录成功")
}
});
},
......@@ -225,7 +198,7 @@ export default {
},
];
this.tabName = 'slxx';
},
},
// stepForm(index){
// console.log(index);
......