Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
b2a8f178 by 任超
Options

style:发起申请

1 parent 100777c4
Inline Side-by-side
Showing 5 changed files with 200 additions and 56 deletions
......@@ -80,6 +80,15 @@ export const asyncRoutes = [
component: () => import('@/views/ywbl/ybx/ybx.vue'),
name: 'ybx',
meta: { title: '已办箱' }
},
{
path: 'fqsq',
id: '24',
parentId: '2',
component: () => import('@/views/ywbl/fqsq/fqsq.vue'),
name: 'fqsq',
hidden: true,
meta: { title: '发起申请' }
}
]
},
......
<template>
<div class="appli-header">
<ul class="header-left">
<li>
图形定位
</li>
<li>
登记薄
</li>
<li>
证书预览
</li>
<li>
流程图
</li>
<li>
材料导入
</li>
<li>
打印申请书
</li>
</ul>
<ul class="header-right">
<li>
登簿
</li>
<li>
退回
</li>
<li>
转出
</li>
<li @click="closeDialog" class="pointer">
<i class="el-icon-circle-close"></i>
</li>
</ul>
</div>
</template>
<script>
export default {
props: {
value: { type: Boolean, default: false },
},
methods: {
closeDialog () {
this.$emit('input', false)
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
</style>
<template>
<div class='slxx'>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<div class="slxx_title">受理信息</div>
<el-row>
<el-col :span="8">
<el-form-item label="业务号" prop="ywh">
<el-input v-model="ruleForm.ywh"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
export default {
/**注册组件*/
components: {},
data () {
return {
ruleForm: {
ywh: ''
},
rules: {
ywh: [
{ required: true, message: '业务号', trigger: 'blur' }
],
}
};
},
methods: {
},
}
</script>
<style scoped lang='scss'>
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 15px;
margin-bottom: 15px;
}
</style>
\ No newline at end of file
<template>
<div class='fqsq'>
<div class="fqsq-header">
<ul>
<li v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 3)" :key="index">
<svg-icon :icon-class="item.icon" />
{{ item.name }}
</li>
</ul>
<ul>
<li v-for="(item, index) in headerleftList.slice(-3)" :key="index">
<svg-icon :icon-class="item.icon" />
{{ item.name }}
</li>
</ul>
</div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
</el-tab-pane>
</el-tabs>
<component :is="editItem" />
</div>
</template>
<script>
export default {
/**注册组件*/
components: {},
data () {
return {
headerleftList: [
{
name: '图形定位',
icon: ''
},
{
name: '登记簿',
icon: ''
},
{
name: '证书预览',
icon: ''
},
{
name: '流程图',
icon: ''
},
{
name: '材料分屏',
icon: ''
},
{
name: '材料导入',
icon: ''
},
{
name: '打印申请书',
icon: ''
},
{
name: '登簿',
icon: ''
},
{
name: '退回',
icon: ''
},
{
name: '转出',
icon: ''
}
],
activeName: '1',
tabList: [
{
name: '受理申请',
},
{
name: '材料信息',
},
{
name: '审批意见',
},
{
name: '宗地基本信息',
},
{
name: '权利信息',
},
],
editItem: 'slxx'
};
},
mounted () {
let itemObj = { '1': 'slxx' }
this.editItem = this.loadView(itemObj[this.activeName])
},
methods: {
handleClick (tab, event) {
console.log(tab, event);
},
loadView (view) {
return r => require.ensure([], () => r(require(`./components/${view}`)))
},
},
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
/deep/.el-tabs__nav-wrap {
padding: 5px 0 0 15px;
}
/deep/.el-tabs__nav-wrap::after {
height: 1px;
}
.fqsq {
width: 100%;
height: 100%;
background-color: #ffffff;
&-header {
@include flex;
width: 100%;
height: 64px;
background-color: #10CCB8;
color: #ffffff;
border-radius: 4px;
justify-content: space-between;
padding-left: 15px;
ul {
@include flex;
li {
@include flex-center;
cursor: pointer;
flex-direction: column;
margin-right: 15px;
}
}
}
}
</style>
\ No newline at end of file
......@@ -95,7 +95,7 @@ export default {
methods: {
submitForm () {
this.$emit('input', false)
this.appliDialog = true
this.$router.push({ name: 'fqsq', query: { id: '1' } })
},
closeDialog () {
this.$emit('input', false)
......