998d5e39 by 任超
2 parents 3e9012d2 4619abd4
......@@ -48,145 +48,145 @@ export const asyncRoutes = [
]
},
{
path: '/businessHandling',
path: '/ywbl',
id: '3',
parentId: null,
component: Layout,
meta: { title: '业务办理', icon: 'fykf' },
redirect: '/businessHandling/apply',
redirect: '/ywbl/ywsq/ywsq',
alwaysShow: true,
name: 'businessHandling',
name: 'ywbl',
children: [
{
path: 'apply',
path: 'ywsq',
id: '4',
parentId: '3',
component: () => import('@/views/businessHandling/apply.vue'),
name: 'apply',
component: () => import('@/views/ywbl/ywsq/ywsq.vue'),
name: 'ywsq',
meta: { title: '业务申请' }
},
{
path: 'todoBox',
path: 'dbx',
id: '5',
parentId: '3',
component: () => import('@/views/businessHandling/todoBox.vue'),
name: 'todoBox',
component: () => import('@/views/ywbl/dbx/dbx.vue'),
name: 'dbx',
meta: { title: '待办箱' }
},
{
path: 'boxHandled',
path: 'ybx',
id: '6',
parentId: '3',
component: () => import('@/views/businessHandling/boxHandled.vue'),
name: 'boxHandled',
component: () => import('@/views/ywbl/ybx/ybx.vue'),
name: 'ybx',
meta: { title: '已办箱' }
}
]
},
{
path: '/applicationQuery',
path: '/sqcx',
id: '9',
parentId: null,
component: Layout,
meta: { title: '申请查询', icon: 'fykf' },
redirect: '/applicationQuery/domesticPremises',
redirect: '/sqcx/jtfc',
alwaysShow: true,
name: 'applicationQuery',
name: 'sqcx',
children: [
{
path: 'domesticPremises',
path: 'jtfc',
id: '10',
parentId: '9',
component: () => import('@/views/applicationQuery/domesticPremises.vue'),
name: 'domesticPremises',
component: () => import('@/views/sqcx/jtfc.vue'),
name: 'jtfc',
meta: { title: '家庭房产' }
},
{
path: 'printRegister',
path: 'dydjb',
id: '12',
parentId: '9',
component: () => import('@/views/applicationQuery/printRegister.vue'),
name: 'printRegister',
component: () => import('@/views/sqcx/dydjb.vue'),
name: 'dydjb',
meta: { title: '打印登记薄' }
},
{
path: 'queryRecord',
path: 'cxjl',
id: '11',
parentId: '9',
component: () => import('@/views/applicationQuery/queryRecord.vue'),
name: 'queryRecord',
component: () => import('@/views/sqcx/cxjl.vue'),
name: 'cxjl',
meta: { title: '查询记录' }
}
]
},
{
path: '/comprehensiveQuery',
path: '/zhcx',
id: '13',
parentId: null,
component: Layout,
meta: { title: '综合查询', icon: 'fykf' },
redirect: '/comprehensiveQuery/progressQuery',
redirect: '/zhcx/jdcx',
alwaysShow: true,
name: 'comprehensiveQuery',
name: 'zhcx',
children: [
{
path: 'progressQuery',
path: 'jdcx',
id: '14',
parentId: '13',
component: () => import('@/views/comprehensiveQuery/progressQuery.vue'),
name: 'progressQuery',
component: () => import('@/views/zhcx/jdcx.vue'),
name: 'jdcx',
meta: { title: '进度查询' }
},
{
path: 'registerQuery',
path: 'djbcx',
id: '15',
parentId: '13',
component: () => import('@/views/comprehensiveQuery/registerQuery.vue'),
name: 'registerQuery',
component: () => import('@/views/zhcx/djbcx.vue'),
name: 'djbcx',
meta: { title: '登记簿查询' }
},
{
path: 'realestateInquiry',
path: 'lpcx',
id: '16',
parentId: '13',
component: () => import('@/views/comprehensiveQuery/realestateInquiry.vue'),
name: 'realestateInquiry',
component: () => import('@/views/zhcx/lpcx.vue'),
name: 'lpcx',
meta: { title: '楼盘查询' }
}
]
},
{
path: '/certificate',
path: '/zsgl',
id: '17',
parentId: null,
component: Layout,
meta: { title: '证书管理', icon: 'fykf' },
redirect: '/certificate/warehousing',
redirect: '/zsgl/zsrk',
alwaysShow: true,
name: 'certificate',
name: 'zsgl',
children: [
{
path: 'warehousing',
path: 'zsrk',
id: '18',
parentId: '17',
component: () => import('@/views/certificate/warehousing.vue'),
name: 'warehousing',
component: () => import('@/views/zsgl/zsrk.vue'),
name: 'zsrk',
meta: { title: '证书入库' }
},
{
path: 'distribution',
path: 'zsff',
id: '19',
parentId: '17',
component: () => import('@/views/certificate/distribution.vue'),
name: 'distribution',
component: () => import('@/views/zsgl/zsff.vue'),
name: 'zsff',
meta: { title: '证书分发' }
},
{
path: 'usageRecord',
path: 'zssyjl',
id: '20',
parentId: '17',
component: () => import('@/views/certificate/usageRecord.vue'),
name: 'usageRecord',
component: () => import('@/views/zsgl/zssyjl.vue'),
name: 'zssyjl',
meta: { title: '证书使用记录' }
}
]
......
//*****start*通用查询条件,列表样式******//
.from-clues {
padding: 10px;
background: #f7f7f7;
min-width: 1280px;
height: 100%;
width: 100%;
&-header {
width: 100%;
padding: 20px 20px 0 20px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #e8edf3;
}
&-content {
width: 100%;
padding: 20px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 8px;
margin-top: 10px;
border: 1px solid #e8edf3;
}
.el-form--inline .el-form-item {
width: auto;
margin-right: 0px;
.el-form-item__content {
width: auto;
}
}
}
//*****end*通用查询条件,列表样式******//
.width200px{
width: 200px;
}
<template>
<div>
22222222222222
</div>
</template>
<script>
export default {
components: {},
props: {},
name: '该组件名称',
data () {
return {
};
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
<template>
<keep-alive include="dbx">
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="90px">
<el-row>
<el-col :span="6">
<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>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<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>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<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>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
type="number"
class="width200px"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
</div>
</keep-alive>
</template>
<script>
export default {
name: "dbx",
components: {},
mounted() {},
data() {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
commentData: {},
};
},
created() {},
methods: {},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>
File mode changed