Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents e33e5868 1d82675b
Inline Side-by-side
Showing 35 changed files with 586 additions and 474 deletions
This file is too large to display.
{
"TITLE": "不动产登记系统",
"SERVERAPI": "/bdcdj",
"ip": "http://192.168.2.38"
"ip": "http://192.168.2.38",
"IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
}
\ No newline at end of file
......
{
"TITLE": "不动产登记系统",
"SERVERAPI": "/bdcdj",
"ip": "http://192.168.2.38"
}
\ No newline at end of file
{
"TITLE": "不动产登记系统",
"SERVERAPI": "service-bdcdj-th",
"ip": "http://192.168.2.38"
}
\ No newline at end of file
......@@ -67,6 +67,9 @@ export function uploadSjClmx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/clxx/uploadSjClmx',
method: 'post',
headers: {
'Content-Type': 'multipart/form-data'
},
data
})
}
......
......@@ -17,56 +17,53 @@ export function addRepairRecord (data) {
data
})
}
/**
* @description: 删除流程
* @param {*} data
* @param {*} params
* @author: renchao
*/
export function deleteFlow (data) {
export function deleteFlow (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow',
method: 'post',
data
method: 'get',
params:params
})
}
/**
* @description: 删除补录记录
* @param {*} data
* @param {*} params
* @author: renchao
*/
export function deleteRepairRecord (data) {
export function deleteRepairRecord (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord',
method: 'post',
data
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params,
method: 'get',
})
}
/**
* @description: 初始化内容
* @param {*} data
* @param {*} params
* @author: renchao
*/
export function init (data) {
export function init (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/init',
method: 'post',
data
url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params,
method: 'get',
})
}
/**
* @description: 左侧菜单集合
* @param {*} data
* @param {*} params
* @author: renchao
*/
export function leftMenubl (data) {
export function leftMenubl (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu',
method: 'post',
data
url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params,
method: 'get',
params
})
}
......
......@@ -75,7 +75,7 @@
},
heightNum: {
type: Number,
default: 355,
default: 0,
},
maxHeight: {
type: Number,
......@@ -138,7 +138,7 @@
getHeight () {
if (!this.heightNumSetting) {
let _this = this
if (this.heightNum) {
if (this.heightNum == 0) {
_this.$nextTick(() => {
if (document.querySelector(".tags-view-container")) {
window.addEventListener('resize', () => {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-14 15:05:38
*/
import Vue from 'vue'
import Popup from './index.vue'
const PopupBox = Vue.extend(Popup)
......@@ -36,9 +41,9 @@ const Popup1 = (title, editItem, data, formData) => {
document.body.appendChild(instance.$el)
Vue.nextTick(() => {
instance.isShow = true
})
// 将组件实例赋值给loading
popuping = instance
})
return instance
}
export default Popup1
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-14 09:25:12
* @LastEditTime: 2023-06-14 11:10:26
-->
<template>
<div class="rlPopup">
......@@ -127,6 +127,29 @@
* @author: renchao
*/
handleViewScan () {
function dataURLtoBlob (base64String) {
const arr = base64String.split(',');
if (arr.length !== 2) {
throw new Error('Invalid Base64 format');
}
const mime = arr[0].match(/:(.*?);/)[1];
if (!mime) {
throw new Error('Cannot retrieve MIME type');
}
const bstr = atob(arr[1]);
const n = bstr.length;
const u8arr = new Uint8Array(n);
for (let i = 0; i < n; i++) {
u8arr[i] = bstr.charCodeAt(i);
}
return new Blob([u8arr], { type: mime });
}
function blobToFile (blob) {
const options = { type: blob.type };
const file = new File([blob], options);
return file;
}
let data = {
"filepath": "base64",
"rotate": "0",
......@@ -136,7 +159,21 @@
"quality": "3"
}
axios.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data)).then((res) => {
console.log(res.data);
let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
let file = blobToFile(blob);
var formData = new FormData();
formData.append('file', file.raw)
formData.append("bsmSj", this.previewImg.bsmSj);
formData.append("bsmSlsq", this.previewImg.bsmSlsq);
uploadSjClmx(formData).then((res) => {
if (res.code == 200) {
this.$emit('updateList', res.result)
this.$message({
message: '上传成功!',
type: 'success'
})
}
})
})
},
prev () {
......@@ -189,8 +226,6 @@
this.$refs.upload.clearFiles();
setTimeout(() => {
if (length !== this.maxLength) return
console.log(files);
// let data = _.cloneDeep(this.previewImg.imgList[this.previewImg.index])
var formData = new FormData();
files.forEach(file => {
formData.append('file', file.raw)
......@@ -204,10 +239,9 @@
message: '上传成功!',
type: 'success'
})
}
})
})
}, 0)
},
handleDelete () {
let that = this
......
......@@ -6,52 +6,74 @@
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<div v-if="this.isShowdrawer">
<el-menu :default-active="activeIndex" @select="djbClick" class="title-batch">
<el-menu
@select="djbClick"
class="title-batch"
>
<el-menu-item index="-1" key="-1" class="menus">
<div>登记簿</div>
</el-menu-item>
</el-menu>
<div class="blxx">
<el-menu :default-active="activeIndex" @select="blxxClick" class="title-batch">
<el-menu
@select="blxxClick"
class="title-batch"
>
<el-menu-item index="-1" key="-1" class="menus">
<div>补录信息</div>
</el-menu-item>
</el-menu>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in supplementarylist" :index="index.toString()" :key="index">
<el-menu-item
v-for="(item, index) in supplementarylist"
:index="index.toString()"
:key="index"
>
<div>
<p>{{ item.qllxmc }} ||{{ item.operate }} </p>
<p>{{ item.qllxmc }} ||{{ item.operate }}</p>
<!-- <p class="title-detail">{{ item.zl }}</p> -->
</div>
<i class="el-icon-delete" v-if="supplementarylist.length > 1" @click.stop="handleDel(item)"></i>
<i
class="el-icon-delete"
v-if="supplementarylist.length > 1"
@click.stop="handleDel(item)"
></i>
</el-menu-item>
</el-menu>
</div>
</div>
<div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
<div
class="map-drawer-click map-drawer"
v-if="!isShowdrawer"
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div class="map-drawer-expand map-drawer" v-else @click="
"
></div>
<div
class="map-drawer-expand map-drawer"
v-else
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
"
></div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { leftMenu } from "@/api/fqsq.js"
import { leftMenubl } from "@/api/djbbl.js"
import { deleteSlbdcdy } from "@/api/ywbl.js";
import { getBdcqljqtsx } from "@/api/registerBook.js";
import { mapGetters } from "vuex";
import { leftMenu } from "@/api/fqsq.js";
import { deleteRepairRecord } from "@/api/djbbl.js";
import { leftMenubl } from "@/api/djbbl.js";
import { deleteSlbdcdy } from "@/api/ywbl.js";
import { getBdcqljqtsx } from "@/api/registerBook.js";
import { loadTreeData, getNode } from "./djbFrameData.js";
export default {
data () {
export default {
data() {
return {
supplementarylist:[],
supplementarylist: [],
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
......@@ -60,13 +82,13 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
bdcdyid: this.$route.query.bdcdyid,
//当前流程所在环节
bdcdyh: this.$route.query.bdcdyh,
qllx:this.$route.query.qllx,
qllx: this.$route.query.qllx,
// 默认选中
activeIndex: '0',
activeIndex: "0",
// 折叠
isShowdrawer: true,
//批量操作按钮名称
batchButtonName: '',
batchButtonName: "",
//左侧菜单数据集合
unitData: [],
// 设置表单传递数据
......@@ -80,82 +102,111 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
label: "label",
},
showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
}
};
},
mounted () {
mounted() {
this.loadBdcdylist();
},
computed: {
...mapGetters(['isRefresh'])
...mapGetters(["isRefresh"]),
},
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.loadBdcdylist()
handler(newVal, oldVal) {
if (newVal) this.loadBdcdylist();
},
immediate: true,
},
immediate: true
}
},
methods: {
//读取申请单元信息
loadBdcdylist () {
loadBdcdylist() {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.currentSelectProps = res.result[0];
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.$emit("getCurrentSelectProps", this.currentSelectProps);
}
})
this.getleftMenubl()
});
this.getleftMenubl();
},
getleftMenubl(){
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
leftMenubl(formdata).then((res) => {
this.supplementarylist=res.result;
// 获取右侧菜单
getleftMenubl(row) {
leftMenubl(this.bsmSlsq).then((res) => {
this.supplementarylist = res.result;
if(row){
this.supplementarylist.forEach((item,index) => {
if(item.bsmRepair==row.bsmRepair){
this.activeIndex=index
this.unitClick(index)
}
})
}
)
});
},
handleNodeClick (data, node, elem) {
this.$parent.loadComponent(this.currentSelectProps,data);
handleNodeClick(data, node, elem) {
this.$parent.loadComponent(this.currentSelectProps, data);
this.$parent.tabset();
},
//申请单元点击事件
unitClick (index) {
this.$parent.currentSelectProps=this.supplementarylist[index];
this.$parent.tabset();
// console.log("this.currentSelectProps", this.supplementarylist[index]);
// this.currentSelectProps.batchOperation = false;
// this.activeIndex = index.toString();
// //选中表单传递数据
// this.$emit('getCurrentSelectProps', this.currentSelectProps);
// this.$parent.stepForm(index);
// this.$store.dispatch('user/refreshPage', false);
unitClick(index) {
this.currentSelectProps = this.supplementarylist[index];
this.$emit("getCurrentSelectProps", this.currentSelectProps);
},
//登记簿点击事件
djbClick () {
console.log("this.currentSelectProps",this.currentSelectProps);
this.currentSelectProps.batchOperation = true;
this.$parent.getdjblist()
djbClick() {
this.loadBdcdylist();
// this.$parent.getdjblist()
},
//补录信息点击事件
blxxClick () {
this.$parent.tabset()
// 定位到该条补录记录
// orientation(){
// // this.activeIndex="2"
// this.unitClick(0)
// },
// 删除补录记录
handleDel(row) {
this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
deleteRepairRecord(row.bsmRepair).then((res) => {
this.$message({
type: "success",
message: "删除成功!",
});
this.$nextTick(() => {
this.getleftMenubl();
});
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
}
}
//补录信息点击事件默认展示第一条补录记录
blxxClick() {
this.unitClick(0);
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
@import "../../workFrame.scss";
.leftmenu ul {
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "../../workFrame.scss";
.leftmenu ul {
height: calc(100vh - 120px);
}
/deep/.rollTable {
}
/deep/.rollTable {
height: calc(100vh - 240px) !important;
}
......@@ -192,7 +243,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
height: 45px;
}
/deep/ .el-tree-node:focus>.el-tree-node__content {
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
......@@ -202,15 +253,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
white-space: pre-wrap;
}
/deep/ .is-current>.el-tree-node__content {
/deep/ .is-current > .el-tree-node__content {
background-color: #f5f5f5;
color: #0079fe;
border-right: 4px solid #0079fe;
}
.menus{
.menus {
background-color: #e7f4fe;
}
.blxx{
border:#b0d9f8 solid 1px;
.blxx {
border: #b0d9f8 solid 1px;
}
</style>
......
<!--
* @Description : 房地产权2
* @Autor : miaofang
* @LastEditTime : 2023-06-13 14:33:55
* @LastEditTime : 2023-06-14 10:52:48
-->
<template>
<div class="djxxTable">
......@@ -106,21 +106,39 @@ export default {
return name;
},
editDialog(row){
this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
datalist:this.columns,
data: 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){
let that = this
this.$confirm('此操作将永久删除, 是否继续?', '提示', {
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
......@@ -131,18 +149,19 @@ export default {
// })
// }
// })
that.$message({
message: '删除成功!',
type: 'success'
})
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
});
});
}
},
};
</script>
......
......@@ -52,7 +52,7 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init } from "@/api/djbbl.js";
import { init } from "@/api/djbbl.js"
export default {
props: {
currentSelectProps: {
......@@ -60,6 +60,7 @@ export default {
default: () => {},
},
},
data() {
return {
//传递参数
......@@ -85,8 +86,7 @@ export default {
...mapGetters(["dictData"]),
},
created() {
this.init2();
//console.log("this.propsParam", this.propsParam);
this.init()
// this.clmlInitList(1)
},
mounted() {
......@@ -110,8 +110,20 @@ export default {
},
methods: {
init2() {
console.log("this.currentSelectProps", this.currentSelectProps);
init() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code === 200) {
console.log("/rest/djbRepair/init",res);
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
// this.emptycolNum =
// datas.columns().emptycolNum - this.tableData.length;
// } else {
// this.emptycolNum = 0;
// }
}
});
},
// 受理信息保存
slxxsubmitForm() {
......
......@@ -49,7 +49,6 @@ export default {
if (res.code === 200) {
this.leftButtonList = res.result.button;
this.rightButtonList = res.result.operation;
console.log("this.leftButtonList",this.leftButtonList);
// this.rightButtonList.splice(0,2)
}
})
......@@ -57,7 +56,6 @@ export default {
},
//流程环节操作按钮
operation (item) {
console.log("流程环节操作按钮信息",item);
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
let that = this;
......@@ -107,7 +105,23 @@ export default {
// bsmSlsq: this.bsmSlsq,
// entryType: '1'
// }, '65%', true)
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.addRepairRecord()
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
break;
case "B6":
//根据编号获取对应信息
......
......@@ -26,7 +26,6 @@ export default {
getHomeNoticeList().then(res => {
if (res.result) {
this.noticeList = res.result.noticeList
console.log("this.noticeList11111111111111111111111111111111111",this.noticeList);
}
})
},
......
......@@ -37,7 +37,7 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<ordinaryMenu @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
<div v-if="splitScreen" class="splitScreen-con">
......@@ -124,15 +124,19 @@ export default {
methods: {
getCurrentSelectProps (val) {
this.currentSelectProps = val
if(this.currentSelectProps.bsmRepair){
this.tabset()
}else{
this.getdjblist()
}
},
// 获取登记簿列表
// 获取渲染登记簿列表
getdjblist(){
getBdcqljqtsx({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
}).then((res) => {
console.log("登记簿列表",res);
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.bdcdyh);
this.$nextTick(function () {
......@@ -150,23 +154,28 @@ export default {
arr[index].value=item.id
})
this.tabList=this.tabdata
//console.log("登记簿列表",this.tabList);
}, 200)
},
addRepairRecord(){
addRepairRecord({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
}).then((res) => {
console.log("添加补录记录",res);
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.tabName =this.defaultNode.id; //data[0].id为默认选中的节点
});
// 增加补录记录
addRepairRecord(row){
let from={
bsmQlxx:"",
bsmSlsq:this.bsmSlsq,
bsmSldy:this.currentSelectProps.bsmSldy,
operate:"C",
qllx:this.currentSelectProps.qllx
}
if(row){
from.bsmQlxx=row.bsmQlxx
from.operate="U"
}
addRepairRecord(from).then((res) => {
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
});
});
},
tabset(){
......
......@@ -20,23 +20,82 @@
</el-col>
</el-row>
</el-form>
<lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
<!-- 申请人 -->
<lb-table :column="sqrColumns" :data="form.sqrList" heightNumSetting
:pagination="false">
</lb-table>
<!-- 权利人 -->
<b class="title">权利人</b>
<lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<el-table
:data="form.qlrList"
height="160"
border
:cell-style="{ textAlign: 'center' }"
:header-cell-style="{textAlign: 'center'}"
style="width: 100%">
<el-table-column width="60">
<template slot="header">
<i class="el-icon-plus pointer" @click="handleAddqlr"></i>
</template>
<template slot-scope="scope">
<i class="el-icon-minus pointer" @click="remove(scope.$index, scope.row, 'qlr')"></i>
</template>
</el-table-column>
<el-table-column
label="身份证读卡器"
width="150">
<template slot-scope="scope">
<el-button
type="text"
icon="el-icon-edit-outline"
@click="handleRead(scope.row, 'qlr')">
读取
</el-button>
</template>
</el-table-column>
<el-table-column
label="姓名/名称"
width="150">
<template slot-scope="scope">
<el-input v-model="scope.row.sqrxm"></el-input>
</template>
</el-table-column>
<el-table-column
label="证件种类">
<template slot-scope="scope">
<el-select v-model="scope.row.sqrzjlxbm" class="width100">
<el-option
v-for="item in zjzlData"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column
label="证件号">
<template slot-scope="scope">
<el-input v-model="scope.row.sqrzjhm"></el-input>
</template>
</el-table-column>
<el-table-column
label="联系电话">
<template slot-scope="scope">
<el-input type="tel" v-model="scope.row.lxdh"></el-input>
</template>
</el-table-column>
</el-table>
<div v-show="isSearch">
<b class="title">查询结果</b>
<p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
<lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
<lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="230" heightNumSetting :pagination="false">
</lb-table>
</div>
</div>
<el-divider></el-divider>
<div class="submit-button" style="padding-bottom:50px">
<div class="submit-button">
<el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
<el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
<el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
......@@ -54,30 +113,162 @@
</div>
</template>
<script>
import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
import { getPrintTemplateByCode } from "@/api/system";
import { datas, sendThis } from "./addjtfcdata";
import { getLodop } from "@/utils/LodopFuncs"
export default {
import axios from 'axios'
import store from '@/store/index.js'
import { getLodop } from "@/utils/LodopFuncs"
import { datas } from "./addjtfcdata";
import { getPrintTemplateByCode } from "@/api/system";
import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
export default {
props: {
formData: {
type: Object,
default: () => { },
},
},
mounted () {
sendThis(this);
},
data () {
return {
key: 0,
zjzlData: store.getters.dictData['A30'],
//是否查询
isSearch: false,
//查询结果列表字段
cxjgColumns: datas.columns(),
//申请人列表字段
sqrColumns: datas.sqrCol(),
//权利人列表字段
qlrColumns: datas.qlrCol(),
sqrColumns: [{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
this.handleAddsqr("sqr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
this.remove(scope.$index, scope.row, "sqr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
this.handleRead(scope.row, 'sqr');
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{this.getDictData('A30').map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
}],
newData: {
sqrxm: "",
sqrzjlxbm: "",
......@@ -116,11 +307,16 @@ export default {
},
"form.sqrList" (val) {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(this.form.sqrList)
console.log(val, 'valvalvalval');
this.form.qlrList = _.cloneDeep(val)
}
}
},
methods: {
// 字典
getDictData (val) {
return store.getters.dictData[val]
},
closeDialog () {
this.$popupCacel()
this.form = {
......@@ -163,17 +359,39 @@ export default {
this.form.dyjlList = [];
this.isSearch = false;
},
handleRead (scope) { },
//添加申请人或权利人
add (type) {
if (type == "sqr") {
this.form.sqrList.push(_.cloneDeep(this.newData));
handleRead (row, type) {
axios.post(this.BASE_API.IDCARDURL).then(res => {
if (res.data.code == 0) {
let data = res.data.IDCardInfo
row.sqrxm = data.name
row.sqrzjlxbm = '1'
row.sqrzjhm = data.cardID
this.$message({
message: '读取成功！',
type: 'success'
})
if (type == 'sqr') {
this.form.qlrList = _.cloneDeep(this.form.sqrList)
}
console.log(this.form.sqrList);
} else {
this.form.qlrList.push(_.cloneDeep(this.newData));
this.$message({
message: res.data.message,
type: 'warning'
})
}
})
},
//添加申请人
handleAddsqr () {
this.form.sqrList.push(_.cloneDeep(this.newData));
},
handleAddqlr () {
this.form.qlrList.push(_.cloneDeep(this.newData));
},
//移除申请人或权利人
remove (index, row, type) {
console.log(type, 'type');
if (type == "sqr") {
this.form.sqrList.splice(index, 1);
} else {
......@@ -215,32 +433,31 @@ export default {
})
}
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
.title {
.title {
padding-bottom: 10px;
margin-bottom: 10px;
display: block;
border-bottom: 1px solid $borderColor;
}
}
.jtfccx-edit {
.jtfccx-edit {
@include flex;
flex-direction: column;
overflow-y: hidden;
max-height: 85vh;
padding: 0 2px;
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
}
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-14 14:48:35
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
......@@ -16,6 +16,7 @@ class data extends filter {
},
{
prop: 'bdcqzh',
width: '110',
label: '不动产权证号',
},
{
......@@ -32,6 +33,7 @@ class data extends filter {
},
{
prop: 'bdcdyh',
width: '110',
label: '不动产单元号',
},
{
......@@ -52,6 +54,7 @@ class data extends filter {
},
{
prop: 'fwmj',
width: '120',
label: '建筑面积（㎡）',
},
{
......@@ -77,284 +80,8 @@ class data extends filter {
}
]
}
sqrCol () {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("sqr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row, "sqr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
clearable
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{this.getDictData('A30').map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
qlrCol () {
return [
{
width: "60",
renderHeader: (h, scope) => {
return (
<i
class="el-icon-plus pointer"
onClick={() => {
vm.add("qlr");
}}
style="color:#409EFF"
></i>
);
},
render: (h, scope) => {
return (
<i
class="el-icon-minus pointer"
onClick={() => {
vm.remove(scope.$index, scope.row, "qlr");
}}
></i>
);
},
},
{
width: "150",
label: "身份证读卡器",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
icon="el-icon-edit-outline"
onClick={() => {
vm.handleRead(scope);
}}
>
读取
</el-button>
</div>
);
},
},
{
width: "150",
prop: "sqrxm",
label: "姓名/名称",
render: (h, scope) => {
return (
<el-input
placeholder="姓名/名称"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
></el-input>
);
},
},
{
prop: "sqrzjlxbm",
label: "证件种类",
render: (h, scope) => {
return (
<el-select
class="width100"
value={scope.row[scope.column.property]}
onChange={(val) => {
scope.row[scope.column.property] = val;
}}
>
{this.getDictData('A30').map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
prop: "sqrzjhm",
label: "证件号",
render: (h, scope) => {
return (
<el-input
placeholder="证件号"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
maxlength="21"
></el-input>
);
},
},
{
prop: "lxdh",
label: "联系电话",
render: (h, scope) => {
return (
<div class="typePhone">
<el-input
placeholder="联系电话"
value={scope.row[scope.column.property]}
onInput={(val) => {
scope.row[scope.column.property] = val;
}}
onBlur={(val) => {
vm.teltest(scope.row);
}}
type="tel"
maxlength="11"
></el-input>
<span
v-show={scope.row.inputErr}
style={{
fontSize: "12px",
color: "red",
position: "absolute",
bottom: "-2px",
left: "0",
}}
>
请输入正确手机号
</span>
</div>
);
},
},
]
}
}
let datas = new data()
export {
datas,
sendThis
datas
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-14 09:01:30
* @LastEditTime: 2023-06-14 13:14:26
-->
<template>
<div>
......@@ -195,14 +195,15 @@
// 身份证读取
readClick (row) {
var httpurl = "http://127.0.0.1:33088/";
var url = httpurl + "function=get_idcard&readnew=0"
axios.post(url).then(res => {
axios.post(this.BASE_API.IDCARDURL).then(res => {
if (res.data.code == 0) {
let data = res.data.IDCardInfo
row.sqrmc = data.name
row.zjzl = 1
row.zjzl = '1'
row.zjh = data.cardID
row.xb = data.sexCode
row.txdz = data.address
row.fzjg = data.issueOrgan
this.$message({
message: '读取成功！',
type: 'success'
......
......@@ -320,6 +320,7 @@ export default {
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
......
......@@ -265,6 +265,7 @@
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
......
......@@ -216,6 +216,7 @@
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
......
......@@ -200,6 +200,7 @@
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
......
......@@ -81,6 +81,7 @@
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.formData.bsmSldy);
formdata.append("qllx", this.propsParam.formData.qllx);
formdata.append("isEdit", this.ableOperation);
getFdcqLSInfo(formdata).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
......@@ -165,6 +165,7 @@ export default {
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("isEdit", this.ableOperation);
BatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
......
......@@ -250,6 +250,7 @@
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
......
......@@ -204,6 +204,7 @@
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
this.$nextTick(() => {
that.ruleForm = res.result;
......
......@@ -198,6 +198,7 @@
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
......
......@@ -244,6 +244,7 @@
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
this.ruleForm = res.result;
this.$endLoading();
......
......@@ -250,6 +250,7 @@
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
this.ruleForm = res.result;
this.$endLoading();
......
......@@ -161,7 +161,7 @@
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then(res => {
if (res.code === 200 && res.result) {
this.$endLoading();
......
......@@ -165,6 +165,7 @@
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.$endLoading();
......
......@@ -214,6 +214,7 @@
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
......
......@@ -256,6 +256,7 @@
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
......
......@@ -68,6 +68,10 @@ class data extends filter {
minWidth: '150'
},
{
prop: "gyqk",
label: "共有方式",
},
{
prop: "qlrmc",
label: "使用权人",
},
......@@ -81,7 +85,7 @@ class data extends filter {
label: "权利性质",
},
{
prop: "mj",
prop: "mjmc",
width: '100',
label: "使用权面积",
},
......@@ -90,6 +94,11 @@ class data extends filter {
label: "土地用途",
},
{
prop: "qdjgmc",
width: '100',
label: "取得价格",
},
{
prop: "zl",
label: "坐落",
minWidth: '150'
......
......@@ -86,9 +86,14 @@ class data extends filter {
label: "义务人",
},
{
prop: "mj",
prop: "mjmc",
label: "面积",
width: '80'
width: '130'
},
{
prop: "qlxzmc",
label: "权利性质",
minWidth: '130'
},
{
prop: "ytmc",
......@@ -96,6 +101,11 @@ class data extends filter {
minWidth: '130'
},
{
prop: "qdjgmc",
label: "取得价格",
minWidth: '80'
},
{
prop: "zl",
label: "坐落",
minWidth: '150'
......