Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e7879b95 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents dad5c811 6c39eedf
Inline Side-by-side
Showing 27 changed files with 820 additions and 1458 deletions
......@@ -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') {
......
......@@ -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
......@@ -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>
......@@ -67,7 +67,17 @@ export default {
},
{
prop: "zjzl",
label: "证件种类"
label: "证件种类2",
render: (h, scope) => {
alert("2")
this.dictData['A30'].forEach(item => {
if (item.dcode == scope.row.zjzl) {
var varName =item.dname
alert(varName)
return <div>varName</div>
}
})
}
},
{
prop: "zjh",
......@@ -138,10 +148,10 @@ export default {
},
methods: {
updateDetail (value) {
this.tableDataList[this.dataIndex] = value;
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
console.log(this.tableDataList);
this.key++
this.$emit('upDateQlrxxList', this.tableDataList)
//
this.$emit('upDateQlrxxList', _.cloneDeep(this.tableDataList))
},
// 新增
......
......@@ -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')) {
......
......@@ -13,6 +13,7 @@
import { datas } from "../javascript/zsyl.js";
import { getSlsqBdcqzList,bdcqzPreview} from "@/api/bdcqz.js"
export default {
name: "zsyl",
components: {
},
props: {
......@@ -85,7 +86,9 @@ export default {
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;
......
......@@ -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");
......
......@@ -206,13 +206,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">
......@@ -244,7 +244,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 {
......@@ -261,7 +261,7 @@ export default {
}
});
},
components: { InformationTable },
components: { qlrCommonTable },
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">
......@@ -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"]),
},
......