Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
48321a3b by yangwei
Options

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

2 parents b832563a 0e87777f
Inline Side-by-side
Showing 63 changed files with 3520 additions and 2850 deletions
......@@ -23,7 +23,9 @@
"node-sass": "^4.14.1",
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"print-js": "^1.6.0",
"qrcode": "^1.5.3",
"sortablejs": "^1.15.0",
"vue": "2.6.10",
"vue-json-editor": "^1.4.3",
"vue-print-nb": "^1.7.5",
......
/*
* @Description: 企业银行接口
* @Autor: renchao
* @LastEditTime: 2023-09-11 10:19:36
* @LastEditTime: 2023-09-12 08:35:25
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -80,4 +80,21 @@ export function deleteFile (bsmFile) {
bsmFile: bsmFile
}
})
}
/**
* @description: 移动
* @param {*} bsmFile
* @param {*} direction
* @author: renchao
*/
export function move (bsmFile, direction) {
return request({
url: SERVER.SERVERAPI + '/rest/sys/company/move',
method: 'get',
params: {
bsmFile: bsmFile,
direction: direction
}
})
}
\ No newline at end of file
......

8 MB | W: | H:

1.42 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -16,6 +16,7 @@ import Loading from '@/components/Loading/index.js';
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
import Print from 'vue-print-nb'
import printJS from 'print-js'
Vue.use(Print);
Vue.mixin(mixin);
Vue.use(Loading.directive);
......@@ -27,7 +28,6 @@ Vue.prototype.$x2js = new x2js()
// 全局加载
Vue.prototype.$startLoading = startLoadingAddCount
Vue.prototype.$endLoading = endLoadingSubCount
// 弹框
import { popupDialog, popupCacel } from "./utils/popup.js";
// 全局加载
......
......@@ -41,4 +41,4 @@ export function getDictLeabel (level, code) {
return node.dcode === level
})
return data.dname
}
\ No newline at end of file
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-07 16:09:13
* @LastEditTime: 2023-09-13 09:10:29
-->
<template>
<div class="rlPopup">
......@@ -11,7 +11,7 @@
<div class="next handle-btn" v-if="!isScan" @click="next()">
<i class="el-icon-arrow-right"></i>
</div>
<div class="img-list-wrap">
<div class="img-list-wrap" v-Loading="loading">
<img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
<div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
<photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
......@@ -34,7 +34,7 @@
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
<div v-if="ableOperation" class="pl-5">
<el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button>
<el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
<el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
</div>
</div>
......@@ -73,6 +73,7 @@
},
data () {
return {
loading: false,
key: 0,
isScan: false,
// 打开高拍仪
......@@ -125,20 +126,22 @@
handleOpenScan () {
this.isScan = !this.isScan
if (this.isScan) {
this.loading = true
this.$message({
message: '正在启动程序请稍等',
type: 'success'
})
setTimeout(() => {
this.scanTitle = '关闭高拍仪'
this.loading = false
}, 4000)
} else {
this.scanTitle = '打开高拍仪'
}
},
// 左右移动
handleMove(direction) {
handleMove (direction) {
},
/**
* @description: 拍照
......@@ -270,6 +273,9 @@
}
formData.append("bsmSj", this.previewImg.bsmSj);
formData.append("bsmSlsq", this.previewImg.bsmSlsq);
if (this.previewImg.imgList.length > 0) {
formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
}
uploadBatch(formData).then((res) => {
if (res.code == 200) {
this.$emit('updateList', res.result)
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:42:01
* @LastEditTime: 2023-09-12 13:26:13
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form ref="queryForm" label-width="180px" v-if="this.formData.obj">
<el-form-item label="下一环节名称:">
......@@ -21,139 +20,136 @@
</el-form-item>
</el-form>
<div v-if="this.formData.showidea">
<div class="invalid-reson">审批意见：</div>
<el-input
class="opinion"
v-model="shyj"
placeholder="请输入审批意见"
type="textarea"
:rows="4"
></el-input>
<div class="invalid-reson">审批意见：</div>
<el-input
class="opinion"
v-model="shyj"
placeholder="请输入审批意见"
type="textarea"
:rows="4"></el-input>
</div>
<div style="text-align:center">
<el-button @click="cancelBack">取消转出</el-button>
<el-button type="primary" @click="submitForm">确定转出</el-button>
</div>
<!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> -->
<el-button style="float: right" @click="cancelBack">取消转出</el-button>
<el-button type="primary" @click="submitForm" style="float: right"
>确定转出</el-button
>
</div>
</div>
</template>
<script>
import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
import { popupCacel } from "@/utils/popup.js";
import { mapGetters } from "vuex";
export default {
computed: {
},
props: {
formData: {
type: Object,
default: {},
import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
import { popupCacel } from "@/utils/popup.js";
import { mapGetters } from "vuex";
export default {
computed: {
},
props: {
formData: {
type: Object,
default: {},
},
},
},
data() {
return {
queryForm: {},
shyj: "",
};
},
data () {
return {
queryForm: {},
shyj: "",
};
},
watch: {
yjsqOptions: {
handler(val) {
this.add(val.opinion);
watch: {
yjsqOptions: {
handler (val) {
this.add(val.opinion);
},
deep: true,
immediate: true,
},
deep: true,
immediate: true,
},
},
mounted() {
// this.queryForm= this.queryForm.obj
},
methods: {
/**
* @description: submitForm
* @author: renchao
*/
commonOpinion() {
this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{
title:"常用意见",
width: '75%', // 初始化75% 不需要改的话 可以直接不要
formData:{}, // 父组件传给子组件的参数
cancel: function () {}, //取消事件的回调 没有按钮可以不需要
confirm: function () {} //确认事件的回调 没有按钮可以不需要
})
mounted () {
// this.queryForm= this.queryForm.obj
},
submitForm() {
this.queryForm = {
bsmSlsq: this.formData.bsmSlsq,
shyj: this.shyj,
stepform: JSON.stringify(this.formData.tabList),
};
completeTask(this.queryForm).then((res) => {
if (res.code === 200) {
this.$message.success("转件成功");
// setTimeout(() => {
// window.opener = null;
// window.open("about:blank", "_self");
// window.close();
// this.$emit("input", false);
// }, 1000);
popupCacel();
setTimeout(() => {
// window.opener.location.reload(); //刷新父窗口
if (window.opener && window.opener.getBpageList) {
window.opener.getBpageList();
} else {
window.opener.frames[0].getBpageList();
}
window.close();
this.$emit("input", false);
}, 1000);
} else {
this.$message.error(res.message);
methods: {
/**
* @description: submitForm
* @author: renchao
*/
commonOpinion () {
this.$popup('常用意见', "workflow/components/dialog/commonOpinion", {
title: "常用意见",
width: '75%', // 初始化75% 不需要改的话 可以直接不要
formData: {}, // 父组件传给子组件的参数
cancel: function () { }, //取消事件的回调 没有按钮可以不需要
confirm: function () { } //确认事件的回调 没有按钮可以不需要
})
},
submitForm () {
this.queryForm = {
bsmSlsq: this.formData.bsmSlsq,
shyj: this.shyj,
stepform: JSON.stringify(this.formData.tabList),
};
completeTask(this.queryForm).then((res) => {
if (res.code === 200) {
this.$message.success("转件成功");
// setTimeout(() => {
// window.opener = null;
// window.open("about:blank", "_self");
// window.close();
// this.$emit("input", false);
// }, 1000);
popupCacel();
setTimeout(() => {
// window.opener.location.reload(); //刷新父窗口
if (window.opener && window.opener.getBpageList) {
window.opener.getBpageList();
} else {
window.opener.frames[0].getBpageList();
}
window.close();
this.$emit("input", false);
}, 1000);
} else {
this.$message.error(res.message);
}
});
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add (val) {
if (val != "") {
this.shyj;
}
});
},
/**
* @description: add
* @param {*} val
* @author: renchao
*/
add(val) {
if (val != "") {
this.shyj;
}
},
},
/**
* @description: closeDialog
* @author: renchao
*/
cancelBack() {
popupCacel();
/**
* @description: closeDialog
* @author: renchao
*/
cancelBack () {
popupCacel();
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.el-button {
margin-top: 20px;
margin-right: 10px;
}
@import "~@/styles/mixin.scss";
.el-button {
margin-top: 20px;
margin-right: 10px;
}
.opinion {
position: relative;
font-size: 14px;
}
.opinion {
position: relative;
font-size: 14px;
}
.opinion_btn {
position: absolute;
right: 35px;
bottom: 80px;
}
.opinion_btn {
position: absolute;
right: 35px;
bottom: 80px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:27:42
* @LastEditTime: 2023-09-11 16:37:36
-->
<template>
<!-- 受理信息 -->
......@@ -142,7 +142,7 @@
<el-form-item label="分摊土地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.fdcq2.fttdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
......@@ -173,7 +173,7 @@
<el-form-item label="房地产交易价格：">
<div class="flex">
<el-input
maxlength="11"
maxlength="11"
v-model="ruleForm.fdcq2.qjjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
......@@ -256,14 +256,14 @@
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-input maxlength="4" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.fdcq2.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
......@@ -479,7 +479,6 @@
},
};
},
created () { },
mounted () {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
......@@ -495,7 +494,6 @@
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
/**
* @description: 弹框事件
* @param {*} val
......@@ -600,7 +598,6 @@
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
......@@ -610,16 +607,16 @@
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
if (!_.isEqual(val, this.ruleForm.qlrData)) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
}
},
// 更新义务人信息
/**
......
......@@ -9,7 +9,7 @@
<el-form
:model="ruleForm"
:rules="rules"
v-Loading="loading"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -523,16 +523,19 @@
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
if (!_.isEqual(val, this.ruleForm.qlrData)) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
}
if (this.ruleForm.qlrData.length == 0) {
this.czr = ''
}
},
// 保存
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:27:48
* @LastEditTime: 2023-09-11 16:38:51
-->
<template>
<!-- 受理信息 -->
......@@ -167,7 +167,7 @@
<el-form-item label="农用地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.nydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
......@@ -189,7 +189,7 @@
<el-form-item label="耕地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.gdmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
......@@ -211,7 +211,7 @@
<el-form-item label="林地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.ldmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
......@@ -235,7 +235,7 @@
<el-form-item label="草地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.cdmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
......@@ -257,7 +257,7 @@
<el-form-item label="其他农用地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.qtnydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
......@@ -279,7 +279,7 @@
<el-form-item label="建筑使用面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.jsydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
......@@ -303,7 +303,7 @@
<el-form-item label="未利用地面积：">
<div class="flex">
<el-input
maxlength="12"
maxlength="12"
v-model="ruleForm.tdsyq.wlydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
......@@ -631,15 +631,16 @@
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.key++;
if (!_.isEqual(val, this.ruleForm.qlrData)) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
}
},
/**
* @description: onSubmit
......
......@@ -51,6 +51,25 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="接口类型:" prop="requestType">
<el-input v-model="ruleForm.requestType"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接口模块:" prop="requestModule">
<el-input v-model="ruleForm.requestModule"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="接口参数:" prop="requestParams">
<el-input v-model="ruleForm.requestParams" type="textarea" :rows="4"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="接口描述:" prop="interfaceDescription">
<el-input v-model="ruleForm.interfaceDescription" type="textarea" :rows="4"></el-input>
......@@ -91,6 +110,9 @@
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
requestParams: '',
requestType: '',
requestModule: '',
},
rules: {
interfaceCode: [
......
......@@ -45,6 +45,11 @@
})
},
methods: {
/**
* @description: handleSelectBdcdyh
* @param {*} val
* @author: renchao
*/
handleSelectBdcdyh (val) {
this.$emit('getBdcdyh', val);
}
......
......@@ -6,12 +6,14 @@
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate id="boxcfdj" :propsParam="propsParam" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -125,12 +127,42 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().CFDJ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
......
......@@ -5,18 +5,27 @@
-->
<template>
<div id="box">
<div class="tbalede" v-for="(el, indexx) in datass" :key="indexx" style="page-break-after: always">
<div
class="tbalede"
v-for="(el, indexx) in datass"
:key="indexx"
style="page-break-after: always"
>
<div class="title">{{ title }}</div>
<table class="xxTable">
<tr v-for="(item) in columns" :key="item.name">
<tr v-for="item in columns" :key="item.name">
<td>
{{ item.despriction }}
</td>
<td v-for="(row, index) in el" :key="index+'2'">
<td v-for="(row, index) in el" :key="index + '2'">
{{ row[item.name] }}
</td>
<td v-show="el.emptycolNum" v-for="count in emptycolNum" :key="count"></td>
<td
v-show="el.emptycolNum"
v-for="count in emptycolNum"
:key="count"
></td>
</tr>
</table>
</div>
......@@ -32,13 +41,12 @@ export default {
data() {
return {
title: this.$parent.title,
checkList: datas.columns().checkList,
//列表数据
//空列值个数
emptycolNum:3,
emptycolNum: 4,
//列名称对象
columns: [],
datass:[],
datass: [],
};
},
props: {
......@@ -46,50 +54,57 @@ export default {
type: Object,
default: () => {},
},
tableData: {
tableData: {
type: Array,
default: () => [],
},
render:{
type: Boolean,
default: false,
}
},
created() {
},
created() {},
watch: {
tableData: {
handler (newValue, oldValue) {
this.tableData=newValue
this.loadData()
},
}
tableData: {
handler(newValue, oldValue) {
this.tableData = newValue;
},
},
render: {
handler(newValue, oldValue) {
if(newValue){
this.loadData();
}
},
},
immediate: true,
deep: true,
},
methods: {
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
getFieldListByQlxx({
qllx: this.propsParam.qllx
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code === 200) {
this.columns = res.result;
}
});
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
})
for (let i = 0; i < this.tableData.length; i+=3) {
this.datass.push(this.tableData.slice(i,i+3))
}
let num=this.datass[this.datass.length-1].length
if (num < 3) {
this.emptycolNum =
3 - num;
this.datass[this.datass.length-1].emptycolNum=true
} else {
this.emptycolNum = 0;
}
if (this.tableData.length&&this.datass.length==0) {
for (let i = 0; i < this.tableData.length; i += 4) {
this.datass.push(this.tableData.slice(i, i + 4));
}
let num = this.datass[this.datass.length - 1].length;
if (num < 4) {
this.emptycolNum = 4 - num;
this.datass[this.datass.length - 1].emptycolNum = true;
} else {
this.emptycolNum = 0;
}
}
},
},
};
......@@ -97,7 +112,7 @@ export default {
<style lang="scss" scoped>
.tbalede {
width: 794px;
width: 100%;
// height: 1123px;
margin: auto;
.title {
......@@ -124,6 +139,17 @@ export default {
min-width: 80px;
padding: 5px;
}
td {
width: 20px!important;
word-break: break-all;
// /* 方法一：使用 word-break */
// word-break: break-all;
// // /* 方法二：使用 white-space */
// // white-space: pre-wrap;
// // /* 方法三：使用 overflow-wrap */
// // overflow-wrap: break-word;
}
}
}
</style>
......
......@@ -6,12 +6,14 @@
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate id="boxdiyaq" :propsParam="propsParam" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -127,12 +129,42 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYAQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate id="boxdiyiq" :propsParam="propsParam" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -127,15 +129,44 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYIQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
methods: { /**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
......@@ -164,7 +195,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -177,7 +208,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -194,7 +225,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate
id="boxfdcq"
:propsParam="propsParam" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -121,7 +125,7 @@
</template>
<script>
import printJS from "print-js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq1List } from "@/api/djbDetail.js";
......@@ -136,7 +140,7 @@ export default {
id: "box",
//其他配置项，
},
shows:false,
shows: false,
title: "房地产权登记信息（多幢）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -144,22 +148,54 @@ export default {
propsParam: this.$attrs,
//列表数据
tableData: [],
// 异步传值
datalist: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().FDCQ1,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getFdcq1List({
......@@ -169,7 +205,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -184,7 +220,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -197,7 +233,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -212,7 +248,7 @@ export default {
/**
* @description: judge
* @param {*} lable
* @author: renchao
* @author: miaofang
*/
judge(label) {
if (
......@@ -230,7 +266,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<div>
<printTemplate
id="boxfdcq"
:propsParam="propsParam"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -106,16 +113,13 @@ import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/djbDetail.js";
export default {
components: {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
shows: false,
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -127,6 +131,7 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().FDCQ2,
render: false,
};
},
created() {
......@@ -134,8 +139,37 @@ export default {
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render = false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
......@@ -148,8 +182,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
console.log("this.tableData111",this.tableData);
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -164,7 +197,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -177,7 +210,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -194,7 +227,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate
id="boxjsydsyq"
:propsParam="propsParam"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -115,7 +122,7 @@ export default {
id: "box",
//其他配置项，
},
shows:false,
shows: false,
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -127,18 +134,47 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -146,7 +182,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -161,7 +197,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -174,7 +210,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -191,7 +227,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......@@ -220,14 +256,14 @@ export default {
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate
id="boxldsyq"
:propsParam="propsParam"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -113,7 +120,7 @@ export default {
id: "box",
//其他配置项，
},
shows:false,
shows: false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -125,6 +132,7 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created() {
......@@ -132,8 +140,37 @@ export default {
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
......@@ -149,7 +186,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
......@@ -167,7 +204,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -180,7 +217,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -197,7 +234,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate
id="boxnydsyq"
:propsParam="propsParam"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -162,7 +169,7 @@ export default {
id: "box",
//其他配置项，
},
shows:false,
shows: false,
title: "农用地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
......@@ -174,6 +181,7 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().NYDSYQ,
render: false,
};
},
created() {
......@@ -187,8 +195,37 @@ export default {
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxnydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
......@@ -204,7 +241,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -219,7 +256,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -231,7 +268,7 @@ export default {
},
/**
* @description: getQsztName
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -248,7 +285,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
......@@ -10,24 +10,33 @@
-->
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-11 15:33:53
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate
id="boxsllmsyq"
:propsParam="propsParam"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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>
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -47,33 +56,60 @@
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<div
class="setbut"
v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row)"
>编辑</el-button
>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')"
>删除</el-button
>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div>
<!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
<span v-else>{{ row[item.prop] }}</span> -->
<p v-if="!['djyy','fj'].includes(item.prop)">
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
......@@ -84,9 +120,9 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
......@@ -98,117 +134,147 @@ export default {
id: "box",
//其他配置项，
},
shows:false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
};
shows: false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
created () {
this.loadData();
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
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;
}
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog (row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
this.$message({
type: "success",
message: "补录成功!",
});
},
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate id="boxtdsyq" :propsParam="propsParam" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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>
......@@ -100,15 +100,37 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().TDSYQ,
render:false
};
},
created () {
this.loadData();
},
methods: {
openPrint(){
this.render=true
setTimeout(() => {
this.prinsss()
}, 100)
},
prinsss(){
printJS({
printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData () {
......@@ -140,7 +162,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange () {
if (this.checkList.length === 0) {
......@@ -153,7 +175,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName (code) {
let name = "";
......@@ -170,7 +192,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate id="boxygdj" :propsParam="propsParam" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox
......@@ -108,10 +108,10 @@ export default {
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
// printObj: {
// id: "box",
// //其他配置项，
// },
shows:false,
title: "预告登记信息",
qsztList: datas.columns().qsztList,
......@@ -124,15 +124,37 @@ export default {
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
render:false
};
},
created() {
this.loadData();
},
methods: {
openPrint(){
this.render=true
setTimeout(() => {
this.prinsss()
}, 100)
},
prinsss(){
printJS({
printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
this.render=false
},
/**
* @description: loadData
* @author: renchao
* @author: miaofang
*/
loadData() {
// 判断是否在登记簿补录调的子页面
......@@ -165,7 +187,7 @@ export default {
},
/**
* @description: checkChange
* @author: renchao
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
......@@ -178,7 +200,7 @@ export default {
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
* @author: miaofang
*/
getQsztName(code) {
let name = "";
......@@ -195,7 +217,7 @@ export default {
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
......
<!--
* @Description:
* @Autor: renchao
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="box" :propsParam="propsParam" :tableData="tableData"/>
<printTemplate
id="boxyydj"
:propsParam="propsParam"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" v-print="printObj">打印</el-button>
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -24,21 +36,35 @@
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
]">
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row)"
>编辑</el-button
>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')"
>删除</el-button
>
</div>
<div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
......@@ -51,14 +77,20 @@
正在注销
</div>
<p v-if="!['djyy','fj'].includes(item.prop)">
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
......@@ -73,9 +105,9 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
......@@ -87,117 +119,140 @@ export default {
id: "box",
//其他配置项，
},
shows:false,
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YYDJ,
};
shows: false,
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YYDJ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
created () {
this.loadData();
prinsss() {
printJS({
printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
}
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog (row, del) {
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row, del)
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: 'success',
message: '补录成功!'
type: "success",
message: "补录成功!",
});
}).catch(() => {
})
.catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
type: "info",
message: "取消编辑",
});
});
},
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......
......@@ -4,9 +4,9 @@
* @LastEditors: yangwei
* @LastEditTime: 2023-09-07 09:03:14
* @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue
* @Description:
*
* Copyright (c) 2023 by yangwei, All Rights Reserved.
* @Description:
*
* Copyright (c) 2023 by yangwei, All Rights Reserved.
-->
<template>
<div class="check-result">
......@@ -222,6 +222,10 @@ export default {
},
mounted() {},
methods: {
/**
* @description: handleSearch
* @author: renchao
*/
handleSearch() {
xydm(this.queryForm).then((res) => {
if (res.status == "OK") {
......
......@@ -58,7 +58,7 @@
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw">
......@@ -102,7 +102,7 @@
</el-row>
</el-form>
<el-collapse class="modifycollapse" accordion>
<el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'">
<el-collapse-item title="权利信息" name="0" v-if="form.sqdjyw.sqfl=='2'">
<lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx">
</lb-table>
</el-collapse-item>
......@@ -203,19 +203,19 @@
*/
init () {
this.tn = 0;
if(this.formData.sqfl=="2"){
this.getDetail(this.formData.bsmSqyw);
}else{
getDjlxInfo(this.formData.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
} else {
this.getDetail(this.formData.bsmSqyw);
}
})
}
if (this.formData.sqfl == "2") {
this.getDetail(this.formData.bsmSqyw);
} else {
getDjlxInfo(this.formData.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
} else {
this.getDetail(this.formData.bsmSqyw);
}
})
}
},
/**
* @description: orderNoChange
......
......@@ -116,6 +116,11 @@
this.$store.dispatch("user/refreshPage", false);
},
//删除
/**
* @description: 删除
* @param {*} item
* @author: renchao
*/
delNotice (item) {
this.$confirm('是否确定删除', '提示', {
confirmButtonText: '确定',
......@@ -138,6 +143,11 @@
});
},
//发布
/**
* @description: 发布
* @param {*} item
* @author: renchao
*/
toPublish (item) {
this.$confirm('是否确定发布', '提示', {
confirmButtonText: '确定',
......@@ -160,10 +170,19 @@
});
});
},
/**
* @description: postMessage
* @author: renchao
*/
postMessage () {
window.parent.postMessage({ update: true }, '*')
},
//取消发布
/**
* @description: 取消发布
* @param {*} item
* @author: renchao
*/
toUnPublish (item) {
this.$confirm('是否确定取消发布', '提示', {
confirmButtonText: '确定',
......@@ -187,9 +206,19 @@
});
},
//编辑通知
/**
* @description: 编辑通知
* @param {*} item
* @author: renchao
*/
editNotice (item) {
this.$popupDialog("系统通知详情", "system/xttz/components/addDialog", { ...item, "isButtonFlag": true, "edit": true }, "50%")
},
/**
* @description: downloadFile
* @param {*} item
* @author: renchao
*/
downloadFile (item) {
const href = item.noticeFileUrl
window.open(href, '_blank');
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-11 16:12:27
* @LastEditTime: 2023-09-12 08:55:14
-->
<template>
<dialogBox
......@@ -16,8 +16,8 @@
<el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header">
<el-tab-pane label="基本信息" name="1"></el-tab-pane>
<el-tab-pane label="企业信息" name="2"></el-tab-pane>
<el-tab-pane label="银行机构" name="3"></el-tab-pane>
<el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane>
<el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane>
</el-tabs>
<el-form
......@@ -422,6 +422,9 @@
watch: {
value (val) {
this.myValue = _.cloneDeep(val)
if (val && Object.keys(this.details).length > 0) {
this.activeName = '1'
}
this.isShow = this.showButton
},
details: {
......@@ -432,7 +435,11 @@
}
},
methods: {
// 证件种类选择
/**
* @description: 证件种类选择
* @param {*} val
* @author: renchao
*/
handleZjzl (val) {
if (['6', '7', '8'].includes(val)) {
this.isBz = true
......@@ -440,14 +447,16 @@
this.isBz = false
}
},
// 信息备案
/**
* @description: 信息备案
* @author: renchao
*/
handleFilings () {
this.ruleForm.qymc = this.ruleForm.sqrmc
this.ruleForm.dwdz = this.ruleForm.txdz
addQy(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success('备案成功')
this.$refs['ruleForm'].resetFields();
} else {
this.$message.error(res.message);
}
......@@ -474,6 +483,8 @@
},
/**
* @description:企业查询
* @param {*} val
* @param {*} code
* @author: renchao
*/
dicStatus (val, code) {
......@@ -488,6 +499,10 @@
return name
}
},
/**
* @description: handleSearchQY
* @author: renchao
*/
handleSearchQY () {
let data = { ...this.queryFormQY, ...this.pageData }
this.tableDataQy.data = []
......@@ -504,15 +519,29 @@
}
})
},
/**
* @description: handleQYCurrentChange
* @param {*} val
* @author: renchao
*/
handleQYCurrentChange (val) {
this.pageData.currentPage = val
this.handleSearchQY()
},
/**
* @description: handlesQYSelect
* @param {*} val
* @author: renchao
*/
handlesQYSelect (val) {
this.$emit("updateDetail", _.cloneDeep(val));
this.$emit("input", false);
},
// 银行
/**
* @description: 银行
* @author: renchao
*/
handleSearchYH () {
let data = { ...this.queryFormYH, ...this.pageData }
this.tableDataYh.data = []
......@@ -529,10 +558,20 @@
}
})
},
/**
* @description: handleYHCurrentChange
* @param {*} val
* @author: renchao
*/
handleYHCurrentChange (val) {
this.pageData.currentPage = val
this.handleSearchQY()
},
/**
* @description: handlesYHSelect
* @param {*} val
* @author: renchao
*/
handlesYHSelect (val) {
this.$emit("updateDetail", _.cloneDeep(val));
this.$emit("input", false);
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-07 16:01:19
* @LastEditTime: 2023-09-13 10:33:50
-->
<template>
<div class="clmlmx-box">
<lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData">
<div style="text-align:right">
<el-button type="primary" icon="el-icon-top">上移</el-button>
<el-button type="primary" icon="el-icon-bottom">下移</el-button>
</div>
<lb-table :column="column" :key="key" row-key="bsmSj" ref="listTable" :heightNumSetting="true" :calcHeight="600"
:pagination="false" :data="tableData">
</lb-table>
<div class="text-center">
<el-button @click="$popupCacel">取消</el-button>
......@@ -15,8 +20,9 @@
</template>
<script>
import Vue from 'vue'
import Sortable from 'sortablejs'
import store from '@/store/index.js'
import { InitClml, updateClml, deleteSjClml, moveClml } from "@/api/clxx.js";
import { InitClml, updateClml } from "@/api/clxx.js";
export default {
props: {
formData: {
......@@ -29,25 +35,11 @@
data () {
return {
loading: false,
sortable: null,
column: [
{
width: '50',
renderHeader: (h, scope) => {
return <div> {
!this.formData.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
</div>
},
render: (h, scope) => {
return (
<div>
{
!this.formData.ableOperation ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i>
}
</div>
)
}
label: "选择",
type: 'selection'
},
{
prop: "isrequired",
......@@ -100,46 +92,34 @@
},
{
prop: "sjsl",
label: "份数",
width: "50",
label: "收件数量",
width: "80",
render: (h, scope) => {
return (
(this.formData.ableOperation && scope.row.isrequired != '1') ?
(this.formData.ableOperation) ?
<el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input> : <span>{
scope.row.sjsl ?
<span>{scope.row.sjsl}</span> : 1
scope.row.sjsl
}</span>
)
}
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
label: "扫描时间",
width: "140",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
</div>
);
} else {
return (
<div>
<span>未扫描</span>
</div>
);
}
},
return (
<span>{scope.row.sjsj}</span>
)
}
},
{
label: "扫描页数",
width: "80",
label: "页数",
width: "60",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
if (scope.row.ys && scope.row.ys > 0) {
return (
<div>
<span>{scope.row.children.length}</span>
<span>{scope.row.ys}</span>
</div>
);
} else {
......@@ -159,21 +139,13 @@
<div>
<el-button
type="text"
disabled={scope.$index == 0 || !this.formData.ableOperation}
onClick={() => {
this.moveUpward(scope.$index, scope.row);
}}
>
上移
</el-button>
<el-button
type="text"
disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation}
icon="el-icon-delete"
disabled={scope.row.ys == 0 || !this.formData.ableOperation}
onClick={() => {
this.moveDown(scope.$index, scope.row);
this.handleDelete(scope.$index, scope.row);
}}
>
下移
删除
</el-button>
</div >
......@@ -194,11 +166,15 @@
deep: true
}
},
mounted () {
this.initSort()
},
beforeDestroy () {
if (this.sortable) {
this.sortable.destroy();
}
},
methods: {
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit () {
this.loading = true
updateClml(this.tableData).then(res => {
......@@ -246,64 +222,9 @@
})
},
/**
* @description: 上移
* @param {*} index
* @param {*} row
* @author: renchao
*/
moveUpward (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "UP",
};
// 接口待调
moveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) {
this.$message({
message: '上移成功',
type: 'success'
})
}
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 下移
* @param {*} index
* @param {*} row
* @author: renchao
*/
moveDown (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "DOWN",
}
// 接口待调
moveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) {
this.$message({
message: '下移成功',
type: 'success'
})
}
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 材料目录删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
handleDelete (index, row) {
if (row.children.length > 0) {
......@@ -316,17 +237,6 @@
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
if (res.code == 200) {
let res = await that.clmlInitList()
if (res == 200) {
that.$message({
message: "删除成功",
type: "success"
})
}
}
})
}).catch(() => {
this.$message({
type: 'info',
......@@ -334,24 +244,18 @@
})
})
},
// 字典
/**
* @description: 字典
* @param {*} val
* @param {*} code
* @author: renchao
*/
dicStatus (val, code) {
let data = store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname;
}
});
return name;
}
initSort () {
const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
this.sortable = Sortable.create(el, {
ghostClass: 'sortable-ghost',
setData: function (dataTransfer) {
dataTransfer.setData('Text', '')
},
onEnd: evt => {
const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
this.tableData.splice(evt.newIndex, 0, targetRow);
}
})
}
}
}
......
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-08-30 13:59:09
* @LastEditTime: 2023-09-12 13:29:54
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -15,7 +15,7 @@
申请单元列表({{ unitData.length }})
<el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button>
</div>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<p class="dot" v-if="item.issave == '0'"></p>
<div class="menu-con">
......@@ -74,18 +74,20 @@
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.loadBdcdylist()
if (newVal) {
this.loadBdcdylist()
}
},
immediate: true
}
},
methods: {
//读取申请单元信息
/**
* @description: 读取申请单元信息
* @author: renchao
*/
loadBdcdylist () {
let that = this
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
if (this.$route.query.bestepid) {
......@@ -97,40 +99,43 @@
if (this.$route.query.type == 'jdcx') {
jdcxLeftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.unitData = res.result;
that.unitData = res.result;
window.unitData = res.result;
this.currentSelectProps = res.result[0];
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.judgeBatchShow();
if (this.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
this.batchUnitClick();
that.currentSelectProps = res.result[0];
that.$emit('getCurrentSelectProps', this.currentSelectProps);
that.judgeBatchShow();
if (sessionStorage.getItem('keyPath')) {
that.unitClick(sessionStorage.getItem('keyPath') - 0)
} else {
//默认选择单元列表第一个
this.unitClick(0);
that.unitClick(0)
if (that.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
that.batchUnitClick();
}
}
}
})
} else {
leftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.unitData = res.result;
that.unitData = res.result;
window.unitData = res.result;
this.currentSelectProps = res.result[0];
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.judgeBatchShow();
if (this.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
this.batchUnitClick();
if (sessionStorage.getItem('keyPath')) {
that.unitClick(sessionStorage.getItem('keyPath') - 0)
} else {
//默认选择单元列表第一个
this.unitClick(0);
that.unitClick(0)
if (that.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
that.batchUnitClick();
}
}
}
})
}
},
//批量按钮判断
/**
* @description: 批量按钮判断
* @author: renchao
......@@ -224,11 +229,15 @@
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
sessionStorage.setItem('keyPath', this.activeIndex);
//选中表单传递数据
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.$parent.stepForm(index);
this.$store.dispatch('user/refreshPage', false);
}
},
beforeDestroy () {
sessionStorage.removeItem('keyPath')
}
}
</script>
......
<!--
* @Description: workFrame左侧菜单列表-分割
* @Autor: renchao
* @LastEditTime: 2023-08-28 08:46:04
* @LastEditTime: 2023-09-12 13:32:29
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -98,12 +98,12 @@
}
},
methods: {
//读取申请单元信息
/**
* @description: 读取申请单元信息
* @author: renchao
*/
loadBdcdylist () {
let that = this
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
if (this.$route.query.bestepid) {
......@@ -120,12 +120,14 @@
this.currentSelectProps = res.result[0];
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.judgeBatchShow();
if (this.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
this.batchUnitClick();
if (sessionStorage.getItem('keyPath')) {
that.unitClick(sessionStorage.getItem('keyPath') - 0)
} else {
//默认选择单元列表第一个
this.unitClick(0);
that.unitClick(0)
if (that.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
that.batchUnitClick();
}
}
}
})
......@@ -137,12 +139,14 @@
this.currentSelectProps = res.result[0];
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.judgeBatchShow();
if (this.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
this.batchUnitClick();
if (sessionStorage.getItem('keyPath')) {
that.unitClick(sessionStorage.getItem('keyPath') - 0)
} else {
//默认选择单元列表第一个
this.unitClick(0);
that.unitClick(0)
if (that.showBatch) {
//满足批量查封/批量抵押按钮出现 即先展示批量表单
that.batchUnitClick();
}
}
}
})
......@@ -202,8 +206,6 @@
});
});
},
//批量按钮点击事件
/**
* @description: 批量按钮点击事件
* @author: renchao
......@@ -214,7 +216,6 @@
this.$parent.stepForm(0);
},
//申请单元点击事件
/**
* @description: 申请单元点击事件
* @param {*} index
......@@ -226,6 +227,7 @@
this.currentSelectProps.issave = '1'
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
sessionStorage.setItem('keyPath', this.activeIndex);
//选中表单传递数据
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.$parent.stepForm(index);
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-07-19 09:52:42
-->
<template>
<div class="fm" id="boxaaa">
<div class="title">不动产登记簿</div>
<div class="title">(回执)</div>
<p class="bian">
编号: <span>{{ Receiptdata.sldyList[0].ybdcqzsh||"" }}</span>
</p>
<div class="texts">
<p class="jsjg">{{ Receiptdata.cfdjList[0].cfjg }}:</p>
<p class="concent">
<span>{{ sj }}</span> ，你院协助执行通知书订单号为:<font>{{
Receiptdata.qlxxList[0].ywh||""
}}</font
>收悉，具体执行情况如下。
</p>
</div>
<p class="bian">{{ Receiptdata.user.organizationName }}</p>
<p class="bian">{{ sj }}（盖章）</p>
<table class="xxTable">
<tr>
<td>序号</td>
<td>坐落</td>
<td>控制反馈</td>
<td>控制措施</td>
</tr>
<tr v-for="(item, index) in Receiptdata.sldyList" :key="index">
<td>{{ index + 1 }}</td>
<td>{{ item.zl }}</td>
<td>已控</td>
<td>{{ item.djlxmc }}</td>
</tr>
</table>
</div>
</template>
<script>
export default {
props: {
Receiptdata: {
type: Object,
default: {},
},
},
data() {
return {
sj: "",
data:false
};
},
mounted() {
this.loadData();
},
watch: {
Receiptdata: {
handler(newValue, oldValue) {
this.$nextTick(() => {
this.Receiptdata = newValue;
this.loadData();
});
},
},
},
methods: {
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
let dateTime = new Date(this.Receiptdata.slsq.slsj);
let y = dateTime.getFullYear();
let m = dateTime.getMonth() + 1;
m = m < 10 ? "0" + m : m;
let d = dateTime.getDate();
d = d < 10 ? "0" + d : d;
let h = dateTime.getHours();
h = h < 10 ? "0" + h : h;
let M = dateTime.getMinutes();
M = M < 10 ? "0" + M : M;
let s = dateTime.getSeconds();
s = s < 10 ? "0" + s : s;
this.sj = y + "年" + m + "月" + d + "日";
},
},
};
</script>
<style lang="scss" scoped>
#boxaaa{
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
.title {
height: 60px;
display: flex;
font-size: 32px;
color: #000;
justify-content: center;
align-items: center;
}
.bian {
text-align: right;
}
.texts{
margin-top: 40px;
margin-bottom: 40px;
}
.jsjg {
text-align: left;
}
.concent {
width: 100%;
line-height: 40px;
text-align: left;
text-indent: 2em;
}
p {
font-family: serif;
}
.xxTable {
width: 100%;
border-collapse: collapse;
font-family: serif;
margin-top: 20px;
tr td {
border: 1px solid #000;
text-align: center;
height: 40px;
line-height: 17px;
font-size: 13px;
min-width: 80px;
z-index: 1;
min-width: 80px;
padding: 5px;
}
}
}
.fm {
background: #fff;
font-size: 18px;
margin: auto;
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-30 11:01:54
* @LastEditTime: 2023-09-12 09:40:17
-->
<template>
<div>
......@@ -14,15 +14,13 @@
:heightNumSetting="true"
:minHeight="150"
height="150"
style="width: 100%"
>
style="width: 100%">
<el-table-column prop="index" width="50" :render-header="renderHeader">
<template slot-scope="scope">
<i
class="el-icon-minus pointer"
@click="deleClick(scope.$index, scope.row)"
v-if="ableOperation"
></i>
v-if="ableOperation"></i>
<div style="text-align: center" v-else>
{{ scope.$index + 1 }}
</div>
......@@ -40,8 +38,7 @@
:normalizer="normalizer"
:appendToBody="true"
z-index="9999"
@input="addrow(scope.row)"
/>
@input="addrow(scope.row)" />
</template>
</el-table-column>
<el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
......@@ -54,8 +51,7 @@
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
@input="startTime(scope.$index)"
>
@input="startTime(scope.$index)">
</el-date-picker>
</template>
</el-table-column>
......@@ -69,8 +65,7 @@
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
@input="endTime(scope.$index)"
>
@input="endTime(scope.$index)">
</el-date-picker>
</template>
</el-table-column>
......@@ -82,232 +77,229 @@
v-model="scope.row.tdsyqx"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
placeholder="请输入内容"
@input="sumTime(scope.$index, scope.row.tdsyqx)"
>
></el-input
>
@input="sumTime(scope.$index, scope.row.tdsyqx)">
></el-input>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
ableOperation: {
type: Boolean,
default: true,
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData"]),
},
},
data() {
return {
// 键名转换，方法默认是label和children进行树状渲染
key: 0,
newdata: {
yt: null,
qssj: "",
jssj: "",
tdsyqx: "",
},
tableDataList: [],
// 起始时间选择范围
pickerStart: {},
pickerEnd: {},
normalizer(node) {
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
children: node.children,
};
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
};
},
mounted() {},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (!val || val.length == 0) {
that.tableDataList = _.cloneDeep([
{
yt: null,
qssj: "",
jssj: "",
tdsyqx: "",
},
]);
} else {
that.tableDataList = _.cloneDeep(val);
}
});
ableOperation: {
type: Boolean,
default: true,
},
immediate: true,
deep: true,
},
},
methods: {
/**
* @description: renderHeader
* @author: renchao
*/
renderHeader() {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
// 修改事件
/**
* @description: 修改事件
* @author: renchao
*/
addrow(a) {
console.log(a);
// this.tableDataList = this.tableDataList.map((item) => {
// return {
// ...item,
// yt: a.yt,
// };
// });
this.$emit("upDateTdytxxList", this.tableDataList);
},
/**
* @description: startTime
* @param {*} index
* @author: renchao
*/
startTime(index) {
console.log("index", index);
// let startTime = this.tableDataList[index].tdsyqssj;
let endTime = this.tableDataList[index].jssj;
let startTime = this.tableDataList[index].qssj;
this.tableDataList[index].pickerEnd = {
disabledDate: (time) => {
if (Object.keys(startTime).length > 0) {
return new Date(startTime).getTime() > time.getTime();
} else {
return time.getTime() < Date.now();
}
data () {
return {
// 键名转换，方法默认是label和children进行树状渲染
key: 0,
newdata: {
yt: null,
qssj: "",
jssj: "",
tdsyqx: "",
},
};
if (startTime && endTime) {
let startYear = new Date(startTime).getFullYear();
let endYear = new Date(endTime).getFullYear();
this.tableDataList[index].tdsyqx = endYear - startYear;
}
this.$emit("upDateTdytxxList", this.tableDataList);
},
/**
* @description: endTime
* @param {*} index
* @author: renchao
*/
endTime(index) {
// let startTime = this.tableDataList[index].tdsyqssj;
let startTime = this.tableDataList[index].qssj;
let endTime = this.tableDataList[index].jssj;
this.tableDataList[index].pickerStart = {
disabledDate: (time) => {
if (Object.keys(endTime).length > 0) {
return new Date(endTime).getTime() < time.getTime();
} else {
return time.getTime() > Date.now();
tableDataList: [],
// 起始时间选择范围
pickerStart: {},
pickerEnd: {},
normalizer (node) {
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
children: node.children,
};
},
};
if (startTime && endTime) {
let startYear = new Date(startTime).getFullYear();
let endYear = new Date(endTime).getFullYear();
this.tableDataList[index].tdsyqx = endYear - startYear;
}
this.$emit("upDateTdytxxList", this.tableDataList);
},
/**
* @description: sumTime
* @param {*} index
* @param {*} tdsyqx
* @author: renchao
*/
sumTime(index, tdsyqx) {
let startTime = this.tableDataList[index].qssj;
this.tableDataList[index].jssj =
Number(startTime.substring(0, 4)) +
Number(tdsyqx) +
startTime.slice(4, 19);
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 新增
/**
* @description: 新增
* @author: renchao
*/
addClick() {
// this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
this.tableDataList.push(_.cloneDeep(this.newdata))
this.$emit("upDateTdytxxList", this.tableDataList);
mounted () { },
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (!val || val.length == 0) {
that.tableDataList = _.cloneDeep([
{
yt: null,
qssj: "",
jssj: "",
tdsyqx: "",
},
]);
} else {
that.tableDataList = _.cloneDeep(val);
}
});
},
immediate: true,
deep: true,
},
},
methods: {
/**
* @description: renderHeader
* @author: renchao
*/
renderHeader () {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
// 修改事件
/**
* @description: 修改事件
* @author: renchao
*/
addrow (a) {
// this.tableDataList = this.tableDataList.map((item) => {
// return {
// ...item,
// yt: a.yt,
// };
// });
this.$emit("upDateTdytxxList", this.tableDataList);
},
/**
* @description: startTime
* @param {*} index
* @author: renchao
*/
startTime (index) {
console.log("index", index);
// let startTime = this.tableDataList[index].tdsyqssj;
let endTime = this.tableDataList[index].jssj;
let startTime = this.tableDataList[index].qssj;
this.tableDataList[index].pickerEnd = {
disabledDate: (time) => {
if (Object.keys(startTime).length > 0) {
return new Date(startTime).getTime() > time.getTime();
} else {
return time.getTime() < Date.now();
}
},
};
if (startTime && endTime) {
let startYear = new Date(startTime).getFullYear();
let endYear = new Date(endTime).getFullYear();
this.tableDataList[index].tdsyqx = endYear - startYear;
}
this.$emit("upDateTdytxxList", this.tableDataList);
},
/**
* @description: endTime
* @param {*} index
* @author: renchao
*/
endTime (index) {
// let startTime = this.tableDataList[index].tdsyqssj;
let startTime = this.tableDataList[index].qssj;
let endTime = this.tableDataList[index].jssj;
this.tableDataList[index].pickerStart = {
disabledDate: (time) => {
if (Object.keys(endTime).length > 0) {
return new Date(endTime).getTime() < time.getTime();
} else {
return time.getTime() > Date.now();
}
},
};
if (startTime && endTime) {
let startYear = new Date(startTime).getFullYear();
let endYear = new Date(endTime).getFullYear();
this.tableDataList[index].tdsyqx = endYear - startYear;
}
this.$emit("upDateTdytxxList", this.tableDataList);
},
/**
* @description: sumTime
* @param {*} index
* @param {*} tdsyqx
* @author: renchao
*/
sumTime (index, tdsyqx) {
let startTime = this.tableDataList[index].qssj;
this.tableDataList[index].jssj =
Number(startTime.substring(0, 4)) +
Number(tdsyqx) +
startTime.slice(4, 19);
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 新增
/**
* @description: 新增
* @author: renchao
*/
addClick () {
// this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
this.tableDataList.push(_.cloneDeep(this.newdata))
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 删除
/**
* @description: 删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
deleClick(index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableDataList.splice(index, 1);
this.$emit("upDateTdytxxList", this.tableDataList);
// 删除
/**
* @description: 删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
deleClick (index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.catch(() => {});
.then(() => {
this.tableDataList.splice(index, 1);
this.$emit("upDateTdytxxList", this.tableDataList);
})
.catch(() => { });
},
},
},
};
};
</script>
<style scoped lang="scss">
.el-input {
border: none !important;
}
/deep/.el-table__row {
border: none !important;
}
.el-date-editor.el-input {
width: 100%;
}
/deep/.el-table th {
height: 30px !important;
}
/deep/ .el-table--border .el-table__cell:first-child .cell{
text-align: center;
}
.el-input {
border: none !important;
}
/deep/.el-table__row {
border: none !important;
}
.el-date-editor.el-input {
width: 100%;
}
/deep/.el-table th {
height: 30px !important;
}
/deep/ .el-table--border .el-table__cell:first-child .cell {
text-align: center;
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-17 15:34:33
* @LastEditTime: 2023-09-12 09:41:27
*/
//流程环节操作按钮
/**
......@@ -10,7 +10,7 @@
* @param {*} djywbm
* @author: renchao
*/
export function getForm(tabName, djywbm) {
export function getForm (tabName, djywbm) {
let form;
switch (tabName) {
case "tdsyqslxx":
......@@ -72,7 +72,7 @@ export function getForm(tabName, djywbm) {
case "sfxx":
form = require("@/views/workflow/components/sfxx.vue");
break;
case "sdqxx":
case "sdqxx":
form = require("@/views/workflow/components/sdqxx.vue");
break;
case "zdjbxx":
......
......@@ -17,8 +17,10 @@ import {
unClaimTask,
getZdInfo
} from "@/api/workFlow.js";
import { getZrzbsmList } from "@/api/search.js";
import { ywPopupDialog } from "@/utils/popup.js";
export default {
data () {
return {
......@@ -73,7 +75,7 @@ export default {
* @author: renchao
*/
operation (item) {
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿,B10:打印回执
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
let that = this;
switch (item.value) {
......@@ -237,6 +239,8 @@ export default {
})
})
break;
case "B10":
break;
case "rm":
this.del()
break;
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-05 15:05:56
* @LastEditTime: 2023-09-12 10:52:24
*/
import { getForm } from "../flowform";
import { getHomeNoticeList } from "@/api/home.js"
......@@ -32,7 +32,6 @@ export default {
}
})
},
//右侧表单选项卡事件
/**
* @description: 右侧表单选项卡事件
* @param {*} activeName
......@@ -40,9 +39,9 @@ export default {
* @author: renchao
*/
beforeLeave (activeName, oldActiveName) {
sessionStorage.setItem('activeName', activeName);
if (activeName && activeName != 0) this.getFromRouter(activeName)
},
//切换选项卡内容组件
/**
* @description: 切换选项卡内容组件
* @param {*} tabname
......
......@@ -210,7 +210,15 @@
box-sizing: border-box;
width: 70px;
margin: 0 5px;
div{
@include flex-center;
cursor: pointer;
flex-direction: column;
margin-right: 15px;
box-sizing: border-box;
width: 70px;
margin: 0 5px;
}
.icon {
font-size: 10px;
}
......@@ -231,4 +239,4 @@
position: absolute;
left: 0;
bottom: 0;
}
\ No newline at end of file
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-30 14:14:55
* @LastEditTime: 2023-09-12 16:39:53
-->
<template>
<div class="container">
......@@ -9,24 +9,38 @@
<div class="topButton">
<!-- 左侧业务功能按钮 -->
<ul>
<li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
<li v-for="(item, index) in leftButtonList" :key="index">
<div v-if="item.value == 'B10'" @click="openPrint()">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</div>
<div v-else @click="operation(item)">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</div>
</li>
</ul>
<!-- 右侧流程按钮 -->
<ul>
<li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index">
<li
@click="operation(item)"
v-for="(item, index) in rightButtonList"
:key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
</ul>
<NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" />
<NoticeBar
class="NoticeBar"
:noticeList="noticeList"
v-if="noticeList.length > 0" />
</div>
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<segmentMenu
v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
@getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -39,20 +53,50 @@
当前流程所在环节:
<span>{{ this.zbhj }}</span>
</div>
<el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick">
<el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
<el-tabs
v-model="tabName"
:before-leave="beforeLeave"
@tab-click="handleClick">
<el-tab-pane
:label="item.name"
:name="item.value"
v-for="item in tabList"
:key="item.value">
</el-tab-pane>
</el-tabs>
<component :key="fresh" :is="componentTag" v-bind="currentSelectProps" />
<div v-show="false">
<div v-if="shows">
<receipt :Receiptdata="Receiptdata" id="boxaaa" />
</div>
</div>
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps" />
</div>
</div>
</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" />
<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" />
</object>
<el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
:on-change="handleChange" :before-upload="beforeUpload">
<el-upload
class="fileUpdate"
action=""
:show-file-list="false"
multiple
:auto-upload="false"
:on-change="handleChange"
:before-upload="beforeUpload">
<el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
</el-upload>
</div>
......@@ -62,27 +106,36 @@
@import "./workFrame.scss";
</style>
<script>
import WorkFlow from "./mixin/index"
import publicFlow from "./mixin/public.js"
import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"
import { getForm } from "./flowform"
import NoticeBar from "@/components/NoticeBar/index"
import printJS from 'print-js'
import WorkFlow from "./mixin/index";
import publicFlow from "./mixin/public.js";
import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
import { getForm } from "./flowform";
import NoticeBar from "@/components/NoticeBar/index";
// import ProcessViewer from "./components/processViewer.vue"
// 引入左侧菜单
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
// 引入左侧菜单
import segmentMenu from "./components/leftmenu/segmentMenu.vue"
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"
import segmentMenu from "./components/leftmenu/segmentMenu.vue";
// 回执单
import receipt from "./components/receipt.vue";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { BatchInit } from "@/api/workflow/cfdjFlow.js";
export default {
components: {
selectBdc,
NoticeBar,
ordinaryMenu,
segmentMenu
segmentMenu,
receipt,
},
mixins: [WorkFlow, publicFlow],
data () {
return {
// printObj: {
// id: "box",
// preview: true,
// },
isDialog: false,
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
......@@ -110,11 +163,13 @@
//页面监听时间
_beforeUnload_time: "",
// 宗地id
bsmZd: ''
}
bsmZd: "",
Receiptdata: {},
shows: false
};
},
mounted () {
this.$store.dispatch('user/refreshPage', false);
this.$store.dispatch("user/refreshPage", false);
//添加页面监听事件
window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
window.addEventListener("unload", (e) => this.unloadHandler(e));
......@@ -126,13 +181,44 @@
window.removeEventListener("unload", (e) => this.unloadHandler(e));
},
methods: {
openPrint () {
// 获取打印回执数据
var formdata = new FormData();
formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("djlx", this.currentSelectProps.djlx);
BatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.Receiptdata = res.result
this.shows = true
setTimeout(() => {
this.prinsss()
}, 100)
}
})
},
prinsss () {
printJS({
printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
},
/**
* @description: getCurrentSelectProps
* @param {*} val
* @author: renchao
*/
getCurrentSelectProps (val) {
this.currentSelectProps = val
this.currentSelectProps = val;
},
/**
* @description: beforeunloadHandler
......@@ -166,13 +252,13 @@
//获取单元对应的所有表单信息
this.tabList = res.result;
//默认加载第一个表单信息
let arr = res.result.filter(item => item.defaultForm)
let arr = res.result.filter((item) => item.defaultForm);
if (arr.length > 0) {
this.tabName = arr[0].value;
} else {
this.tabName = res.result[0].value;
}
this.ableOperation = this.tabList[0].ableOperation
this.ableOperation = this.tabList[0].ableOperation;
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
......@@ -184,26 +270,33 @@
that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
that.clxxTab = item;
}
})
});
}
}
})
});
},
/**
* @description: openDialog
* @author: renchao
*/
openDialog () {
this.$store.dispatch('user/refreshPage', false)
let data = JSON.parse(localStorage.getItem('ywbl'))
let title
this.$store.dispatch("user/refreshPage", false);
let data = JSON.parse(localStorage.getItem("ywbl"));
let title;
if (data?.sqywmc) {
title = "申请业务：" + data?.sqywmc
title = "申请业务：" + data?.sqywmc;
} else {
title = "申请业务：" + data?.djywmc
title = "申请业务：" + data?.djywmc;
}
this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
this.$popupDialog(
title,
"ywbl/ywsq/selectBdc",
{ djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
"80%",
true
);
},
//选项卡切换事件
/**
......@@ -219,13 +312,18 @@
this.ableOperation = this.tabList[a.index].ableOperation;
}
},
}
}
},
};
</script>
<style scoped lang="scss">
@page {
size: auto;
margin: 0mm;
}
.rightContainer {
position: relative;
}
.count {
font-size: 14px;
position: absolute;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-11 13:35:33
* @LastEditTime: 2023-09-13 09:18:13
-->
<template>
<div class="clmlmx-box">
<lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="600" :pagination="false" :data="tableData">
<lb-table :column="column" :key="key" :heightNumSetting="true" :calcHeight="500" :pagination="false" :data="tableData">
</lb-table>
<div class="text-center">
<el-button @click="handleCancel">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="loading" v-if="formData.ableOperation && tableData.length>0">保存</el-button>
<el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
</div>
</div>
</template>
......@@ -32,37 +32,28 @@
loading: false,
column: [
{
width: "50",
label: '序号',
type: 'index'
},
{
prop: "isrequired",
label: "是否必选",
width: "80",
render: (h, scope) => {
if (scope.row.isrequired === "1") {
return (
<div>
<span>必选</span>
</div>
);
}
else {
return (
<div>
<span>可选</span>
</div>
)
width: '50',
renderHeader: (h, scope) => {
return <div> {
<i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
}
</div>
},
render: (h, scope) => {
return (
<div>
{
<i class="el-icon-minus pointer" onClick={() => { this.handleDelete(scope.$index, scope.row) }}></i>
}
</div>
)
}
},
{
label: "材料名称",
render: (h, scope) => {
return (
(this.formData.ableOperation && scope.row.isrequired != '1') ?
<el-input value={scope.row.sjmc} onInput={(val) => { scope.row.sjmc = val }}></el-input> : <span>{scope.row.sjmc}</span>
<el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
)
}
},
......@@ -71,57 +62,30 @@
width: "110",
render: (h, scope) => {
return (
this.formData.ableOperation ?
<el-select value={scope.row.sjlx}
onChange={(val) => { scope.row.sjlx = val }}>
{
store.getters.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select> : <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
<el-select value={scope.row.cllx}
onChange={(val) => { scope.row.cllx = val }}>
{
store.getters.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
},
{
prop: "sjsl",
label: "份数",
width: "50",
render: (h, scope) => {
return (
<div>
{
scope.row.sjsl ?
<span>{scope.row.sjsl}</span> : 1
}
</div>
<el-input value={scope.row.sjsl} onInput={(val) => { scope.row.sjsl = val }}></el-input>
)
}
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
</div>
);
} else {
return (
<div>
<span>未扫描</span>
</div>
);
}
},
},
{
label: "扫描页数",
label: "页数",
width: "80",
render: (h, scope) => {
if (scope.row.count && scope.row.count > 0) {
......@@ -147,7 +111,7 @@
<div>
<el-button
type="text"
disabled={scope.$index == 0 || !this.formData.ableOperation}
disabled={scope.$index == 0}
onClick={() => {
this.moveUpward(scope.$index, scope.row);
}}
......@@ -156,16 +120,13 @@
</el-button>
<el-button
type="text"
disabled={scope.$index + 1 == this.tableData.length || !this.formData.ableOperation}
disabled={scope.$index + 1 == this.tableData.length}
onClick={() => {
this.moveDown(scope.$index, scope.row);
}}
>
下移
</el-button>
<i v-show={scope.row.isrequired != '1' && this.formData.ableOperation} onClick={() => {
this.handleDelete(scope.$index, scope.row);
}} class="el-icon-delete pointer" style="color:#409EFF;margin-left:5px;position: relative;top: 1px;"></i>
</div >
)
}
......@@ -188,6 +149,15 @@
handleCancel () {
ywPopupCacel()
},
handleAdd () {
this.tableData.push({
clmc: '',
cllx: '1',
sjsl: '',
smzt: '',
count: 0
})
},
handleSubmit () {
this.loading = true
updateClml(this.tableData).then(res => {
......@@ -311,25 +281,6 @@
message: '已取消删除'
})
})
},
// 字典
/**
* @description: 字典
* @param {*} val
* @param {*} code
* @author: renchao
*/
dicStatus (val, code) {
let data = store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname;
}
});
return name;
}
}
}
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-11 14:01:06
* @LastEditTime: 2023-09-12 13:46:29
-->
<template>
<div class="rlPopup">
......@@ -11,7 +11,7 @@
<div class="next handle-btn" v-if="!isScan" @click="next()">
<i class="el-icon-arrow-right"></i>
</div>
<div class="img-list-wrap">
<div class="img-list-wrap" v-Loading="loading">
<img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
<div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
<photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
......@@ -34,7 +34,7 @@
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
<div v-if="ableOperation" class="pl-5">
<el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button>
<el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
<el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
</div>
</div>
......@@ -53,7 +53,7 @@
<script>
import PhotoZoom from '@/components/PhotoZoom'
import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
import { uploadBatch, deleteFile } from "@/api/company.js"
import { uploadBatch, deleteFile, move } from "@/api/company.js"
import publicPicture from '@/components/publicPicture/index.vue'
export default {
name: 'PreviewImage',
......@@ -73,6 +73,7 @@
},
data () {
return {
loading: false,
key: 0,
isScan: false,
// 打开高拍仪
......@@ -125,20 +126,41 @@
handleOpenScan () {
this.isScan = !this.isScan
if (this.isScan) {
this.loading = true
this.$message({
message: '正在启动程序请稍等',
type: 'success'
})
setTimeout(() => {
this.scanTitle = '关闭高拍仪'
}, 4000)
this.loading = false
}, 3000)
} else {
this.scanTitle = '打开高拍仪'
}
},
// 左右移动
/**
* @description: 左右移动
* @param {*} direction
* @author: renchao
*/
handleMove (direction) {
move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => {
if (res.code == 200) {
if (direction == 'left') {
this.previewImg.index = this.previewImg.index - 1
} else {
this.previewImg.index = this.previewImg.index + 1
}
this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
this.$message({
message: '移动成功!',
type: 'success'
})
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 拍照
......@@ -270,7 +292,7 @@
}
formData.append("bsmMaterial", this.previewImg.bsmMaterial);
if (this.previewImg.imgList.length > 0) {
formData.append("index", this.previewImg.index + 1);
formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
}
uploadBatch(formData).then((res) => {
if (res.code == 200) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28 09:56:03
* @LastEditTime: 2023-09-12 13:39:20
-->
<template>
<div class="from-clues">
......@@ -349,7 +349,7 @@
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/ .back{
/deep/ .back {
display: inline-block;
font-size: 14px;
width: 20px;
......@@ -358,7 +358,7 @@
line-height: 20px;
margin-right: 4px;
text-align: center;
background-color: rgba(171,12,12,0.1);
color: #B44747;
background-color: rgba(171, 12, 12, 0.1);
color: #b44747;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:25:12
* @LastEditTime: 2023-09-12 09:59:18
-->
<template>
<!-- 受理信息 -->
......@@ -9,7 +9,7 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -365,29 +365,33 @@
import { mapGetters } from "vuex";
export default {
mounted () {
this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
if (this.propsParam.djlx == "400") {
this.isJfOperation = true;
}
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
setTimeout(() => {
this.loading = false
}, 200)
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
}
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
this.$endLoading();
});
}).catch(() => {
this.loading = false
})
},
components: { qlrCommonTable },
computed: {
......@@ -395,6 +399,7 @@
},
data () {
return {
loading: false,
//表单是否可操作
viewEdit: true,
disabled: true,
......@@ -499,8 +504,17 @@
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @author: renchao
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-09-05 15:48:55
* @LastEditTime: 2023-09-12 09:55:25
-->
<template>
<div class="slxx">
......@@ -271,6 +271,9 @@
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
setTimeout(() => {
this.loading = false
}, 200)
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
......@@ -278,19 +281,12 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
setTimeout(() => {
this.loading = false
}, 200)
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
});
})
},
components: { qlrCommonTable, tdytTable, fdcqxmTable, ywrCommonTable },
computed: {
......@@ -353,9 +349,19 @@
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
/**
* @description: 是否持证人变化
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-09-05 15:53:51
* @LastEditTime: 2023-09-12 10:04:14
-->
<template>
<div class="slxx">
......@@ -9,6 +9,7 @@
:model="ruleForm"
:rules="rules"
ref="ruleForm"
v-Loading="loading"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
......@@ -417,6 +418,7 @@
export default {
mixins: [ywmix],
mounted () {
this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -424,6 +426,9 @@
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
setTimeout(() => {
this.loading = false
}, 200)
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
......@@ -431,16 +436,14 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
});
}).catch(() => {
this.loading = false
})
},
components: { qlrCommonTable, tdytTable, ywrCommonTable },
computed: {
......@@ -448,6 +451,7 @@
},
data () {
return {
loading: false,
mjdw: "1",
// 键名转换，方法默认是label和children进行树状渲染
normalizer (node) {
......@@ -507,6 +511,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
// 是否持证人变化
/**
......@@ -593,6 +606,7 @@
});
}
}
this.$store.dispatch("user/refreshPage", false);
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
......@@ -606,10 +620,10 @@
showClose: true,
message: res.message,
type: "error",
});
})
}
});
},
})
}
},
};
</script>
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-17 13:46:51
* @LastEditTime: 2023-09-12 09:56:07
-->
<template>
<div class="slxx">
<el-form
:model="ruleForm"
:rules="rules"
v-Loading="loading"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -54,8 +54,7 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -116,8 +115,7 @@
<el-input
disabled
v-model.number="ruleForm.fdcq2.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -133,15 +131,13 @@
<el-input
disabled
v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -153,15 +149,13 @@
<el-input
disabled
v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -173,15 +167,13 @@
<el-input
disabled
v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -195,8 +187,7 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -206,8 +197,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -220,8 +210,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -229,20 +218,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -252,8 +238,7 @@
@upDateQlrxxList="upDateQlrxxList"
:disabled="!viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -267,8 +252,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq2.djyy"
>
v-model="ruleForm.fdcq2.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -283,335 +267,338 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.zdjbxxdatas,
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
mjdw: "1",
//表单是否可操作
viewEdit: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
flow: {
ywh: "",
},
slry: "",
slsj: "",
qllx: "",
djlx: "",
djqx: "",
sldy: {
gyfs: "",
},
// 宗地代码
zddm: "",
bdcdyh: "",
qlxzmc: "",
qlrxx: [],
// 自然幢号
zrzh: "",
// 户不动产单元号
hbdcdyh: "",
djzt: "",
// 图幅丘幢号
tfqzh: "",
zl: "",
// 房屋用途
fwyt: "",
fwxz: "",
fwjg: "",
// 权利人信息
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: "",
// 规划用途名称
zdjbxx: {
ghytmc: "",
},
fdcq2: {
fwxzmc: "",
},
slsq: {
gyfs: "",
},
},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
/**
* @description: dataSelectClick
* @author: renchao
*/
dataSelectClick() {
this.$popup(
"房屋所有权",
this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
{
formData: {
bsmSldy: this.propsParam.bsmSldy,
qllx: this.propsParam.qllx,
},
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.loading = true
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
setTimeout(() => {
this.loading = false
}, 200)
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.zdjbxxdatas,
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
this.czrOptions = this.ruleForm.qlrList;
}
);
},
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
}).catch(() => {
this.loading = false
})
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
data () {
return {
loading: false,
mjdw: "1",
//表单是否可操作
viewEdit: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
flow: {
ywh: "",
},
slry: "",
slsj: "",
qllx: "",
djlx: "",
djqx: "",
sldy: {
gyfs: "",
},
// 宗地代码
zddm: "",
bdcdyh: "",
qlxzmc: "",
qlrxx: [],
// 自然幢号
zrzh: "",
// 户不动产单元号
hbdcdyh: "",
djzt: "",
// 图幅丘幢号
tfqzh: "",
zl: "",
// 房屋用途
fwyt: "",
fwxz: "",
fwjg: "",
// 权利人信息
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: "",
// 规划用途名称
zdjbxx: {
ghytmc: "",
},
fdcq2: {
fwxzmc: "",
},
slsq: {
gyfs: "",
},
},
//传递参数
propsParam: {},
rules: {},
};
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
methods: {
/**
* @description: dataSelectClick
* @author: renchao
*/
dataSelectClick () {
this.$popup(
"房屋所有权",
this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
{
formData: {
bsmSldy: this.propsParam.bsmSldy,
qllx: this.propsParam.qllx,
},
}
);
},
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
message: "土地用途不能为空",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare() {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: "FDCQ2",
},
"80%",
true
);
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare () {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: "FDCQ2",
},
"80%",
true
);
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
......@@ -11,8 +11,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="130px"
>
label-width="130px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -40,16 +39,14 @@
<el-form-item label="权利类型：">
<el-input
disabled
v-model="ruleForm.sldyList[0].qllxmc"
></el-input>
v-model="ruleForm.sldyList[0].qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.sldyList.length > 0">
<el-form-item label="登记类型：">
<el-input
disabled
v-model="ruleForm.sldyList[0].djlxmc"
></el-input>
v-model="ruleForm.sldyList[0].djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -70,14 +67,12 @@
<el-select
disabled
v-model="ruleForm.zdjbxx.mjdw"
style="width: 68px"
>
style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
......@@ -151,8 +146,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldyList[0].gyfs"
>
v-model="ruleForm.sldyList[0].gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -166,8 +160,7 @@
<el-radio-group
v-model="ruleForm.sldyList[0].sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -178,20 +171,17 @@
v-if="
ruleForm.sldyList[0].gyfs != 0 &&
ruleForm.sldyList[0].sqfbcz == '0'
"
>
">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
></el-option>
:value="item.zjh"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -200,8 +190,7 @@
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldyList[0].gyfs"
/>
:gyfs="ruleForm.sldyList[0].gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -215,8 +204,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq2List[0].djyy"
>
v-model="ruleForm.fdcq2List[0].djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -231,296 +219,296 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import {
BatchInit,
Init,
saveBatchData,
saveData,
} from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
computed: {
...mapGetters(["dictData", "flag"]),
},
components: { qlrCommonTable },
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
data() {
return {
disabled: true,
tdytOption: [],
ruleForm: {
cfdjList: [], //查封登记
diyaqList: [], //抵押权
fdcq2List: [], //房屋信息集合
qlrList: [], //权利人
ywrList: [], //义务人
qlxxList: [], //权利信息集合
sldyList: [], //受理不动产单元集合
slsq: {}, //受理申请流程明细
flow: {}, //受理申请流程明细
sqrList: [], //申请人
ssQlxxList: [], //上手权利信息
user: {}, //用户
zdjbxx: {}, //宗地基本信息
},
czrOptions: [],
czr: "",
//传递参数
propsParam: this.$attrs,
//表单是否可操作
viewEdit: true,
rules: {},
gyfs: "",
bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
splicingFdcq2: {
//前端根据后台数组组装展示内容
tdxz: "", //土地性质
fwxz: "", //房屋性质
fwjg: "", //房屋结构
jzmj: "", //建筑面积
zts: "", //房屋总套数
},
};
},
mounted(callbackfn, thisArg) {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("isEdit", this.viewEdit);
BatchInit(formdata).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.gyfs = this.ruleForm.sldyList[0].gyfs;
this.splicingFdcq2Info();
}
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
});
},
methods: {
//组装房地产权通用信息
/**
* @description: 组装房地产权通用信息
* @author: renchao
*/
splicingFdcq2Info() {
let fdcq2List = this.ruleForm.fdcq2List;
let fwxzArr = [];
let fwjgArr = [];
let jzmj = 0;
fdcq2List.forEach((fdcq2) => {
fwxzArr.push(fdcq2.fwxzmc);
fwjgArr.push(fdcq2.fwjgmc);
jzmj += parseFloat(fdcq2.jzmj);
});
//将数据转为字符串
//房屋性质
let fwxz = Array.from(new Set(fwxzArr)).join(",");
//房屋结构
let fwjg = Array.from(new Set(fwjgArr)).join(",");
this.splicingFdcq2.fwxz = fwxz;
this.splicingFdcq2.fwjg = fwjg;
this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
this.splicingFdcq2.zts = fdcq2List.length;
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import {
BatchInit,
Init,
saveBatchData,
saveData,
} from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
computed: {
...mapGetters(["dictData", "flag"]),
},
components: { qlrCommonTable },
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldyList[0].gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
data () {
return {
disabled: true,
tdytOption: [],
ruleForm: {
cfdjList: [], //查封登记
diyaqList: [], //抵押权
fdcq2List: [], //房屋信息集合
qlrList: [], //权利人
ywrList: [], //义务人
qlxxList: [], //权利信息集合
sldyList: [], //受理不动产单元集合
slsq: {}, //受理申请流程明细
flow: {}, //受理申请流程明细
sqrList: [], //申请人
ssQlxxList: [], //上手权利信息
user: {}, //用户
zdjbxx: {}, //宗地基本信息
},
czrOptions: [],
czr: "",
//传递参数
propsParam: this.$attrs,
//表单是否可操作
viewEdit: true,
rules: {},
gyfs: "",
bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
splicingFdcq2: {
//前端根据后台数组组装展示内容
tdxz: "", //土地性质
fwxz: "", //房屋性质
fwjg: "", //房屋结构
jzmj: "", //建筑面积
zts: "", //房屋总套数
},
};
},
mounted (callbackfn, thisArg) {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("isEdit", this.viewEdit);
BatchInit(formdata).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.gyfs = this.ruleForm.sldyList[0].gyfs;
this.splicingFdcq2Info();
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
});
},
methods: {
//组装房地产权通用信息
/**
* @description: 组装房地产权通用信息
* @author: renchao
*/
splicingFdcq2Info () {
let fdcq2List = this.ruleForm.fdcq2List;
let fwxzArr = [];
let fwjgArr = [];
let jzmj = 0;
fdcq2List.forEach((fdcq2) => {
fwxzArr.push(fdcq2.fwxzmc);
fwjgArr.push(fdcq2.fwjgmc);
jzmj += parseFloat(fdcq2.jzmj);
});
//将数据转为字符串
//房屋性质
let fwxz = Array.from(new Set(fwxzArr)).join(",");
//房屋结构
let fwjg = Array.from(new Set(fwjgArr)).join(",");
this.splicingFdcq2.fwxz = fwxz;
this.splicingFdcq2.fwjg = fwjg;
this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj;
this.splicingFdcq2.zts = fdcq2List.length;
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldyList[0].sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldyList[0].gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sldyList[0].sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
}
}
saveBatchData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
saveBatchData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
......@@ -12,8 +12,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -44,14 +43,12 @@
v-model="ruleForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
placeholder="请选择权利类型">
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -63,14 +60,12 @@
v-model="ruleForm.djlx"
filterable
clearable
placeholder="请选择登记类型"
>
placeholder="请选择登记类型">
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -120,8 +115,7 @@
v-for="item in djztList"
:key="item.value"
:label="item.label"
:value="item.value"
>
:value="item.value">
</el-option>
</el-select>
</el-form-item>
......@@ -164,8 +158,7 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
/>
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -186,8 +179,7 @@
<el-radio-group
v-model="ruleForm.sffbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
......@@ -195,20 +187,17 @@
</el-col>
<el-col
:span="5"
v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
>
v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
:value="item.value">
</el-option>
</el-select>
</el-form-item>
......@@ -217,8 +206,7 @@
<qlrCommonTable
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.gyfs"
:disabled="viewEdit"
/>
:disabled="viewEdit" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -232,8 +220,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.djyy"
>
v-model="ruleForm.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -248,114 +235,18 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.zdjbxxdatas,
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
this.czrOptions = this.ruleForm.qlrList;
}
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
ywh: "",
slry: "",
slsj: "",
qllx: "",
djlx: "",
djqx: "",
// 宗地代码
zddm: "",
bdcdyh: "",
qlxzmc: "",
qlrxx: [],
// 自然幢号
zrzh: "",
// 户不动产单元号
ghytmc: "",
djzt: "",
// 图幅丘幢号
tfqzh: "",
zl: "",
// 房屋用途
fwyt: "",
fwxz: "",
fwjg: "",
// 权利人信息
gyfs: "1",
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: "",
},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: list
* @param {*} bsmSldy
* @author: renchao
*/
list(bsmSldy) {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
formdata.append("isEdit", this.viewEdit);
formdata.append("bsmSldy", this.propsParam.bsmSldy);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
......@@ -364,159 +255,255 @@ export default {
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
this.czrOptions = this.ruleForm.qlrList;
}
});
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
//表单是否可操作
viewEdit: false,
disabled: true,
tdytOption: [],
czrOptions: [],
czr: "",
ruleForm: {
ywh: "",
slry: "",
slsj: "",
qllx: "",
djlx: "",
djqx: "",
// 宗地代码
zddm: "",
bdcdyh: "",
qlxzmc: "",
qlrxx: [],
// 自然幢号
zrzh: "",
// 户不动产单元号
ghytmc: "",
djzt: "",
// 图幅丘幢号
tfqzh: "",
zl: "",
// 房屋用途
fwyt: "",
fwxz: "",
fwjg: "",
// 权利人信息
gyfs: "1",
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: "",
},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: list
* @param {*} bsmSldy
* @author: renchao
*/
list (bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = {
...res.result,
...res.result.zdjbxxdatas,
...res.result.qlxxdatas,
...res.result.jsydsyqdatas,
};
}
});
return false;
}
if (this.ruleForm.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
message: "土地用途不能为空",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
}
}
fristReg(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
console.log(res);
//this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
fristReg(this.ruleForm).then((res) => {
if (res.code === 200 && res.result) {
console.log(res);
//this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 13:41:37
* @LastEditTime: 2023-09-11 16:28:26
-->
<template>
<!-- 受理信息 -->
......@@ -264,7 +264,7 @@
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList, this.czr);
}
});
......@@ -319,6 +319,15 @@
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrList;
this.key++;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
// 是否持证人变化
/**
......
......@@ -13,8 +13,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -56,8 +55,7 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -104,15 +102,13 @@
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
disabled
></el-input>
disabled></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw" disabled>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -133,8 +129,7 @@
maxlength="500"
show-word-limit
v-model="ruleForm.jsydsyq.fj"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -145,8 +140,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
:ableOperation="viewEdit"
@upDateTdytxxList="upDateTdytxxList"
/>
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -156,8 +150,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -170,8 +163,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -179,20 +171,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -202,8 +191,7 @@
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -217,8 +205,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.jsydsyq.djyy"
>
v-model="ruleForm.jsydsyq.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -233,191 +220,191 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
mixins: [ywmix],
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
}
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
}
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
this.$endLoading();
});
this.$endLoading();
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: false,
disabled: true,
czrOptions: [],
czr: "",
ruleForm: {
slywxx: {},
qlxx: {},
zdjbxx: {},
jsydsyq: {},
},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
data () {
return {
//表单是否可操作
viewEdit: false,
disabled: true,
czrOptions: [],
czr: "",
ruleForm: {
slywxx: {},
qlxx: {},
zdjbxx: {},
jsydsyq: {},
},
//传递参数
propsParam: {},
rules: {},
};
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
message: "土地用途不能为空",
type: "error",
});
return false;
}
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
methods: {
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
message: "土地用途不能为空",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare() {
console.log("this.ruleForm", this.ruleForm);
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: "JSYDSYQ",
},
"80%",
true
);
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare () {
console.log("this.ruleForm", this.ruleForm);
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: "JSYDSYQ",
},
"80%",
true
);
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -340,7 +340,7 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
//初始化发证方式，1：小证，2：大正
......@@ -348,7 +348,7 @@
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.lq.zlnd ? this.$set(this.ruleForm.lq,'zlnd',this.ruleForm.lq.zlnd.toString()) : this.$set(this.ruleForm.lq,'zlnd',"")
this.ruleForm.lq.zlnd ? this.$set(this.ruleForm.lq, 'zlnd', this.ruleForm.lq.zlnd.toString()) : this.$set(this.ruleForm.lq, 'zlnd', "")
setTimeout(() => {
this.loading = false
}, 200)
......@@ -367,7 +367,7 @@
czrOptions: [],
czr: "",
ruleForm: {
lq:{
lq: {
},
flow: {
ywh: "",
......@@ -420,7 +420,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
/**
* @description: 更新业务人信息
......
......@@ -8,8 +8,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -112,14 +111,12 @@
:disabled="!viewEdit"
class="width100"
filterable
clearable
>
clearable>
<el-option
v-for="item in dictData['A45']"
:key="item.dname"
:label="item.dname"
:value="item.dname"
>
:value="item.dname">
</el-option>
</el-select>
</el-form-item>
......@@ -146,14 +143,12 @@
class="width100"
filterable
clearable
@change="changeSyttlx"
>
@change="changeSyttlx">
<el-option
v-for="item in dictData['A23']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -166,14 +161,12 @@
class="width100"
filterable
clearable
@change="changeYzyfs"
>
@change="changeYzyfs">
<el-option
v-for="item in dictData['A24']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -182,8 +175,7 @@
<el-form-item label="草原质量：">
<el-input
v-model="ruleForm.nydsyq.cyzl"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -193,8 +185,7 @@
<el-input
v-model="ruleForm.nydsyq.syzcl"
:disabled="!viewEdit"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -205,14 +196,12 @@
:disabled="!viewEdit"
filterable
clearable
@change="changeYdyhfl"
>
@change="changeYdyhfl">
<el-option
v-for="item in dictData['A51']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -221,8 +210,7 @@
<el-form-item label="土地承包合同：">
<el-input
v-model="ruleForm.nydsyq.tdcbht"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -234,8 +222,7 @@
maxlength="500"
show-word-limit
v-model="ruleForm.nydsyq.fj"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -248,8 +235,7 @@
<el-form-item label="共有方式：">
<el-radio-group
v-model="ruleForm.sldy.gyfs"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -262,8 +248,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -271,20 +256,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -294,8 +276,7 @@
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
家庭成员
<div class="triangle"></div>
......@@ -304,8 +285,7 @@
:tableData="ruleForm.jtcyList"
@upDateJtcyList="upDateJtcyList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -319,8 +299,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.nydsyq.djyy"
>
v-model="ruleForm.nydsyq.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -335,208 +314,208 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import JtcyTable from "@/views/workflow/components/JtcyTable";
export default {
mixins: [ywmix],
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import JtcyTable from "@/views/workflow/components/JtcyTable";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
this.$endLoading();
});
this.$endLoading();
});
},
components: { qlrCommonTable, JtcyTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
disabled: true,
//持证人选项
czrOptions: [],
czr: "",
ruleForm: {
zdjbxx: {
ghytmc: "",
},
components: { qlrCommonTable, JtcyTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
disabled: true,
//持证人选项
czrOptions: [],
czr: "",
ruleForm: {
zdjbxx: {
ghytmc: "",
},
},
},
//传递参数
propsParam: {},
//表单是否可操作
viewEdit: true,
rules: {},
};
},
methods: {
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
//传递参数
propsParam: {},
//表单是否可操作
viewEdit: true,
rules: {},
};
},
methods: {
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: upDateQlrxxList
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: upDateJtcyList
* @param {*} val
* @author: renchao
*/
upDateJtcyList(val) {
this.ruleForm.jtcyList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: upDateQlrxxList
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: upDateJtcyList
* @param {*} val
* @author: renchao
*/
upDateJtcyList (val) {
this.ruleForm.jtcyList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: 水域滩涂类型变化事件
* @param {*} e
* @author: renchao
*/
changeSyttlx(e) {
let itemLx = {};
itemLx = this.dictData["A23"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
},
/**
* @description: 养殖业方式变化事件
* @param {*} e
* @author: renchao
*/
changeYzyfs(e) {
let itemLx = {};
itemLx = this.dictData["A24"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
},
/**
* @description: 用地用海变化事件
* @param {*} e
* @author: renchao
*/
changeYdyhfl(e) {
let itemLx = {};
itemLx = this.dictData["A51"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
/**
* @description: 水域滩涂类型变化事件
* @param {*} e
* @author: renchao
*/
changeSyttlx (e) {
let itemLx = {};
itemLx = this.dictData["A23"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
},
/**
* @description: 养殖业方式变化事件
* @param {*} e
* @author: renchao
*/
changeYzyfs (e) {
let itemLx = {};
itemLx = this.dictData["A24"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
},
/**
* @description: 用地用海变化事件
* @param {*} e
* @author: renchao
*/
changeYdyhfl (e) {
let itemLx = {};
itemLx = this.dictData["A51"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -347,7 +347,7 @@
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
this.$endLoading();
......@@ -456,6 +456,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
// 是否持证人变化
/**
......
......@@ -337,7 +337,7 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
//初始化发证方式，1：小证，2：大正
......@@ -359,10 +359,10 @@
czrOptions: [],
czr: "",
ruleForm: {
lq:{
zlnd:"",
ldsyqssj:"",
ldsyjssj:""
lq: {
zlnd: "",
ldsyqssj: "",
ldsyjssj: ""
},
flow: {
ywh: "",
......@@ -406,7 +406,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
// 是否持证人变化
/**
......
......@@ -375,7 +375,7 @@
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
});
......@@ -429,7 +429,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrList;
this.key++;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
// 更新义务人信息
/**
......
......@@ -340,8 +340,8 @@
},
//传递参数
propsParam: this.$attrs,
rules: {},
};
rules: {}
}
},
methods: {
/**
......@@ -352,6 +352,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
/**
* @description: 更新业务人信息
......
......@@ -225,7 +225,7 @@
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.zjh
}
});
}
......@@ -270,6 +270,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
/**
* @description: 是否持证人变化
......
......@@ -130,22 +130,20 @@
<el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item
label="是否禁止或者限制转让的约定："
label-width="200px"
>
label-width="200px">
<el-radio-group
v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="!viewEdit || isJfOperation"
>
:disabled="!viewEdit">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="被担保主债权数额：">
<div class="flex">
......@@ -320,14 +318,14 @@
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
that.czrOptions = this.ruleForm.qlrList;
that.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
that.czr = item.zjh;
}
});
setTimeout(() => {
this.loading = false
that.loading = false
}, 200)
}
})
......@@ -360,6 +358,15 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.num = 0
this.ruleForm.qlrList.forEach(item => {
if (item.zjh == this.czr) {
this.num++
}
})
if (this.num == 0) {
this.czr = ''
}
},
/**
* @description: 义务人信息
......
......@@ -5,8 +5,7 @@
class="loadingtext"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px"
>
label-width="140px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -34,16 +33,14 @@
<el-form-item label="权利类型：">
<el-input
disabled
v-model="ruleForm.sldyList[0].qllxmc"
></el-input>
v-model="ruleForm.sldyList[0].qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input
disabled
v-model="ruleForm.sldyList[0].djlxmc"
></el-input>
v-model="ruleForm.sldyList[0].djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -54,8 +51,7 @@
</el-row>
<div
class="slxx_title title-block"
v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
>
v-if="ruleForm.hlist && ruleForm.hlist.length > 0">
抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
<div class="triangle"></div>
</div>
......@@ -66,8 +62,7 @@
</div>
<el-row
:gutter="10"
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
>
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
<el-col :span="8">
<el-form-item label="抵押方式：">
<el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
......@@ -80,8 +75,7 @@
<el-form-item label="抵押金额类型：">
<el-radio-group
v-model="ruleForm.diyaqList[0].dyjelx"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-radio label="0">独立抵押</el-radio>
<el-radio label="1">整体抵押</el-radio>
</el-radio-group>
......@@ -90,12 +84,10 @@
<el-col :span="8">
<el-form-item
label="是否存在禁止或者限制转让抵押不动产的约定："
label-width="350px"
>
label-width="350px">
<el-radio-group
v-model="ruleForm.diyaqList[0].sfczjzhxz"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
......@@ -105,24 +97,20 @@
<el-row
:gutter="10"
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
>
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
<el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
<el-form-item label="被担保主债权数额：">
<el-input
v-model="ruleForm.diyaqList[0].bdbzzqse"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
<el-select
v-model="ruleForm.diyaqList[0].jedw"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -132,18 +120,15 @@
<el-form-item label="最高债权额：">
<el-input
v-model="ruleForm.diyaqList[0].zgzqse"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
<el-select
v-model="ruleForm.diyaqList[0].jedw"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -154,8 +139,7 @@
<el-date-picker
v-model="ruleForm.diyaqList[0].zwlxqssj"
:disabled="!viewEdit"
type="date"
>
type="date">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -164,8 +148,7 @@
<el-date-picker
v-model="ruleForm.diyaqList[0].zwlxjssj"
:disabled="!viewEdit"
type="date"
>
type="date">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -176,8 +159,7 @@
<el-form-item label="担保范围：">
<el-input
v-model="ruleForm.diyaqList[0].dbfw"
:disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
></el-input>
:disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -186,8 +168,7 @@
<el-form-item label="最高债权确定事实和数额：">
<el-input
v-model="ruleForm.diyaqList[0].zgzqqdss"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -199,8 +180,7 @@
maxlength="500"
show-word-limit
v-model="ruleForm.diyaqList[0].fj"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -211,14 +191,12 @@
</div>
<el-row
:gutter="10"
v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
>
v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldyList[0].gyfs"
>
v-model="ruleForm.sldyList[0].gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -232,8 +210,7 @@
<el-radio-group
v-model="ruleForm.sldyList[0].sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
......@@ -244,20 +221,17 @@
v-show="
ruleForm.sldyList[0].gyfs != '0' &&
ruleForm.sldyList[0].sqfbcz == '0'
"
>
">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
:value="item.value">
</el-option>
</el-select>
</el-form-item>
......@@ -268,8 +242,7 @@
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldyList[0].gyfs"
/>
:gyfs="ruleForm.sldyList[0].gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
......@@ -277,8 +250,7 @@
<qlrCommonTable
:tableData="ruleForm.ywrList"
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
/>
:disabled="viewEdit" />
<div class="slxx_title title-block">
登记原因
......@@ -286,20 +258,17 @@
</div>
<el-row
:gutter="10"
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
>
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
<el-col>
<el-form-item
v-if="ruleForm.sldyList[0].djlx == '400'"
label="注销抵押原因："
prop="djyy"
>
prop="djyy">
<el-input
class="textArea"
type="textarea"
:disabled="!viewEdit"
v-model="ruleForm.diyaqList[0].zxdyyy"
>
v-model="ruleForm.diyaqList[0].zxdyyy">
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因：" prop="djyy">
......@@ -309,8 +278,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.diyaqList[0].djyy"
>
v-model="ruleForm.diyaqList[0].djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -325,163 +293,163 @@
</div>
</template>
<script>
import qjhTable from "@/views/workflow/components/qjhTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
import qjhTable from "@/views/workflow/components/qjhTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
bacthInit(formdata).then((res) => {
this.$endLoading();
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
} else {
this.$message.error(res.message);
}
});
},
components: { qlrCommonTable, qjhTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
tableData: [],
};
},
methods: {
/**
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认抵押权人信息",
type: "error",
});
return false;
}
if (ruleForm.sldyList[0].gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
this.$startLoading();
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
bacthInit(formdata).then((res) => {
this.$endLoading();
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
return false;
} else {
this.$message.error(res.message);
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
});
},
components: { qlrCommonTable, qjhTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
tableData: [],
};
},
methods: {
/**
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认抵押权人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldyList[0].sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (ruleForm.sldyList[0].gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sldyList[0].sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
}
saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
});
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -8,8 +8,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px"
>
label-width="140px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -63,8 +62,7 @@
placeholder=""
:normalizer="normalizer"
:show-count="true"
:options="dictData['A17']"
/>
:options="dictData['A17']" />
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -131,12 +129,10 @@
<el-col :span="16">
<el-form-item
label="是否存在禁止或者限制转让抵押不动产的约定："
label-width="350px"
>
label-width="350px">
<el-radio-group
v-model="ruleForm.diyaq.sfczjzhxz"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
......@@ -149,15 +145,13 @@
<el-form-item label="被担保主债权数额：">
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
<el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -167,15 +161,13 @@
<el-form-item label="最高债权额：">
<el-input
v-model="ruleForm.diyaq.zgzqse"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
<el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -186,8 +178,7 @@
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
:disabled="!viewEdit"
type="date"
>
type="date">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -196,8 +187,7 @@
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
:disabled="!viewEdit"
type="date"
>
type="date">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -208,8 +198,7 @@
<el-form-item label="担保范围：">
<el-input
v-model="ruleForm.diyaq.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -218,8 +207,7 @@
<el-form-item label="最高债权确定事实和数额：">
<el-input
v-model="ruleForm.diyaq.zgzqqdss"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -231,8 +219,7 @@
maxlength="500"
show-word-limit
v-model="ruleForm.diyaq.fj"
:disabled="!viewEdit"
></el-input>
:disabled="!viewEdit"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -246,8 +233,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -260,8 +246,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -269,20 +254,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -292,8 +274,7 @@
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
......@@ -301,8 +282,7 @@
<qlrCommonTable
:tableData="ruleForm.ywrList"
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
/>
:disabled="viewEdit" />
<div class="slxx_title title-block">
登记原因
......@@ -313,14 +293,12 @@
<el-form-item
v-if="ruleForm.sldy.djlx == '400'"
label="注销抵押原因："
prop="djyy"
>
prop="djyy">
<el-input
class="textArea"
type="textarea"
:disabled="!viewEdit"
v-model="ruleForm.diyaq.zxdyyy"
>
v-model="ruleForm.diyaq.zxdyyy">
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因：" prop="djyy">
......@@ -330,8 +308,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.diyaq.djyy"
>
v-model="ruleForm.diyaq.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -346,171 +323,171 @@
</div>
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
});
this.$endLoading();
}
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
// 键名转换，方法默认是label和children进行树状渲染
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
};
},
methods: {
/**
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.zjh
}
});
return false;
this.$endLoading();
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (this.ruleForm.qlrList.length <= 1) {
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr: "",
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
// 键名转换，方法默认是label和children进行树状渲染
normalizer (node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
};
},
methods: {
/**
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message: "请确认权利人信息",
type: "error",
});
return false;
}
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
if (this.ruleForm.sldy.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
} else {
if (!that.czr) {
that.$message({
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "请选择持证人",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
}
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
//是否分别持证
if (this.ruleForm.sldy.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
});
} else {
if (!that.czr) {
that.$message({
showClose: true,
message: "请选择持证人",
type: "error",
});
return false;
}
});
}
}
saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == that.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
});
},
saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow () {
this.czr = "";
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28 15:38:25
* @LastEditTime: 2023-09-12 13:39:30
-->
<template>
<div class="from-clues">
......@@ -240,9 +240,9 @@
);
window.open(href, `workFrameView${item.bsmSlsq}`);
}
},
},
};
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -83,32 +83,19 @@
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="土地证号">
<el-input placeholder="请输入土地证号" v-model="querydzForm.bdcqzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="土地坐落">
<el-form-item label="坐落">
<el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="项目名称">
<el-input placeholder="请输入项目名称" v-model="querydzForm.xmmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="18" class="btnColRight">
<el-col :span="10" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="resetForm(true)">重置</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content loadingtext">
......@@ -310,6 +297,11 @@
this.bdcdysz = val;
}
},
/**
* @description: handleLpbClick
* @param {*} item
* @author: renchao
*/
handleLpbClick (item) {
ywPopupDialog('楼盘表', 'lpb/index', {
bsm: item.bsm,
......@@ -317,17 +309,6 @@
scyclx:1
}, '85%', true,false)
},
handleSelectionChange (val) {
if (this.sqywInfo.sqywdylx == "1") {
if (val.length > 1) {
this.bdcdysz = [...val[val.length - 1]];
} else {
this.bdcdysz = val;
}
} else {
this.bdcdysz = val;
}
},
/**
* @description: select
* @param {*} selection
......
......@@ -38,7 +38,6 @@ class data extends filter {
render: (h, scope) => {
return (
<div>
{/*<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>*/}
<span v-show={scope.row.qqzt == 1}>已确权</span>
<span v-show={scope.row.qqzt == 0}>未确权</span>
</div>
......@@ -47,10 +46,11 @@ class data extends filter {
},
{
prop: "tdzh",
width: '150',
label: "土地证号",
},
{
width: '100',
width: '120',
label: "权利类型",
render: (h, scope) => {
return (
......@@ -135,13 +135,12 @@ class data extends filter {
},
{
label: '操作',
width: '160',
width: '120',
align: 'center',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-film" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
......@@ -191,24 +190,18 @@ class data extends filter {
},
{
prop: "tdzh",
width: '150',
label: "土地证号",
},
{
prop: "qllxmc",
width: '120',
label: "权利类型",
},
{
prop: "xmmc",
label: "项目名称",
},
// {
// prop: "zrzh",
// label: "自然幢号",
// },
// {
// prop: "jzwmc",
// label: "建筑物名称",
// },
{
label: "土地/房屋性质",
render: (h, scope) => {
......@@ -220,7 +213,7 @@ class data extends filter {
}
},
{
label: "面积",
label: "土地/房屋面积",
render: (h, scope) => {
return (
<div>
......@@ -239,29 +232,19 @@ class data extends filter {
)
}
},
// {
// prop: "zcs",
// label: "总层数",
// width: '70',
// },
// {
// prop: "zts",
// label: "总套数",
// width: '70',
// },
{
prop: "zl",
label: "多幢坐落",
},
{
label: '操作',
width: '80',
width: '120',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>自然幢</el-button>
</div>
)
}
......