Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4619abd4 by jiaozeping@pashanhoo.com
Options

通用样式

1 parent 97f37007
Inline Side-by-side
Showing 7 changed files with 148 additions and 23 deletions
...@@ -53,7 +53,7 @@ export const asyncRoutes = [ ...@@ -53,7 +53,7 @@ export const asyncRoutes = [
53 parentId: null, 53 parentId: null,
54 component: Layout, 54 component: Layout,
55 meta: { title: '业务办理', icon: 'fykf' }, 55 meta: { title: '业务办理', icon: 'fykf' },
56 redirect: '/ywbl/ywsq', 56 redirect: '/ywbl/ywsq/ywsq',
57 alwaysShow: true, 57 alwaysShow: true,
58 name: 'ywbl', 58 name: 'ywbl',
59 children: [ 59 children: [
...@@ -61,7 +61,7 @@ export const asyncRoutes = [ ...@@ -61,7 +61,7 @@ export const asyncRoutes = [
61 path: 'ywsq', 61 path: 'ywsq',
62 id: '4', 62 id: '4',
63 parentId: '3', 63 parentId: '3',
64 component: () => import('@/views/ywbl/ywsq.vue'), 64 component: () => import('@/views/ywbl/ywsq/ywsq.vue'),
65 name: 'ywsq', 65 name: 'ywsq',
66 meta: { title: '业务申请' } 66 meta: { title: '业务申请' }
67 }, 67 },
...@@ -69,7 +69,7 @@ export const asyncRoutes = [ ...@@ -69,7 +69,7 @@ export const asyncRoutes = [
69 path: 'dbx', 69 path: 'dbx',
70 id: '5', 70 id: '5',
71 parentId: '3', 71 parentId: '3',
72 component: () => import('@/views/ywbl/dbx.vue'), 72 component: () => import('@/views/ywbl/dbx/dbx.vue'),
73 name: 'dbx', 73 name: 'dbx',
74 meta: { title: '待办箱' } 74 meta: { title: '待办箱' }
75 }, 75 },
...@@ -77,7 +77,7 @@ export const asyncRoutes = [ ...@@ -77,7 +77,7 @@ export const asyncRoutes = [
77 path: 'ybx', 77 path: 'ybx',
78 id: '6', 78 id: '6',
79 parentId: '3', 79 parentId: '3',
80 component: () => import('@/views/ywbl/ybx.vue'), 80 component: () => import('@/views/ywbl/ybx/ybx.vue'),
81 name: 'ybx', 81 name: 'ybx',
82 meta: { title: '已办箱' } 82 meta: { title: '已办箱' }
83 } 83 }
......
1 //*****start*通用查询条件，列表样式******//
2 .from-clues {
3 padding: 10px;
4 background: #f7f7f7;
5 min-width: 1280px;
6 height: 100%;
7 width: 100%;
8 &-header {
9 width: 100%;
10 padding: 20px 20px 0 20px;
11 box-sizing: border-box;
12 background: #FFFFFF;
13 border-radius: 8px;
14 border: 1px solid #e8edf3;
15 }
16 &-content {
17 width: 100%;
18 padding: 20px;
19 box-sizing: border-box;
20 background: #FFFFFF;
21 border-radius: 8px;
22 margin-top: 10px;
23 border: 1px solid #e8edf3;
24 }
25 .el-form--inline .el-form-item {
26 width: auto;
27 margin-right: 0px;
28 .el-form-item__content {
29 width: auto;
30 }
31 }
32 }
33 //*****end*通用查询条件，列表样式******//
34
35 .width200px{
36 width: 200px;
37 }
38
1 <template>
2 <keep-alive include="dbx">
3 <div class="from-clues">
4 <!-- 表单部分 -->
5 <div class="from-clues-header">
6 <el-form :model="queryForm" ref="queryForm" label-width="90px">
7 <el-row>
8 <el-col :span="6">
9 <el-form-item label="业务来源">
10 <el-select
11 v-model="queryForm.ywly"
12 filterable
13 clearable
14 placeholder="请选择业务来源"
15 >
16 <el-option
17 v-for="item in ywlys"
18 :key="item.value"
19 :label="item.label"
20 :value="item.value"
21 >
22 </el-option>
23 </el-select>
24 </el-form-item>
25 </el-col>
26 <el-col :span="6">
27 <el-form-item label="权利类型">
28 <el-select
29 v-model="queryForm.qllx"
30 filterable
31 clearable
32 placeholder="请选择权利类型"
33 >
34 <el-option
35 v-for="item in qllxs"
36 :key="item.value"
37 :label="item.label"
38 :value="item.value"
39 >
40 </el-option>
41 </el-select>
42 </el-form-item>
43 </el-col>
44 <el-col :span="6">
45 <el-form-item label="登记类型">
46 <el-select
47 v-model="queryForm.djlx"
48 filterable
49 clearable
50 placeholder="请选择登记类型"
51 >
52 <el-option
53 v-for="item in djlxs"
54 :key="item.value"
55 :label="item.label"
56 :value="item.value"
57 >
58 </el-option>
59 </el-select>
60 </el-form-item>
61 </el-col>
62 <el-col :span="6">
63 <el-form-item label="业务号">
64 <el-input
65 placeholder="请输入业务号"
66 v-model="queryForm.ywh"
67 clearable
68 type="number"
69 class="width200px"
70 >
71 </el-input>
72 </el-form-item>
73 </el-col>
74 </el-row>
75 </el-form>
76 </div>
77 <!-- 表格 -->
78 </div>
79 </keep-alive>
80 </template>
81 <script>
82 export default {
83 name: "dbx",
84 components: {},
85 mounted() {},
86 data() {
87 return {
88 queryForm: {
89 ywly: "",
90 qllx: "",
91 djlx: "",
92 ywh: "",
93 },
94
95 commentData: {},
96 };
97 },
98 created() {},
99 methods: {},
100 };
101 </script>
102
103 <style scoped lang="scss">
104 @import "~@/styles/public.scss";
105
106 </style>
1 <template>
2 <div>
3 22222222222222
4 </div>
5 </template>
6 <script>
7 export default {
8 components: {},
9 props: {},
10 name: '该组件名称',
11 data () {
12 return {
13
14 };
15 }
16 }
17 </script>
18 <style scoped lang='scss'>
19 </style>
...\ No newline at end of file ...\ No newline at end of file