Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0bec57c5 by xiaomiao
Options

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

2 parents d1d36b0c 4481dd01
Inline Side-by-side
Showing 32 changed files with 2025 additions and 1646 deletions
......@@ -119,7 +119,7 @@ export function getSlsqBdcqzList (params) {
}
/**
* @description: 证书预览
* @description: 证书证明预览
* @param {*} data
* @author: renchao
*/
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:27:35
* @LastEditTime: 2023-08-30 15:52:11
-->
<template>
<!-- 受理信息 -->
......@@ -10,7 +10,6 @@
:model="ruleForm"
:rules="rules"
:class="{ readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -313,20 +312,6 @@
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="不动产登记证明号：" prop="bdcqzh">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
:rules="rules.qxdmrules"
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="在建建筑物抵押范围：">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
......@@ -401,24 +386,6 @@
</el-date-picker>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="是否预告登记：">
<el-select v-model="ruleForm.diyaq.sfygdj">
<el-option
v-for="item in dictData['A6']"
: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="在建建筑物坐落：">
<el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="24">
<el-form-item label="登记原因：">
<el-input v-model="ruleForm.diyaq.djyy"></el-input>
......
/*
* @Description:workFramezu.vue组件的方法 头部按钮弹框方法
* @Autor: miaofang
* @LastEditTime: 2023-08-10 13:41:26
* @LastEditTime: 2023-08-30 15:52:01
*/
import { getPrintTemplateByCode } from "@/api/print";
import { getQllxByBdcdyid } from "@/api/djbDetail.js";
......@@ -44,7 +44,6 @@ export default {
this.flowInitParam();
},
methods: {
//加载流程初始参数
/**
* @description: 加载流程初始参数
* @author: renchao
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-21 11:23:22
* @LastEditTime: 2023-09-01 09:18:29
-->
<template>
<div class="edit">
......@@ -460,7 +460,6 @@
}
.edit {
height: 100%;
background-color: #f4f9ff;
.tab-content {
border: 1px solid #dedede;
border-left: 0;
......
......@@ -1336,7 +1336,7 @@ class data extends filter {
label: "森林类别",
},
{
prop: "zylz",
prop: "zysz",
label: "主要树种",
},
{
......
......@@ -27,8 +27,15 @@ class data extends filter {
}
},
{
prop: 'bdcqzh',
width: '130',
label: '不动产权证号',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: 'djsj',
......@@ -43,8 +50,15 @@ class data extends filter {
label: '网签时间',
},
{
prop: 'bdcdyh',
width: '130',
label: '不动产单元号',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcdyh}</span>
</el-tooltip>
)
}
},
{
prop: 'gyfs',
......@@ -59,8 +73,15 @@ class data extends filter {
label: '证件号',
},
{
prop: 'zl',
label: '房地坐落',
width: '100',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
prop: 'fwmj',
......
......@@ -141,7 +141,6 @@
handleSort (name, sort) {
console.log(name, sort);
},
// 查看
/**
* @description: 查看
* @param {*} scope
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-30 08:40:36
* @LastEditTime: 2023-09-01 08:20:51
-->
<template>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
......@@ -187,9 +187,9 @@
setTimeout(() => {
that.ruleForm.tmpcontent = document.getElementById("S1").value;
if (that.ruleForm.tmpno == 'zsdy') {
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>");
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src=" + window._config.services.management + "':9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>");
} else if (that.ruleForm.tmpno == 'zmdy') {
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>");
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src=" + window._config.services.management + "':9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>");
}
LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);//打印包含背景图
that.loadStatus = '2';
......
......@@ -5,7 +5,7 @@
-->
<template>
<div>
<ul class="edit-title-list" v-if="djlxList.length > 0">
<ul class="edit-title-list" v-if="djlxList.length > 0 ">
<li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
:class="{ active: index == tn }">
{{ item.nodename }}
......@@ -190,15 +190,19 @@
*/
init () {
this.tn = 0;
getDjlxInfo(this.formData.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
} else {
if(this.formData.sqfl=="2"){
this.getDetail(this.formData.bsmSqyw);
}
})
}else{
getDjlxInfo(this.formData.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
} else {
this.getDetail(this.formData.bsmSqyw);
}
})
}
},
/**
* @description: orderNoChange
......
......@@ -54,317 +54,318 @@
</el-form>
</template>
<script>
import { addSysNotice, updateSysNotice } from "@/api/sysNotice.js";
import { upload } from "@/api/file.js";
import { quillEditor } from "vue-quill-editor";
export default {
props: {
formData: {
type: Object,
default: () => { }
}
},
components: { quillEditor },
data () {
return {
ruleForm: {
noticeTitle: "",
noticeContent: "",
noticeFileUrl: "",
noticeSource: "",
validDays: 14,
noticeType: "1"
},
rules: {
noticeTitle: [
{ required: true, message: "请输入通知标题", trigger: "blur" }
],
noticeContent: [
{ required: true, message: "请输入通知内容", trigger: "blur" }
],
noticeSource: [
{ required: true, message: "请输入通知来源", trigger: "blur" }
]
},
// 富文本编辑器配置
editorOption: {
theme: "snow", // or 'bubble'
modules: {
toolbar: {
container: [
["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
["blockquote", "code-block"], // 引用 代码块
[{ header: 1 }, { header: 2 }], // 1、2 级标题
[{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
[{ script: "sub" }, { script: "super" }], // 上标/下标
[{ indent: "-1" }, { indent: "+1" }], // 缩进
[{ direction: "rtl" }], // 文本方向
[{ size: ["small", false, "large", "huge"] }], // 字体大小
[{ header: [1, 2, 3, 4, 5, 6] }], // 标题
[{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
// [{ font: ['songti'] }], // 字体种类
[{ align: [] }], // 对齐方式
["clean"], // 清除文本格式
["image", "video"] // 链接、图片、视频
],
handlers: {
image: function (value) {
if (value) {
// 用upload的点击事件代替文本编辑器的图片上传事件
document.querySelector(".richUpload input").click();
} else {
this.quill.format("image", false);
import { addSysNotice, updateSysNotice } from "@/api/sysNotice.js";
import { upload } from "@/api/file.js";
import store from '@/store'
import { quillEditor } from "vue-quill-editor";
export default {
props: {
formData: {
type: Object,
default: () => { }
}
},
components: { quillEditor },
data () {
return {
ruleForm: {
noticeTitle: "",
noticeContent: "",
noticeFileUrl: "",
noticeSource: "",
validDays: 14,
noticeType: "1"
},
rules: {
noticeTitle: [
{ required: true, message: "请输入通知标题", trigger: "blur" }
],
noticeContent: [
{ required: true, message: "请输入通知内容", trigger: "blur" }
],
noticeSource: [
{ required: true, message: "请输入通知来源", trigger: "blur" }
]
},
// 富文本编辑器配置
editorOption: {
theme: "snow", // or 'bubble'
modules: {
toolbar: {
container: [
["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
["blockquote", "code-block"], // 引用 代码块
[{ header: 1 }, { header: 2 }], // 1、2 级标题
[{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
[{ script: "sub" }, { script: "super" }], // 上标/下标
[{ indent: "-1" }, { indent: "+1" }], // 缩进
[{ direction: "rtl" }], // 文本方向
[{ size: ["small", false, "large", "huge"] }], // 字体大小
[{ header: [1, 2, 3, 4, 5, 6] }], // 标题
[{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
// [{ font: ['songti'] }], // 字体种类
[{ align: [] }], // 对齐方式
["clean"], // 清除文本格式
["image", "video"] // 链接、图片、视频
],
handlers: {
image: function (value) {
if (value) {
// 用upload的点击事件代替文本编辑器的图片上传事件
document.querySelector(".richUpload input").click();
} else {
this.quill.format("image", false);
}
}
}
}
}
},
placeholder: "请输入正文"
},
placeholder: "请输入正文"
}
};
},
mounted () {
this.$nextTick(() => {
//创建富文本粘贴事件监听
let quill = this.$refs.myQuillEditor.quill;
this.$forceUpdate();
quill.root.addEventListener(
"paste",
evt => {
if (
evt.clipboardData &&
evt.clipboardData.files &&
evt.clipboardData.files.length
) {
evt.preventDefault();
[].forEach.call(evt.clipboardData.files, file => {
if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) {
return;
}
that.clipboardPictureChange(file);
});
}
},
false
)
})
if (!this.formData.isButtonFlag) {
this.getDetailInfo(this.formData)
}
};
},
mounted () {
this.$nextTick(() => {
//创建富文本粘贴事件监听
let quill = this.$refs.myQuillEditor.quill;
this.$forceUpdate();
quill.root.addEventListener(
"paste",
evt => {
if (
evt.clipboardData &&
evt.clipboardData.files &&
evt.clipboardData.files.length
) {
evt.preventDefault();
[].forEach.call(evt.clipboardData.files, file => {
if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) {
return;
}
that.clipboardPictureChange(file);
});
if (this.formData.edit) {
this.getDetailInfo(this.formData)
}
},
methods: {
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if (that.ruleForm.bsmNotice) {
that.editNotice();
} else {
that.addNotice();
}
} else {
return false;
}
},
false
)
})
if (!this.formData.isButtonFlag) {
this.getDetailInfo(this.formData)
}
if (this.formData.edit) {
this.getDetailInfo(this.formData)
}
},
methods: {
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if (that.ruleForm.bsmNotice) {
that.editNotice();
});
},
//关闭窗口
/**
* @description: 关闭窗口
* @author: renchao
*/
closeDialog () {
this.$popupCacel()
this.resetRuleForm();
},
//新增通知
/**
* @description: 新增通知
* @author: renchao
*/
addNotice () {
// 解决报错
// this.ruleForm.noticeType = "1"
addSysNotice(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
store.dispatch("user/refreshPage", true);
this.$popupCacel()
this.resetRuleForm();
} else {
that.addNotice();
this.$message.error(res.message);
}
} else {
return false;
}
});
},
//关闭窗口
/**
* @description: 关闭窗口
* @author: renchao
*/
closeDialog () {
this.$popupCacel()
this.resetRuleForm();
},
//新增通知
/**
* @description: 新增通知
* @author: renchao
*/
addNotice () {
// 解决报错
// this.ruleForm.noticeType = "1"
addSysNotice(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.$popupCacel()
this.resetRuleForm();
this.$parent.queryClick();
} else {
this.$message.error(res.message);
}
});
},
//编辑通知
/**
* @description: 编辑通知
* @author: renchao
*/
editNotice () {
updateSysNotice(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success("编辑成功");
this.$popupCacel()
this.resetRuleForm();
this.$parent.queryClick();
} else {
this.$message.error(res.message);
});
},
//编辑通知
/**
* @description: 编辑通知
* @author: renchao
*/
editNotice () {
updateSysNotice(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success("编辑成功");
this.$popupCacel()
this.resetRuleForm();
store.dispatch("user/refreshPage", true);
} else {
this.$message.error(res.message);
}
});
},
/**
* @description: 重置表单
* @author: renchao
*/
resetRuleForm () {
this.ruleForm = {
noticeTitle: "",
noticeContent: "",
noticeFileUrl: "",
noticeSource: "",
validDays: 14,
noticeType: "1"
}
});
},
//重置表单
/**
* @description: 重置表单
* @author: renchao
*/
resetRuleForm () {
this.ruleForm = {
noticeTitle: "",
noticeContent: "",
noticeFileUrl: "",
noticeSource: "",
validDays: 14,
noticeType: "1"
},
/**
* @description: beforeUpload
* @param {*} file
* @author: renchao
*/
beforeUpload (file) {
return true;
},
//附件上传事件
/**
* @description: 附件上传事件
* @param {*} file
* @author: renchao
*/
async handleChange (file) {
var formdata = new FormData();
formdata.append("file", file.raw);
upload(formdata).then(res => {
this.ruleForm.noticeFileUrl = res.message;
});
},
//富文本图片上传事件
/**
* @description: 富文本图片上传事件
* @param {*} file
* @author: renchao
*/
RichTexthandleChange (file) {
this.uploadPicture(file.raw)
},
//图片粘贴事件
/**
* @description: 图片粘贴事件
* @param {*} file
* @author: renchao
*/
clipboardPictureChange (file) {
this.uploadPicture(file)
},
/**
* @description: getDetailInfo
* @param {*} item
* @author: renchao
*/
getDetailInfo (item) {
this.ruleForm = item
},
/**
* @description: uploadPicture
* @param {*} file
* @author: renchao
*/
uploadPicture (file) {
let that = this;
var formdata = new FormData();
formdata.append("file", file);
upload(formdata).then(res => {
//editor对象
const quill = that.$refs.myQuillEditor.quill;
// 如果上传成功
// 获取光标所在位置
const length = quill.selection.savedRange.index;
// 插入图片
quill.insertEmbed(length, "image", res.message);
// 调整光标到最后
quill.setSelection(length + 1);
});
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
//console.log("submit!");
},
// 失去焦点事件
/**
* @description: 失去焦点事件
* @param {*} quill
* @author: renchao
*/
onEditorBlur (quill) {
//console.log("editor blur!", quill);
},
// 获得焦点事件
/**
* @description: 获得焦点事件
* @param {*} quill
* @author: renchao
*/
onEditorFocus (quill) {
//console.log("editor focus!", quill);
},
// 准备富文本编辑器
/**
* @description: 准备富文本编辑器
* @param {*} quill
* @author: renchao
*/
onEditorReady (quill) {
//console.log("editor ready!", quill);
},
// 内容改变事件
/**
* @description: 内容改变事件
* @param {*} quill
* @param {*} html
* @param {*} text
* @author: renchao
*/
onEditorChange ({ quill, html, text }) {
//console.log("editor change!", quill, html, text);
//this.content = html;
}
},
/**
* @description: beforeUpload
* @param {*} file
* @author: renchao
*/
beforeUpload (file) {
return true;
},
//附件上传事件
/**
* @description: 附件上传事件
* @param {*} file
* @author: renchao
*/
async handleChange (file) {
var formdata = new FormData();
formdata.append("file", file.raw);
upload(formdata).then(res => {
this.ruleForm.noticeFileUrl = res.message;
});
},
//富文本图片上传事件
/**
* @description: 富文本图片上传事件
* @param {*} file
* @author: renchao
*/
RichTexthandleChange (file) {
this.uploadPicture(file.raw)
},
//图片粘贴事件
/**
* @description: 图片粘贴事件
* @param {*} file
* @author: renchao
*/
clipboardPictureChange (file) {
this.uploadPicture(file)
},
/**
* @description: getDetailInfo
* @param {*} item
* @author: renchao
*/
getDetailInfo (item) {
this.ruleForm = item
},
/**
* @description: uploadPicture
* @param {*} file
* @author: renchao
*/
uploadPicture (file) {
let that = this;
var formdata = new FormData();
formdata.append("file", file);
upload(formdata).then(res => {
//editor对象
const quill = that.$refs.myQuillEditor.quill;
// 如果上传成功
// 获取光标所在位置
const length = quill.selection.savedRange.index;
// 插入图片
quill.insertEmbed(length, "image", res.message);
// 调整光标到最后
quill.setSelection(length + 1);
});
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
//console.log("submit!");
},
// 失去焦点事件
/**
* @description: 失去焦点事件
* @param {*} quill
* @author: renchao
*/
onEditorBlur (quill) {
//console.log("editor blur!", quill);
},
// 获得焦点事件
/**
* @description: 获得焦点事件
* @param {*} quill
* @author: renchao
*/
onEditorFocus (quill) {
//console.log("editor focus!", quill);
},
// 准备富文本编辑器
/**
* @description: 准备富文本编辑器
* @param {*} quill
* @author: renchao
*/
onEditorReady (quill) {
//console.log("editor ready!", quill);
},
// 内容改变事件
/**
* @description: 内容改变事件
* @param {*} quill
* @param {*} html
* @param {*} text
* @author: renchao
*/
onEditorChange ({ quill, html, text }) {
//console.log("editor change!", quill, html, text);
//this.content = html;
}
}
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/dialogBoxheader.scss";
@import "~@/styles/dialogBoxheader.scss";
.quill-editor {
padding: 0;
}
.quill-editor {
padding: 0;
}
.ql-editor {
height: auto !important;
}
.ql-editor {
height: auto !important;
}
/deep/.ql-container {
padding: 0;
max-height: 400px;
min-height: 160px;
overflow-y: scroll;
}</style>
/deep/.ql-container {
padding: 0;
max-height: 400px;
min-height: 160px;
overflow-y: scroll;
}
</style>
......
......@@ -38,6 +38,7 @@
</template>
<script>
import table from "@/utils/mixin/table";
import { mapGetters } from 'vuex'
import { datas, sendThis } from "./xttzdata";
import { getSysNoticeList, deleteSysNotice, publishNotice, unPublishNotice } from "@/api/sysNotice.js"
import addDialog from "./components/addDialog.vue";
......@@ -73,6 +74,17 @@
isDiglog: false
}
},
computed: {
...mapGetters(['isRefresh'])
},
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.queryClick()
},
immediate: true
}
},
methods: {
// 列表渲染接口
/**
......@@ -90,7 +102,6 @@
}
})
},
//打开新增弹窗
/**
* @description: 打开新增弹窗
* @param {*} item
......@@ -102,6 +113,7 @@
} else {
this.$popupDialog("新增系统通知", "system/xttz/components/addDialog", { "isButtonFlag": true }, "50%")
}
this.$store.dispatch("user/refreshPage", false);
},
//删除
delNotice (item) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-16 16:45:42
* @LastEditTime: 2023-09-01 10:23:30
-->
<template>
<dialogBox
title="申请人信息"
width="60%"
width="75%"
isMain
v-model="myValue"
:isFullscreen="false"
@submitForm="submitForm"
@closeDialog="closeDialog"
:isButton="showButton"
>
:isButton="showButton">
<el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
<el-tab-pane label="基本信息" name="1"></el-tab-pane>
<el-tab-pane label="个人信息备案" name="2"></el-tab-pane>
<el-tab-pane label="企业信息备案" name="3"></el-tab-pane>
</el-tabs>
<el-form
v-if="activeName==1"
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="120px"
>
label-width="120px">
<el-form-item label="身份证读卡器">
<el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button>
</el-form-item>
<el-row>
<el-col :span="8">
<el-form-item label="权利人类型" prop="sqrlx">
......@@ -28,14 +37,12 @@
v-model="ruleForm.sqrlx"
class="width100"
:disabled="!showButton"
placeholder="请选择"
>
placeholder="请选择">
<el-option
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -45,8 +52,7 @@
<el-input
v-model="ruleForm.sqrmc"
maxlegth="15"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -56,14 +62,12 @@
v-model="ruleForm.zjzl"
:disabled="!showButton"
class="width100"
placeholder="请选择"
>
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -76,8 +80,7 @@
v-model="ruleForm.zjh"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"
></el-input>
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -86,37 +89,34 @@
v-model="ruleForm.dh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利比例" prop="qlbl">
<el-input
v-model="ruleForm.qlbl"
maxlength="32"
:disabled="!showButton || this.ruleForm.gyfs == 1"
></el-input>
<el-form-item label="性别" prop="xb">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
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-row>
<el-row>
<el-col :span="8">
<el-form-item label="法人名称" prop="frmc">
<el-input
v-model="ruleForm.frmc"
maxlength="32"
:disabled="!showButton"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="国家/地区" prop="gj">
<el-input
v-model="ruleForm.gj"
maxlength="3"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -124,20 +124,34 @@
<el-input
v-model="ruleForm.hjszss"
maxlength="3"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利比例" prop="qlbl">
<el-input
v-model="ruleForm.qlbl"
maxlength="32"
:disabled="!showButton || this.ruleForm.gyfs == 1"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-col :span="8">
<el-form-item label="法人名称" prop="frmc">
<el-input
v-model="ruleForm.frmc"
maxlength="32"
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="地址" prop="txdz">
<el-input
v-model="ruleForm.txdz"
maxlength="100"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -148,8 +162,7 @@
<el-input
v-model="ruleForm.fzjg"
maxlength="10"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -157,8 +170,7 @@
<el-input
v-model="ruleForm.dzyj"
:disabled="!showButton"
maxlength="25"
></el-input>
maxlength="25"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -167,8 +179,7 @@
v-model.number="ruleForm.yb"
:disabled="!showButton"
maxlength="6"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -179,8 +190,7 @@
<el-input
v-model="ruleForm.gzdw"
maxlength="32"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
......@@ -188,8 +198,7 @@
<el-input
v-model="ruleForm.dlrjg"
maxlength="32"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -201,8 +210,7 @@
v-model="ruleForm.dlrdh"
:disabled="!showButton"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -210,8 +218,7 @@
<el-input
v-model="ruleForm.dlrmc"
maxlength="15"
:disabled="!showButton"
></el-input>
:disabled="!showButton"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -221,142 +228,233 @@
v-model="ruleForm.dlrzjlx"
:disabled="!showButton"
class="width100"
placeholder="请选择"
>
placeholder="请选择">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="性别" prop="xb">
<el-select
clearable
v-model="ruleForm.xb"
:disabled="!showButton"
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"
:disabled="!showButton"
maxlength="18"
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"
></el-input>
oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div v-if="activeName==2">
<el-form :model="queryForm">
<el-row>
<el-col :span="8">
<el-form-item label="证件号">
<el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称">
<el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<lb-table
:page-size="pageData.pageSize" :heightNum="487"
:current-page.sync="pageData.currentPage" :total="tableDataGr.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableDataGr.columns"
:data="tableDataGr.data">
</lb-table>
</div>
<div v-if="activeName==3">
<el-form :model="queryForm">
<el-row>
<el-col :span="8">
<el-form-item label="证件号">
<el-input placeholder="证件号" maxlength="28" v-model="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称">
<el-input placeholder="" v-model.trim="queryForm.sqrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<lb-table
:page-size="pageData.pageSize" :heightNum="487"
:current-page.sync="pageData.currentPage" :total="tableDataQy.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableDataQy.columns"
:data="tableDataQy.data">
</lb-table>
</div>
</dialogBox>
</template>
<script>
import { mapGetters } from "vuex";
export default {
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: { type: Boolean, default: false },
},
computed: {
...mapGetters(["dictData"]),
},
data() {
return {
myValue: this.value,
ruleForm: {
sqrlx: "",
sqrmc: "",
zjzl: "",
zjh: "",
dh: "",
xb: "",
fs: "",
frmc: "",
gj: "",
hjszss: "",
txdz: "",
yb: "",
fzjg: "",
dzyj: "",
qlbl: "",
gzdw: "",
dlrjg: "",
dlrmc: "",
dlrzjlx: "",
dlrzjh: "",
dlrdh: "",
},
rules: {
sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
};
},
watch: {
value(val) {
this.myValue = _.cloneDeep(val);
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { getIdCardInfo } from '@/utils/operation.js'
import { dataGr, dataQy, sendThis } from "../../javascript/addQlrData";
export default {
mixins: [table],
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: { type: Boolean, default: false },
},
details: {
handler: function (val, oldVal) {
this.ruleForm = val;
},
deep: true,
computed: {
...mapGetters(["dictData"]),
},
},
methods: {
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog() {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
data () {
return {
activeName: '1',
myValue: this.value,
ruleForm: {
sqrlx: "",
sqrmc: "",
zjzl: "",
zjh: "",
dh: "",
xb: "",
fs: "",
frmc: "",
gj: "",
hjszss: "",
txdz: "",
yb: "",
fzjg: "",
dzyj: "",
qlbl: "",
gzdw: "",
dlrjg: "",
dlrmc: "",
dlrzjlx: "",
dlrzjh: "",
dlrdh: "",
},
rules: {
sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
tableDataGr: {
total: 0,
columns: dataGr.columns(),
data: [],
},
queryForm: {
zjh: "",
sqrmc: ""
},
tableDataQy: {
total: 0,
columns: dataQy.columns(),
data: [],
},
}
},
/**
* @description: submitForm
* @author: renchao
*/
submitForm() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
this.$emit("input", false);
this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
this.$refs["ruleForm"].resetFields();
} else {
return false;
}
});
mounted () {
sendThis(this);
},
},
};
watch: {
value (val) {
this.myValue = _.cloneDeep(val)
},
details: {
handler: function (val, oldVal) {
this.ruleForm = val;
},
deep: true
}
},
methods: {
handleClick (event, tab) { },
handlesGrSelect () { },
handleSearch () { },
/**
* @description: 身份证打卡器
* @param {*} row
* @author: renchao
*/
readClick () {
getIdCardInfo().then(res => {
if (res.data.code == 0) {
let data = res.data.IDCardInfo
this.ruleForm.sqrmc = data.name
this.ruleForm.zjzl = '1'
this.ruleForm.zjh = data.cardID
this.ruleForm.xb = data.sexCode
this.ruleForm.txdz = data.address
this.ruleForm.fzjg = data.issueOrgan
this.$message({
message: '读取成功！',
type: 'success'
})
} else {
this.$message({
message: res.data.message,
type: 'warning'
})
}
})
},
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
},
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
this.$emit("input", false);
this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
this.$refs["ruleForm"].resetFields();
} else {
return false;
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-30 10:36:11
* @LastEditTime: 2023-08-30 17:33:06
-->
<template>
<div>
......@@ -22,17 +22,9 @@
</el-select>
</el-form-item>
</el-form>
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
<el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
v-for="(item, index) in headTabBdcqz" :key="index">
</el-tab-pane>
</el-tabs>
<el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
<div class="zs-content">
<canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
<canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas>
</div>
</div>
<!-- 打印模板需要此模块 -->
......@@ -65,7 +57,6 @@
return {
key: 0,
// 不动产证书图片地址
noData: false,
imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
loading: false,
......@@ -74,8 +65,6 @@
ysxlh: [],
//列名称对象
columns: [],
//tab切换栏数组
headTabBdcqz: [],
//tab选择绑定值
activeName: '',
ruleForm: {
......@@ -92,11 +81,15 @@
}
}
},
created () {
mounted () {
store.dispatch('user/refreshPage', false)
this.columns = datas.columns()
this.ysxlhList()
this.getHeadTabBdcqz()
if (this.formData.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
},
methods: {
/**
......@@ -111,43 +104,6 @@
})
},
/**
* @description: 获取受理申请下全部不动产权证
* @author: renchao
*/
getHeadTabBdcqz () {
this.loading = true
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
if (res.code == 200) {
this.noData = true
if (res.result && res.result.length > 0) {
this.activeName = res.result[0].bsmBdcqz
this.bdcqz = res.result[0]
this.headTabBdcqz = res.result
if (res.result[0].bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
}
}
this.loading = false
})
},
/**
* @description: tab表头切换方法
* @param {*} e
* @author: renchao
*/
handleClick (e) {
this.bdcqz = this.headTabBdcqz[e.index - 0]
this.activeName = this.headTabBdcqz.bsmBdcqz
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
},
/**
* @description: 不动产证书
* @author: renchao
*/
......@@ -172,25 +128,25 @@
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97);
context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136);
context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56);
context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56);
context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56);
context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56);
context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97);
context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136);
this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223);
context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263);
context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303);
context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346);
// context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386);
let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : [];
if (getByteLen(this.bdcqz.mj) > 41) {
context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263);
context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303);
context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346);
// context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386);
let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : [];
if (getByteLen(this.formData.bdcqz.mj) > 41) {
lines6.forEach((line, index) => {
const y = 378 + (index * 27); // 每行文本的垂直位置
let currentLine = '';
......@@ -233,7 +189,7 @@
}
// 权利其他状态
const maxWidth = 332; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
......@@ -268,7 +224,7 @@
}
}
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
lines1.forEach((line, index) => {
const y = 100 + (index * 30); // 每行文本的垂直位置
let currentLine = '';
......@@ -288,8 +244,8 @@
context.fillText(line, 580, y + (index * 30)); // 调整行高
})
})
let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : [];
if (getByteLen(this.bdcqz.syqx) > 41) {
let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : [];
if (getByteLen(this.formData.bdcqz.syqx) > 41) {
lines3.forEach((line, index) => {
const y = 423 + (index * 27); // 每行文本的垂直位置
let currentLine = '';
......@@ -331,8 +287,8 @@
})
}
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) > 41) {
let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
if (getByteLen(this.formData.bdcqz.zl) > 41) {
lines2.forEach((line, index) => {
const y = 170 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
......@@ -403,25 +359,25 @@
context.font = '16px 楷体';
context.fillStyle = '#000000';
// ysxlh
context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712);
// djsj
if (this.bdcqz.djsj) {
let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
if (this.formData.bdcqz.djsj) {
let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/')
context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
}
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123);
context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125);
context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125);
context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125);
context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123);
context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180);
context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228);
// 义务人
context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
// context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) > 41) {
context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275);
// context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325);
let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
if (getByteLen(this.formData.bdcqz.zl) > 41) {
lines2.forEach((line, index) => {
const y = 315 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
......@@ -463,12 +419,12 @@
})
}
// bdcdyh
this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
// qlqtzk
const maxWidth = 295; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
......@@ -503,7 +459,7 @@
}
}
// fj
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
for (let i = 0; i < lines1.length; i++) {
let num = Math.ceil(getByteLen(lines1[i]) / 41)
if (getByteLen(lines1[i]) > 41) {
......@@ -560,18 +516,18 @@
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
that.$popupCacel()
if (this.bdcqz.bdcqzlx == 1) {
if (this.formData.bdcqz.bdcqzlx == 1) {
getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
if (res.code == 200) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in this.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
for (let key in this.formData.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
}
LODOP.PREVIEW();
that.$popupCacel()
......@@ -587,14 +543,14 @@
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
// 年月日
this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0]
this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1]
this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1]
this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0]
this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in this.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
for (let key in this.formData.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
}
LODOP.PREVIEW();
that.$popupCacel()
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-30 10:33:52
* @LastEditTime: 2023-08-31 09:48:52
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -13,8 +13,8 @@
</el-tabs>
<el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
<div style="width:1180px;">
<canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
<canvas ref="zs" width="1000" v-show="this.bdcqz.bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="this.bdcqz.bdcqzlx==2" height="780"></canvas>
</div>
</div>
</template>
......@@ -90,10 +90,14 @@
if (res.code == 200) {
this.noData = true
if (res.result && res.result.length > 0) {
this.activeName = res.result[0].bsmBdcqz
this.bdcqz = res.result[0]
this.headTabBdcqz = res.result
if (res.result[0].bdcqzlx == 1) {
if (this.formData.bsmBdcqz) {
this.activeName = this.formData.bsmBdcqz
} else {
this.activeName = res.result[0].bsmBdcqz
}
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
......@@ -108,9 +112,8 @@
* @param {*} e
* @author: renchao
*/
handleClick (e) {
this.bdcqz = this.headTabBdcqz[e.index - 0]
this.activeName = this.headTabBdcqz.bsmBdcqz
handleClick (tab, event) {
this.bdcqz = this.headTabBdcqz[tab.index]
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
......@@ -461,19 +464,20 @@
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 770, 438 + (23 * (i - 1)) + 5 * num + (index * 18)); // 调整行高
context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 770, 438 + (23 * (i - 1)) + (index * 18)); // 调整行高
context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高
})
}
} else {
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 770, 450 + 5 * num + (23 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 770, 450 + (23 * (i - 1)));
}
context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1)));
// if (i > 0) {
// context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1)));
// } else {
// context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1)));
// }
}
}
// fj
......
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-08-28 08:44:31
* @LastEditTime: 2023-08-30 13:59:09
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -21,10 +21,11 @@
<div class="menu-con">
<p>{{ item.bdcdyh }}</p>
<el-tooltip effect="dark" :content="item.zl" placement="top">
<p class="title-detail">{{ item.zl }}</p>
<p v-if="item.sqfl=='1'" class="title-detail">{{ item.zl }}</p>
<p v-else class="title-detail">{{ item.qllxmc }}</p>
</el-tooltip>
</div>
<i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i>
<i class="el-icon-delete" v-if="unitData.length > 1 && item.sqfl=='1'" @click.stop="handleDel(item)"></i>
</el-menu-item>
</el-menu>
</div>
......@@ -194,7 +195,6 @@
});
});
},
//批量按钮点击事件
/**
* @description: 批量按钮点击事件
* @author: renchao
......@@ -203,9 +203,7 @@
this.currentSelectProps.batchOperation = true;
this.activeIndex = "-1";
this.$parent.stepForm(0);
},
//批量操作
/**
* @description: 批量操作
* @author: renchao
......@@ -216,7 +214,6 @@
dataList: this.unitData,
}, '50%', true)
},
//申请单元点击事件
/**
* @description: 申请单元点击事件
* @param {*} index
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 09:53:27
* @LastEditTime: 2023-09-01 08:21:18
-->
<template>
<div>
......@@ -124,12 +124,12 @@
let that = this
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
sqrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
// that.tableDataList = _.cloneDeep([{
// sqrmc: '',
// dlrzjlx: '',
// dlrzjh: '',
// fr: ''
// }])
} else {
that.tableDataList = _.cloneDeep(val)
}
......@@ -164,7 +164,7 @@
* @param {*} value
* @author: renchao
*/
handleupdateDetail (value) {
handleupdateDetail (value) {
let arr = this.tableData.map(item => item.zjh)
if (this.isaddupdate) {
if (!arr.includes(value.zjh)) {
......@@ -174,7 +174,7 @@
this.$message.error('证件号不能重复');
}
} else {
if (!arr.includes(value.zjh)||this.tableData[this.dataIndex].zjh==value.zjh) {
if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
} else {
......@@ -205,9 +205,8 @@
* @author: renchao
*/
deleClick (index, row) {
this.tableData.splice(index, 1)
this.tableData.splice(index, 1)
},
/**
* @description: 身份证读取
* @param {*} row
......@@ -244,7 +243,7 @@
*/
editClick (index, row) {
this.details = row
this.details.gyfs=this.gyfs
this.details.gyfs = this.gyfs
this.dataIndex = index
this.dialog = true
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 10:03:25
* @LastEditTime: 2023-08-31 09:36:04
-->
<template>
<div class="szxx">
......@@ -109,7 +109,6 @@
this.viewEdit = this.$parent.currentSelectTab.ableOperation
},
methods: {
//初始化列表
/**
* @description: 初始化列表
* @author: renchao
......@@ -125,7 +124,6 @@
}
});
},
//打开证书预览弹窗
/**
* @description: 打开证书预览弹窗
* @param {*} item
......@@ -134,20 +132,21 @@
*/
openZsylDialog (item, type) {
store.dispatch('user/reWorkFresh', false)
if (type == 1) {
//证书预览
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
//证书证明预览
this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
} else {
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
}
},
//再次打印
/**
* @description: 再次打印
* @param {*} item
* @author: renchao
*/
openInvalidDiglog (item) {
this.bdcqz = item
this.ysxlh = item.ysxlh
this.bsmSz = item.bsmSz;
this.invalidDiglog = true;
......@@ -162,7 +161,6 @@
this.bsmSz = "";
this.zfyy = "";
},
//作废缮证信息
/**
* @description: 作废缮证信息
* @author: renchao
......@@ -178,7 +176,7 @@
} else {
this.$message.error(res.message);
}
});
})
},
/**
* @description: openRecordPop
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 13:09:45
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data1 extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "sqrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "frmc",
label: "法人名称",
},
{
prop: "txdz",
label: "地址",
},
{
prop: "dh",
label: "联系电话",
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button>
</div>
)
}
},
]
}
}
class data2 extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "sqrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "frmc",
label: "法人名称",
},
{
prop: "txdz",
label: "地址",
},
{
prop: "dh",
label: "联系电话",
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" onClick={() => { this.handlesGrSelect(scope.row) }}>使用</el-button>
</div>
)
}
},
]
}
}
let dataGr = new data1()
let dataQy = new data2()
export {
dataGr,
dataQy,
sendThis
}
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-16 08:59:32
* @LastEditTime: 2023-08-31 09:35:49
*/
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
......@@ -14,9 +14,9 @@ import {
getWorkFlowImage,
getPrintApplicationInfo,
deleteFlow,
unClaimTask
unClaimTask,
getZdInfo
} from "@/api/workFlow.js";
import { mapGetters } from 'vuex'
import { getZrzbsmList } from "@/api/search.js";
import { ywPopupDialog } from "@/utils/popup.js";
export default {
......@@ -43,7 +43,6 @@ export default {
this.flowInitParam();
},
methods: {
//加载流程初始参数
/**
* @description: 加载流程初始参数
* @author: renchao
......@@ -123,7 +122,7 @@ export default {
this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true)
break;
case "B5":
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
bsmSlsq: this.bsmSlsq,
entryType: '1'
}, '1210px', true)
......@@ -174,7 +173,10 @@ export default {
break;
// 图形定位
case "B-TXDW":
this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
getZdInfo(this.currentSelectProps.bdcdyid).then(res => {
this.bsmZd = res?.result[0]?.bsmZd
this.$popupDialog('图形定位', 'workflow/components/dialog/txdw', { bsmZd: this.bsmZd }, '85%', true)
})
break;
case "back": //退回按钮
this.$popupDialog("退回", "workflow/components/th", {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-09 14:54:20
* @LastEditTime: 2023-08-30 14:14:55
-->
<template>
<div class="container">
......@@ -132,11 +132,7 @@
* @author: renchao
*/
getCurrentSelectProps (val) {
console.log(val, 'valvalvalval');
this.currentSelectProps = val
getZdInfo(val.bdcdyid).then(res => {
this.bsmZd = res?.result[0]?.bsmZd
})
},
/**
* @description: beforeunloadHandler
......@@ -158,7 +154,6 @@
unClaimTask(this.bsmSlsq, this.bestepid);
}
},
//申请单元点击事件
/**
* @description: 申请单元点击事件
* @param {*} index
......@@ -167,7 +162,7 @@
stepForm (index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
// this.fresh++;
//获取单元对应的所有表单信息
this.tabList = res.result;
//默认加载第一个表单信息
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 10:17:27
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "sqrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{vm.dictData["A30"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "frmc",
label: "法人名称",
},
{
prop: "txdz",
label: "地址",
},
{
prop: "dh",
label: "联系电话",
},
{
label: '操作',
width: '80',
align: 'center',
render: (h, scope) => {
return (
<div>
<el-button type="text" onClick={() => { this.handleDelete(scope.row) }}>删除</el-button>
</div>
)
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
<!--
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 08:59:16
* @LastEditTime: 2023-09-01 10:17:48
-->
<template>
<div class='qyxxba'> <el-empty description="正在开发"></el-empty></div>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="姓名/名称">
<el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="证件号">
<el-input placeholder="证件号" v-model="queryForm.zjh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="14" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
</template>
<script>
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./data"
export default {
name: "cwrz",
components: {},
mixins: [table],
mounted () {
sendThis(this);
},
computed: {
},
data () {
return {
}
queryForm: {
sqrmc: "",
zjh: "",
},
pageData: {
current: 1,
size: 10,
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
methods: {
/**
* @description: queryClick
* @author: renchao
*/
queryClick () {
},
handleSearch () { },
handleDelete () { }
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>
......
......@@ -2,13 +2,9 @@
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 14:08:27
* @LastEditTime: 2023-08-30 13:51:05
*/
export default {
data () {
return {
}
},
watch: {
'ruleForm.sldy.gyfs': {
handler: function (val, oldVal) {
......@@ -22,5 +18,5 @@ export default {
},
immediate: true
}
},
}
}
......
......@@ -118,7 +118,7 @@
<el-row :gutter="10">
<el-col :span="8" >
<el-form-item label="原不动产权证号：">
<el-form-item label="原不动产证号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-22 16:27:16
* @LastEditTime: 2023-08-30 15:47:48
-->
<template>
<div class="slxx">
......@@ -11,8 +11,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
v-Loading="loading"
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -81,14 +81,12 @@
<el-select
disabled
v-model="ruleForm.zdjbxx.mjdw"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
......@@ -120,19 +118,17 @@
<el-form-item label="房地产交易价格：">
<div class="flex">
<el-input
maxlength="11"
:disabled="!viewEdit"
maxlength="11"
:disabled="!viewEdit"
v-model="ruleForm.fdcq1.fdcjyjg"
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 :disabled="!viewEdit" v-model="ruleForm.fdcq1.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>
......@@ -142,12 +138,11 @@
<el-col :span="24">
<el-form-item label="附记：">
<el-input
:disabled="!viewEdit"
:disabled="!viewEdit"
v-model="ruleForm.fdcq1.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
show-word-limit></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -157,8 +152,7 @@
<fdcqxmTable
:ableOperation="viewEdit"
:tableData="ruleForm.fdcqxm"
@updateFdcwxmList="updateFdcwxmList"
/>
@updateFdcwxmList="updateFdcwxmList" />
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
......@@ -166,8 +160,7 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -177,8 +170,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
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>
......@@ -191,8 +183,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -200,20 +191,17 @@
</el-col>
<el-col
:span="5"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人1：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
></el-option>
:value="item.zjh"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -222,8 +210,7 @@
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div class="slxx_title title-block">
......@@ -235,8 +222,7 @@
:disabled="viewEdit"
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<div class="slxx_title title-block">
登记原因
......@@ -251,8 +237,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq1.djyy"
></el-input>
v-model="ruleForm.fdcq1.djyy"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -267,279 +252,284 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted() {
this.viewEdit = 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.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.qlxxdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
});
},
components: { qlrCommonTable, tdytTable, fdcqxmTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
flow: {
ywh: "",
},
qlxx: {
mj: "",
},
sldy: {
gyfs: "",
},
slsq: {},
fdcq1: {
zyjzmj: "",
ftjzmj: "",
},
zdjbxx: {
ghytmc: "",
},
},
//传递参数
propsParam: this.$attrs,
//表单是否可操作
viewEdit: false,
rules: {},
};
},
methods: {
updateFdcwxmList(val) {
this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
this.key++;
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.loading = true
this.viewEdit = 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.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.qlxxdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
setTimeout(() => {
this.loading = false
}, 200)
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
});
},
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
components: { qlrCommonTable, tdytTable, fdcqxmTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
data () {
return {
loading: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
flow: {
ywh: "",
},
qlxx: {
mj: "",
},
sldy: {
gyfs: "",
},
slsq: {},
fdcq1: {
zyjzmj: "",
ftjzmj: "",
},
zdjbxx: {
ghytmc: "",
},
},
//传递参数
propsParam: this.$attrs,
//表单是否可操作
viewEdit: false,
rules: {},
};
},
methods: {
updateFdcwxmList (val) {
this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
this.key++;
},
/**
* @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);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @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,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
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.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
}
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",
});
}
});
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>
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-30 10:32:13
* @LastEditTime: 2023-09-01 09:22:02
-->
<template>
<div class="slxx">
<el-form
:model="ruleForm"
:rules="rules"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px">
label-width="190px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -168,6 +169,30 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用(承包)起始时间：">
<el-input v-model="ruleForm.lq.ldsyqssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用(承包)结束时间：">
<el-input v-model="ruleForm.lq.ldsyjssj"></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-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="林地使用 (承包)期限：">
<el-input v-model="ruleForm.lq.ldsyqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="附记：">
<el-input
v-model="ruleForm.lq.fj"
......@@ -177,14 +202,14 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<!-- <div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList" /> -->
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -237,7 +262,7 @@
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
<div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -285,6 +310,7 @@
export default {
mixins: [ywmix],
mounted () {
this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -307,15 +333,19 @@
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
setTimeout(() => {
this.loading = false
}, 200)
}
});
})
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
...mapGetters(["dictData", "flag"])
},
data () {
return {
loading: false,
disabled: true,
tdytOption: [],
czrOptions: [],
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-30 10:34:54
* @LastEditTime: 2023-09-01 09:52:40
-->
<template>
<div class="slxx">
......@@ -11,7 +11,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px">
label-width="190px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -168,6 +168,30 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用(承包)起始时间：">
<el-input v-model="ruleForm.lq.ldsyqssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用(承包)结束时间：">
<el-input v-model="ruleForm.lq.ldsyjssj"></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-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="林地使用 (承包)期限：">
<el-input v-model="ruleForm.lq.ldsyqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="附记：">
<el-input
v-model="ruleForm.lq.fj"
......@@ -177,14 +201,14 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
<!-- <div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
</div> -->
<!-- <tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList" /> -->
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -237,7 +261,7 @@
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
<div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......
......@@ -4,12 +4,11 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -55,7 +54,7 @@
</div>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="原不动产登记证明号：">
<el-form-item label="原不动产证号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
......@@ -88,8 +87,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>
......@@ -103,24 +101,22 @@
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>
</el-col>
<el-col :span="8">
<el-form-item label="所在层：">
<el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
<el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input
maxlength="4"
maxlength="4"
v-model.number="ruleForm.ygdj.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -132,8 +128,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>
......@@ -143,18 +138,16 @@
<el-form-item label="建筑面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.ygdj.jzmj"
:disabled="!viewEdit"
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: 68px">
<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>
......@@ -163,24 +156,20 @@
<el-col :span="8">
<el-form-item label="取得价格：">
<div class="flex">
<!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> -->
<el-input
maxlength="11"
<el-input
maxlength="11"
v-model="ruleForm.ygdj.qdjg"
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.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px"
>
style="width: 68px">
<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>
......@@ -194,8 +183,7 @@
v-model="ruleForm.ygdj.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
show-word-limit></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -208,8 +196,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
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>
......@@ -222,8 +209,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -231,20 +217,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<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>
......@@ -254,8 +237,7 @@
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -264,8 +246,7 @@
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -279,8 +260,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
>
v-model="ruleForm.ygdj.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -295,236 +275,239 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.$endLoading();
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
mjdw: "1",
//表单是否可操作
viewEdit: true,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
qlxx: {},
sldy: {},
slsq: {},
ygdj: {},
zdjbxx: {},
},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.loading = true
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
}
})
setTimeout(() => {
this.loading = false
}, 200)
}
})
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
data () {
return {
loading: false,
mjdw: "1",
//表单是否可操作
viewEdit: true,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
qlxx: {},
sldy: {},
slsq: {},
ygdj: {},
zdjbxx: {},
},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
methods: {
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
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",
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
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>
......
......@@ -8,8 +8,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -51,8 +50,7 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -113,8 +111,7 @@
<el-input
disabled
v-model.number="ruleForm.ygdj.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -127,8 +124,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
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>
......@@ -141,8 +137,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -150,20 +145,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<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>
......@@ -173,8 +165,7 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -183,8 +174,7 @@
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -198,8 +188,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
>
v-model="ruleForm.ygdj.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -214,258 +203,257 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.$endLoading();
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
/**
* @description: onClick
* @author: renchao
*/
onClick() {
this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
formData: {
bsmSldy: this.propsParam.bsmSldy,
qllx: this.propsParam.qllx,
},
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.$endLoading();
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
}
});
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
data () {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
methods: {
/**
* @description: onClick
* @author: renchao
*/
onClick () {
this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
formData: {
bsmSldy: this.propsParam.bsmSldy,
qllx: this.propsParam.qllx,
},
});
return false;
}
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
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",
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare() {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: "YGDJ",
},
"80%",
true
);
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",
});
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare () {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: "YGDJ",
},
"80%",
true
);
},
},
},
};
};
</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>
......
......@@ -8,8 +8,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -60,7 +59,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-form-item label="不动产登记证明号：">
<el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -122,7 +121,7 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="原不动产登记证明号：">
<el-form-item label="原不动产证号：">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
......@@ -135,8 +134,7 @@
<el-form-item label="是否存在禁止或限制：">
<el-input
v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -144,19 +142,16 @@
<div class="flex">
<el-input
v-model="ruleForm.ygdj.qdjg"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px"
>
style="width: 68px">
<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>
......@@ -166,8 +161,7 @@
<el-date-picker
v-model="ruleForm.ygdj.zwlxqssj"
:disabled="!viewEdit"
type="date"
></el-date-picker>
type="date"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -175,8 +169,7 @@
<el-date-picker
v-model="ruleForm.ygdj.zwlxjssj"
:disabled="!viewEdit"
type="date"
></el-date-picker>
type="date"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
......@@ -185,8 +178,7 @@
<el-form-item label="担保范围：">
<el-input
v-model="ruleForm.ygdj.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -198,13 +190,12 @@
maxlength="500"
show-word-limit
v-model="ruleForm.ygdj.fj"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
抵押权人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -212,8 +203,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
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>
......@@ -226,8 +216,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -235,20 +224,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
></el-option>
:value="item.zjh"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -257,18 +243,16 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
抵押人信息
<div class="triangle"></div>
</div>
<qlrCommonTable
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -282,8 +266,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
></el-input>
v-model="ruleForm.ygdj.djyy"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -297,163 +280,162 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
let that = this;
this.loading = true;
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
setTimeout(() => {
that.loading = false;
}, 300);
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: true,
loading: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {},
};
},
methods: {
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
/**
* @description: 义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
this.loading = true;
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
return false;
setTimeout(() => {
this.loading = false
}, 200)
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
})
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"])
},
data () {
return {
//表单是否可操作
viewEdit: true,
loading: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: this.$attrs,
rules: {}
}
},
methods: {
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
/**
* @description: 义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
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"
})
}
})
}
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/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 09:59:58
* @LastEditTime: 2023-09-01 09:18:46
-->
<template>
<!-- 主体权利信息查询 -->
<div class="from-clues">
<div>
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="自然幢号">
<el-input placeholder="请输入自然幢号" maxlength="24" v-model="queryForm.zrzh" clearable class="width200px">
<el-input placeholder="请输入自然幢号" maxlength="24" v-model="queryForm.zrzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="项目名称">
<el-input placeholder="" v-model="queryForm.xmmc" clearable class="width200px">
<el-input placeholder="" v-model="queryForm.xmmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnColRight">
<el-form-item>
<!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
......@@ -38,14 +37,14 @@
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
<div class="loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="210"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<div class="submit_button">
<div class="submit_button" style="text-align:center">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
</div>
......@@ -89,7 +88,7 @@
*/
queryClick () {
this.$startLoading();
this.queryForm.zrzbsm = this.sqywInfo.bsm;
this.queryForm.zrzbsm = this.sqywInfo.bsm;
// this.queryForm.zrzbsm = this.sqywInfo.zrzbsm;
selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-10 14:05:49
* @LastEditTime: 2023-09-01 09:04:48
-->
<template>
<div class="from-clues">
......@@ -104,11 +104,10 @@
* @author: renchao
*/
openDialog (item) {
this.$startLoading()
bdcqzPreview(item).then(res => {
this.$endLoading()
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
bsmSlsq: item.bsmSlsq
this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", {
bsmSlsq: item.bsmSlsq,
bsmBdcqz: item.bsmBdcqz
}, '1210px', true)
})
}
......