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