Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7805d0e7 by 蔡俊立
Options

发起申请

1 parent 291b4853
Inline Side-by-side
Showing 3 changed files with 134 additions and 69 deletions
......@@ -78,3 +78,21 @@ export function clmlDelete (params) {
params: params
})
}
// 获取下一环节信息
export function getNextLinkInfo (params) {
return request({
url: '/business/workFlow/getNextLinkInfo',
method: 'get',
params: params
})
}
// 环节扩展信息
export function stepExpandInfo (data) {
return request({
url: '/business/workFlow/stepExpandInfo',
method: 'post',
data
})
}
......
......@@ -6,10 +6,10 @@
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="120px">
<el-form-item label="下一环节名称:">
代码审查
{{this.tableData.taskName}}
</el-form-item>
<el-form-item label="下一环节办理人:">
赵小千
{{this.usernames}}
</el-form-item>
</el-form>
......@@ -19,7 +19,7 @@
</template>
<script>
import { completeTask } from "@/api/fqsq.js"
import { completeTask ,getNextLinkInfo} from "@/api/fqsq.js"
export default {
components: {
},
......@@ -29,9 +29,21 @@ export default {
},
data () {
return {
tableData: {},
usernames: '',
}
},
methods: {
tablelistFn(){
getNextLinkInfo(this.queryForm).then(res => {
if (res.code === 200) {
this.tableData = res.result
if(res.result.usernames){
this.usernames = String(res.result.usernames)
}
}
})
},
submitForm () {
completeTask(this.queryForm).then(res => {
console.log(res)
......
......@@ -2,14 +2,14 @@
<div class='fqsq'>
<div class="fqsq-header">
<ul>
<li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
<li @click="operation(index, item)" v-for="(item, index) in headerleftList"
:key="index">
<svg-icon :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</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 headerRightList" :key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
......@@ -39,7 +39,7 @@
<div class="splitScreen"></div>
</div>
<el-tabs v-model="activeName" @tab-click='activeClick'>
<el-tab-pane :label="item.name" :name="index + 1 + ''" 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">
<div class="splitScreen-con" v-if='index == 0'>
<component ref='slxx' :is="editItem" :flag="flag" :key="key" />
</div>
......@@ -49,13 +49,13 @@
</el-tabs>
</div>
</div>
<zc v-model="zcDialog" :queryForm='queryForm' />
<zc ref="zcDialogRef" v-model="zcDialog" :queryForm='queryForm' />
<thDialog ref='thdialogRef' v-model="thflag" :taskId='taskId' :bsmBusiness='bsmBusiness' :queryForm='queryForm' />
<zsylDialog v-model='zsylFlag' />
</div>
</template>
<script>
import { leftMenu } from "@/api/fqsq.js"
import { leftMenu,stepExpandInfo} from "@/api/fqsq.js"
import zc from "./components/zc.vue"
import thDialog from "./components/th.vue"
import zsylDialog from './components/zsyl'
......@@ -75,68 +75,90 @@ export default {
key: 0,
flag: false,
headerleftList: [
{
name: '图形定位',
icon: 'fqsq1'
},
{
name: '登记簿',
icon: 'fqsq2'
},
{
name: '证书预览',
icon: 'fqsq3'
},
{
name: '流程图',
icon: 'fqsq4'
},
{
name: '材料分屏',
icon: 'fqsq5'
},
{
name: '材料导入',
icon: 'fqsq6'
},
{
name: '打印申请书',
icon: 'fqsq7'
},
// {
// name: '图形定位',
// icon: 'fqsq1'
// },
// {
// name: '登记簿',
// icon: 'fqsq2'
// },
// {
// name: '证书预览',
// icon: 'fqsq3'
// },
// {
// name: '流程图',
// icon: 'fqsq4'
// },
// {
// name: '材料分屏',
// icon: 'fqsq5'
// },
// {
// name: '材料导入',
// icon: 'fqsq6'
// },
// {
// name: '打印申请书',
// icon: 'fqsq7'
// },
// {
// name: '登簿',
// icon: 'fqsq2'
// },
// {
// name: '退回',
// icon: 'fqsq8'
// },
// {
// name: '转出',
// icon: 'fqsq9'
// },
// {
// name: '退出',
// icon: ''
// }
],
headerRightList: [
{
name: '登簿',
icon: 'fqsq2'
icon: 'fqsq2',
value: 'db'
},
{
name: '退回',
icon: 'fqsq8'
icon: 'fqsq8',
value: 'th'
},
{
name: '转出',
icon: 'fqsq9'
icon: 'fqsq9',
value: 'zc'
},
{
name: '退出',
icon: ''
icon: '',
value: 'tc'
}
],
activeName: '1',
activeName: 'slxx',
tabList1: [
{
name: '受理申请',
},
{
name: '材料信息',
},
{
name: '审批意见',
},
{
name: '宗地基本信息',
},
{
name: '权利信息',
},
// {
// name: '受理申请',
// },
// {
// name: '材料信息',
// },
// {
// name: '审批意见',
// },
// {
// name: '宗地基本信息',
// },
// {
// name: '权利信息',
// },
],
tabList: [],
editItem: '',
......@@ -150,20 +172,19 @@ export default {
watch: {
activeName: {
handler (newName, oldName) {
console.log(newName, 'newName');
let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' }
this.editItem = this.loadView(itemObj[newName])
//console.log(newName,oldName);
//let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' }
this.editItem = this.loadView(newName)
},
immediate: true
}
},
created () {
this.tabList = [...this.tabList1]
// this.tabList = [...this.tabList1]
},
mounted () {
if (this.$route.query.bsmSlsq) {
this.expandInfo(this.$route.query.bestepid);
this.list(this.$route.query.bsmSlsq)
this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
this.queryForm.bestepid = this.$route.query.bestepid
......@@ -187,8 +208,21 @@ export default {
}
})
},
//获取环节扩展信息
expandInfo(bestepid){
let that = this
var formdata = new FormData();
formdata.append("bestepid", bestepid);
stepExpandInfo(formdata).then(res => {
if (res.code === 200) {
this.tabList1 = [...res.result.form]
this.tabList = res.result.form;
this.headerleftList = res.result.button
}
})
},
activeClick(tab,event){
if(tab.name=='1'){
if(tab.name=='slxx'){
this.list(this.id)
}
},
......@@ -200,27 +234,28 @@ export default {
this.$refs.slxx[0].list(item.bsmSldy)
})
},
operation (index, item) {
if(item.icon == 'fqsq3'){
operation (index, item) {
if(item.value == 'zsyl'){
this.zsylFlag = true
} else if (item.icon == 'fqsq5') {
} else if (item.value == 'clfp') {
this.key++
this.issplitScreen = !this.issplitScreen
this.flag = !this.flag
if (this.issplitScreen) {
this.tabList.splice(1, 1)
} else {
} else {
this.tabList = [...this.tabList1]
}
} else if (item.icon == 'fqsq8') {
} else if (item.value == 'th') {
this.thflag = true
this.$nextTick(() => {
this.$refs.thdialogRef.tablelistFn()
})
}
else if (item.icon == 'fqsq9') {
else if (item.value == 'zc') {
this.zcDialog = true
this.$refs.zcDialogRef.tablelistFn()
}
// if (index == 3) {
// window.close()
......