Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
631e5027 by 任超
Options

feat：抵押信息

2 parents 3c42c895 eb5bf84b
Expand all
Inline Side-by-side
Showing 43 changed files with 1124 additions and 740 deletions
......@@ -73,6 +73,7 @@ export function bdcqzPreview (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/bdcqzPreview',
method: 'post',
data
data,
responseType: 'blob'
})
}
\ No newline at end of file
......
......@@ -119,6 +119,25 @@ export function saveSpyjBySlsq (data) {
data
})
}
// 获取用户常用意见
export function getUserCommonOpinion (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/opinion/getUserCommonOpinion',
method: 'post',
data
})
}
// 新增用户常用意见
export function addUserCommonOpinion (params) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/opinion/addUserCommonOpinion',
method: 'get',
params
})
}
// 登簿接口
export function record (data) {
return request({
......
......@@ -88,7 +88,7 @@ export const asyncRoutes = [
path: 'ywsq',
id: '21',
parentId: '2',
component: () => import('@/views/ywbl/ywsq/ywsq.vue'),
component: () => import('@/views/ywbl/ywsq/guidePage.vue'),
name: 'ywsq',
meta: { title: '业务申请' }
},
......
......@@ -19,9 +19,9 @@
<el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button>
<el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
:on-change="handleChange" accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
<el-button icon="el-icon-upload" type="primary">上传</el-button>
<el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype">上传</el-button>
</el-upload>
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete">删除</el-button>
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" v-if="!this.$route.query.viewtype">删除</el-button>
</div>
<ul>
<li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
......
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="户基本信息表" name="hjbxx">
<hbj ref="hbj" :bsm="hbsm"></hbj>
</el-tab-pane>
<el-tab-pane label="登记簿" name="djb">
<!-- <djb v-if="djbVisible" :style="{ 'height': formHeight + 'px' }"></djb> -->
</el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl">
<!-- <fjcl v-if="fjclVisible" ref="fjcl" :lpbParent="true" :style="{ 'height': formHeight + 'px' }"
:is-disabled="isDisabled"></fjcl> -->
</el-tab-pane>
</el-tabs>
</template>
<script>
import hbj from "../index"
// import djb from "../../../../../zd/djb/index";
// import fjcl from "../../../../../zd/fjcl/fjcl"
// import { queryStatus } from "@api/search"
export default {
name: "index",
components: {
hbj,
// djb,
// fjcl
},
props: {
bsm: String, //户标识码
},
data () {
return {
isDisabled: false,
hbsm: this.$store.state.hbsm,
activeName: "hjbxx",
djbVisible: false,
fjclVisible: false,
formHeight: 0,
}
},
mounted () {
this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 260
},
methods: {
loadingStatus () {
let bsm = this.$store.state.hbsm;
// queryStatus(bsm).then(res => {
// if (res.success) {
// let qszt = res.result.qszt;
// this.isDisabled = +qszt !== 0;
// }
// })
},
handleClick (tab, event) {
this.loadingStatus()
// console.log(tab, event);
switch (tab.name) {
case 'djb':
this.djbVisible = true;
break;
case 'fjcl':
this.fjclVisible = true;
break;
default:
break;
}
},
},
watch: {}
}
</script>
<style scoped lang="scss">
.el-tabs {
/deep/.el-tabs__nav-scroll {
margin-left: -35px;
}
}
</style>
......@@ -134,10 +134,7 @@ export default {
bsms: [],
dialogVisible: false,
scyclx: "0", //1是实测 0是预测
pd: [], //创建楼盘的树结构数据
menuType: "",
treeData: {},
inputWidth: 200,
selectedZt: "dyzt", //图例选中项，默认选中单元状态
dyztList: [
{
......@@ -222,21 +219,6 @@ export default {
}, 100);
},
methods: {
//取消选中
batchCancelChoosed () {
this.bsms = [];
this.qsztList = [];
this.$refs.lpbContent.hbsmList = [];
this.$refs.lpbContent.choosedList = [];
this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
item.style.border = '';
item.className = "";
});
this.$refs.lpbContent.$refs.cBsm.forEach((item) => {
item.style.border = '';
item.className = "";
});
},
loading () {
this.getLpbMenuTree(this.$store.state.zrzbsm);
......@@ -250,49 +232,6 @@ export default {
this.lpbContentHight = window.innerHeight - 190;
},
//弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法
saveInfo () {
switch (this.menuType) {
case "ljz":
this.$refs.ljz.onSave(this.$refs.ljz.form, this.treeData.bsm);
break;
case "zdy":
this.$refs.zdy.submitForm("form", this.pd[0].bsm, this.treeData.bsm);
break;
case "ch":
this.$refs.ch.onSave(this.pd[0].bsm);
break;
case "c":
this.$refs.c.onSave(this.pd[0].bsm);
break;
default:
break;
}
},
//弹框中的重置按钮
resetInfo () {
switch (this.menuType) {
case "ljz":
this.$refs.ljz.reset();
break;
case "zdy":
this.$refs.zdy.reset();
break;
case "ch":
this.$refs.ch.reset();
break;
case "c":
this.$refs.c.reset();
break;
default:
break;
}
},
//关闭弹框
closeDaialog () {
this.dialogVisible = false;
},
//图例的展开收起
legendToggle () {
this.legendToggleFlag = !this.legendToggleFlag;
......
......@@ -190,11 +190,9 @@
</template>
<script>
import { getLpb } from '@/api/zhcx'
import { Message } from 'element-ui';
import hbj from "../hbj/lpb-hbj/index";
export default {
name: "",
components: { hbj },
components: { },
props: {
zrzbsm: {
type: String,
......@@ -240,26 +238,12 @@ export default {
//右键层户数据
chData: "",
rightClickFlag: "",
//层操作数据
addCVisible: false,
addCData: {
title: "",
cbsm: "", //层标识码
hcount: "", //添加户数
scyclx: "", //实测预测类型
sjc: "", //当前的层的SJC +1
},
formLabelWidth: "120px",
yclpbData: {},
sclpbData: {},
fghbChoosedList: [],
canHb: '',//判断合并类型
hfgDialogVisible: false, //户分割弹框
fgData: {
fghs: "",
oldbsm: '',
fgfx: 0
},
zrzChecked: false, //自然幢全选
};
},
......@@ -425,10 +409,7 @@ export default {
break;
case 'isLpb':
this.$parent.getHbsm(this.hbsmList, false);
this.$parent.getQsztList(this.hqsztList, false);
break;
default:
break;
}
......@@ -499,55 +480,10 @@ export default {
this.chData = item;
switch (this.lpbParent) {
case 'isHbfg':
this.rightClickFlag = this.isHb ? 'hb' : 'fg';
if (this.fghbChoosedList.length > 1) {
//合并
this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
//判断选中户可以执行的合并类型
let chIsSame = this.fghbChoosedList.every((item) => {
return item.ch == this.fghbChoosedList[0].ch;
});
let hhIsSame = this.fghbChoosedList.every((item) => {
return item.hh == this.fghbChoosedList[0].hh;
});
this.$nextTick(() => {
if (chIsSame) {
this.canHb = 'zyhb'
} else if (hhIsSame) {
this.canHb = 'sxhb'
} else {
this.canHb = ''
}
})
} else {
//分割
this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
this.fgData.oldbsm = item.bsm;
console.log(item, 'item');
//判断户的实际sjcs为1，只能水平分割
this.fgData.fgfx = item.sjcs == 1 ? 0 : 1;
if (item.sjcs == 1) {
//判断户的实际sjcs为1，只能水平分割
this.fgData.fgfx = 0;
this.fgData.fghs = '';
} else {
this.fgData.fgfx = 1;
//判断户的实际sjhs不为1，分割户数为sjhs的值
this.fgData.fghs = item.sjcs;
}
}
break;
case 'isFwsxbg':
if (this.hbsmList[0] == item.bsm) {
this.rightClickFlag = 'fwsxbg';
this.lpbChVisible = true;
} else {
this.lpbChVisible = false;
}
break;
case 'isCxlz':
this.rightClickFlag = 'cxlz';
this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
break;
case 'isLpb':
this.rightClickFlag = type;
......@@ -562,9 +498,6 @@ export default {
hDyztClick (e, bsm, hs) {
this.handleTdClick(e.target.parentNode, bsm, hs);
},
dyztIconClick () {
},
// 层选中事件
handleClickC (e, item) {
if (this.lpbParent == 'isLpb') {
......
......@@ -62,7 +62,6 @@ export default {
};
},
handleNodeClick (data, node, elem) {
console.log(data.form);
this.loadComponent(data.form);
},
loadComponent (form) {
......
......@@ -421,29 +421,44 @@ class data extends filter {
label: "不动产单元号",
},
{
prop: "zjjzwzl",
prop: "zl",
label: "在建建筑物坐落",
},
{
prop: "dyqr",
prop: "qlrmc",
label: "抵押权人",
},
{
prop: "zjzl",
label: "证件种类",
prop: "qlrzjzl",
label: "抵押权人证件种类",
},
{
prop: "zjh",
label: "证件号",
prop: "qlrzjhm",
label: "抵押权人证件号",
},
{
prop: "dyr",
prop: "ywrmc",
label: "抵押人",
},
{
prop: "ywrzjzl",
label: "抵押人证件种类",
},
{
prop: "ywrzjhm",
label: "抵押人证件号",
},
{
prop: "dyfs",
label: "抵押方式",
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
<span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
</div>
)
}
},
{
prop: "sfygdj",
......@@ -490,10 +505,18 @@ class data extends filter {
label: "登记原因",
},
{
prop: "bdcdjzmh",
prop: "bdcqzh",
label: "不动产登记证明号",
},
{
prop: "fj",
label: "附记",
},
{
prop: "qlqtzk",
label: "权利其他状况",
},
{
prop: "djsj",
label: "登记时间",
},
......@@ -506,21 +529,22 @@ class data extends filter {
label: "登记机构",
},
{
prop: "fj",
label: "附记",
prop: "zxywh",
label: "注销抵押业务号",
},
{
prop: "qlqtzk",
label: "权利其他状况",
prop: "zxdyyy",
label: "注销抵押原因",
},
{
prop: "zxdyywh",
label: "注销抵押业务号",
prop: "zxsj",
label: "注销登记时间",
},
{
prop: "zxdyyy",
label: "注销抵押原因",
prop: "zxdbr",
label: "登簿人",
},
],
DYIQ: [
{
......
......@@ -45,7 +45,7 @@
</template>
<script>
import personInfoTable from '@/views/components/personInfoTable'
import personInfoTable from './personInfoTable'
import { addJtfcCxjgXx } from '@/api/sqcx'
import { datas, sendThis } from "./addjtfcdata";
......
......@@ -34,7 +34,7 @@ export default {
dialog: false,
details: {},
tableDataList: [],
InformationTable: [
qlrCommonTable: [
{
width: '50',
renderHeader: (h, scope) => {
......@@ -92,7 +92,7 @@ export default {
}
}
],
column: this.InformationTable
column: this.qlrCommonTable
}
},
watch: {
......@@ -115,7 +115,7 @@ export default {
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
let dataList = _.cloneDeep(this.qlrCommonTable)
if (newVal == '1') {
this.column = _.cloneDeep(dataList).slice(1, dataList.length)
} else {
......
......@@ -31,7 +31,7 @@ export default {
dialog: false,
details: {},
tableDataList: [],
InformationTable: [
qlrCommonTable: [
{
label: '序号',
type: 'index',
......@@ -69,7 +69,7 @@ export default {
label: "坐落"
},
],
column: this.InformationTable
column: this.qlrCommonTable
}
},
watch: {
......@@ -92,7 +92,7 @@ export default {
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
let dataList = _.cloneDeep(this.qlrCommonTable)
if (newVal == '1') {
this.column = _.cloneDeep(dataList).slice(1, dataList.length)
} else if ((newVal == '2')) {
......
......@@ -49,6 +49,10 @@ export default {
methods: {
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
cllx: "",
clmc: "",
}
},
handleSubmit () {
this.$parent.addSave(this.ruleForm);
......
<template>
<dialogBox title="材料明细" width="60%" v-model="value" @closeDialog="closeDialog" :isButton="false">
<div class="clxx">
<div class="right">
<!-- 材料目录明细 -->
<div class="clmlmx-box">
<div class="title">申请材料目录</div>
<lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="data">
</lb-table>
</div>
</div>
</div>
</dialogBox>
</template>
<script>
import { mapGetters } from "vuex";
import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
export default {
components: { },
props: {
value: { type: Boolean, default: false },
data: { type: Array, default: () => {} },
},
data () {
return {
isDialog: false,
iclass: "",
column: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{
''
}
</div>
)
},
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype || scope.row.sfxjcl == '0' ? <span>{}</span> :
<i class="el-icon-minus pointer"
onClick={() => {
this.handleDelete(scope.$index, scope.row);
}}
></i>
}
</div>
)
}
},
{
width: "50",
label: '序号',
render: (h, scope) => {
return <span>{scope.$index + 1}</span>
}
},
{
prop: "isrequired",
label: "是否必选",
width: "50",
render: (h, scope) => {
if (scope.row.sfxjcl === "1") {
return (
<div>
<span>可选</span>
</div>
);
}
else {
return (
<div>
<span>必选</span>
</div>
);
}
},
},
{
prop: "sjmc",
label: "材料名称",
},
{
prop: "sjlx",
label: "材料类型",
width: "80",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
</div>
);
},
},
{
prop: "sjsl",
label: "份数",
width: "50"
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
</div>
);
} else {
return (
<div>
<span>未扫描</span>
</div>
);
}
},
},
{
prop: "ys",
label: "扫描页数",
width: "50"
},
{
label: "操作",
width: "80",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
disabled={scope.$index == 0}
onClick={() => {
this.moveUpward(scope.$index, scope.row);
}}
>
上移
</el-button>
<el-button
type="text"
disabled={scope.$index + 1 == this.tableData.length}
onClick={() => {
this.moveDown(scope.$index, scope.row);
}}
>
下移
</el-button>
</div>
);
},
},
],
key: 0,
tableData: [],
}
},
computed: {
...mapGetters(["dictData"])
},
created () {
},
methods: {
// 材料目录明细初始化
clmlInitList () {
return new Promise(resolve => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
clmlInit(formdata).then((res) => {
if(res.code == 200){
resolve(res.code)
if(res.result && res.result.length > 0){
this.data = res.result;
}else{
this.data = []
}
}else{
this.$message.error(res.message)
}
})
})
},
// 上移
moveUpward (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "UP",
};
// 接口待调
move(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) {
this.$message({
message: '上移成功',
type: 'success'
})
this.$parent.setTableData(this.data)
}
} else {
this.$message.error(res.message);
}
})
},
// 下移
moveDown (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "DOWN",
}
// 接口待调
move(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) {
this.$message({
message: '下移成功',
type: 'success'
})
this.$parent.setTableData(this.data)
}
} else {
this.$message.error(res.message);
}
})
},
// 材料目录删除
handleDelete (index, row) {
let that = this
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
clmlDelete({ sjBsm: row.bsmSj }).then(async (res) => {
if (res.code == 200) {
let res = await that.clmlInitList()
if (res == 200) {
that.$message({
message: "删除成功",
type: "success",
})
this.$parent.setTableData(this.data)
}
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
// 字典
dicStatus (val, code) {
let data = this.$store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname;
}
});
return name;
}
},
closeDialog(){
this.$emit("input", false);
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.active {
background: $light-blue !important;
color: #fff;
}
.required {
font-size: 12px;
color: $pink;
float: left;
}
.cl_number {
float: right;
}
.clxx {
width: 100%;
display: flex;
padding-left: 5px;
height: calc(100vh - 125px);
.left {
display: flex;
flex-direction: column;
justify-content: space-between;
.item {
width: 28px;
height: 49%;
@include flex-center;
background-color: #E4E7ED;
border-bottom-right-radius: 10px;
padding: 5px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
}
.right {
width: 100%;
height: 100%;
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
.clyl-box {
width: 100%;
height: 100%;
display: flex;
.menu-tree {
width: 20%;
min-width: 160px;
height: 100%;
margin-right: 10px;
border-right: 1px dotted #d9d9d9;
padding: 0 15px;
.item {
line-height: 30px;
padding-top: 5px;
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
text-align: center;
color: $light-blue;
.itemIcon {
float: right;
line-height: 60px;
cursor: pointer;
}
.child {
line-height: 32px;
border-bottom: 1px solid #e8e8e8;
padding-left: 10px;
color: #6b6b6b;
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
line-height: 20px;
transition: all 0.3s;
padding: 8px 0;
}
.child:hover {
color: $light-blue;
transform: scale(1.1);
}
.checked {
border: 1px solid $light-blue;
color: $light-blue;
}
}
}
.clyl-img {
width: 75%;
height: 100%;
background: #f3f4f7;
margin: 0 auto;
position: relative;
}
}
}
}
</style>
\ No newline at end of file
<template>
<div class="clxx">
<div class="right">
<!-- 材料预览 -->
<div class="clyl-box">
<div class="menu-tree">
<el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
<div class="item">
材料目录({{tableData.length}})
<div style="margin-top:10px">
<div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
<div v-for="(item,index) in tableData" :key="item.bsmSj"
:class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
<span v-if="item.isrequired==1" class="required">必选</span>
{{ item.sjmc }}
<span class="cl_number">({{item.children ? item.children.length : 0}})</span>
</div>
</div>
</div>
<el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
</div>
<image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
@prevPriview="prevPriview" />
</div>
</div>
<clxxAddDialog v-model="isDialog" />
<clxxDetailDialog v-model="detailDialog" :data="tableData"/>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import clxxAddDialog from "./clxxAddDialog.vue";
import clxxDetailDialog from "./clxxDetailDialog.vue";
import imagePreview from '@/views/components/imagePreview.vue'
import { clmlInit, move, save, clmlDelete } from "@/api/fqsq.js";
import { popupDialog } from "@/utils/popup.js";
export default {
components: { clxxAddDialog, imagePreview,clxxDetailDialog },
data () {
return {
isDialog: false,
detailDialog: false,
iclass: "",
// 材料目录选中
treeCheckIndex: 0,
treeCheckId: "",
key: 0,
tableData: [],
previewImg: {
// 收件标识码
bsmSj: '',
bsmSlsq: this.$parent.bsmSlsq,
index: 0,
selectedIndex: 0,
imgList: []
}
}
},
computed: {
...mapGetters(["dictData"])
},
created () {
this.clmlInitList(1)
},
methods: {
// 自动预览
nextPriview () {
if (this.treeCheckIndex < this.tableData.length) {
this.treeCheckIndex++
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = 0
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
}
},
prevPriview () {
if (this.treeCheckIndex >= 1) {
this.treeCheckIndex--
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = this.previewImg.imgList.length
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
}
},
// 材料目录明细初始化
clmlInitList (type) {
//type 1：列表初始化 2：新增材料
return new Promise(resolve => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", this.$parent.bsmSlsq);
clmlInit(formdata).then((res) => {
if(res.code == 200){
resolve(res.code)
if (res.result && res.result.length > 0) {
this.tableData = res.result;
if(type == 1){
this.treeClick(this.tableData[0],0);
}else{
//新增材料后刷新列表焦点置于新增的对象上
this.treeClick(this.tableData[this.tableData.length - 1],this.tableData.length - 1);
}
}
}else{
this.$message.error(res.message)
}
})
})
},
setChecked(item){
this.treeCheckId = item.bsmSj;
this.title = item.sjmc;
this.titleYs = 1;
this.titleNum = item.children.length;
this.previewImg.imgList = item.children;
this.previewImg.bsmSj = item.bsmSj;
},
updateList (val) {
let that = this
if (val != null) { //删除最后一张图片时 val=null
this.tableData.forEach(item => {
if (item.bsmSj === val.bsmSj) {
item.children = val.children
}
})
this.previewImg.imgList = _.cloneDeep(val.children)
if (this.previewImg.index == this.previewImg.imgList.length) {
this.previewImg.index = this.previewImg.index - 1
}
} else {
this.previewImg.imgList = []
this.tableData.forEach((item, index) => {
if (this.treeCheckId == item.bsmSj) {
item.children = []
that.treeCheckIndex = index
}
})
}
},
// 添加材料目录
handleAdd () {
this.isDialog = true;
},
// 新增弹窗保存
addSave (data) {
let obj = {
bsmSlsq: this.$parent.bsmSlsq,
isrequired: "1",
sjmc: data.clmc,
sjsl: 0,
smzt: '',
ys: 0,
sjlx: data.cllx,
sfxjcl: "1", // 是否必选
};
save(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList(2)
if (res == 200) this.$message({
message: "新增成功",
type: "success",
})
}
});
},
// 材料目录点击选中
treeClick (item, index) {
this.previewImg.index = 0
this.treeCheckId = item?.bsmSj
this.treeCheckIndex = index
this.previewImg.imgList = item?.children
this.previewImg.bsmSj = item?.bsmSj
},
// 小图片点击
imgClick (item, index) {
this.showImg = item;
this.titleYs = index + 1;
},
// 字典
dicStatus (val, code) {
let data = this.$store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname;
}
});
return name;
}
},
//查看明细
viewDetail(){
this.detailDialog = true;
},
//设置tableData
setTableData(tableData){
this.$nextTick(res => {
this.tableData = tableData;
})
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.active {
background: $light-blue !important;
color: #fff;
}
.required {
font-size: 12px;
color: $pink;
float: left;
}
.cl_number {
float: right;
}
.clxx {
width: 100%;
display: flex;
padding-left: 5px;
height: calc(100vh - 125px);
.left {
display: flex;
flex-direction: column;
justify-content: space-between;
.item {
width: 28px;
height: 49%;
@include flex-center;
background-color: #E4E7ED;
border-bottom-right-radius: 10px;
padding: 5px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
}
.right {
width: 100%;
height: 100%;
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
.clyl-box {
width: 100%;
height: 100%;
display: flex;
.menu-tree {
width: 20%;
min-width: 160px;
height: 100%;
margin-right: 10px;
border-right: 1px dotted #d9d9d9;
padding: 0 15px;
.item {
line-height: 30px;
padding-top: 5px;
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
text-align: center;
color: $light-blue;
.itemIcon {
float: right;
line-height: 60px;
cursor: pointer;
}
.child {
line-height: 32px;
border-bottom: 1px solid #e8e8e8;
padding-left: 10px;
color: #6b6b6b;
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
line-height: 20px;
transition: all 0.3s;
padding: 8px 0;
}
.child:hover {
color: $light-blue;
transform: scale(1.1);
}
.checked {
border: 1px solid $light-blue;
color: $light-blue;
}
}
}
.clyl-img {
width: 75%;
height: 100%;
background: #f3f4f7;
margin: 0 auto;
position: relative;
}
}
}
}
</style>
\ No newline at end of file
<template>
<dialogBox title="常用意见" width="60%" isMain v-model="value" @closeDialog="closeDialog" :isButton="false">
<div>
<el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button>
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="columns"
:data="tableData.data">
</lb-table>
<el-dialog title="新增意见" :visible.sync="addDialog" width="50%" :modal="false" top="30vh">
<div class="invalid-reson">常用意见：</div>
<el-input v-model="commonOpinion" placeholder="请输入常用意见" type="textarea" :rows="4"></el-input>
<div class="dialog-footer">
<el-button @click="closeaddDiglog()">取 消</el-button>
<el-button type="primary" @click="addOpinion()">确 定</el-button>
</div>
</el-dialog>
</div>
</dialogBox>
</template>
<script>
import table from "@/utils/mixin/table";
import { getUserCommonOpinion,addUserCommonOpinion } from "@/api/fqsq.js"
export default {
components: {},
mixins: [table],
props: {
value: { type: Boolean, default: false },
},
data () {
return {
columns: [
{
label: '序号',
type: 'index',
width: '50',
},
{
prop: "opinion",
label: "意见描述",
},
{
label: '操作',
width: '100',
render: (h, scope) => {
return (
<div>
<el-button type="text" onClick={() => { this.useCommonOpinion(scope.row) }}>使用</el-button>
</div>
)
}
}
],
tableData: {
total: 0,
data: [],
},
addDialog: false,
commonOpinion: ''
}
},
mounted() {
this.queryList()
},
methods: {
queryList(){
getUserCommonOpinion(this.pageData).then(res => {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
})
},
//新增常用意见
addOpinion(){
addUserCommonOpinion({commonOpinion: this.commonOpinion}).then(res => {
if(res.code == 200){
this.closeaddDiglog();
this.queryList()
}else{
this.$message.error(res.message)
}
})
},
//打开新增弹窗
openDialog() {
this.addDialog = true
},
//关闭新增弹窗
closeaddDiglog() {
this.addDialog = false;
this.commonOpinion = "";
},
//使用常用意见
useCommonOpinion(item){
this.$parent.useOpinion(item.opinion);
this.$emit("input", false);
},
//关闭列表弹窗
closeDialog () {
this.$emit("input", false);
this.commonOpinion = "";
}
}
}
</script>
<style scoped lang='scss'>
.invalid-reson {
margin-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
</style>
\ No newline at end of file
......@@ -22,6 +22,7 @@
<el-col :span="6" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData()">查询</el-button>
<el-button type="primary" icon="el-icon-search" @click="zslqClick()">证书领取</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -31,15 +32,19 @@
<lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
</lb-table>
</div>
<zslqDialog v-model="dialogVisible" @update:dialogVisible="dialogVisibles"></zslqDialog>
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import zslqDialog from "./zslq.vue";
import { getCertificateList } from "@/api/bdcqz.js";
import { datas } from "../javascript/fzxxdata";
export default {
mixins: [table],
components: {},
components: {
zslqDialog
},
props: {
},
data () {
......@@ -54,18 +59,26 @@ export default {
total: 0,
columns: datas.columns().fzgrid,
data: [],
}
},
dialogVisible:false
}
},
methods: {
// 列表渲染接口
fetchData () {
this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy;
this.ruleForm.bsmSlsq = this.$route.query.bsmSlsq;
getCertificateList(this.ruleForm).then(res => {
if (res.code === 200) {
this.tableData.data = res.result;
}
})
},
zslqClick(){
this.dialogVisible = true;
},
//子组件传 过来的 数据
dialogVisibles(v){
this.dialogVisible = v;
}
}
}
......
......@@ -55,7 +55,7 @@ export default {
}
},
{
label: '身份证读卡器',
label: '身份证读卡器2',
align: 'center',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
......
......@@ -14,17 +14,11 @@
<el-row>
<el-col :span="24">
<el-form-item label-width="0" class="opinion_item" prop="shyj">
<el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" v-if="item.stepShjy == '1'"
<el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" v-if="item.stepShjy == '1' && ableOperation"
v-model="ruleForm.shyj"></el-input>
<el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
</el-input>
<el-popover placement="right" width="50" trigger="hover" v-if="item.stepShjy == '1'">
<ul class="pointer">
<li @click="handleClick">复审</li>
<li>初审意见</li>
</ul>
<el-button class="opinion_btn" slot="reference">常用意见</el-button>
</el-popover>
<el-button class="opinion_btn" @click="commonOpinion" v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
</el-form-item>
</el-col>
</el-row>
......@@ -42,32 +36,35 @@
</el-row>
</div>
</div>
<div class="submit_button" v-if="!$route.query.viewtype">
<el-button type="primary" v-if="tableData.length>0" @click="onSubmit">保存</el-button>
<div class="submit_button" v-if="ableOperation">
<el-button type="primary" @click="onSubmit">保存</el-button>
</div>
</el-form>
<el-empty v-if="tableData.length==0" description="暂无数据"></el-empty>
<commonDialog v-model="commonDialog" />
</div>
</template>
<script>
import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
import { popupDialog } from "@/utils/popup.js";
import commonDialog from "./commonOpinion.vue";
import { mapGetters } from 'vuex'
export default {
components: {},
components: {commonDialog},
props: {
},
computed: {
...mapGetters([ 'userData'])
},
data () {
return {
bsmSlsq: '',
//刷新值
refresh : 10,
bestepid: '',
ruleForm: {
shyj: '',
ableOperation: true,
bsmSlsq: this.$route.query.bsmSlsq,
stepid: this.$route.query.bestepid,
shryxm: '',
shjssj: '',
},
bestepid: this.$route.query.bestepid,
ruleForm: {},
rules: {
shyj: [
{ required: true, message: '请输入审批意见', trigger: 'blur' }
......@@ -75,10 +72,14 @@ export default {
},
tableData: [],
propsParam: {},
commonDialog: false
}
},
created () {
this.propsParam = this.$attrs;
if(this.$route.query.viewtype){
this.ableOperation = false
}
this.list();
},
methods: {
......@@ -90,24 +91,33 @@ export default {
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
formdata.append("bestepid", this.$route.query.bestepid);
formdata.append("ableOperation",this.ableOperation)
getSpyjList(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.tableData = res.result
this.ruleForm.shyj = res.result[res.result.length - 1].shyj
this.ruleForm = res.result[res.result.length - 1]
}
})
},
onSubmit () {
this.ruleForm.bsmSlsq = this.bsmSlsq
this.ruleForm.bestepid = this.bestepid
saveSpyjBySlsq(this.ruleForm).then(res => {
if (res.code === 200) {
this.$message.success("保存成功")
this.refresh += 1
this.tableData[this.tableData.length - 1].shryxm = res.result.shryxm
this.tableData[this.tableData.length - 1].shjssj = res.result.shjssj
} else {
this.$message.error(res.message)
}
})
},
//打开常用意见列表弹窗
commonOpinion(){
this.commonDialog = true
},
//使用常用意见
useOpinion(opinion){
this.ruleForm.shyj = opinion
}
}
}
......
......@@ -31,7 +31,7 @@ export default {
dialog: false,
details: {},
tableDataList: [],
InformationTable: [
qlrCommonTable: [
{
width: '50',
renderHeader: (h, scope) => {
......@@ -84,7 +84,7 @@ export default {
}
}
],
column: this.InformationTable
column: this.qlrCommonTable
}
},
watch: {
......@@ -107,7 +107,7 @@ export default {
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
let dataList = _.cloneDeep(this.qlrCommonTable)
if (newVal == '1') {
this.column = _.cloneDeep(dataList).slice(1, dataList.length)
} else if ((newVal == '2')) {
......
<template>
<dialogBox title="不动产权证领取" width="85%" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="value" >
<div class="zslq">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-row>
......@@ -30,7 +31,7 @@
<el-col :span="6">
<el-form-item label="证件类型" prop="lzrzjlb">
<el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择">
<el-option v-for="item in zslqList" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option v-for="item in zjzlData" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -46,12 +47,9 @@
</el-form-item>
</el-col>
</el-row>
<el-row style="text-align:center">
<el-button type="primary" @click="onSubmit">确定</el-button>
<el-button>取消</el-button>
</el-row>
</el-form>
</div>
</dialogBox>
</template>
<script>
......@@ -60,15 +58,18 @@ import table from "@/utils/mixin/table";
import { getUnclaimedBdcqz, issueCertificate } from "@/api/bdcqz.js";
import { datas } from "../javascript/fzxxdata";
export default {
props: {
value: { type: Boolean, default: true }
},
mixins: [table],
data () {
return {
zslqList: [],
zjzlData: store.getters.dictData['A30'],
ruleForm: {
fzrxm: '',
fzsj: '',
fzsl: '',
bsmBdcqz: [],
bdcqzList: [],
lzrxm: '',
lzrzjlb: '',
lzrzjh: '',
......@@ -95,44 +96,43 @@ export default {
},
}
},
props: ["formData"],
created () {
this.zslqList = store.getters.dictData['A30'];
watch: {
value (val) {
if (val) {
this.loadGrid();
}
},
methods: {
onSubmit () {
},
fetchData () { },
methods: {
//列表初始化
loadGrid () {
getUnclaimedBdcqz({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
getUnclaimedBdcqz({ bsmSlsq: this.$route.query.bsmSlsq }).then(res => {
if (res.code === 200) {
this.tableData.data = res.result;
this.ruleForm.bdcqzList = res.result;
}
})
},
submitForm () {
handleSubmit () {
this.$refs.ruleForm.validate(valid => {
if (valid) {
issueCertificate(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('保存成功')
this.$message.success('保存成功');
this.$parent.fetchData();
this.$emit("input", false);
this.$refs.ruleForm.resetFields();
} else {
this.$message.error(res.message)
}
})
} else {
this.$message.error("请填写领取人信息！")
return false;
}
});
},
closeDialog () {
this.$emit("input", false);
this.$refs.ruleForm.resetFields();
},
}
}
......
......@@ -4,38 +4,16 @@
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
<el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" v-for="(item,index) in headTabBdcqz" :key="index"></el-tab-pane>
</el-tabs>
<div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div>
<div class="zsyl-box">
<div class="zsyl-left">
<div class="zsyl-title">
<span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span>
<span v-else>____( )________不动产权第 号</span>
</div>
<table class="table-column">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
<span>{{ item.label }}</span>
</td>
<td>
<span>
{{ getRowValue(item.prop) }}
</span>
</td>
</tr>
</table>
</div>
<div class="zsyl-right">
<div class="zsyl-title">附记</div>
<div class="zsyl-text">{{bdcqz.fj}}</div>
</div>
</div>
<!-- <div class="zsyl-title">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> -->
<img :src="previewImage" :class="imgClass">
</div>
</template>
<script>
import { datas } from "../javascript/zsyl.js";
import { getSlsqBdcqzList} from "@/api/bdcqz.js"
import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js"
export default {
name: "zsyl",
components: {
},
props: {
......@@ -58,6 +36,8 @@ export default {
headTabBdcqz: [],
//tab选择绑定值
activeName: '',
//证书图片预览
previewImage: '',
ruleForm: {
bsmBdcqz: '',
szmc: '不动产权证书',
......@@ -89,11 +69,12 @@ export default {
getHeadTabBdcqz(){
getSlsqBdcqzList({bsmSlsq: this.formData.bsmSlsq}).then(res => {
if(res.code == 200){
if(res.result){
if(res.result && res.result.length > 0){
this.activeName = res.result[0].bsmBdcqz
this.bdcqz = res.result[0]
}
this.headTabBdcqz = res.result
this.getBdcqzPreview();
}
}
})
......@@ -102,42 +83,26 @@ export default {
handleClick(e){
this.bdcqz = this.headTabBdcqz[e.index - 0]
this.activeName = this.headTabBdcqz.bsmBdcqz
}
this.getBdcqzPreview();
},
getBdcqzPreview(){
this.$startLoading()
bdcqzPreview(this.bdcqz).then(res => {
this.$endLoading()
let blob = new Blob([res]);
let url = window.URL.createObjectURL(blob);
this.previewImage = url;
})
},
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.zsyl-box{
display: flex;
justify-content: space-between;
padding: 20px;
background: #FAFBE5;
.zsyl-left{
width: 330px;
.zsyl-title{
font-size: 18px;
text-align: center;
}
}
.zsyl-right{
width: 330px;
.zsyl-title{
letter-spacing: 50px;
text-align: center;
text-indent: 50px;
}
.zsyl-text{
border: 1px solid #ccc;
height: 90%;
}
}
.zsyl-title{
margin-bottom: 12px;
}
/deep/.el-table__row{
background: #FAFBE5!important;
}
.imgClass{
display: inline-block;
height: auto;
max-width: 100%;
}
.middle_padding {
padding-bottom: 10px;
......@@ -166,10 +131,10 @@ export default {
background: rgb(251,249,229);
}
}
.aaaa{
.zsyl-title{
background: #FAFBE5;
text-align: center;
padding-top: 10px;
padding: 5px 0px;
font-size: 20px;
}
</style>
......
......@@ -37,7 +37,7 @@ export function getForm (tabName, djywbm) {
break;
case "clxx":
form = require("@/views/workflow/components/clxx.vue");
form = require("@/views/workflow/components/clxxUnify.vue");
break;
case "spyj":
form = require("@/views/workflow/components/spyj.vue");
......
......@@ -20,6 +20,14 @@ class data extends filter {
{
prop: "bdcqzlx",
label: "不动产权证类型",
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
<span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
</div>
)
}
},
{
prop: "qllx",
......@@ -51,18 +59,13 @@ class data extends filter {
label: "坐落"
},
{
prop: "lzrxm",
label: "领取人"
prop: "fzsj",
label: "发证时间"
},
{
label: '操作',
width: '200',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>添加领取材料</el-button>
}
}
prop: "lzrxm",
label: "领证人姓名"
},
],
//领证证列表
lzgrid: [
......@@ -75,6 +78,14 @@ class data extends filter {
prop: "bdcqzlx",
label: "不动产权证类型",
width: '120',
render: (h, scope) => {
return (
<div>
<span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
<span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
</div>
)
}
},
{
prop: "qllx",
......
......@@ -127,7 +127,7 @@ export default {
popupDialog("证书预览", "workflow/components/zsyl", {
bsmSlsq: this.bsmSlsq,
entryType: '1'
}, '800px')
}, '1070px')
break;
case "B7":
this.$popup("证书领取", "workflow/components/zslq", {
......
......@@ -87,7 +87,7 @@ import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
import ProcessViewer from './components/processViewer.vue'
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
import { getForm } from "./flowform.js";
import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue";
import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
export default {
components: {
......@@ -289,8 +289,8 @@ export default {
break;
case "B5":
this.$popup("证书预览", "workflow/components/zsyl", {
height: "600px",
width: "800px",
height: "850px",
width: "1070px",
formData: {
bsmSlsq: this.bsmSlsq,
entryType: '1'
......
......@@ -79,7 +79,7 @@ import { getForm } from './flowform'
import NoticeBar from '@/components/NoticeBar/index'
import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
import ProcessViewer from './components/processViewer.vue'
import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue";
import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
export default {
components: {
fqsqDialog,
......
......@@ -66,11 +66,16 @@
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
<el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
<el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
<el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
</el-form-item>
......@@ -78,11 +83,6 @@
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
<el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
</el-form-item>
......@@ -92,10 +92,15 @@
<el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
<el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
抵押信息
抵押信息11
<div class="triangle"></div>
</div>
......@@ -150,7 +155,8 @@
<el-row>
<el-col :span="24">
<el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
<el-input v-model="ruleForm.diyaq.dbfw"></el-input>
<el-input v-model="ruleForm.diyaq.dbfw"
:disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -201,14 +207,14 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
</div>
<!-- <InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" /> -->
<InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" />
<div class="slxx_title title-block">
登记原因
......@@ -216,7 +222,13 @@
</div>
<el-row :gutter="10">
<el-col>
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
<el-form-item v-if="ruleForm.slywxx.djlx == '400'" :class="flag ? 'marginBot0' : ''" label="注销抵押原因："
prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.diyaq.zxdyyy">
</el-input>
</el-form-item>
<el-form-item v-else :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.diyaq.djyy">
</el-input>
......@@ -234,7 +246,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -251,7 +263,7 @@ export default {
}
})
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -67,7 +67,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
<el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
<el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
......@@ -201,13 +201,13 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
</div>
<InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" />
<div class="slxx_title title-block">
......@@ -234,7 +234,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -251,7 +251,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -167,7 +167,7 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrList.length > 0">
......@@ -175,7 +175,7 @@
义务人信息
<div class="triangle"></div>
</div>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<div class="slxx_title title-block">
......@@ -201,7 +201,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -219,7 +219,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -161,7 +161,7 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
......@@ -186,7 +186,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveBatchData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
import SERVER from "@/api/config";
......@@ -207,7 +207,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -150,7 +150,7 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
<qlrCommonTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -173,7 +173,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -192,7 +192,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -145,14 +145,14 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div v-if="ruleForm.ywrList.length > 0">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" />
</div>
......@@ -181,7 +181,7 @@
<script>
import { mapGetters } from "vuex"
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
import InformationTable from "@/views/workflow/components/InformationTable"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
export default {
created () {
this.propsParam = this.$attrs;
......@@ -203,7 +203,7 @@ export default {
}
})
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"])
},
......
......@@ -149,7 +149,7 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList'
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList'
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div class="slxx_title title-block">
登记原因
......@@ -175,7 +175,7 @@
</template>
<script>
import { mapGetters } from "vuex";
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
async created () {
......@@ -189,7 +189,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"])
},
......
......@@ -201,7 +201,7 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div class="slxx_title title-block">
家庭成员
......@@ -234,7 +234,7 @@
<script>
import { mapGetters } from "vuex"
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
import InformationTable from "@/views/workflow/components/InformationTable"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import JtcyTable from "@/views/workflow/components/JtcyTable"
export default {
created () {
......@@ -251,7 +251,7 @@ export default {
}
})
},
components: { InformationTable, JtcyTable },
components: { qlrCommonTable, JtcyTable },
computed: {
...mapGetters(["dictData", "flag"])
},
......
......@@ -201,13 +201,13 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<InformationTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype" />
<div class="slxx_title title-block">
家庭成员
......@@ -240,7 +240,7 @@
<script>
import { mapGetters } from "vuex"
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
import InformationTable from "@/views/workflow/components/InformationTable"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import JtcyTable from "@/views/workflow/components/JtcyTable"
export default {
created () {
......@@ -257,7 +257,7 @@ export default {
}
})
},
components: { InformationTable, JtcyTable },
components: { qlrCommonTable, JtcyTable },
computed: {
...mapGetters(["dictData", "flag"])
},
......
......@@ -142,13 +142,13 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
......@@ -173,7 +173,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -189,7 +189,7 @@ export default {
}
})
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -145,13 +145,13 @@
</el-form-item>
</el-col>
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
......@@ -176,7 +176,7 @@
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -191,7 +191,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......
......@@ -120,7 +120,7 @@ export default {
return;
}
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bsmSqyw: this.sqywInfo.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
......@@ -132,7 +132,7 @@ export default {
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
this.jump(res.result, this.sqywInfo.djywbm)
} else {
this.$emit('updateDialog', true)
}
......
<template>
<dialogBox :title="title" width="85%" :isButton="false" :isMain="true" @closeDialog="closeDialog" v-model="myValue">
<component :is="editItem" @closeDialog="closeDialog" v-bind="$attrs" :isJump="isJump" id="slectBdc"
@updateDialog="updateDialog" :djywbm="djywbm" :key="key" :djqxObj="djqxObj" />
</dialogBox>
</template>
<script>
import { queueDjywmc } from './slectBdcdata.js'
export default {
props: {
isJump: { type: Boolean, default: false },
value: { type: Boolean, default: true },
djywbm: { type: String, default: '' },
djqxObj: { type: Object, default: () => { } }
},
data () {
return {
title: "",
key: 0,
editItem: '',
myValue: this.value
}
},
watch: {
value (val) {
this.myValue = val
this.key++
if (this.$route.query.sqywbm) {
let dd = queueDjywmc(this.$route.query.sqywbm)
this.editItem = this.loadView(dd)
}
},
'djywbm' (val) {
let dd = queueDjywmc(val)
this.editItem = this.loadView(dd)
}
},
methods: {
loadView (view) {
this.title = "申请业务：" + this.djqxObj.djywmc;
return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
},
closeDialog () {
this.$emit("input", false)
},
updateDialog () {
this.$emit("input", false)
this.$emit("updateDialog", true)
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.submit_button {
text-align: center;
padding: 10px;
margin: 10px;
}
</style>
<template>
<div class="ywsq" id="ywsq">
<div class="ywsq-left">
<p v-for="(item, index) in leftList" @click="handleleftTitle(index)" :key="index"
:class="{ 'active': n == index }">{{ item }}</p>
<el-collapse disabled v-model="activeNames">
<el-collapse-item title="业务申请" name="1">
<ul class="item-list">
<li v-for="(obj, key) in list" :key="key" @click="handleList(list, obj)" :class="obj.check ? 'active' : ''">
{{ obj.nodename }}</li>
</ul>
</el-collapse-item>
</el-collapse>
</div>
<!-- right -->
<div class="ywsq-right">
<div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
<div class="right-title">登记类型</div>
<ul class="type-content">
<li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
v-for="(item, index) in djlxList" :key="index">
<p>
{{ item.nodename }}
</p>
<p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
@click.stop="handleCollection(item)">
<i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
</p>
</li>
</ul>
</div>
<div class="right-situation el-card box-card is-always-shadow">
<div class="right-title">{{ obj[n] }}</div>
<ul>
<li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
@click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
<p v-if="n == 0">
{{ item.djywmc }}<br>
{{ item.nodename }}
</p>
<dt v-else>{{ item.nodename }}</dt>
<p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
<i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
</p>
</li>
</ul>
</div>
<div class="submit-button">
<el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
</div>
</div>
<fqsqDialog v-model="isDialog" :djqxObj="djqxObj" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
</div>
</template>
<script>
import fqsqDialog from "./slectBdc.vue"
import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
export default {
data () {
return {
n: 0,
activeNames: ['1'],
leftList: [
'常办业务', '一并申请', '登记簿补录',
],
// 左侧列表
list: [],
djlxList: [],
itemList: [],
ywList: [],
djqxList: [],
obj: {
'0': '常办业务列表',
'-1': '登记情形'
},
isDialog: false,
btnDisabled: true,
djywbm: '',
djqxObj: {},
bsmSqyw: ''
}
},
components: {
fqsqDialog
},
created () {
this.getDataList()
},
methods: {
getDataList () {
getCollectBiz().then(res => {
let { result } = res
this.ywList = result
this.ywList.forEach(item => {
this.$set(item, 'cselect', false)
item.userCollect = 1
})
if (this.n == 0) {
this.itemList = this.ywList
}
})
getleftMenu().then(res => {
let { result } = res
this.list = result
})
},
handleleftTitle (index) {
this.n = index
let obj = {
'0': this.ywList
}
this.itemList = obj[this.n]
this.list.forEach(item => {
if (item.check) item.check = false
})
},
// 业务-登记情形选择
handleSelectYw (item, list) {
list.forEach(item => {
this.$set(item, 'cselect', false)
})
item.cselect = true;
this.djqxObj = item;
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
this.djywbm = item.djywbm
}
},
handleList (list, obj) {
this.btnDisabled = true
list.forEach(item => {
if (item.check) item.check = false
})
this.n = -1
this.$set(obj, 'check', true)
this.getNextNode(obj.bsmSqyw)
this.djqxList = []
this.djlxList = []
this.itemList = []
},
// 获取下个节点类型
getNextNode (bsmSqyw, type = true) {
getNextNode(bsmSqyw).then(res => {
if (res.result.djqx) this.djqxList = res.result.djqx
if (res.result.djlx) this.djlxList = res.result.djlx
if (type) {
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
})
this.djlxList.forEach(item => {
this.$set(item, 'cselect', false)
})
}
this.itemList = this.djqxList
})
},
handleCollection (item) {
let that = this
if (item.userCollect == '2') {
addCollectBiz(item.bsmSqyw).then(res => {
if (res.code == 200) {
item.userCollect = '1'
that.$message({
message: '收藏成功！',
type: 'success'
})
that.getDataList()
}
})
} else {
this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteCollectBiz(item.bsmSqyw).then(res => {
if (res.code == 200) {
item.userCollect = '2'
that.$message({
message: '取消收藏成功！',
type: 'success'
})
that.getDataList()
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消收藏'
})
})
}
},
handleSelect (item) {
this.busList.forEach(item => {
item.cselect = false
})
item.cselect = !item.cselect
},
// 登记类型
handleDjlxSelect (item) {
this.djlxList.forEach(item => {
item.cselect = false
})
this.btnDisabled = true
item.cselect = true;
this.djqxObj = item;
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
this.djywbm = item.djywbm;
} else {
this.getNextNode(item.bsmSqyw, false)
}
this.djqxList = []
},
handleDjqxItem (item) {
this.djlxList.forEach(item => {
item.cselect = false
})
console.log(item);
if (item.sffqlc == 1) {
this.djywbm = item.djywbm
this.bsmSqyw = item.bsmSqyw
item.cselect = true
this.isDialog = true
this.btnDisabled = true
}
},
handleSelectItem (item, list) {
this.handleSelectYw(item, list)
this.isDialog = true
},
// 选择不动产信息
bthSelectClick () {
this.isDialog = true
},
loadView (view) {
return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
@import './ywsq.scss';
/deep/.el-collapse-item__content {
padding-bottom: 0;
}
/deep/.el-collapse-item__wrap {
border-bottom: none;
}
</style>
\ No newline at end of file