Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
fb1876fa by liangyifan
Options

申请

1 parent 1328387d
Inline Side-by-side
Showing 6 changed files with 153 additions and 51 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>
......
......@@ -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 ywlys" :key="item.value" :label="item.label" :value="item.value">
<el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</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 qllxs" :key="item.value" :label="item.label" :value="item.value">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</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 djlxs" :key="item.value" :label="item.label" :value="item.value">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -58,17 +58,29 @@
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],
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 {
qllxs: [],
djlxs: [],
queryForm: {
ywly: "",
qllx: "",
......@@ -81,8 +93,6 @@ export default {
total: 0,
},
ywlys: datas.ywlys(),
tableData: {
columns: datas.columns(),
data: [],
......
......@@ -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 readonly 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 readonly 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 readonly v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -25,7 +25,7 @@
<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-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -33,7 +33,7 @@
<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-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -51,12 +51,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地代码：" prop="zddm">
<el-input v-model="ruleForm.zddm"></el-input>
<el-input readonly 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 readonly v-model="ruleForm.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -71,12 +71,12 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地面积：" prop="zdmj">
<el-input v-model="ruleForm.zdmj"></el-input>
<el-input readonly 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 readonly style="width: 100%" v-model="ruleForm.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -99,7 +99,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="取得价格：" prop="qdjg">
<el-input v-model="ruleForm.qdjg"></el-input>
<el-input readonly v-model="ruleForm.qdjg"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -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 {
readonly: 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 () { },
},
}
......
......@@ -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>
......@@ -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,49 @@
</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>
<dialogBox title="查询权利信息" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%"
height='30%' @closeDialog="closeDialog" v-model="myValue">
<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>
</div>
</template>
<script>
import { Init } from "@/api/fqsq.js"
import { leftMenu,completeTask } from "@/api/fqsq.js"
export default {
/**注册组件*/
components: {},
data () {
return {
myValue:false,
saveloding:false,
queryForm:{
shyj:"",
bsmSlsq:"",
},
isShowdrawer: true,
key: 0,
flag: false,
......@@ -131,7 +154,8 @@ export default {
],
tabList: [],
editItem: '',
issplitScreen: false
issplitScreen: false,
unitData:[],
};
},
watch: {
......@@ -144,20 +168,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 +210,35 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
} else {
this.tabList = [...this.tabList1]
}
}else if(item.icon=='fqsq9'){
this.myValue = true
}
// if (index == 3) {
// window.close()
// }
},
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);
},
loadView (view) {
return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
},
},
}
</script>
......@@ -206,7 +269,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
padding: 0;
box-sizing: border-box;
background-color: #ffffff;
overflow: hidden;
.splitScreen {
......@@ -315,8 +378,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 +393,8 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
/deep/.el-tabs {
width: 100%;
height: 90vh;
overflow-y: scroll;
}
}
</style>
\ No newline at end of file
......