Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9d6ff291 by yangwei
Options

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

2 parents f7850adc dcd332d3
Expand all
Inline Side-by-side
Showing 24 changed files with 977 additions and 382 deletions
import request from '@/utils/request'
import SERVER from './config'
// 获取家庭房产列表
export function getJtfcPage (data) {
// 获取申请查询列表
export function getSqcxPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage',
method: 'post',
data
})
}
// 获取房屋明细列表
export function getFwmxPage (data) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage',
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getSqcxPage',
method: 'post',
data
})
......@@ -45,6 +36,15 @@ export function getJtfcInfo (params) {
})
}
// 获取房屋明细记录详细信息
export function getFwmxInfo (params) {
return request({
url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxInfo/',
method: 'get',
params
})
}
// 打印家庭房产
export function printJtcfInfo (data) {
return request({
......
......@@ -134,6 +134,7 @@ export default {
.ls-title {
padding: 16px;
color: #ffffff;
font-size: 16px;
background: linear-gradient(3deg, #409EFF, #a7cbee);
}
......
......@@ -135,6 +135,7 @@ export default {
padding: 16px;
color: #ffffff;
background: linear-gradient(3deg, #409EFF, #a7cbee);
font-size: 16px;
}
.ls-title .svg-icon {
......
......@@ -5,7 +5,10 @@
<el-step title="结果查询"></el-step>
<el-step title="结果展示"></el-step>
</el-steps>
<div class="jtfccx-edit" v-show="!isSearch">
<div v-if="isSearch">
<dydjbInfo ref="dydjbInfo"/>
</div>
<div class="jtfccx-edit" v-else>
<div class="jtfccx-edit-con">
<b class="title"></b>
<el-form :model="form" label-width="120px">
......@@ -31,6 +34,7 @@
</el-col>
</el-row>
</el-form>
<b class="title">申请人</b>
<lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
......@@ -45,14 +49,11 @@
</div>
</div>
</div>
<div>
<dydjbInfo v-show="isSearch"/>
</div>
</dialogBox>
</template>
<script>
import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx";
import { addFwmxCxjgXx, getFwmxInfo,printJtcfInfo } from "@/api/sqcx";
import { getPrintTemplateByCode } from "@/api/system";
import { datas, sendThis } from "./dydjbdata";
import { getLodop } from "@/utils/LodopFuncs"
......@@ -68,7 +69,7 @@ export default {
sqcxBsm: { type: String, default: "" },
},
mounted () {
sendThis(this);
},
data () {
return {
......@@ -143,11 +144,14 @@ export default {
//加载详细信息
loadData () {
this.$startLoading();
getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.isSearch = true;
this.activeStep = 2;
this.isSearch = true;
this.$nextTick(() => {
this.$refs.dydjbInfo.setResult(res.result)
})
}
});
},
......@@ -158,9 +162,11 @@ export default {
addFwmxCxjgXx(this.form).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
this.activeStep = 2;
this.isSearch = true;
this.$nextTick(() => {
this.$refs.dydjbInfo.setResult(res.result)
})
this.$parent.queryClick();
}
});
......
<template>
<div>
<!-- 界面后期调整开发，报表开发，目前先放一张图片 -->
<el-form :model="ruleForm" label-width="120px">
<el-row>
<el-col :span="6">
<img :src="imgUrl" alt="" srcset="" />
<!-- <el-form-item label="查询时间：">
{{ ruleForm.cxsj }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：">
{{ ruleForm.bdcdyh }}
</el-form-item> -->
</el-col>
</el-row>
<el-row>
</el-row>
</el-form>
</div>
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title"></b>
<b class="title">房屋状况</b>
<lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">土地状况</b>
<lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">权属状况</b>
<lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">抵押登记</b>
<lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">预告登记</b>
<lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">查封状况</b>
<lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">异议登记</b>
<lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
</div>
</div>
</template>
<script>
import imgPath from "./djbyb.png"
import { datas, sendThis } from "./infodata";
import { getFwmxInfo } from "@/api/sqcx";
export default {
props: ["formData"],
created () {
var sqcxdata = this.formData.sqcxdata;
this.ruleForm = sqcxdata;
props: {
formData: {
type: Object,
default: () => {},
},
},
data () {
return {
ruleForm: {
cxsj: "",
bdcdyh: "",
},
imgUrl: imgPath,
//房屋列表字段
fwColumns: datas.fwCol(),
//土地列表字段
tdColumns: datas.tdCol(),
//权属状况列表字段
qszkColumns: datas.columns(),
//抵押登记列表字段
diyaColumns: datas.diyaCol(),
//预告登记列表字段
ygdjColumns: datas.ygdjCol(),
//查封登记列表字段
cfdjColumns: datas.cfdjCol(),
//异议登记列表字段
yydjColumns: datas.yydjCol(),
form: {},
resultData: {},
};
},
mounted () { },
methods: {},
mounted () {
if(this.formData){
this.getDetailInfo()
}
},
methods: {
setResult(data){
this.resultData = data
},
getDetailInfo(){
this.$startLoading();
getFwmxInfo({ sqcxBsm: this.formData.bsmSqcx }).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.resultData = res.result
}
});
}
},
};
</script>
<style scoped lang="scss">
......
import filter from '@/utils/filter.js'
import { Switch } from 'element-ui'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns() {
return [
{
prop: 'qszt',
label: '所有人名称',
},
{
prop: 'bdcqzh',
label: '证件号码',
},
{
prop: 'djsj',
label: '取得方式',
},
{
prop: 'wqhth',
label: '房屋性质',
},
{
prop: 'wqsj',
label: '不动产权证书号',
},
{
prop: 'bdcdyh',
label: '登记时间',
},
{
prop: 'gyfs',
label: '共有方式',
},
{
prop: 'qlrmc',
label: '附记',
}
]
}
fwCol() {
return [
{
prop: 'zdymc',
label: '幢号111',
},
{
prop: 'hh',
label: '房号',
},
{
prop: 'showfwjg',
label: '结构',
},
{
prop: 'dscs',
label: '总层数（地上）',
},
{
prop: 'dxcs',
label: '地下层数',
},
{
prop: 'ch',
label: '所在层',
},
{
prop: 'jzmj',
label: '建筑面积（㎡）',
},
{
prop: 'tnjzmj',
label: '套内面积（㎡）',
},
{
prop: 'showfwyt',
label: '规划用途',
}
]
}
tdCol() {
return [
{
prop: 'qsxz',
label: '权属性质',
},
{
prop: 'mj',
label: '面积（㎡）',
},
{
prop: 'fttdmj',
label: '分摊土地面积（㎡）',
},
{
prop: 'tfyt',
label: '用途',
},
{
prop: 'syqx',
label: '使用期限',
},
{
prop: 'qdfs',
label: '取得方式',
},
{
prop: 'jttdsyqlx',
label: '集体土地所有权类型',
},
{
prop: 'jttdsyqlx',
label: '集体土地使用权类型',
}
]
}
diyaCol() {
return [
{
prop: 'dyfs',
label: '抵押方式',
render: (h, scope) => {
switch(scope.row.dyfs) {
case '1':
return <div>一般抵押</div>
case '2':
return <div>最高额抵押</div>
}
}
},
{
prop: 'qlrmc',
label: '抵押权人名称',
},
{
prop: 'bdbzzqse',
label: '抵押金额（万元）',
},
{
prop: 'dyqx',
label: '抵押期限',
},
{
prop: 'ywh',
label: '不动产登记证明号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'fj',
label: '附记',
}
]
}
ygdjCol() {
return [
{
prop: 'ygdjzl',
label: '预告登记种类',
},
{
prop: 'qlrmc',
label: '权利人名称',
},
{
prop: 'dyje',
label: '抵押金额（万元）',
},
{
prop: 'dyqx',
label: '抵押期限',
},
{
prop: 'ywh',
label: '不动产登记证明号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'fj',
label: '附记',
}
]
}
cfdjCol() {
return [
{
prop: 'cfjg',
label: '查封机关',
},
{
prop: 'cfwh',
label: '查封文号',
},
{
prop: 'cffw',
label: '查封范围',
},
{
prop: 'cfsj',
label: '查封时间',
},
{
prop: 'cfqx',
label: '查封期限',
}
]
}
yydjCol() {
return [
{
prop: 'yysqr',
label: '异议申请人',
},
{
prop: 'yysx',
label: '异议事项',
},
{
prop: 'ywh',
label: '不动产登记证明号',
},
{
prop: 'djsj',
label: '登记时间',
},
{
prop: 'fj',
label: '附记',
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -51,7 +51,7 @@ import table from "@/utils/mixin/table";
import { popupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "./dydjbdata";
import addDydjb from "./components/addDydjb.vue";
import { getFwmxPage } from "@/api/sqcx";
import { getSqcxPage } from "@/api/sqcx";
export default {
name: "dydjb",
components: { addDydjb },
......@@ -71,6 +71,7 @@ export default {
cxbh: "",
sqr: "",
ywh: "",
cxlx: '2'
},
tableData: {
columns: datas.columns(),
......@@ -82,7 +83,7 @@ export default {
// 初始化数据
queryClick () {
this.$startLoading();
getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
......@@ -92,8 +93,12 @@ export default {
});
},
dydjbClick (scope) {
// this.$nextTick(() => {
// this.isDialog = true
// this.sqcxBsm = scope.row.bsmSqcx
// })
popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
sqcxdata: scope.row,
bsmSqcx: scope.row.bsmSqcx,
});
},
handleSort (name, sort) {
......@@ -101,6 +106,7 @@ export default {
},
openAddDialog(){
this.isDialog = true
this.sqcxBsm = ''
}
},
};
......
......@@ -63,7 +63,7 @@ class data extends filter {
label: "操作",
width: 100,
render: (h, scope) => {
return <el-button type="text" icon='el-icon-printer' onClick={() => { vm.dydjbClick(scope) }}>打印登记薄</el-button>
return <el-button type="text" icon='el-icon-view' onClick={() => { vm.dydjbClick(scope) }}>查看</el-button>
}
},
......
......@@ -212,10 +212,6 @@ export default {
this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1
}
});
//this.closeDialog();
},
//打开打印预览
openPrintPrew(){
......
......@@ -46,7 +46,7 @@
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./jtfcdata";
import { getJtfcPage } from "@/api/sqcx";
import { getSqcxPage } from "@/api/sqcx";
import addjtfc from "./components/addjtfc.vue";
export default {
name: "jtfc",
......@@ -64,6 +64,7 @@ export default {
queryForm: {
cxbh: "",
sqr: "",
cxlx: '1'
},
tableData: {
columns: datas.columns(),
......@@ -75,7 +76,7 @@ export default {
// 初始化数据
queryClick () {
this.$startLoading();
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
......
......@@ -69,7 +69,7 @@
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./sqcxjldata";
import { getJtfcPage } from "@/api/sqcx";
import { getSqcxPage } from "@/api/sqcx";
export default {
name: "sqcxjl",
mixins: [table],
......@@ -94,7 +94,7 @@ export default {
// 初始化数据
queryClick () {
this.$startLoading();
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { records, total } = res.result;
......
......@@ -3,9 +3,7 @@
<dialogBox title="常用意见" :fullscreen="false" width="60%" isMain v-model="value" @closeDialog="closeDialog"
:isButton="false">
<el-button type="primary" native-type="submit" @click="openDialog()">新增常用</el-button>
<lb-table :page-size="pageData.size" heightNumSetting :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="columns" :data="tableData.data">
<lb-table heightNumSetting :pagination="false" :column="columns" :data="tableData.data">
</lb-table>
<div style="height:15px"></div>
</dialogBox>
......@@ -27,11 +25,9 @@
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { getUserCommonOpinion, addUserCommonOpinion, delUserCommonOpinion } from "@/api/fqsq.js"
export default {
components: {},
mixins: [table],
props: {
value: { type: Boolean, default: false },
},
......@@ -76,14 +72,12 @@ export default {
}
},
mounted () {
this.queryClick()
this.getList()
},
methods: {
queryClick () {
getUserCommonOpinion(this.pageData).then(res => {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
getList () {
getUserCommonOpinion().then(res => {
this.tableData.data = res.result
})
},
//新增常用意见
......@@ -99,7 +93,6 @@ export default {
}
})
} else {
// console.log('error submit!!');
return false;
}
});
......@@ -128,7 +121,7 @@ export default {
delUserCommonOpinion({ bsmOpinion: item.bsmOpinion }).then(res => {
if (res.code == 200) {
this.$message.success("删除成功")
this.queryClick()
this.getList()
} else {
this.$message.error(res.message)
}
......
<template>
<div class="from-clues">
<div class="invalid-title">
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您是否确定终止该业务办理？</div>
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您是否确定终止该业务办理？</div>
</div>
<div class="invalid-reson">终止原因：</div>
<el-input v-model="stopMessage" placeholder="请输入终止原因" type="textarea" :rows="4"></el-input>
<el-button style="float:right">取消</el-button>
<el-button type="primary" @click="onSubmit" style="float:right">退件</el-button>
<el-input
v-model="stopMessage"
placeholder="请输入终止原因"
type="textarea"
:rows="4"
></el-input>
<el-button style="float: right">取消</el-button>
<el-button type="primary" @click="onSubmit" style="float: right"
>退件</el-button
>
</div>
</template>
<script>
import { stopTask } from "@/api/fqsq.js"
import { stopTask } from "@/api/fqsq.js";
export default {
props: {
formData: {
type: Object,
default: {}
}
default: {},
},
},
data () {
data() {
return {
stopMessage: ''
}
stopMessage: "",
};
},
methods: {
onSubmit () {
onSubmit() {
stopTask({
bsmSlsq: this.formData.bsmSlsq,
bestepid: this.formData.bestepid,
stopMessage: this.stopMessage
}).then(res => {
this.$message.success('终止成功')
setTimeout(() => {
window.opener.location.reload(); //刷新父窗口
window.close();
this.$emit('input', false)
}, 1000);
})
bsmSlsq: this.formData.bsmSlsq,
bestepid: this.formData.bestepid,
stopMessage: this.stopMessage,
}).then((res) => {
this.$message.success("终止成功");
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);
});
},
}
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.invalid-title {
display: flex;
align-content: center;
display: flex;
align-content: center;
.invalid-icon {
color: rgb(254, 148, 0);
font-size: 34px;
margin-right: 10px;
}
.invalid-icon {
color: rgb(254, 148, 0);
font-size: 34px;
margin-right: 10px;
}
.invalid-body {
line-height: 40px;
margin-bottom: 10px;
}
.invalid-body {
line-height: 40px;
margin-bottom: 10px;
}
}
.invalid-reson {
margin-bottom: 10px;
margin-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
</style>
......
......@@ -4,21 +4,37 @@
<div class="from-clues-header">
<div class="title">请选择要退回到的环节：</div>
<el-form ref="queryForm" label-width="90px">
<ul style="margin-bottom:15px">
<li v-for="(item,index) in dataList" class="listDetail" :key="index" @click="changeSelectItem(item)">
<ul style="margin-bottom: 15px">
<li
v-for="(item, index) in dataList"
class="listDetail"
:key="index"
@click="changeSelectItem(item)"
>
<p class="icon">
<el-radio v-model="selectActivity" :label="item.activityId" @change="changeSelectItem(item)"></el-radio>
<el-radio
v-model="selectActivity"
:label="item.activityId"
@change="changeSelectItem(item)"
></el-radio>
</p>
<p>{{ item.activityName }}</p>
<p v-for="(child, childIndex) in item.userInfos" :key="childIndex">
{{ child.name }}
</p>
<p>{{item.activityName}}</p>
<p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p>
</li>
</ul>
<div class="title">退回意见：</div>
<el-form-item>
<el-input class="textArea" type="textarea" v-model="outstepopinion" placeholder="请输入退回意见"></el-input>
<el-input
class="textArea"
type="textarea"
v-model="outstepopinion"
placeholder="请输入退回意见"
></el-input>
</el-form-item>
<el-form-item>
<!-- <el-button style="float:right">取消</el-button> -->
<el-button style="float:right" @click="cancelBack">取消</el-button>
<el-button type="primary" @click="onSubmit" style="float:right">退回</el-button>
</el-form-item>
</el-form>
......@@ -27,56 +43,68 @@
</template>
<script>
import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
import { popupCacel } from "@/utils/popup.js";
export default {
props: {
formData: {
type: Object,
default: {}
}
default: {},
},
},
data () {
data() {
return {
selectActivity: '',
selectActivity: "",
dataList: [],
outstepopinion: '',
selectItem: {}
}
outstepopinion: "",
selectItem: {},
};
},
created () {
created() {
this.getBackNode();
},
methods: {
onSubmit () {
onSubmit() {
this.selectItem.outstepopinion = this.outstepopinion;
sendBackTask({
bsmSlsq: this.formData.bsmSlsq,
backNodeList: [this.selectItem]
}).then(res => {
this.$message.success('退回成功')
setTimeout(() => {
window.opener.location.reload(); //刷新父窗口
window.close();
this.$emit('input', false)
}, 1000);
})
backNodeList: [this.selectItem],
}).then((res) => {
this.$message.success("退回成功");
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);
});
},
changeSelectItem(item){
this.selectItem = item
this.selectActivity = item.activityId
changeSelectItem(item) {
this.selectItem = item;
this.selectActivity = item.activityId;
},
//获取可回退环节信息
getBackNode () {
getTaskBackNode(this.formData).then(res => {
getBackNode() {
getTaskBackNode(this.formData).then((res) => {
if (res.code == 200) {
this.dataList = res.result
if(res.result){
this.selectActivity = res.result[0].activityId
this.selectItem = res.result[0]
this.dataList = res.result;
if (res.result) {
this.selectActivity = res.result[0].activityId;
this.selectItem = res.result[0];
}
}
})
});
},
cancelBack(){
popupCacel();
}
}
}
</script>
......@@ -104,7 +132,7 @@ export default {
}
}
.title{
.title {
margin-bottom: 10px;
}
......@@ -113,7 +141,7 @@ export default {
min-height: 90px !important;
}
}
/deep/.el-radio .el-radio__label {
/deep/.el-radio .el-radio__label {
display: none;
}
</style>
......
......@@ -12,7 +12,7 @@ import {
getNextLinkInfo,
} from "@/api/fqsq.js";
export default {
data () {
data() {
return {
//是否开启材料分屏
splitScreen: false,
......@@ -28,13 +28,13 @@ export default {
batchButtonName: '',
}
},
mounted () {
mounted() {
this.flowInitParam();
this.loadBdcdylist();
},
methods: {
//读取申请单元信息
loadBdcdylist () {
loadBdcdylist() {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
......@@ -56,7 +56,7 @@ export default {
});
},
//批量按钮判断
judgeBatchShow () {
judgeBatchShow() {
this.showBatch = false;
if (this.unitData.length > 1) {
let qllx = this.$route.query.sqywbm.substring(0, 3);
......@@ -75,7 +75,7 @@ export default {
}
},
//加载流程初始参数
flowInitParam () {
flowInitParam() {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
......@@ -87,7 +87,7 @@ export default {
});
},
//流程环节操作按钮
operation (item) {
operation(item) {
//按钮 B0:选择不动产单元 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书 B7:证书领取 B8:楼盘表 B9:登簿
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
let that = this;
......@@ -227,7 +227,7 @@ export default {
}
},
//发送下一个环节
sendToNext (obj) {
sendToNext(obj) {
const h = this.$createElement;
this.$msgbox({
title: "您确定转出吗？1",
......@@ -251,7 +251,12 @@ export default {
if (res.code === 200) {
instance.confirmButtonLoading = false;
this.$message.success("转件成功");
window.opener.location.reload(); //刷新父窗口
// 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);
} else {
......@@ -271,7 +276,7 @@ export default {
});
});
},
sendToEnd () {
sendToEnd() {
let that = this
const h = this.$createElement;
this.$msgbox({
......@@ -291,7 +296,12 @@ export default {
instance.confirmButtonLoading = false;
that.$message.success("转件成功");
localStorage.setItem('transfer', true)
window.opener.location.reload(); //刷新父窗口
// window.opener.location.reload(); //刷新父窗口
if (window.opener && window.opener.getBpageList) {
window.opener.getBpageList();
} else {
window.opener.frames[0].getBpageList();
}
window.close();
that.$emit("input", false);
} else {
......@@ -312,7 +322,7 @@ export default {
})
},
//批量操作
handleBatchDel () {
handleBatchDel() {
let that = this;
this.$popup("批量删除", "workflow/components/batchDel", {
width: "50%",
......@@ -327,7 +337,7 @@ export default {
}
})
},
handleChange (file) {
handleChange(file) {
var formdata = new FormData();
formdata.append("file", file.raw);
formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
......@@ -341,7 +351,7 @@ export default {
})
},
// 上传
beforeUpload (file) {
beforeUpload(file) {
return true;
},
}
......
......@@ -4,14 +4,22 @@
<div class="topButton">
<!-- 左侧业务功能按钮 -->
<ul>
<li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index">
<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>
</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>
......@@ -22,7 +30,12 @@
<div class="containerFrame">
<!-- 左侧菜单栏 -->
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch">
<el-menu
:default-active="activeIndex"
@select="batchUnitClick"
class="title-batch"
v-if="showBatch"
>
<el-menu-item index="-1" key="-1" class="menus">
<div>{{ batchButtonName }}</div>
</el-menu-item>
......@@ -30,28 +43,50 @@
<div v-if="this.isShowdrawer">
<div class="title">
申请单元列表({{ unitData.length }})
<el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button>
<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-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<el-menu-item
v-for="(item, index) in unitData"
:index="index.toString()"
:key="index"
>
<div>
<p>{{ item.bdcdyh }}</p>
<p class="title-detail">{{ item.zl }}</p>
</div>
<i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i>
<i
class="el-icon-delete"
v-if="unitData.length > 1"
@click.stop="handleDel(item)"
></i>
</el-menu-item>
</el-menu>
</div>
<div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div class="map-drawer-expand map-drawer" v-else @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div
class="map-drawer-click map-drawer"
v-if="!isShowdrawer"
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
<div
class="map-drawer-expand map-drawer"
v-else
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
</div>
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -61,45 +96,78 @@
<!-- 表单内容区域 -->
<div class="rightContainer">
<el-tabs v-model="tabName" :before-leave="beforeLeave">
<el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
<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" />
<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-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
<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>
<selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
<selectBdc
v-model="isDialog"
:djywbm="$route.query.sqywbm"
:isJump="true"
@updateDialog="updateDialog"
/>
</div>
</template>
<style scoped lang='scss'>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
</style>
<script>
import WorkFlow from "./mixin/index"
import publicFlow from "./mixin/public.js"
import WorkFlow from "./mixin/index";
import publicFlow from "./mixin/public.js";
import { getStepFormInfo } from "@/api/fqsq.js";
import { getForm } from './flowform'
import NoticeBar from '@/components/NoticeBar/index'
import { getForm } from "./flowform";
import NoticeBar from "@/components/NoticeBar/index";
import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
import ProcessViewer from './components/processViewer.vue'
import ProcessViewer from "./components/processViewer.vue";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
export default {
components: {
selectBdc,
NoticeBar,
ProcessViewer
ProcessViewer,
},
mixins: [WorkFlow, publicFlow],
data () {
data() {
return {
isDialog: false,
// 折叠
......@@ -131,42 +199,45 @@ export default {
//批量操作
showBatch: false,
//批量操作按钮名称
batchButtonName: '',
}
batchButtonName: "",
};
},
mounted () {
mounted() {
//添加页面监听事件
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
window.addEventListener('unload', e => this.unloadHandler(e))
window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
window.addEventListener("unload", (e) => this.unloadHandler(e));
},
destroyed () {
window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
window.removeEventListener('unload', e => this.unloadHandler(e))
destroyed() {
window.removeEventListener("beforeunload", (e) =>
this.beforeunloadHandler(e)
);
window.removeEventListener("unload", (e) => this.unloadHandler(e));
},
methods: {
beforeunloadHandler () {
this._beforeUnload_time = new Date().getTime()
beforeunloadHandler() {
this._beforeUnload_time = new Date().getTime();
},
unloadHandler (e) {
this._gap_time = new Date().getTime() - this._beforeUnload_time
unloadHandler(e) {
this._gap_time = new Date().getTime() - this._beforeUnload_time;
//判断是窗口关闭还是刷新
if (this._gap_time <= 10) {
//取消认领
unClaimTask(this.bsmSlsq, this.bestepid)
unClaimTask(this.bsmSlsq, this.bestepid);
}
},
changeLoadIndex () {
this.loadIndex++
changeLoadIndex() {
this.loadIndex++;
},
closeDialog () {
this.myValue = false
closeDialog() {
this.myValue = false;
},
// 更新列表
updateDialog () {
updateDialog() {
this.loadBdcdylist();
},
// 删除左侧列表
handleDel (item) {
handleDel(item) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -193,7 +264,7 @@ export default {
});
},
//申请单元点击事件
stepForm (index) {
stepForm(index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
......@@ -201,9 +272,9 @@ export default {
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
//批量操作无分屏按钮
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
//处理分屏材料信息
let that = this;
this.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
......@@ -211,24 +282,24 @@ export default {
that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
that.clxxTab = item;
}
})
});
}
}
})
});
},
//申请单元点击事件
unitClick (index) {
unitClick(index) {
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
this.stepForm(index);
},
//批量按钮点击事件
batchUnitClick () {
batchUnitClick() {
this.currentSelectProps.batchOperation = true;
this.activeIndex = "-1";
this.stepForm();
}
}
}
},
},
};
</script>
......
......@@ -4,14 +4,22 @@
<div class="topButton">
<!-- 左侧业务功能按钮 -->
<ul>
<li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index">
<li
@click="operation(item)"
v-for="(item, index) in leftButtonList"
:key="index"
>
<svg-icon :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</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>
......@@ -25,7 +33,11 @@
<div v-if="this.isShowdrawer">
<div class="title">申请单元列表({{ unitData.length }})</div>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<el-menu-item
v-for="(item, index) in unitData"
:index="index.toString()"
:key="index"
>
<div>
<p>{{ item.bdcdyh }}</p>
<p class="title-detail">{{ item.zl }}</p>
......@@ -33,16 +45,24 @@
</el-menu-item>
</el-menu>
</div>
<div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div class="map-drawer-expand map-drawer" v-else @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div
class="map-drawer-click map-drawer"
v-if="!isShowdrawer"
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
<div
class="map-drawer-expand map-drawer"
v-else
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
</div>
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -52,42 +72,47 @@
<!-- 表单内容区域 -->
<div class="rightContainer">
<el-tabs v-model="tabName" :before-leave="beforeLeave">
<el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index">
<el-tab-pane
:label="item.name"
:name="item.value"
v-for="(item, index) in tabList"
:key="index"
>
</el-tab-pane>
</el-tabs>
<component :key="fresh" :is="componentTag" v-bind="currentSelectProps" />
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps"
/>
</div>
</div>
</div>
</div>
</template>
<style scoped lang='scss'>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
</style>
<script>
import {
leftMenu,
stepExpandInfo,
getStepFormInfo
} from "@/api/fqsq.js"
import publicFlow from "./mixin/public.js"
import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js";
import publicFlow from "./mixin/public.js";
import { popupDialog } from "@/utils/popup.js";
import NoticeBar from '@/components/NoticeBar/index'
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"
import NoticeBar from "@/components/NoticeBar/index";
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
export default {
mixins: [publicFlow],
components: {
NoticeBar
NoticeBar,
},
data () {
data() {
return {
// 流程图
imgSrc: '',
imgSrc: "",
// 折叠
isShowdrawer: true,
// 默认选中
activeIndex: '0',
activeIndex: "0",
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
......@@ -116,15 +141,16 @@ export default {
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
}
};
},
mounted () {
mounted() {
this.loadBdcdylist();
this.flowInitParam();
},
methods: {
//加载流程初始参数
flowInitParam () {
flowInitParam() {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
......@@ -134,34 +160,36 @@ export default {
this.leftButtonList = res.result.button;
this.rightButtonList = res.result.operation;
}
})
});
},
//流程环节操作按钮
operation (item) {
operation(item) {
//按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
switch (item.value) {
case "B1":
getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => {
let { result } = res
popupDialog("流程图", "workflow/components/processViewer", {
xml: result.xml,
finishedInfo: {
finishedTaskSet: result.finishedTaskSet,
unfinishedTaskSet: result.unfinishedTaskSet,
rejectedTaskSet: result.rejectedTaskSet,
finishedSequenceFlowSet: result.finishedSequenceFlowSet
},
allCommentList: result.historyTaskList
})
})
getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(
(res) => {
let { result } = res;
popupDialog("流程图", "workflow/components/processViewer", {
xml: result.xml,
finishedInfo: {
finishedTaskSet: result.finishedTaskSet,
unfinishedTaskSet: result.unfinishedTaskSet,
rejectedTaskSet: result.rejectedTaskSet,
finishedSequenceFlowSet: result.finishedSequenceFlowSet,
},
allCommentList: result.historyTaskList,
});
}
);
break;
case "B5":
this.zsylFlag = true;
break;
case "B2": //材料分屏按钮
this.splitScreen = this.splitScreen ? false : true;
this.$store.dispatch('app/settScreen', this.splitScreen)
this.$store.dispatch("app/settScreen", this.splitScreen);
if (this.splitScreen) {
//如果当前选项卡为材料信息内容，递减到上一个选项卡内容
if (this.tabName == this.clxxTab.value) {
......@@ -179,7 +207,7 @@ export default {
}
},
//读取申请单元信息
loadBdcdylist () {
loadBdcdylist() {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
......@@ -189,12 +217,12 @@ export default {
this.currentSelectProps = res.result[0];
this.unitClick(0);
}
})
});
},
//申请单元点击事件
unitClick (index) {
unitClick(index) {
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.type = 'ONLY_READ';
this.currentSelectProps.type = "ONLY_READ";
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
......@@ -203,8 +231,8 @@ export default {
//默认加载第一个表单信息
this.tabName = res.result[0].value;
}
})
}
}
}
</script>
\ No newline at end of file
});
},
},
};
</script>
......
export default {
data () {
data() {
return {
isSearch: false,
searchList: [],
......@@ -7,18 +7,44 @@ export default {
}
},
methods: {
moreQueryClick () {
// 点击高级查询弹出查询弹框
moreQueryClick() {
this.isSearch = true
},
handleSelect (bs, mc, code) {
let that = this
// 查询事件
handleSelect(bs, mc, code) {
this.dictData[bs].forEach(item => {
if (item.dcode == this.queryForm[code]) {
this.searchForm[mc] = item.dname
}
})
},
handelItem (item, index) {
// 清空单个表单
handleEmpty(el) {
for (var i = 0; i < this.searchList.length; i++) {
if (el == this.searchList[i].zdm) {
this.searchList.splice(i, 1)
}
}
let obj = {
ywlymc: 'ywly',
qllxmc: 'qllx',
djlxmc: 'djlx'
}
if (obj[el]) {
this.queryForm[obj[el]] = ''
} else if (this.otherForm[[el]]) {
this.otherForm[[el]] = ''
} else {
this.queryForm[el] = ''
}
this.searchForm[el] = ''
},
// 删除单个查询条件
handelItem(item, index) {
let obj = {
ywlymc: 'ywly',
qllxmc: 'qllx',
......@@ -33,10 +59,8 @@ export default {
this.queryForm[item.zdm] = ''
}
this.searchForm[item.zdm] = ''
this.iterationData()
this.queryClick()
},
iterationData () {
iterationData() {
let obj = {
ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称',
qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间'
......@@ -46,12 +70,13 @@ export default {
if (value) return { name: obj[name], value, zdm: name }
}).filter(Boolean)
},
getSearch (val) {
getSearch(val) {
this.otherForm = val
this.iterationData()
this.queryClick()
},
hanldeCleanAll () {
// 清空查询条件
hanldeCleanAll() {
this.searchForm = {}
this.queryForm = {
ywly: "",
......@@ -59,6 +84,7 @@ export default {
djlx: "",
ywh: ""
}
this.otherForm = {}
this.searchList = []
this.queryClick()
}
......
......@@ -9,17 +9,17 @@
<el-row>
<el-col :span="8">
<el-form-item label="申请业务名称" prop="sqywmc">
<el-input v-model="ruleForm.sqywmc"></el-input>
<el-input v-model="ruleForm.sqywmc" placeholder="请输入申请业务名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利人" prop="qlrmc">
<el-input v-model="ruleForm.qlrmc"></el-input>
<el-input v-model="ruleForm.qlrmc" placeholder="请输入权利人"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="义务人" prop="ywrmc">
<el-input v-model="ruleForm.ywrmc"></el-input>
<el-input v-model="ruleForm.ywrmc" placeholder="请输入义务人"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -45,6 +45,7 @@
export default {
props: {
value: { type: Boolean, default: false },
advancedForm:{type: Object, default: "" }
},
data () {
return {
......@@ -60,19 +61,31 @@ export default {
watch: {
value (val) {
this.myValue = val
},
advancedForm(){
this.ruleForm={...this.advancedForm}
}
},
methods: {
closeDialog () {
this.$emit('input', false)
},
resetForm () {
this.$refs['ruleForm'].resetFields()
this.ruleForm={
sqywmc: '',
qlrmc: '',
ywrmc: '',
slsj: ''
}
},
submitForm () {
this.$emit('getSearch', _.cloneDeep(this.ruleForm))
this.$emit('input', false)
this.$refs['ruleForm'].resetFields()
}
}
}
......@@ -88,4 +101,4 @@ export default {
/deep/.el-icon-date {
display: none;
}
</style>
\ No newline at end of file
</style>
......
......@@ -2,45 +2,94 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
<el-form
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="80px"
>
<el-row>
<el-col :span="5">
<el-form-item label="业务来源" label-width="70px">
<el-select v-model="queryForm.ywly" @change="handleSelect('ywly', 'ywlymc', 'ywly')" class="width100"
filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="queryForm.ywly"
@change="handleSelect('ywly', 'ywlymc', 'ywly')"
@clear="handleEmpty('ywlymc')"
class="width100"
filterable
clearable
placeholder="请选择业务来源"
>
<el-option
v-for="item in dictData['ywly']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" @change="handleSelect('A8', 'qllxmc', 'qllx')" class="width100"
filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="queryForm.qllx"
@change="handleSelect('A8', 'qllxmc', 'qllx')"
@clear="handleEmpty('qllxmc')"
class="width100"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" @change="handleSelect('A21', 'djlxmc', 'djlx')" class="width100"
filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="queryForm.djlx"
@change="handleSelect('A21', 'djlxmc', 'djlx')"
@clear="handleEmpty('djlxmc')"
class="width100"
filterable
clearable
placeholder="请选择登记类型"
>
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" @clear="queryClick" clearable class="width200px">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
@clear="queryClick"
clearable
class="width200px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="queryClick">查询</el-button>
<el-button type="primary" native-type="submit" @click="queryClick"
>查询</el-button
>
<el-button @click="moreQueryClick">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -50,43 +99,62 @@
<ul>
<li v-for="(item, index) in searchList" :key="index">
{{ item.name }}:{{ item.value }}
<i class="el-icon-circle-close" @click="handelItem(item, index)"></i>
<i
class="el-icon-circle-close"
@click="handelItem(item, index)"
></i>
</li>
</ul>
<el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部
<el-button
class="clean-btn"
type="text"
v-if="searchList.length > 0"
@click.native="hanldeCleanAll"
>清除全部
</el-button>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
:current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
<lb-table
:page-size="pageData.size"
class="loadingtext"
@sort-change="handleSort"
:current-page.sync="pageData.currentPage"
:heightNum="295"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
</lb-table>
</div>
<searchBox v-model="isSearch" @getSearch="getSearch" />
<searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" />
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import searchMin from "../components/mixin/index"
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./ybxdata"
import { searchTaskDone } from "@/api/ywbl"
import searchBox from '../components/search.vue'
import { mapGetters } from "vuex";
import searchMin from "../components/mixin/index";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./ybxdata";
import { searchTaskDone } from "@/api/ywbl";
import searchBox from "../components/search.vue";
export default {
name: "ybx",
components: { searchBox },
mixins: [table, searchMin],
mounted () {
mounted() {
window["getBpageList"] = () => {
this.queryClick();
};
sendThis(this);
},
computed: {
...mapGetters(['dictData'])
...mapGetters(["dictData"]),
},
data () {
data() {
return {
queryForm: {
ywly: "",
......@@ -95,10 +163,10 @@ export default {
ywh: "",
},
searchForm: {
ywlymc: '',
qllxmc: '',
djlxmc: '',
ywh: ''
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
......@@ -109,35 +177,46 @@ export default {
},
methods: {
// 列表渲染接口
queryClick () {
this.$startLoading()
this.searchForm.ywh = this.queryForm.ywh
this.iterationData()
searchTaskDone({ ...this.queryForm,...this.otherForm, ...this.pageData }).then(res => {
this.$endLoading()
queryClick() {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskDone({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result
records.forEach(item => {
item.qlrmc = item.qlrmc.join(',')
item.ywh = item.ywh.join(',')
item.zl = item.zl.join(',')
item.outstepdate = item.outstepdate[0]
})
this.tableData.total = total ? total : 0
this.tableData.data = records ? records : []
let { total, records } = res.result;
records.forEach((item) => {
item.qlrmc = item.qlrmc.join(",");
item.ywh = item.ywh.join(",");
item.zl = item.zl.join(",");
item.outstepdate = item.outstepdate[0];
});
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
})
});
},
handleSort (val) {
this.queryForm.sortField = val.prop
this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
this.queryClick()
handleSort(val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
},
ywhClick (item) {
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
window.open(href, '_blank');
}
}
ywhClick(item) {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&bsmBusiness=" +
"&viewtype=1"
);
window.open(href, `urlname${item.bsmSlsq}`);
},
},
};
</script>
<style scoped lang="scss">
......
......@@ -4,33 +4,53 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="120px">
<el-row>
<el-col :span="8">
<el-col :span="10">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px">
<el-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width300px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="10">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px">
<el-input
placeholder="请输入不动产权证号"
v-model="queryForm.bdcqzh"
clearable
class="width300px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="权利人">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px">
<el-input
placeholder="请输入权利人"
v-model="queryForm.zl"
clearable
class="width300px"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-col :span="10">
<el-form-item label="坐落">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px">
<el-input
placeholder="请输入坐落"
v-model="queryForm.zl"
clearable
class="width300px"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnColRight">
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick">查询</el-button>
</el-form-item>
......@@ -40,10 +60,19 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.data">
<lb-table
ref="table"
@row-click="handleRowClick"
:page-size="pageData.pageSize"
:heightNum="400"
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
@selection-change="handleSelectionChange"
:column="tableData.columns"
:data="tableData.data"
>
</lb-table>
</div>
<div class="submit_button">
......@@ -63,9 +92,9 @@ export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => { } },
sqywInfo: { type: Object, default: () => {} },
},
data () {
data() {
return {
queryForm: defaultParameters.defaultParameters(),
tableData: {
......@@ -76,11 +105,11 @@ export default {
bdcdysz: [],
};
},
mounted () {
mounted() {
sendThis(this);
},
methods: {
queryClick () {
queryClick() {
this.queryForm.sqywbm = this.sqywInfo.djywbm;
selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
......@@ -90,7 +119,7 @@ export default {
}
});
},
submitForm () {
submitForm() {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
......@@ -117,14 +146,14 @@ export default {
}
});
},
handleSelectionChange (val) {
handleSelectionChange(val) {
val.forEach((item, index) => {
item.bsmSsql = item.bsmQlxx;
item.ybdcqzsh = item.bdcqzh;
});
this.bdcdysz = val;
},
openBook (row) {
openBook(row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
......
......@@ -70,11 +70,11 @@ class data extends filter {
label: "建筑物名称",
},
{
label: "权利性质",
label: "土地/房屋性质",
render: (h, scope) => {
return (
<div>
{(scope.row.showQlxz) + (' / ') + (scope.row.fwxzbsm)}
{(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)}
</div>
)
}
......@@ -90,7 +90,7 @@ class data extends filter {
}
},
{
label: "用途",
label: "土地/房屋用途",
render: (h, scope) => {
return (
<div>
......
......@@ -121,7 +121,8 @@ export default {
},
openDialog (item) {
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3')
window.open(href, '_blank');
// window.open(href, '_blank');
window.open(href, `urlname${item.bsmSlsq}`);
}
}
}
......