Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
0660ac3c by 任超
Options

style:业务申请

1 parent d74dee29
Inline Side-by-side
Showing 14 changed files with 731 additions and 68 deletions
......@@ -168,6 +168,7 @@ export default {
this.$router.push('/')
}
}
console.log(this.$store.state.tagsView.visitedViews);
},
openMenu (tag, e) {
const menuMinWidth = 95
......
const state = {
visitedViews: []
visitedViews: [{
'fullPath': "/home",
'meta': {
affix: true
},
'name': "Dashboard",
'path': "/home",
'title': "工作台"
}]
}
const mutations = {
......
......@@ -9,64 +9,63 @@
</li>
</ul>
<ul>
<li @click="operation(index,item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
<li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
</ul>
</div>
<div class="tabsList">
<div class="tabsList-left" >
<div class="map-drawer-click"
v-if='!isShowdrawer'
@click=" () => {
this.isShowdrawer = !this.isShowdrawer;}">
<div class="tabsList-left">
<div class="map-drawer-click" v-if='!isShowdrawer' @click="() => {
this.isShowdrawer = !this.isShowdrawer;
}">
</div>
<div class="map-drawer-expand"
v-else
@click=" () => {
this.isShowdrawer = !this.isShowdrawer;}">
<div class="map-drawer-expand" v-else @click="() => {
this.isShowdrawer = !this.isShowdrawer;
}">
</div>
<ul v-if='this.isShowdrawer'>
<p>受理单元列表({{unitData.length}})</p>
<div v-for='(item,index) in unitData' :key='index'>
<li @click='unitClick(item)'>{{item.bdcdyh}}</li>
<p>受理单元列表({{ unitData.length }})</p>
<div v-for='(item, index) in unitData' :key='index'>
<li @click='unitClick(item)'>{{ item.bdcdyh }}</li>
<div class="xian"></div>
</div>
</ul>
</div>
<div class="tabsList-right" >
<div class="tabsList-right">
<div class="fenpin" v-show="issplitScreen">
<p class="splitScreen tabsList-title">材料信息</p>
<div class="splitScreen" ></div>
<div class="splitScreen"></div>
</div>
<el-tabs v-model="activeName">
<el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
<div class="splitScreen-con" v-if='index==0'>
<div class="splitScreen-con" v-if='index == 0'>
<component ref='slxx' :is="editItem" :flag="flag" :key="key" />
</div>
</el-tab-pane>
</el-tabs></div>
</el-tabs>
</div>
</div>
<zc v-model="zcDialog" :queryForm='queryForm' />
<thDialog ref='thdialogRef' v-model="thflag" :queryForm='queryForm' />
</div>
</template>
<script>
import { leftMenu } from "@/api/fqsq.js"
import zc from "./components/zc.vue"
import thDialog from "./components/th.vue"
import { leftMenu } from "@/api/fqsq.js"
import zc from "./components/zc.vue"
import thDialog from "./components/th.vue"
export default {
/**注册组件*/
components: {zc,thDialog},
components: { zc, thDialog },
data () {
return {
zcDialog:false,
thflag:false,
queryForm:{
shyj:"",
bsmSlsq:"",
bestepid:"",
zcDialog: false,
thflag: false,
queryForm: {
shyj: "",
bsmSlsq: "",
bestepid: "",
},
isShowdrawer: true,
key: 0,
......@@ -138,7 +137,7 @@ export default {
tabList: [],
editItem: '',
issplitScreen: false,
unitData:[],
unitData: [],
};
},
watch: {
......@@ -155,8 +154,8 @@ export default {
this.tabList = [...this.tabList1]
},
mounted(){
if(this.$route.query.bsmSlsq){
mounted () {
if (this.$route.query.bsmSlsq) {
this.list(this.$route.query.bsmSlsq)
this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
this.queryForm.bestepid = this.$route.query.bestepid
......@@ -164,10 +163,10 @@ export default {
},
methods: {
// 获取左侧列表
list(id){
list (id) {
let that = this
var formdata=new FormData();
formdata.append("bsmSlsq",id);
var formdata = new FormData();
formdata.append("bsmSlsq", id);
leftMenu(formdata).then(res => {
if (res.code === 200) {
this.unitData = res.result
......@@ -178,9 +177,8 @@ export default {
})
},
// 左侧列表点击调用接口
unitClick(item){
this.$nextTick(()=>{
unitClick (item) {
this.$nextTick(() => {
this.$refs.slxx[0].list(item.bsmSldy)
})
},
......@@ -194,24 +192,22 @@ export default {
} else {
this.tabList = [...this.tabList1]
}
}else if(item.icon=='fqsq8'){
} else if (item.icon == 'fqsq8') {
this.thflag = true
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs.thdialogRef.tablelistFn()
})
}
else if(item.icon=='fqsq9'){
else if (item.icon == 'fqsq9') {
this.zcDialog = true
}
// if (index == 3) {
// window.close()
// }
},
loadView (view) {
return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
},
},
}
</script>
......@@ -286,6 +282,7 @@ export default {
}
}
}
.map-drawer-expand {
width: 20px;
height: 77px;
......@@ -297,6 +294,7 @@ export default {
z-index: 999;
cursor: pointer;
}
.map-drawer-click {
width: 20px;
height: 77px;
......@@ -308,6 +306,7 @@ export default {
z-index: 999;
cursor: pointer;
}
.hide {
display: none;
}
......@@ -319,38 +318,44 @@ export default {
background-color: #ffffff;
z-index: 100;
@include flex;
.tabsList-left{
.tabsList-left {
border-right: 1px solid #EBEEF5;
position: relative;
ul{
ul {
position: relative;
.xian{
.xian {
background: #F2F2F2;
padding: 2px;
}
p{
p {
padding: 20px;
text-align: center;
}
li{
li {
padding: 10px;
font-size: 14px;
color: #606266;
}
li:hover{
li:hover {
color: #0F93F6;
cursor:pointer
cursor: pointer
}
}
}
.tabsList-right{
.fenpin{
.tabsList-right {
.fenpin {
min-width: 50%;
border-right: 1px solid #EBEEF5;
}
background-color: #ffffff;
width: 100%;
height: 100%;
......
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选'
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "status",
label: "状态",
},
{
prop: "qllx",
label: "权利类型",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "bdcqzh",
label: "不动产权证号",
},
{
prop: "qlr",
label: "权利人",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "mj",
label: "面积",
},
{
prop: "yt",
label: "用途",
},
{
prop: "zl",
label: "坐落",
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
<template>
<div>
<dialogBox title="查询权利信息" @submitForm="submitForm" :saveloding="saveloding" saveButton="发起申请" width="85%"
@closeDialog="closeDialog" v-model="myValue">
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
......@@ -45,16 +42,13 @@
<div class="from-clues-content">
<lb-table :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">
@selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
</div>
</dialogBox>
</div>
</template>
<script>
import { datas, sendThis } from "./gyjsydsyqdata.js";
import { datas, sendThis } from "./cfdj.js";
import table from "@/utils/mixin/table";
import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
export default {
......@@ -122,7 +116,6 @@ export default {
window.open(href, '_blank');
})
},
closeDialog () {
this.$emit("input", false);
},
......
<template>
<dialogBox title="查询权利信息" width="85%" :isButton="false" @closeDialog="closeDialog" v-model="myValue">
<component :is="editItem" />
</dialogBox>
</template>
<script>
export default {
props: {
value: { type: Boolean, default: true },
bsmSqyw: { type: String, default: '' },
djywbm: { type: String, default: '' },
},
data () {
return {
editItem: '',
myValue: this.value,
};
},
watch: {
value (val) {
this.myValue = val
this.fetchData()
},
djywbm (val) {
let itemObj = { 'A03100': 'scdj', default: 'scdj' }
this.editItem = this.loadView(itemObj[val])
},
},
methods: {
loadView (view) {
return r => require.ensure([], () => r(require(`../${view}/${view}.vue`)))
},
fetchData () {
if (this.value) {
selectBdcdy({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
}
},
closeDialog () {
this.$emit("input", false);
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :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>
</template>
<script>
import { datas, sendThis } from "./scdj.js";
import table from "@/utils/mixin/table";
import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
export default {
mixins: [table],
data () {
return {
queryForm: {
qllx: "",
bdcdyh: "",
ywh: "",
bdcqzh: "",
sqywbm: "A03100",
},
qllxs: [],
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
bdcdysz: []
};
},
mounted () {
sendThis(this);
},
methods: {
// submitForm () {
// if (this.bdcdysz.length == 0) {
// this.$message.error('请至少选择一条数据');
// return
// }
// this.saveloding = true
// startBusinessFlow({
// bsmSqyw: this.bsmSqyw,
// bdcdysz: this.bdcdysz
// }).then(res => {
// this.saveloding = false
// this.$emit('input', false)
// const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw + '&bsmSlsq=' + res.message)
// window.open(href, '_blank');
// })
// },
closeDialog () {
this.$emit("input", false);
},
handleSelectionChange (val) {
this.bdcdysz = val
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选'
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "status",
label: "状态",
},
{
prop: "ywh",
label: "业务号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "cfjg",
label: "查封机关",
},
{
prop: "cfwh",
label: "查封文号",
},
{
prop: "bzxqlr",
label: "被执行权利人",
},
{
prop: "cfqssj",
label: "查封起始时间",
},
{
prop: "cfjssj",
label: "查封结束时间",
},
{
prop: "zl",
label: "坐落",
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :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>
</template>
<script>
import { datas, sendThis } from "./xfdj.js";
import table from "@/utils/mixin/table";
import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
export default {
props: {
value: { type: Boolean, default: false },
bsmSqyw: { type: String, default: '' },
},
mixins: [table],
data () {
return {
appliDialog: false,
queryForm: {
qllx: "",
bdcdyh: "",
ywh: "",
bdcqzh: "",
sqywbm: "A03100",
},
qllxs: [],
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
myValue: this.value,
saveloding: false,
bdcdysz: []
};
},
mounted () {
sendThis(this);
},
watch: {
value (val) {
this.myValue = val
this.fetchData()
},
},
methods: {
fetchData () {
if (this.value) {
selectBdcdy({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
}
},
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error('请至少选择一条数据');
return
}
this.saveloding = true
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bdcdysz: this.bdcdysz
}).then(res => {
this.saveloding = false
this.$emit('input', false)
const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw + '&bsmSlsq=' + res.message)
window.open(href, '_blank');
})
},
closeDialog () {
this.$emit("input", false);
},
handleSelectionChange (val) {
this.bdcdysz = val
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选'
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "status",
label: "状态",
},
{
prop: "bdczmh",
label: "不动产证明号",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "dyfs",
label: "抵押方式",
},
{
prop: "dyqr",
label: "抵押权人",
},
{
prop: "dyr",
label: "抵押人",
},
{
prop: "dyje",
label: "抵押金额(万元)",
},
{
prop: "dymj",
label: "抵押面积",
},
{
prop: "zwyxqx",
label: "债务履行期限",
},
{
prop: "zl",
label: "坐落",
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="100px">
<el-row>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="2" class="btnCol">
<el-form-item>
<el-button type="primary" @click="queryClick()">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :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>
</template>
<script>
import { datas, sendThis } from "./zydj.js";
import table from "@/utils/mixin/table";
import { selectBdcdy, startBusinessFlow } from "@/api/ywbl.js";
export default {
props: {
value: { type: Boolean, default: false },
bsmSqyw: { type: String, default: '' },
},
mixins: [table],
data () {
return {
appliDialog: false,
queryForm: {
qllx: "",
bdcdyh: "",
ywh: "",
bdcqzh: "",
sqywbm: "A03100",
},
qllxs: [],
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
myValue: this.value,
saveloding: false,
bdcdysz: []
};
},
mounted () {
sendThis(this);
},
watch: {
value (val) {
this.myValue = val
this.fetchData()
},
},
methods: {
fetchData () {
if (this.value) {
selectBdcdy({ ...this.queryForm, ...this.pageData })
.then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
})
}
},
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error('请至少选择一条数据');
return
}
this.saveloding = true
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bdcdysz: this.bdcdysz
}).then(res => {
this.saveloding = false
this.$emit('input', false)
const { href } = this.$router.resolve('/fqsq?bsmSqyw=' + this.bsmSqyw + '&bsmSlsq=' + res.message)
window.open(href, '_blank');
})
},
closeDialog () {
this.$emit("input", false);
},
handleSelectionChange (val) {
this.bdcdysz = val
}
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
......@@ -60,15 +60,15 @@
</div>
</div>
<div class="submit-button">
<el-button type="primary" :disabled="btnDisabled" @click="btnClick()">选择不动产信息</el-button>
<el-button type="primary" :disabled="btnDisabled" @click="btnClick">选择不动产信息</el-button>
</div>
</div>
<choiceDialog v-model="isDialog" :bsmSqyw="bsmSqyw" />
<fqsqDialog v-model="isDialog" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
</div>
</template>
<script>
import { getCollectBiz, getleftMenu, getNextNode } from "@/api/ywbl"
import choiceDialog from "./components/gyjsydsyq/gyjsydsyq.vue"
import fqsqDialog from "./components/fqsqDialog/fqsqDialog.vue"
export default {
data () {
return {
......@@ -89,11 +89,12 @@ export default {
djqxList: [],
bsmSqyw: '',
isDialog: false,
btnDisabled: true
btnDisabled: true,
djywbm: ''
}
},
components: {
choiceDialog
fqsqDialog
},
created () {
this.getDataList()
......@@ -127,9 +128,11 @@ export default {
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
this.djywbm = item.djywbm
}
},
handleList (list, obj) {
this.btnDisabled = true
list.forEach(item => {
if (item.check) item.check = false
})
......@@ -142,9 +145,8 @@ export default {
// 获取下个节点类型
getNextNode (bsmSqyw) {
getNextNode(bsmSqyw).then(res => {
let { djqx, djlx } = res.result
if (djqx) this.djqxList = djqx
if (djlx) this.djlxList = djlx
if (res.result.djqx) this.djqxList = res.result.djqx
if (res.result.djlx) this.djlxList = res.result.djlx
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
})
......@@ -161,6 +163,8 @@ export default {
},
// 登记类型
handleDjlxSelect (item) {
console.log(item, 'itemitem');
this.btnDisabled = true
this.djlxList.forEach(item => {
if (item.select) item.select = false
})
......@@ -168,6 +172,7 @@ export default {
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
this.djywbm = item.djywbm
} else {
this.getNextNode(item.bsmSqyw)
}
......@@ -177,6 +182,9 @@ export default {
btnClick () {
this.isDialog = true
},
loadView (view) {
return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
},
}
}
</script>
......