style:标题样式
Showing
11 changed files
with
68 additions
and
71 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> |
| ... | @@ -24,19 +24,18 @@ | ... | @@ -24,19 +24,18 @@ |
| 24 | <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" /> | 24 | <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" /> |
| 25 | 25 | ||
| 26 | <b class="title">权利人</b> | 26 | <b class="title">权利人</b> |
| 27 | <personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList" /> | 27 | <personInfoTable @getInfoList="handleGetQlList" :dataList="qldataList" /> |
| 28 | <div class="submit-button"> | 28 | <div class="submit-button"> |
| 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 | ||
| ... | @@ -129,7 +128,7 @@ export default { | ... | @@ -129,7 +128,7 @@ export default { |
| 129 | this.addJtfc.qlrxx = val | 128 | this.addJtfc.qlrxx = val |
| 130 | } | 129 | } |
| 131 | }, | 130 | }, |
| 132 | queryChick () { | 131 | queryChick () { |
| 133 | this.addJtfc.djSqcxDO = { ...this.ruleForm } | 132 | this.addJtfc.djSqcxDO = { ...this.ruleForm } |
| 134 | // this.$message({ | 133 | // this.$message({ |
| 135 | // type: 'success', | 134 | // type: 'success', |
| ... | @@ -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 | }, | 84 | handleViewClick (scope) { |
| 85 | }; | 85 | var sqcxBsm = scope.row.bsmSqcx; |
| 86 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { | ||
| 87 | formData: { | ||
| 88 | sqcxBsm: sqcxBsm, | ||
| 89 | }, | ||
| 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