Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
18 changed files
with
182 additions
and
83 deletions
| ... | @@ -40,6 +40,27 @@ export default { | ... | @@ -40,6 +40,27 @@ export default { |
| 40 | </script> | 40 | </script> |
| 41 | 41 | ||
| 42 | <style> | 42 | <style> |
| 43 | .ace-jsoneditor .ace_gutter { | ||
| 44 | background-color: #08346F !important; | ||
| 45 | color: #FFFFFF !important; | ||
| 46 | } | ||
| 47 | |||
| 48 | .ace_content { | ||
| 49 | background-color: #05275B !important; | ||
| 50 | } | ||
| 51 | |||
| 52 | .ace_marker-layer .ace_active-line { | ||
| 53 | background-color: #4e8ae2 !important; | ||
| 54 | } | ||
| 55 | |||
| 56 | .ace-jsoneditor .ace_variable { | ||
| 57 | color: #FFFFFF !important; | ||
| 58 | } | ||
| 59 | |||
| 60 | .jsoneditor-menu { | ||
| 61 | background-color: #074487 !important; | ||
| 62 | } | ||
| 63 | |||
| 43 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ | 64 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ |
| 44 | .jsoneditor-poweredBy { | 65 | .jsoneditor-poweredBy { |
| 45 | display: none; | 66 | display: none; | ... | ... |
| 1 | .itemForm { | 1 | .itemForm { |
| 2 | margin-top: 5px; | ||
| 3 | position: relative; | 2 | position: relative; |
| 4 | padding: 10px; | 3 | padding: 10px; |
| 5 | 4 | ||
| ... | @@ -26,27 +25,19 @@ | ... | @@ -26,27 +25,19 @@ |
| 26 | width: 100%; | 25 | width: 100%; |
| 27 | } | 26 | } |
| 28 | 27 | ||
| 29 | /deep/.el-form-item__label { | ||
| 30 | line-height: 16px; | ||
| 31 | font-size: 12px; | ||
| 32 | position: relative; | ||
| 33 | } | ||
| 34 | |||
| 35 | /deep/ .el-form-item__content { | ||
| 36 | display: flex; | ||
| 37 | } | ||
| 38 | |||
| 39 | // table 样式 | 28 | // table 样式 |
| 40 | /deep/.el-form-item__label { | 29 | /deep/.el-form-item__label { |
| 41 | border: 1px solid #DCDFE6; | ||
| 42 | border-right: none; | 30 | border-right: none; |
| 43 | background-color: #F2F6FC; | ||
| 44 | text-align: center; | 31 | text-align: center; |
| 45 | padding: 0; | 32 | padding: 0; |
| 33 | line-height: 16px; | ||
| 34 | font-size: 12px; | ||
| 35 | color: #CEF8FF; | ||
| 36 | margin-top: 8px !important; | ||
| 46 | } | 37 | } |
| 47 | 38 | ||
| 48 | /deep/.el-form-item__content { | 39 | /deep/.el-form-item__content { |
| 49 | border: 1px solid #DCDFE6; | 40 | display: flex; |
| 50 | margin-right: -1px; | 41 | margin-right: -1px; |
| 51 | } | 42 | } |
| 52 | 43 | ||
| ... | @@ -54,11 +45,18 @@ | ... | @@ -54,11 +45,18 @@ |
| 54 | /deep/.el-textarea__inner { | 45 | /deep/.el-textarea__inner { |
| 55 | margin: 5px; | 46 | margin: 5px; |
| 56 | width: 96%; | 47 | width: 96%; |
| 48 | background: #05275B; | ||
| 49 | color: #FFFFFF; | ||
| 50 | border-radius: 2px; | ||
| 51 | border: 1px solid #6BC1FC; | ||
| 57 | } | 52 | } |
| 58 | 53 | ||
| 59 | /deep/.el-input__inner { | 54 | /deep/.el-input__inner { |
| 60 | margin: 5px; | 55 | margin: 5px; |
| 61 | width: 96%; | 56 | width: 96%; |
| 57 | background: #05275B; | ||
| 58 | border-radius: 2px; | ||
| 59 | border: 1px solid #6BC1FC; | ||
| 62 | } | 60 | } |
| 63 | 61 | ||
| 64 | /deep/.el-form-item { | 62 | /deep/.el-form-item { | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <!-- 编辑 --> | 2 | <!-- 编辑 --> |
| 3 | <el-dialog :close-on-click-modal="false" top="0" custom-class="dialogBox editDialogBox mainCenter" | 3 | <el-dialog :close-on-click-modal="false" top="0" custom-class="dialogBox editDialogBox mainCenter" |
| 4 | :visible.sync="dialogVisible" width="80%"> | 4 | :visible.sync="dialogVisible" width="85%"> |
| 5 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 5 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
| 6 | <b>{{ title || '标题' }}</b> | 6 | <b>{{ title || '标题' }}</b> |
| 7 | </div> | 7 | </div> |
| 8 | <el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab"> | ||
| 9 | <el-tab-pane label="数据模型" name="sjmx"></el-tab-pane> | ||
| 10 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> | ||
| 11 | </el-tabs> | ||
| 12 | <div v-if="titleName == 'sjmx'"> | ||
| 8 | <div class="dialog-from"> | 13 | <div class="dialog-from"> |
| 9 | <el-row> | 14 | <el-row> |
| 10 | <el-col :span="6"> | 15 | <el-col :span="6"> |
| ... | @@ -90,34 +95,36 @@ | ... | @@ -90,34 +95,36 @@ |
| 90 | </el-tab-pane> | 95 | </el-tab-pane> |
| 91 | </el-tabs> | 96 | </el-tabs> |
| 92 | <div class="edit-content"> | 97 | <div class="edit-content"> |
| 93 | <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" :bsmYwsjb="bsmYwsjb" | 98 | <component :is="editItem" ref="editItem" :class="{ 'editForm': $store.state.business.Edit }" |
| 94 | :bsmSjsb="dataReport.bsmReport" /> | 99 | :bsmYwsjb="bsmYwsjb" :bsmSjsb="dataReport.bsmReport" /> |
| 100 | </div> | ||
| 95 | </div> | 101 | </div> |
| 96 | <div slot="footer" class="dialog_footer" ref="dialogFooter"> | 102 | <JsonEditor v-else /> |
| 103 | <!-- <div slot="footer" class="dialog_footer" ref="dialogFooter"> | ||
| 97 | <div class="dialog_button"> | 104 | <div class="dialog_button"> |
| 98 | <!-- <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding" | ||
| 99 | :disabled="JSON.stringify(this.$store.state.business.rules) === '{}'">确定 | ||
| 100 | </el-button> --> | ||
| 101 | <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding">确定 | 105 | <el-button type="primary" plain @click="submitForm" v-if="!Edit" :loading="saveloding">确定 |
| 102 | </el-button> | 106 | </el-button> |
| 103 | <el-button @click="closeDialog()">关闭</el-button> | 107 | <el-button @click="closeDialog()">关闭</el-button> |
| 104 | </div> | 108 | </div> |
| 105 | </div> | 109 | </div> --> |
| 106 | </el-dialog> | 110 | </el-dialog> |
| 107 | </template> | 111 | </template> |
| 108 | 112 | ||
| 109 | <script> | 113 | <script> |
| 110 | import { mapGetters } from "vuex"; | 114 | import { mapGetters } from "vuex"; |
| 111 | import dataReporting from "@/api/dataReporting"; | 115 | import dataReporting from "@/api/dataReporting"; |
| 116 | import JsonEditor from "@/components/JsonEditor/index"; | ||
| 112 | import { getDetail } from "@/api/sbbwcx.js"; | 117 | import { getDetail } from "@/api/sbbwcx.js"; |
| 113 | import { MessageBox } from "element-ui"; | 118 | import { MessageBox } from "element-ui"; |
| 114 | export default { | 119 | export default { |
| 120 | components: { JsonEditor }, | ||
| 115 | computed: { | 121 | computed: { |
| 116 | ...mapGetters(["dicData"]), | 122 | ...mapGetters(["dicData"]), |
| 117 | }, | 123 | }, |
| 118 | props: {}, | 124 | data () { |
| 119 | data() { | ||
| 120 | return { | 125 | return { |
| 126 | titleName: 'sjmx', | ||
| 127 | |||
| 121 | dataReport: {}, | 128 | dataReport: {}, |
| 122 | index: 0, | 129 | index: 0, |
| 123 | bsmYwsjb: "", | 130 | bsmYwsjb: "", |
| ... | @@ -150,7 +157,10 @@ export default { | ... | @@ -150,7 +157,10 @@ export default { |
| 150 | }; | 157 | }; |
| 151 | }, | 158 | }, |
| 152 | methods: { | 159 | methods: { |
| 153 | isShow(item) { | 160 | handleTitleTab (val) { |
| 161 | console.log(val); | ||
| 162 | }, | ||
| 163 | isShow (item) { | ||
| 154 | this.dataReport = item; | 164 | this.dataReport = item; |
| 155 | this.dialogVisible = true; | 165 | this.dialogVisible = true; |
| 156 | //获取表头列表 | 166 | //获取表头列表 |
| ... | @@ -160,7 +170,7 @@ export default { | ... | @@ -160,7 +170,7 @@ export default { |
| 160 | } | 170 | } |
| 161 | }); | 171 | }); |
| 162 | }, | 172 | }, |
| 163 | changeList(val) { | 173 | changeList (val) { |
| 164 | let _index = val.index; | 174 | let _index = val.index; |
| 165 | if (_index > this.index) { | 175 | if (_index > this.index) { |
| 166 | } | 176 | } |
| ... | @@ -173,14 +183,14 @@ export default { | ... | @@ -173,14 +183,14 @@ export default { |
| 173 | } | 183 | } |
| 174 | }); | 184 | }); |
| 175 | }, | 185 | }, |
| 176 | loadView(view) { | 186 | loadView (view) { |
| 177 | return (r) => | 187 | return (r) => |
| 178 | require.ensure([], () => r(require(`@/components/business/${view}`))); | 188 | require.ensure([], () => r(require(`@/components/business/${view}`))); |
| 179 | }, | 189 | }, |
| 180 | closeDialog() { | 190 | closeDialog () { |
| 181 | this.dialogVisible = false; | 191 | this.dialogVisible = false; |
| 182 | }, | 192 | }, |
| 183 | submitForm() { | 193 | submitForm () { |
| 184 | let _this = this; | 194 | let _this = this; |
| 185 | this.$store.dispatch( | 195 | this.$store.dispatch( |
| 186 | "business/setRules", | 196 | "business/setRules", |
| ... | @@ -226,9 +236,9 @@ export default { | ... | @@ -226,9 +236,9 @@ export default { |
| 226 | } | 236 | } |
| 227 | }); | 237 | }); |
| 228 | }); | 238 | }); |
| 229 | }, | 239 | } |
| 230 | }, | 240 | } |
| 231 | }; | 241 | } |
| 232 | </script> | 242 | </script> |
| 233 | <style scoped lang="scss"> | 243 | <style scoped lang="scss"> |
| 234 | @import "~@/styles/mixin.scss"; | 244 | @import "~@/styles/mixin.scss"; |
| ... | @@ -253,22 +263,42 @@ export default { | ... | @@ -253,22 +263,42 @@ export default { |
| 253 | flex-direction: column; | 263 | flex-direction: column; |
| 254 | } | 264 | } |
| 255 | 265 | ||
| 256 | // /deep/.el-tabs__item { | 266 | /deep/ .el-tabs { |
| 257 | // background-color: #f2f6fc; | 267 | margin: 0 15px 0 15px; |
| 258 | // } | 268 | color: #CEF8FF; |
| 269 | } | ||
| 270 | |||
| 271 | /deep/.el-tabs__item { | ||
| 272 | color: #CEF8FF !important; | ||
| 273 | height: 50px; | ||
| 274 | padding-top: 7px; | ||
| 275 | background: url("~@/image/tabitem.png") no-repeat; | ||
| 276 | background-size: 100% 100%; | ||
| 277 | border: none !important; | ||
| 278 | } | ||
| 279 | |||
| 280 | .obligee-item-name { | ||
| 281 | background: #05275B; | ||
| 282 | color: #FFFFFF; | ||
| 283 | border: 1px solid #6BC1FC; | ||
| 284 | } | ||
| 259 | 285 | ||
| 260 | /deep/.el-tabs__nav-scroll { | 286 | /deep/.el-tabs__nav-scroll { |
| 261 | background: none; | 287 | background: none; |
| 262 | } | 288 | } |
| 263 | 289 | ||
| 290 | /deep/.el-tabs__nav { | ||
| 291 | border: none !important; | ||
| 292 | } | ||
| 293 | |||
| 264 | /deep/.el-tabs__item.is-top { | 294 | /deep/.el-tabs__item.is-top { |
| 265 | border: 1px solid #dfe4ed; | 295 | border: 1px solid #dfe4ed; |
| 266 | border-top: 1px solid #dfe4ed; | 296 | border-top: 1px solid #dfe4ed; |
| 267 | border-bottom: 1px solid transparent; | 297 | border-bottom: 1px solid transparent; |
| 268 | } | 298 | } |
| 269 | 299 | ||
| 270 | /deep/.el-tabs__header .el-tabs__nav { | 300 | /deep/.el-tabs__header { |
| 271 | border-top: none; | 301 | border: none; |
| 272 | } | 302 | } |
| 273 | 303 | ||
| 274 | /deep/.el-tabs__item.is-top:not(:last-child) { | 304 | /deep/.el-tabs__item.is-top:not(:last-child) { |
| ... | @@ -276,7 +306,12 @@ export default { | ... | @@ -276,7 +306,12 @@ export default { |
| 276 | } | 306 | } |
| 277 | 307 | ||
| 278 | /deep/.el-tabs__item.is-top { | 308 | /deep/.el-tabs__item.is-top { |
| 279 | background-color: #f2f6fc; | 309 | background-color: none !important; |
| 310 | } | ||
| 311 | |||
| 312 | /deep/.el-tabs__item.is-active { | ||
| 313 | background: url("~@/image/tabitemse.png") no-repeat; | ||
| 314 | background-size: 100% 100%; | ||
| 280 | } | 315 | } |
| 281 | 316 | ||
| 282 | .success-images { | 317 | .success-images { |
| ... | @@ -296,51 +331,50 @@ export default { | ... | @@ -296,51 +331,50 @@ export default { |
| 296 | } | 331 | } |
| 297 | 332 | ||
| 298 | .edit-content { | 333 | .edit-content { |
| 299 | height: 380px; | 334 | height: 400px; |
| 300 | overflow-y: auto; | 335 | overflow-y: auto; |
| 301 | overflow-x: hidden; | 336 | overflow-x: hidden; |
| 302 | padding-right: 1px; | 337 | padding-right: 1px; |
| 303 | border: 1px solid #ccc; | ||
| 304 | margin-bottom: 10px; | 338 | margin-bottom: 10px; |
| 305 | border-top: none; | 339 | border-top: none; |
| 306 | } | 340 | } |
| 307 | 341 | ||
| 308 | .editDialogBox { | 342 | /deep/.editDialogBox { |
| 309 | border-radius: 8px; | 343 | border-radius: 8px; |
| 310 | overflow: hidden; | 344 | overflow: hidden; |
| 311 | min-width: 1228px; | 345 | min-width: 1228px; |
| 346 | height: 825px !important; | ||
| 312 | 347 | ||
| 313 | .dialog-from { | 348 | .dialog-from { |
| 314 | margin-bottom: 10px; | 349 | padding: 15px; |
| 315 | padding: 5px; | 350 | background: #08346F; |
| 316 | border: 1px solid #ccc; | 351 | border-radius: 2px; |
| 317 | border-radius: 5px; | 352 | box-sizing: border-box; |
| 353 | margin: -3px 15px 15px 15px; | ||
| 318 | 354 | ||
| 319 | .el-col { | 355 | .el-col { |
| 320 | line-height: 24px; | 356 | line-height: 24px; |
| 321 | display: flex; | 357 | display: flex; |
| 322 | align-items: center; | 358 | align-items: center; |
| 323 | margin-bottom: 3px; | 359 | margin-bottom: 3px; |
| 360 | color: #B5D6DC; | ||
| 324 | 361 | ||
| 325 | span { | 362 | span { |
| 326 | display: inline-block; | 363 | display: inline-block; |
| 327 | padding: 3px; | 364 | padding: 3px; |
| 328 | border-radius: 3px; | 365 | border-radius: 3px; |
| 329 | overflow: hidden; | 366 | overflow: hidden; |
| 330 | min-width: 130px; | 367 | min-width: 140px; |
| 331 | text-align: right; | 368 | text-align: right; |
| 332 | background-color: #f2f6fc; | ||
| 333 | margin-right: 5px; | 369 | margin-right: 5px; |
| 370 | color: #02D9FD; | ||
| 334 | } | 371 | } |
| 335 | 372 | ||
| 336 | p { | 373 | div { |
| 337 | white-space: nowrap; | ||
| 338 | flex: 1; | 374 | flex: 1; |
| 339 | width: 100%; | 375 | width: 100%; |
| 340 | padding-left: 5px; | 376 | padding-left: 5px; |
| 341 | border: 1px solid #f2f6fc; | 377 | line-height: 20px; |
| 342 | height: 26px; | ||
| 343 | background-color: #f5f7fa; | ||
| 344 | color: #c0c4cc; | 378 | color: #c0c4cc; |
| 345 | cursor: not-allowed; | 379 | cursor: not-allowed; |
| 346 | margin-right: 5px; | 380 | margin-right: 5px; | ... | ... |
| ... | @@ -128,6 +128,7 @@ export default { | ... | @@ -128,6 +128,7 @@ export default { |
| 128 | type: "line", | 128 | type: "line", |
| 129 | smooth: true, //是否平滑 | 129 | smooth: true, //是否平滑 |
| 130 | showSymbol: false, | 130 | showSymbol: false, |
| 131 | symbol: 'circle', | ||
| 131 | symbolSize: 6, | 132 | symbolSize: 6, |
| 132 | zlevel: 3, | 133 | zlevel: 3, |
| 133 | lineStyle: { | 134 | lineStyle: { |
| ... | @@ -144,6 +145,7 @@ export default { | ... | @@ -144,6 +145,7 @@ export default { |
| 144 | type: "line", | 145 | type: "line", |
| 145 | smooth: true, | 146 | smooth: true, |
| 146 | showSymbol: false, | 147 | showSymbol: false, |
| 148 | symbol: 'circle', | ||
| 147 | symbolSize: 8, | 149 | symbolSize: 8, |
| 148 | zlevel: 3, | 150 | zlevel: 3, |
| 149 | lineStyle: { | 151 | lineStyle: { |
| ... | @@ -161,6 +163,7 @@ export default { | ... | @@ -161,6 +163,7 @@ export default { |
| 161 | type: "line", | 163 | type: "line", |
| 162 | smooth: true, | 164 | smooth: true, |
| 163 | showSymbol: false, | 165 | showSymbol: false, |
| 166 | symbol: 'circle', | ||
| 164 | symbolSize: 8, | 167 | symbolSize: 8, |
| 165 | zlevel: 3, | 168 | zlevel: 3, |
| 166 | lineStyle: { | 169 | lineStyle: { | ... | ... |
src/image/dialogBg.png
0 → 100644
33.8 KB
src/image/tabitem.png
0 → 100644
805 Bytes
src/image/tabitemse.png
0 → 100644
5.62 KB
| ... | @@ -212,9 +212,9 @@ export const asyncRoutes = [ | ... | @@ -212,9 +212,9 @@ export const asyncRoutes = [ |
| 212 | meta: { title: '建筑物区分所有权业主共有部分' } | 212 | meta: { title: '建筑物区分所有权业主共有部分' } |
| 213 | }, | 213 | }, |
| 214 | { | 214 | { |
| 215 | path: 'seaArea', | 215 | path: 'hysyq', |
| 216 | component: () => import('@/views/business-info/sea-area/index'), | 216 | component: () => import('@/views/business-info/hysyq/index'), |
| 217 | name: 'seaArea', | 217 | name: 'hysyq', |
| 218 | meta: { title: '海域(含无居民海岛)使用权' } | 218 | meta: { title: '海域(含无居民海岛)使用权' } |
| 219 | }, | 219 | }, |
| 220 | { | 220 | { | ... | ... |
| 1 | .dialogBox { | 1 | .dialogBox { |
| 2 | border-radius: 8px; | ||
| 3 | overflow: hidden; | 2 | overflow: hidden; |
| 4 | background: #FFFFFF; | 3 | background: url("~@/image/dialogBg.png") no-repeat; |
| 5 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10); | 4 | background-size: 100% 100%; |
| 6 | 5 | ||
| 7 | .dialog_title { | 6 | .dialog_title { |
| 8 | display: flex; | 7 | display: flex; |
| ... | @@ -45,10 +44,12 @@ | ... | @@ -45,10 +44,12 @@ |
| 45 | } | 44 | } |
| 46 | 45 | ||
| 47 | .el-dialog__header { | 46 | .el-dialog__header { |
| 48 | margin-bottom: 10px; | 47 | color: #FFFFFF; |
| 49 | color: #4A4A4A; | 48 | // background: #074487; |
| 50 | background-color: #FCFDFD; | 49 | height: 46px !important; |
| 51 | border-bottom: 1px solid #E4EBF4; | 50 | width: 97%; |
| 51 | margin: 0 auto; | ||
| 52 | margin-top: 2px; | ||
| 52 | } | 53 | } |
| 53 | 54 | ||
| 54 | .el-dialog__body { | 55 | .el-dialog__body { |
| ... | @@ -57,9 +58,10 @@ | ... | @@ -57,9 +58,10 @@ |
| 57 | } | 58 | } |
| 58 | 59 | ||
| 59 | .el-dialog__headerbtn .el-dialog__close { | 60 | .el-dialog__headerbtn .el-dialog__close { |
| 60 | color: #6B7A99 !important; | 61 | color: #FFFFFF !important; |
| 61 | position: relative; | 62 | position: relative; |
| 62 | top: -2px; | 63 | top: -2px; |
| 64 | right: 15px | ||
| 63 | } | 65 | } |
| 64 | 66 | ||
| 65 | 67 | ... | ... |
| ... | @@ -12,6 +12,7 @@ | ... | @@ -12,6 +12,7 @@ |
| 12 | 12 | ||
| 13 | //input | 13 | //input |
| 14 | .el-input__inner { | 14 | .el-input__inner { |
| 15 | color: #FFFFFF!important; | ||
| 15 | padding: 0 7px !important; | 16 | padding: 0 7px !important; |
| 16 | } | 17 | } |
| 17 | 18 | ||
| ... | @@ -63,7 +64,7 @@ | ... | @@ -63,7 +64,7 @@ |
| 63 | // to fixed https://github.com/ElemeFE/element/issues/2461 | 64 | // to fixed https://github.com/ElemeFE/element/issues/2461 |
| 64 | // refine element ui upload | 65 | // refine element ui upload |
| 65 | .el-input.is-disabled .el-input__inner { | 66 | .el-input.is-disabled .el-input__inner { |
| 66 | color: #909399; | 67 | color: #FFFFFF !important; |
| 67 | } | 68 | } |
| 68 | 69 | ||
| 69 | .upload-container { | 70 | .upload-container { |
| ... | @@ -256,13 +257,38 @@ table td { | ... | @@ -256,13 +257,38 @@ table td { |
| 256 | } | 257 | } |
| 257 | 258 | ||
| 258 | .el-popper[x-placement^="bottom"] .popper__arrow::after { | 259 | .el-popper[x-placement^="bottom"] .popper__arrow::after { |
| 259 | border-bottom-color: #074487 !important; | 260 | display: none; |
| 260 | } | 261 | } |
| 261 | 262 | ||
| 262 | .el-popper[x-placement^="bottom"] .popper__arrow { | 263 | .el-popper[x-placement^="bottom"] .popper__arrow { |
| 263 | border-bottom-color: #074487 !important; | 264 | display: none; |
| 264 | } | 265 | } |
| 266 | .el-date-picker{ | ||
| 267 | background-color: #031a46; | ||
| 268 | .el-date-picker__header-label{ | ||
| 269 | color: #A6CFD6; | ||
| 270 | } | ||
| 271 | .el-picker-panel__icon-btn{ | ||
| 272 | color: #A6CFD6; | ||
| 273 | } | ||
| 274 | .el-date-table th{ | ||
| 275 | color: #02D9FD; | ||
| 276 | } | ||
| 277 | .el-date-table td span{ | ||
| 278 | color: #A6CFD6; | ||
| 279 | } | ||
| 280 | .el-date-table td.current:not(.disabled) span{ | ||
| 281 | background-color: #074487; | ||
| 282 | // border:1px solid saddlebrown; | ||
| 283 | box-shadow: inset 0 0 7px #02D9FD; | ||
| 284 | border: 1px solid #02D9FD; | ||
| 285 | } | ||
| 265 | 286 | ||
| 287 | } | ||
| 288 | .el-picker-panel__content{ | ||
| 289 | background-color:#074487; | ||
| 290 | |||
| 291 | } | ||
| 266 | 292 | ||
| 267 | 293 | ||
| 268 | .el-menu--horizontal .el-menu .el-menu-item, | 294 | .el-menu--horizontal .el-menu .el-menu-item, | ... | ... |
| ... | @@ -383,7 +383,7 @@ aside { | ... | @@ -383,7 +383,7 @@ aside { |
| 383 | width: 0; | 383 | width: 0; |
| 384 | height: 8px; | 384 | height: 8px; |
| 385 | left: -10px; | 385 | left: -10px; |
| 386 | top: 1px; | 386 | top: 2px; |
| 387 | background: #00FAA8; | 387 | background: #00FAA8; |
| 388 | color: #00FAA8; | 388 | color: #00FAA8; |
| 389 | } | 389 | } |
| ... | @@ -400,7 +400,7 @@ aside { | ... | @@ -400,7 +400,7 @@ aside { |
| 400 | width: 0; | 400 | width: 0; |
| 401 | height: 8px; | 401 | height: 8px; |
| 402 | left: -10px; | 402 | left: -10px; |
| 403 | top: 1px; | 403 | top: 2px; |
| 404 | background: #FF7962; | 404 | background: #FF7962; |
| 405 | color: #FF7962; | 405 | color: #FF7962; |
| 406 | } | 406 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -27,6 +27,7 @@ span:focus { | ... | @@ -27,6 +27,7 @@ span:focus { |
| 27 | } | 27 | } |
| 28 | 28 | ||
| 29 | .process-design { | 29 | .process-design { |
| 30 | |||
| 30 | .el-table td, | 31 | .el-table td, |
| 31 | .el-table th { | 32 | .el-table th { |
| 32 | color: #333; | 33 | color: #333; |
| ... | @@ -37,26 +38,31 @@ span:focus { | ... | @@ -37,26 +38,31 @@ span:focus { |
| 37 | box-sizing: border-box; | 38 | box-sizing: border-box; |
| 38 | border-bottom: 1px solid #e8e8e8; | 39 | border-bottom: 1px solid #e8e8e8; |
| 39 | } | 40 | } |
| 41 | |||
| 40 | .el-dialog__body { | 42 | .el-dialog__body { |
| 41 | padding: 16px; | ||
| 42 | max-height: 80vh; | 43 | max-height: 80vh; |
| 43 | box-sizing: border-box; | 44 | box-sizing: border-box; |
| 44 | overflow-y: auto; | 45 | overflow-y: auto; |
| 45 | } | 46 | } |
| 47 | |||
| 46 | .el-dialog__footer { | 48 | .el-dialog__footer { |
| 47 | padding: 16px; | 49 | padding: 16px; |
| 48 | box-sizing: border-box; | 50 | box-sizing: border-box; |
| 49 | border-top: 1px solid #e8e8e8; | 51 | border-top: 1px solid #e8e8e8; |
| 50 | } | 52 | } |
| 53 | |||
| 51 | .el-dialog__close { | 54 | .el-dialog__close { |
| 52 | font-weight: 600; | 55 | font-weight: 600; |
| 53 | } | 56 | } |
| 57 | |||
| 54 | .el-select { | 58 | .el-select { |
| 55 | width: 100%; | 59 | width: 100%; |
| 56 | } | 60 | } |
| 61 | |||
| 57 | .el-divider:not(.el-divider--horizontal) { | 62 | .el-divider:not(.el-divider--horizontal) { |
| 58 | margin: 0 8px ; | 63 | margin: 0 8px; |
| 59 | } | 64 | } |
| 65 | |||
| 60 | .el-divider.el-divider--horizontal { | 66 | .el-divider.el-divider--horizontal { |
| 61 | margin: 16px 0; | 67 | margin: 16px 0; |
| 62 | } | 68 | } | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="buildingOwnership from-clues"> | 2 | <div class="gzwsyq from-clues"> |
| 3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
| 4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
| 5 | <el-row> | 5 | <el-row> |
| ... | @@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' | ... | @@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' |
| 60 | import treeSelect from '@/components/treeSelect/index.vue' | 60 | import treeSelect from '@/components/treeSelect/index.vue' |
| 61 | import editDialog from '@/components/dataDetails/edit-dialog.vue' | 61 | import editDialog from '@/components/dataDetails/edit-dialog.vue' |
| 62 | export default { | 62 | export default { |
| 63 | name: "buildingOwnership", | 63 | name: "gzwsyq", |
| 64 | mixins: [tableMixin], | 64 | mixins: [tableMixin], |
| 65 | components: { | 65 | components: { |
| 66 | treeSelect, | 66 | treeSelect, |
| ... | @@ -162,5 +162,6 @@ export default { | ... | @@ -162,5 +162,6 @@ export default { |
| 162 | } | 162 | } |
| 163 | </script> | 163 | </script> |
| 164 | <style scoped lang="scss"> | 164 | <style scoped lang="scss"> |
| 165 | @import "~@/styles/public.scss"; | ||
| 165 | @import "./index.scss"; | 166 | @import "./index.scss"; |
| 166 | </style> | 167 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
File moved
| 1 | <template> | 1 | <template> |
| 2 | <div class="seaArea from-clues"> | 2 | <div class="hysyq from-clues"> |
| 3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
| 4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
| 5 | <el-row> | 5 | <el-row> |
| ... | @@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' | ... | @@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' |
| 60 | import treeSelect from '@/components/treeSelect/index.vue' | 60 | import treeSelect from '@/components/treeSelect/index.vue' |
| 61 | import editDialog from '@/components/dataDetails/edit-dialog.vue' | 61 | import editDialog from '@/components/dataDetails/edit-dialog.vue' |
| 62 | export default { | 62 | export default { |
| 63 | name: "seaArea", | 63 | name: "hysyq", |
| 64 | mixins: [tableMixin], | 64 | mixins: [tableMixin], |
| 65 | components: { | 65 | components: { |
| 66 | treeSelect, | 66 | treeSelect, |
| ... | @@ -160,3 +160,7 @@ export default { | ... | @@ -160,3 +160,7 @@ export default { |
| 160 | } | 160 | } |
| 161 | } | 161 | } |
| 162 | </script> | 162 | </script> |
| 163 | <style scoped lang="scss"> | ||
| 164 | @import "~@/styles/public.scss"; | ||
| 165 | </style> | ||
| 166 | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="agriculturalLand from-clues"> | 2 | <div class="nydsyq from-clues"> |
| 3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
| 4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
| 5 | <el-row> | 5 | <el-row> |
| ... | @@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' | ... | @@ -60,7 +60,7 @@ import tableMixin from '@/mixins/tableMixin.js' |
| 60 | import treeSelect from '@/components/treeSelect/index.vue' | 60 | import treeSelect from '@/components/treeSelect/index.vue' |
| 61 | import editDialog from '@/components/dataDetails/edit-dialog.vue' | 61 | import editDialog from '@/components/dataDetails/edit-dialog.vue' |
| 62 | export default { | 62 | export default { |
| 63 | name: "agriculturalLand", | 63 | name: "nydsyq", |
| 64 | mixins: [tableMixin], | 64 | mixins: [tableMixin], |
| 65 | components: { | 65 | components: { |
| 66 | treeSelect, | 66 | treeSelect, | ... | ... |
| ... | @@ -29,19 +29,23 @@ export default { | ... | @@ -29,19 +29,23 @@ export default { |
| 29 | evenRowBGC: '#154295', | 29 | evenRowBGC: '#154295', |
| 30 | header: ['序号', '用途', '性质', '面积'], | 30 | header: ['序号', '用途', '性质', '面积'], |
| 31 | data: [ | 31 | data: [ |
| 32 | ['1', '咸阳市', '6', '998'], | 32 | ['住宅', '自建房', '转移登记', '73.94'], |
| 33 | ['1', '咸阳市', '6', '998'], | 33 | ['商业服务', '市场化商品房', '转移登记', '1067.14'], |
| 34 | ['1', '咸阳市', '6', '998'], | 34 | ['住宅', '成本售价房', '转移登记', '601.47'], |
| 35 | ['1', '咸阳市', '6', '998'], | 35 | ['住宅', '市场化商品房', '转移登记', '38111.37'], |
| 36 | ['1', '咸阳市', '6', '998'], | 36 | ['住宅', '移民搬迁安置房', '转移登记', '104.16'], |
| 37 | ['1', '咸阳市', '6', '998'], | 37 | ['办公', '自建房', '转移登记', '14913.86'], |
| 38 | ['柴房', '市场化商品房', '转移登记', '615.55'], | ||
| 39 | ['住宅', '经济适用住房', '转移登记', '173.17'], | ||
| 40 | ['车库/车位', '市场化商品房', '转移登记', '105.27'], | ||
| 41 | ['住宅', '房改房', '转移登记', '372.4'] | ||
| 38 | ] | 42 | ] |
| 39 | } | 43 | } |
| 40 | } | 44 | } |
| 41 | }, | 45 | }, |
| 42 | components: { columnarsmat, Rose }, | 46 | components: { columnarsmat, Rose }, |
| 43 | mounted () { | 47 | mounted () { |
| 44 | scroll(tableref.value.$refs.bodyWrapper);//设置滚动 | 48 | // scroll(tableref.value.$refs.bodyWrapper);//设置滚动 |
| 45 | } | 49 | } |
| 46 | } | 50 | } |
| 47 | </script> | 51 | </script> | ... | ... |
-
Please register or sign in to post a comment