Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9e058b07 by 田浩浩
Options

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

2 parents 1e6b76e2 92c76244
Inline Side-by-side
Showing 21 changed files with 637 additions and 1138 deletions
......@@ -37,4 +37,14 @@ export function editDictNode (data) {
method: 'post',
data
})
}
/*
刷新字典缓存
*/
export function refreshDictCache () {
return request({
url: SERVER.SERVERAPI + '/rest/sys/dict/refreshDictCache',
method: 'get'
})
}
\ No newline at end of file
......
......@@ -32,22 +32,6 @@ export function Init(data) {
data
})
}
// 初始化内容
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/fdcq2lr/saveData',
method: 'post',
data
})
}
// 注销登记提交数据
export function saveLogoutData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
method: 'post',
data
})
}
// 首次登记提交
export function saveBatchData(data) {
return request({
......@@ -56,20 +40,5 @@ export function saveBatchData(data) {
data
})
}
// 更正/变更登记提交
export function saveGZBatchData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
method: 'post',
data
})
}
// 更正/变更登记提交
export function saveBHZData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
method: 'post',
data
})
}
......
import request from '@/utils/request'
import SERVER from './config'
// 新增平台接口
export function addSysInterface(data) {
return request({
url: SERVER.SERVERAPI+"/rest/system/ptjk/addSysInterface",
method: 'post',
data
})
}
// 编辑平台接口
export function editSysInterface(data) {
return request({
url: SERVER.SERVERAPI+"/rest/system/ptjk/editSysInterface",
method: 'post',
data
})
}
// 接口调取
export function interfaceRetrieve(data) {
return request({
url: SERVER.SERVERAPI+"/rest/system/ptjk/interfaceRetrieve",
method: 'post',
data
})
}
// 获取平台接口列表
export function getSysInterfaceList(data) {
return request({
url: SERVER.SERVERAPI+"/rest/system/ptjk/getSysInterfaceList",
method: 'post',
data
})
}
......@@ -41,36 +41,5 @@ export function saveData (data) {
data
})
}
// 注销登记提交数据
export function saveLogoutData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveLogoutData",
method: 'post',
data
})
}
// 首次登记提交
export function saveBatchData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBatchData",
method: 'post',
data
})
}
// 更正/变更登记提交
export function saveGZBatchData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveGZBatchData",
method: 'post',
data
})
}
// 更正/变更登记提交
export function saveBHZData(data) {
return request({
url: SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/saveBHZData",
method: 'post',
data
})
}
......
......@@ -322,6 +322,26 @@ export const asyncRoutes = [
meta: { title: '主机监控' }
},
]
},
{
path: '/jkfw',
id: '7',
parentId: null,
component: Layout,
meta: { title: '接口服务', icon: 'system' },
redirect: '/jkfw/ptjk',
alwaysShow: true,
name: 'jkfw',
children: [
{
path: 'ptjk',
id: '71',
parentId: '7',
component: () => import('@/views/jkfw/ptjk/ptjk.vue'),
name: 'ptjk',
meta: { title: '平台接口' }
},
]
}
]
......
<template>
<dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
@closeDialog="closeDialog" v-model="value">
<div>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="接口代码:" prop="interfaceCode">
<el-input v-model="ruleForm.interfaceCode" :disabled="editFlag"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接口名称:" prop="interfaceService">
<el-input v-model="ruleForm.interfaceService"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="接口地址:" prop="interfaceApi">
<el-input v-model="ruleForm.interfaceApi"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="接口方式:" prop="interfaceMethod">
<el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
<el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接口类型:" prop="interfaceType">
<el-select v-model="ruleForm.interfaceType" class="width100" placeholder="请选择">
<el-option v-for="item in interfaceTypes" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="接口密钥:" prop="interfaceKey">
<el-input v-model="ruleForm.interfaceKey"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="接口描述:" prop="interfaceDescription">
<el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</dialogBox>
</template>
<script>
import { addSysInterface, editSysInterface} from "@/api/jkfw.js"
export default {
components: {
},
computed: {
},
props: {
value: { type: Boolean, default: false },
editFlag: {type: Boolean,default:false}
},
data () {
return {
//表单提交数据
interfaceMethods: ['webapi','webservice'],
interfaceTypes: [
{'label': '工作流服务平台','value':'1'},
{'label': '管理平台','value':'2'},
{'label': '定时器服务','value':'3'},
{'label': '其他第三方平台','value':'4'},
],
ruleForm: {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
rules: {
interfaceCode: [
{ required: true, message: '接口代码不能为空', trigger: 'blur' }
],
interfaceService: [
{ required: true, message: '接口服务名称不能为空', trigger: 'blur' }
],
interfaceApi: [
{ required: true, message: '接口api地址不能为空', trigger: 'blur' }
],
interfaceMethod: [
{ required: true, message: '接口方式不能为空', trigger: 'change' }
],
interfaceType: [
{ required: true, message: '入库编号不能为空', trigger: 'change' }
],
},
}
},
methods: {
//表单提交
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if(this.editFlag){
this.editInterface();
}else{
this.addInterface();
}
} else {
// console.log('error submit!!');
return false;
}
});
},
//新增接口
addInterface(){
addSysInterface(this.ruleForm).then(res => {
if(res.code == 200){
this.$message.success("保存成功");
this.closeDialog();
this.$parent.queryClick();
}else{
this.$message.error(res.message)
}
})
},
//编辑接口
editInterface(){
editSysInterface(this.ruleForm).then(res => {
if(res.code == 200){
this.$message.success("编辑成功");
this.closeDialog();
this.$parent.queryClick();
}else{
this.$message.error(res.message)
}
})
},
//获取详情
getDetailInfo(item){
this.ruleForm = item
},
//关闭弹窗
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
<template>
<dialogBox title="调用接口" @submitForm="submitForm" saveButton="调用" width="50%" :isFullscreen="false"
@closeDialog="closeDialog" v-model="value">
<el-descriptions class="margin-top" :column="1" :size="16" border>
<el-descriptions-item>
<template slot="label" style="width:200px">接口代码</template>{{ruleForm.interfaceCode}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">接口名称</template>{{ruleForm.interfaceService}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">接口地址</template>{{ruleForm.interfaceApi}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">接口方式</template>{{ruleForm.interfaceMethod}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">接口类型</template>{{ruleForm.interfaceType}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">接口参数</template><el-input v-model="interfaceParams" type="textarea" :rows="4"></el-input>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">调用状态</template>{{returnMessage.statusCode}}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">返回结果</template>{{returnMessage.body}}
</el-descriptions-item>
</el-descriptions>
</dialogBox>
</template>
<script>
import {interfaceRetrieve } from "@/api/jkfw.js"
export default {
components: {
},
computed: {
},
props: {
value: { type: Boolean, default: false },
},
data () {
return {
//表单提交数据
interfaceMethods: ['webapi','webservice'],
interfaceTypes: [
{'label': '工作流服务平台','value':'1'},
{'label': '管理平台','value':'2'},
{'label': '定时器服务','value':'3'},
{'label': '其他第三方平台','value':'4'},
],
ruleForm: {},
interfaceParams: '{\n\n}' ,
returnMessage: {},
}
},
methods: {
//表单提交
submitForm () {
var formdata = new FormData();
formdata.append("interfaceCode", this.ruleForm.interfaceCode);
formdata.append("params", this.interfaceParams);
interfaceRetrieve(formdata).then(res => {
if(res.code == 200){
this.returnMessage = res.result
}
})
},
//获取详情
getDetailInfo(item){
this.ruleForm = item
},
//关闭弹窗
closeDialog () {
this.$emit("input", false);
this.interfaceParams = '{\n\n}'
this.returnMessage = {}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
<el-button type="primary" @click="openDialog()">新增</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<addDialog ref="addDialog" v-model="addDialog" :editFlag="editFlag"/>
<retrieveDialog ref="retrieveDialog" v-model="retrieveDialog"/>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./ptjkdata"
import { getSysInterfaceList} from '@/api/jkfw'
import addDialog from "./components/addDialog.vue"
import retrieveDialog from "./components/retrieveDialog.vue"
export default {
name: "ptjk",
components: { addDialog,retrieveDialog },
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
computed: {
...mapGetters(['dictData'])
},
data () {
return {
addDialog: false,
retrieveDialog: false,
editFlag: false,
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
methods: {
queryClick(){
this.$startLoading()
getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
this.$endLoading()
if(res.code == 200){
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
},
//打开新增
openDialog(){
this.editFlag = false;
this.addDialog = true;
},
//打开编辑
editInterface(item){
this.editFlag = true;
this.addDialog = true;
this.$refs.addDialog.getDetailInfo(item);
},
//打开调试窗口
tuneInterface(item){
this.retrieveDialog = true;
this.$refs.retrieveDialog.getDetailInfo(item);
}
}
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "interfaceCode",
label: "接口代码",
},
{
prop: "interfaceService",
label: "接口服务名称",
},
{
prop: "interfaceDescription",
label: "接口描述",
},
{
prop: "interfaceApi",
label: "接口访问地址",
},
{
prop: "interfaceMethod",
label: "接口方式",
},
{
label: "接口类型",
render: (h, scope) => {
switch (scope.row.interfaceType) {
case '1':
return <div>工作流服务平台</div>
case '2':
return <div>管理平台</div>
case '3':
return <div>定时器服务</div>
case '4':
return <div>其他第三方平台</div>
}
}
},
{
label: '操作',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <div>
<el-button type="text" icon="el-icon-view" onClick={() => { vm.tuneInterface(scope.row) }}>调用</el-button>
<el-button type="text" icon="el-icon-edit" onClick={() => { vm.editInterface(scope.row) }}>编辑</el-button>
</div>
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -35,7 +35,7 @@
</template>
<script>
import table from "@/utils/mixin/table"
import { getQlxxDictList, getChildDictList } from "@/api/dict.js"
import { getQlxxDictList, getChildDictList,refreshDictCache } from "@/api/dict.js"
import { datas, sendThis } from "./dictionaries"
import editDialog from "./components/editDialog.vue"
export default {
......@@ -78,11 +78,30 @@ export default {
this.tableData.total = total ? total : 0
})
},
async handleRefresh () {
let refech = await this.$store.dispatch('dict/generateDic')
refech && this.$message({
message: '刷新成功',
type: 'success'
handleRefresh () {
this.$confirm('是否确认刷新', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$startLoading()
refreshDictCache().then(res => {
if (res.code == 200) {
let refech = this.$store.dispatch('dict/generateDic')
this.$endLoading()
refech && this.$message({
message: '刷新成功',
type: 'success'
});
} else {
this.$message.error(res.message)
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '取消刷新'
});
});
},
editClick (row, val) {
......
......@@ -65,7 +65,7 @@ export default {
},
{
label: '是否必填',
width: '100',
width: '130',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
......
......@@ -320,7 +320,7 @@ export default {
@import "~@/styles/mixin.scss";
/deep/.el-radio {
margin-right: 8px;
margin-right: 0;
}
/deep/.el-radio__label {
......
<template>
<el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0"
<el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0"
:visible.sync="dialogVisible" :before-close="cancelDialog">
<ul class="edit-title-list" v-if="djlxList.length > 0">
<li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
......@@ -205,7 +205,7 @@ export default {
},
{
label: '是否启用登记情形',
width: '140',
width: '141',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
......@@ -324,7 +324,7 @@ export default {
},
{
label: '是否公共材料',
width: '100',
width: '110',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
......@@ -428,6 +428,10 @@ export default {
overflow-y: scroll;
}
.el-radio-group {
white-space: nowrap;
}
.form {
background: #eee;
padding: 0 10px;
......
......@@ -12,18 +12,9 @@ export function getForm(tabName, djywbm) {
case "fwsyqslxx100":
form = require("@/views/ywbl/fdcq2/slxx.vue");
break;
case "fwsyqslxx200":
form = require("@/views/ywbl/fdcq2/slxx200.vue");
break;
case "fwsyqslxx300":
form = require("@/views/ywbl/fdcq2/slxx300.vue");
break;
case "fwsyqslxx400":
form = require("@/views/ywbl/fdcq2/slxx400.vue");
break;
case "fwsyqslxx900":
form = require("@/views/ywbl/fdcq2/slxx900.vue");
break;
case "nydsyqslxx100":
form = require("@/views/ywbl/nydsyq/slxx.vue");
break;
......
......@@ -29,7 +29,7 @@ class data extends filter {
// }
},
{
prop: "qllxmc",
prop: "qllx",
label: "权利类型"
},
{
......@@ -42,7 +42,7 @@ class data extends filter {
label: "不动产权证号"
},
{
prop: "qlrmc",
prop: "qlr",
label: "权利人"
},
{
......
......@@ -350,7 +350,11 @@ export default {
bestepid: this.bestepid,
}).then((res) => {
if (res.code === 200) {
this.send(res.result);
if(res.result){
this.sendToNext(res.result);
}else{
this.sendToEnd();
}
}
});
break;
......@@ -494,7 +498,7 @@ export default {
this.componentTag = getForm(tabname, this.$route.query.sqywbm);
},
//发送下一个环节
send (obj) {
sendToNext (obj) {
const h = this.$createElement;
this.$msgbox({
title: "您确定转出吗？",
......@@ -541,6 +545,47 @@ export default {
});
});
},
sendToEnd() {
const h = this.$createElement;
this.$msgbox({
title: "您确定转出吗？",
message: "此环节为流程结束环节，转出后流程将结束",
showCancelButton: true,
beforeClose: (action, instance, done) => {
if (action === "confirm") {
instance.confirmButtonLoading = true;
instance.confirmButtonText = "执行中...";
completeTask({
bsmSlsq: this.bsmSlsq,
shyj: "this.bestepid",
stepform: JSON.stringify(this.tabList),
}).then((res) => {
if (res.code === 200) {
instance.confirmButtonLoading = false;
this.$message.success("转件成功");
setTimeout(() => {
window.opener = null;
window.open("about:blank", "_self");
window.close();
this.$emit("input", false);
}, 1000);
} else {
instance.confirmButtonLoading = false;
instance.confirmButtonText = "确定";
this.$message.error(res.message);
}
});
} else {
done();
}
},
}).then((action) => {
this.$message({
type: "info",
message: "action: " + action,
});
});
}
},
};
</script>
\ No newline at end of file
......
......@@ -131,15 +131,16 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype==1" @change="showCZInfo" v-model="ruleForm.slywxx.gyfs">
<el-radio label="1">单独所有</el-radio>
<el-radio label="2">共同共有</el-radio>
<el-radio label="3">按份所有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
<el-radio label="3">其它共有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item :class="flag ? 'marginBot0' : ''" label="发证方式：">
<el-radio-group v-model="ruleForm.slywxx.fzfs">
......@@ -168,6 +169,15 @@
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrList.length>0">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></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.slry"></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.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
<el-input disabled v-model="ruleForm.slywxx.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.djlxmc"></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.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
不动产单元情况
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.fdcq2">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
<el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
<el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
<el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
<el-input disabled v-model="ruleForm.qlxx.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.fdcq2.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
<el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.fdcq2">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
<el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
<el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
<el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
<el-input disabled v-model="ruleForm.qlxx.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.fdcq2.zyjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
<el-radio label="1">单独所有</el-radio>
<el-radio label="2">共同共有</el-radio>
<el-radio label="3">按份所有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
<el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
<el-radio-group v-model="ruleForm.sffbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
<el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<InformationTable 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"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
v-model="ruleForm.fdcq2.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import { Init, saveData } from "@/api/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
async created () {
//this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
Init(formdata).then(res => {
if (res.code === 200 && res.result) {
// this.ruleForm = {
// ...res.result.slywxx,
// ...res.result.zdjbxx,
// ...res.result.qlxx,
// ...res.result.fdcq2,
// };
this.ruleForm = res.result;
}
})
},
components: { InformationTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
// 更新权利人信息
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.zdjbxxdatas,
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
}
});
},
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
background-color: aqua;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></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.slry"></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.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
<el-input disabled v-model="ruleForm.slywxx.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.djlxmc"></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.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
不动产单元情况
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></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-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
<el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.fdcq2">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
<el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
<el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
<el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
<el-input disabled v-model="ruleForm.qlxx.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.fdcq2.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
<el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.fdcq2">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
<el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
<el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
<el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
<el-radio label="1">单独所有</el-radio>
<el-radio label="2">共同共有</el-radio>
<el-radio label="3">按份所有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
<el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
<el-radio-group v-model="ruleForm.sffbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
<el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
v-model="ruleForm.fdcq2.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import {Init, saveData, saveLogoutData} from "@/api/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
async created () {
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.zdjbxxdatas,
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
}
});
},
components: { InformationTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {
ywh: "",
slry: "",
slsj: "",
qllx: "",
djlx: "",
djqx: "",
// 宗地代码
zddm: "",
bdcdyh: "",
qlxzmc: "",
qlrxx: [],
// 自然幢号
zrzh: "",
// 户不动产单元号
hbdcdyh: '',
djzt: '',
// 图幅丘幢号
tfqzh: '',
zl: '',
// 房屋用途
fwyt: '',
fwxz: '',
fwjg: '',
// 权利人信息
gyfs: "1",
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: ''
},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
// 更新权利人信息
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
onSubmit () {
saveLogoutData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
background-color: aqua;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<div class="slxx_con">
<div class="slxx_title title-block">
受理信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></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.slry"></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.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.slywxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
<el-input disabled v-model="ruleForm.slywxx.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.djlxmc"></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.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
不动产单元情况
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.fdcq2">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途：">
<el-input disabled v-model="ruleForm.fdcq2.yt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
<el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
<el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
<el-input disabled v-model="ruleForm.qlxx.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.fdcq2.fwxzmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
<el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.fdcq2">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
<el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
<el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
<el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
<el-input disabled v-model="ruleForm.qlxx.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.fdcq2.zyjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
<el-radio label="1">单独所有</el-radio>
<el-radio label="2">共同共有</el-radio>
<el-radio label="3">按份所有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
<el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
<el-radio-group v-model="ruleForm.sffbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
<el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.fdcq2" :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
v-model="ruleForm.fdcq2.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item :class="flag ? 'marginBot0' : ''">
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import InformationTable from "@/views/workflow/components/InformationTable";
import {Init, saveBHZData} from "@/api/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
async created () {
//this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
Init(formdata).then(res => {
if (res.code === 200 && res.result) {
// this.ruleForm = {
// ...res.result.slywxx,
// ...res.result.zdjbxx,
// ...res.result.qlxx,
// ...res.result.fdcq2,
// };
this.ruleForm = res.result;
}
})
},
components: { InformationTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
// 更新权利人信息
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
onSubmit () {
saveBHZData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
background-color: aqua;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......@@ -18,8 +18,8 @@
<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' : ''" @click="handleDjlxSelect(item)" v-for="(item, index) in djlxList"
:key="index">
<li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
v-for="(item, index) in djlxList" :key="index">
<p>
{{ item.nodename }}
</p>
......@@ -33,8 +33,8 @@
<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" @click="handleSelectYw(item, itemList)"
:class="item.cselect ? 'cactive' : ''">
<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 }}
......@@ -124,11 +124,7 @@ export default {
this.$set(item, 'cselect', false)
})
item.cselect = true;
this.djqxObj = item;
// this.djqxObj.djqxbm = item.nodecode
// this.djqxObj.djqxmc = item.djqxmc
this.djqxObj = item;
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
......@@ -222,6 +218,23 @@ export default {
}
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
......