Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
a76cf122 by 田浩浩
Options

修改对应的文件及功能

1 parent a0be2501
Inline Side-by-side
Showing 5 changed files with 3 additions and 325 deletions
......@@ -88,7 +88,7 @@ export const asyncRoutes = [
path: 'ywsq',
id: '21',
parentId: '2',
component: () => import('@/views/ywbl/ywsq/ywsq.vue'),
component: () => import('@/views/ywbl/ywsq/guidePage.vue'),
name: 'ywsq',
meta: { title: '业务申请' }
},
......
......@@ -87,7 +87,7 @@ import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
import ProcessViewer from './components/processViewer.vue'
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
import { getForm } from "./flowform.js";
import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue";
import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
export default {
components: {
......
......@@ -79,7 +79,7 @@ import { getForm } from './flowform'
import NoticeBar from '@/components/NoticeBar/index'
import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
import ProcessViewer from './components/processViewer.vue'
import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue";
import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
export default {
components: {
fqsqDialog,
......
<template>
<dialogBox :title="title" width="85%" :isButton="false" :isMain="true" @closeDialog="closeDialog" v-model="myValue">
<component :is="editItem" @closeDialog="closeDialog" v-bind="$attrs" :isJump="isJump" id="slectBdc"
@updateDialog="updateDialog" :djywbm="djywbm" :key="key" :djqxObj="djqxObj" />
</dialogBox>
</template>
<script>
import { queueDjywmc } from './slectBdcdata.js'
export default {
props: {
isJump: { type: Boolean, default: false },
value: { type: Boolean, default: true },
djywbm: { type: String, default: '' },
djqxObj: { type: Object, default: () => { } }
},
data () {
return {
title: "",
key: 0,
editItem: '',
myValue: this.value
}
},
watch: {
value (val) {
this.myValue = val
this.key++
if (this.$route.query.sqywbm) {
let dd = queueDjywmc(this.$route.query.sqywbm)
this.editItem = this.loadView(dd)
}
},
'djywbm' (val) {
let dd = queueDjywmc(val)
this.editItem = this.loadView(dd)
}
},
methods: {
loadView (view) {
this.title = "申请业务：" + this.djqxObj.djywmc;
return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
},
closeDialog () {
this.$emit("input", false)
},
updateDialog () {
this.$emit("input", false)
this.$emit("updateDialog", true)
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.submit_button {
text-align: center;
padding: 10px;
margin: 10px;
}
</style>
<template>
<div class="ywsq" id="ywsq">
<div class="ywsq-left">
<p v-for="(item, index) in leftList" @click="handleleftTitle(index)" :key="index"
:class="{ 'active': n == index }">{{ item }}</p>
<el-collapse disabled v-model="activeNames">
<el-collapse-item title="业务申请" name="1">
<ul class="item-list">
<li v-for="(obj, key) in list" :key="key" @click="handleList(list, obj)" :class="obj.check ? 'active' : ''">
{{ obj.nodename }}</li>
</ul>
</el-collapse-item>
</el-collapse>
</div>
<!-- right -->
<div class="ywsq-right">
<div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
<div class="right-title">登记类型</div>
<ul class="type-content">
<li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
v-for="(item, index) in djlxList" :key="index">
<p>
{{ item.nodename }}
</p>
<p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
@click.stop="handleCollection(item)">
<i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
</p>
</li>
</ul>
</div>
<div class="right-situation el-card box-card is-always-shadow">
<div class="right-title">{{ obj[n] }}</div>
<ul>
<li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
@click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
<p v-if="n == 0">
{{ item.djywmc }}<br>
{{ item.nodename }}
</p>
<dt v-else>{{ item.nodename }}</dt>
<p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
<i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
</p>
</li>
</ul>
</div>
<div class="submit-button">
<el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
</div>
</div>
<fqsqDialog v-model="isDialog" :djqxObj="djqxObj" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
</div>
</template>
<script>
import fqsqDialog from "./slectBdc.vue"
import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
export default {
data () {
return {
n: 0,
activeNames: ['1'],
leftList: [
'常办业务', '一并申请', '登记簿补录',
],
// 左侧列表
list: [],
djlxList: [],
itemList: [],
ywList: [],
djqxList: [],
obj: {
'0': '常办业务列表',
'-1': '登记情形'
},
isDialog: false,
btnDisabled: true,
djywbm: '',
djqxObj: {},
bsmSqyw: ''
}
},
components: {
fqsqDialog
},
created () {
this.getDataList()
},
methods: {
getDataList () {
getCollectBiz().then(res => {
let { result } = res
this.ywList = result
this.ywList.forEach(item => {
this.$set(item, 'cselect', false)
item.userCollect = 1
})
if (this.n == 0) {
this.itemList = this.ywList
}
})
getleftMenu().then(res => {
let { result } = res
this.list = result
})
},
handleleftTitle (index) {
this.n = index
let obj = {
'0': this.ywList
}
this.itemList = obj[this.n]
this.list.forEach(item => {
if (item.check) item.check = false
})
},
// 业务-登记情形选择
handleSelectYw (item, list) {
list.forEach(item => {
this.$set(item, 'cselect', false)
})
item.cselect = true;
this.djqxObj = item;
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
})
this.n = -1
this.$set(obj, 'check', true)
this.getNextNode(obj.bsmSqyw)
this.djqxList = []
this.djlxList = []
this.itemList = []
},
// 获取下个节点类型
getNextNode (bsmSqyw, type = true) {
getNextNode(bsmSqyw).then(res => {
if (res.result.djqx) this.djqxList = res.result.djqx
if (res.result.djlx) this.djlxList = res.result.djlx
if (type) {
this.djqxList.forEach(item => {
this.$set(item, 'cselect', false)
})
this.djlxList.forEach(item => {
this.$set(item, 'cselect', false)
})
}
this.itemList = this.djqxList
})
},
handleCollection (item) {
let that = this
if (item.userCollect == '2') {
addCollectBiz(item.bsmSqyw).then(res => {
if (res.code == 200) {
item.userCollect = '1'
that.$message({
message: '收藏成功！',
type: 'success'
})
that.getDataList()
}
})
} else {
this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteCollectBiz(item.bsmSqyw).then(res => {
if (res.code == 200) {
item.userCollect = '2'
that.$message({
message: '取消收藏成功！',
type: 'success'
})
that.getDataList()
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消收藏'
})
})
}
},
handleSelect (item) {
this.busList.forEach(item => {
item.cselect = false
})
item.cselect = !item.cselect
},
// 登记类型
handleDjlxSelect (item) {
this.djlxList.forEach(item => {
item.cselect = false
})
this.btnDisabled = true
item.cselect = true;
this.djqxObj = item;
if (item.sffqlc == '1') {
this.btnDisabled = false
this.bsmSqyw = item.bsmSqyw
this.djywbm = item.djywbm;
} else {
this.getNextNode(item.bsmSqyw, false)
}
this.djqxList = []
},
handleDjqxItem (item) {
this.djlxList.forEach(item => {
item.cselect = false
})
console.log(item);
if (item.sffqlc == 1) {
this.djywbm = item.djywbm
this.bsmSqyw = item.bsmSqyw
item.cselect = true
this.isDialog = true
this.btnDisabled = true
}
},
handleSelectItem (item, list) {
this.handleSelectYw(item, list)
this.isDialog = true
},
// 选择不动产信息
bthSelectClick () {
this.isDialog = true
},
loadView (view) {
return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
@import './ywsq.scss';
/deep/.el-collapse-item__content {
padding-bottom: 0;
}
/deep/.el-collapse-item__wrap {
border-bottom: none;
}
</style>
\ No newline at end of file