Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
763c1708 by 任超
Options

style;样式

2 parents 7a9a289c 1a6566f7
Inline Side-by-side
Showing 3 changed files with 129 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,13 @@
<div class='fqsq'>
<div class="fqsq-header">
<ul>
<li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
:key="index">
<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>
......@@ -42,7 +41,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">
<component ref='slxx' v-if='index == 0' :is="editItem" :flag="flag" :key="key" />
<component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" />
......@@ -52,13 +51,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'
......@@ -78,68 +77,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: '',
......@@ -153,19 +174,14 @@ export default {
watch: {
activeName: {
handler (newName, oldName) {
let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' }
this.editItem = this.loadView(itemObj[newName])
this.editItem = this.loadView(newName)
},
immediate: true
}
},
created () {
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
......@@ -189,8 +205,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)
}
},
......@@ -203,10 +232,10 @@ export default {
})
},
operation (index, item) {
if (item.icon == 'fqsq3') {
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
......@@ -215,14 +244,15 @@ export default {
} 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()
......