Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
25df053f by 任超
Options

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

2 parents 27699d38 eae4b97e
Inline Side-by-side
Showing 8 changed files with 263 additions and 65 deletions
import request from '@/utils/request'
/*
业务办理-获取收藏业务集合
*/
// 转出
export function completeTask (data) {
return request({
url: '/business/workFlow/completeTask',
method: 'post',
data
})
}
// 获取左侧列表
export function leftMenu (data) {
return request({
url: '/ywbl/tdsyqlr/leftMenu',
method: 'post',
data
})
}
// 受理信息返显接口
export function Init (data) {
return request({
url: '/ywbl/tdsyqlr/Init',
......
......@@ -7,7 +7,7 @@
<el-col :span="5">
<el-form-item label="业务来源">
<el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
......@@ -15,7 +15,7 @@
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option v-for="item in dictData['A8']" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
......@@ -23,7 +23,7 @@
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option v-for="item in dictData['A21']" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
......
......@@ -55,20 +55,31 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./dbxdata";
import { searchTaskToDo } from "@/api/ywbl.js"
import { mapGetters } from 'vuex'
export default {
name: "dbx",
components: {},
mixins: [table],
mounted () {
sendThis(this);
},
computed: {
...mapGetters(['dictData']),
},
mounted () {
sendThis(this);
let that = this
document.addEventListener('visibilitychange', function() {
var isHidden = document.hidden;
if (isHidden) {//切离该页面时执行
//页面切换时，处理逻辑
} else {//切换到该页面时执行
console.log('让我看看')
that.fetchData()
}
});
},
data () {
return {
queryForm: {
......
......@@ -85,14 +85,6 @@ class data extends filter {
]
}
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
{ value: 4, label: "银行端" },
]
}
}
let datas = new data()
......
......@@ -6,17 +6,17 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：" prop="ywh">
<el-input v-model="ruleForm.ywh"></el-input>
<el-input disabled v-model="ruleForm.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：" prop="slry">
<el-input v-model="ruleForm.slry"></el-input>
<el-input disabled v-model="ruleForm.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用权结束时间：" prop="slsj">
<el-date-picker v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
<el-date-picker disabled v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -24,23 +24,23 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：" prop="qllx">
<el-select v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
<el-select disabled v-model="ruleForm.qllx" 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="8">
<el-form-item label="登记类型：" prop="djlx">
<el-select v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
<el-select disabled v-model="ruleForm.djlx" 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="8">
<el-form-item label="登记情形：" prop="djqx">
<el-select v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
<el-select disabled v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
<el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -51,17 +51,17 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地代码：" prop="zddm">
<el-input v-model="ruleForm.zddm"></el-input>
<el-input disabled v-model="ruleForm.zddm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：" prop="bdcdyh">
<el-input v-model="ruleForm.bdcdyh"></el-input>
<el-input disabled v-model="ruleForm.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利性质：" prop="qlxz">
<el-select v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形">
<el-select disabled v-model="ruleForm.qlxz" filterable clearable placeholder="请选择权利性质">
<el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -71,19 +71,19 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地面积：" prop="zdmj">
<el-input v-model="ruleForm.zdmj"></el-input>
<el-input disabled v-model="ruleForm.zdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="坐落：" prop="zl">
<el-input style="width: 100%" v-model="ruleForm.zl"></el-input>
<el-input disabled style="width: 100%" v-model="ruleForm.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="土地用途：" prop="tdyt">
<el-select v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形">
<el-select disabled v-model="ruleForm.tdyt" filterable clearable placeholder="请选择土地用途">
<el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -91,7 +91,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="权利设定方式：" prop="qlsdfs">
<el-select v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形">
<el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式">
<el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -99,26 +99,26 @@
</el-col>
<el-col :span="8">
<el-form-item label="取得价格：" prop="qdjg">
<el-input v-model="ruleForm.qdjg"></el-input>
<el-input disabled v-model="ruleForm.qdjg"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用权起始时间：" prop="syqqssj">
<el-date-picker v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" value-format="yyyy-MM-dd">
<el-date-picker disabled v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用权结束时间：" prop="syqjssj">
<el-date-picker v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
<el-date-picker disabled v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用期限：" prop="syqx">
<el-date-picker v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" value-format="yyyy-MM-dd">
<el-date-picker disabled v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -134,7 +134,7 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="共有方式：">
<el-radio-group v-model="ruleForm.gyfs">
<el-radio-group disabled v-model="ruleForm.gyfs">
<el-radio label="单独所有"></el-radio>
<el-radio label="共同共有"></el-radio>
<el-radio label="按份所有"></el-radio>
......@@ -165,6 +165,8 @@
</template>
<script>
import InformationTable from './InformationTable'
import { Init } from "@/api/fqsq.js"
import { mapGetters } from 'vuex'
export default {
/**注册组件*/
components: { InformationTable },
......@@ -174,8 +176,12 @@ export default {
default: false
}
},
computed: {
...mapGetters(['dictData']),
},
data () {
return {
disabled: true,
flag: this.flag,
flagTop: this.flag ? 'top' : '',
qllxOption: [],
......@@ -213,8 +219,19 @@ export default {
}
};
},
methods: {
list(bsmSldy){
var formdata=new FormData();
//可以通过append()方法来追加数据
formdata.append("bsmSldy",bsmSldy);
Init(formdata).then(res => {
if (res.code === 200) {
console.log(res,1111)
this.ruleForm = res.result
}
})
},
onSubmit () { },
},
}
......
<template>
<dialogBox title="转出" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%"
height='30%' @closeDialog="closeDialog" v-model="value">
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<lb-table :column="columns" border :key="key" :heightNum="390" :pagination="false" heightNumSetting
:data="tableData">
</lb-table>
<el-form :model="queryForm" ref="queryForm" label-width="120px">
<el-form-item label="退回意见:">
<el-input type="textarea" v-model="queryForm.shyj"></el-input>
</el-form-item>
</el-form>
</div>
</div>
</dialogBox>
</template>
<script>
import { completeTask } from "@/api/fqsq.js"
export default {
components: {
},
props: {
value: { type: Boolean, default: false },
queryForm:{type:Object,default:false}
},
data () {
return {
saveloding:false,
columns:[
{
label: '',
align: 'center',
render: (h, scope) => {
return <el-radio-group> <el-radio label="3">备选项</el-radio></el-radio-group>
}
},
{
prop: "thhjmc",
label: "退回环节名称",
},
{
prop: "blr",
label: "办理人",
},
],
tableData:[],
radio:3
}
},
methods: {
submitForm () {
},
closeDialog () {
this.$emit("input", false);
},
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
<template>
<dialogBox title="转出" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%"
height='30%' @closeDialog="closeDialog" v-model="value">
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="120px">
<el-form-item label="下一环节名称:">
代码审查
</el-form-item>
<el-form-item label="下一环节办理人:">
赵小千
</el-form-item>
<el-form-item label="审批意见:">
<el-input type="textarea" v-model="queryForm.shyj"></el-input>
</el-form-item>
</el-form>
</div>
</div>
</dialogBox>
</template>
<script>
import { completeTask } from "@/api/fqsq.js"
export default {
components: {
},
props: {
value: { type: Boolean, default: false },
queryForm:{type:Object,default:false}
},
data () {
return {
saveloding:false,
}
},
methods: {
submitForm () {
completeTask(this.queryForm).then(res => {
console.log(res)
if (res.code === 200) {
console.log(res,555)
window.opener = null;
window.open("about:blank", "_self");
window.close();
this.$emit('input', false)
}
})
},
closeDialog () {
this.$emit("input", false);
},
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
......@@ -9,7 +9,7 @@
</li>
</ul>
<ul>
<li @click="operation(index)" 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>
......@@ -18,7 +18,7 @@
<div class="tabsList">
<div class="tabsList-left" >
<div class="map-drawer-click"
v-if='isShowdrawer'
v-if='!isShowdrawer'
@click=" () => {
this.isShowdrawer = !this.isShowdrawer;}">
</div>
......@@ -28,13 +28,11 @@
this.isShowdrawer = !this.isShowdrawer;}">
</div>
<ul v-if='this.isShowdrawer'>
<p>受理单元列表(3)</p>
<li>610100102104GB00004W00000000</li>
<div class="xian"></div>
<li>610100102104GB00004W00000000</li>
<div class="xian"></div>
<li>610100102104GB00004W00000000</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" >
......@@ -44,24 +42,31 @@
</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">
<component :is="editItem" :flag="flag" :key="key" />
<div class="splitScreen-con" v-if='index==0'>
<component ref='slxx' :is="editItem" :flag="flag" :key="key" />
</div>
</el-tab-pane>
</el-tabs></div>
</div>
<zc v-model="zcDialog" :queryForm='queryForm' />
<thDialog v-model="thflag" />
</div>
</template>
<script>
import { Init } from "@/api/fqsq.js"
import { leftMenu } from "@/api/fqsq.js"
import zc from "./components/zc.vue"
import thDialog from "./components/th.vue"
export default {
/**注册组件*/
components: {},
components: {zc,thDialog},
data () {
return {
zcDialog:false,
thflag:false,
queryForm:{
shyj:"",
bsmSlsq:"",
},
isShowdrawer: true,
key: 0,
flag: false,
......@@ -131,7 +136,8 @@ export default {
],
tabList: [],
editItem: '',
issplitScreen: false
issplitScreen: false,
unitData:[],
};
},
watch: {
......@@ -144,20 +150,38 @@ export default {
}
},
created () {
this.tabList = [...this.tabList1]
this.list()
},
mounted(){
if(this.$route.query.bsmSlsq){
this.list(this.$route.query.bsmSlsq)
this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
}
},
methods: {
list(){
// 获取左侧列表
list(id){
let that = this
var formdata=new FormData();
//可以通过append()方法来追加数据
formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
Init(formdata).then(res => {
formdata.append("bsmSlsq",id);
leftMenu(formdata).then(res => {
if (res.code === 200) {
console.log(res,1111)
this.unitData = res.result
setTimeout(() => {
that.$refs.slxx[0].list(that.unitData[0].bsmSldy)
}, 300);
}
})
},
// 左侧列表点击调用接口
unitClick(item){
this.$nextTick(()=>{
this.$refs.slxx[0].list(item.bsmSldy)
})
},
operation (index, item) {
if (item.icon == 'fqsq5') {
this.key++
......@@ -168,14 +192,21 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
} else {
this.tabList = [...this.tabList1]
}
}else if(item.icon=='fqsq8'){
this.thflag = true
}
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>
......@@ -206,7 +237,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
padding: 0;
box-sizing: border-box;
background-color: #ffffff;
overflow: hidden;
.splitScreen {
......@@ -256,7 +287,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
background: url('../../../image/right.png');
background-size: cover;
position: absolute;
left: 0%;
right: 0%;
top: 30%;
z-index: 999;
cursor: pointer;
......@@ -267,7 +298,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
background: url('../../../image/left.png');
background-size: cover;
position: absolute;
right: -8%;
left: 0%;
top: 30%;
z-index: 999;
cursor: pointer;
......@@ -315,8 +346,9 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
min-width: 50%;
border-right: 1px solid #EBEEF5;
}
width: 100%;
background-color: #ffffff;
width: 100%;
height: 100%;
z-index: 100;
@include flex;
}
......@@ -329,6 +361,8 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
/deep/.el-tabs {
width: 100%;
height: 90vh;
overflow-y: scroll;
}
}
</style>
\ No newline at end of file
......