Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
84e7ab3c by renchao@pashanhoo.com
Options

style：权利人信息

1 parent e3632e87
Inline Side-by-side
Showing 7 changed files with 371 additions and 345 deletions
/*
* @Description: 企业银行接口
* @Autor: renchao
* @LastEditTime: 2023-09-13 17:08:10
* @LastEditTime: 2023-09-20 14:49:22
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -108,4 +108,20 @@ export function editCompanyMaterialList (data, bsmCompany) {
method: 'post',
data
})
}
/**
* @description: 是否覆盖才材料信息
* @author: renchao
*/
export function replace (bsmCompany, bsmSldy, bsmSlsq) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/company/replace',
method: 'get',
params: {
bsmCompany: bsmCompany,
bsmSldy: bsmSldy,
bsmSlsq: bsmSlsq
}
})
}
\ No newline at end of file
......
<!--
* @Author: yangwei
* @Date: 2023-02-28 15:47:12
* @LastEditors: yangwei
* @LastEditTime: 2023-09-15 14:52:50
* @LastEditors: Please set LastEditors
* @LastEditTime: 2023-09-20 15:17:07
* @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
* @Description:
*
......@@ -16,16 +16,14 @@
border="1"
cellspacing="0"
cellpadding="0"
v-show="ch.length"
>
v-show="ch.length">
<tr v-for="(cs, csIndex) in ch" :key="csIndex">
<!-- 显示层数 -->
<td
class="floor"
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
>
@click="handleClickC($event, cs)">
{{ cs.sjc }}层
</td>
<!-- 显示户 -->
......@@ -41,18 +39,11 @@
:class="hs.select ? 'tdSelect' : ''"
@click="handleClickH($event.target, hs.bsm, hs)"
@dblclick="dbclick(hs.bsm)"
@contextmenu.prevent="openMenu($event, hs, 'h')"
>
@contextmenu.prevent="openMenu($event, hs, 'h')">
{{ hs.shbw }}
<span @click.stop="" class="hqszt lin" v-show="hs.qszt == '0'"
>临</span
>
<span @click.stop="" class="hqszt zheng" v-show="hs.qszt == '1'"
>正</span
>
<span @click.stop="" class="hqszt xian" v-show="hs.qszt == '2'"
>现</span
>
<span @click.stop="" class="hqszt lin" v-show="hs.qszt == '0'">临</span>
<span @click.stop="" class="hqszt zheng" v-show="hs.qszt == '1'">正</span>
<span @click.stop="" class="hqszt xian" v-show="hs.qszt == '2'">现</span>
<ul @click.stop="hDyztClick($event, hs.bsm, hs)" class="dyzt">
<li style="background-color: #6edee1" v-show="hs.qqzt == '1'">
确
......@@ -80,330 +71,329 @@
</template>
<script>
export default {
name: "BdcdjWebCh",
inject: {
openMenu:{value:'openMenu',default:null},
selectAll:{value:'selectAll',default:null},
changeChoosedObj:{value:'changeChoosedObj',default:null},
clearChangeChoosedObj:{value:'clearChangeChoosedObj',default:null},
getBsmList:{value:'getBsmList',default:null}
},
props: {
ch: {
type: Array,
default: function () {
return [];
export default {
name: "BdcdjWebCh",
inject: {
openMenu: { value: 'openMenu', default: null },
selectAll: { value: 'selectAll', default: null },
changeChoosedObj: { value: 'changeChoosedObj', default: null },
clearChangeChoosedObj: { value: 'clearChangeChoosedObj', default: null },
getBsmList: { value: 'getBsmList', default: null }
},
props: {
ch: {
type: Array,
default: function () {
return [];
},
},
onlyShow: {
type: Boolean,
default: true,
}
},
onlyShow:{
type: Boolean,
default: true,
}
},
data() {
return {
//选中户bsm合集
hbsmList: [],
//选中层bsm合集
cbsmList: [],
//区分单双击事件的定时器
time: null,
// 边框颜色
borderColor:'rgb(230, 230, 230)',
// 申请单元列表数据
unitIdList:[],
// 组件标识
compFlag:Math.random()
};
},
mounted() {
// 根据申请单元列表数据处理选中户
console.log("window.unitData",window.unitData);
if(window.unitData && window.unitData.length){
window.unitData.forEach(e => {
this.unitIdList.push(e.bdcdyid)
})
this.ch.forEach((c) => {
c.hs.forEach((h) => {
if (h.dyhbsm.indexOf(this.unitIdList) > -1) {
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
}
});
});
}
},
methods: {
// 层选中事件
/**
* @description: 层选中事件
* @param {*} e
* @param {*} item
* @author: renchao
*/
handleClickC(e, item) {
if (!this.onlyShow) {
// 判断点击的层是否选中
if (e.target.className.indexOf("tdSelect") == -1) {
//未选中→选中
item.hs.forEach((h) => {
//加边框
e.target.className += " tdSelect";
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
});
} else {
//选中→未选中
item.hs.forEach((h) => {
e.target.className = "floor";
h.select = false;
this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
data () {
return {
//选中户bsm合集
hbsmList: [],
//选中层bsm合集
cbsmList: [],
//区分单双击事件的定时器
time: null,
// 边框颜色
borderColor: 'rgb(230, 230, 230)',
// 申请单元列表数据
unitIdList: [],
// 组件标识
compFlag: Math.random()
};
},
mounted () {
// 根据申请单元列表数据处理选中户
if (window.unitData && window.unitData.length) {
window.unitData.forEach(e => {
this.unitIdList.push(e.bdcdyid)
})
this.ch.forEach((c) => {
c.hs.forEach((h) => {
if (h.dyhbsm.indexOf(this.unitIdList) > -1) {
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
}
});
}
});
}
},
//户单击事件
/**
* @description: 户单击事件
* @param {*} e
* @param {*} bsm
* @param {*} hs
* @author: renchao
*/
handleClickH(e, bsm, hs) {
if (!this.onlyShow) {
let self = this;
// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
clearTimeout(self.time);
self.time = setTimeout(() => {
// this.closeMenu();
//判断点击的户是否选中
if (!hs.select) {
methods: {
// 层选中事件
/**
* @description: 层选中事件
* @param {*} e
* @param {*} item
* @author: renchao
*/
handleClickC (e, item) {
if (!this.onlyShow) {
// 判断点击的层是否选中
if (e.target.className.indexOf("tdSelect") == -1) {
//未选中→选中
//加边框
hs.select = true;
// 将户bsm放进hbsmList
self.hbsmList.push(bsm);
item.hs.forEach((h) => {
//加边框
e.target.className += " tdSelect";
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
});
} else {
//选中→未选中
hs.select = false;
self.hbsmList = self.hbsmList.filter((i) => i != bsm);
}
//更新当前选中户数据
this.$forceUpdate();
}, 200);
}
},
// 户单元状态点击事件
/**
* @description: 户单元状态点击事件
* @param {*} e
* @param {*} bsm
* @param {*} hs
* @author: renchao
*/
hDyztClick(e, bsm, hs) {
if (!this.onlyShow) {
this.handleClickH(e.target.parentNode, bsm, hs);
}
},
//户双击事件
/**
* @description: 户双击事件
* @param {*} bsm
* @author: renchao
*/
dbclick(bsm) {
// clearTimeout(this.time);
},
//幢单元全选/反选
/**
* @description: 幢单元全选/反选
* @param {*} val
* @param {*} flag
* @author: renchao
*/
zdySelectAll(val,flag) {
// 手动点击全部取消选中
!flag && this.clearChangeChoosedObj()
this.ch.forEach((c) => {
c.hs.forEach((h) => {
if (val) {
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
} else {
h.select = false;
this.borderColor = 'rgb(230, 230, 230)'
this.hbsmList = []
item.hs.forEach((h) => {
e.target.className = "floor";
h.select = false;
this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
});
}
});
});
this.$refs.hBsm && this.$refs.hBsm.forEach((item) => {
// item.style.borderColor = this.borderColor
item.style.backgroundColor = '#fff';
// item.style.border = `1px solid ${this.borderColor}`
});
},
//清除选中
clearChoosed(){
//清除选中户
this.zdySelectAll(false)
//清除选中层
this.cbsmList = [];
this.$refs.cBsm && this.$refs.cBsm.forEach((item)=>{
item.className = 'floor'
})
},
},
watch: {
selectAll: {
handler(val) {
this.zdySelectAll(val.selectAll);
val.cancelChoosed && this.clearChoosed()
}
},
immediate: true,
deep: true,
},
hbsmList(val){
let list = []
val.length && val.forEach((i)=>{
//户单击事件
/**
* @description: 户单击事件
* @param {*} e
* @param {*} bsm
* @param {*} hs
* @author: renchao
*/
handleClickH (e, bsm, hs) {
if (!this.onlyShow) {
let self = this;
// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
clearTimeout(self.time);
self.time = setTimeout(() => {
// this.closeMenu();
//判断点击的户是否选中
if (!hs.select) {
//未选中→选中
//加边框
hs.select = true;
// 将户bsm放进hbsmList
self.hbsmList.push(bsm);
} else {
//选中→未选中
hs.select = false;
self.hbsmList = self.hbsmList.filter((i) => i != bsm);
}
//更新当前选中户数据
this.$forceUpdate();
}, 200);
}
},
// 户单元状态点击事件
/**
* @description: 户单元状态点击事件
* @param {*} e
* @param {*} bsm
* @param {*} hs
* @author: renchao
*/
hDyztClick (e, bsm, hs) {
if (!this.onlyShow) {
this.handleClickH(e.target.parentNode, bsm, hs);
}
},
//户双击事件
/**
* @description: 户双击事件
* @param {*} bsm
* @author: renchao
*/
dbclick (bsm) {
// clearTimeout(this.time);
},
//幢单元全选/反选
/**
* @description: 幢单元全选/反选
* @param {*} val
* @param {*} flag
* @author: renchao
*/
zdySelectAll (val, flag) {
// 手动点击全部取消选中
!flag && this.clearChangeChoosedObj()
this.ch.forEach((c) => {
c.hs.forEach((h) => {
if (i == h.bsm) {
list.push(
{
bdcdyh:h.bdcdyh,
bsm:h.bsm,
dyhbsm:h.dyhbsm,
bdcdyid:h.dyhbsm,
bdcdylx:'7',
flag:this.compFlag
}
)
if (val) {
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
} else {
h.select = false;
this.borderColor = 'rgb(230, 230, 230)'
this.hbsmList = []
}
});
});
})
this.getBsmList(list,this.compFlag)
this.$refs.hBsm && this.$refs.hBsm.forEach((item) => {
// item.style.borderColor = this.borderColor
item.style.backgroundColor = '#fff';
// item.style.border = `1px solid ${this.borderColor}`
});
},
//清除选中
clearChoosed () {
//清除选中户
this.zdySelectAll(false)
//清除选中层
this.cbsmList = [];
this.$refs.cBsm && this.$refs.cBsm.forEach((item) => {
item.className = 'floor'
})
},
},
changeChoosedObj: {
handler(val) {
this.borderColor = 'rgb(230, 230, 230)';
if (val.bsms.length) {
//清除选中户
this.zdySelectAll(false,true)
this.$refs.hBsm.forEach((item) => {
val.bsms.forEach((i,ind) => {
if (item.dataset.bsm == i) {
if (ind == 0) {
//定位到第一个户所在位置
window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop;
window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft;
}
// item.style.border = '1px solid '+ val.color;
// 背景色高亮
item.style.backgroundColor = val.color;
watch: {
selectAll: {
handler (val) {
this.zdySelectAll(val.selectAll);
val.cancelChoosed && this.clearChoosed()
},
immediate: true,
deep: true,
},
hbsmList (val) {
let list = []
val.length && val.forEach((i) => {
this.ch.forEach((c) => {
c.hs.forEach((h) => {
if (i == h.bsm) {
list.push(
{
bdcdyh: h.bdcdyh,
bsm: h.bsm,
dyhbsm: h.dyhbsm,
bdcdyid: h.dyhbsm,
bdcdylx: '7',
flag: this.compFlag
}
)
}
});
});
}
})
this.getBsmList(list, this.compFlag)
},
immediate: true,
deep: true,
}
},
};
changeChoosedObj: {
handler (val) {
this.borderColor = 'rgb(230, 230, 230)';
if (val.bsms.length) {
//清除选中户
this.zdySelectAll(false, true)
this.$refs.hBsm.forEach((item) => {
val.bsms.forEach((i, ind) => {
if (item.dataset.bsm == i) {
if (ind == 0) {
//定位到第一个户所在位置
window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop;
window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft;
}
// item.style.border = '1px solid '+ val.color;
// 背景色高亮
item.style.backgroundColor = val.color;
}
});
});
}
},
immediate: true,
deep: true,
}
},
};
</script>
<style lang="scss" scoped>
.ch-wrap {
display: flex;
flex-direction: column-reverse;
.chTable {
// margin-left: -1px;
border-color: #e4ebf4 !important;
border-collapse: collapse;
border-spacing: 0;
// position: relative;
tr {
.floor {
min-width: 56px;
background: #e8f2ff;
border: 1px solid #acbae8;
}
&:first-child {
.ch-wrap {
display: flex;
flex-direction: column-reverse;
.chTable {
// margin-left: -1px;
border-color: #e4ebf4 !important;
border-collapse: collapse;
border-spacing: 0;
// position: relative;
tr {
.floor {
border-radius: 4px 0px 0px 1px;
}
}
td {
min-width: 138px;
height: 64px;
line-height: 64px;
text-align: center;
cursor: pointer;
position: relative;
.hqszt {
display: inline-block;
width: 16px;
height: 16px;
font-size: 12px;
line-height: 16px;
position: absolute;
left: 6px;
top: 6px;
border: 1px solid;
border-radius: 3px 0px 3px 0px;
}
.lin {
color: #f7b500;
border-color: #f7b500;
min-width: 56px;
background: #e8f2ff;
border: 1px solid #acbae8;
}
.zheng {
color: #1ad6e1;
border-color: #1ad6e1;
}
.xian {
color: #45aefd;
border-color: #45aefd;
&:first-child {
.floor {
border-radius: 4px 0px 0px 1px;
}
}
.dyzt {
user-select: none;
width: 138px;
height: 18px;
position: absolute;
bottom: 28px;
box-sizing: border-box;
padding: 0 6px;
li {
td {
min-width: 138px;
height: 64px;
line-height: 64px;
text-align: center;
cursor: pointer;
position: relative;
.hqszt {
display: inline-block;
width: 18px;
height: 18px;
width: 16px;
height: 16px;
font-size: 12px;
line-height: 18px;
color: #ffffff;
line-height: 16px;
position: absolute;
left: 6px;
top: 6px;
border: 1px solid;
border-radius: 9px;
border-radius: 3px 0px 3px 0px;
}
.lin {
color: #f7b500;
border-color: #f7b500;
}
.zheng {
color: #1ad6e1;
border-color: #1ad6e1;
}
.xian {
color: #45aefd;
border-color: #45aefd;
}
.dyzt {
user-select: none;
width: 138px;
height: 18px;
position: absolute;
bottom: 28px;
box-sizing: border-box;
padding: 0 6px;
li {
display: inline-block;
width: 18px;
height: 18px;
font-size: 12px;
line-height: 18px;
color: #ffffff;
border: 1px solid;
border-radius: 9px;
}
}
}
}
.tdSelect {
border: 1px solid ;
border-color: #5A78DE !important;
background-image: url("./images/tdSelect.png");
background-repeat: no-repeat;
background-position: right top;
background-size: 30px;
}
.hasBorder {
border-width: 1px;
border-style: solid;
.tdSelect {
border: 1px solid;
border-color: #5a78de !important;
background-image: url("./images/tdSelect.png");
background-repeat: no-repeat;
background-position: right top;
background-size: 30px;
}
.hasBorder {
border-width: 1px;
border-style: solid;
}
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-20 10:06:22
* @LastEditTime: 2023-09-20 16:07:43
-->
<template>
<dialogBox
......@@ -286,13 +286,12 @@
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button type="text" @click="handlesQYSelect(scope.row)">使用</el-button>
<el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total"
@current-change="handleQYCurrentChange"></el-pagination>
</div>
<div v-if="activeName==3" class="padding10">
......@@ -327,7 +326,7 @@
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button type="text" @click="handlesYHSelect(scope.row)">使用</el-button>
<el-button type="text" @click="handleSelect(scope.row)">使用</el-button>
</template>
</el-table-column>
</el-table>
......@@ -341,6 +340,7 @@
import { mapGetters } from "vuex";
import store from '@/store/index.js'
import { getUuid } from "@/utils/operation.js"
import { replace } from "@/api/company.js"
import { getIdCardInfo } from '@/utils/operation.js'
import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js";
import { dataYh, dataQy, sendThis } from "../../javascript/addQlrData";
......@@ -535,9 +535,31 @@
* @param {*} val
* @author: renchao
*/
handlesQYSelect (val) {
this.$emit("updateDetail", _.cloneDeep(val));
this.$emit("input", false);
handleSelect (val) {
let that = this
let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : ''
this.$confirm('是否同步材料信息?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
that.$emit("updateDetail", _.cloneDeep(val));
that.$emit("input", false);
if (res.code == 200) {
that.$message({
type: 'success',
message: '同步成功!'
})
} else {
this.$message.error(res.message);
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
})
})
},
/**
* @description: 银行信息搜索
......@@ -570,15 +592,6 @@
this.handleSearchQY()
},
/**
* @description: handlesYHSelect
* @param {*} val
* @author: renchao
*/
handlesYHSelect (val) {
this.$emit("updateDetail", _.cloneDeep(val));
this.$emit("input", false);
},
/**
* @description: 身份证打卡器
* @author: renchao
*/
......@@ -610,7 +623,9 @@
*/
closeDialog () {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
this.$nextTick(() => {
this.$refs["ruleForm"].resetFields();
})
},
/**
* @description: submitForm
......
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-09-19 16:13:24
* @LastEditTime: 2023-09-20 15:46:25
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -209,6 +209,7 @@
* @author: renchao
*/
batchUnitClick () {
window.currentSelect = {}
this.currentSelectProps.batchOperation = true;
this.activeIndex = "-1";
this.$parent.stepForm(0);
......@@ -230,6 +231,7 @@
* @author: renchao
*/
unitClick (index) {
window.currentSelect = this.unitData[index]
if (this.unitData.length == 0) return
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
......
<!--
* @Description: workFrame左侧菜单列表-分割
* @Autor: renchao
* @LastEditTime: 2023-09-19 16:15:15
* @LastEditTime: 2023-09-20 15:33:05
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -218,6 +218,7 @@
* @author: renchao
*/
unitClick (index) {
window.currentSelect = this.unitData[index]
this.activeHIndex = '-1'
this.currentSelectProps = this.aroundUnitData[index];
this.currentSelectProps.issave = '1'
......@@ -234,6 +235,7 @@
* @author: renchao
*/
handleAfterunitClick (index) {
window.currentSelect = this.unitData[index]
this.activeIndex = '-1'
this.currentSelectProps = this.afterUnitData[index];
this.currentSelectProps.batchOperation = false;
......
......@@ -204,7 +204,6 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
<el-form-item label="是否分别持证：">
<el-radio-group
......@@ -373,7 +372,7 @@
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
message: "共有方式：单独所有，抵押权人只能是一个人",
type: "error",
});
return false;
......@@ -384,7 +383,7 @@
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
"共有方式：共同所有，按份所有，其他所有，抵押权人必须是两个以上",
type: "error",
});
return false;
......@@ -439,7 +438,7 @@
this.czr = "";
},
/**
* @description: 更新权利人信息
* @description: 更新抵押权人信息
* @param {*} val
* @author: renchao
*/
......
......@@ -143,17 +143,19 @@
<el-row :gutter="10">
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
<el-form-item label="被担保主债权数额：">
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
:disabled="!viewEdit"></el-input>
<el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
<div style="display:flex">
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
:disabled="!viewEdit"></el-input>
<el-select style="width: 68px" v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
......@@ -229,7 +231,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
......