aa061113 by yangwei

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

2 parents 7ddb3444 ed0b6916
Showing 73 changed files with 2558 additions and 4367 deletions
@union:registry=http://core.pashanhoo.com:8932/repository/npm-hosted/
\ No newline at end of file
......@@ -83,4 +83,4 @@
"type": "git",
"url": "git+https://github.com/PanJiaChen/vue-element-admin.git"
}
}
\ No newline at end of file
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-27 10:05:25
* @LastEditTime: 2023-08-09 14:32:38
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -280,3 +280,14 @@ export function startTogetherFlow (data) {
data
})
}
/**
* @description: 据不动产单元号查询宗地基本信息
* @param {*} data
* @author: renchao
*/
export function getZdInfo (bdcdyid) {
return request({
url: SERVER.SERVERAPI + '/rest/business/workFlow/getZdInfo?bdcdyid=' + bdcdyid,
method: 'post'
})
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-20 13:33:07
* @LastEditTime: 2023-08-04 13:07:38
-->
<template>
<el-dialog :visible.sync="dialogVisible" v-if="dialogVisible" :width="width" :fullscreen="fullscreen" top="0"
......@@ -124,8 +124,8 @@
*/
closeDialog () {
this.key++
this.$emit('input', false)
this.$emit('closeDialog')
this.$emit('input', false)
}
},
}
......
......@@ -53,7 +53,20 @@
font-weight: 500;
color: #4a4a4a;
}
.bdcqk {
margin-top: 15px;
position: relative;
.count {
color: blue!important;
width: 874px;
font-size: 14px;
position: absolute;
left:200px;
top: -3px;
height: 30px;
}
}
.btn {
text-align: center;
padding-top: 10px;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-31 15:43:30
* @LastEditTime: 2023-08-07 14:43:46
-->
<template>
<div class="rlPopup">
......@@ -25,7 +25,7 @@
<el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">(放大) 显示(缩小)</el-button>
<el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
:on-change="handleChange"
accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg">
<el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button>
</el-upload>
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
......@@ -225,28 +225,12 @@
this.showViewer = true
},
/**
* @description: 上传
* @param {*} file
* @author: renchao
*/
beforeUpload (file) {
const isLt5M = file.size / 1024 / 1024 < 5;
if (!isLt5M) {
this.$message.error('上传图片大小不能超过 5MB!');
return false;
}
// 所有条件满足时返回 true
return true;
},
/**
* @description: handleChange
* @param {*} file
* @param {*} files
* @author: renchao
*/
async handleChange (file, fileList) {
if (!this.beforeUpload(file)) return
let length = fileList.length;
this.maxFileLength = Math.max(length, this.maxFileLength)
var formData = new FormData();
......@@ -254,8 +238,12 @@
if (this.maxFileLength !== length) {
return
}
let num = 0
let num = 0, max = 0;
const isLt5M = file.size / 1024 / 1024 < 5;
fileList.forEach(item => {
if (!isLt5M) {
max++
}
if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) {
num++
} else {
......@@ -268,6 +256,11 @@
this.key++
return;
}
if (max >= 1) {
this.$message.error('上传图片大小不能超过 5MB!');
this.key++
return;
}
formData.append("bsmSj", this.previewImg.bsmSj);
formData.append("bsmSlsq", this.previewImg.bsmSlsq);
uploadBatch(formData).then((res) => {
......
......@@ -2,7 +2,7 @@
* @Description:
* @Autor: renchao
:show-message="false"
* @LastEditTime: 2023-08-01 18:19:44
* @LastEditTime: 2023-08-04 16:35:53
-->
<template>
<!-- 受理信息 -->
......@@ -17,8 +17,7 @@
inline-message
:show-message="false"
:class="{ readonly: editDisabled }"
class="loadingtext"
>
class="loadingtext">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -41,75 +40,42 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
查封登记不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<div class="count">
<el-form-item
label="查封不动产权信息:"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules"
>
:rules="rules.ztQlxxrules">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:table-width="730"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
label="不动产权证书"></el-table-column>
<el-table-column
prop="qlrmc"
label="被执行人"
></el-table-column>
label="被执行人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
......@@ -141,7 +107,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -162,8 +128,35 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
查封登记信息
<div class="count">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
v-if="ruleForm.cfdj.sfbxf == '1'">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -176,8 +169,7 @@
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
:rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -197,16 +189,11 @@
<el-form-item
label="是否被续封:"
prop="cfdj.sfbxf"
:rules="rules.sfbxfrules"
>
<el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
<el-option
v-for="item in sfbxflist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
</el-select>
:rules="rules.sfbxfrules">
<el-radio-group v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
<el-radio label="1"></el-radio>
<el-radio label="2"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -221,8 +208,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -247,8 +233,7 @@
v-for="item in dictData['A32']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -265,8 +250,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
></el-date-picker>
format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -277,8 +261,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
></el-date-picker>
format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -304,8 +287,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -314,8 +296,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -323,31 +304,25 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
class="width100"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.cfdj.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封业务号:">
<el-input v-model="ruleForm.cfdj.jfywh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封机关:">
<el-input v-model="ruleForm.cfdj.jfjg"></el-input>
......@@ -376,11 +351,15 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.cfdj.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -392,290 +371,277 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
//表单是否可操作
props: {
label: "bdcqzh",
value: "bdcdyid",
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
propsParam: this.$attrs,
key: 0,
isShow: false,
ssqlxxshow: true,
disabled: true,
czrOptions: [],
ruleForm: {},
rules: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// 是否被续封
sfbxflist: [
{
dcode: "0",
dname: "否",
},
{
dcode: "1",
dname: "是",
},
data () {
return {
//表单是否可操作
props: {
label: "bdcqzh",
value: "bdcdyid",
},
],
ableOperation: false,
//传递参数\
propsParam: this.$attrs,
key: 0,
isShow: false,
ssqlxxshow: true,
disabled: true,
czrOptions: [],
ruleForm: {},
rules: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
ssQlxxList: [],
ztQlxxList: [],
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
sfbxfrules: [
{ required: true, message: "是否被续封", trigger: "change" },
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
},
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
ableOperation: false,
//传递参数\
ssQlxxList: [],
ztQlxxList: [],
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
sfbxfrules: [
{ required: true, message: "是否被续封", trigger: "change" },
],
},
};
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
created () {
this.loadData();
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.cfdj) {
if (
this.ruleForm.cfdj[key] == "" ||
this.ruleForm.cfdj[key] == null
) {
this.ruleForm.cfdj[key] = this.nowlist.cfdj[key];
mounted () {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog (val) {
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
for (var key in this.ruleForm.cfdj) {
if (
this.ruleForm.cfdj[key] == "" ||
this.ruleForm.cfdj[key] == null
) {
this.ruleForm.cfdj[key] = this.nowlist.cfdj[key];
}
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
})
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
this.$endLoading();
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// // 更新土地用途信息
// upDateTdytxxList(val) {
// this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
// this.key++;
// },
// // 更新权利人信息
// upDateQlrxxList(val) {
// this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
// this.czrOptions = this.ruleForm.qlrData;
// this.key++;
// },
// // 更新义务人信息
// upDateYwrxxList(val) {
// this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
// this.key++;
// },
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
if (valid) {
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
})
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
return false;
this.ssqlxxshow = true;
}
});
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
if(this.ruleForm.cfdj){
this.ruleForm.cfdj.sfbxf="2"
}
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
this.$endLoading();
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// // 更新土地用途信息
// upDateTdytxxList(val) {
// this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
// this.key++;
// },
// // 更新权利人信息
// upDateQlrxxList(val) {
// this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
// this.czrOptions = this.ruleForm.qlrData;
// this.key++;
// },
// // 更新义务人信息
// upDateYwrxxList(val) {
// this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
// this.key++;
// },
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
if (valid) {
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
export function deleteCollectBiz (bsmSqyw) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/deleteCollectBiz?bsmSqyw=' + bsmSqyw,
method: 'post'
})
}
import {
init,
getSsQlxx,
getZtQlxx,
getQlxxByQlxxBsm,
save,
} from "@/api/djbRepair.js";
import { log } from "bpmn-js-token-simulation";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
props: {
label: "bdcqzh",
value: "bdcdyid",
},
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
ableOperation: false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
})
.then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
for (var key in this.ruleForm.yydj) {
if (
this.ruleForm.yydj[key] == "" ||
this.ruleForm.yydj[key] == null
) {
this.ruleForm.yydj[key] = this.nowlist.yydj[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
this.ruleForm.qlxx[key] == "" ||
(this.ruleForm.qlxx[key] == null &&
key != "ywh" &&
key != "dbr" &&
key != "djsj" &&
key != "ssywh" &&
key != "ssywh" &&
key != "bdcqzh")
) {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
this.$message({
type: "success",
message: "同步成功!",
});
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
if(this.ruleForm.diyaq){
this.ruleForm.diyaq.dyfs="1"
}
if(this.ruleForm.ygdj){
this.ruleForm.ygdj.jedw="1"
this.ruleForm.ygdj.mjdw="1"
}
if(this.ruleForm.diyaq){
this.ruleForm.diyaq.mjdw="1"
}
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
} else {
if (this.ruleForm.qlrData.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
};
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 10:59:22
* @LastEditTime: 2023-08-04 16:29:10
-->
<template>
<!-- 受理信息 -->
......@@ -14,10 +14,9 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="169px"
label-width="170px"
inline-message
:show-message="false"
>
:show-message="false">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -40,74 +39,40 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
抵押不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<div class="count">
<el-form-item
label="抵押不动产信息:"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules"
>
:rules="rules.ztQlxxrules">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:table-width="730"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
prop="qlrmc"
label="被执行人"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人:">
......@@ -138,7 +103,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -159,8 +124,38 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
抵押权信息
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</div>
<div class="triangle"></div>
</div>
......@@ -179,15 +174,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -200,8 +193,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -209,8 +201,7 @@
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
:rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -243,15 +234,13 @@
<el-input
v-model="ruleForm.diyaq.zgzqse"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.diyaq.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
......@@ -262,15 +251,13 @@
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.diyaq.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
......@@ -282,15 +269,13 @@
<div class="flex">
<el-input
v-model="ruleForm.diyaq.dymj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select v-model="ruleForm.diyaq.jedw" style="width: 20%">
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select v-model="ruleForm.diyaq.mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -301,15 +286,13 @@
<el-form-item
label="债务履行起始时间:"
prop="diyaq.zwlxqssj"
:rules="rules.zwlxqssjrules"
>
:rules="rules.zwlxqssjrules">
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -317,15 +300,13 @@
<el-form-item
label="债务履行结束时间:"
prop="diyaq.zwlxjssj"
:rules="rules.zwlxjssjrules"
>
:rules="rules.zwlxjssjrules">
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -379,8 +360,7 @@
v-for="item in dictData['A6']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -389,8 +369,7 @@
<el-form-item
label="不动产登记证明号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -399,8 +378,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -408,8 +386,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -417,16 +394,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -468,15 +443,13 @@
<el-form-item
label="注销时间:"
prop="qlxx.zxsj"
:rules="rules.zxsjrules"
>
:rules="rules.zxsjrules">
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -484,8 +457,7 @@
<el-form-item
label="注销登簿人:"
prop="qlxx.zxdbr"
:rules="rules.zxdbrrules"
>
:rules="rules.zxdbrrules">
<el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
</el-form-item>
</el-col>
......@@ -493,8 +465,7 @@
<el-form-item
label="注销抵押原因:"
prop="diyaq.zxdyyy"
:rules="rules.zxdyyyrules"
>
:rules="rules.zxdyyyrules">
<el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
......@@ -508,8 +479,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -517,12 +487,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -530,32 +499,28 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs != '0'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
......@@ -567,8 +532,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -580,359 +544,61 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
mjdw: "1",
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
ssqlxxshow: true,
czrOptions: [],
ruleForm: {},
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
ssQlxxList: [],
ztQlxxList: [],
ableOperation: false,
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
zwlxqssjrules: [
{ required: true, message: "债务履行起始时间", trigger: "blur" },
],
zwlxjssjrules: [
{ required: true, message: "债务履行结束时间", trigger: "blur" },
],
import ywmix from "./dataprocessing";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
zxdyyyrules: [
{ required: true, message: "注销抵押原因", trigger: "blur" },
],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [
{ required: true, message: "注销登簿人", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.diyaq) {
if (
this.ruleForm.diyaq[key] == "" ||
this.ruleForm.diyaq[key] == null
) {
this.ruleForm.diyaq[key] = this.nowlist.diyaq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
data () {
return {
mjdw: "1",
//表单是否可操作
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
zwlxqssjrules: [
{ required: true, message: "债务履行起始时间", trigger: "blur" },
],
zwlxjssjrules: [
{ required: true, message: "债务履行结束时间", trigger: "blur" },
],
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
zxdyyyrules: [
{ required: true, message: "注销抵押原因", trigger: "blur" },
],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [
{ required: true, message: "注销登簿人", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
}
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 11:00:09
* @LastEditTime: 2023-08-04 16:35:32
-->
<template>
<!-- 受理信息 -->
......@@ -15,7 +15,7 @@
:label-position="flag ? 'top' : ''"
:inline="flag"
:show-message="false"
label-width="150px">
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -38,63 +38,43 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
地役权不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<div class="count">
<el-form-item
label="地役权不动产信息:"
label="地役权不动产情况"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules">
:rules="rules.ztQlxxrules"
>
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:table-width="730"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange">
@change="ztQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"></el-table-column>
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息:" prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange">
label="不动产权证书"
></el-table-column>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
prop="qlrmc"
label="被执行人"
></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人:">
......@@ -146,8 +126,38 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
地役权信息
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -374,7 +384,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
......@@ -400,7 +410,7 @@
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
......@@ -431,9 +441,7 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm,save } from "@/api/djbRepair.js";
import ywmix from "./dataprocessing";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
......@@ -441,73 +449,8 @@
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data () {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
ableOperation: false,
//传递参数\
rules: {
ssQlxxrules: [
......@@ -527,245 +470,7 @@
},
};
},
created () { },
mounted () {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog (val)
},
// 弹框事件
ssQlxxchangediolog (val) {
console.log("确定了",this.ruleForm)
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.dyiq) {
if (
this.ruleForm.dyiq[key] == "" ||
this.ruleForm.dyiq[key] == null
) {
this.ruleForm.dyiq[key] = this.nowlist.dyiq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
};
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 08:38:11
* @LastEditTime: 2023-08-04 15:53:29
-->
<template>
<!-- 受理信息 -->
......@@ -16,8 +16,7 @@
:inline="flag"
:show-message="false"
inline-message
label-width="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -40,42 +39,36 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
房地产权(独幢、层、套、间房屋)
<div class="triangle"></div>
</div>
<el-row :gutter="24">
<el-col :span="24" v-if="ssqlxxshow">
<div class="slxx_title title-block bdcqk">
房地产权信息
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
:rules="rules.ssQlxxrules">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号:">
......@@ -86,8 +79,7 @@
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
:rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -107,15 +99,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -135,15 +125,13 @@
<div class="flex">
<el-input
v-model="ruleForm.fdcq2.dytdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -154,15 +142,13 @@
<div class="flex">
<el-input
v-model="ruleForm.fdcq2.fttdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -172,13 +158,12 @@
<!-- 下拉框 -->
<el-form-item label="土地性质:" style="margin-bottom: 3px">
<treeselect
v-model="tdxz"
v-model="ruleForm.fdcq2.tdxz"
noOptionsText="暂无数据"
placeholder=""
:normalizer="normalizer"
:show-count="true"
:options="dictData['A9']"
/>
:options="dictData['A9']" />
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -187,15 +172,13 @@
<el-input
v-model="ruleForm.fdcq2.qjjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select v-model="ruleForm.fdcq2.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -208,8 +191,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -221,8 +203,7 @@
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -244,8 +225,7 @@
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -254,15 +234,13 @@
<el-form-item
label="房屋结构:"
prop="fdcq2.fwjg"
:rules="rules.fwjgrules"
>
:rules="rules.fwjgrules">
<el-select v-model="ruleForm.fdcq2.fwjg">
<el-option
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -282,15 +260,13 @@
<div class="flex">
<el-input
v-model="ruleForm.fdcq2.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -301,15 +277,13 @@
<div class="flex">
<el-input
v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -320,15 +294,13 @@
<div class="flex">
<el-input
v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -342,8 +314,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -352,8 +323,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -370,8 +340,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -379,8 +348,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -388,16 +356,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -423,8 +389,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
:ableOperation="ableOperation" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -434,8 +399,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -443,45 +407,13 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:ableOperation="ableOperation"
:key="key"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -492,117 +424,54 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
mjdw: "1",
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
//表单是否可操作
propsParam: this.$attrs,
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
import ywmix from "./dataprocessing";
import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable, selectTable },
data () {
return {
mjdw: "1",
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
],
key: 0,
tdxz: null,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {
fdcq2: {
ftjzmj: "",
key: 0,
tdxz: null,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
ableOperation: false,
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
},
ableOperation: false,
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
};
},
created() {},
mounted() {
this.loadData();
......@@ -621,7 +490,6 @@ export default {
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm, val);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
......@@ -634,8 +502,6 @@ export default {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.fdcq2) {
if (
this.ruleForm.fdcq2[key] == "" ||
......@@ -645,15 +511,18 @@ export default {
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
if (
this.ruleForm.qlxx[key] == ""||
this.ruleForm.qlxx[key] == null &&
key != "ywh" &&
key != "dbr" &&
key != "djsj" &&
key != "ssywh" &&
key != "ssywh" &&
key != "bdcqzh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
......@@ -664,7 +533,6 @@ export default {
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
......@@ -676,14 +544,14 @@ export default {
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -706,11 +574,6 @@ export default {
}
this.ruleForm.fdcq2.jedw = "1";
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
this.tdxz = null;
}
this.isShow = true;
//获取主体信息
getSsQlxx({
......@@ -771,7 +634,7 @@ export default {
});
return false;
}
if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) {
if (this.ruleForm.tdytqxList.length == 0) {
this.$message({
showClose: true,
message: "请补充土地用途信息",
......@@ -779,64 +642,58 @@ export default {
});
return false;
}
if (!this.tdxz) {
if (!this.ruleForm.fdcq2.tdxz) {
this.$message({
showClose: true,
message: "请补充土地性质",
type: "error",
});
return false;
}
this.ruleForm.tdytqxList = this.ruleForm.tdytqxList.map((item) => {
return {
...item,
qlxzbm: this.tdxz,
};
});
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
// if (this.ruleForm.qlxx.gyfs == "1") {
// //是否分别持证
// if (this.ruleForm.qlxx.sqfbcz == "1") {
// //是
// this.ruleForm.qlrData.forEach((item, index) => {
// item.sfczr = "1";
// });
// } else {
// this.ruleForm.qlrData.forEach((item, index) => {
// if (item.zjh == this.ruleForm.czr) {
// item.sfczr = "1";
// } else {
// item.sfczr = "0";
// }
// });
// }
// }
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
if (this.ruleForm.qlrData.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
......@@ -847,12 +704,12 @@ export default {
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 11:01:16
* @LastEditTime: 2023-08-04 15:53:36
-->
<template>
<!-- 受理信息 -->
......@@ -15,6 +15,8 @@
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="145px"
inline-message
:show-message="false"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -38,42 +40,36 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
建设用地、宅基地使用权信息
<div class="triangle"></div>
</div>
<el-row :gutter="24">
<el-col :span="8" v-if="ssqlxxshow">
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
:rules="rules.ssQlxxrules">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号:">
......@@ -81,7 +77,11 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:">
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -101,15 +101,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -121,8 +119,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -143,15 +140,13 @@
<div class="flex">
<el-input
v-model="ruleForm.jsydsyq.syqmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -182,15 +177,13 @@
<div style="display: flex">
<el-input
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"
></el-input>
style="width: 500%"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -201,8 +194,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -219,8 +211,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -228,8 +219,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -237,16 +227,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -265,8 +253,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
:ableOperation="ableOperation" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -276,8 +263,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -285,45 +271,13 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -436,6 +390,7 @@ export default {
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
......@@ -458,7 +413,6 @@ export default {
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
......@@ -469,8 +423,6 @@ export default {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.jsydsyq) {
if (
this.ruleForm.jsydsyq[key] == "" ||
......@@ -481,14 +433,17 @@ export default {
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
this.ruleForm.qlxx[key] == ""||
this.ruleForm.qlxx[key] == null &&
key != "ywh" &&
key != "dbr" &&
key != "djsj" &&
key != "ssywh" &&
key != "ssywh" &&
key != "bdcqzh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
......@@ -499,7 +454,6 @@ export default {
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
......@@ -511,155 +465,154 @@ export default {
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData(val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
this.tdxz = null;
}
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 保存
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData (val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
this.tdxz = null;
}
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 保存
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "土地用途不能为空",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: res.message,
message: "请确认权利人信息",
type: "error",
});
return false;
}
});
} else {
return false;
}
});
},
},
};
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
} else {
if (this.ruleForm.qlrData.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 11:01:08
* @LastEditTime: 2023-08-04 15:53:40
-->
<template>
<!-- 受理信息 -->
......@@ -15,7 +15,7 @@
:show-message="false"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -39,41 +39,37 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
土地所有权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ssqlxxshow">
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
:rules="rules.ssQlxxrules">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="上手业务号:">
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
......@@ -83,15 +79,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -104,7 +98,11 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:">
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -118,8 +116,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -127,8 +124,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -145,8 +141,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -157,8 +152,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -177,19 +171,16 @@
<el-input
v-model="ruleForm.tdsyq.nydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -201,19 +192,16 @@
<el-input
v-model="ruleForm.tdsyq.gdmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -225,19 +213,16 @@
<el-input
v-model="ruleForm.tdsyq.ldmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -251,19 +236,16 @@
<el-input
v-model="ruleForm.tdsyq.cdmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -275,19 +257,16 @@
<el-input
v-model="ruleForm.tdsyq.qtnydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -299,19 +278,16 @@
<el-input
v-model="ruleForm.tdsyq.jsydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -325,19 +301,16 @@
<el-input
v-model="ruleForm.tdsyq.wlydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -347,16 +320,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -375,8 +346,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
:ableOperation="ableOperation" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -386,8 +356,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -395,45 +364,40 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
</el-col> -->
<!-- <el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs != '0'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -447,7 +411,7 @@
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
......@@ -544,6 +508,7 @@ export default {
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
......@@ -565,60 +530,61 @@ export default {
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.tdsyq) {
if (
this.ruleForm.tdsyq[key] == "" ||
this.ruleForm.tdsyq[key] == null
) {
this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key];
})
.then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
for (var key in this.ruleForm.tdsyq) {
if (
this.ruleForm.tdsyq[key] == "" ||
this.ruleForm.tdsyq[key] == null
) {
this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key];
}
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
for (var key in this.ruleForm.qlxx) {
if (
this.ruleForm.qlxx[key] == ""||
this.ruleForm.qlxx[key] == null &&
key != "ywh" &&
key != "dbr" &&
key != "djsj" &&
key != "ssywh" &&
key != "ssywh" &&
key != "bdcqzh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
this.$message({
type: "success",
message: "同步成功!",
});
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
});
},
/**
* @description: djlxchange
......@@ -626,7 +592,6 @@ export default {
* @author: renchao
*/
djlxchange(val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -653,6 +618,8 @@ export default {
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.ruleForm.tdsyq.mjdw="1"
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
......@@ -693,147 +660,146 @@ export default {
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "土地用途不能为空",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: res.message,
message: "请确认权利人信息",
type: "error",
});
return false;
}
});
} else {
return false;
}
});
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
} else {
if (this.ruleForm.qlrData.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.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;
}
.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;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 11:00:54
* @LastEditTime: 2023-08-04 15:53:44
:show-message="false"
-->
<template>
......@@ -17,8 +17,7 @@
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -41,74 +40,41 @@
</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="8" v-if="ztQlxxList">
<div class="slxx_title title-block bdcqk">
预告抵押不动产情况
<div class="count">
<el-form-item
label="抵押不动产信息:"
prop="ztQlxx"
label="预告抵押不动产情况"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules"
>
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:table-width="730"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
prop="qlrmc"
label="被执行人"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人:">
......@@ -139,7 +105,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -160,8 +126,38 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
预告登记信息
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -174,8 +170,7 @@
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
:rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -200,15 +195,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -222,8 +215,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -236,8 +228,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -245,8 +236,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -254,16 +244,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -274,8 +262,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -285,15 +272,13 @@
<el-form-item
label="预告登记种类:"
prop="ygdj.ygdjzl"
:rules="rules.ygdjzlrules"
>
:rules="rules.ygdjzlrules">
<el-select v-model="ruleForm.ygdj.ygdjzl">
<el-option
v-for="item in dictData['A29']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -310,8 +295,7 @@
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -328,8 +312,7 @@
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -346,8 +329,7 @@
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -367,19 +349,16 @@
<div class="flex">
<el-input
v-model="ruleForm.ygdj.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="mjdw"
v-model="ruleForm.ygdj.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -403,8 +382,7 @@
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -414,29 +392,23 @@
<el-tooltip
content="取得价格被担保主债权数额:"
placement="top"
effect="light"
>
<span type="text" style="color: #444" size="mini"
>取得价格被担保...</span
>
effect="light">
<span type="text" style="color: #444" size="mini">取得价格被担保...</span>
</el-tooltip>
</span>
<div class="flex">
<el-input
v-model="ruleForm.ygdj.qdjg"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -453,11 +425,8 @@
<el-tooltip
content="是否存在禁止或限制转让抵押不动产的约定:"
placement="top"
effect="light"
>
<span type="text" style="color: #444" size="mini"
>是否存在禁止或限制...</span
>
effect="light">
<span type="text" style="color: #444" size="mini">是否存在禁止或限制...</span>
</el-tooltip>
</span>
<el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
......@@ -483,8 +452,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -492,45 +460,13 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
......@@ -542,8 +478,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -555,350 +490,43 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
mjdw: "1",
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
import ywmix from "./dataprocessing";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
data () {
return {
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjzlrules: [
{ required: true, message: "预告登记种类", trigger: "change" },
],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjzlrules: [
{ required: true, message: "预告登记种类", trigger: "change" },
],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
},
ableOperation: false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
})
.then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.ygdj) {
if (
this.ruleForm.ygdj[key] == "" ||
this.ruleForm.ygdj[key] == null
) {
this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.ruleForm.ygdj.jedw = "1";
this.$endLoading();
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
ableOperation: false,
};
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 11:00:48
* @LastEditTime: 2023-08-04 15:53:48
:show-message="false"
-->
<template>
......@@ -17,8 +17,7 @@
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -41,42 +40,36 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
预告买卖登记信息不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="24">
<el-col :span="24" v-if="ssqlxxshow">
<div class="slxx_title title-block bdcqk">
预告买卖不动产情况
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
:rules="rules.ssQlxxrules">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
label="不动产权证书"></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="上手业务号:">
......@@ -87,15 +80,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -109,8 +100,7 @@
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
:rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -133,8 +123,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -147,8 +136,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -156,8 +144,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -165,16 +152,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -185,8 +170,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -196,15 +180,13 @@
<el-form-item
label="预告登记种类:"
prop="ygdj.ygdjzl"
:rules="rules.ygdjzlrules"
>
:rules="rules.ygdjzlrules">
<el-select v-model="ruleForm.ygdj.ygdjzl">
<el-option
v-for="item in dictData['A29']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -221,8 +203,7 @@
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -239,8 +220,7 @@
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -257,8 +237,7 @@
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -278,19 +257,16 @@
<div class="flex">
<el-input
v-model="ruleForm.ygdj.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="mjdw"
v-model="ruleForm.ygdj.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -314,43 +290,37 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="取得价格被担保主债权数额:"
placement="top"
effect="light"
>
effect="light">
<span
type="text"
style="color: #444"
size="mini"
>取得价格被担保...</span>
size="mini">取得价格被担保...</span>
</el-tooltip>
</span>
<div class="flex">
<div class="flex">
<el-input
v-model="ruleForm.ygdj.qdjg"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -368,13 +338,11 @@
<el-tooltip
content="是否存在禁止或限制转让抵押不动产的约定:"
placement="top"
effect="light"
>
effect="light">
<span
type="text"
style="color: #444"
size="mini"
>是否存在禁止或限制...</span>
size="mini">是否存在禁止或限制...</span>
</el-tooltip>
</span>
<el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
......@@ -400,8 +368,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -409,12 +376,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -422,32 +388,28 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs != '0'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
......@@ -459,8 +421,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -472,335 +433,51 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx,getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
mjdw: "1",
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
import ywmix from "./dataprocessing";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
data () {
return {
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjzlrules: [
{ required: true, message: "预告登记种类", trigger: "change" },
],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjzlrules: [
{ required: true, message: "预告登记种类", trigger: "change" },
],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
},
ableOperation: false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.ygdj) {
if (
this.ruleForm.ygdj[key] == "" ||
this.ruleForm.ygdj[key] == null
) {
this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
};
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.ruleForm.ygdj.jedw = "1";
this.$endLoading();
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
form /deep/ .el-form-item__label {
width: 145px !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 32px;
float: none;
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
form /deep/ .el-form-item__label {
width: 145px !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 32px;
float: none;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 11:00:40
* @LastEditTime: 2023-08-01 18:12:57
-->
<template>
<!-- 受理信息 -->
......@@ -40,12 +40,9 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
异议登记不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<div class="count">
<el-form-item
label="抵押不动产信息:"
prop="ztQlxx.bdcqzh"
......@@ -74,40 +71,9 @@
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人:">
......@@ -159,8 +125,38 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block bdcqk">
异议登记信息
<div class="count" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息:"
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -281,20 +277,23 @@
</el-col>
<el-col :span="8">
<el-form-item label="异议事项:" prop="yydj.yysx" :rules="rules.yysxrules">
<el-form-item label="异议事项:"
prop="yydj.yysx"
:rules="rules.yysxrules">
<el-input v-model="ruleForm.yydj.yysx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号:">
<el-input v-model="ruleForm.yydj.bdcdjzmh"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.yydj.fj"></el-input>
<el-input
v-model="ruleForm.yydj.bdcdjzmh"
prop="yydj.bdcdjzmh"
:rules="rules.bdcdjzmhrules"
>></el-input
>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销异议业务号:">
<el-input v-model="ruleForm.yydj.zxyyywh"></el-input>
......@@ -323,6 +322,11 @@
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.yydj.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
......@@ -342,7 +346,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
......@@ -372,7 +376,7 @@
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
......@@ -404,9 +408,9 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
// import ywmix from "@/views/ywbl/mixin/index";
import ywmix from "./dataprocessing";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
......@@ -414,24 +418,9 @@ import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
......@@ -441,45 +430,7 @@ export default {
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
ssQlxxrules: [
......@@ -489,7 +440,7 @@ export default {
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
{ required: true, message: "不动产证号 ", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
......@@ -497,215 +448,16 @@ export default {
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
bdcdjzmhrules: [
{ required: true, message: "不动产登记证明号: ", trigger: "blur" },
],
yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }],
},
ableOperation: false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
})
.then(() => {
// this.ruleForm.qlxx.ssywh = "1111111111111";
this.$message({
type: "success",
message: "同步成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
// if (val == null || val == 100) {
// this.ssqlxxshow = false;
// } else {
// this.ssqlxxshow = true;
// }
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
};
</script>
......
......@@ -90,16 +90,19 @@ export default {
tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
falg: false,
falg1: false,
monitor:true
};
},
watch: {
yjsqOptions: {
handler(val) {
console.log("val", val);
console.log("this.tableData[this.currentindex]",this.tableData[this.currentindex]);
this.add(val);
if(this.monitor){
this.add(val);
this.monitor=false
}else{
this.add(val);
}
},
deep: true,
immediate: true,
......
/*
* @Description:workFramezu.vue组件的方法 头部按钮弹框方法
* @Autor: miaofang
* @LastEditTime: 2023-07-17 16:14:23
* @LastEditTime: 2023-08-10 13:41:26
*/
import { getPrintTemplateByCode } from "@/api/print";
import { getQllxByBdcdyid } from "@/api/djbDetail.js";
......@@ -19,7 +19,7 @@ import {
} from "@/api/workFlow.js";
import { mapGetters } from 'vuex'
export default {
data() {
data () {
return {
//是否开启材料分屏
splitScreen: false,
......@@ -40,7 +40,7 @@ export default {
}
},
mounted() {
mounted () {
this.flowInitParam();
},
methods: {
......@@ -49,7 +49,7 @@ export default {
* @description: 加载流程初始参数
* @author: renchao
*/
flowInitParam() {
flowInitParam () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
......@@ -60,7 +60,7 @@ export default {
stepExpandInfo(formdata).then((res) => {
if (res.code === 200) {
this.leftButtonList = res.result.button;
if (res.result.properties&&res.result.properties.length) {
if (res.result.properties && res.result.properties.length) {
this.showidea = res.result.properties[0].value
}
......@@ -82,7 +82,7 @@ export default {
* @param {*} item
* @author: renchao
*/
operation(item) {
operation (item) {
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6:打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
//操作按钮 登簿:record 转件:transfer 退回:back 退出:signout
let that = this;
......@@ -101,7 +101,7 @@ export default {
finishedInfo: {
finishedTaskSet: result.finishedActivityIds,
unfinishedTaskSet: result.runningActivityIds,
rejectedTaskSet: {},
rejectedTaskSet: result.rejectedActivityIds,
finishedSequenceFlowSet: result.finishedSequenceFlowIds
},
handlinglist: result.runningTasks,
......@@ -125,15 +125,6 @@ export default {
//新增材料信息选项卡数据
this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
}
// this.closefp()
// if (this.splitScreen) {
// //如果当前选项卡为材料信息内容,递减到上一个选项卡内容
// if (this.tabName == this.clxxTab.value) {
// this.tabName = this.tabList[0].value;
// this.getFromRouter(this.tabList[0].value);
// }
// }
break;
case "B3": //材料导入
document.getElementById("cldr").click();
......@@ -141,41 +132,6 @@ export default {
case "B4":
this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true)
break;
// case "B5":
// const h = this.$createElement;
// this.$msgbox({
// title: '请选择新增权利类型',
// message: h('p', null, [
// h('span', null, '内容可以是 '),
// h('el-button', { style: 'color: teal' }, 'VNode'),
// h('i', { style: 'color: teal' }, 'VNode')
// ]),
// showCancelButton: true,
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// beforeClose: (action, instance, done) => {
// if (action === 'confirm') {
// instance.confirmButtonLoading = true;
// instance.confirmButtonText = '执行中...';
// setTimeout(() => {
// done();
// setTimeout(() => {
// instance.confirmButtonLoading = false;
// }, 300);
// }, 3000);
// } else {
// done();
// }
// }
// }).then(action => {
// this.addRepairRecord()
// this.$message({
// type: 'info',
// message: 'action: ' + action
// });
// });
// break;
case "B5":
if (this.currentSelectProps.bdcdyid) {
getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
......@@ -187,10 +143,6 @@ export default {
}
);
}
// this.$refs.Menu.loadBdcdylist("add")
// this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true)
break;
case "B6":
//根据编号获取对应信息
......@@ -292,7 +244,7 @@ export default {
* @description: del
* @author: renchao
*/
del() {
del () {
let formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
this.$confirm("确定要删除吗, 是否继续?", "提示", {
......@@ -327,7 +279,7 @@ export default {
* @param {*} obj
* @author: renchao
*/
sendToNext(obj) {
sendToNext (obj) {
this.$popupDialog("转出", "djbworkflow/components/zc", {
obj: obj,
bsmSlsq: this.bsmSlsq,
......@@ -340,7 +292,7 @@ export default {
* @description: 转出最后一个流程
* @author: renchao
*/
sendToEnd() {
sendToEnd () {
this.$popupDialog("转出", "djbworkflow/components/zc", {
obj: "",
bsmSlsq: this.bsmSlsq,
......@@ -355,7 +307,7 @@ export default {
* @description: 批量操作
* @author: renchao
*/
handleBatchDel() {
handleBatchDel () {
this.$popupDialog("批量删除", "workflow/components/batchDel", {
width: "50%",
btnShow: false,
......@@ -369,7 +321,7 @@ export default {
* @param {*} file
* @author: renchao
*/
handleChange(file) {
handleChange (file) {
var formdata = new FormData();
formdata.append("file", file.raw);
formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
......@@ -388,7 +340,7 @@ export default {
* @param {*} file
* @author: renchao
*/
beforeUpload(file) {
beforeUpload (file) {
return true;
}
}
......
<!--
* @Description :宗地基本信息
* @Autor : miaofang
* @LastEditTime : 2023-07-31 17:21:56
* @LastEditTime: 2023-08-04 10:06:45
-->
<template>
<div class="tableDivCss">
......@@ -87,30 +87,11 @@
<td colspan="3">{{ zdjbxx.zdszb }}</td>
</tr>
<tr>
<td>登记时间</td>
<td colspan="2">{{ zdjbxx.bz }}</td>
<td>登簿人</td>
<td>{{ zdjbxx.bz }}</td>
</tr>
<tr>
<td>附记</td>
<td colspan="4">{{ zdjbxx.fj }}</td>
</tr>
<!-- <tr>
<td>状态</td>
<td colspan="2">{{ zdjbxx.zt }}</td>
<td>区县代码</td>
<td>{{ zdjbxx.qxdm }}</td>
</tr> -->
<tr v-if="showGroup">
<td rowspan="4">变化情况</td>
<!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
<tr v-for="(item, index) in bhqkColumns" :key="index">
<td class="bhqkTh">{{ item.label }}</td>
</tr>
</table> -->
</tr>
<tr v-if="showGroup">
......@@ -130,111 +111,111 @@
</template>
<script>
import store from "@/store/index.js";
import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
import store from "@/store/index.js";
import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js";
export default {
data() {
return {
bhqkColumns: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bhqzddm",
label: "变化前宗地代码",
},
{
prop: "bhnr",
label: "变化内容",
},
{
prop: "bhyy",
label: "变化原因",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
bhqkTableWidth: 745,
zdjbxx: {},
zdbhqks: [],
propsParam: this.$attrs,
showGroup: false,
bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
foundItemaa: {},
foundItemaaa: {},
};
},
filters: {
dictionary: function (value, param) {
const foundItem = store.getters.dictData[param].find(
(item) => item.dcode === String(value)
);
if (foundItem) {
return foundItem.dname;
}
export default {
data () {
return {
bhqkColumns: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bhqzddm",
label: "变化前宗地代码",
},
{
prop: "bhnr",
label: "变化内容",
},
{
prop: "bhyy",
label: "变化原因",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
bhqkTableWidth: 745,
zdjbxx: {},
zdbhqks: [],
propsParam: this.$attrs,
showGroup: false,
bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"],
foundItemaa: {},
foundItemaaa: {},
};
},
dicyt: function (value, param) {
const res = store.getters.dictData[param].filter((item) => {
if (item.dcode === String(value)) {
return item;
} else {
if (item.children.length) {
const res2 = item.children.filter((items) => {
if (items.dcode === String(value)) {
return items;
filters: {
dictionary: function (value, param) {
const foundItem = store.getters.dictData[param].find(
(item) => item.dcode === String(value)
);
if (foundItem) {
return foundItem.dname;
}
},
dicyt: function (value, param) {
const res = store.getters.dictData[param].filter((item) => {
if (item.dcode === String(value)) {
return item;
} else {
if (item.children.length) {
const res2 = item.children.filter((items) => {
if (items.dcode === String(value)) {
return items;
}
});
if (res2.length) {
return res2;
}
});
if (res2.length) {
return res2;
}
}
});
if (res[0]) {
return res[0].dname
}
});
if (res[0]) {
return res[0].dname
}
},
},
},
created() {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData() {
getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.zdjbxx = res.result.zdjbxx;
this.zdbhqks = res.result.zdbhqkList;
if (this.zdbhqks != null && this.zdbhqks.length > 0) {
this.showGroup = true;
created () {
this.loadData();
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.zdjbxx = res.result.zdjbxx;
this.zdbhqks = res.result.zdbhqkList;
if (this.zdbhqks != null && this.zdbhqks.length > 0) {
this.showGroup = true;
}
}
}
});
});
},
},
},
};
};
</script>
<style lang="scss" scoped>
@import "~@/styles/tablecss.scss";
@import "~@/styles/tablecss.scss";
</style>
......
......@@ -54,11 +54,10 @@ class data extends filter {
{
prop: "createtime",
label: "创建时间",
// width: '180',
},
{
label: '操作',
width: '130',
width: '100',
render: (h, scope) => {
return (
<div>
......
......@@ -59,7 +59,7 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" :heightNum="305" class="loadingtext" @sort-change="handleSort"
<lb-table :page-size="pageData.size" :heightNum="315" class="loadingtext" @sort-change="handleSort"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 10:23:27
* @LastEditTime: 2023-08-08 15:32:24
-->
<template>
<div>
......@@ -364,7 +364,7 @@
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "~@/styles/dialogBoxheader.scss";
// @import "~@/styles/dialogBoxheader.scss";
/deep/.el-radio-group {
display: flex;
justify-content: center;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:27:43
* @LastEditTime: 2023-08-08 11:01:08
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" @submit.native.prevent label-width="80px">
<el-form :model="ruleForm" @submit.native.prevent label-width="50px">
<el-row>
<el-col :span="5">
<el-form-item label="标题">
......@@ -24,7 +24,7 @@
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<div class="from-clues-content loadingtext">
<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">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-24 14:11:31
* @LastEditTime: 2023-08-09 10:09:12
-->
<template>
<div class="from-clues">
......@@ -20,7 +20,7 @@
<el-col :span="18" class="btnColRight">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
<!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
</el-form-item>
</el-col>
</el-row>
......
......@@ -27,7 +27,7 @@
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<div class="from-clues-content loadingtext">
<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">
......
......@@ -113,14 +113,6 @@ export default {
},
},
mounted() {
console.log(
"bestepid: this.$route.query.bestepid,",
this.$route.query.bestepid
);
console.log(
"bestepid: this.$route.query.sqywbm,",
this.$route.query.sqywbm
);
this.ableOperation = this.$parent.ableOperation;
},
methods: {
......@@ -162,7 +154,6 @@ export default {
return new Promise((resolve) => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSlsq", this.$parent.bsmSlsq);
if (this.$route.query.sqywbm == "DJBBL") {
formdata.append("bsmSldy", this.$parent.bsmRepair);
......@@ -259,6 +250,9 @@ export default {
sjlx: data.cllx,
sfxjcl: "1", // 是否必选
};
if (this.$route.query.sqywbm == "DJBBL") {
obj.bsmSldy=this.$parent.bsmRepair
}
saveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList(2);
......@@ -324,6 +318,7 @@ export default {
data: this.tableData,
unitData: this.$parent.unitData,
ableOperation: this.$parent.ableOperation,
bsmRepair:this.$parent.bsmRepair
},
"60%",
true
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-27 09:03:56
* @LastEditTime: 2023-08-04 13:29:47
-->
<template>
<dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
......@@ -42,27 +42,25 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别">
<el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
<el-form-item label="份数" prop="fs">
<el-input v-model="ruleForm.fs" maxlength="8" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="法人名称">
<el-form-item label="法人名称" prop="frmc">
<el-input v-model="ruleForm.frmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="国家/地区">
<el-form-item label="国家/地区" prop="gj">
<el-input v-model="ruleForm.gj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="户籍所在省市">
<el-form-item label="户籍所在省市" prop="hjszss">
<el-input v-model="ruleForm.hjszss"></el-input>
</el-form-item>
</el-col>
......@@ -70,12 +68,12 @@
<el-row>
<el-col :span="16">
<el-form-item label="地址">
<el-form-item label="地址" prop="txdz">
<el-input v-model="ruleForm.txdz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="邮编">
<el-form-item label="邮编" prop="yb">
<el-input v-model="ruleForm.yb"></el-input>
</el-form-item>
</el-col>
......@@ -83,17 +81,17 @@
<el-row>
<el-col :span="8">
<el-form-item label="发证机关">
<el-form-item label="发证机关" prop="fzjg">
<el-input v-model="ruleForm.fzjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="电子邮件">
<el-form-item label="电子邮件" prop="dzyj">
<el-input v-model="ruleForm.dzyj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利比例">
<el-form-item label="权利比例" prop="qlbl">
<el-input v-model="ruleForm.qlbl"></el-input>
</el-form-item>
</el-col>
......@@ -101,12 +99,12 @@
<el-row>
<el-col :span="8">
<el-form-item label="工作单位">
<el-form-item label="工作单位" prop="gzdw">
<el-input v-model="ruleForm.gzdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="代理机构">
<el-form-item label="代理机构" prop="dlrjg">
<el-input v-model="ruleForm.dlrjg"></el-input>
</el-form-item>
</el-col>
......@@ -114,17 +112,17 @@
<el-row>
<el-col :span="8">
<el-form-item label="联系电话">
<el-form-item label="联系电话" prop="dlrdh">
<el-input v-model="ruleForm.dlrdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="代理人姓名">
<el-form-item label="代理人姓名" prop="dlrmc">
<el-input v-model="ruleForm.dlrmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="代理人证件类型">
<el-form-item label="代理人证件类型" prop="dlrzjlx">
<el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
......@@ -134,7 +132,15 @@
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="代理人证件号">
<el-form-item label="性别" prop="xb">
<el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="代理人证件号" prop="dlrzjh">
<el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
</el-form-item>
</el-col>
......@@ -163,6 +169,7 @@
zjh: "",
dh: "",
xb: "",
fs: "",
frmc: "",
gj: "",
hjszss: "",
......@@ -183,8 +190,8 @@
sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
};
}
}
},
watch: {
value (val) {
......
......@@ -209,9 +209,14 @@
return new Promise(resolve => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.formData.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", Vue.prototype.$currentRoute.query.bsmSlsq);
formdata.append("bsmSlsq", Vue.prototype.$currentRoute.query.bsmSlsq);
if (Vue.prototype.$currentRoute.query.sqywbm == "DJBBL") {
formdata.append("bsmSldy", this.formData.bsmRepair);
formdata.append("clfl", 3);
} else {
formdata.append("bsmSldy", this.formData.unitData[0]?.bsmSldy);
formdata.append("clfl", 2);
}
InitClml(formdata).then((res) => {
if (res.code == 200) {
resolve(res.code)
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-12 14:20:58
-->
<template>
<div>
图形定位
</div>
<iframe :src="'http://192.168.2.22:8020/#/' + formData.bsmZd" frameborder="0" style="width: 100%; height:710px;"></iframe>
</template>
<script>
<script>
export default {
props: {
formData: {
type: Object,
default: {}
default: () => {
return {}
}
}
},
data () {
return {
}
},
methods: {
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
</script>
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-28 15:47:25
* @LastEditTime: 2023-08-10 15:20:52
-->
<template>
<div>
......@@ -154,7 +154,27 @@
context.fillText(line, 138, y + (index * 20)); // 调整行高
})
})
context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100);
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split(' ') : [];
lines1.forEach((line, index) => {
const y = 100 + (index * 37); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= 395) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 580, y + (index * 20)); // 调整行高
})
})
}
image.src = this.imgSrc
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 15:33:01
* @LastEditTime: 2023-08-10 13:43:32
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -68,7 +68,6 @@
}
},
methods: {
//获取证书内容
/**
* @description: 获取证书内容
* @param {*} code
......@@ -78,7 +77,6 @@
var value = this.bdcqz[code];
return value;
},
//获取受理申请下全部不动产权证
/**
* @description: 获取受理申请下全部不动产权证
* @author: renchao
......
......@@ -485,8 +485,19 @@
// this.taskList =this.formData.allCommentList;
// 处理数据之后赋值
this.taskCommentList = this.taskList;
this.taskCommentList=this.taskCommentList.sort(this.sortDownDate)
},
/**
* 时间排序函数
* @description: formatDate
* @param {*} row
* @param {*} column
* @author: renchao
*/
sortDownDate(a, b) {
return Date.parse(a.createTime) - Date.parse(b.createTime);
},
// 设置流程图元素状态
/**
* @description: 设置流程图元素状态
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-01 17:41:49
* @LastEditTime: 2023-08-04 13:26:31
-->
<template>
<div>
......@@ -141,7 +141,6 @@
},
gyfs: {
handler (newVal, oldValue) {
console.log(newVal, 'newValnewValnewValnewVal', this.tableData);
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == 0) {
this.column = _.cloneDeep(dataList)
......@@ -189,6 +188,8 @@
if (this.gyfs == '0' && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有,无法添加多个权利人")
} else {
this.key++
this.details = {}
this.dialog = true
this.isaddupdate = true
}
......
<!--
* @Description: 审批意见
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:41:24
-->
<template>
<div class="spyj loadingtext">
<div class="box">
<div class="spyj_title">
<div class="righttitle">审批表</div>
</div>
<div v-for="(item, index) in tableData" :key="index">
<el-form
:model="tableData[index]"
label-width="120px"
ref="ruleFormRef'"
>
<div class="spyj_form">
<div class="item_left">
<div class="right">{{ item.jdmc }}意见</div>
</div>
<div class="item_right">
<el-row>
<el-col :span="24">
<el-form-item label-width="0" class="opinion_item">
<el-input
:disabled="!ableOperation&&item.show"
type="textarea"
:rows="4"
class="opinion"
placeholder="请输入审批意见"
v-model="item.shyj"
></el-input>
<el-button
class="opinion_btn"
@click="commonOpinion(index)"
v-if="ableOperation"
>常用意见</el-button
>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="审查人">
<el-input
:disabled="!ableOperation"
v-model="item.shryxm"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item class="sjxzq" label="审核时间">
<el-date-picker
:disabled="!ableOperation"
v-model="item.shjssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
</div>
<div class="submit_button" v-if="ableOperation">
<el-button type="primary" @click="onSubmit()">保存</el-button>
</div>
</div>
<!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
</div>
</template>
<script>
import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["userData", "yjsqOptions", "userInfo"]),
},
data() {
return {
isNoData: false,
currentindex: 0,
bsmSlsq: "",
ableOperation: false,
bsmSlsq: this.$route.query.bsmSlsq,
bestepid: this.$route.query.bestepid,
propsParam: {},
tableData: [],
falg: false,
falg1: false,
jdmc: "",
indexdqlc: 0,
};
},
watch: {
yjsqOptions: {
handler(val) {
console.log("val", val);
this.add(val);
},
deep: true,
immediate: true,
},
},
created() {},
mounted() {
this.propsParam = this.$attrs;
console.log("this.$parent.dqhj", this.$parent.dqhj);
this.ableOperation = this.$parent.currentSelectTab.ableOperation;
// this.ableOperation = this.$parent.ableOperation;
this.getShList();
switch (this.$parent.dqhj) {
case "cs":
this.indexdqlc = 0;
this.jdmc = "初审";
break;
case "fs":
this.indexdqlc = 1;
this.jdmc = "复审";
break;
case "hd":
this.indexdqlc = 2;
this.jdmc = "核定";
break;
}
},
methods: {
/**
* @description: getShList
* @param {*} obj
* @author: renchao
*/
getShList() {
let that = this;
this.$startLoading();
console.log(this.userInfo);
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
formdata.append("bestepid", this.$route.query.bestepid);
getSpyjList(formdata).then((res) => {
this.$endLoading();
if (res.code === 200 && res.result) {
this.tableData = res.result;
if (this.tableData.length == 0&&this.jdmc=="初审") {
console.log(0);
this.tableData.push({ jdmc: "初审" });
}else if(this.tableData[this.tableData.length-1].jdmc=="初审"&&this.jdmc=="复审") {
console.log(1);
this.tableData.push({ jdmc: "复审" });
}else if(this.tableData[this.tableData.length-1].jdmc=="复审"&&this.jdmc=="核定") {
console.log(2);
this.tableData.push({ jdmc: "核定" });
}
if(this.$parent.dqhj=="cs"){
this.tableData[0].show=false
}
console.log("this.tableData", this.tableData);
}
});
},
/**
* @description: judgment
* @param {*} obj
* @author: renchao
*/
judgment(obj) {},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.propsParam.bsmBusiness;
item["bestepid"] = this.$route.query.bestepid;
item["shryxm"] = this.userInfo.name;
item["userid"] = this.userInfo.id;
item["shjssj"] = item.shkssj;
item["czjg"] = "1";
item["jddm"] = this.$parent.dqhj;
item["jdmc"] = this.jdmc;
});
console.log("this.tableData", this.tableData);
saveSpyjBySlsq(this.tableData).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
this.refresh += 1;
} else {
this.$message.error(res.message);
}
});
// } else {
// return false;
// }
},
//打开常用意见列表弹窗
/**
* @description: 打开常用意见列表弹窗
* @param {*} index
* @author: renchao
*/
commonOpinion(index) {
this.currentindex = index;
this.$popupDialog(
"常用意见",
"workflow/components/dialog/commonOpinion",
{},
"70%",
true
);
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add(val) {
if (val != "") {
this.$set(this.tableData[this.currentindex], "shyj", val);
}
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.spyj {
width: 100%;
height: 100%;
background-color: #f5f5f5;
padding: 5px;
.box {
overflow-x: auto;
width: 100%;
height: 95%;
background: #fff;
text-align: center;
padding: 4px;
overflow-y: scroll;
padding-top: 20px;
padding: 20px 40px;
.spyj_title {
width: 100%;
height: 80px;
border: 1px solid $borderColor;
background-color: #eceef2;
display: flex;
}
.leftadd {
width: 3%;
height: 100%;
display: flex;
font-size: 14px;
text-indent: 20px;
align-items: center;
border: 1px solid $borderColor;
}
.righttitle {
width: 80%;
height: 100%;
line-height: 80px;
border: 1px solid $borderColor;
margin: auto;
font-size: 22px;
font-weight: 400;
}
}
/deep/.el-form-item {
margin-bottom: 0;
}
.bottom10 {
margin-bottom: 15px;
}
.spyj_form {
display: flex;
border: 1px solid $borderColor;
.item_left {
width: 150px;
background-color: #f8f8fa;
color: #606266;
display: flex;
font-size: 14px;
text-indent: 50px;
align-items: center;
border-right: 1px solid $borderColor;
}
.item_right {
flex: 1;
width: 100%;
/deep/.el-form-item__label {
background-color: #f8f8fa;
}
/deep/.el-form-item__content {
display: block;
text-align: left;
}
.opinion_item {
/deep/.el-form-item__error {
margin-top: -16px !important;
left: 3px;
}
border-bottom: 1px solid $borderColor;
}
.opinion {
position: relative;
font-size: 14px;
/deep/.el-textarea__inner {
border: none;
}
}
.opinion_btn {
position: absolute;
right: 15px;
bottom: 10px;
}
}
}
.submit_button {
text-align: center;
margin: 15px 0;
}
.el-date-editor.el-input {
width: 100%;
}
}
</style>
......@@ -58,7 +58,7 @@
</el-form>
</div>
<div class="submit_button" v-if="ableOperation">
<el-button type="primary" @click="onSubmit()">保存</el-button>
<el-button type="primary" :disabled="shows" @click="onSubmit()">保存</el-button>
</div>
</div>
<!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
......@@ -87,6 +87,7 @@ export default {
falg1: false,
jdmc: "",
indexdqlc: 0,
shows:false
};
},
......@@ -128,7 +129,6 @@ export default {
* @author: renchao
*/
getShList() {
let that = this;
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
......@@ -138,6 +138,10 @@ export default {
this.$endLoading();
if (res.code === 200 && res.result) {
this.tableData = res.result;
if(this.shows){
this.shows=false
}
var index = this.tableData.findIndex(
(item) => item.jddm === this.$parent.dqhj
);
......@@ -179,6 +183,7 @@ export default {
* @author: renchao
*/
onSubmit() {
this.shows=true
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.propsParam.bsmBusiness;
item["czjg"] = "1";
......@@ -187,6 +192,7 @@ export default {
if (res.code === 200) {
this.$message.success("保存成功");
this.refresh += 1;
this.getShList();
} else {
this.$message.error(res.message);
}
......
......@@ -9,7 +9,7 @@
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您是否确定终止该业务办理?</div>
</div>
<div class="invalid-reson">终止原因:</div>
<div class="invalid-reson">退件原因:</div>
<el-input
v-model="stopMessage"
placeholder="请输入终止原因"
......
......@@ -255,6 +255,7 @@
.card_padding {
padding-top: 8px;
font-size: 16px;
}
.invalid-diglog {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-17 14:20:17
* @LastEditTime: 2023-08-10 09:34:25
*/
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
......@@ -36,7 +36,7 @@ export default {
batchButtonName: '',
// 受理申请信息
slsq: {},
dqhj:""
dqhj: ""
}
},
mounted () {
......@@ -58,7 +58,7 @@ export default {
stepExpandInfo(formdata).then((res) => {
if (res.code === 200) {
this.leftButtonList = res.result.button;
if (res.result.properties&&res.result.properties.length) {
if (res.result.properties && res.result.properties.length) {
this.dqhj = res.result.properties[0].value
}
this.rightButtonList = res.result.operation;
......@@ -91,7 +91,7 @@ export default {
finishedInfo: {
finishedTaskSet: result.finishedActivityIds,
unfinishedTaskSet: result.runningActivityIds,
rejectedTaskSet: {},
rejectedTaskSet: result.rejectedActivityIds,
finishedSequenceFlowSet: result.finishedSequenceFlowIds
},
handlinglist: result.runningTasks,
......@@ -160,8 +160,8 @@ export default {
if (res.code === 200) {
this.$popupDialog('楼盘表', 'lpb/index', {
bsm: res.result[0],
onlyShow:false,
unitData:window.unitData
onlyShow: false,
unitData: window.unitData
}, '90%', true)
} else {
this.$message.error(res.message)
......@@ -173,7 +173,7 @@ export default {
break;
// 图形定位
case "B-TXDW":
this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', {}, '60%', true)
this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
break;
case "back": //退回按钮
this.$popupDialog("退回", "workflow/components/th", {
......@@ -273,15 +273,15 @@ export default {
});
});
},
//发送下一个环节
//发送下一个环节
/**
* @description: 发送下一个环节
* @param {*} obj
* @author: renchao
*/
sendToNext (obj) {
sendToNext (obj) {
this.$popupDialog("转出", "djbworkflow/components/zc", {
obj:obj,
obj: obj,
bsmSlsq: this.bsmSlsq,
tabList: this.tabList
}, '800px', true)
......@@ -292,9 +292,9 @@ export default {
* @param {*} obj
* @author: renchao
*/
sendToEnd (obj) {
sendToEnd (obj) {
this.$popupDialog("转出", "djbworkflow/components/zc", {
obj:"",
obj: "",
bsmSlsq: this.bsmSlsq,
tabList: this.tabList
}, '800px', true)
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 16:15:39
* @LastEditTime: 2023-08-09 14:54:20
-->
<template>
<div class="container">
......@@ -35,7 +35,7 @@
</div>
<!-- 表单内容区域 -->
<div class="rightContainer">
<div class="count">
<div class="count">
当前流程所在环节:
<span>{{ this.zbhj }}</span>
</div>
......@@ -64,7 +64,7 @@
<script>
import WorkFlow from "./mixin/index"
import publicFlow from "./mixin/public.js"
import { getStepFormInfo, unClaimTask } from "@/api/workFlow.js"
import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"
import { getForm } from "./flowform"
import NoticeBar from "@/components/NoticeBar/index"
// import ProcessViewer from "./components/processViewer.vue"
......@@ -108,7 +108,9 @@
clxxTab: {},
ableOperation: false,
//页面监听时间
_beforeUnload_time: ""
_beforeUnload_time: "",
// 宗地id
bsmZd: ''
}
},
mounted () {
......@@ -131,6 +133,13 @@
*/
getCurrentSelectProps (val) {
this.currentSelectProps = val
getZdInfo(val.bdcdyid).then(res => {
this.bsmZd = res?.result[0]?.bsmZd
})
// getZdInfo(val.bdcdyid).then(res => {
// this.bsmZd = res?.result[0]?.bsmZd
// })
},
/**
* @description: beforeunloadHandler
......@@ -204,36 +213,36 @@
this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
},
//选项卡切换事件
/**
* @description: 右侧表单选项卡事件
* @param {*} handleClick
* @author: renchao
*/
handleClick(a) {
let p = Object.keys(this.tabList[0]).filter(
(item) => item == "ableOperation"
);
if (p) {
this.ableOperation = this.tabList[a.index].ableOperation;
}
},
//选项卡切换事件
/**
* @description: 右侧表单选项卡事件
* @param {*} handleClick
* @author: renchao
*/
handleClick (a) {
let p = Object.keys(this.tabList[0]).filter(
(item) => item == "ableOperation"
);
if (p) {
this.ableOperation = this.tabList[a.index].ableOperation;
}
},
}
}
</script>
<style scoped lang="scss">
.rightContainer {
position: relative;
}
.count {
font-size: 14px;
position: absolute;
right: 25px;
top: 12px;
height: 30px;
span {
font-weight: 600;
color: #3498db;
.rightContainer {
position: relative;
}
.count {
font-size: 14px;
position: absolute;
right: 25px;
top: 12px;
height: 30px;
span {
font-weight: 600;
color: #3498db;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-04-13 10:32:28
* @LastEditTime: 2023-08-09 10:36:14
-->
<template>
<div class="from-clues">
......@@ -21,7 +21,7 @@
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
</el-form-item>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-04-18 14:28:42
* @LastEditTime: 2023-08-09 10:36:31
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -30,7 +30,7 @@ class data extends filter {
{
prop: "ywlx",
label: "业务类型",
width: '90'
width: '100'
},
{
prop: "cwdm",
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-24 15:06:24
* @LastEditTime: 2023-08-08 14:32:47
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -43,14 +43,6 @@ class data extends filter {
return <div class='suspend'>异议挂起</div>
}
return <div class='allow'>进行中</div>
// switch (scope.row.lczt) {
// case '1':
// return <div class='allow'>进行中</div>
// case '2':
// return <div class='prohibit'>已结束</div>
// case '3':
// return <div class='allow'>进行中</div>
// }
}
},
{
......@@ -80,11 +72,13 @@ class data extends filter {
prop: "qlrmc",
label: "权利人",
width: '120',
showOverflowTooltip: true
},
{
prop: "ywrmc",
label: "义务人",
width: '120',
showOverflowTooltip: true
},
{
prop: "zl",
......
import { log } from "bpmn-js-token-simulation"
/*
* @Description:
* @Autor: renchao
......@@ -11,6 +13,7 @@ export default {
watch: {
'ruleForm.sldy.gyfs': {
handler: function (val, oldVal) {
console.log("单独所有",val,oldVal);
if (val == '0' && this.ruleForm.qlrList.length > 1 && oldVal) {
this.ruleForm.sldy.gyfs = oldVal
this.$message({
......
......@@ -82,7 +82,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-02 08:40:35
* @LastEditTime: 2023-08-04 16:33:46
-->
<template>
<div class="slxx">
......@@ -58,7 +58,7 @@
</el-col>
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -90,85 +90,84 @@
房屋多幢明细
<div class="triangle"></div>
<fdcqxmTable
:ableOperation="ableOperation"
:tableData="ruleForm.fdcqxm"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<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 label="共有方式:">
<el-radio-group :disabled="!ableOperation" @change="showCZInfo"
v-model="ruleForm.sldy.gyfs">
<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 label="发证方式:">
<el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
<el-radio label="1">小证</el-radio>
<el-radio label="2">大证</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
:ableOperation="ableOperation"
:tableData="ruleForm.fdcqxm"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<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 label="共有方式:">
<el-radio-group :disabled="!ableOperation" @change="showCZInfo"
v-model="ruleForm.sldy.gyfs">
<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 label="发证方式:">
<el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
<el-radio label="1">小证</el-radio>
<el-radio label="2">大证</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<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.sldy.gyfs == '2'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation">
<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>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
:gyfs="ruleForm.slsq.gyfs" />
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<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.sldy.gyfs == '2'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation">
<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>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
:gyfs="ruleForm.slsq.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<div class="slxx_title title-block">
义务人信息
登记原因
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="!ableOperation"
v-model="ruleForm.fdcq1.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="!ableOperation"
v-model="ruleForm.fdcq1.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -205,7 +204,7 @@
}
});
},
components: { qlrCommonTable, tdytTable ,fdcqxmTable},
components: { qlrCommonTable, tdytTable, fdcqxmTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -283,6 +282,15 @@
* @author: renchao
*/
onSubmit () {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-02 08:53:43
* @LastEditTime: 2023-08-04 16:32:05
-->
<template>
<div class="slxx">
......@@ -53,12 +53,12 @@
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
<el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -227,7 +227,7 @@
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
:gyfs="ruleForm.slsq.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-02 08:46:35
* @LastEditTime: 2023-08-04 16:32:08
-->
<template>
<div class="slxx">
......@@ -60,7 +60,7 @@
</el-col>
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -392,6 +392,15 @@
* @author: renchao
*/
onSubmit () {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-01 18:14:28
* @LastEditTime: 2023-08-04 15:45:47
-->
<template>
<!-- 受理信息 -->
......@@ -293,6 +293,15 @@
* @author: renchao
*/
onSubmit () {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
fristReg(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
console.log(res);
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 08:45:57
* @LastEditTime: 2023-08-04 16:31:38
-->
<template>
<!-- 受理信息 -->
......@@ -60,7 +60,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
<el-input v-model="ruleForm.sldy.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -113,7 +113,7 @@
<el-col :span="16">
<el-form-item label="坐落:">
<el-input v-model="ruleForm.zdjbxx.zl"></el-input>
<el-input v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -179,8 +179,8 @@
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
v-for="(item,index) in czrOptions"
:key="index"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
......@@ -276,7 +276,6 @@
}
},
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
......@@ -312,6 +311,16 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -320,7 +329,6 @@
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
......@@ -331,21 +339,37 @@
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
}
if (this.ruleForm.sldy.gyfs == "1") {
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == '1') { //是
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1"
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1"
item.sfczr = "1";
} else {
item.sfczr = "0"
item.sfczr = "0";
}
})
});
}
}
/**
......
......@@ -2,7 +2,7 @@
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 08:45:44
* @LastEditTime: 2023-08-04 16:32:14
-->
<template>
<!-- 受理信息 -->
......@@ -116,7 +116,7 @@
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -280,6 +280,15 @@
* @author: renchao
*/
onSubmit () {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-03 14:37:14
* @LastEditTime: 2023-08-04 15:46:17
-->
<template>
<div class="slxx">
......@@ -11,8 +11,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px"
>
label-width="140px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -64,87 +63,87 @@
</el-col>
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="发包方:">
<el-input v-model="ruleForm.lq.fbf"></el-input>
<el-input v-model="ruleForm.lq.fbf"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发包方代码:">
<el-input v-model="ruleForm.lq.fbfdm"></el-input>
<el-input v-model="ruleForm.lq.fbfdm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用权(承包)面积:">
<el-input v-model="ruleForm.lq.syqmj"></el-input>
<el-input v-model="ruleForm.lq.syqmj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="林地所有权性质:">
<el-input v-model="ruleForm.lq.ldsyqxz"></el-input>
<el-input v-model="ruleForm.lq.ldsyqxz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="森林类别:">
<el-input v-model="ruleForm.lq.sllb"></el-input>
<el-input v-model="ruleForm.lq.sllb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主要树种:">
<el-input v-model="ruleForm.lq.zysz"></el-input>
<el-input v-model="ruleForm.lq.zysz"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="株数:">
<el-input v-model="ruleForm.lq.zs"></el-input>
<el-input v-model="ruleForm.lq.zs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林种:">
<el-input v-model="ruleForm.lq.lz"></el-input>
<el-input v-model="ruleForm.lq.lz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="起源:">
<el-input v-model="ruleForm.lq.qy"></el-input>
<el-input v-model="ruleForm.lq.qy"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="造林年度:">
<el-input v-model="ruleForm.lq.zlnd"></el-input>
<el-input v-model="ruleForm.lq.zlnd"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林班:">
<el-input v-model="ruleForm.lq.lb"></el-input>
<el-input v-model="ruleForm.lq.lb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="小班:">
<el-input v-model="ruleForm.lq.xb"></el-input>
<el-input v-model="ruleForm.lq.xb"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="小地名:">
<el-input v-model="ruleForm.lq.xdm"></el-input>
<el-input v-model="ruleForm.lq.xdm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="附记:">
<el-input v-model="ruleForm.lq.fj"></el-input>
<el-input v-model="ruleForm.lq.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -155,8 +154,7 @@
<tdytTable
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -166,8 +164,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -188,8 +185,7 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
......@@ -200,14 +196,12 @@
<el-select
v-model="ruleForm.slsq.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
:value="item.value">
</el-option>
</el-select>
</el-form-item>
......@@ -217,8 +211,7 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="!ableOperation"
:gyfs="ruleForm.slsq.gyfs"
/>
:gyfs="ruleForm.slsq.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
<div class="slxx_title title-block">
......@@ -229,8 +222,7 @@
v-if="ruleForm.qlxx"
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<div class="slxx_title title-block">
登记原因
......@@ -243,8 +235,7 @@
class="textArea"
type="textarea"
:disabled="!ableOperation"
v-model="ruleForm.lq.djyy"
>
v-model="ruleForm.lq.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -259,194 +250,203 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/lqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted() {
this.ableOperation = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.qlxxdatas,
};
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
}
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {
flow: {
ywh: "",
},
qlxx: {
mj: "",
},
sldy: {
gyfs: "",
},
slsq: {},
fdcq2: {
zyjzmj: "",
ftjzmj: "",
},
zdjbxx: {
ghytmc: "",
},
},
//传递参数
propsParam: this.$attrs,
//表单是否可操作
ableOperation: true,
rules: {},
};
},
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/lqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.qlxxdatas,
};
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
}
});
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
data () {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
ruleForm: {
flow: {
ywh: "",
},
qlxx: {
mj: "",
},
sldy: {
gyfs: "",
},
slsq: {},
fdcq2: {
zyjzmj: "",
ftjzmj: "",
},
zdjbxx: {
ghytmc: "",
},
},
//传递参数
propsParam: this.$attrs,
//表单是否可操作
ableOperation: true,
rules: {},
};
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: res.message,
message: "土地用途不能为空",
type: "error",
});
return false;
}
});
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.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;
}
.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;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
......@@ -83,7 +83,7 @@
<el-row :gutter="10">
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -83,7 +83,7 @@
<el-row :gutter="10">
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-01 18:15:20
* @LastEditTime: 2023-08-04 15:51:27
-->
<template>
<!-- 受理信息 -->
......@@ -430,6 +430,16 @@
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -449,8 +459,15 @@
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
}
if (this.ruleForm.sldy.gyfs == "1") {
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
......@@ -458,6 +475,14 @@
item.sfczr = "1";
});
} else {
if (!that.ruleForm.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
......
......@@ -54,7 +54,7 @@
</el-col>
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -56,7 +56,7 @@
</el-col>
<el-col :span="16">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -42,7 +42,7 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0">
抵押户信息列表信息({{ruleForm.hlist.length}} 户)
<div class="triangle"></div>
</div>
......@@ -51,10 +51,9 @@
抵押信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-col :span="8">
<el-form-item label="抵押方式:">
<!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
<el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
<el-radio label="1">一般抵押</el-radio>
<el-radio label="2">最高额抵押</el-radio>
......@@ -79,7 +78,7 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
<el-form-item label="被担保主债权数额:">
<el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!ableOperation"></el-input>
......@@ -114,7 +113,7 @@
</el-col>
</el-row>
<el-row>
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-col :span="24">
<el-form-item label="担保范围:">
<el-input v-model="ruleForm.diyaqList[0].dbfw"
......@@ -122,14 +121,14 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-col :span="24">
<el-form-item label="最高债权确定事实和数额:">
<el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!ableOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="!ableOperation"></el-input>
......@@ -141,7 +140,7 @@
抵押权人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0">
<el-col :span="14">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldyList[0].gyfs">
......@@ -170,7 +169,8 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldyList[0].gyfs" />
<qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:disabled="!ableOperation" :gyfs="ruleForm.sldyList[0].gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
......@@ -181,7 +181,7 @@
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-col>
<el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="!ableOperation"
......@@ -210,7 +210,7 @@
import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
created () {
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -220,9 +220,13 @@
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
bacthInit(formdata).then((res) => {
this.$endLoading();
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.$endLoading();
this.$nextTick(() => {
this.ruleForm = res.result;
})
} else {
this.$message.error(res.message);
}
})
},
......
......@@ -93,7 +93,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
......@@ -11,7 +11,8 @@
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="80px">
label-width="80px"
>
<el-row>
<el-col :span="5">
<el-form-item label="业务来源" label-width="70px">
......@@ -22,12 +23,14 @@
class="width100"
filterable
clearable
placeholder="请选择业务来源">
placeholder="请选择业务来源"
>
<el-option
v-for="item in dictData['ywly']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -41,12 +44,14 @@
class="width100"
filterable
clearable
placeholder="请选择权利类型">
placeholder="请选择权利类型"
>
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -60,12 +65,14 @@
class="width100"
filterable
clearable
placeholder="请选择登记类型">
placeholder="请选择登记类型"
>
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -76,14 +83,20 @@
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px">
class="width200px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button
type="primary"
native-type="submit"
@click="handleSearch"
>查询</el-button
>
<el-button @click="moreQueryClick">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -95,14 +108,16 @@
{{ item.name }}:{{ item.value }}
<i
class="el-icon-circle-close"
@click="handelItem(item, index)"></i>
@click="handelItem(item, index)"
></i>
</li>
</ul>
<el-button
class="clean-btn"
type="text"
v-if="searchList.length > 0"
@click.native="hanldeCleanAll">清除全部
@click.native="hanldeCleanAll"
>清除全部
</el-button>
</el-row>
</el-form>
......@@ -119,123 +134,131 @@
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data">
:data="tableData.data"
>
</lb-table>
</div>
<searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" />
<searchBox
v-model="isSearch"
@getSearch="getSearch"
:advancedForm="otherForm"
/>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import searchMin from "../components/mixin/index";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./ybxdata";
import { searchTaskDone } from "@/api/workflow/search.js";
import searchBox from "../components/search.vue";
export default {
name: "ybx",
components: { searchBox },
mixins: [table, searchMin],
mounted () {
sendThis(this);
},
computed: {
...mapGetters(["dictData"]),
},
data () {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
activated () {
this.queryClick()
window["getBpageList"] = () => {
this.queryClick()
}
},
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick () {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskDone({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
records.forEach((item) => {
item.qlrmc = item.qlrmc.join(",");
item.ywh = item.ywh.join(",");
item.zl = item.zl.join(",");
item.outstepdate = item.outstepdate[0];
});
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
import { mapGetters } from "vuex";
import searchMin from "../components/mixin/index";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./ybxdata";
import { searchTaskDone } from "@/api/workflow/search.js";
import searchBox from "../components/search.vue";
export default {
name: "ybx",
components: { searchBox },
mixins: [table, searchMin],
mounted() {
sendThis(this);
},
computed: {
...mapGetters(["dictData"]),
},
data() {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort (val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick (item) {
//有任务权限
if (item.sjlx == "3") {
const { href } = this.$router.resolve(
"/djbworkFrameview?bsmSlsq=" +
};
},
activated() {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
};
},
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick() {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskDone({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
records.forEach((item) => {
item.qlrmc = item.qlrmc.join(",");
item.ywh = item.ywh.join(",");
item.zl = item.zl.join(",");
item.outstepdate = item.outstepdate[0];
});
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort(val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick(item) {
//有任务权限
if (item.sjlx == "3") {
item.djywbm = "DJBBL";
const { href } = this.$router.resolve(
"/djbworkFrameview?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bestepid +
"&sqywbm=" +
item.djywbm
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid
);
window.open(href, `workFrameView${item.bsmSlsq}`);
}
);
window.open(href, `workFrameView${item.bsmSlsq}`);
}
}
}
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 09:58:05
* @LastEditTime: 2023-08-07 16:06:37
-->
<template>
<div class="from-clues">
......@@ -96,16 +96,16 @@
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-col :span="6">
<el-form-item label="项目名称">
<el-input placeholder="请输入项目名称" v-model="querydzForm.xmmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-col :span="18" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
<el-button type="primary" @click="handleSearch">查询11</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
......
......@@ -198,10 +198,11 @@
if (data[index].sffqlc == "1") {
this.selectParam = data[index];
this.btnDisabled = false;
// this.djqxList = []
} else {
this.btnDisabled = true;
this.getNextNode(data[index].bsmSqyw);
}
this.getNextNode(data[index].bsmSqyw);
},
//获取下个节点类型数据
/**
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 16:59:31
* @LastEditTime: 2023-08-04 09:52:09
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -113,7 +113,7 @@ class data extends filter {
},
{
label: '操作',
width: '130',
width: '100',
render: (h, scope) => {
return (
<div>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 16:59:35
* @LastEditTime: 2023-08-04 09:54:32
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -40,17 +40,6 @@ class data extends filter {
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
{/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span> */}
</div>
)
}
......@@ -61,6 +50,8 @@ class data extends filter {
},
{
prop: "qllxmc",
width: '100',
showOverflowTooltip: true,
label: "权利类型",
},
{
......@@ -70,6 +61,8 @@ class data extends filter {
{
prop: "zrzh",
label: "自然幢号",
width: '90',
showOverflowTooltip: true,
},
{
prop: "jzwmc",
......@@ -98,6 +91,7 @@ class data extends filter {
},
{
label: "土地/房屋用途",
minWidth: '170',
render: (h, scope) => {
return (
<div>
......@@ -119,13 +113,13 @@ class data extends filter {
{
prop: "zl",
label: "自然幢坐落",
minWidth: '130'
minWidth: '120',
showOverflowTooltip: true
},
{
label: '操作',
width: '160',
width: '110',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
......@@ -228,16 +222,16 @@ class data extends filter {
)
}
},
{
prop: "zcs",
label: "总层数",
width: '70',
},
{
prop: "zts",
label: "总套数",
width: '70',
},
// {
// prop: "zcs",
// label: "总层数",
// width: '70',
// },
// {
// prop: "zts",
// label: "总套数",
// width: '70',
// },
{
prop: "zl",
label: "多幢坐落",
......
......@@ -112,7 +112,7 @@ class data extends filter {
},
{
label: '操作',
width: '130',
width: '100',
render: (h, scope) => {
return (
<div>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 16:59:53
* @LastEditTime: 2023-08-04 09:47:56
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -104,9 +104,8 @@ class data extends filter {
},
{
label: '操作',
width: '160',
width: '110',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 17:00:00
* @LastEditTime: 2023-08-10 15:35:50
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -40,17 +40,6 @@ class data extends filter {
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
{/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span> */}
</div>
)
}
......@@ -67,7 +56,8 @@ class data extends filter {
{
prop: "bdcqzh",
label: "不动产权证号",
minWidth: '150'
showOverflowTooltip: true,
width: '150'
},
{
prop: "gyqk",
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 17:00:21
* @LastEditTime: 2023-08-04 09:52:38
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -112,7 +112,7 @@ class data extends filter {
},
{
label: '操作',
width: '130',
width: '100',
render: (h, scope) => {
return (
<div>
......
......@@ -129,7 +129,7 @@ class data extends filter {
{
label: '操作',
width: '130',
fixed: "right",
fixed: 'right',
render: (h, scope) => {
return (
<div>
......
......@@ -39,6 +39,7 @@ class data extends filter {
},
{
label: "在办环节",
minWidth: '100',
render: (h, scope) => {
if ((scope.row.zbhj != '' && scope.row.zbhj != null) || (scope.row.userName != '' && scope.row.userName != null))
return (
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-04-19 09:29:54
-->
<template>
<img :src="formData.previewImage" class="imgClass">
</template>
<script>
export default {
props: {
formData: {
type: Object,
default: () => { }
}
}
}
</script>
<style>
.imgClass {
width: 100%;
}
</style>
\ No newline at end of file
......@@ -91,9 +91,7 @@ class data extends filter {
width: '80',
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
</div>
<el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
)
}
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 14:07:38
* @LastEditTime: 2023-08-10 14:05:49
-->
<template>
<div class="from-clues">
......@@ -37,7 +37,7 @@
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
<!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
</el-form-item>
</el-col>
</el-row>
......@@ -83,7 +83,6 @@
this.queryClick();
},
methods: {
// 查询
/**
* @description: 查询
* @author: renchao
......@@ -108,20 +107,13 @@
this.$startLoading()
bdcqzPreview(item).then(res => {
this.$endLoading()
this.dialogVisible = true;
let blob = new Blob([res]);
this.$popupDialog("证书内容", "zhcx/zslqcx/components/zslr", { 'previewImage': window.URL.createObjectURL(blob) })
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
bsmSlsq: item.bsmSlsq
}, '1210px', true)
})
},
/**
* @description: handleClose
* @author: renchao
*/
handleClose () {
this.dialogVisible = false;
}
},
};
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -31,7 +31,7 @@
<el-col :span="3" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" icon="el-icon-search" @click="handleSearch">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
<!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
</el-form-item>
</el-col>
</el-row>
......