style:标题样式
Showing
11 changed files
with
63 additions
and
66 deletions
... | @@ -107,7 +107,7 @@ export default { | ... | @@ -107,7 +107,7 @@ export default { |
107 | .ls-mask { | 107 | .ls-mask { |
108 | width: 100%; | 108 | width: 100%; |
109 | height: 100%; | 109 | height: 100%; |
110 | z-index: 100000; | 110 | z-index: 2000; |
111 | position: fixed; | 111 | position: fixed; |
112 | left: 0; | 112 | left: 0; |
113 | top: 0; | 113 | top: 0; | ... | ... |
... | @@ -116,23 +116,20 @@ | ... | @@ -116,23 +116,20 @@ |
116 | .title-block { | 116 | .title-block { |
117 | display: inline-block; | 117 | display: inline-block; |
118 | position: relative; | 118 | position: relative; |
119 | background: #3498db; | 119 | text-align: left; |
120 | color: #fff !important; | 120 | width: 100%; |
121 | text-align: center; | 121 | line-height: 26px; |
122 | padding: 0px 20px; | 122 | padding-left: 10px; |
123 | height: 30px; | 123 | font-size: 16px; |
124 | line-height: 30px; | 124 | border-bottom: 1px solid $borderColor; |
125 | border-radius: 5px 5px 5px 0px; | ||
126 | letter-spacing: 2px; | ||
127 | } | 125 | } |
128 | 126 | ||
129 | .title-block .triangle { | 127 | .title-block:after { |
130 | width: 0px; | 128 | content: " "; |
131 | height: 0px; | 129 | width: 0; |
130 | height: 16px; | ||
132 | position: absolute; | 131 | position: absolute; |
133 | border: 5px solid transparent; | 132 | border-left: 3px solid $light-blue; |
134 | border-top: 5px solid #3498db; | 133 | left: 0; |
135 | border-right: 5px solid #3498db; | 134 | top: 5px; |
136 | left: 0px; | ||
137 | bottom: -10px; | ||
138 | } | 135 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="90%" :isButton="false" v-model="myValue"> | 2 | <dialogBox title="家庭房产查询" @closeDialog="closeDialog" isMain width="80%" :isButton="false" v-model="myValue"> |
3 | <div class="jtfccx-edit"> | 3 | <div class="jtfccx-edit"> |
4 | <div class="jtfccx-edit-con"> | 4 | <div class="jtfccx-edit-con"> |
5 | <b class="title">申请信息</b> | 5 | <b class="title">申请信息</b> |
... | @@ -29,14 +29,13 @@ | ... | @@ -29,14 +29,13 @@ |
29 | <el-button type="primary" @click="queryChick()">查询</el-button> | 29 | <el-button type="primary" @click="queryChick()">查询</el-button> |
30 | <el-button @click="resetClick()">重置</el-button> | 30 | <el-button @click="resetClick()">重置</el-button> |
31 | </div> | 31 | </div> |
32 | <b class="title">查询结果</b> | 32 | <b class="title" v-if="searchData.data.length > 0">查询结果</b> |
33 | <!-- <p>查询编号:{{cxbh}}</p> --> | 33 | <lb-table :column="searchData.columns" v-if="searchData.data.length > 0" :data="searchData.data" |
34 | <lb-table :column="searchData.columns" border :data="searchData.data" :maxHeight="200" heightNumSetting | 34 | :maxHeight="200" heightNumSetting :pagination="false"> |
35 | :pagination="false"> | ||
36 | </lb-table> | 35 | </lb-table> |
37 | </div> | 36 | </div> |
38 | 37 | ||
39 | <div class="submit-button" style="padding-bottom:20px"> | 38 | <div class="submit-button" v-if="searchData.data.length > 0" style="padding-bottom:20px"> |
40 | <el-button type="primary">无房证明打印(1)</el-button> | 39 | <el-button type="primary">无房证明打印(1)</el-button> |
41 | <el-button type="primary">房产结果打印(1)</el-button> | 40 | <el-button type="primary">房产结果打印(1)</el-button> |
42 | <el-button @click="closeDialog">关闭</el-button> | 41 | <el-button @click="closeDialog">关闭</el-button> |
... | @@ -57,7 +56,7 @@ export default { | ... | @@ -57,7 +56,7 @@ export default { |
57 | props: { | 56 | props: { |
58 | value: { type: Boolean, default: false }, | 57 | value: { type: Boolean, default: false }, |
59 | }, | 58 | }, |
60 | mounted() { | 59 | mounted () { |
61 | sendThis(this); | 60 | sendThis(this); |
62 | }, | 61 | }, |
63 | 62 | ||
... | @@ -148,12 +147,12 @@ export default { | ... | @@ -148,12 +147,12 @@ export default { |
148 | handleRead (row) { }, | 147 | handleRead (row) { }, |
149 | 148 | ||
150 | //抵押 | 149 | //抵押 |
151 | dyClick(){ | 150 | dyClick () { |
152 | 151 | ||
153 | }, | 152 | }, |
154 | 153 | ||
155 | //查封 | 154 | //查封 |
156 | cfClick(){ | 155 | cfClick () { |
157 | 156 | ||
158 | } | 157 | } |
159 | } | 158 | } |
... | @@ -162,6 +161,7 @@ export default { | ... | @@ -162,6 +161,7 @@ export default { |
162 | <style scoped lang="scss"> | 161 | <style scoped lang="scss"> |
163 | @import "~@/styles/mixin.scss"; | 162 | @import "~@/styles/mixin.scss"; |
164 | @import "~@/styles/public.scss"; | 163 | @import "~@/styles/public.scss"; |
164 | |||
165 | .title { | 165 | .title { |
166 | padding-bottom: 10px; | 166 | padding-bottom: 10px; |
167 | margin-bottom: 10px; | 167 | margin-bottom: 10px; | ... | ... |
... | @@ -69,9 +69,7 @@ class data extends filter { | ... | @@ -69,9 +69,7 @@ class data extends filter { |
69 | <div> | 69 | <div> |
70 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button> | 70 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button> |
71 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button> | 71 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button> |
72 | |||
73 | </div> | 72 | </div> |
74 | |||
75 | ) | 73 | ) |
76 | } | 74 | } |
77 | } | 75 | } | ... | ... |
... | @@ -81,8 +81,18 @@ export default { | ... | @@ -81,8 +81,18 @@ export default { |
81 | handleAdd () { | 81 | handleAdd () { |
82 | this.isDialog = true; | 82 | this.isDialog = true; |
83 | }, | 83 | }, |
84 | handleViewClick (scope) { | ||
85 | var sqcxBsm = scope.row.bsmSqcx; | ||
86 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { | ||
87 | formData: { | ||
88 | sqcxBsm: sqcxBsm, | ||
84 | }, | 89 | }, |
85 | }; | 90 | cancel: function () { }, //取消事件的回调 |
91 | confirm: function () { }, | ||
92 | }); | ||
93 | } | ||
94 | } | ||
95 | } | ||
86 | </script> | 96 | </script> |
87 | <style scoped lang="scss"> | 97 | <style scoped lang="scss"> |
88 | @import "~@/styles/public.scss"; | 98 | @import "~@/styles/public.scss"; | ... | ... |
... | @@ -69,6 +69,12 @@ class data extends filter { | ... | @@ -69,6 +69,12 @@ class data extends filter { |
69 | { | 69 | { |
70 | prop: "cxyt", | 70 | prop: "cxyt", |
71 | label: "查询用途" | 71 | label: "查询用途" |
72 | }, | ||
73 | { | ||
74 | label: "操作", | ||
75 | render: (h, scope) => { | ||
76 | return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope) }}>查看</el-button> | ||
77 | } | ||
72 | } | 78 | } |
73 | ] | 79 | ] |
74 | } | 80 | } | ... | ... |
1 | <template> | 1 | <template> |
2 | <div > | 2 | <div> |
3 | <el-form :model="ruleForm" label-width="120px"> | 3 | <el-form :model="ruleForm" label-width="120px"> |
4 | <el-row> | 4 | <el-row> |
5 | <el-col :span="24" style="margin-bottom: 15px"> | 5 | <el-col :span="24" style="margin-bottom: 15px"> |
... | @@ -29,14 +29,8 @@ | ... | @@ -29,14 +29,8 @@ |
29 | 29 | ||
30 | <el-row> | 30 | <el-row> |
31 | <el-col> | 31 | <el-col> |
32 | <lb-table | 32 | <lb-table :column="sqrData.columns" border :data="sqrData.data" :maxHeight="200" heightNumSetting |
33 | :column="sqrData.columns" | 33 | :pagination="false"> |
34 | border | ||
35 | :data="sqrData.data" | ||
36 | :maxHeight="200" | ||
37 | heightNumSetting | ||
38 | :pagination="false" | ||
39 | > | ||
40 | </lb-table> | 34 | </lb-table> |
41 | </el-col> | 35 | </el-col> |
42 | </el-row> | 36 | </el-row> |
... | @@ -51,14 +45,8 @@ | ... | @@ -51,14 +45,8 @@ |
51 | </el-row> | 45 | </el-row> |
52 | <el-row> | 46 | <el-row> |
53 | <el-col> | 47 | <el-col> |
54 | <lb-table | 48 | <lb-table :column="qlrData.columns" border :data="qlrData.data" :maxHeight="200" heightNumSetting |
55 | :column="qlrData.columns" | 49 | :pagination="false"> |
56 | border | ||
57 | :data="qlrData.data" | ||
58 | :maxHeight="200" | ||
59 | heightNumSetting | ||
60 | :pagination="false" | ||
61 | > | ||
62 | </lb-table> | 50 | </lb-table> |
63 | </el-col> | 51 | </el-col> |
64 | </el-row> | 52 | </el-row> |
... | @@ -73,19 +61,13 @@ | ... | @@ -73,19 +61,13 @@ |
73 | </el-row> | 61 | </el-row> |
74 | <el-row> | 62 | <el-row> |
75 | <el-col> | 63 | <el-col> |
76 | <p>查询编号:{{cxbh}}</p> | 64 | <p>查询编号:{{ cxbh }}</p> |
77 | </el-col> | 65 | </el-col> |
78 | </el-row> | 66 | </el-row> |
79 | <el-row> | 67 | <el-row> |
80 | <el-col> | 68 | <el-col> |
81 | <lb-table | 69 | <lb-table :column="cxjgData.columns" :data="cxjgData.data" :maxHeight="200" heightNumSetting |
82 | border | 70 | :pagination="false"> |
83 | :column="cxjgData.columns" | ||
84 | :data="cxjgData.data" | ||
85 | :maxHeight="200" | ||
86 | heightNumSetting | ||
87 | :pagination="false" | ||
88 | > | ||
89 | </lb-table> | 71 | </lb-table> |
90 | </el-col> | 72 | </el-col> |
91 | </el-row> | 73 | </el-row> |
... | @@ -104,12 +86,12 @@ export default { | ... | @@ -104,12 +86,12 @@ export default { |
104 | // }, | 86 | // }, |
105 | props: ["formData"], | 87 | props: ["formData"], |
106 | 88 | ||
107 | created() { | 89 | created () { |
108 | // debugger; | 90 | // debugger; |
109 | // alert(this.formData.sqcxBsm); | 91 | // alert(this.formData.sqcxBsm); |
110 | }, | 92 | }, |
111 | 93 | ||
112 | data() { | 94 | data () { |
113 | return { | 95 | return { |
114 | ruleForm: { | 96 | ruleForm: { |
115 | cxyt: "", | 97 | cxyt: "", |
... | @@ -134,8 +116,7 @@ export default { | ... | @@ -134,8 +116,7 @@ export default { |
134 | }; | 116 | }; |
135 | }, | 117 | }, |
136 | 118 | ||
137 | mounted() { | 119 | mounted () { |
138 | debugger; | ||
139 | sendThis(this); | 120 | sendThis(this); |
140 | var sqcxBsm = this.formData.sqcxBsm; | 121 | var sqcxBsm = this.formData.sqcxBsm; |
141 | 122 | ||
... | @@ -145,19 +126,17 @@ export default { | ... | @@ -145,19 +126,17 @@ export default { |
145 | this.sqrData.data = res.result.sqxx; | 126 | this.sqrData.data = res.result.sqxx; |
146 | this.qlrData.data = res.result.qlrxx; | 127 | this.qlrData.data = res.result.qlrxx; |
147 | this.cxjgData.data = res.result.djSqcxCxjgDOList; | 128 | this.cxjgData.data = res.result.djSqcxCxjgDOList; |
148 | this.cxbh=res.result.djSqcxDO.cxbh; | 129 | this.cxbh = res.result.djSqcxDO.cxbh; |
149 | 130 | ||
150 | } | 131 | } |
151 | }) | 132 | }) |
152 | .catch((error) => { | 133 | .catch((error) => { |
153 | console.log(error); | 134 | console.log(error); |
154 | }); | 135 | }) |
155 | }, | 136 | }, |
156 | |||
157 | methods: {}, | 137 | methods: {}, |
158 | }; | 138 | }; |
159 | </script> | 139 | </script> |
160 | <style scoped lang="scss"> | 140 | <style scoped lang="scss"> |
161 | @import "~@/styles/mixin.scss"; | 141 | @import "~@/styles/mixin.scss"; |
162 | |||
163 | </style> | 142 | </style> | ... | ... |
... | @@ -78,7 +78,6 @@ export default { | ... | @@ -78,7 +78,6 @@ export default { |
78 | handleViewClick (scope) { | 78 | handleViewClick (scope) { |
79 | var sqcxBsm = scope.row.bsmSqcx; | 79 | var sqcxBsm = scope.row.bsmSqcx; |
80 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { | 80 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { |
81 | height: "800px", | ||
82 | formData: { | 81 | formData: { |
83 | sqcxBsm: sqcxBsm, | 82 | sqcxBsm: sqcxBsm, |
84 | }, | 83 | }, | ... | ... |
... | @@ -68,7 +68,7 @@ class data extends filter { | ... | @@ -68,7 +68,7 @@ class data extends filter { |
68 | render: (h, scope) => { | 68 | render: (h, scope) => { |
69 | return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope) }}>查看</el-button> | 69 | return <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope) }}>查看</el-button> |
70 | } | 70 | } |
71 | }, | 71 | } |
72 | ] | 72 | ] |
73 | } | 73 | } |
74 | } | 74 | } | ... | ... |
... | @@ -235,4 +235,12 @@ export default { | ... | @@ -235,4 +235,12 @@ export default { |
235 | <style scoped lang='scss'> | 235 | <style scoped lang='scss'> |
236 | @import "~@/styles/mixin.scss"; | 236 | @import "~@/styles/mixin.scss"; |
237 | @import './ywsq.scss'; | 237 | @import './ywsq.scss'; |
238 | |||
239 | /deep/.el-collapse-item__content { | ||
240 | padding-bottom: 0; | ||
241 | } | ||
242 | |||
243 | /deep/.el-collapse-item__wrap { | ||
244 | border-bottom: none; | ||
245 | } | ||
238 | </style> | 246 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment