Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5a6462fc by yangwei
Options

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

2 parents f808eb02 a036215b
Inline Side-by-side
Showing 70 changed files with 2441 additions and 1031 deletions
......@@ -92,6 +92,31 @@ export function save (data) {
}
/**
* @description: 获取上手信息
* @param {*} data
* @author: renchao
*/
export function getSsQlxx (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getSsQlxx',
method: 'get',
params
})
}
/**
* @description: 获取主体信息
* @param {*} data
* @author: renchao
*/
export function getZtQlxx (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getZtQlxx',
method: 'get',
params
})
}
/**
* @description: 发起业务申请流程
* @param {*} data
* @author: renchao
......@@ -103,3 +128,15 @@ export function save (data) {
data
})
}
/**
* @description: 添加审核意见
* @param {*} data
* @author: renchao
*/
export function addidea (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
method: 'post',
data
})
}
......
......@@ -21,8 +21,8 @@
</transition>
</template>
<script>
import Popup1 from './index'
export default {
import Popup1 from './index'
export default {
name: 'index',
data () {
return {
......@@ -98,13 +98,13 @@ export default {
this.$el.parentNode.removeChild(this.$el);
}
}
}
}
</script>
<style scoped lang="scss" >
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
.ls-mask {
.ls-mask {
width: 100%;
height: 100%;
z-index: 500;
......@@ -112,10 +112,9 @@ export default {
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
}
}
.ls-mask-window {
.ls-mask-window {
background: white;
position: relative;
left: 50%;
......@@ -124,32 +123,32 @@ export default {
transform: translate(-50%, -50%);
border-radius: 5px;
overflow: hidden;
}
}
.ls-mask-window b {
.ls-mask-window b {
padding-left: 5px;
}
}
.ls-title {
.ls-title {
padding: 16px;
color: #ffffff;
background: linear-gradient(3deg, #409EFF, #a7cbee);
background: linear-gradient(3deg, #409eff, #a7cbee);
font-size: 16px;
}
}
.ls-title .svg-icon {
.ls-title .svg-icon {
font-size: 18px;
}
}
.mask-content {
.mask-content {
padding: 20px;
width: 100%;
min-height: 30%;
max-height: 90vh;
overflow-y: scroll;
}
}
.ls-mask-footer {
.ls-mask-footer {
height: 50px;
display: flex;
justify-content: center;
......@@ -161,30 +160,29 @@ export default {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
overflow: hidden;
}
}
/deep/.closeStyle {
/deep/.closeStyle {
position: absolute;
top: 13px;
right: 26px;
font-size: 24px;
cursor: pointer;
color: #409EFF;
}
color: #409eff;
}
/deep/.el-loading-mask {
/deep/.el-loading-mask {
background: none;
}
}
.dialog-fade-enter-active,
.dialog-fade-leave-active {
.dialog-fade-enter-active,
.dialog-fade-leave-active {
transition: opacity 0.3s;
}
}
.dialog-fade-enter,
.dialog-fade-leave-to {
.dialog-fade-enter,
.dialog-fade-leave-to {
opacity: 0;
}
}
</style>
\ No newline at end of file
......
......@@ -4,12 +4,12 @@
* @Author: sakuya
* @Date: 2021年6月10日10:04:07
* @LastEditors: Please set LastEditors
* @LastEditTime: 2023-06-29 11:14:11
* @LastEditTime: 2023-07-05 10:39:17
-->
<template>
<el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags"
:collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod"
:collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled"
@remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
<template #empty>
<div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
......@@ -19,14 +19,10 @@
<el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll">
<el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
<el-table-column v-else type="index" width="45">
<template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
<template #default="scope"><span>{{scope.$index +1 }}</span></template>
</el-table-column>
<slot></slot>
</el-table>
<div class="sc-table-select__page">
<el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage"
@current-change="reload"></el-pagination>
</div>
</div>
</template>
</el-select>
......@@ -48,29 +44,23 @@
disabled: { type: Boolean, default: false },
tableWidth: { type: Number, default: 400 },
mode: { type: String, default: "popover" },
props: { type: Object, default: () => { } }
props: { type: Object, default: () => { } },
// 表格数据
tableData: { type: Array, default: () => { [] } },
},
data () {
return {
loading: false,
keyword: null,
defaultValue: [],
tableData: [],
pageSize: config.pageSize,
total: 0,
currentPage: 1,
defaultProps: {
label: config.props.label,
value: config.props.value,
page: config.request.page,
pageSize: config.request.pageSize,
keyword: config.request.keyword
value: config.props.value
},
formData: {}
}
},
computed: {
},
watch: {
modelValue: {
......@@ -90,8 +80,6 @@
//表格显示隐藏回调
visibleChange (visible) {
if (visible) {
this.currentPage = 1
this.keyword = null
this.formData = {}
this.getData()
} else {
......@@ -100,36 +88,7 @@
},
//获取表格数据
async getData () {
this.loading = true;
var reqData = {
[this.defaultProps.page]: this.currentPage,
[this.defaultProps.pageSize]: this.pageSize,
[this.defaultProps.keyword]: this.keyword
}
Object.assign(reqData, this.formData)
// var res = await this.apiObj.get(reqData);
let res = {
code: 200,
data: {
total: 2, rows: [
{
user: 11111111111,
id: 111111111111
},
{
user: 2222222222222,
id: 22222222222
}
]
},
message: ""
}
var parseData = config.parseData(res)
this.tableData = parseData.rows;
this.total = parseData.total;
this.loading = false;
//表格默认赋值
this.$nextTick(() => {
if (this.multiple) {
this.defaultValue.forEach(row => {
var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value])
......@@ -138,20 +97,15 @@
}
})
} else {
if (this.defaultValue) {
var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
this.$refs.table.setCurrentRow(setrow[0]);
// this.$refs.table.setCurrentRow(setrow[0]);
}
this.$refs.table.setScrollTop(0)
})
}
// this.$refs.table.setScrollTop(0)
},
//插糟表单提交
formSubmit () {
this.currentPage = 1
this.keyword = null
this.getData()
},
//分页刷新表格
reload () {
this.getData()
},
//自动模拟options赋值
......@@ -162,8 +116,10 @@
item.currentLabel = item.value[this.defaultProps.label]
})
} else {
if (this.defaultValue) {
this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
}
}
})
},
//表格勾选事件
......@@ -207,6 +163,7 @@
this.defaultValue = row
this.$refs.select.blur()
this.autoCurrentLabel()
this.$refs.table.setCurrentRow(row);
this.$emit('update:modelValue', this.defaultValue);
this.$emit('change', this.defaultValue);
}
......@@ -225,14 +182,6 @@
findRowByKey (value) {
return this.tableData.find(item => item[this.defaultProps.value] === value)
},
filterMethod (keyword) {
if (!keyword) {
this.keyword = null;
return false;
}
this.keyword = keyword;
this.getData()
},
// 触发select隐藏
blur () {
this.$refs.select.blur();
......@@ -244,7 +193,6 @@
}
}
</script>
<style scoped>
.sc-table-select__table {
padding: 12px;
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-29 11:05:49
* @LastEditTime: 2023-07-05 09:48:23
*/
//表格选择器配置
......@@ -9,17 +9,12 @@ export default {
pageSize: 10, //表格每一页条数
parseData: function (res) {
return {
data: res.data,
rows: res.data.rows, //分析行数据字段结构
total: res.data.total, //分析总数字段结构
msg: res.message, //分析描述字段结构
code: res.code //分析状态字段结构
data: res.data
}
},
request: {
page: 'page', //规定当前分页字段
pageSize: 'pageSize', //规定一页条数字段
keyword: 'keyword' //规定搜索字段
},
props: {
label: 'label', //映射label显示字段
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-14 15:05:38
*/
import Vue from 'vue'
import Popup from './index.vue'
const PopupBox = Vue.extend(Popup)
let popuping = undefined
PopupBox.prototype.close = function () {
// 如果Popup 有引用，则去掉引用
if (popuping) {
popuping = undefined
}
// 先将组件隐藏
this.isShow = false
// 延迟300毫秒，等待Popup关闭动画执行完之后销毁组件
setTimeout(() => {
// 移除挂载的dom元素
if (this.$el && this.$el.parentNode) {
this.$el.parentNode.removeChild(this.$el)
}
}, 300)
}
const Popup1 = (title, editItem, data, formData) => {
// 如果组件已渲染，则返回即可
if (popuping) {
return popuping
}
data.title = title
data.editItem = editItem
if (formData) {
data.formData = formData
}
// 通过构造函数初始化组件 相当于 new Vue()
let instance = new PopupBox({
data
}).$mount()
document.body.appendChild(instance.$el)
Vue.nextTick(() => {
instance.isShow = true
// 将组件实例赋值给loading
popuping = instance
})
return instance
}
export default Popup1
<template>
<transition name="msgbox-fade">
<div class="ls-mask" v-if="myShow">
<div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }">
<div class="ls-head">
<div class="ls-title" :style="{ 'text-align': titleStyle }">
<svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
<b>{{ title }}</b>
</div>
<svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
</div>
<div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }">
<component :is="editItem" ref='childRef' :key="key" :formData='formData' />
</div>
<div class="ls-mask-footer" v-if='btnShow'>
<el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button>
<el-button @click="onCancel">{{ cancelText }}</el-button>
</div>
</div>
</div>
</transition>
</template>
<script>
import Popup1 from './index'
export default {
name: 'index',
data () {
return {
title: '标题',
editItem: "",
isMain: false,
formData: undefined,//父组件传递的参数 负责传给子组件
btnShow: false,
cancel: function () { },
confirm: function () { },
cancelText: '取消',
confirmText: '确认',
isSync: false,
isShow: false,
myShow: false,
titleStyle: 'center',
width: "75%",
height: "auto",
contentHeight: "",
iconClass: "",
key: 0
}
},
watch: {
isShow (newValue) {
this.$nextTick(() => {
this.editItem = this.loadViewFn(this.editItem)
document.body.appendChild(this.$el);
this.myShow = newValue
})
}
},
mounted () {
// 计算滚动条高度
setTimeout(() => {
if (this.btnShow) {
if (this.height == 'auto') {
this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
} else {
this.contentHeight = this.height
}
} else {
if (this.height == 'auto') {
this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
} else {
this.contentHeight = this.height
}
}
}, 300)
},
methods: {
onCancel () {
Popup1().close()
},
onConfirm () {
let res = new Promise((resolve, reject) => {
this.confirm()
resolve(true)
})
if (res) {
this.isShow = false
}
},
loadViewFn (view) {
return (r) =>
require.ensure([], () =>
r(require(`@/views/${view}.vue`))
)
}
},
destroyed () {
if (this.appendToBody && this.$el && this.$el.parentNode) {
this.$el.parentNode.removeChild(this.$el);
}
}
}
</script>
<style scoped lang="scss" >
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
.ls-mask {
width: 100%;
height: 100%;
z-index: 500;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
}
.ls-mask-window {
background: white;
position: relative;
left: 50%;
top: 50%;
min-height: 200px;
transform: translate(-50%, -50%);
border-radius: 5px;
overflow: hidden;
}
.ls-mask-window b {
padding-left: 5px;
}
.ls-title {
padding: 16px;
color: #ffffff;
background: linear-gradient(3deg, #409eff, #a7cbee);
font-size: 16px;
}
.ls-title .svg-icon {
font-size: 18px;
}
.mask-content {
padding: 20px;
width: 100%;
min-height: 30%;
max-height: 90vh;
overflow-y: scroll;
}
.ls-mask-footer {
height: 50px;
display: flex;
justify-content: center;
width: 100%;
position: absolute;
border-top: 1px solid $borderColor;
bottom: 0;
background: #ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
overflow: hidden;
}
/deep/.closeStyle {
position: absolute;
top: 13px;
right: 26px;
font-size: 24px;
cursor: pointer;
color: #409eff;
}
/deep/.el-loading-mask {
background: none;
}
.dialog-fade-enter-active,
.dialog-fade-leave-active {
transition: opacity 0.3s;
}
.dialog-fade-enter,
.dialog-fade-leave-to {
opacity: 0;
}
</style>
\ No newline at end of file
弹窗封装
2.用法以及参数：
this.$popup('提示','ywbl/dbx/aa',{
width: '75%', // 初始化75% 不需要改的话 可以直接不要
formData: this.formData, // 父组件传给子组件的参数
cancel: function () {}, //取消事件的回调 没有按钮可以不需要
confirm: function () {} //确认事件的回调 没有按钮可以不需要
})
5.后续有修改请添加在此处文档说明作用
\ No newline at end of file
......@@ -180,6 +180,10 @@ div:focus {
}
}
.flex {
display: flex;
}
aside {
background: #eef1f6;
padding: 8px 24px;
......@@ -447,3 +451,32 @@ aside {
right: 0;
transform: rotate(-90deg);
}
// 正在注销
.zhuxiaoIcon {
position: relative;
.icon {
position: absolute;
top: 9px;
right: 5px;
transform: rotate(45deg);
color: #fff;
font-size: 12px;
z-index: 10;
}
}
.zhuxiaoIcon::after {
content: "";
display: block;
width: 0;
height: 0;
border-width: 0px 0px 55px 55px;
border-style: none solid solid;
border-color: transparent transparent red;
position: absolute;
top: 0;
right: 0;
transform: rotate(-90deg);
}
\ No newline at end of file
......
/*
* @Description: 弹框组件的封装
* @Autor: renchao
* @LastEditTime: 2023-04-11 09:31:14
* @LastEditTime: 2023-07-07 09:21:10
*/
import Popup from '@/components/Popup/index'
import ywPopup from '@/components/ywPopup/index'
import Popup1 from '@/components/Popup1/index'
export function popupDialog (title, url, params, width = '75%', isMain, height, btnShow = false, callback, cancel) {
// Popup.install
......@@ -18,10 +18,32 @@ export function popupDialog (title, url, params, width = '75%', isMain, height,
},
confirm: () => {
callback()
}
},
popupDialog: popupDialog // 将 popupDialog 方法传递给弹框组件
})
}
export function ywPopupDialog (title, url, params, width = '75%', isMain, height, btnShow = false, callback, cancel) {
// Popup.install
ywPopup(title, url, {
height: height,
width: width,
formData: params,
btnShow: btnShow,
isMain: isMain,
cancel: () => {
cancel()
},
confirm: () => {
callback()
},
popupDialog: popupDialog // 将 popupDialog 方法传递给弹框组件
})
}
export function popupCacel () {
Popup1().close()
}
export function ywPopupCacel () {
ywPopupDialog().close()
}
\ No newline at end of file
......
<!--
功能：初始化功能描述
作者：calliope
-->
<template>
<div class='ywdialog'>
<el-link type="danger" :underline="false">{{formData.message}}</el-link>
<el-table
v-if="formData.result"
:data="formData.result"
height="200">
<el-table-column
prop="bdcdyh"
label="不动产单元号">
</el-table-column>
<el-table-column
prop="verifyErrorMessage"
label="状态">
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
formData: {
type: Object,
default: {}
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
......@@ -4,27 +4,60 @@
* @LastEditTime: 2023-05-17 10:39:47
-->
<template>
<dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
@closeDialog="closeDialog" :isButton="showButton">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<dialogBox
title="权利人信息"
width="60%"
isMain
v-model="myValue"
:isFullscreen="false"
@submitForm="submitForm"
@closeDialog="closeDialog"
:isButton="showButton"
>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="120px"
>
<el-row>
<el-col :span="8">
<el-form-item label="权利人类型1" prop="sqrlx">
<el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-form-item label="权利人类型" prop="qlrlx">
<el-select
clearable
v-model="ruleForm.qlrlx"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A36']"
: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="sqrmc">
<el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
<el-form-item label="姓名/名称" prop="qlrmc">
<el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类" prop="zjzl">
<el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
clearable
v-model="ruleForm.zjzl"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -33,18 +66,36 @@
<el-row>
<el-col :span="8">
<el-form-item label="证件号" prop="zjh">
<el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input>
<el-input
v-model="ruleForm.zjh"
maxlength="15"
oninput="value=value.replace(/[^\X0-9]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="dh">
<el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input
v-model="ruleForm.dh"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别">
<el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
clearable
v-model="ruleForm.xb"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A43']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -58,12 +109,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="国家/地区">
<el-input v-model="ruleForm.gjdq"></el-input>
<el-input v-model="ruleForm.gj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="户籍所在省市">
<el-input v-model="ruleForm.szss"></el-input>
<el-input v-model="ruleForm.hjszss"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -71,7 +122,7 @@
<el-row>
<el-col :span="16">
<el-form-item label="地址">
<el-input v-model="ruleForm.txdz"></el-input>
<el-input v-model="ruleForm.dz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -107,7 +158,7 @@
</el-col>
<el-col :span="16">
<el-form-item label="代理机构">
<el-input v-model="ruleForm.dljg"></el-input>
<el-input v-model="ruleForm.dlrjgmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -115,7 +166,11 @@
<el-row>
<el-col :span="8">
<el-form-item label="联系电话">
<el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input
v-model="ruleForm.dlrdhhm"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -125,8 +180,18 @@
</el-col>
<el-col :span="8">
<el-form-item label="代理人证件类型">
<el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
clearable
v-model="ruleForm.dlrzjlx"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -143,50 +208,61 @@
</dialogBox>
</template>
<script>
import { mapGetters } from "vuex";
export default {
import { mapGetters } from "vuex";
export default {
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: { type: Boolean, default: false }
showButton: { type: Boolean, default: false },
},
computed: {
...mapGetters(["dictData"]),
},
data () {
data() {
return {
myValue: this.value,
ruleForm: {
sqrlx: "",
sqrmc: "",
zjzl: "",
zjh: "",
bsmBdcqz: "",
bsmQlr: "",
bsmQlxx: "",
bz: "",
cbfbm: "",
dh: "",
xb: "",
dlrdhhm: "",
dlrjgmc: "",
dlrxm: "",
dlrzjh: "",
dlrzjlx: "",
dz: "",
dzyj: "",
fbfbm: "",
frdh: "",
frmc: "",
gjdq: "",
szss: "",
txdz: "",
yb: "",
fzjg: "",
dzyj: "",
qlbl: "",
gj: "",
gzdw: "",
dljg: "",
dlrxm: "",
dlrzjlx: "",
dlrzjh: "",
hjszss: "",
qlrlx: "",
qlrmc: "",
qlrtz: "",
sfczr: "",
sshy: "",
sxh: 0,
xb: "",
yb: "",
zjh: "",
zjzl: "",
},
rules: {
sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
};
},
watch: {
value (val) {
value(val) {
this.myValue = _.cloneDeep(val);
},
details: {
......@@ -197,11 +273,11 @@
},
},
methods: {
closeDialog () {
closeDialog() {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
},
submitForm () {
submitForm() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
this.$emit("input", false);
......@@ -212,14 +288,14 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
}
</style>
......
......@@ -9,16 +9,16 @@
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<el-row>
<el-col :span="8">
<el-form-item label="义务人类型1" prop="sqrlx">
<el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
<el-form-item label="义务人类型" prop="ywrlx">
<el-select clearable v-model="ruleForm.ywrlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A36']" :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="sqrmc">
<el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
<el-form-item label="姓名/名称" prop="ywrmc">
<el-input v-model="ruleForm.ywrmc" maxlegth="15"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -157,8 +157,8 @@
return {
myValue: this.value,
ruleForm: {
sqrlx: "",
sqrmc: "",
ywrlx: "",
ywrmc: "",
zjzl: "",
zjh: "",
dh: "",
......@@ -178,8 +178,8 @@
dlrzjh: "",
},
rules: {
sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
......
......@@ -124,6 +124,7 @@ export default {
//读取申请单元信息
loadBdcdylist(add) {
var formdata = new FormData();
if(this.bsmSlsq){
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
......@@ -135,6 +136,8 @@ export default {
}
}
});
}
},
// 获取右侧菜单
......
......@@ -59,16 +59,17 @@
<el-table-column label="序号" header-align="center" align="center" type="index" width="55px" />
<el-table-column label="流程状态" header-align="center" align="center">
<template slot-scope="scope">
<div v-if="scope.row.finishTime == null">正在办理</div>
<div v-else>已完结</div>
<div v-if="scope.row.endTime">已完结</div>
<div v-else>正在办理</div>
</template>
</el-table-column>
<el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
<el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
<el-table-column label="处理时间" prop="createTime" width="160" align="center" />
<el-table-column label="办结时间" prop="finishTime" width="160" align="center" />
<el-table-column label="操作方式" align="center">
</el-table-column>
<el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" />
<el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" />
<el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" />
<el-table-column label="操作方式" prop="controls" align="center"/>
<el-table-column label="意见" prop="idea" align="center"/>
</el-table>
</div>
</div>
......@@ -118,6 +119,14 @@
this.clearViewer()
},
methods: {
formatDate(row, column) {
let data = row[column.property]
if(data == null) {
return null
}
let dt = new Date(data)
return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
},
processReZoom () {
this.defaultZoom = 1
this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto')
......@@ -237,13 +246,32 @@
// 获取流程记录
getCommentList() {
this.formData.allCommentList.forEach(async (item,index) => {
item.comments.forEach(element => {
if(element.type=="COMPLETE"){
this.formData.allCommentList[index].idea=element.message
this.formData.allCommentList[index].controls="完成"
}
});
this.formData.allCommentList[index].agent=item.assignee.name
})
setTimeout(() => {
this.taskList =this.formData.allCommentList;
this.formData.handlinglist.forEach(async (item,index) => {
if(item.assignee.name){
this.formData.handlinglist[index].agent=item.assignee.name
}else{
let str=""
item.countersign.forEach((item) => {
str+=item.name+","
})
str=str.slice(0, -1);
this.formData.allCommentList[index].agent=str
}
})
this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist];
// this.taskList =this.formData.allCommentList;
// 处理数据之后赋值
this.taskCommentList=this.taskList
}, 100)
},
// 设置流程图元素状态
......
......@@ -70,7 +70,7 @@
}
},
{
prop: "sqrmc",
prop: "qlrmc",
label: "姓名/名称"
},
{
......@@ -121,7 +121,7 @@
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
sqrmc: '',
qlrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
......@@ -219,3 +219,6 @@
}
}
</script>
<style scoped lang="scss">
</style>
......
<!--
* @Description:
* @Autor: renchao
:show-message="false"
* @LastEditTime: 2023-06-25 15:52:42
-->
<template>
......@@ -13,7 +14,9 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px">
label-width="145px"
inline-message
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -37,7 +40,120 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
房地产权（独幢、层、套、间房屋）
查封不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="查封不动产权信息：">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column
prop="qlrmc"
label="被执行人"
></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人：">
<el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类：">
<el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件号：">
<el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积：">
<el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途：">
<el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
查封登记信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -53,7 +169,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -64,10 +180,14 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
<el-form-item label="是否被续封：">
<el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
<el-option
v-for="item in sfbxflist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -77,67 +197,150 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-form-item label="权属状态：">
<el-select v-model="ruleForm.qlxx.qszt">
<el-option
v-for="item in qsztlist"
: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="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<el-form-item label="查封机关：">
<el-input v-model="ruleForm.cfdj.cfjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封类型：">
<el-select v-model="ruleForm.cfdj.cflx">
<el-option
v-for="item in dictData['A32']"
: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.cfdj.cfwh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封起始时间：">
<el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封结束时间：">
<el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封期限：">
<el-input v-model="ruleForm.cfdj.cfqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封范围：">
<el-input v-model="ruleForm.cfdj.cffw"></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-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group
v-model="ruleForm.qlxx.gyqk">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
<el-radio label="3">其它共有</el-radio>
</el-radio-group>
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.cfdj.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:gyfs="ruleForm.qlxx.gyfs" />
<div>
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<ywrCommonTable
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
@upDateQlrxxList="upDateYwrxxList" />
</div>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封业务号：">
<el-input v-model="ruleForm.cfdj.jfywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封机关：">
<el-input v-model="ruleForm.cfdj.jfjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封文件：">
<el-input v-model="ruleForm.cfdj.jfwj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封文号：">
<el-input v-model="ruleForm.cfdj.jfwh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封登簿人：">
<el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封登记时间：">
<el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
</el-form-item>
</el-col>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -147,26 +350,95 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init,save } from "@/api/djbbl.js";
import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable,ywrCommonTable,tdytTable },
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
props: {
label: "bdcqzh",
value: "bdcdyid",
},
propsParam: this.$attrs,
key: 0,
isShow: false,
ssqlxxshow: true,
disabled: true,
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// 是否被续封
sfbxflist: [
{
dcode: "0",
dname: "否",
},
{
dcode: "1",
dname: "是",
},
],
//传递参数\
ssQlxxList: [],
ztQlxxList: [],
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
};
},
created() {
......@@ -174,28 +446,56 @@ export default {
},
mounted() {},
methods: {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
loadData() {
console.log("查封登记",this.propsParam);
this.propsParam.isEdit=this.$parent.isEdit
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleForm",this.ruleForm);
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL",val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
console.log("val",val);
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
......@@ -205,44 +505,46 @@ export default {
this.key++;
},
onSubmit() {
console.log("this.ruleForm大信息",this.ruleForm);
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
if (valid) {
// if (this.ruleForm.qlrData.length == 0) {
// this.$message({
// showClose: true,
// message: "请确认权利人信息",
// type: "error",
// });
// return false;
// }
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
// if (this.ruleForm.qlxx.gyfs == "0") {
// if (this.ruleForm.qlrData.length > 1) {
// this.$message({
// showClose: true,
// message: "共有方式：单独所有，权利人只能是一个人",
// type: "error",
// });
// return false;
// }
// this.ruleForm.qlrData[0].sfczr = "1";
// }
// if (this.ruleForm.qlxx.gyfs == "1") {
// //是否分别持证
// if (this.ruleForm.qlxx.sqfbcz == "1") {
// //是
// this.ruleForm.qlrData.forEach((item, index) => {
// item.sfczr = "1";
// });
// } else {
// this.ruleForm.qlrData.forEach((item, index) => {
// if (item.zjh == this.ruleForm.czr) {
// item.sfczr = "1";
// } else {
// item.sfczr = "0";
// }
// });
// }
// }
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......@@ -259,6 +561,10 @@ export default {
});
}
});
} else {
return false;
}
});
},
},
};
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-07-05 16:15:28
-->
<template>
<!-- 受理信息 -->
......@@ -13,7 +13,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="145px"
label-width="169px"
inline-message
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -41,7 +42,63 @@
抵押不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="抵押不动产信息：">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人：">
<el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
......@@ -58,7 +115,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
......@@ -75,7 +132,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
......@@ -96,6 +153,7 @@
抵押权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -103,25 +161,13 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -131,6 +177,8 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权属状态：">
<el-select v-model="ruleForm.qlxx.qszt">
......@@ -144,113 +192,44 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<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.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记原因：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-form-item label="抵押不动产类型">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>-->
<el-form-item label="抵押不动产类型：">
<el-select v-model="ruleForm.diyaq.djlx">
<el-option
v-for="item in dictData['A27']"
: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.dyr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵押人类型：">
<el-input v-model="ruleForm.diyaq.dyrlx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵押方式：">
<el-input v-model="ruleForm.diyaq.dyfs"></el-input>
<el-form-item label="业务号：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵押权顺位：">
<el-input v-model="ruleForm.diyaq.dyqsw"></el-input>
<el-form-item label="上手业务号：">
<el-input disabled v-model="ruleForm.qlxx.ssywh"></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.diyaq.dyjelx"></el-input>
</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-radio-group v-model="ruleForm.diyaq.dyjelx">
<el-radio label="0">独立抵押金额</el-radio>
<el-radio label="1">整体抵押金额</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="在建建筑物抵押范围：">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
<el-form-item label="抵押方式：">
<el-radio-group v-model="ruleForm.diyaq.dyfs">
<el-radio label="1">一般抵押</el-radio>
<el-radio label="2">最高额抵押</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="抵押面积：">
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
<el-form-item label="最高债权额：">
<div style="display: flex">
<el-input
v-model="ruleForm.diyaq.dymj"
v-model="ruleForm.diyaq.zgzqse"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
<el-select v-model="ruleForm.diyaq.mjdw">
<el-select v-model="ruleForm.diyaq.jedw">
<el-option
v-for="item in dictData['A7']"
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
......@@ -259,11 +238,11 @@
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="最高债权额">
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
<el-form-item label="被担保主债权数额：">
<div style="display: flex">
<el-input
v-model="ruleForm.diyaq.zgzqse"
v-model="ruleForm.diyaq.bdbzzqse"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
......@@ -278,17 +257,18 @@
</div>
</el-form-item>
</el-col>
</el-row>
<el-col :span="8">
<el-form-item label="被担保主债权数额">
<el-form-item label="抵押面积：">
<div style="display: flex">
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
v-model="ruleForm.diyaq.dymj"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
<el-select v-model="ruleForm.diyaq.jedw">
<el-select v-model="ruleForm.diyaq.mjdw">
<el-option
v-for="item in dictData['A57']"
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
......@@ -298,63 +278,128 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="币种">
<el-input v-model="ruleForm.diyaq.bz"></el-input>
<el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围">
<el-input v-model="ruleForm.diyaq.dbfw"></el-input>
<el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行期限（债务确定期间）">
<el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
<el-form-item label="在建建筑物坐落：">
<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="债务履行起始时间">
<el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input>
<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.zwlxjssj"></el-input>
<el-form-item label="在建建筑物抵押范围：">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="最高债权确定事实和数额">
<el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.diyaq.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或者限制转让抵押不动产的约定">
<el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input>
<el-form-item label="债务履行期限(确定期间)：">
<el-input v-model="ruleForm.diyaq.dyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号">
<el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input>
<el-form-item label="最高债权确定事实和数额：">
<el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="注销抵押业务号">
<el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
<el-form-item label="是否限制转移约定">
<el-select v-model="ruleForm.diyaq.sfczjzhxz">
<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.zxdyyy"></el-input>
<el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="注销时间">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="注销登簿人">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</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.qlxx.djyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
......@@ -362,7 +407,34 @@
<el-input v-model="ruleForm.diyaq.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销抵押业务号：">
<el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
<el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
<el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -386,7 +458,7 @@
:gyfs="ruleForm.qlxx.gyfs"
/>
<div>
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -399,7 +471,7 @@
/>
</div>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -409,27 +481,30 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbbl.js";
import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
ssqlxxshow: true,
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {},
// 权属状态
qsztlist: [
{
......@@ -441,7 +516,6 @@ export default {
dname: "历史",
},
],
// 登记类型
djlxlist: [
{
......@@ -470,35 +544,84 @@ export default {
dname: "换证",
},
],
ssQlxxList: [],
ztQlxxList: [],
rules: {
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
zwlxqssjrules: [
{ required: true, message: "债务履行起始时间", trigger: "blur" },
],
zwlxjssjrules: [
{ required: true, message: "债务履行结束时间", trigger: "blur" },
],
zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
mounted() {},
methods: {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
loadData() {
console.log("抵押权", this.propsParam);
this.propsParam.isEdit=this.$parent.isEdit
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleForm", this.ruleForm);
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
console.log("val", val);
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
......@@ -508,7 +631,8 @@ export default {
this.key++;
},
onSubmit() {
console.log("this.ruleForm大信息", this.ruleForm);
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......@@ -562,6 +686,10 @@ export default {
});
}
});
} else {
return false;
}
});
},
},
};
......@@ -569,4 +697,10 @@ export default {
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
</style>
......
......@@ -13,7 +13,9 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px">
inline-message
label-width="150px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -37,7 +39,7 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
房地产权（独幢、层、套、间房屋）
地役权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -71,7 +73,12 @@
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -82,28 +89,35 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<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-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -113,7 +127,8 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -121,95 +136,86 @@
<el-col :span="8">
<el-form-item label="供地役不动产单元号：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.gydbdcbyh"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="供役地权利人：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.gydqlr"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="供役地权利人证件种类">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-select v-model="ruleForm.qlxx.gydqlrzjzl">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="供役地权利人证件号">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="需役地不动产单元号">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="需役地坐落">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.yxdzl"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="需役地权利人">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.xydqlr"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="需役地权利人证件种类：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-select v-model="ruleForm.qlxx.xydqlrzjzl">
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="需役地权利人证件号：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.xydqlrzjh"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="地役权内容：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.dyqnr"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.bdcdjzmh"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="权利起始时间">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.qlqssj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="权利结束时间">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.qljssj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
</el-col>
<el-col :span="8">
<el-form-item label="权利期限">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col> <el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-input v-model="ruleForm.qlxx.qlqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
......@@ -225,8 +231,7 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group
v-model="ruleForm.qlxx.gyqk">
<el-radio-group v-model="ruleForm.qlxx.gyqk">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -239,7 +244,8 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:gyfs="ruleForm.qlxx.gyfs" />
:gyfs="ruleForm.qlxx.gyfs"
/>
<div>
<div class="slxx_title title-block">
......@@ -250,10 +256,11 @@
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
@upDateQlrxxList="upDateYwrxxList" />
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -262,18 +269,18 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbbl.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbbl.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
propsParam: this.$attrs,
......@@ -282,6 +289,34 @@
disabled: true,
czrOptions: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
......@@ -294,46 +329,50 @@
},
],
//传递参数\
rules: {},
rules: {
bdcqzhrules:[
{ required: true, message: "不动产登记证明号", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
};
},
created () {
created() {
this.loadData();
},
mounted () { },
mounted() {},
methods: {
loadData () {
console.log("地役权", this.propsParam);
this.propsParam.isEdit=this.$parent.isEdit
loadData() {
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleForm", this.ruleForm);
this.isShow = true;
}
});
},
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList (val) {
console.log("val", val);
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
onSubmit () {
console.log("this.ruleForm大信息", this.ruleForm);
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......@@ -387,11 +426,15 @@
});
}
});
} else {
return false;
}
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -13,7 +13,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px"
inline-message
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -68,7 +69,7 @@
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option
v-for="item in dictData['A21']"
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
......@@ -218,28 +219,35 @@
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<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-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
......@@ -314,20 +322,20 @@
:gyfs="ruleForm.qlxx.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable
v-if="ruleForm.ywrList"
:tableData="ruleForm.ywrList"
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -365,6 +373,34 @@ export default {
//表单是否可操作
propsParam: this.$attrs,
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
......@@ -383,7 +419,15 @@ export default {
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {},
rules: {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
};
},
created() {
......@@ -392,7 +436,7 @@ export default {
mounted() {},
methods: {
loadData() {
console.log("房屋", this.propsParam);
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
......@@ -419,10 +463,12 @@ export default {
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......@@ -496,7 +542,11 @@ export default {
type: "error",
});
}
}); } else {
return false;
}
});
},
},
};
......
......@@ -13,7 +13,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px"
inline-message
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -38,7 +39,7 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
国有建设用地使用权信息
建设用地、宅基地使用权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -68,7 +69,7 @@
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option
v-for="item in dictData['A21']"
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
......@@ -147,28 +148,55 @@
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-form-item
label="不动产权证号："
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<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-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
......@@ -238,21 +266,21 @@
:gyfs="ruleForm.qlxx.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable
v-if="ruleForm.ywrList"
:tableData="ruleForm.ywrList"
<ywrCommonTable
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
@upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype"
/>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -288,6 +316,34 @@ export default {
propsParam: this.$attrs,
ableOperation: true,
key: 0,
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
......@@ -299,13 +355,21 @@ export default {
dname: "历史",
},
],
tdxz:null,
tdxz: null,
isShow: false,
disabled: true,
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {},
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
};
},
created() {
......@@ -318,41 +382,39 @@ export default {
return store.getters.dictData[val];
},
loadData() {
this.propsParam.isEdit=this.$parent.isEdit
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
if( this.ruleForm.tdytqxList.length>0){
this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm
}else{
this.tdxz=null
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
this.tdxz = null;
}
console.log("this.ruleForm", this.ruleForm);
this.isShow = true;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
console.log("val", val);
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
onSubmit() {
console.log("this.ruleForm大信息", this.ruleForm);
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......@@ -406,6 +468,10 @@ export default {
});
}
});
} else {
return false;
}
});
},
},
};
......
......@@ -2,6 +2,7 @@
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
:show-message="false"
-->
<template>
<!-- 受理信息 -->
......@@ -13,7 +14,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px"
inline-message
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -38,7 +40,7 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
房地产权（独幢、层、套、间房屋）
预告登记信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -73,7 +75,7 @@
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option
v-for="item in dictData['A21']"
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
......@@ -88,28 +90,35 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<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-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -277,7 +286,7 @@
:gyfs="ruleForm.qlxx.gyfs"
/>
<div>
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -290,7 +299,7 @@
/>
</div>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -318,6 +327,34 @@ export default {
disabled: true,
czrOptions: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
......@@ -330,7 +367,15 @@ export default {
},
],
//传递参数\
rules: {},
rules: {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
};
},
created() {
......@@ -339,27 +384,22 @@ export default {
mounted() {},
methods: {
loadData() {
console.log("预告登记", this.propsParam);
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleForm", this.ruleForm);
this.isShow = true;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
console.log("val", val);
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
......@@ -369,7 +409,8 @@ export default {
this.key++;
},
onSubmit() {
console.log("this.ruleForm大信息", this.ruleForm);
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......@@ -423,6 +464,10 @@ export default {
});
}
});
} else {
return false;
}
});
},
},
};
......
......@@ -13,7 +13,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="127px"
inline-message
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -38,7 +39,7 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
房地产权（独幢、层、套、间房屋）
异议登记信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -69,11 +70,11 @@
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="8">
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option
v-for="item in dictData['A21']"
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
......@@ -81,35 +82,42 @@
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
<!-- <el-col :span="8">
<el-form-item label="不动产坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="8">
<el-form-item label="不动产权证号：">
<el-col :span="8">
<el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col> -->
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<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-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -153,7 +161,14 @@
</el-col>
<el-col :span="8">
<el-form-item label="注销异议登记时间">
<el-input v-model="ruleForm.yydj.zxyydjsj"></el-input>
<el-date-picker
v-model="ruleForm.yydj.zxyydjsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -189,8 +204,7 @@
:key="key"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div>
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -203,7 +217,7 @@
/>
</div>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -231,6 +245,34 @@ export default {
disabled: true,
czrOptions: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
......@@ -243,7 +285,15 @@ export default {
},
],
//传递参数\
rules: {},
rules: {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
};
},
created() {
......@@ -252,27 +302,22 @@ export default {
mounted() {},
methods: {
loadData() {
console.log("异议登记", this.propsParam);
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleForm", this.ruleForm);
this.isShow = true;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
console.log("val", val);
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
......@@ -282,7 +327,8 @@ export default {
this.key++;
},
onSubmit() {
console.log("this.ruleForm大信息", this.ruleForm);
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
......@@ -336,6 +382,10 @@ export default {
});
}
});
} else {
return false;
}
});
},
},
};
......
......@@ -4,140 +4,142 @@
* @LastEditTime: 2023-05-17 10:41:24
-->
<template>
<div class='spyj loadingtext'>
<div class="spyj loadingtext">
<div class="box">
<b class="spyj_title">审批表</b>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<div class="spyj_form" v-for="(item, index) in tableData" :key="index">
<div class="item_left">
{{ item.jdmc }}意见
</div>
<div v-for="(item, index) in tableData" :key="index">
<el-form :model="tableData[index]" label-width="120px" :rules="rules" :ref="'ruleFormRef'+index">
<div class="spyj_form" >
<div class="item_left">{{ item.jdmc }}意见</div>
<div class="item_right">
<el-row>
<el-col :span="24">
<el-form-item label-width="0" class="opinion_item" prop="shyj">
<el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
<el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
</el-input>
<el-button class="opinion_btn" @click="commonOpinion"
v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
<el-form-item
label-width="0"
class="opinion_item"
prop="shyj"
>
<el-input
type="textarea"
:rows="4"
class="opinion"
placeholder="请输入审批意见"
v-model="item.shyj"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="审查人" prop="shryxm">
{{ item.shryxm }}
<el-form-item
label="审查人"
prop="shryxm"
>
<el-input v-model="item.shryxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核时间" prop="shjssj" :key="refresh">
{{ item.shjssj }}
<el-form-item
label="审核时间"
prop="shsj"
>
<el-date-picker
v-model="item.shsj"
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="submit_button" v-if="ableOperation">
<el-button type="primary" @click="onSubmit">保存</el-button>
</div>
</el-form>
</div>
<el-empty v-if="isNoData" description="暂无数据"></el-empty>
<div class="submit_button" v-if="!$route.query.viewtype">
<el-button type="primary" @click="onSubmit('ruleFormRef')">保存</el-button>
</div>
</div>
<!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
</div>
</template>
<script>
import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
import { mapGetters } from 'vuex'
export default {
import { addidea } from "@/api/djbbl.js";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(['userData', 'yjsqOptions'])
...mapGetters(["userData", "yjsqOptions"]),
},
data () {
data() {
return {
isNoData: false,
bsmSlsq: '',
//刷新值
refresh: 10,
ableOperation: true,
bsmSlsq: this.$route.query.bsmSlsq,
bestepid: this.$route.query.bestepid,
ruleForm: {},
tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
rules: {
shyj: [
{ required: true, message: '请输入审批意见', trigger: 'blur' }
],
shyj: [{ required: true, message: "请填写意见", trigger: "blur" }],
shryxm: [{ required: true, message: "审查人", trigger: "blur" }],
shsj: [{ required: true, message: "审核时间", trigger: "blur" }],
},
tableData: [],
propsParam: {}
}
},
watch: {
yjsqOptions: {
handler (val) {
this.ruleForm.shyj = val
},
deep: true,
immediate: true
},
},
mounted () {
this.propsParam = this.$attrs;
if (this.$route.query.viewtype) {
this.ableOperation = false
}
this.list();
};
},
methods: {
//审批意见数据初始化
list () {
let that = this
this.$startLoading()
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmRepair);
formdata.append("bestepid", this.$route.query.bestepid);
formdata.append("ableOperation", this.ableOperation)
getSpyjList(formdata).then((res) => {
this.$endLoading()
if (res.code === 200 && res.result) {
this.tableData = res.result ? res.result : []
console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData);
if (res.result.length == 0) {
that.isNoData = true
}
this.ruleForm = res.result[res.result.length - 1]
}
})
},
onSubmit () {
this.ruleForm.bsmSlsq = this.bsmSlsq
this.ruleForm.bestepid = this.bestepid
saveSpyjBySlsq(this.ruleForm).then(res => {
watch: {},
created() {},
mounted() {},
methods: {
onSubmit(formName) {
const falg = []
for (let index = 0; index < this.tableData.length; index++) {
this.$refs[formName + index][0].validate((valid) => {
if (valid) {
falg.push(1)
}
});
}
if (falg.length == this.tableData.length) {
this.tableData.forEach((item, index) => {
item["bsmBusiness"] = this.$parent.bsmRepair;
}),
addidea(this.tableData).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功")
this.refresh += 1
this.$message.success("保存成功");
this.refresh += 1;
} else {
this.$message.error(res.message)
this.$message.error(res.message);
}
});
} else {
return false;
}
})
},
//打开常用意见列表弹窗
commonOpinion () {
this.$popupDialog("常用意见", "djbworkflow/components/dialog/commonOpinion", {}, "70%", true)
// onSubmit() {
// this.$refs.tablelist[index].validate((valid) => {
// if (valid) {
// this.tableData.forEach((item, index) => {
// item["bsmBusiness"] = this.$parent.bsmRepair;
// }),
// addidea(this.tableData).then((res) => {
// if (res.code === 200) {
// this.$message.success("保存成功");
// this.refresh += 1;
// } else {
// this.$message.error(res.message);
// }
// });
// }
// });
// },
},
//使用常用意见
useOpinion (opinion) {
this.ruleForm.shyj = opinion
}
}
}
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.spyj {
.spyj {
width: 100%;
height: 100%;
background-color: #f5f5f5;
......@@ -229,5 +231,5 @@
text-align: center;
margin: 15px 0;
}
}
}
</style>
......
......@@ -75,10 +75,11 @@ export default {
finishedInfo: {
finishedTaskSet: result.finishedActivityIds,
unfinishedTaskSet: result.runningActivityIds,
rejectedTaskSet: result.rejectedTaskSet,
rejectedTaskSet: {},
finishedSequenceFlowSet: result.finishedSequenceFlowIds
},
allCommentList: result.historyTaskList
handlinglist:result.runningTasks,
allCommentList: result.finishedTasks
}, '80%', true)
})
break;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-24 15:31:00
* @LastEditTime: 2023-07-11 08:58:31
-->
<template>
<div class="container">
......@@ -12,8 +12,7 @@
<li
@click="operation(item)"
v-for="(item, index) in leftButtonList"
:key="index"
>
:key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
......@@ -22,8 +21,7 @@
<li
@click="operation(item)"
v-for="(item, index) in rightButtonList"
:key="index"
>
:key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
......@@ -50,15 +48,13 @@
:label="item.name"
:name="item.value"
v-for="item in tabList"
:key="item.value"
>
:key="item.value">
</el-tab-pane>
</el-tabs>
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps"
/>
v-bind="currentSelectProps" />
</div>
</div>
</div>
......@@ -67,28 +63,28 @@
</div>
</template>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
</style>
<script>
import WorkFlow from "./mixin/index";
import { getForm } from "./flowform";
import { getStepFormInfo } from "@/api/fqsq.js";
import NoticeBar from "@/components/NoticeBar/index";
import ProcessViewer from "./components/processViewer.vue";
// 引入左侧菜单
import { leftMenubl } from "@/api/djbbl.js";
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
import qllxDailog from "./djbBook/components/qllxDailog";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
// 登记簿数据信息
import { addRepairRecord } from "@/api/djbbl.js";
// 获取权利类型数组
import { getQllxByBdcdyid } from "@/api/djbbl.js";
import WorkFlow from "./mixin/index";
import { getForm } from "./flowform";
import { getStepFormInfo } from "@/api/fqsq.js";
import NoticeBar from "@/components/NoticeBar/index";
import ProcessViewer from "./components/processViewer.vue";
// 引入左侧菜单
import { leftMenubl } from "@/api/djbbl.js";
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
import qllxDailog from "./djbBook/components/qllxDailog";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
// 登记簿数据信息
import { addRepairRecord } from "@/api/djbbl.js";
// 获取权利类型数组
import { getQllxByBdcdyid } from "@/api/djbbl.js";
import { getBdcqljqtsx } from "@/api/registerBook.js";
export default {
import { getBdcqljqtsx } from "@/api/registerBook.js";
export default {
components: {
selectBdc,
NoticeBar,
......@@ -97,7 +93,7 @@ export default {
qllxDailog,
},
mixins: [WorkFlow],
data() {
data () {
return {
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
......@@ -109,7 +105,7 @@ export default {
qllx: this.$route.query.qllx,
//设置那个表单选中
tabName: "",
isEdit:true,
isEdit: true,
// 弹框显示
dialogVisible: true,
//表单集合
......@@ -129,12 +125,12 @@ export default {
defaultNode: {},
};
},
mounted() {
mounted () {
// this.getleftMenubl()
},
methods: {
stepForm(qllx) {
stepForm (qllx) {
this.oneSelectProps.qllx = qllx;
if (this.$refs.Menu.supplementarylist.length) {
getStepFormInfo(this.oneSelectProps).then((res) => {
......@@ -152,7 +148,7 @@ export default {
// this.supplementarylist = res.result;
// })
// },
getQllxByBdcdyid() {
getQllxByBdcdyid () {
if (this.currentSelectProps.bdcdyid) {
getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
(res) => {
......@@ -165,7 +161,7 @@ export default {
}
},
// 获取右侧选项卡
getCurrentSelectProps(val) {
getCurrentSelectProps (val) {
if (val.bdcdyid) {
this.oneSelectProps = val;
}
......@@ -181,7 +177,7 @@ export default {
}
},
// 获取渲染登记簿列表
getdjblist() {
getdjblist () {
getBdcqljqtsx({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
......@@ -210,23 +206,21 @@ export default {
});
},
//右侧表单选项卡事件
beforeLeave(activeName) {
beforeLeave (activeName) {
if (activeName && activeName != 0) this.getFromRouter(activeName);
},
//切换选项卡内容组件
getFromRouter(tabname) {
console.log("切换选项卡内容组件", tabname,this.tabList);
getFromRouter (tabname) {
this.componentTag = getForm(tabname);
},
closefp() {
console.log("点击分屏");
closefp () {
this.splitScreen = this.splitScreen ? false : true;
this.$store.dispatch("app/set1tScreen", this.splitScreen);
this.getFromRouter(this.tabList[0].value);
this.clxxForm = getForm(this.tabList[1].value);
},
// 增加补录记录
addRepairRecord(row, del) {
addRepairRecord (row, del) {
let from = {
bsmQlxx: "",
bsmSlsq: this.bsmSlsq,
......@@ -263,9 +257,21 @@ export default {
})
.catch((res) => {
console.log("错", res);
});
},
})
},
};
openDialog () {
this.$store.dispatch('user/refreshPage', false)
let data = JSON.parse(localStorage.getItem('ywbl'))
let title
if (data?.sqywmc) {
title = "申请业务：" + data?.sqywmc
} else {
title = "申请业务：" + data?.djywmc
}
this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
}
}
};
</script>
<style scoped lang="scss"></style>
......
......@@ -22,19 +22,32 @@
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
<span v-else>{{ row[item.prop] }}</span>
......
......@@ -24,8 +24,11 @@
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button
......@@ -37,12 +40,21 @@
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......
......@@ -24,19 +24,31 @@
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......
......@@ -19,19 +19,31 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......@@ -71,9 +83,10 @@
},
methods: {
loadData () {
if(this.$parent.addRepairRecord){
this.columns.unshift({prop:"cz",
label:"操作"
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
}
getJsydsyqList({
......@@ -114,13 +127,13 @@
return name;
},
// 新增一条补录信息
editDialog(row,del){
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$parent.addRepairRecord(row, del)
this.$message({
type: 'success',
......
......@@ -24,8 +24,11 @@
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button
......@@ -37,12 +40,21 @@
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......
......@@ -19,19 +19,31 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......@@ -72,9 +84,10 @@
methods: {
loadData () {
if(this.$parent.addRepairRecord){
this.columns.unshift({prop:"cz",
label:"操作"
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
}
getJsydsyqList({
......@@ -115,13 +128,13 @@
return name;
},
// 新增一条补录信息
editDialog(row,del){
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$parent.addRepairRecord(row, del)
this.$message({
type: 'success',
......
......@@ -19,19 +19,31 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
row.qlzt == '0' ? 'zhuxiaoIcon' : '',
row.qlzt == '3' ? 'linshiIcon' : '',
row.qlzt == '2' ? 'linshiIcon' : '',
row.qlzt == '1' ? 'xianshiIcon' : '',
row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......@@ -50,15 +62,27 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......
......@@ -19,19 +19,31 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......@@ -72,9 +84,10 @@
methods: {
loadData () {
if(this.$parent.addRepairRecord){
this.columns.unshift({prop:"cz",
label:"操作"
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
}
getTdsyqList({
......@@ -115,13 +128,13 @@
return name;
},
// 新增一条补录信息
editDialog(row,del){
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$parent.addRepairRecord(row, del)
this.$message({
type: 'success',
......
......@@ -18,19 +18,31 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......
......@@ -18,19 +18,31 @@
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
失效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-04 16:08:03
* @LastEditTime: 2023-07-05 09:55:42
-->
<template>
<div class="clxx">
......@@ -67,9 +67,11 @@
...mapGetters(["dictData"])
},
created () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.clmlInitList(1)
},
mounted() {
this.ableOperation = this.$parent.isEdit;
},
methods: {
// 自动预览
nextPriview () {
......@@ -125,7 +127,6 @@
this.previewImg.bsmSj = item.bsmSj;
},
updateList (val) {
console.log(val, 'valvalvalval');
let that = this
if (val.children.length != []) { //删除最后一张图片时 val=null
this.tableData.forEach(item => {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-04 15:04:59
* @LastEditTime: 2023-07-07 13:12:58
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -11,7 +11,7 @@
v-for="(item, index) in headTabBdcqz" :key="index">
</el-tab-pane>
</el-tabs>
<div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
<el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
<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>
</div>
......@@ -20,7 +20,6 @@
<script>
import { datas } from "../../javascript/zsyl.js";
import { getSlsqBdcqzList } from "@/api/bdcqz.js"
import { log } from 'bpmn-js-token-simulation';
export default {
name: "zsyl",
props: {
......@@ -31,6 +30,7 @@
},
data () {
return {
noData: false,
imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
loading: false,
......@@ -78,6 +78,7 @@
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]
......
......@@ -83,6 +83,7 @@
},
},
mounted () {
this.propsParam.isEdit=this.$parent.isEdit
this.propsParam = this.$attrs;
if (this.$route.query.viewtype) {
this.ableOperation = false
......
......@@ -5,15 +5,78 @@
-->
<template>
<div>
<lb-table
:column="InformationTable"
<el-table
:data="tableDataList"
border
:pagination="false"
:key="key"
:header-cell-style="{'text-align':'center'}"
:heightNumSetting="true"
:minHeight="150"
:data="tableDataList"
height="150"
style="width: 100%"
>
</lb-table>
<el-table-column
prop="index"
width="50"
:render-header="renderHeader"
>
<template slot-scope="scope">
<i
class="el-icon-minus pointer"
@click="deleClick(scope.$index, scope.row)"
></i>
</template>
</el-table-column>
<el-table-column prop="yt" label="土地用途" min-width="100">
<template slot-scope="scope">
<treeselect
v-model="tdyt"
noOptionsText="暂无数据"
placeholder=""
:show-count="true"
:options="dictData['tdyt']"
:normalizer="normalizer"
:appendToBody="true" z-index="9999"
@input="addrow(scope.row)"
/>
</template>
</el-table-column>
<el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
<template slot-scope="scope">
<el-date-picker
v-model='scope.row.qssj'
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
@blur="addrow(scope.row)">
</el-date-picker>
</template>
</el-table-column>
<el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
<template slot-scope="scope">
<el-date-picker
v-model='scope.row.jssj'
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
@blur="addrow(scope.row)">
</el-date-picker>
</template>
</el-table-column>
<el-table-column prop="syqx" label="土地使用期限" min-width="100">
<template slot-scope="scope">
<el-input
class="item"
v-model="scope.row.syqx"
placeholder="请输入内容"
@blur="addrow(scope.row)">
></el-input>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
......@@ -32,6 +95,8 @@ export default {
},
data() {
return {
// 键名转换，方法默认是label和children进行树状渲染
tdyt:null,
key: 0,
newdata: {
yt: "",
......@@ -40,118 +105,15 @@ export default {
syqx: "",
},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{this.$route.query.viewtype == 1 ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
render: (h, scope) => {
return (
<div>
{this.$route.query.viewtype == 1 ? (
<span>{scope.$index + 1}</span>
) : (
<i
class="el-icon-minus pointer"
onClick={() => {
this.deleClick(scope.$index, scope.row);
}}
></i>
)}
</div>
);
},
},
{
label: "土地用途",
align: "center",
render: (h, scope) => {
return (
<el-select
value={scope.row.yt}
onChange={(val) => {
scope.row.yt = val;
}}
clearable
onblur={() => {
this.addrow(scope);
}}
>
{this.dictData["tdyt"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
label: "土地使用起始时间",
render: (h, scope) => {
return (
<el-date-picker
v-model={scope.row.qssj}
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd HH:mm:ss"
onblur={() => {
this.addrow(scope.row);
}}
></el-date-picker>
);
},
},
{
label: "土地使用结束时间",
render: (h, scope) => {
return (
<el-date-picker
v-model={scope.row.jssj}
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd HH:mm:ss"
onblur={() => {
this.addrow(scope.row);
}}
></el-date-picker>
);
},
},
{
label: "土地使用期限",
render: (h, scope) => {
return (
<el-input
v-model={scope.row.syqx}
onblur={() => {
this.addrow(scope.row);
}}
></el-input>
);
},
normalizer(node) {
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
],
};
},
watch: {
......@@ -168,8 +130,20 @@ export default {
syqx: "",
},
]);
if( that.tableDataList.length>0){
console.log("that.tableDataList",that.tableDataList);
this.tdyt=that.tableDataList[0].yt?that.tableDataList[0].yt:null
}else{
this.tdyt=null
}
} else {
that.tableDataList = _.cloneDeep(val);
if( that.tableDataList.length>0){
console.log("that.tableDataList",that.tableDataList);
this.tdyt=that.tableDataList[0].yt?that.tableDataList[0].yt:null
}else{
this.tdyt=null
}
}
});
},
......@@ -178,21 +152,42 @@ export default {
},
},
methods: {
renderHeader() {
return (
<div>
{" "}
{this.$route.query.viewtype == 1 ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
// 修改事件
addrow() {
console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx);
this.tableDataList = this.tableDataList.map((item) => {
return{
...item,
yt:this.tdyt
}
})
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 新增
addClick() {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 删除
deleClick(index, row) {
console.log("删除");
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -210,4 +205,11 @@ export default {
.el-input {
border: none !important;
}
/deep/.el-table__row{
border: none !important;
}
.el-date-editor.el-input{
width: 100%;
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-24 14:42:24
* @LastEditTime: 2023-07-05 09:58:31
*/
import { getForm } from "../flowform";
import { getHomeNoticeList } from "@/api/home.js"
......@@ -38,6 +38,7 @@ export default {
for (let item of this.tabList) {
if (item.value === tabname) {
this.currentSelectTab = item
console.log(item, 'item11111111111');
break;
}
}
......
......@@ -117,10 +117,6 @@
data () {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
searchForm: {
ywlymc: "",
......
......@@ -72,8 +72,8 @@
<el-input v-model="ruleForm.cfdjList[0].cfwh" :disabled="$route.query.viewtype || isJfOperation"></el-input>
</el-form-item>
</el-col>
<!-- 批量查封状态有多种查封类型，不予展示 -->
<!-- <el-col :span="8">
<!-- 批量查封状态有多种查封类型，不予展示 -->
<!-- <el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="cfdj.cflxmc">
<el-input v-model="ruleForm.cfdjList[0].cflxmc" disabled></el-input>
</el-form-item>
......
......@@ -275,9 +275,9 @@
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.$endLoading();
this.ruleForm.diyaq.sfczjzhxz = "0";
}
this.$endLoading();
})
},
components: { qlrCommonTable },
......
......@@ -131,6 +131,14 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -207,6 +215,7 @@
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -228,7 +237,7 @@
}
});
},
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -246,6 +255,12 @@
}
},
methods: {
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
......@@ -258,6 +273,7 @@
this.ruleForm.ywrList = _.cloneDeep(val);
},
onSubmit () {
console.log("this.ruleForm",);
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
......@@ -134,6 +134,14 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -191,6 +199,7 @@
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -214,7 +223,7 @@
}
});
},
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -272,6 +281,12 @@
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
......
......@@ -139,7 +139,7 @@
<el-col>
<el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.slsq.djyy">
v-model="ruleForm.fdcq2List[0].djyy">
</el-input>
</el-form-item>
</el-col>
......
......@@ -125,6 +125,14 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -179,6 +187,7 @@
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
......@@ -198,7 +207,7 @@
}
});
},
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -247,6 +256,12 @@
};
},
methods: {
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
......
......@@ -126,6 +126,14 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -194,6 +202,7 @@
<script>
import { mapGetters } from "vuex"
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
export default {
mounted () {
......@@ -214,7 +223,7 @@
})
})
},
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"])
},
......@@ -233,6 +242,12 @@
}
},
methods: {
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......@@ -281,6 +296,7 @@
})
}
}
console.log("this.ruleFormmmmmmmmm",this.ruleForm);
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......
......@@ -128,6 +128,14 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -189,6 +197,7 @@
<script>
import { mapGetters } from "vuex";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
mounted () {
......@@ -206,7 +215,7 @@
this.$endLoading();
});
},
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"])
},
......@@ -228,6 +237,12 @@
};
},
methods: {
// 更新土地用途信息
upDateTdytxxList(val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-04 16:23:54
* @LastEditTime: 2023-07-10 15:16:48
-->
<template>
<!-- 受理信息 -->
......@@ -15,7 +15,7 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-form-item label="业务号111：">
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -130,18 +130,14 @@
<el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="下拉表格测试：">
<select-table v-model="value2" :table-width="600" :props="props" @change="change">
<el-table-column prop="id" label="ID" width="180"></el-table-column>
<el-table-column prop="user" label="姓名"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -211,10 +207,10 @@
<script>
import { mapGetters } from "vuex"
import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import selectTable from '@/components/selectTable/index.vue'
export default {
components: { qlrCommonTable, selectTable },
components: { qlrCommonTable, tdytTable },
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -262,7 +258,12 @@
}
},
methods: {
change () { },
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList (val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......
......@@ -193,17 +193,17 @@
},
ywhClick (item) {
//有任务权限
if(item.sjlx=="3"){
if (item.sjlx == "3") {
const { href } = this.$router.resolve(
"/djbworkFrameview?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid+
"&isEdit=" +
true
"&bsmBusiness=" +
"&viewtype=1"
);
window.open(href, `urlname${item.bsmSlsq}`);
}else{
} else {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
......
......@@ -69,10 +69,11 @@
<script>
//查封登记
import store from "@/store/index.js";
import { datas, sendThis } from "../javascript/cfdj.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/cfdj.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js";
export default {
props: {
......@@ -138,9 +139,9 @@
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
});
})
} else {
choiceBdcdy({
bsmSlsq: this.$route.query.bsmSlsq,
......
......@@ -56,10 +56,11 @@
</template>
<script>
import store from '@/store/index.js'
import { datas, sendThis } from "../javascript/diyaq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/diyaq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -119,7 +120,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -123,9 +123,10 @@
<script>
import Vue from 'vue'
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
//国有建设用地使用权/房屋使用权
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/fwsyq.js";
import table from "@/utils/mixin/table";
import jump from "@/views/ywbl/ywsq/components/mixin/jump";
import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectDz } from "@/api/ywbl.js";
export default {
......@@ -241,7 +242,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
} else {
......@@ -258,7 +259,7 @@
store.dispatch('user/refreshPage', true);
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
}
......
......@@ -42,10 +42,11 @@
<script>
//首次登记
import store from '@/store/index.js'
import { datas, sendThis } from "../javascript/nydsyq100.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/nydsyq100.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -108,7 +109,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -42,10 +42,11 @@
<script>
//首次登记
import store from '@/store/index.js'
import { datas, sendThis } from "../javascript/selectJsydsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectJsydsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import { startBusinessFlow, selectNydsyqQlxx } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -105,7 +106,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -55,11 +55,12 @@
</div>
</template>
<script>
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selecBdcql.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
import { getQllxByBsmSqyw } from "@/api/system.js";
export default {
......@@ -133,7 +134,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message)
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -52,9 +52,10 @@
</template>
<script>
import { mapGetters } from "vuex";
import { startRepairFlow } from "@/api/ywbl.js";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { startRepairFlow } from "@/api/ywbl.js";
import { datas, sendThis } from "../javascript/selectDjbbl.js";
import { selectRepairQlxx } from "@/api/selectQlxx.js";
import jump from "../components/mixin/djbbljump";
......@@ -161,7 +162,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -47,11 +47,12 @@
</div>
</template>
<script>
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectFwsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { selectFwsyq, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -110,7 +111,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -47,11 +47,12 @@
</div>
</template>
<script>
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectH.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { selectHQjdc, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -110,7 +111,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -55,11 +55,12 @@
</template>
<script>
//首次登记
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectJsydsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { startBusinessFlow, selectJsydQlxx } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -118,7 +119,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-16 09:37:51
* @LastEditTime: 2023-07-07 09:27:48
-->
<template>
<div class="from-clues">
......@@ -138,11 +138,12 @@
</template>
<script>
//首次登记
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, datastwo, sendThis } from "../javascript/selectJsydsyqhbfg.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { startBusinessFlow, selectJsydQlxxSplitMergeBefore, selectZdjbxxSplitMergeLast } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -246,7 +247,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message)
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -47,12 +47,13 @@
</template>
<script>
//首次登记
import jump from "./mixin/jump";
import store from '@/store/index.js'
import { datas, sendThis } from "../javascript/selectQjzdjbxx.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { ywPopupDialog } from "@/utils/popup.js";
import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js";
import { datas, sendThis } from "../javascript/selectQjzdjbxx.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
export default {
mixins: [table, jump],
props: {
......@@ -115,9 +116,8 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message)
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
handleSelectionChange (val) {
......
......@@ -55,11 +55,12 @@
</template>
<script>
//首次登记
import jump from "./mixin/jump";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectTdsyq.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "./mixin/jump";
import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
......@@ -118,7 +119,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -48,6 +48,7 @@
</template>
<script>
import store from '@/store/index.js'
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectYgdj200.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
......@@ -110,7 +111,7 @@
this.$popupCacel()
}
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -48,6 +48,7 @@
</template>
<script>
import store from '@/store/index.js'
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectYgdy.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
......@@ -110,7 +111,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -48,6 +48,7 @@
</template>
<script>
import store from '@/store/index.js'
import { ywPopupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "../javascript/selectAllHInfo.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
......@@ -111,7 +112,7 @@
}
this.$popupCacel()
} else {
this.$message.error(res.message);
ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
}
})
},
......
......@@ -4,7 +4,7 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
<el-row>
<el-col :span="5">
<el-col :span="4">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
......@@ -12,24 +12,63 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="4">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="权属状态">
<el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号" label-width="105px">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="105px">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
<el-form-item label="业务号:">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="坐落:" label-width="105px">
<el-input v-model="queryForm.zl" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利人:" label-width="105px">
<el-input v-model="queryForm.qlrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="义务人:">
<el-input v-model="queryForm.ywrmc" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
......@@ -64,7 +103,19 @@ export default {
},
data () {
return {
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
queryForm: {
qszt: "1",
qllx: "",
bdcdyh: "",
bdcqzh: "",
......