style:样式修改
Showing
6 changed files
with
59 additions
and
73 deletions
1 | <template> | 1 | <template> |
2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox dataReporting editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" |
3 | :visible.sync="dialogVisible" width="92%"> | 3 | custom-class="dialogBox dataReporting editDialogBox sbdialog commonDialog mainCenter" :visible.sync="dialogVisible" |
4 | width="92%"> | ||
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 5 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '详情' }} | 6 | {{ title || '详情' }} |
6 | </div> | 7 | </div> |
... | @@ -111,7 +112,7 @@ | ... | @@ -111,7 +112,7 @@ |
111 | </div> | 112 | </div> |
112 | </div> | 113 | </div> |
113 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> | 114 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> |
114 | <JsonEditor :resultInfo="resultInfo" /> | 115 | <JsonEditor class="editXML" :resultInfo="resultInfo" /> |
115 | </div> | 116 | </div> |
116 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> | 117 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> |
117 | <Xyjg :form-data='dataReport'></Xyjg> | 118 | <Xyjg :form-data='dataReport'></Xyjg> |
... | @@ -128,14 +129,14 @@ | ... | @@ -128,14 +129,14 @@ |
128 | </template> | 129 | </template> |
129 | 130 | ||
130 | <script> | 131 | <script> |
131 | import axios from "axios"; | 132 | import axios from "axios"; |
132 | import SERVER from '@/api/config' | 133 | import SERVER from '@/api/config' |
133 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' | 134 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' |
134 | import { mapGetters } from "vuex"; | 135 | import { mapGetters } from "vuex"; |
135 | import JsonEditor from "@/components/JsonEditor.vue"; | 136 | import JsonEditor from "@/components/JsonEditor.vue"; |
136 | import Xyjg from "./Result"; | 137 | import Xyjg from "./Result"; |
137 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; | 138 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; |
138 | export default { | 139 | export default { |
139 | components: { JsonEditor, Xyjg }, | 140 | components: { JsonEditor, Xyjg }, |
140 | props: { | 141 | props: { |
141 | title: { | 142 | title: { |
... | @@ -332,14 +333,5 @@ | ... | @@ -332,14 +333,5 @@ |
332 | } | 333 | } |
333 | } | 334 | } |
334 | } | 335 | } |
335 | } | 336 | } |
336 | </script> | 337 | </script> |
337 | <style scoped lang="scss"> | ||
338 | /deep/.editDialogBox { | ||
339 | .el-dialog__header { | ||
340 | display: flex; | ||
341 | margin-bottom: 10px; | ||
342 | } | ||
343 | } | ||
344 | </style> | ||
345 | ... | ... |
... | @@ -86,7 +86,6 @@ input[type="number"] { | ... | @@ -86,7 +86,6 @@ input[type="number"] { |
86 | // refine element ui upload | 86 | // refine element ui upload |
87 | .el-input.is-disabled .el-input__inner { | 87 | .el-input.is-disabled .el-input__inner { |
88 | background-color: transparent !important; | 88 | background-color: transparent !important; |
89 | border: 1px solid #224C7C !important; | ||
90 | } | 89 | } |
91 | 90 | ||
92 | .upload-container { | 91 | .upload-container { | ... | ... |
... | @@ -223,18 +223,9 @@ | ... | @@ -223,18 +223,9 @@ |
223 | } | 223 | } |
224 | 224 | ||
225 | // 登簿日志弹出框 | 225 | // 登簿日志弹出框 |
226 | .entryJournal { | 226 | .commonDialog { |
227 | .el-textarea__inner { | ||
228 | height: 67vh !important; | ||
229 | border: none !important; | ||
230 | background-color: #ffffff !important; | ||
231 | color: #000000 !important; | ||
232 | } | ||
233 | |||
234 | /deep/.dialog-from_header { | 227 | /deep/.dialog-from_header { |
235 | margin: 0 !important; | 228 | margin: 0 !important; |
236 | |||
237 | |||
238 | } | 229 | } |
239 | 230 | ||
240 | .el-dialog__headerbtn .el-dialog__close { | 231 | .el-dialog__headerbtn .el-dialog__close { |
... | @@ -270,16 +261,23 @@ | ... | @@ -270,16 +261,23 @@ |
270 | .regularHeight { | 261 | .regularHeight { |
271 | display: flex; | 262 | display: flex; |
272 | flex-direction: column; | 263 | flex-direction: column; |
273 | height: 87vh; | 264 | height: 80vh; |
274 | margin-bottom: 5px; | 265 | margin-bottom: 5px; |
275 | 266 | ||
276 | .editDialogBox-con, | 267 | .editDialogBox-con, |
277 | .JsonEditor { | 268 | .JsonEditor { |
278 | flex: 1; | 269 | flex: 1; |
279 | } | 270 | } |
280 | } | ||
281 | 271 | ||
282 | .d-center {} | 272 | .editXML { |
273 | border: 1px solid blue; | ||
274 | margin-top: 10px; | ||
275 | |||
276 | .el-textarea__inner { | ||
277 | height: 68vh !important; | ||
278 | } | ||
279 | } | ||
280 | } | ||
283 | 281 | ||
284 | .dialog_title { | 282 | .dialog_title { |
285 | color: white; | 283 | color: white; |
... | @@ -288,14 +286,11 @@ | ... | @@ -288,14 +286,11 @@ |
288 | 286 | ||
289 | .el-tabs__item { | 287 | .el-tabs__item { |
290 | color: #CEF8FF !important; | 288 | color: #CEF8FF !important; |
291 | background-color: #3D59C4; | 289 | background-color: none; |
292 | display: flex; | 290 | display: flex; |
293 | flex-direction: row; | 291 | flex-direction: row; |
294 | justify-content: center; | 292 | justify-content: center; |
295 | // background: url("~@/image/tabitem.png") no-repeat; | ||
296 | // background-size: 100% 100%; | ||
297 | border-radius: 3px; | 293 | border-radius: 3px; |
298 | border: 1px solid blue !important; | ||
299 | } | 294 | } |
300 | 295 | ||
301 | .el-tabs__nav { | 296 | .el-tabs__nav { |
... | @@ -312,8 +307,7 @@ | ... | @@ -312,8 +307,7 @@ |
312 | } | 307 | } |
313 | 308 | ||
314 | .el-tabs__item.is-active { | 309 | .el-tabs__item.is-active { |
315 | // background: url("~@/image/tabitemse.png") no-repeat; | 310 | background-color: #3D59C4; |
316 | // background-size: 100% 100%; | ||
317 | } | 311 | } |
318 | 312 | ||
319 | .from-clues-content { | 313 | .from-clues-content { |
... | @@ -325,7 +319,6 @@ | ... | @@ -325,7 +319,6 @@ |
325 | .editDialogBox-box { | 319 | .editDialogBox-box { |
326 | position: relative; | 320 | position: relative; |
327 | top: 10px; | 321 | top: 10px; |
328 | // height: 100%; | ||
329 | } | 322 | } |
330 | 323 | ||
331 | .dialog-from { | 324 | .dialog-from { |
... | @@ -367,6 +360,25 @@ | ... | @@ -367,6 +360,25 @@ |
367 | } | 360 | } |
368 | } | 361 | } |
369 | 362 | ||
363 | .entryJournal { | ||
364 | .el-textarea__inner { | ||
365 | height: 67vh !important; | ||
366 | border: none !important; | ||
367 | background-color: #ffffff !important; | ||
368 | color: #000000 !important; | ||
369 | } | ||
370 | } | ||
371 | |||
372 | // 上报日志弹出框 | ||
373 | .sbdialog { | ||
374 | .el-textarea__inner { | ||
375 | height: 30vh !important; | ||
376 | border: none !important; | ||
377 | background-color: #ffffff !important; | ||
378 | color: #000000 !important; | ||
379 | } | ||
380 | } | ||
381 | |||
370 | // 数据上报弹出框 | 382 | // 数据上报弹出框 |
371 | .dataReporting { | 383 | .dataReporting { |
372 | .el-dialog__header { | 384 | .el-dialog__header { |
... | @@ -426,15 +438,11 @@ | ... | @@ -426,15 +438,11 @@ |
426 | 438 | ||
427 | .el-tabs__item { | 439 | .el-tabs__item { |
428 | color: #cef8ff !important; | 440 | color: #cef8ff !important; |
429 | |||
430 | display: flex; | 441 | display: flex; |
431 | flex-direction: row; | 442 | flex-direction: row; |
432 | justify-content: center; | 443 | justify-content: center; |
433 | // background: url("~@/image/tabitem.png") no-repeat; | ||
434 | // background-size: 100% 100%; | ||
435 | background-color: #3D59C4; | 444 | background-color: #3D59C4; |
436 | border-radius: 3px; | 445 | border-radius: 3px; |
437 | border: 1px solid blue !important; | ||
438 | } | 446 | } |
439 | 447 | ||
440 | .obligee-item-name { | 448 | .obligee-item-name { |
... | @@ -512,8 +520,8 @@ | ... | @@ -512,8 +520,8 @@ |
512 | } | 520 | } |
513 | 521 | ||
514 | .el-tabs__item.is-active { | 522 | .el-tabs__item.is-active { |
515 | // background: url("~@/image/tabitemse.png") no-repeat; | 523 | background-color: #1c3294; |
516 | // background-size: 100% 100%; | 524 | color: #FFFFFF; |
517 | } | 525 | } |
518 | 526 | ||
519 | .success-images { | 527 | .success-images { |
... | @@ -640,10 +648,6 @@ | ... | @@ -640,10 +648,6 @@ |
640 | } | 648 | } |
641 | } | 649 | } |
642 | 650 | ||
643 | .el-form-item__label { | ||
644 | color: rgb(0, 0, 0); | ||
645 | } | ||
646 | |||
647 | .el-input__inner { | 651 | .el-input__inner { |
648 | // background-color: #07388b; | 652 | // background-color: #07388b; |
649 | } | 653 | } |
... | @@ -659,10 +663,6 @@ | ... | @@ -659,10 +663,6 @@ |
659 | // color: rgb(0, 0, 0); | 663 | // color: rgb(0, 0, 0); |
660 | } | 664 | } |
661 | 665 | ||
662 | .el-form-item__label { | ||
663 | color: rgb(2, 0, 0); | ||
664 | } | ||
665 | |||
666 | .el-dialog__header { | 666 | .el-dialog__header { |
667 | .dialog_title { | 667 | .dialog_title { |
668 | 668 | ||
... | @@ -785,9 +785,9 @@ | ... | @@ -785,9 +785,9 @@ |
785 | border-right: none; | 785 | border-right: none; |
786 | text-align: center; | 786 | text-align: center; |
787 | padding: 0; | 787 | padding: 0; |
788 | color: #05bbdb; | ||
789 | line-height: 16px; | 788 | line-height: 16px; |
790 | font-size: 12px; | 789 | font-size: 12px; |
790 | text-align: right; | ||
791 | margin-top: 8px !important; | 791 | margin-top: 8px !important; |
792 | } | 792 | } |
793 | 793 | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox entryJournal editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" |
3 | :visible.sync="dialogVisible" width="90%"> | 3 | custom-class="dialogBox entryJournal commonDialog editDialogBox mainCenter" :visible.sync="dialogVisible" width="90%"> |
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '登薄日志' }} | 5 | {{ title || '登薄日志' }} |
6 | </div> | 6 | </div> |
... | @@ -193,12 +193,12 @@ | ... | @@ -193,12 +193,12 @@ |
193 | </template> | 193 | </template> |
194 | 194 | ||
195 | <script> | 195 | <script> |
196 | import { sbdata, sendThis } from './data/sbdata' | 196 | import { sbdata, sendThis } from './data/sbdata' |
197 | import { dbdata, sendThis1 } from './data/dbdata' | 197 | import { dbdata, sendThis1 } from './data/dbdata' |
198 | import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" | 198 | import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" |
199 | import JsonEditor from "@/components/JsonEditor.vue"; | 199 | import JsonEditor from "@/components/JsonEditor.vue"; |
200 | import { judgeListComplete } from "@/utils/tools.js" | 200 | import { judgeListComplete } from "@/utils/tools.js" |
201 | export default { | 201 | export default { |
202 | components: { JsonEditor }, | 202 | components: { JsonEditor }, |
203 | data () { | 203 | data () { |
204 | return { | 204 | return { |
... | @@ -455,8 +455,7 @@ | ... | @@ -455,8 +455,7 @@ |
455 | } | 455 | } |
456 | } | 456 | } |
457 | } | 457 | } |
458 | } | 458 | } |
459 | </script> | 459 | </script> |
460 | <style scoped lang="scss"> | 460 | |
461 | </style> | ||
462 | 461 | ... | ... |
-
Please register or sign in to post a comment