Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
eb2b2c76 by renchao@pashanhoo.com
Options

Merge branch 'dev'

1 parent 64c4bb30
Expand all
Inline Side-by-side
Showing 61 changed files with 736 additions and 3047 deletions
......@@ -23,6 +23,7 @@
"node-sass": "^4.14.1",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"qrcode": "^1.5.3",
"vue": "2.6.10",
"vue-json-editor": "^1.4.3",
"vue-quill-editor": "^3.0.6",
......
{
"TITLE": "不动产登记系统",
"SERVERAPI": "/bdcdj-ssq",
"ip": "http://192.168.2.38",
"SERVERAPI": "/bdcdj",
"IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
}
}
\ No newline at end of file
......
......@@ -4,6 +4,7 @@
* @LastEditTime: 2023-05-16 14:05:25
*/
import request from '@/utils/request'
import { log } from 'bpmn-js-token-simulation'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 添加补录记录
......@@ -24,9 +25,8 @@ export function addRepairRecord (data) {
*/
export function deleteFlow (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow',
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
method: 'get',
params:params
})
}
......
......@@ -72,6 +72,19 @@ export function getBdcqljqtsx (data) {
}
/**
* @description: 获取土地所有权
* @param {*} data
* @author: renchao
*/
export function getTdsyqList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbDetail/getTdsyqList',
method: 'post',
data
})
}
/**
* @description: 获取建设用地使用权
* @param {*} data
* @author: renchao
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:31:23
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
// 初始化内容
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "100":
apiUrl = "/rest/ywbl/tdsyq/firstInit";
break;
case "200":
apiUrl = "/rest/ywbl/tdsyq/transferInit";
break;
case "300":
apiUrl = "/rest/ywbl/tdsyq/changeInit";
break;
case "400":
apiUrl = "/rest/ywbl/tdsyq/logoutInit";
break;
case "500":
apiUrl = "/rest/ywbl/tdsyq/riviseInit";
break;
case "901":
apiUrl = "/rest/ywbl/tdsyq/renewalInit";
break;
case "902":
apiUrl = "/rest/ywbl/tdsyq/replaceInit";
break;
}
return request({
url: SERVER.SERVERAPI + apiUrl,
method: 'post',
data
})
}
/**
* @description: 受理信息保存
* @param {*} data
* @author: renchao
*/
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/tdsyq/saveData',
method: 'post',
data
})
}
/**
* @description: 流程图
* @param {*} bsmSlsq
* @param {*} bestepid
* @author: renchao
*/
export function getWorkFlowImage (bsmSlsq, bestepid) {
return request({
url: SERVER.SERVERAPI + '/rest/business/workFlow/getWorkFlowImage',
method: 'get',
params: {
bsmSlsq: bsmSlsq,
bestepid: bestepid
}
})
}
......@@ -7,12 +7,14 @@ import dialogBox from '@/components/DialogBox/dialogBox.vue'
import LbTable from '@/components/LbTable/lb-table.vue'
import Theme from '@/components/Theme/theme.vue'
import Popup from '@/components/Popup/index'
import Treeselect from '@riophae/vue-treeselect' //树形下拉框组件
import MessageBox from '@/components/MessageBox/index.js'
export default {
install: (Vue) => {
Vue.component('dialogBox', dialogBox);
Vue.component('lbTable', LbTable);
Vue.component('Theme', Theme);
Vue.component('Treeselect', Treeselect);
Vue.prototype.$popup = Popup.install;
Vue.prototype.$alertMes = MessageBox.alert;
}
......
......@@ -6,16 +6,18 @@
import Vue from 'vue'
import App from './App'
import 'normalize.css/normalize.css' // a modern alternative to CSS resets
import Element from 'element-ui'
import Element, { install } from 'element-ui'
import axios from 'axios'
import '@/styles/element-variables.scss'
import '@/styles/index.scss'
import Base from '@/components/Base/base' // 全局组件引入
import mixin from '@/utils/mixin/theme.js'
import Loading from '@/components/Loading/index.js';
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
Vue.mixin(mixin);
Vue.use(Loading.directive);
// 引入xml
import x2js from 'x2js'
Vue.prototype.$x2js = new x2js()
......
<template>
<div class="bdcqldjml">
<table class="mlTable">
<tr>
<th colspan="5" class="title">不动产权利登记目录</th>
</tr>
<tr>
<td>序号</td>
<td>不动产单元号</td>
<td>不动产类型</td>
<td>所在本数</td>
<td>备注</td>
</tr>
<tr v-for="(item, index) in bdcqlml" :key="index">
<td>{{ index + 1 }}</td>
<td>{{ item.bdcdyh }}</td>
<td>{{ item.bdclx }}</td>
<td>{{ item.szbs }}</td>
<td>{{ item.bz }}</td>
</tr>
</table>
</div>
</template>
<script>
import { getBdcqldjmlByBdcdyid } from "@/api/registerBook.js";
export default {
data() {
return {
bdcqlml: [],
propsParam: this.$attrs,
};
},
mounted() {
getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.bdcqlml = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqldjml {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
.mlTable {
width: 90%;
margin: 0 auto;
color: #333;
border-spacing: 1px;
background-color: #333;
.title {
font-size: 20px;
line-height: 60px;
font-family: serif;
position: relative;
}
td,
th {
background-color: white;
line-height: 30px;
padding: 0 4px;
text-align: center;
}
}
}
</style>
<template>
<div class="bdcqljqtsx">
<div class="content">
<div class="title">不动产权利及其他事项<br />登记信息</div>
<div>
不动产单元号:
<div class="underline">{{ propsParam.bdcdyh }}</div>
</div>
<br /><br /><br />
<div>
<div class="underline">{{ qlxxList.ztqlmc }}</div>
登记 共
<div class="underline">{{ qlxxList.ztql.total }}</div>
条
</div>
<br /><br />
<div>
抵押权登记 共
<div class="underline">{{ qlxxList.diyaq.total }}</div>
条
</div>
<br />
<div>
地役权登记 共
<div class="underline">{{ qlxxList.diyiq.total }}</div>
条
</div>
<br />
<div>
预告登记 共
<div class="underline">{{ qlxxList.ygdj.total }}</div>
条
</div>
<br />
<div>
异议登记 共
<div class="underline">{{ qlxxList.yydj.total }}</div>
条
</div>
<br />
<div>
查封登记 共
<div class="underline">{{ qlxxList.cfdj.total }}</div>
条
</div>
<br />
</div>
</div>
</template>
<script>
import { getBdcqljqtsx } from "@/api/registerBook.js";
export default {
name: "bdcqljqtsx",
data() {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted() {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqljqtsx {
width: 100%;
height: 100%;
background: #fff;
.content {
width: 50%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
}
}
}
</style>
<!--
* @Description :查封登记信息
* @Autor : miaofang
* @LastEditTime : 2023-06-13 13:56:45
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getCfdjList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().CFDJ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getCfdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach((item, index) => {
if (item.sfbxf == '1') {
item.zxywh = '';
item.zxdbr = '';
item.zxsj = '';
}
})
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:40:38
-->
<template>
<div class="clxx">
<div class="right">
<!-- 材料预览 -->
<div class="clyl-box">
<div class="menu-tree">
<el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
<div class="item">
材料目录({{tableData.length}})
<div style="margin-top:10px">
<div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
<div v-for="(item,index) in tableData" :key="item.bsmSj"
:class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
<span v-if="item.isrequired==1" class="required">必选</span>
{{ item.sjmc }}
<span class="cl_number">({{item.children ? item.children.length : 0}})</span>
</div>
</div>
</div>
<el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
</div>
<image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
@prevPriview="prevPriview" />
</div>
</div>
<clxxAddDialog v-model="isDialog" />
<!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> -->
</div>
</template>
<script>
import { mapGetters } from "vuex";
import clxxAddDialog from "./components/clxxAddDialog.vue";
import imagePreview from '@/views/components/imagePreview.vue'
import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
import { popupDialog } from "@/utils/popup.js";
export default {
components: { clxxAddDialog, imagePreview },
data () {
return {
isDialog: false,
iclass: "",
// 材料目录选中
treeCheckIndex: 0,
treeCheckId: "",
key: 0,
tableData: [],
previewImg: {
// 收件标识码
bsmSj: '',
bsmSlsq: this.$parent.bsmSlsq,
index: 0,
selectedIndex: 0,
imgList: []
}
}
},
computed: {
...mapGetters(["dictData"])
},
created () {
this.clmlInitList(1)
},
methods: {
// 自动预览
nextPriview () {
if (this.treeCheckIndex < this.tableData.length) {
this.treeCheckIndex++
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = 0
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
}
},
prevPriview () {
if (this.treeCheckIndex >= 1) {
this.treeCheckIndex--
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = this.previewImg.imgList.length
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
}
},
// 材料目录明细初始化
clmlInitList (type) {
//type 1：列表初始化 2：新增材料
return new Promise(resolve => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", this.$parent.bsmSlsq);
InitClml(formdata).then((res) => {
if (res.code == 200) {
resolve(res.code)
if (res.result && res.result.length > 0) {
this.tableData = res.result;
if (type == 1) {
this.treeClick(this.tableData[0], 0);
} else {
//新增材料后刷新列表焦点置于新增的对象上
this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
}
}
} else {
this.$message.error(res.message)
}
})
})
},
setChecked (item) {
this.treeCheckId = item.bsmSj;
this.title = item.sjmc;
this.titleYs = 1;
this.titleNum = item.children.length;
this.previewImg.imgList = item.children;
this.previewImg.bsmSj = item.bsmSj;
},
updateList (val) {
let that = this
if (val != null) { //删除最后一张图片时 val=null
this.tableData.forEach(item => {
if (item.bsmSj === val.bsmSj) {
item.children = val.children
}
})
this.previewImg.imgList = _.cloneDeep(val.children)
if (this.previewImg.index == this.previewImg.imgList.length) {
this.previewImg.index = this.previewImg.index - 1
}
} else {
this.previewImg.imgList = []
this.tableData.forEach((item, index) => {
if (this.treeCheckId == item.bsmSj) {
item.children = []
that.treeCheckIndex = index
}
})
}
},
// 添加材料目录
handleAdd () {
this.isDialog = true;
},
// 新增弹窗保存
addSave (data) {
let obj = {
bsmSlsq: this.$parent.bsmSlsq,
isrequired: "1",
sjmc: data.clmc,
sjsl: 0,
smzt: '',
ys: 0,
sjlx: data.cllx,
sfxjcl: "1", // 是否必选
};
saveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList(2)
if (res == 200) this.$message({
message: "新增成功",
type: "success",
})
}
});
},
// 材料目录点击选中
treeClick (item, index) {
this.previewImg.index = 0
this.treeCheckId = item?.bsmSj
this.treeCheckIndex = index
this.previewImg.imgList = item?.children
this.previewImg.bsmSj = item?.bsmSj
},
// 小图片点击
imgClick (item, index) {
this.showImg = item;
this.titleYs = index + 1;
},
// 字典
dicStatus (val, code) {
let data = this.$store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname
}
});
return name
}
},
//查看明细
viewDetail () {
this.$popupDialog("查看明细", "djbworkflow/components/dialog/clxxDetailDialog", {
data: this.tableData
}, "60%")
},
//设置tableData
setTableData (tableData) {
this.$nextTick(res => {
this.tableData = tableData;
})
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.active {
background: $light-blue !important;
color: #fff;
}
.required {
font-size: 12px;
color: $pink;
float: left;
}
.cl_number {
float: right;
}
.clxx {
width: 100%;
display: flex;
padding-left: 5px;
height: calc(100vh - 125px);
.left {
display: flex;
flex-direction: column;
justify-content: space-between;
.item {
width: 28px;
height: 49%;
@include flex-center;
background-color: #e4e7ed;
border-bottom-right-radius: 10px;
padding: 5px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
}
.right {
width: 100%;
height: 100%;
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
.clyl-box {
width: 100%;
height: 100%;
display: flex;
.menu-tree {
width: 20%;
min-width: 160px;
height: 100%;
margin-right: 10px;
border-right: 1px dotted #d9d9d9;
padding: 0 15px;
.item {
line-height: 30px;
padding-top: 5px;
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
text-align: center;
color: $light-blue;
.itemIcon {
float: right;
line-height: 60px;
cursor: pointer;
}
.child {
line-height: 32px;
border-bottom: 1px solid #e8e8e8;
padding-left: 10px;
color: #6b6b6b;
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
line-height: 20px;
transition: all 0.3s;
padding: 8px 0;
}
.child:hover {
color: $light-blue;
transform: scale(1.1);
}
.checked {
border: 1px solid $light-blue;
color: $light-blue;
}
}
}
.clyl-img {
width: 75%;
height: 100%;
background: #f3f4f7;
margin: 0 auto;
position: relative;
}
}
}
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-09 09:20:10
-->
<template>
<dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
:isFullscreen="false">
<el-form :model="ruleForm" ref="ruleForm" label-width="70px">
<el-row>
<el-col :span="24">
<el-form-item label="材料类型">
<el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="材料名称">
<el-input v-model="ruleForm.clmc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>
<script>
import { mapGetters } from "vuex";
export default {
props: {
value: { type: Boolean, default: false },
},
data () {
return {
myValue: this.value,
ruleForm: {
cllx: "",
clmc: "",
},
};
},
computed: {
...mapGetters(["dictData"]),
},
watch: {
value (val) {
console.log("进去新增材料弹框");
this.myValue = val;
},
},
methods: {
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
cllx: "",
clmc: "",
}
},
handleSubmit () {
this.$parent.addSave(this.ruleForm);
this.ruleForm = {
cllx: "",
clmc: "",
}
this.$emit("input", false);
},
},
};
</script>
<style scoped lang="scss">
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
......@@ -11,7 +11,7 @@
:visible.sync="dialogVisible"
custom-class="insetDialog"
append-to-body
width="60%"
width="31%"
>
<!-- <el-radio-group v-model="radio">
<el-radio-button
......@@ -23,7 +23,7 @@
</el-radio-group> -->
<el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
:key="key"
:label="value" @click="clicksss(key)" plain>确定{{value}}</el-button>
:label="value" @click="clicksss(key)" plain>{{value}}</el-button>
<div class="btn">
<el-button type="primary" @click="handleSubmit">确定</el-button>
<el-button type="primary" @click="closeDialog">取消</el-button>
......@@ -48,13 +48,12 @@ export default {
},
clicksss(el){
console.log("el",el);
this.qllx=el
this.qllx=el
},
handleSubmit() {
if(this.qllx){
let qllxobj = {
let qllxobj = {
qllx:this.qllx,
bsmQlxx:""
};
......@@ -72,19 +71,22 @@ export default {
};
</script>
<style scoped lang="scss">
@import '~@/styles/public.scss';
.qllxdialog {
margin-top: 200px;
margin-top: 160px;
/deep/.el-dialog__body {
margin-top: 10px;
// height: 100px;
padding: 30px;
padding: 20px;
}
.gettypebutton{
cursor: pointer;
margin-left: 20px;
width: 45%;
line-height: 20px;
background-color: #ebebeb;
margin-top: 10px;
padding-left: 10px;
margin-top: 20px;
padding-left: 20px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -103,7 +105,7 @@ export default {
color: #ebebeb;
}
.btn{
margin:30px;
margin-top:30px;
text-align: center;
.el-button {
margin-top: 10px;
......
<!--
* @Description : 地役权登记信息
* @Autor : miaofang
* @LastEditTime : 2023-06-08 08:46:10
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getDiyiqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYIQ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div class="djbfm">
<br /><br />
<p>
<font>{{ info.sheng }}</font>
省 (区、市)
<font>{{ info.shi }}</font>
市 (区)
<font>{{ info.xian }}</font>
区 (县、市)
</p>
<p>
<font>{{ info.jdh }}</font>
街道 (乡、镇)
<font>{{ info.jfh }}</font>
街坊 (村)
<font>{{ info.zh }}</font>
组
</p>
<div class="title">不动产登记簿</div>
<br />
<p>
宗地/宗海号:
<font>{{ info.zddm }}</font>
</p>
<div class="bottom">
<p>
登记机构:
<font>{{ info.djjg }}</font>
</p>
</div>
</div>
</template>
<script>
import { getDjbfm } from "@/api/registerBook.js";
export default {
data () {
return {
//传递参数
propsParam: this.$attrs,
info: {},
};
},
mounted () {
this.loadData();
},
methods: {
loadData () {
getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.info = res.result;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
p {
font-size: 28px;
}
font {
font-size: 24px;
line-height: 24px;
}
}
}
</style>
<!--
* @Description : 房地产权1
* @Autor : miaofang
* @LastEditTime : 2023-06-16 10:23:27
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
有效
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
// this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
this.$parent.addRepairRecord(row)
// this.$message({
// type: 'success',
// message: '补录成功!'
// });
// }).catch(() => {
// this.$message({
// type: 'info',
// message: '取消编辑'
// });
// });
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<!--
* @Description : 房地产权2
* @Autor : miaofang
* @LastEditTime: 2023-06-20 09:59:18
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&item.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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getFdcq2List } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().FDCQ2,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getFdcq2List({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog (row) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog (row) {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<!--
* @Description :国有建设用地使用权
* @Autor : miaofang
* @LastEditTime : 2023-06-16 10:23:54
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]"
>
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
有效
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
console.log(" this.propsParam", this.propsParam);
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
// this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
this.$parent.addRepairRecord(row)
// this.$message({
// type: 'success',
// message: '补录成功!'
// });
// }).catch(() => {
// this.$message({
// type: 'info',
// message: '取消编辑'
// });
// });
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<!--
* @Description :用地
* @Autor : miaofang
* @LastEditTime : 2023-06-02 14:43:11
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
有效
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getNydsyqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "农用地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().NYDSYQ,
};
},
created () {
var qllx = this.$route.query.sqywbm.substr(0, 3)
if (qllx == 'A09') {
this.title = '土地经营权登记信息'
} else {
this.title = '农用地使用权登记信息'
}
this.loadData();
},
methods: {
loadData () {
getNydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
......@@ -95,7 +95,7 @@
let that = this
this.$startLoading()
var formdata = new FormData();
formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
formdata.append("bsmBusiness", this.propsParam.bsmRepair);
formdata.append("bestepid", this.$route.query.bestepid);
formdata.append("ableOperation", this.ableOperation)
getSpyjList(formdata).then((res) => {
......
<!--
* @Description :预告登记
* @Autor : miaofang
* @LastEditTime : 2023-06-15 13:50:25
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getYgdjList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<!--
* @Description :异议登记
* @Autor : miaofang
* @LastEditTime : 2023-06-15 13:50:58
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
<div class="xxTableBox rollTable">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<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' : '',
]">
<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="deleteDialog(row)">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getYydjList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YYDJ,
};
},
created () {
console.log("异议登记");
this.loadData();
},
methods: {
loadData () {
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 编辑
editDialog(row){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<!--
* @Description :宗地基本信息
* @Autor : miaofang
* @LastEditTime : 2023-06-15 13:57:20
-->
<template>
<div class="tableDivCss">
<table cellpadding="0" cellspacing="0" class="tableCss">
<tr>
<th colspan="5" class="title">宗地基本信息</th>
</tr>
<tr>
<td>单位</td>
<td colspan="4">{{ zdjbxx.mjdw | dictionary('A7') }}</td>
</tr>
<tr>
<td>不动产类型</td>
<td colspan="4">{{ bdclxList[zdjbxx.bdclx] }}</td>
</tr>
<tr>
<td>坐落</td>
<td colspan="4">{{ zdjbxx.zl }}</td>
</tr>
<tr>
<td rowspan="8">土地状况</td>
</tr>
<tr>
<td style="width:15%">宗地面积</td>
<td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
<td style="width:15%">用途</td>
<td style="width:30%">{{ zdjbxx.ghytmc }}</td>
</tr>
<tr>
<td>等级</td>
<td>{{ zdjbxx.djmc }}</td>
<td>价格</td>
<td>{{ zdjbxx.jg }}</td>
</tr>
<tr>
<td>权利类型</td>
<td>{{ zdjbxx.qllxmc }}</td>
<td>权利性质</td>
<td>{{ zdjbxx.qlxzmc }}</td>
</tr>
<tr>
<td>权利设定方式</td>
<td>{{zdjbxx.qlsdfs | dictionary('A10')}}</td>
<td>容积率</td>
<td>{{ zdjbxx.rjl }}</td>
</tr>
<tr>
<td>建筑密度</td>
<td>{{ zdjbxx.jzmd }}</td>
<td>建筑限高</td>
<td>{{ zdjbxx.jzxg }}</td>
</tr>
<tr>
<td>图幅号</td>
<td>{{ zdjbxx.tfh }}</td>
<td>地籍号</td>
<td>{{ zdjbxx.djh }}</td>
</tr>
<tr>
<td>档案号</td>
<td>{{ zdjbxx.dah }}</td>
<td>地块代码</td>
<td>{{ zdjbxx.dkdm }}</td>
</tr>
<tr>
<td rowspan="5">宗地四至</td>
</tr>
<tr>
<td>东</td>
<td colspan="3">{{ zdjbxx.zdszd }}</td>
</tr>
<tr>
<td>南</td>
<td colspan="3">{{ zdjbxx.zdszn }}</td>
</tr>
<tr>
<td>西</td>
<td colspan="3">{{ zdjbxx.zdszx }}</td>
</tr>
<tr>
<td>北</td>
<td colspan="3">{{ zdjbxx.zdszb }}</td>
</tr>
<tr>
<td>登记时间</td>
<td colspan="2">{{ zdjbxx.bz }}</td>
<td>登簿人</td>
<td>{{ zdjbxx.bz }}</td>
</tr>
<tr>
<td>附记</td>
<td colspan="4">{{ zdjbxx.fj }}</td>
</tr>
<!-- <tr>
<td>状态</td>
<td colspan="2">{{ zdjbxx.zt }}</td>
<td>区县代码</td>
<td>{{ zdjbxx.qxdm }}</td>
</tr> -->
<tr v-if="showGroup">
<td rowspan="4">变化情况</td>
<!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth">
<tr v-for="(item, index) in bhqkColumns" :key="index">
<td class="bhqkTh">{{ item.label }}</td>
</tr>
</table> -->
</tr>
<tr v-if="showGroup">
<td>变化原因</td>
<td>变化内容</td>
<td>登记时间</td>
<td>登簿人</td>
</tr>
<!-- <tr >
<td>{{ zdbhqks[0].bhyy }}</td>
<td>{{ zdbhqks[0].bhnr }}</td>
<td>{{ zdbhqks[0].djsj }}</td>
<td>{{ zdbhqks[0].dbr }}</td>
</tr> -->
</table>
</div>
</template>
<script>
import store from '@/store/index.js'
import { getZdjjxxBybdcdyid } from "@/api/registerBook.js";
export default {
data () {
return {
bhqkColumns: [
{
prop: "ssywh",
label: "上手业务号",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bhqzddm",
label: "变化前宗地代码",
},
{
prop: "bhnr",
label: "变化内容",
},
{
prop: "bhyy",
label: "变化原因",
},
{
prop: "djsj",
label: "登记时间",
},
{
prop: "dbr",
label: "登簿人",
},
{
prop: "fj",
label: "附记",
},
],
bhqkTableWidth: 745,
zdjbxx: {},
zdbhqks: [],
propsParam: this.$attrs,
showGroup: false,
bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"]
}
},
filters: {
dictionary: function (value, param) {
const foundItem = store.getters.dictData[param].find(item => item.dcode === String(value))
if (foundItem) {
return foundItem.dname
}
}
},
created () {
this.loadData()
},
methods: {
loadData () {
console.log("this.$attrs", this.$attrs);
console.log("this.propsParam", this.propsParam);
if (this.propsParam.bsmSldy) {
console.log("宗地基本信息");
} else {
console.log("登记簿里宗地基本信息");
getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.zdjbxx = res.result.zdjbxx;
this.zdbhqks = res.result.zdbhqkList;
if (this.zdbhqks != null && this.zdbhqks.length > 0) {
this.showGroup = true;
}
}
})
}
}
}
}
</script>
<style lang="scss" scoped>
@import "~@/styles/tablecss.scss";
</style>
......@@ -63,7 +63,7 @@ export function getForm(tabName) {
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
break;
case "clxx":
form = require("@/views/djbworkflow/djbBook/clxx.vue");
form = require("@/views/workflow/components/clxx/clxxUnify.vue");
break;
case "spyj":
form = require("@/views/djbworkflow/djbBook/spyj.vue");
......
......@@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
import { getPrintTemplateByCode } from "@/api/system";
import { getPrintApplicationInfo } from "@/api/fqsq";
import { uploadUndo } from "@/api/clxx";
import { deleteFlow } from "@/api/ywbl";
import { deleteFlow } from "@/api/djbbl";
import { getLodop } from "@/utils/LodopFuncs"
import {
stepExpandInfo,
......@@ -79,20 +79,16 @@ export default {
})
break;
case "B2": //材料分屏按钮
this.splitScreen = this.splitScreen ? false : true;
this.$store.dispatch("app/set1tScreen", this.splitScreen);
if (this.splitScreen) {
//如果当前选项卡为材料信息内容，递减到上一个选项卡内容
if (this.tabName == this.clxxTab.value) {
this.tabName = this.tabList[this.clxxIndex - 1].value;
this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
}
//删除材料信息选项卡数据
this.tabList.splice(this.clxxIndex, 1);
} else {
//新增材料信息选项卡数据
this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
}
this.closefp()
// if (this.splitScreen) {
// //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
// if (this.tabName == this.clxxTab.value) {
// this.tabName = this.tabList[0].value;
// this.getFromRouter(this.tabList[0].value);
// }
// }
break;
case "B3": //材料导入
document.getElementById("cldr").click();
......@@ -246,7 +242,7 @@ export default {
type: "warning",
})
.then(() => {
deleteFlow(formdata).then((res) => {
deleteFlow(this.bsmSlsq).then((res) => {
if (res.code === 200) {
this.$message({
type: "success",
......
......@@ -73,7 +73,7 @@
<script>
import WorkFlow from "./mixin/index";
import { getForm } from "./flowform";
import { getStepFormInfo } from "@/api/fqsq.js"
import { getStepFormInfo } from "@/api/fqsq.js";
import NoticeBar from "@/components/NoticeBar/index";
import ProcessViewer from "./components/processViewer.vue";
// 引入左侧菜单
......@@ -118,12 +118,9 @@ export default {
//设置表单传递数据
currentSelectProps: {},
// 首次拿到的业务信息
oneSelectProps:{},
oneSelectProps: {},
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
oneget:true,
oneget: true,
//页面监听时间
_beforeUnload_time: "",
treedata: {},
......@@ -132,60 +129,55 @@ export default {
};
},
mounted() {
// this.getleftMenubl()
// this.getleftMenubl()
},
methods: {
stepForm (qllx) {
this.oneSelectProps.qllx=qllx
if(this.$refs.Menu.supplementarylist.length){
getStepFormInfo(this.oneSelectProps).then((res) => {
this.$nextTick(function () {
this.tabList=res.result
this.tabName =this.tabList[0].value;
this.getFromRouter(this.tabName)
stepForm(qllx) {
this.oneSelectProps.qllx = qllx;
if (this.$refs.Menu.supplementarylist.length) {
getStepFormInfo(this.oneSelectProps).then((res) => {
this.$nextTick(function () {
this.tabList = res.result;
this.tabName = this.tabList[0].value;
this.getFromRouter(this.tabName);
});
})
}
},
// 获取右侧菜单
});
}
},
// 获取右侧菜单
// getleftMenubl() {
// leftMenubl(this.bsmSlsq).then((res) => {
// this.supplementarylist = res.result;
// })
// },
getQllxByBdcdyid() {
if(this.currentSelectProps.bdcdyid){
getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
(res) => {
if (res.code === 200) {
this.$refs.qllxlist.qllxlistdata = res.result;
this.$refs.qllxlist.dialogVisible = true;
if (this.currentSelectProps.bdcdyid) {
getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
(res) => {
if (res.code === 200) {
this.$refs.qllxlist.qllxlistdata = res.result;
this.$refs.qllxlist.dialogVisible = true;
}
}
}
);
);
}
},
// 获取右侧选项卡
getCurrentSelectProps(val) {
if(val.bdcdyid){
if (val.bdcdyid) {
this.oneSelectProps = val;
}
this.currentSelectProps = val;
if (this.currentSelectProps.bsmRepair) {
this.stepForm (this.currentSelectProps.qllx)
} else if(!this.oneget){
this.stepForm(this.currentSelectProps.qllx);
} else if (!this.oneget) {
this.getdjblist();
}
if(this.oneget){
this.oneget=false
this.stepForm (this.currentSelectProps.qllx)
if (this.oneget) {
this.oneget = false;
this.stepForm(this.currentSelectProps.qllx);
}
},
// 获取渲染登记簿列表
getdjblist() {
......@@ -196,22 +188,23 @@ export default {
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.bdcdyh);
this.$nextTick(function () {
this.defaultNode = getNode(
this.currentSelectProps.qllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
);
this.defaultNode = getNode(this.currentSelectProps.qllx, {
linShi: 0,
xianShi: 0,
liShi: 0,
});
this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
});
let settree = JSON.parse(JSON.stringify(this.treedata));
this.tabdata = [
...settree,
...settree[1].children[0].children[0].children,
];
this.tabdata.forEach((item, index, arr) => {
arr[index].name = item.label;
arr[index].value = item.id;
});
this.tabList = this.tabdata;
let settree = JSON.parse(JSON.stringify(this.treedata));
this.tabdata = [
...settree,
...settree[1].children[0].children[0].children,
];
this.tabdata.forEach((item, index, arr) => {
arr[index].name = item.label;
arr[index].value = item.id;
});
this.tabList = this.tabdata;
}
});
},
......@@ -221,11 +214,18 @@ export default {
},
//切换选项卡内容组件
getFromRouter(tabname) {
console.log("tabname", tabname);
this.componentTag = getForm(tabname);
},
closefp() {
console.log("点击分屏");
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,
......@@ -235,33 +235,34 @@ export default {
};
if (row) {
from.bsmQlxx = row.bsmQlxx;
if(del){
if (del) {
from.operate = del;
}else{
from.operate = row.bsmQlxx ? "U" : "C";
} else {
from.operate = row.bsmQlxx ? "U" : "C";
}
from.qllx = row.qllx;
}
addRepairRecord(from).then((res) => {
if(res.code=='200'){
this.$refs.qllxlist.dialogVisible = false;
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
this.$message({
type: "success",
message: "补录成功!",
});
});
}else{
this.$alert(res.message, '提示', {
confirmButtonText: '确定',
type: 'warning'
addRepairRecord(from)
.then((res) => {
if (res.code == "200") {
this.$refs.qllxlist.dialogVisible = false;
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
this.$message({
type: "success",
message: "补录成功!",
});
});
} else {
this.$alert(res.message, "提示", {
confirmButtonText: "确定",
type: "warning",
});
}
})
.catch((res) => {
console.log("错", res);
});
}
}).catch((res) => {
console.log("错",res);
});;
},
},
};
......
......@@ -125,6 +125,15 @@ export default {
this.initPage();
this.userInfo.redirectUrl = localStorage.getItem("dj-location");
this.reloadCaptcha()
let self = this;
document.onkeydown = function (e) {
//按下回车提交
let key = window.event.keyCode;
//事件中keycode=13为回车事件
if (key == 13) {
self.goHome();
}
};
},
methods: {
// 更新验证码
......
var qlxxPage = [
{ qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
{ qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
{ qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
{ qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
{ qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
......@@ -52,7 +52,7 @@ export function loadTreeData(qlxxData, bdcdyh) {
treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
//抵押权
treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
//地役权
//地役权
treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
//预告登记
treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
......
......@@ -110,8 +110,8 @@ class data extends filter {
label: "土地使用期限",
},
{
prop: "qdjg",
label: "取得价格(万元)",
prop: "qdjgmc",
label: "取得价格",
},
{
prop: "djyy",
......@@ -667,7 +667,7 @@ class data extends filter {
label: "数据类型",
},
{
prop: "ygdjzl",
prop: "ygdjzlmc",
label: "预告登记种类",
},
{
......
<!--
* @Description :抵押权登记信息
* @Autor : miaofang
* @LastEditTime : 2023-06-13 13:56:37
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......@@ -15,6 +10,7 @@
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
......@@ -24,14 +20,18 @@
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<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="deleteDialog(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>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
有效
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
......@@ -47,71 +47,81 @@
</template>
<script>
import { getDiyaqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYAQ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getDiyaqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/registerBook.js";
export default {
data () {
return {
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
methods: {
loadData () {
if(this.$parent.addRepairRecord){
this.columns.unshift({prop:"cz",
label:"操作"
})
}
return name;
},
// 编辑
editDialog(row){
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
......@@ -124,46 +134,11 @@ export default {
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
@import "./qlxxCommon.scss";
</style>
......
......@@ -108,23 +108,28 @@
</div>
<!-- 打印模板需要此模块 -->
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
<embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
</object>
<printView ref="printContent" />
</div>
</template>
<script>
import store from '@/store/index.js'
import { datas } from "./addjtfcdata";
import { getLodop } from "@/utils/LodopFuncs"
import printView from "./printView.vue";
import { getIdCardInfo } from '@/utils/operation.js'
import { getPrintTemplateByCode } from "@/api/system";
import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
export default {
components: {
printView
},
props: {
formData: {
type: Object,
default: () => { },
},
default: () => { }
}
},
data () {
return {
......@@ -297,18 +302,24 @@
}
},
watch: {
"form.djSqcxDO.ycqrgx" (val) {
if (val == "1") {
this.form.qlrList = _.cloneDeep(this.form.sqrList);
} else {
this.form.qlrList = [];
this.add("qlr");
}
"form.djSqcxDO.ycqrgx": {
handler: function (val) {
if (val == "1") {
this.form.qlrList = _.cloneDeep(this.form.sqrList);
} else {
this.form.qlrList = [];
this.add("qlr");
}
},
immediate: true
},
"form.sqrList" (val) {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(val)
}
"form.sqrList": {
handler: function (val) {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(val)
}
},
deep: true
}
},
methods: {
......@@ -421,16 +432,15 @@
},
//打开打印预览
openPrintPrew () {
//根据编号获取对应信息
getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
if (res.code == 200) {
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
LODOP.PREVIEW();
}
})
let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
// 获取页面的HTML内容
const pageHtml = this.$refs.printContent.$el.innerHTML;
lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml);
lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应
lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例
lodop.PREVIEW();
}
},
}
};
</script>
<style scoped lang="scss">
......
<!--
* @Description: 不动产查询证明打印模板
* @Autor: renchao
* @LastEditTime: 2023-06-28 11:27:37
-->
<template>
<div class="printView" style="width:100%;padding:20px">
<h1 style="color: red;
text-align: center;
font-size: 38px;">城固县不动产登记交易服务中心</h1>
<hr style=" margin-top: 20px;
margin-bottom: 10px;
height: 1px;
width:100%;
border: none;
background-color: red;">
<h2 style="font-size: 36px;
text-align: center;">不动产登记信息查询证明</h2>
<h5 style=" text-align: center;
margin-top: 20px;
font-size: 18px;">查询证明编号: LS201803050045</h5>
<p style="text-indent: 2em;
margin-top: 15px;
line-height: 24px;
font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
有关规定，经线上查询不动产登记信息系统，权利人： 杜林
，证件号：612322197805120010，截止2022年10月17日 13时15分13秒
，名下不动产登记信息查询结果如下：</p>
<table style=" border-collapse: collapse;
width: 100%;
margin-top: 20px;margin-left:20px">
<thead>
<tr>
<th style="background-color: #f2f2f2;
text-align: center;">权利人</th>
<th style="background-color: #f2f2f2;
text-align: center;">证号</th>
<th style="background-color: #f2f2f2;
text-align: center;">坐落</th>
<th style="background-color: #f2f2f2;
text-align: center;">面积</th>
<th style="background-color: #f2f2f2;
text-align: center;">共有人</th>
<th style="background-color: #f2f2f2;
text-align: center;">状态</th>
</tr>
</thead>
<tbody>
<tr v-for="item in tableData" :key="item.id">
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.id }}</td>
<td style="border: 1px solid #ccc;
text-align: center;
padding: 8px;
text-align: left;">{{ item.name }}</td>
</tr>
</tbody>
</table>
<h6 style="font-size: 28px;
margin-top: 20px;
font-weight: 100;">特此证明。</h6>
<div>
<img :src="qrcodeImage" alt="QR Code">
</div>
<ul style="text-align: right;
line-height: 26px;
font-size: 18px;">
<li style="list-style: none;">城固县不动产登记交易服务中心</li>
<li style="list-style: none;">2022年10月17日</li>
</ul>
<ol style="margin-left: 20px;
line-height: 26px;">
<p>说明：</p>
<li>该查询结果仅显示权利人在当前查询时间点不动产（房产）登记有关情况（“/”表示未查询到不动产登记信息）；</li>
<li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息；</li>
<li>本次查询由系统终端自动检索，因数据采集处理误差而造成查询结果于实际登记信息不相符的，以我中心登记簿记载信息为准；</li>
<li>查询人应当妥善保管不动产登记查询结果，因操作不当，导致查询结果泄露，有关责任概由查询人承担。</li>
</ol>
</div>
</template>
<script>
import QRCode from 'qrcode';
export default {
data () {
return {
qrcodeImage: '',
text: '22222222',
tableData: [
]
}
},
mounted () {
this.generateQRCode()
},
methods: {
generateQRCode () {
QRCode.toDataURL(this.text)
.then(url => {
this.qrcodeImage = url
})
.catch(error => {
console.error(error);
})
}
}
}
</script>
\ No newline at end of file
......@@ -41,59 +41,60 @@
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./jtfcdata";
import { getSqcxPage } from "@/api/sqcx";
export default {
name: "jtfc",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
data () {
return {
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
cxlx: '1'
},
tableData: {
columns: datas.columns(),
data: [],
},
};
},
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
handleSort (name, sort) {
console.log(name, sort);
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./jtfcdata";
import { getSqcxPage } from "@/api/sqcx";
export default {
name: "jtfc",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
handleAdd () {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: ''
})
data () {
return {
sqcxBsm: "",
queryForm: {
cxbh: "",
sqr: "",
cxlx: '1'
},
tableData: {
columns: datas.columns(),
data: [],
},
};
},
handleViewClick (row) {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: row.bsmSqcx
})
methods: {
// 初始化数据
queryClick () {
this.$startLoading();
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
handleSort (name, sort) {
console.log(name, sort);
},
handleAdd () {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: ''
})
},
handleViewClick (row) {
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: row.bsmSqcx
})
// this.$popupDialog("模板", "sqcx/jtfc/components/printView", {})
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
......@@ -25,7 +25,7 @@
</el-col>
</el-row>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
<embed id="LODOP_EM" type="application/x-print-lodop" width=800 height=600 pluginspage="install_lodop32.exe" />
</object>
<textarea rows="0" id="S1" cols="0" v-show="false"></textarea>
......@@ -37,140 +37,140 @@
</template>
<script>
import { getLodop } from "@/utils/LodopFuncs"
import { mapGetters } from 'vuex'
import store from '@/store/index.js'
import { addPrintTemplate, editPrintTemplate } from "@/api/system.js"
export default {
computed: {
...mapGetters(['dictData']),
},
props: {
formData: {
type: Object,
default: () => { }
}
},
data () {
return {
editFlag: false,
//打印模板设计保存状态 0：未操作 1：保存中 2：已保存
loadStatus: '0',
//表单提交数据
ruleForm: {
tmpno: '',
tmpname: '',
tmpfont: '',
tmpfontsize: '',
tmpcontent: ''
import { getLodop } from "@/utils/LodopFuncs"
import { mapGetters } from 'vuex'
import store from '@/store/index.js'
import { addPrintTemplate, editPrintTemplate } from "@/api/system.js"
export default {
computed: {
...mapGetters(['dictData']),
},
props: {
formData: {
type: Object,
default: () => { }
}
},
data () {
return {
editFlag: false,
//打印模板设计保存状态 0：未操作 1：保存中 2：已保存
loadStatus: '0',
//表单提交数据
ruleForm: {
tmpno: '',
tmpname: '',
tmpfont: '',
tmpfontsize: '',
tmpcontent: ''
},
rules: {
tmpno: [
{ required: true, message: '模板编号不能为空', trigger: 'blur' }
],
tmpname: [
{ required: true, message: '模板名称不能为空', trigger: 'blur' }
],
},
}
},
mounted () {
if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData)
},
methods: {
//表单提交
submitForm () {
if (this.loadStatus == '1') {
return this.$message.error("模板设计保存中，请等待...")
}
this.$refs.ruleForm.validate(valid => {
if (valid) {
if (this.editFlag) {
this.editTemplate();
} else {
this.addTemplate();
}
} else {
return false;
}
});
},
rules: {
tmpno: [
{ required: true, message: '模板编号不能为空', trigger: 'blur' }
],
tmpname: [
{ required: true, message: '模板名称不能为空', trigger: 'blur' }
],
//新增
addTemplate () {
addPrintTemplate(this.ruleForm).then(res => {
if (res.code == 200) {
store.dispatch('user/refreshPage', true);
this.$message.success('保存成功');
this.$popupCacel()
} else {
this.$message.error(res.message)
}
})
},
}
},
mounted () {
if (JSON.stringify(this.formData) != "{}") this.getDetailInfo(this.formData)
},
methods: {
//表单提交
submitForm () {
if (this.loadStatus == '1') {
return this.$message.error("模板设计保存中，请等待...")
}
this.$refs.ruleForm.validate(valid => {
if (valid) {
if (this.editFlag) {
this.editTemplate();
//编辑
editTemplate () {
editPrintTemplate(this.ruleForm).then(res => {
if (res.code == 200) {
store.dispatch('user/refreshPage', true);
this.$message.success('保存成功');
this.$popupCacel()
} else {
this.addTemplate();
this.$message.error(res.message)
}
} else {
return false;
}
});
},
//新增
addTemplate () {
addPrintTemplate(this.ruleForm).then(res => {
if (res.code == 200) {
store.dispatch('user/refreshPage', true);
this.$message.success('保存成功');
this.$popupCacel()
} else {
this.$message.error(res.message)
}
})
},
//编辑
editTemplate () {
editPrintTemplate(this.ruleForm).then(res => {
if (res.code == 200) {
store.dispatch('user/refreshPage', true);
this.$message.success('保存成功');
this.$popupCacel()
} else {
this.$message.error(res.message)
})
},
closeDialog () {
this.$popupCacel()
this.ruleForm = {
tmpno: '',
tmpname: '',
tmpfont: '',
tmpfontsize: '',
tmpcontent: ''
}
})
},
closeDialog () {
this.$popupCacel()
this.ruleForm = {
tmpno: '',
tmpname: '',
tmpfont: '',
tmpfontsize: '',
tmpcontent: ''
this.loadStatus = '0'
this.editFlag = false;
},
getDetailInfo (item) {
this.ruleForm = item;
this.editFlag = true;
},
//设计打印模板
designByPRGData () {
let that = this;
that.loadStatus = '1';
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板
//窗口关闭后，回调函数中保存的设计代码
if (LODOP.CVERSION)
CLODOP.On_Return = function (TaskID, printList) {
if (LODOP.CVERSION)
LODOP.On_Return = function (TaskID, Value) {
document.getElementById("S1").value = Value;
};
document.getElementById("S1").value = LODOP.GET_VALUE(
"ProgramData",
0
);
setTimeout(() => {
that.ruleForm.tmpcontent = document.getElementById("S1").value;
that.loadStatus = '2';
}, 1000);
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
}
this.loadStatus = '0'
this.editFlag = false;
},
getDetailInfo (item) {
this.ruleForm = item;
this.editFlag = true;
},
//设计打印模板
designByPRGData () {
let that = this;
that.loadStatus = '1';
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", this.ruleForm.tmpcontent); //装载模板
//窗口关闭后，回调函数中保存的设计代码
if (LODOP.CVERSION)
CLODOP.On_Return = function (TaskID, printList) {
if (LODOP.CVERSION)
LODOP.On_Return = function (TaskID, Value) {
document.getElementById("S1").value = Value;
};
document.getElementById("S1").value = LODOP.GET_VALUE(
"ProgramData",
0
);
setTimeout(() => {
that.ruleForm.tmpcontent = document.getElementById("S1").value;
that.loadStatus = '2';
}, 1000);
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.font-red {
color: red
}
.font-red {
color: red;
}
.middle-margin-bottom {
margin-top: 20px
}
.middle-margin-bottom {
margin-top: 20px;
}
</style>
......
......@@ -57,8 +57,9 @@
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.fetchData
}
if (newVal) this.fetchData()
},
immediate: true
}
},
methods: {
......@@ -101,72 +102,9 @@
message: "已取消删除",
});
});
},
//设计打印模板
DesignByPRGData (item) {
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", item.tmpcontent); //装载模板
//窗口关闭后，回调函数中保存的设计代码
if (LODOP.CVERSION)
CLODOP.On_Return = function (TaskID, printList) {
if (LODOP.CVERSION)
LODOP.On_Return = function (TaskID, Value) {
document.getElementById("S1").value = Value;
};
document.getElementById("S1").value = LODOP.GET_VALUE(
"ProgramData",
0
);
setTimeout(() => {
item.tmpcontent = document.getElementById("S1").value;
}, 1000);
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
},
editClick () {
let LODOP = getLodop();
LODOP.SET_PRINT_MODE("PRINT_SETUP_PROGRAM", true);
LODOP.PRINT_INITA(0, 0, 850, 560, "不动产证明");
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='1' src=" + this.images + ">");
LODOP.ADD_PRINT_TEXT(403, 220, 39, 25, this.printList.year); //year
LODOP.ADD_PRINT_TEXT(403, 278, 25, 25, this.printList.month); //month
LODOP.ADD_PRINT_TEXT(403, 309, 25, 25, this.printList.day); //day
LODOP.ADD_PRINT_TEXT(493, 205, 160, 25, this.printList.bh); //编号
// 头部信息
LODOP.ADD_PRINT_TEXT(78, 419, 39, 25, this.printList.xzq); //陕
LODOP.ADD_PRINT_TEXT(78, 466, 39, 25, this.printList.xh); //
LODOP.ADD_PRINT_TEXT(78, 520, 60, 25, this.printList.d); //
LODOP.ADD_PRINT_TEXT(78, 670, 60, 25, this.printList.h); //
LODOP.ADD_PRINT_TEXT(119, 555, 190, 25, this.printList.zmsx); //然后多个ADD语句及SET语句
LODOP.ADD_PRINT_TEXT(152, 557, 190, 25, this.printList.qlr); //权利人
LODOP.ADD_PRINT_TEXT(186, 557, 190, 25, this.printList.ywr); //义务人
LODOP.ADD_PRINT_TEXT(219, 557, 190, 25, this.printList.zl); //坐落
LODOP.ADD_PRINT_TEXT(254, 557, 190, 25, this.printList.bdcdyh); //不动产单元号
LODOP.ADD_PRINT_TEXT(318, 557, 190, 67, this.printList.qt); //其他
LODOP.ADD_PRINT_TEXT(426, 557, 190, 67, this.printList.fj); //附记
LODOP.SET_SHOW_MODE("BKIMG_PRINT", 1);
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", 1);
//窗口关闭后，回调函数中保存的设计代码
if (LODOP.CVERSION)
CLODOP.On_Return = function (TaskID, printList) {
if (LODOP.CVERSION)
LODOP.On_Return = function (TaskID, Value) {
document.getElementById("S1").value = Value;
};
document.getElementById("S1").value = LODOP.GET_VALUE(
"ProgramData",
0
);
setTimeout(() => {
let printValue = document.getElementById("S1").value;
console.log("value", printValue);
}, 1000);
};
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
},
},
};
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
<!--
* @Description:
* @Autor: renchao
* @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="138px">
<el-row>
<el-col :span="12">
<el-form-item label="土地用途" prop="tdyt">
<el-input v-model="ruleForm.tdyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="土地使用权限" prop="syqx">
<el-input v-model="ruleForm.syqx"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="土地使用结束时间" prop="jssj">
<el-date-picker
v-model="ruleForm.jssj"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="土地使用起止时间" prop="qzsj">
<el-date-picker
v-model="ruleForm.qzsj"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd">>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>z x addTdyt
<script>
import { mapGetters } from "vuex";
export default {
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: { type: Boolean, default: false }
},
data () {
return {
myValue: this.value,
ruleForm: {
tdyt:"",
syqx:"",
jssj:"",
qzsj:""
},
rules: {
tdyt: [{ required: true, message: "土地用途", trigger: "blur" }],
syqx: [{ required: true, message: "土地使用权限", trigger: "blur" }],
jssj: [{ required: true, message: "土地使用结束时间", trigger: "blur" }],
qzsj: [{ required: true, message: "土地使用起止时间", trigger: "blur" }],
},
};
},
watch: {
value (val) {
console.log("val",val);
this.myValue = _.cloneDeep(val);
},
details: {
handler: function (val, oldVal) {
console.log("val2",val);
this.ruleForm = val;
},
deep: true,
},
},
methods: {
closeDialog () {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
},
submitForm () {
console.log("this.ruleForm",this.ruleForm);
this.$refs.ruleForm.validate((valid) => {
if (valid) {
this.$emit("input", false);
this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
} else {
return false;
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
......@@ -7,6 +7,9 @@
export function getForm (tabName, djywbm) {
let form;
switch (tabName) {
case "tdsyqslxx":
form = require("@/views/ywbl/slsqxx/tdsyq/slxx.vue");
break;
case "jsydsyqslxx100":
form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
break;
......@@ -66,7 +69,10 @@ export function getForm (tabName, djywbm) {
case "cfdjxx":
form = require("@/views/registerBook/cfdj.vue");
break;
case "jsydsyqQlxx":
case "tdsyqQlxx":
form = require("@/views/registerBook/tdsyq.vue");
break;
case "jsydsyqQlxx":
form = require("@/views/registerBook/jsydsyq.vue");
break;
case "nydsyqQlxx":
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-20 11:28:09
* @LastEditTime: 2023-06-26 17:03:07
*/
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
import { getPrintTemplateByCode } from "@/api/system";
......@@ -113,6 +113,7 @@ export default {
getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
if (res.code == 200) {
getPrintApplicationInfo(this.currentSelectProps).then(infoRes => {
console.log(infoRes, 'infoRes');
if (infoRes.code == 200) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
......
......@@ -15,7 +15,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -32,7 +32,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
<el-select disabled v-model="ruleForm.slsq.qllx" filterable clearable placeholder="请选择权利类型">
<el-select disabled v-model="ruleForm.sldy.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -40,7 +40,7 @@
</el-col>
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
<el-select disabled v-model="ruleForm.slsq.djlx" filterable clearable placeholder="请选择登记类型">
<el-select disabled v-model="ruleForm.sldy.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......
......@@ -21,7 +21,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -40,7 +40,7 @@
<el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
<el-select
disabled
v-model="ruleForm.slsq.qllx"
v-model="ruleForm.sldy.qllx"
filterable
clearable
placeholder="请选择权利类型"
......@@ -58,7 +58,7 @@
<el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
<el-select
disabled
v-model="ruleForm.slsq.djlx"
v-model="ruleForm.sldy.djlx"
filterable
clearable
placeholder="请选择登记类型"
......
......@@ -16,7 +16,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -33,12 +33,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：" prop="djlx">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......
......@@ -15,7 +15,7 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -32,12 +32,12 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -113,7 +113,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="建筑面积：">
<el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
......@@ -138,7 +138,7 @@
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
v-model="ruleForm.slsq.gyfs">
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -155,15 +155,15 @@
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.slsq.sqfbcz">
<el-radio-group v-model="ruleForm.sldy.sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -172,7 +172,7 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.slsq.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
......
......@@ -15,7 +15,7 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -32,12 +32,12 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -138,9 +138,9 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slsq.gyfs">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -148,7 +148,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.sffbcz">
<el-radio label="1">是</el-radio>
......@@ -156,7 +156,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -165,7 +165,7 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.slsq.gyfs" />
<div class="slxx_title title-block">
登记原因
......
......@@ -15,7 +15,7 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -32,12 +32,12 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -99,10 +99,10 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxxList[0]">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
v-model="ruleForm.slsq.gyfs">
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -112,15 +112,15 @@
</el-col>
<el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'">
<el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.slsq.sqfbcz">
<el-radio-group v-model="ruleForm.sldy.sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -129,7 +129,7 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.qlxxList[0]" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.slsq.gyfs" />
<div class="slxx_title title-block">
登记原因
......
......@@ -16,7 +16,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -33,12 +33,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......
......@@ -16,7 +16,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -33,12 +33,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......
......@@ -11,34 +11,34 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
<el-input disabled v-model="ruleForm.slsq.slsj"></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.slywxx.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -176,7 +176,7 @@
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group v-model="ruleForm.slywxx.gyfs" :disabled="$route.query.viewtype">
<el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="$route.query.viewtype">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -184,15 +184,15 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.slywxx.sqfbcz">
<el-radio-group v-model="ruleForm.sldy.sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......
......@@ -11,34 +11,34 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
<el-input disabled v-model="ruleForm.slsq.slsj"></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.slywxx.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -176,7 +176,7 @@
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -184,15 +184,15 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.slywxx.sqfbcz">
<el-radio-group v-model="ruleForm.sldy.sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -202,7 +202,7 @@
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
:viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......
......@@ -11,7 +11,7 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -28,12 +28,12 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -111,7 +111,7 @@
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -120,13 +120,13 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
<div class="slxx_title title-block">
登记原因
......
......@@ -114,7 +114,7 @@
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -123,14 +123,14 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......
......@@ -11,7 +11,7 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -28,12 +28,12 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -136,13 +136,13 @@
<el-col :span="16">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-input v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input>
:disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"
:disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input>
:disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
</el-form-item>
</el-col>
......@@ -159,9 +159,9 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.qlxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -170,14 +170,14 @@
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......
......@@ -11,34 +11,34 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
<el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：" prop="djlx">
<el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：" prop="djqx">
<el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -155,7 +155,7 @@
<el-col :span="24">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.diyaq.dbfw"
:disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
:disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -181,7 +181,7 @@
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -189,15 +189,15 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.slywxx.sqfbcz">
<el-radio-group v-model="ruleForm.sldy.sqfbcz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -207,7 +207,7 @@
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
:viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
......@@ -221,7 +221,7 @@
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.slywxx.djlx == '400'" label="注销抵押原因：" prop="djyy">
<el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
v-model="ruleForm.diyaq.zxdyyy">
</el-input>
......
......@@ -40,7 +40,7 @@
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.size" class="loadingtext"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" :calcHeight="300"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
......
......@@ -8,6 +8,8 @@ export function queueDjywmc(djywbm, djqxbm) {
}
let vm = null;
switch (djywbm) {
case "A01100"://国有土地所有权（首次登记）
case "A02100"://集体土地所有权（首次登记）
case "A03100"://建设用地使用权（首次登记）
case "A05100"://宅基地使用权（首次登记）
case "A07100"://集体建设用地使用权（首次登记）
......
......@@ -8,7 +8,7 @@ class data extends filter {
constructor() {
super()
}
columns() {
columns () {
return [
{
label: '序号',
......@@ -52,17 +52,7 @@ class data extends filter {
label: "业务号",
width: '100'
},
{
label: "证书内容",
width: '80',
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
</div>
)
}
},
{
prop: "ysxlh",
label: "印刷序列号",
......@@ -75,17 +65,18 @@ class data extends filter {
{
prop: "bdcqzh",
label: "不动产权证号",
minWidth: '110'
minWidth: '120'
},
{
prop: "qlr",
label: "权利人",
minWidth: '100'
},
{
prop: "ywr",
label: "义务人",
},
{
prop: "bdcdyh",
label: "不动产单元号",
......@@ -95,6 +86,17 @@ class data extends filter {
prop: "zl",
label: "坐落"
},
{
label: "证书内容",
width: '80',
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
</div>
)
}
},
]
}
}
......