style:登记薄
Showing
5 changed files
with
43 additions
and
22 deletions
| ... | @@ -20,8 +20,9 @@ | ... | @@ -20,8 +20,9 @@ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 23 | ]"> | 24 | ]"> |
| 24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 25 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')"> |
| 25 | 正在办理 | 26 | 正在办理 |
| 26 | </div> | 27 | </div> |
| 27 | <span v-if="item.prop == 'qszt'"> | 28 | <span v-if="item.prop == 'qszt'"> |
| ... | @@ -39,9 +40,9 @@ | ... | @@ -39,9 +40,9 @@ |
| 39 | </template> | 40 | </template> |
| 40 | 41 | ||
| 41 | <script> | 42 | <script> |
| 42 | import { getJsydsyqList } from "@/api/registerBook.js"; | 43 | import { getJsydsyqList } from "@/api/registerBook.js"; |
| 43 | import { datas } from "./qlxxFormData.js"; | 44 | import { datas } from "./qlxxFormData.js"; |
| 44 | export default { | 45 | export default { |
| 45 | data () { | 46 | data () { |
| 46 | return { | 47 | return { |
| 47 | title: "建设用地使用权、宅基地使用权登记信息", | 48 | title: "建设用地使用权、宅基地使用权登记信息", |
| ... | @@ -97,9 +98,9 @@ export default { | ... | @@ -97,9 +98,9 @@ export default { |
| 97 | return name; | 98 | return name; |
| 98 | }, | 99 | }, |
| 99 | }, | 100 | }, |
| 100 | }; | 101 | }; |
| 101 | </script> | 102 | </script> |
| 102 | 103 | ||
| 103 | <style lang="scss" scoped> | 104 | <style lang="scss" scoped> |
| 104 | @import "./qlxxCommon.scss"; | 105 | @import "./qlxxCommon.scss"; |
| 105 | </style> | 106 | </style> | ... | ... |
| ... | @@ -20,8 +20,9 @@ | ... | @@ -20,8 +20,9 @@ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 23 | ]"> | 24 | ]"> |
| 24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 25 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')"> |
| 25 | 正在办理 | 26 | 正在办理 |
| 26 | </div> | 27 | </div> |
| 27 | <span v-if="item.prop == 'qszt'"> | 28 | <span v-if="item.prop == 'qszt'"> |
| ... | @@ -39,9 +40,9 @@ | ... | @@ -39,9 +40,9 @@ |
| 39 | </template> | 40 | </template> |
| 40 | 41 | ||
| 41 | <script> | 42 | <script> |
| 42 | import { getJsydsyqList } from "@/api/registerBook.js"; | 43 | import { getJsydsyqList } from "@/api/registerBook.js"; |
| 43 | import { datas } from "./qlxxFormData.js"; | 44 | import { datas } from "./qlxxFormData.js"; |
| 44 | export default { | 45 | export default { |
| 45 | data () { | 46 | data () { |
| 46 | return { | 47 | return { |
| 47 | title: "建设用地使用权、宅基地使用权登记信息", | 48 | title: "建设用地使用权、宅基地使用权登记信息", |
| ... | @@ -97,9 +98,9 @@ export default { | ... | @@ -97,9 +98,9 @@ export default { |
| 97 | return name; | 98 | return name; |
| 98 | }, | 99 | }, |
| 99 | }, | 100 | }, |
| 100 | }; | 101 | }; |
| 101 | </script> | 102 | </script> |
| 102 | 103 | ||
| 103 | <style lang="scss" scoped> | 104 | <style lang="scss" scoped> |
| 104 | @import "./qlxxCommon.scss"; | 105 | @import "./qlxxCommon.scss"; |
| 105 | </style> | 106 | </style> | ... | ... |
| ... | @@ -20,8 +20,9 @@ | ... | @@ -20,8 +20,9 @@ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 23 | ]"> | 24 | ]"> |
| 24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 25 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' || row.qszt == '1')"> |
| 25 | 正在办理 | 26 | 正在办理 |
| 26 | </div> | 27 | </div> |
| 27 | <span v-if="item.prop == 'qszt'"> | 28 | <span v-if="item.prop == 'qszt'"> |
| ... | @@ -62,9 +63,9 @@ | ... | @@ -62,9 +63,9 @@ |
| 62 | </template> | 63 | </template> |
| 63 | 64 | ||
| 64 | <script> | 65 | <script> |
| 65 | import { getNydsyqList } from "@/api/registerBook.js"; | 66 | import { getNydsyqList } from "@/api/registerBook.js"; |
| 66 | import { datas } from "./qlxxFormData.js"; | 67 | import { datas } from "./qlxxFormData.js"; |
| 67 | export default { | 68 | export default { |
| 68 | data () { | 69 | data () { |
| 69 | return { | 70 | return { |
| 70 | title: "农用地使用权登记信息", | 71 | title: "农用地使用权登记信息", |
| ... | @@ -81,10 +82,10 @@ export default { | ... | @@ -81,10 +82,10 @@ export default { |
| 81 | }; | 82 | }; |
| 82 | }, | 83 | }, |
| 83 | created () { | 84 | created () { |
| 84 | var qllx = this.$route.query.sqywbm.substr(0,3) | 85 | var qllx = this.$route.query.sqywbm.substr(0, 3) |
| 85 | if(qllx == 'A09'){ | 86 | if (qllx == 'A09') { |
| 86 | this.title = '土地经营权登记信息' | 87 | this.title = '土地经营权登记信息' |
| 87 | }else{ | 88 | } else { |
| 88 | this.title = '农用地使用权登记信息' | 89 | this.title = '农用地使用权登记信息' |
| 89 | } | 90 | } |
| 90 | this.loadData(); | 91 | this.loadData(); |
| ... | @@ -126,9 +127,9 @@ export default { | ... | @@ -126,9 +127,9 @@ export default { |
| 126 | return name; | 127 | return name; |
| 127 | }, | 128 | }, |
| 128 | }, | 129 | }, |
| 129 | }; | 130 | }; |
| 130 | </script> | 131 | </script> |
| 131 | 132 | ||
| 132 | <style lang="scss" scoped> | 133 | <style lang="scss" scoped> |
| 133 | @import "./qlxxCommon.scss"; | 134 | @import "./qlxxCommon.scss"; |
| 134 | </style> | 135 | </style> | ... | ... |
| ... | @@ -125,6 +125,24 @@ | ... | @@ -125,6 +125,24 @@ |
| 125 | transform: rotate(-90deg); | 125 | transform: rotate(-90deg); |
| 126 | } | 126 | } |
| 127 | 127 | ||
| 128 | .xianshiIcon { | ||
| 129 | position: relative; | ||
| 130 | } | ||
| 131 | |||
| 132 | .xianshiIcon::after { | ||
| 133 | content: ""; | ||
| 134 | display: block; | ||
| 135 | width: 0; | ||
| 136 | height: 0; | ||
| 137 | border-width: 0px 0px 55px 55px; | ||
| 138 | border-style: none solid solid; | ||
| 139 | border-color: transparent transparent #67C23A; | ||
| 140 | position: absolute; | ||
| 141 | top: 0; | ||
| 142 | right: 0; | ||
| 143 | transform: rotate(-90deg); | ||
| 144 | } | ||
| 145 | |||
| 128 | .icon { | 146 | .icon { |
| 129 | position: absolute; | 147 | position: absolute; |
| 130 | top: 12px; | 148 | top: 12px; | ... | ... |
-
Please register or sign in to post a comment