Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
61c6d9a4 by xiaomiao
Options

弹框样式正路

1 parent b16b26e4
Expand all
Inline Side-by-side
Showing 21 changed files with 168 additions and 212 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-24 17:24:52 4 * @LastEditTime: 2023-03-27 14:25:19
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import router from "./router"; 7 import router from "./router";
...@@ -33,7 +33,6 @@ router.beforeEach(async (to, from, next) => { ...@@ -33,7 +33,6 @@ router.beforeEach(async (to, from, next) => {
33 if (!hasUser) { 33 if (!hasUser) {
34 store.dispatch("user/getUserInfo"); 34 store.dispatch("user/getUserInfo");
35 } 35 }
36 debugger
37 if (hasAddRoute) { 36 if (hasAddRoute) {
38 next(); 37 next();
39 } else { 38 } else {
......
1 1 // .dialogCon {
2 // background: #031A46;
3 // -webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd;
4 // box-shadow: inset 0px 0px 12px 0px #02d9fd;
5 // border-radius: 0px 2px 2px 2px;
6 // border: 1px solid #6BC1FC;
7 // padding: 15px;
8 // }
......
1 @import './variables.scss'; 1 @import './variables.scss';
2 @import './mixin.scss'; 2 @import './mixin.scss';
3 @import './transition.scss'; 3 @import './transition.scss';
4
4 // @import './element-ui.scss'; 5 // @import './element-ui.scss';
5 /* CSS 初始化 */ 6 /* CSS 初始化 */
6 html, 7 html,
...@@ -430,16 +431,6 @@ aside { ...@@ -430,16 +431,6 @@ aside {
430 border-radius: 16px; 431 border-radius: 16px;
431 color: #B06974; 432 color: #B06974;
432 } 433 }
433
434 // 弹框中间区域样式
435 .dialogCon {
436 background: #031A46;
437 box-shadow: inset 0px 0px 12px 0px #02D9FD;
438 border-radius: 0px 2px 2px 2px;
439 border: 1px solid #6BC1FC;
440 padding: 15px;
441 }
442
443 // 通过 入库 样式 434 // 通过 入库 样式
444 .adopt, 435 .adopt,
445 .success { 436 .success {
......
...@@ -545,8 +545,12 @@ table td { ...@@ -545,8 +545,12 @@ table td {
545 545
546 // 提示框 546 // 提示框
547 .el-message-box { 547 .el-message-box {
548 background-color: #031a46; 548 background: #031A46;
549 border: 1px solid #5f82c7; 549 -webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd;
550 box-shadow: inset 0px 0px 12px 0px #02d9fd;
551 border-radius: 0px 2px 2px 2px;
552 border: 1px solid #6BC1FC;
553 padding: 15px;
550 554
551 .el-message-box__title { 555 .el-message-box__title {
552 color: white; 556 color: white;
......
...@@ -222,49 +222,6 @@ ...@@ -222,49 +222,6 @@
222 text-align: right; 222 text-align: right;
223 } 223 }
224 224
225 // 修改弹框样式
226 .modifydialog {
227 .el-dialog__header {
228 text-align: center;
229 margin-bottom: 10px;
230
231 .el-dialog__title {
232 color: white;
233 }
234 }
235
236 .el-form-item__label {
237 color: white;
238 }
239
240 .el-input__inner {
241 background-color: #07388b;
242 }
243
244 .el-input__inner {
245 background: #07388b;
246 border-radius: 2px;
247 border: 1px solid #6bc1fc;
248 }
249
250 .el-textarea__inner {
251 background: #07388b;
252 color: #fff;
253 }
254
255 .el-form-item__label {
256 color: #fff;
257 }
258
259 .el-dialog__header {
260 text-align: center;
261 margin-bottom: 10px;
262
263 .el-dialog__title {
264 color: white;
265 }
266 }
267 }
268 225
269 // 角色管理人员菜单配置弹框样式 226 // 角色管理人员菜单配置弹框样式
270 .roleconfiguration { 227 .roleconfiguration {
...@@ -994,6 +951,39 @@ ...@@ -994,6 +951,39 @@
994 951
995 // 人员管理角色管理菜单管理修改新增弹框样式 952 // 人员管理角色管理菜单管理修改新增弹框样式
996 .PersonnelDialog { 953 .PersonnelDialog {
954
955 .el-dialog__header {
956 text-align: center;
957 margin-bottom: 10px;
958
959 .el-dialog__title {
960 color: white;
961 }
962 }
963
964 .el-form-item__label {
965 color: white;
966 }
967
968 .el-input__inner {
969 background-color: #07388b;
970 }
971
972 .el-input__inner {
973 background: #07388b;
974 border-radius: 2px;
975 border: 1px solid #6bc1fc;
976 }
977
978 .el-textarea__inner {
979 background: #07388b;
980 color: #fff;
981 }
982
983 .el-form-item__label {
984 color: #fff;
985 }
986
997 .el-dialog__header { 987 .el-dialog__header {
998 .dialog_title { 988 .dialog_title {
999 display: -webkit-box; 989 display: -webkit-box;
...@@ -1024,3 +1014,69 @@ ...@@ -1024,3 +1014,69 @@
1024 width: 500px; 1014 width: 500px;
1025 } 1015 }
1026 } 1016 }
1017
1018 // 弹框中间区域样式
1019 .dialogCon {
1020 background: #031A46;
1021 box-shadow: inset 0px 0px 12px 0px #02D9FD;
1022 border-radius: 0px 2px 2px 2px;
1023 border: 1px solid #6BC1FC;
1024 padding: 15px;
1025 }
1026
1027 // 修改密码界面样式
1028 .informationpassword {
1029 margin: 36px 200px;
1030 overflow-y: auto;
1031
1032 .form-wrapper {
1033 padding: 24px 120px 0px;
1034
1035 .el-form-item {
1036 margin-bottom: 24px;
1037
1038 .el-form-item__label {
1039 color: #ffffff;
1040 }
1041
1042 .el-input .el-input__inner {
1043 padding: 0 8px;
1044 height: 40px;
1045 line-height: 40px;
1046 border: 1px solid #6bc1fc;
1047 }
1048 }
1049 }
1050
1051 .bottom-wrapper {
1052 padding: 32px 120px 24px;
1053 text-align: center;
1054 }
1055 }
1056
1057 // 修改基本信息界面样式
1058 .informationbase {
1059 margin: 0.1875rem 1.0417rem;
1060 overflow-y: auto;
1061 .form-wrapper {
1062 padding: 0px 120px 0px;
1063 .el-form-item {
1064 /deep/.el-form-item__label {
1065 color: #ffffff;
1066 }
1067 ::v-deep .el-input .el-input__inner {
1068 padding: 0 8px;
1069 height: 40px;
1070 line-height: 40px;
1071 border: 1px solid #6bc1fc;
1072 }
1073 }
1074 .el-form-item--small.el-form-item {
1075 margin-bottom: 16px;
1076 }
1077 }
1078 .bottom-wrapper {
1079 padding: 0px 120px 0px;
1080 text-align: center;
1081 }
1082 }
......
...@@ -42,8 +42,8 @@ ...@@ -42,8 +42,8 @@
42 </template> 42 </template>
43 43
44 <script> 44 <script>
45 import sjsbTask from '@/api/sjsbTask.js' 45 import sjsbTask from '@/api/sjsbTask.js'
46 export default { 46 export default {
47 props: { 47 props: {
48 value: { type: Boolean, default: false }, 48 value: { type: Boolean, default: false },
49 taskData: { 49 taskData: {
...@@ -145,33 +145,33 @@ export default { ...@@ -145,33 +145,33 @@ export default {
145 } 145 }
146 } 146 }
147 } 147 }
148 } 148 }
149 </script> 149 </script>
150 <style rel="stylesheet/scss" lang="scss" scoped> 150 <style rel="stylesheet/scss" lang="scss" scoped>
151 /deep/.dialogBox .dialog_title { 151 // /deep/.dialogBox .dialog_title {
152 margin-left: 5px !important; 152 // margin-left: 5px !important;
153 } 153 // }
154 154
155 /deep/.el-dialog__headerbtn { 155 // /deep/.el-dialog__headerbtn {
156 margin-top: -12px; 156 // margin-top: -12px;
157 } 157 // }
158 158
159 .editDialogBox-box { 159 // .editDialogBox-box {
160 margin: 14px 18px 30px 18px !important 160 // margin: 14px 18px 30px 18px !important
161 } 161 // }
162 162
163 /deep/.el-form-item__label { 163 // /deep/.el-form-item__label {
164 color: #fff; 164 // color: #fff;
165 } 165 // }
166 166
167 /deep/.el-form-item { 167 // /deep/.el-form-item {
168 color: #fff; 168 // color: #fff;
169 margin-bottom: 10px; 169 // margin-bottom: 10px;
170 } 170 // }
171 171
172 /deep/ .el-input__inner { 172 // /deep/ .el-input__inner {
173 background-color: transparent; 173 // background-color: transparent;
174 border: 1px solid #458ACF; 174 // border: 1px solid #458ACF;
175 } 175 // }
176 </style> 176 </style>
177 177
......
...@@ -25,15 +25,15 @@ ...@@ -25,15 +25,15 @@
25 </template> 25 </template>
26 26
27 <script> 27 <script>
28 import { 28 import {
29 getUuid, 29 getUuid,
30 judgeSort, 30 judgeSort,
31 realMove, 31 realMove,
32 findParents, 32 findParents,
33 removeTreeListItem, 33 removeTreeListItem,
34 } from "@/utils/operation"; 34 } from "@/utils/operation";
35 import { editDictNode, getChildDictList } from "@/api/dict"; 35 import { editDictNode, getChildDictList } from "@/api/dict";
36 export default { 36 export default {
37 props: { 37 props: {
38 value: { type: Boolean, default: false }, 38 value: { type: Boolean, default: false },
39 details: { 39 details: {
...@@ -355,42 +355,7 @@ export default { ...@@ -355,42 +355,7 @@ export default {
355 this.key++; 355 this.key++;
356 }, 356 },
357 }, 357 },
358 }; 358 };
359 </script> 359 </script>
360 <style rel="stylesheet/scss" lang="scss" scoped> 360 <style rel="stylesheet/scss" lang="scss" scoped>
361
362 /deep/.el-radio {
363 margin-right: 5px !important;
364 display: flex;
365 }
366
367 /deep/.el-radio__label {
368 display: block;
369 }
370
371 /deep/.el-form-item__label {
372 color: #fff;
373 }
374
375 /deep/.el-form-item {
376 color: #fff;
377 margin-bottom: 10px;
378 }
379
380 /deep/.el-radio-group {
381 display: flex;
382 align-items: center;
383 justify-content: center;
384 }
385
386 .editDialogBox-box {
387 margin: 14px 18px 30px 18px !important
388 }
389
390 .opacity-input {
391 /deep/ .el-input__inner {
392 background-color: transparent;
393 border: 1px solid #458ACF;
394 }
395 }
396 </style> 361 </style>
......
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
3 <!-- 表单部分 --> 3 <!-- 表单部分 -->
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px"> 5 <el-form @submit.native.prevent :model="ruleForm" label-width="120px">
6 <el-form-item> 6 <el-form-item v-if="BASE_API.THEME=='jg'">
7 <Breadcrumb /> 7 <Breadcrumb />
8 </el-form-item> 8 </el-form-item>
9 <el-row :gutter="20"> 9 <el-row :gutter="20" class="mb-5">
10 <el-col :span="6"> 10 <el-col :span="6">
11 <el-form-item label="字典类型编码"> 11 <el-form-item label="字典类型编码">
12 <el-input v-model="ruleForm.dcode" @clear="queryClick" clearable placeholder="字典类型编码"></el-input> 12 <el-input v-model="ruleForm.dcode" @clear="queryClick" clearable placeholder="字典类型编码"></el-input>
...@@ -36,11 +36,11 @@ ...@@ -36,11 +36,11 @@
36 </div> 36 </div>
37 </template> 37 </template>
38 <script> 38 <script>
39 import table from "@/utils/mixin/table" 39 import table from "@/utils/mixin/table"
40 import { getQlxxDictList, refreshDictCache } from "@/api/dict.js" 40 import { getQlxxDictList, refreshDictCache } from "@/api/dict.js"
41 import { datas, sendThis } from "./dictionaries" 41 import { datas, sendThis } from "./dictionaries"
42 import editDialog from "./components/editDialog.vue" 42 import editDialog from "./components/editDialog.vue"
43 export default { 43 export default {
44 name: "djbcx", 44 name: "djbcx",
45 components: { 45 components: {
46 editDialog 46 editDialog
...@@ -126,11 +126,11 @@ export default { ...@@ -126,11 +126,11 @@ export default {
126 this.isDialog = true 126 this.isDialog = true
127 } 127 }
128 } 128 }
129 }; 129 };
130 </script> 130 </script>
131 <style scoped lang="scss"> 131 <style scoped lang="scss">
132 /deep/.dialogBox .dialog_title { 132 /deep/.dialogBox .dialog_title {
133 top: 0; 133 top: 0;
134 margin-left: 5px; 134 margin-left: 5px;
135 } 135 }
136 </style> 136 </style>
......
1 <template> 1 <template>
2 <div class="content"> 2 <div class="informationbase">
3 <div class="user-info">
4 <el-form 3 <el-form
5 ref="form" 4 ref="form"
6 label-width="100px" 5 label-width="100px"
...@@ -38,7 +37,6 @@ ...@@ -38,7 +37,6 @@
38 <btn nativeType="cx" type="primary" @click="updateInfo">更新信息</btn> 37 <btn nativeType="cx" type="primary" @click="updateInfo">更新信息</btn>
39 </div> 38 </div>
40 </div> 39 </div>
41 </div>
42 </template> 40 </template>
43 41
44 <script> 42 <script>
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <div class="information from-clues"> 10 <div class="information from-clues">
11 <div class="from-clues-header"> 11 <div class="from-clues-header">
12 <el-form ref="ruleForm" label-width="100px"> 12 <el-form ref="ruleForm" label-width="100px">
13 <el-form-item> 13 <el-form-item v-if="BASE_API.THEME=='jg'">
14 <Breadcrumb /> 14 <Breadcrumb />
15 </el-form-item> 15 </el-form-item>
16 <el-row class="mb-5"> 16 <el-row class="mb-5">
...@@ -67,7 +67,6 @@ ...@@ -67,7 +67,6 @@
67 </script> 67 </script>
68 68
69 <style scoped lang="scss"> 69 <style scoped lang="scss">
70 @import "~@/styles/mixin.scss";
71 .information { 70 .information {
72 display: flex; 71 display: flex;
73 flex-direction: column; 72 flex-direction: column;
......
1 <template> 1 <template>
2 <div class="content"> 2 <div class="informationpassword">
3 <div class="user-info">
4 <el-form 3 <el-form
5 ref="form" 4 ref="form"
6 label-width="100px" 5 label-width="100px"
...@@ -33,7 +32,6 @@ ...@@ -33,7 +32,6 @@
33 <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn> 32 <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn>
34 </div> 33 </div>
35 </div> 34 </div>
36 </div>
37 </template> 35 </template>
38 36
39 <script> 37 <script>
...@@ -110,27 +108,4 @@ ...@@ -110,27 +108,4 @@
110 </script> 108 </script>
111 109
112 <style scoped lang="scss"> 110 <style scoped lang="scss">
113 .user-info {
114 margin: 36px 200px;
115 overflow-y: auto;
116 .form-wrapper {
117 padding: 24px 120px 0px;
118 /deep/.el-form-item {
119 margin-bottom: 24px;
120 .el-form-item__label {
121 color: #ffffff;
122 }
123 .el-input .el-input__inner {
124 padding: 0 8px;
125 height: 40px;
126 line-height: 40px;
127 border: 1px solid #6bc1fc;
128 }
129 }
130 }
131 .bottom-wrapper {
132 padding: 32px 120px 24px;
133 text-align: center;
134 }
135 }
136 </style> 111 </style>
......
1 <template> 1 <template>
2 <dialogBox class="modifydialog PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm" 2 <dialogBox class="PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm"
3 v-model="myValue"> 3 v-model="myValue">
4 <div class="dialogCon"> 4 <div class="dialogCon">
5 <el-form ref="form" :model="form" :rules="rules"> 5 <el-form ref="form" :model="form" :rules="rules">
...@@ -236,35 +236,4 @@ ...@@ -236,35 +236,4 @@
236 } 236 }
237 </script> 237 </script>
238 <style scoped lang="scss"> 238 <style scoped lang="scss">
239 // .modifydialog {
240 // &-con {
241 // background: #031a46;
242 // }
243
244 // /deep/.el-dialog__header {
245 // .dialog_title {
246 // display: -webkit-box;
247 // display: -ms-flexbox;
248 // display: flex;
249 // position: relative;
250 // top: -8px;
251 // width: 28%;
252 // height: 40px;
253 // margin-left: 28px;
254 // -webkit-box-pack: center;
255 // -ms-flex-pack: center;
256 // justify-content: center;
257 // white-space: nowrap;
258
259 // b {
260 // font-size: 16px;
261 // }
262 // }
263
264 // .el-dialog__headerbtn {
265 // right: 20px !important;
266 // top: 23px !important;
267 // }
268 // }
269 // }
270 </style> 239 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mb-5"> 8 <el-row class="mb-5">
......
1 <!-- 新增 & 修改角色 --> 1 <!-- 新增 & 修改角色 -->
2 <template> 2 <template>
3 <dialogBox 3 <dialogBox
4 class="modifydialog PersonnelDialog" 4 class="PersonnelDialog"
5 :title="title" 5 :title="title"
6 :width="'567px'" 6 :width="'567px'"
7 :isMain="true" 7 :isMain="true"
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mb-5"> 8 <el-row class="mb-5">
......
...@@ -412,6 +412,7 @@ ...@@ -412,6 +412,7 @@
412 }; 412 };
413 </script> 413 </script>
414 <style scoped lang="scss"> 414 <style scoped lang="scss">
415 // @import "~@/styles/mixin.scss"; 415 /deep/.dialogBox .el-dialog__header {
416 // @import "~@/styles/dialogBox.scss"; 416 height: 59px !important;
417 }
417 </style> 418 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask 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-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
......
1 <template> 1 <template>
2 <dialogBox :title="title" :width="'867px'" class="modifydialog PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm" 2 <dialogBox :title="title" :width="'867px'" class="PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm"
3 v-model="myValue"> 3 v-model="myValue">
4 <div class="dialogCon"> 4 <div class="dialogCon">
5 <el-form ref="form" :model="form" :rules="rules"> 5 <el-form ref="form" :model="form" :rules="rules">
......
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
2 <div class="timedTask from-clues"> 2 <div class="timedTask from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="ruleForm" :model="form" label-width="100px"> 4 <el-form ref="ruleForm" :model="form" label-width="100px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mt-10"> 8 <el-row class="mb-5">
9 <el-col :span="4"> 9 <el-col :span="4">
10 <el-form-item label="用户名" prop="loginName"> 10 <el-form-item label="用户名" prop="loginName">
11 <el-input v-model.trim="form.loginName" class="width100" clearable placeholder="用户名"></el-input> 11 <el-input v-model.trim="form.loginName" class="width100" clearable placeholder="用户名"></el-input>
...@@ -409,12 +409,4 @@ ...@@ -409,12 +409,4 @@
409 </script> 409 </script>
410 <style scoped lang="scss"> 410 <style scoped lang="scss">
411 @import "~@/styles/mixin.scss"; 411 @import "~@/styles/mixin.scss";
412 // .btnColRight {
413 // height: 30px;
414 // .button {
415 // position: absolute;
416 // left: 30px;
417 // }
418 // }
419
420 </style> 412 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="dictionary-config from-clues"> 2 <div class="dictionary-config from-clues">
3 <div class="from-clues-header"> 3 <div class="from-clues-header">
4 <el-form ref="form" :model="form" label-width="90px"> 4 <el-form ref="form" :model="form" label-width="90px">
5 <el-form-item> 5 <el-form-item v-if="BASE_API.THEME=='jg'">
6 <Breadcrumb /> 6 <Breadcrumb />
7 </el-form-item> 7 </el-form-item>
8 <el-row> 8 <el-row>
......