Skip to content

bdc / bdcdj-web

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

feat：抵押信息

2 parents 3c42c895 eb5bf84b
Inline Side-by-side
Showing 43 changed files with 1127 additions and 1932 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>
<div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage' : ''"
:style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}">
<el-form ref="form" :model="form" label-width="160px" class="form">
<Qlr ref="qlrxxModule" :bsm='bsm' :qszt="form.qszt" :type="lx"></Qlr>
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
<tbody>
<tr height="30">
<th colspan="12" align="center">
<font size="4">户基本信息</font>
</th>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">宗地代码<i class="requisite">*</i></td>
<td colspan="4">
<el-input v-model="form.zddm" disabled></el-input>
</td>
<td colspan="2" align="center" class="tdright">自然幢号<i class="requisite">*</i></td>
<td colspan="4">
<el-input v-model="form.zrzh" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">不动产单元号<i class="requisite">*</i></td>
<!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
<td colspan="4" class="psr">
<el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag" ref="bdcdyh">
</el-input>
<el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning"
:disabled="disableFlag">生成</el-button>
</td>
<!-- <td colspan="2" align="center" >原不动产单元</td>-->
<!-- <td colspan="4" >-->
<!-- <el-input v-model="form.ydybsm" disabled></el-input>-->
<!-- </td>-->
<td colspan="2" align="center" class="tdright">逻辑幢号</td>
<td colspan="4">
<el-input v-model="form.ljzh" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">房屋性质<i class="requisite">*</i></td>
<td colspan="4">
<el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm">
<el-option v-for="item in $store.state.fwxzOptions" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" class="tdright">所在单元</td>
<td colspan="4">
<el-input v-model="form.zdymc" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">层号</td>
<td colspan="4">
<el-input v-model="form.ch" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">实际层</td>
<td colspan="4">
<el-input v-model="form.sjc" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">房屋编号</td>
<td colspan="4">
<el-input v-model="form.fwbh" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">实际层数</td>
<td colspan="4">
<el-input v-model="form.sjcs" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">室号</td>
<td colspan="4">
<el-input v-model="form.shbw" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">户号</td>
<td colspan="4">
<el-input v-model="form.hh" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">房屋类型<i class="requisite">*</i></td>
<td colspan="4">
<el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm">
<el-option v-for="item in $store.state.fwlxList" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" class="tdright">名义层</td>
<td colspan="4">
<el-input v-model="form.myc" disabled></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">户型</td>
<td colspan="4">
<el-select v-model="form.hxbsm" placeholder="请选择" :disabled="disableFlag">
<el-option v-for="item in $store.state.hxList" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" class="tdright">户型结构</td>
<td colspan="4">
<el-select v-model="form.hxjgbsm" placeholder="请选择" :disabled="disableFlag">
<el-option v-for="item in $store.state.hxjgList" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">产别<i class="requisite">*</i></td>
<td colspan="4">
<el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm">
<el-option v-for="item in $store.state.cbOptions" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" class="tdright">产权来源<i class="requisite">*</i></td>
<td colspan="4">
<el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag"
ref="fwcqlybsm">
<el-option v-for="item in $store.state.cqlyOptions" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
</tr>
<tr height="30">
<td colspan="2" rowspan="6" align="center" class="tdright">预测</td>
<td colspan="2" align="center" class="tdright">建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.ycjzmj" type="number"
:disabled="form.scyclx === '1' || disableFlag">
</el-input>
</td>
<td colspan="2" rowspan="6" align="center" class="tdright">实测</td>
<td colspan="2" align="center" class="tdright">建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.scjzmj" type="number"
:disabled="form.scyclx === '0' || disableFlag">
</el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">套内建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.yctnjzmj" type="number"
:disabled="form.scyclx === '1' || disableFlag">
</el-input>
</td>
<td colspan="2" align="center" class="tdright">套内建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.sctnjzmj" type="number"
:disabled="form.scyclx === '0' || disableFlag">
</el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">分摊建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.ycftjzmj" type="number"
:disabled="form.scyclx === '1' || disableFlag">
</el-input>
</td>
<td colspan="2" align="center" class="tdright">分摊建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.scftjzmj" type="number"
:disabled="form.scyclx === '0' || disableFlag">
</el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">地下部分建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.ycdxbfjzmj" type="number"
:disabled="form.scyclx === '1' || disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">地下部分建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.scdxbfjzmj" type="number"
:disabled="form.scyclx === '0' || disableFlag"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">其它建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.ycqtjzmj" type="number"
:disabled="form.scyclx === '1' || disableFlag">
</el-input>
</td>
<td colspan="2" align="center" class="tdright">其它建筑面积(㎡)</td>
<td colspan="2" align="center">
<el-input v-model="form.scqtjzmj" type="number"
:disabled="form.scyclx === '0' || disableFlag">
</el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">分摊系数</td>
<td colspan="2" align="center">
<input class="formInput" v-model="form.ycftxs" type="number"
:disabled="form.scyclx === '1' || disableFlag" @blur="inputFtxsBlur($event)"
ref="ycftxs" />
</td>
<td colspan="2" align="center" class="tdright">分摊系数</td>
<td colspan="2" align="center">
<input class="formInput" v-model="form.scftxs" type="number"
:disabled="form.scyclx === '0' || disableFlag" @blur="inputFtxsBlur($event)"
ref="scftxs" />
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">共有土地面积(㎡)</td>
<td colspan="2">
<el-input v-model="form.gytdmj" type="number" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">分摊土地面积(㎡)</td>
<td colspan="2">
<el-input v-model="form.fttdmj" type="number" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">多幢独用土地面积(㎡)</td>
<td colspan="2">
<el-input v-model="form.dytdmj" type="number" :disabled="disableFlag"></el-input>
</td>
</tr>
<tr>
<td colspan="2" align="center" class="tdright">
<span>坐落<i class="requisite">*</i></span>
</td>
<td colspan="10">
<input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)"
:disabled="disableFlag" />
</td>
</tr>
<tr height="30" v-for="(item1, index) in form.fwytList" :key="index">
<td v-if="index === 0" colspan="2" :rowspan="ytTitleRowspan" align="center" class="tdright"
id="ytTitle">
<el-button type="primary" style="margin-right: 10px" class="changeBtn addMinus inAdd"
@click="addYtInfo">+</el-button>
<span>房屋用途<i class="requisite">*</i></span>
</td>
<td width="30" colspan="2" align="center" class="tdright">
<el-button type="primary" class="changeBtn addMinus inMinus" @click="deleteYtInfo(index)">-
</el-button>
规划用途
</td>
<td width="30" colspan="2" align="center">
<el-select-tree ref="ghyt" v-if="show" :default-expand-all="defaultExpandAll"
@change="updateSjfyyt(item1)" :multiple="multiple" :placeholder="placeholder"
:disabled="disableFlag" :data="$store.state.fwytList" :props="treeProps"
:check-strictly="checkStrictly" :clearable="clearable" v-model="item1.fwytzdbsm">
</el-select-tree>
</td>
<td width="30" colspan="2" align="center" class="tdright">用途</td>
<td width="30" colspan="4" align="center">
<el-select-tree ref="yt" v-if="show" :default-expand-all="defaultExpandAll"
:multiple="multiple" :placeholder="placeholder" :disabled="disableFlag"
:data="$store.state.fwytList" :props="treeProps" :check-strictly="checkStrictly"
:clearable="clearable" v-model="item1.fwsjytbsm"></el-select-tree>
</td>
</tr>
<tr height="30" v-for="(item1, index) in form.fwjgList" :key="'jg' + index">
<td colspan="2" v-if="index === 0" :rowspan="fwjgTitleRowspan" align="center" class="tdright">
<!-- <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> -->
<el-button type="primary" style="margin-right: 10px" class="changeBtn addMinus inAdd"
@click="addFwjgInfo">+</el-button>
<span>房屋结构<i class="requisite">*</i></span>
</td>
<td colspan="2" align="center" class="tdright">
<el-button type="primary" style="margin-right: 5px" class="changeBtn addMinus inMinus"
@click="deleteFwjgInfo(index)">-</el-button>
<span @click="deleteFwjgInfo(index)">房屋结构</span>
</td>
<td colspan="8">
<el-select v-model="item1.fwjgzdbsm" ref="fwjg" placeholder="请选择" :disabled="disableFlag">
<el-option v-for="item in $store.state.jgOptions" :key="item.bsm" :label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">东墙体归属</td>
<td colspan="4">
<el-input v-model="form.dqtgs" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">南墙体归属</td>
<td colspan="4">
<el-input v-model="form.nqtgs" :disabled="disableFlag"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" class="tdright">西墙体归属</td>
<td colspan="4">
<el-input v-model="form.xqtgs" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" align="center" class="tdright">北墙体归属</td>
<td colspan="4">
<el-input v-model="form.bqtgs" :disabled="disableFlag"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" class="tdright">
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2">
<el-input v-model="form.bz" type="textarea" :disabled="disableFlag"></el-input>
</td>
</tr>
<tr height="30">
</tr>
<tr height="30">
<td colspan="2" rowspan="2" align="center" class="tdright">
<span>调查意见</span>
</td>
<td colspan="10">
<el-input v-model="form.name" :disabled="disableFlag"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="4" rowspan="2" align="right" class="tdright"
style="width:8.33%;padding-right:10px">
<span>审查员</span>
</td>
<td colspan="2">
<el-input v-model="form.name" :disabled="disableFlag"></el-input>
</td>
<td colspan="2" rowspan="2" align="right" class="tdright"
style="width:8.33%;padding-right:10px">
<span>审查日期</span>
</td>
<td colspan="2">
<el-date-picker v-model="form.date" type="date" placeholder="选择日期">
</el-date-picker>
</td>
</tr>
</tbody>
</table>
</el-form>
<div class="header-button" :style="{ width: mainBoxWidth + 'px' }">
<el-button type="primary" class="saveBtn" @click="onSave" :disabled="disableFlag">保存</el-button>
<el-button type="primary" @click="onSubmit" :disabled="disableFlag">提交</el-button>
<!-- <el-button type="primary" @click="registerCall">登记调用</el-button> -->
</div>
</div>
</template>
<script>
import Qlr from "@/components/formMenu/qlr";
import Qlxz from "@/components/formMenu/qlxz";
// import { getQjHDetailByBsm, updateQjH } from "@api/h";
// import { getBdcdyh } from "@api/zrz";
// import { submit, registerCall } from "@api/common"
export default {
name: 'zrz',
components: {
Qlr,
Qlxz,
},
inject: ['getTreeByBsm'],
props: {
bsm: String, //户标识码
scyclx: {
type: String,
default: "1",
}
},
data () {
return {
disableFlag: false,
//树型结构
show: true,
clearable: true,
defaultExpandAll: true,
multiple: false,
placeholder: '请选择',
disabled: false,
checkStrictly: true,
treeProps: {
value: 'bsm',
children: 'children',
label: 'mc'
},
lx: 'h',
hbsm: '',
form: {
bsm: '',//户标识码
zrzbsm: '', //自然幢标识码
ljzbsm: '', //逻辑幢标识码
ljzh: '', //逻辑幢号
zdybsm: '', //幢单元标识码
cbsm: '', //层标识码
ch: '', //层号
zdbsm: '', //宗地标识码
bdcdyh: '', //不动产单元号标识码
ydybsm: '', //原单元标识码
zrzh: '', //自然幢号
mjdwbsm: '', //面积单位编号
sjcs: '', //实际层数
hh: '', //户号
hxbsm: '', //户型标识码
hxjgbsm: '', //户型结构标识码
dltdmj: '', //独立使用土地面积
fttdmj: '', //分摊土地使用面积
gytdmj: '', //共有土地面积
fwlxbsm: '', //房屋类型标识码
fwxzbsm: '', //房屋性质标识码
sjc: '', //实际层
dqtgs: '', //东墙体归属
nqtgs: '', //南墙体归属
xqtgs: '', //西墙体归属
bqtgs: '', //北墙体归属
fwbh: '', //房屋编号
fjsm: '', //附加说明
fwcbbsm: '', //房屋产别标识码
sjhs: '', //实际户数
shbw: '', //室号部位
fwcqlybsm: '', //房屋产权来源标识码
myc: '', //名义层
qszt: '', //权属状态
//预测数据
ycjzmj: '', //建筑面积
yctnjzmj: '', //套内建筑面积
ycftjzmj: '', //分摊建筑面积
ycdxbfjzmj: '', //地下部分建筑面积
ycqtjzmj: '', //其它建筑面积
ycftxs: '', //分摊系数
//实测数据
scjzmj: '', //建筑面积
sctnjzmj: '', //套内建筑面积
scftjzmj: '', //分摊建筑面积
scdxbfjzmj: '', //地下部分建筑面积
scqtjzmj: '', //其它建筑面积
scftxs: '', //分摊系数
scyclx: '0', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据
scycglbsm: '', //实测预测关联标识码
bz: '', //备注
name: '',
date: '',
fwytList: [{
glbsm: '', //关联标识码
fwytzdbsm: '', //房屋用途字典标识码
sx: '', //顺序
fwsjytbsm: '', //房屋实际用途字典标识码
}],
fwjgList: [{
fwjgzdbsm: '', //房屋结构字典标识码
glbsm: '', //关联标识码
sx: '', //顺序
}],
qlxzList: [{
qlxzdm: '', //权利性质代码
glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm: '', //权利性质字典表标识码
qlxzmc: '', //权利名称名称
zhqlxzlx: '', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList: [{
}], //土地用途新增实体列表
}]
},
value: '',
ytTitleRowspan: 1, //用途的单元格垂直合并数量
fwjgTitleRowspan: 1, //房屋结构的单元格垂直合并数量
formHeight: 0,
mainBoxWidth: 0,
rules: [],
ftxsrules: [],
}
},
created () {
if (this.bsm) {
// this.getHInfo(this.bsm);
}
this.$nextTick(() => {
this.mainBoxWidth = this.$refs.mainBox.clientWidth;
this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 260
})
},
methods: {
inputFtxsBlur (e) {
if (e.target.value !== '' && +e.target.value > 0 && +e.target.value < 10) {
e.target.style.border = ""
} else {
e.target.style.border = "1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
inputBlur (e) {
if (e.target.value != '') {
e.target.style.border = ""
} else {
e.target.style.border = "1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
// registerCall () {
// let data = {
// type: 'h',
// bsm: this.bsm
// }
// registerCall(data).then(res => {
// if (res.success) {
// this.$message.success("登记成功")
// // if(this.lpbParent === 'isLpb'){
// lpbContent.loadingData(this.form.zrzbsm, this.form.scyclx);
// // }
// this.getTreeByBsm(this.$store.state.zdbsm, 'h', '0,1,2')
// }
// })
// },
updateSjfyyt (data) {
data.fwsjytbsm = data.fwytzdbsm;
},
addYtInfo () {
this.form.fwytList.push({
glbsm: '',
fwytzdbsm: '',
fwsjytbsm: '',
sx: '',
});
this.ytTitleRowspan = this.form.fwytList.length;
},
deleteYtInfo (index) {
if (this.form.fwytList.length <= 1) {
this.$message({
message: '不能删除，最少含有一条用途信息',
type: 'warning'
});
} else {
this.form.fwytList.splice(index, 1);
this.ytTitleRowspan = this.form.fwytList.length;
}
},
addFwjgInfo () {
this.form.fwjgList.push({
fwjgzdbsm: '', //房屋结构字典标识码
glbsm: '', //关联标识码
sx: '', //顺序
});
this.fwjgTitleRowspan = this.form.fwjgList.length;
},
deleteFwjgInfo (index) {
if (this.form.fwjgList.length <= 1) {
this.$message({
message: '不能删除，最少含有一条房屋结构信息',
type: 'warning'
});
} else {
this.form.fwjgList.splice(index, 1);
this.fwjgTitleRowspan = this.form.fwjgList.length;
}
},
//根据户bsm查询户信息
getHInfo (hbsm) {
//this.bsm = hbsm;
// getQjHDetailByBsm(hbsm).then((res) => {
// if (res.code === 200) {
// this.form = res.result;
// this.hbsm = res.result.bsm;
// if (res.result.gygyqlrqk != null) {
// this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
// }
// this.$refs.qlrxxModule.getQlrInfo(hbsm);
// if (this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null) {
// this.disableFlag = false
// } else {
// this.disableFlag = true
// }
// if (this.form.scyclx === '0') {
// this.$set(this.form, "ycjzmj", this.form.jzmj)
// this.$set(this.form, "yctnjzmj", this.form.tnjzmj)
// this.$set(this.form, "ycftjzmj", this.form.ftjzmj)
// this.$set(this.form, "ycdxbfjzmj", this.form.dxbfjzmj)
// this.$set(this.form, "ycqtjzmj", this.form.qtjzmj)
// this.$set(this.form, "ycftxs", this.form.ftxs)
// this.$set(this.form, "scjzmj", this.form.gljzmj)
// this.$set(this.form, "sctnjzmj", this.form.gltnjzmj)
// this.$set(this.form, "scftjzmj", this.form.glftjzmj)
// this.$set(this.form, "scdxbfjzmj", this.form.gldxbfjzmj)
// this.$set(this.form, "scqtjzmj", this.form.glqtjzmj)
// this.$set(this.form, "scftxs", this.form.glftxs)
// } else if (this.form.scyclx === '1') {
// this.$set(this.form, "scjzmj", this.form.jzmj)
// this.$set(this.form, "sctnjzmj", this.form.tnjzmj)
// this.$set(this.form, "scftjzmj", this.form.ftjzmj)
// this.$set(this.form, "scdxbfjzmj", this.form.dxbfjzmj)
// this.$set(this.form, "scqtjzmj", this.form.qtjzmj)
// this.$set(this.form, "scftxs", this.form.ftxs)
// this.$set(this.form, "ycjzmj", this.form.gljzmj)
// this.$set(this.form, "yctnjzmj", this.form.gltnjzmj)
// this.$set(this.form, "ycftjzmj", this.form.glftjzmj)
// this.$set(this.form, "ycdxbfjzmj", this.form.gldxbfjzmj)
// this.$set(this.form, "ycqtjzmj", this.form.glqtjzmj)
// this.$set(this.form, "ycftxs", this.form.glftxs)
// }
// if (res.result.fwytList.length === 0) {
// this.form.fwytList.push({
// glbsm: '', //关联标识码
// fwytzdbsm: '', //房屋用途字典标识码
// sx: '', //顺序
// fwsjytbsm: '', //房屋实际用途字典标识码
// })
// }
// if (res.result.fwjgList.length === 0) {
// this.form.fwjgList.push({
// fwjgzdbsm: '', //房屋结构字典标识码
// glbsm: '', //关联标识码
// sx: '', //顺序
// })
// }
// this.fwjgTitleRowspan = this.form.fwjgList.length;
// this.ytTitleRowspan = this.form.fwytList.length;
// if (res.result.qjQlxzListVOS.length > 0) {
// if (res.result.qjQlxzListVOS[0].list.length < 1) {
// res.result.qjQlxzListVOS[0].list.push({
// "pzdjbsm": "",
// "pzdjmc": "",
// "pzytdm": "",
// "pzytmc": "",
// "pzytmj": 0,
// "qlxzbsm": "",
// "sjdjbsm": "",
// "sjdjmc": "",
// "sjytdm": "",
// "sjytmc": "",
// "sjytmj": 0,
// "syqx": "",
// "tdsyjssj": "",
// "tdsyqssj": "",
// "tdzh": ""
// })
// }
// //权利性质数据传给子组件
// this.$refs.qlxzModule.countList = res.result.qjQlxzListVOS
// } else {
// this.$refs.qlxzModule.countList = [
// {
// id: Math.random(),
// isInside: false,
// hasNotBorder: false,
// "bsm": "",//权利性质标识码
// "glbsm": "",//宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
// "qlxzdm": "",
// "zhqlxzlx": "", //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
// list: [
// {
// "pzdjbsm": "",
// "pzdjmc": "",
// "pzytdm": "",
// "pzytmc": "",
// "pzytmj": 0,
// "qlxzbsm": "",
// "sjdjbsm": "",
// "sjdjmc": "",
// "sjytdm": "",
// "sjytmc": "",
// "sjytmj": 0,
// "syqx": "",
// "tdsyjssj": "",
// "tdsyqssj": "",
// "tdzh": ""
// }
// ]
// },
// ]
// }
// }
// })
},
//保存户信息
onSave () {
if (this.form.scyclx === '0') {
this.ftxsrules = [
{
data: this.form.ycftxs,
name: '不动产单元号',
dom: this.$refs.ycftxs,
rule: /^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
},
]
} else {
this.ftxsrules = [
{
data: this.form.scftxs,
name: '不动产单元号',
dom: this.$refs.scftxs,
rule: /^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
},
]
}
this.rules = [
{
data: this.form.bdcdyh,
name: '不动产单元号',
dom: this.$refs.bdcdyh,
rule: /^\s*$/g, //非空
},
{
data: this.form.fwlxbsm,
name: '房屋类型',
dom: this.$refs.fwlxbsm,
rule: /^\s*$/g, //非空
},
{
data: this.form.fwxzbsm,
name: '房屋性质',
dom: this.$refs.fwxzbsm,
rule: /^\s*$/g, //非空
},
{
data: this.form.fwcbbsm,
name: '产别',
dom: this.$refs.fwcbbsm,
rule: /^\s*$/g, //非空
},
{
data: this.form.fwcqlybsm,
name: '产权来源',
dom: this.$refs.fwcqlybsm,
rule: /^\s*$/g, //非空
},
{
data: this.form.zl,
name: '坐落',
dom: this.$refs.zl,
rule: /^\s*$/g, //非空
},
]
this.form.fwytList.forEach((item, index) => {
this.rules.push(
{
data: item.fwytzdbsm,
name: '规划用途',
dom: this.$refs.ghyt[index],
rule: /^\s*$/g, //非空
},
{
data: item.fwytzdbsm,
name: '用途',
dom: this.$refs.yt[index],
rule: /^\s*$/g, //非空
},
)
})
this.form.fwjgList.forEach((item, index) => {
this.rules.push(
{
data: item.fwjgzdbsm,
name: '房屋结构',
dom: this.$refs.fwjg[index],
rule: /^\s*$/g, //非空
},
)
})
this.form.qlxzList = this.$refs.qlxzModule.getQlxzDataList();
this.$refs.qlxzModule.getRules();
let flag = true;
this.rules.forEach(item => {
if (item.rule.test(item.data) || item.data == null) {
if (item.dom.$el) {
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
} else {
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
flag = false;
return false
}
})
let ftxsflag = true;
this.ftxsrules.forEach(item => {
console.log(item.data + ":item.data")
console.log(item.data !== "" + ":item.data !==")
if (item.data !== "" && item.data !== null) {
if (!item.rule.test(+item.data) || item.data == null) {
if (item.dom.$el) {
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
} else {
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
ftxsflag = false;
return false
}
}
})
this.$nextTick(() => {
if (flag && ftxsflag && this.$refs.qlxzModule.getRulesResult()) {
if (this.form.scyclx === '0') {
this.form.jzmj = this.form.ycjzmj;
this.form.tnjzmj = this.form.yctnjzmj;
this.form.ftjzmj = this.form.ycftjzmj;
this.form.dxbfjzmj = this.form.ycdxbfjzmj;
this.form.qtjzmj = this.form.ycqtjzmj;
this.form.ftxs = this.form.ycftxs;
} else if (this.form.scyclx === '1') {
this.form.jzmj = this.form.scjzmj;
this.form.tnjzmj = this.form.sctnjzmj;
this.form.ftjzmj = this.form.scftjzmj;
this.form.dxbfjzmj = this.form.scdxbfjzmj;
this.form.qtjzmj = this.form.scqtjzmj;
this.form.ftxs = this.form.scftxs;
}
vm.loadingShow('请求发送中');
// updateQjH(this.form).then((res) => {
// vm.loadingHide();
// if (res.code === 200) {
// this.$message.success("保存成功！")
// console.log(this, "this")
// } else {
// this.$message.warning(res.message)
// }
// })
// .catch((error) => {
// vm.loadingHide();
// console.log(error);
// });
} else {
this.$message({
// message: item.name+'不能为空',
message: '表单数据有误',
type: "warning",
});
}
})
},
onSubmit () {
let data = {
glbsm: this.bsm,
status: 1,
type: "h"
}
// submit(data).then((res) => {
// if (res.code === 200) {
// this.$message.success("提交完成！");
// // if(this.lpbParent === 'isLpb'){
// lpbContent.loadingData(this.form.zrzbsm, this.form.scyclx);
// // }
// } else {
// this.$message.warning(res.message)
// }
// })
},
onReset () {
this.form.bdcdyh = '', //不动产单元号
this.form.mjdwbsm = '', //面积单位编号
this.form.hxbsm = '', //户型标识码
this.form.hxjgbsm = '', //户型结构标识码
this.form.dltdmj = '', //独立使用土地面积
this.form.fttdmj = '', //分摊土地使用面积
this.form.gytdmj = '', //共有土地面积
this.form.fwlxbsm = '', //房屋类型标识码
this.form.fwxzbsm = '', //房屋性质标识码
this.form.sjc = '', //实际层
this.form.dqtgs = '', //东墙体归属
this.form.nqtgs = '', //南墙体归属
this.form.xqtgs = '', //西墙体归属
this.form.bqtgs = '', //北墙体归属
this.form.fwbh = '', //房屋编号
this.form.fjsm = '', //附加说明
this.form.fwcbbsm = '', //房屋产别标识码
this.form.sjhs = '', //实际户数
this.form.shbw = '', //室号部位
this.form.fwcqlybsm = '', //房屋产权来源标识码
//预测数据
this.form.ycjzmj = '', //建筑面积
this.form.yctnjzmj = '', //套内建筑面积
this.form.ycftjzmj = '', //分摊建筑面积
this.form.ycdxbfjzmj = '', //地下部分建筑面积
this.form.ycqtjzmj = '', //其它建筑面积
this.form.ycftxs = '', //分摊系数
//实测数据
this.form.scjzmj = '', //建筑面积
this.form.sctnjzmj = '', //套内建筑面积
this.form.scftjzmj = '', //分摊建筑面积
this.form.scdxbfjzmj = '', //地下部分建筑面积
this.form.scqtjzmj = '', //其它建筑面积
this.form.scftxs = '', //分摊系数
this.form.scyclx = '0', //实预测类型(0:预测，1:实测;),区别户是实测还是预测数据
this.form.scycglbsm = '', //实测预测关联标识码
this.form.bz = '', //备注
this.form.name = '',
this.form.date = '',
this.form.fwytList = [{
glbsm: '', //关联标识码
fwytzdbsm: '', //房屋用途字典标识码
sx: '', //顺序
fwsjytbsm: '', //房屋实际用途字典标识码
}],
this.form.fwjgList = [{
fwjgzdbsm: '', //房屋结构字典标识码
glbsm: '', //关联标识码
sx: '', //顺序
}],
this.form.qlxzList = [{
qlxzdm: '', //权利性质代码
glbsm: '', //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM
qlxzzdbsm: '', //权利性质字典表标识码
qlxzmc: '', //权利名称名称
zhqlxzlx: '', //除宗海数据外，默认都是空；0:用海类型权利性质;2:海岛用途权利性质
addQjTdytRequestList: [{
}], //土地用途新增实体列表
}]
console.log("----------------------------------")
console.log(this.form)
},
//不动产单元号再次生成提示框
open () {
this.$confirm('已经存在不动产单元号或者自然幢号, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// getBdcdyh(this.form.zrzh, "h")
// .then((res) => {
// this.form.zrzh = res.result.substring(0, 24);
// this.form.bdcdyh = res.result;
// })
this.$message({
type: 'success',
message: '生成成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
},
generatorCode () {
if (this.form.bdcdyh != null && this.form.bdcdyh !== '') {
this.open();
return;
}
// getBdcdyh(this.form.zrzh, "h")
// .then((res) => {
// this.form.zrzh = res.result.substring(0, 24);
// this.form.bdcdyh = res.result;
// })
},
},
watch: {
scyclx: {
handler (n) {
this.$nextTick(() => {
this.form.scyclx = this.scyclx;
})
}
},
"form.bdcdyh": function (val) {
if (val != '') {
this.$refs.bdcdyh.$el.style.border = '';
}
},
"form.fwlxbsm": {
handler: function (val) {
if (val != '') {
this.$refs.fwlxbsm.$el.style.border = '';
}
},
immediate: false
},
"form.fwxzbsm": {
handler: function (val) {
if (val != '') {
this.$refs.fwxzbsm.$el.style.border = '';
}
},
immediate: false
},
"form.fwcqlybsm": {
handler: function (val) {
if (val != '') {
this.$refs.fwcqlybsm.$el.style.border = '';
}
},
immediate: false
},
"form.fwcbbsm": {
handler: function (val) {
if (val != '') {
this.$refs.fwcbbsm.$el.style.border = '';
}
},
immediate: false
},
"form.fwytList": {
handler: function (newVal, oldVal) {
newVal.forEach((item, ind) => {
if (item.fwytzdbsm != '') {
this.$refs.ghyt[ind].$el.style.border = ""
this.$refs.yt[ind].$el.style.border = ""
}
})
},
deep: true
},
"form.fwjgList": {
handler: function (newVal, oldVal) {
newVal.forEach((item, ind) => {
if (item.fwjgzdbsm != '') {
this.$refs.fwjg[ind].$el.style.border = ""
}
})
},
deep: true
},
"$store.state.sxdrType": {
handler (n) {
this.$nextTick(() => {
if (n === 'h') {
this.getHInfo(this.$store.state.hbsm)
}
})
},
immediate: false,
deep: true,
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.h {
height: 100%;
width: 100%;
margin-top: 10px;
overflow-y: scroll;
overflow-x: hidden;
/deep/.el-input__inner {
width: 100%;
border: 0;
}
/deep/textarea {
width: 100%;
border: 0;
}
.el-form-item {
font-weight: bold;
font-size: xx-large
}
table {
background: #fff;
table-layout: fixed;
}
td {
//bgcolor:#F1F4FC;
width: 8.33%;
height: 36px;
text-align: right;
}
.el-select {
display: block;
}
.form {
overflow-y: scroll;
overflow-x: hidden;
margin-bottom: 30px;
}
}
.hpage {
box-sizing: border-box;
padding: 8px 6px 18px 18px;
}
table {
font-size: 14px;
}
.hTable {
margin-top: 10px;
}
/deep/.el-select-tree {
width: 100%;
.el-input__inner {
height: 30px !important;
}
}
.header-button {
z-index: 3;
height: 50px;
position: absolute;
bottom: 0;
right: 6px;
text-align: center;
background-color: #ffffff;
.el-button {
padding: 10px 30px;
margin-top: 8px;
}
.saveBtn {
background-color: #00CACD;
border-color: #00CACD;
}
.saveBtn:hover {
background-color: rgba(0, 202, 205, .8);
border-color: rgba(0, 202, 205, .8);
}
}
</style>
<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,8 +505,16 @@ class data extends filter {
label: "登记原因",
},
{
prop: "bdcdjzmh",
prop: "bdcqzh",
label: "不动产登记证明号",
},
{
prop: "fj",
label: "附记",
},
{
prop: "qlqtzk",
label: "权利其他状况",
},
{
prop: "djsj",
......@@ -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,8 +22,9 @@
<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-col>
</el-row>
</el-form>
</div>
......@@ -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: '',
bsmSlsq: this.$route.query.bsmSlsq,
stepid: this.$route.query.bestepid,
shryxm: '',
shjssj: '',
},
ableOperation: true,
bsmSlsq: this.$route.query.bsmSlsq,
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'];
this.loadGrid();
watch: {
value (val) {
if (val) {
this.loadGrid();
}
},
},
methods: {
onSubmit () {
},
fetchData () { },
//列表初始化
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();
}
this.headTabBdcqz = res.result
}
})
......@@ -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",
......@@ -49,20 +57,15 @@ class data extends filter {
{
prop: "zl",
label: "坐落"
},
{
prop: "fzsj",
label: "发证时间"
},
{
prop: "lzrxm",
label: "领取人"
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>
}
}
],
//领证证列表
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