弹框样式正路
Showing
21 changed files
with
365 additions
and
374 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 | @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 { |
| ... | @@ -518,4 +509,4 @@ aside { | ... | @@ -518,4 +509,4 @@ aside { |
| 518 | @font-face { | 509 | @font-face { |
| 519 | font-family: AliBold; | 510 | font-family: AliBold; |
| 520 | src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') | 511 | src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') |
| 521 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 512 | } | ... | ... |
| ... | @@ -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 | } | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -42,136 +42,136 @@ | ... | @@ -42,136 +42,136 @@ |
| 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: { |
| 50 | type: Object, | 50 | type: Object, |
| 51 | default: null | 51 | default: null |
| 52 | } | 52 | } |
| 53 | }, | ||
| 54 | data () { | ||
| 55 | return { | ||
| 56 | myValue: this.value, | ||
| 57 | ruleForm: { | ||
| 58 | jobName: '', | ||
| 59 | cronExpression: '', | ||
| 60 | beanName: '', | ||
| 61 | methodName: '', | ||
| 62 | methodParams: '', | ||
| 63 | remark: '' | ||
| 64 | }, | ||
| 65 | rules: { | ||
| 66 | jobName: [ | ||
| 67 | { required: true, message: '任务名', trigger: 'blur' } | ||
| 68 | ], | ||
| 69 | cronExpression: [ | ||
| 70 | { required: true, message: 'cron表达式', trigger: 'blur' } | ||
| 71 | ], | ||
| 72 | beanName: [ | ||
| 73 | { required: true, message: '任务类名', trigger: 'blur' } | ||
| 74 | ], | ||
| 75 | methodName: [ | ||
| 76 | { required: true, message: '任务方法名', trigger: 'blur' } | ||
| 77 | ] | ||
| 78 | }, | ||
| 79 | message: '' | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | methods: { | ||
| 83 | handleSubmit () { | ||
| 84 | let _this = this | ||
| 85 | this.$refs['ruleForm'].validate(async (valid) => { | ||
| 86 | if (valid) { | ||
| 87 | if (!_this.taskData) { | ||
| 88 | try { | ||
| 89 | let res = await sjsbTask.sjsbTaskSave(_this.ruleForm) | ||
| 90 | if (res.code == 200) { | ||
| 91 | _this.loading = false | ||
| 92 | _this.$message({ | ||
| 93 | message: res.message, | ||
| 94 | type: 'success' | ||
| 95 | }) | ||
| 96 | _this.handleClose() | ||
| 97 | _this.$parent.featchData() | ||
| 98 | } | ||
| 99 | } catch (error) { | ||
| 100 | _this.message = error | ||
| 101 | _this.$refs.msg.messageShow() | ||
| 102 | } | ||
| 103 | } else { | ||
| 104 | try { | ||
| 105 | let res = await sjsbTask.updateCron(_this.ruleForm) | ||
| 106 | if (res.code == 200) { | ||
| 107 | _this.$message({ | ||
| 108 | message: res.message, | ||
| 109 | type: 'success' | ||
| 110 | }) | ||
| 111 | _this.handleClose() | ||
| 112 | _this.$parent.featchData() | ||
| 113 | } | ||
| 114 | } catch (error) { | ||
| 115 | _this.message = error | ||
| 116 | _this.$refs.msg.messageShow() | ||
| 117 | } | ||
| 118 | } | ||
| 119 | } else { | ||
| 120 | this.$message('请检查表单完整性') | ||
| 121 | return false; | ||
| 122 | } | ||
| 123 | }) | ||
| 124 | }, | ||
| 125 | handleClose () { | ||
| 126 | this.$emit("input", false); | ||
| 127 | } | ||
| 128 | }, | ||
| 129 | watch: { | ||
| 130 | value (val) { | ||
| 131 | this.myValue = val | ||
| 132 | }, | 53 | }, |
| 133 | taskData (val) { | 54 | data () { |
| 134 | if (val != null) { | 55 | return { |
| 135 | this.ruleForm = val | 56 | myValue: this.value, |
| 136 | } else { | 57 | ruleForm: { |
| 137 | this.ruleForm = { | ||
| 138 | jobName: '', | 58 | jobName: '', |
| 139 | cronExpression: '', | 59 | cronExpression: '', |
| 140 | beanName: '', | 60 | beanName: '', |
| 141 | methodName: '', | 61 | methodName: '', |
| 142 | methodParams: '', | 62 | methodParams: '', |
| 143 | remark: '' | 63 | remark: '' |
| 64 | }, | ||
| 65 | rules: { | ||
| 66 | jobName: [ | ||
| 67 | { required: true, message: '任务名', trigger: 'blur' } | ||
| 68 | ], | ||
| 69 | cronExpression: [ | ||
| 70 | { required: true, message: 'cron表达式', trigger: 'blur' } | ||
| 71 | ], | ||
| 72 | beanName: [ | ||
| 73 | { required: true, message: '任务类名', trigger: 'blur' } | ||
| 74 | ], | ||
| 75 | methodName: [ | ||
| 76 | { required: true, message: '任务方法名', trigger: 'blur' } | ||
| 77 | ] | ||
| 78 | }, | ||
| 79 | message: '' | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | methods: { | ||
| 83 | handleSubmit () { | ||
| 84 | let _this = this | ||
| 85 | this.$refs['ruleForm'].validate(async (valid) => { | ||
| 86 | if (valid) { | ||
| 87 | if (!_this.taskData) { | ||
| 88 | try { | ||
| 89 | let res = await sjsbTask.sjsbTaskSave(_this.ruleForm) | ||
| 90 | if (res.code == 200) { | ||
| 91 | _this.loading = false | ||
| 92 | _this.$message({ | ||
| 93 | message: res.message, | ||
| 94 | type: 'success' | ||
| 95 | }) | ||
| 96 | _this.handleClose() | ||
| 97 | _this.$parent.featchData() | ||
| 98 | } | ||
| 99 | } catch (error) { | ||
| 100 | _this.message = error | ||
| 101 | _this.$refs.msg.messageShow() | ||
| 102 | } | ||
| 103 | } else { | ||
| 104 | try { | ||
| 105 | let res = await sjsbTask.updateCron(_this.ruleForm) | ||
| 106 | if (res.code == 200) { | ||
| 107 | _this.$message({ | ||
| 108 | message: res.message, | ||
| 109 | type: 'success' | ||
| 110 | }) | ||
| 111 | _this.handleClose() | ||
| 112 | _this.$parent.featchData() | ||
| 113 | } | ||
| 114 | } catch (error) { | ||
| 115 | _this.message = error | ||
| 116 | _this.$refs.msg.messageShow() | ||
| 117 | } | ||
| 118 | } | ||
| 119 | } else { | ||
| 120 | this.$message('请检查表单完整性') | ||
| 121 | return false; | ||
| 122 | } | ||
| 123 | }) | ||
| 124 | }, | ||
| 125 | handleClose () { | ||
| 126 | this.$emit("input", false); | ||
| 127 | } | ||
| 128 | }, | ||
| 129 | watch: { | ||
| 130 | value (val) { | ||
| 131 | this.myValue = val | ||
| 132 | }, | ||
| 133 | taskData (val) { | ||
| 134 | if (val != null) { | ||
| 135 | this.ruleForm = val | ||
| 136 | } else { | ||
| 137 | this.ruleForm = { | ||
| 138 | jobName: '', | ||
| 139 | cronExpression: '', | ||
| 140 | beanName: '', | ||
| 141 | methodName: '', | ||
| 142 | methodParams: '', | ||
| 143 | remark: '' | ||
| 144 | } | ||
| 144 | } | 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 | ... | ... |
This diff is collapsed.
Click to expand it.
| ... | @@ -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,101 +36,101 @@ | ... | @@ -36,101 +36,101 @@ |
| 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 |
| 47 | }, | ||
| 48 | mixins: [table], | ||
| 49 | mounted () { | ||
| 50 | sendThis(this); | ||
| 51 | this.queryClick() | ||
| 52 | }, | ||
| 53 | data () { | ||
| 54 | return { | ||
| 55 | isDialog: false, | ||
| 56 | details: { | ||
| 57 | dictid: '', | ||
| 58 | isenable: 1, | ||
| 59 | rowData: {} | ||
| 60 | }, | ||
| 61 | ruleForm: { | ||
| 62 | dcode: '', | ||
| 63 | dname: '' | ||
| 64 | }, | ||
| 65 | tableData: { | ||
| 66 | total: 0, | ||
| 67 | columns: datas.columns().concat([ | ||
| 68 | { | ||
| 69 | label: "操作", | ||
| 70 | render: (h, scope) => { | ||
| 71 | return ( | ||
| 72 | <el-button type="text" | ||
| 73 | class='successColor' | ||
| 74 | onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> | ||
| 75 | ) | ||
| 76 | } | ||
| 77 | } | ||
| 78 | ]), | ||
| 79 | data: [] | ||
| 80 | } | ||
| 81 | } | ||
| 82 | }, | ||
| 83 | methods: { | ||
| 84 | // 初始化数据 | ||
| 85 | queryClick () { | ||
| 86 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { | ||
| 87 | let { records, total } = res.result | ||
| 88 | this.tableData.data = records ? records : [] | ||
| 89 | this.tableData.total = total ? total : 0 | ||
| 90 | }) | ||
| 91 | }, | 47 | }, |
| 92 | handleSearch () { | 48 | mixins: [table], |
| 93 | this.pageData.currentPage = 1 | 49 | mounted () { |
| 94 | this.tableData.data = [] | 50 | sendThis(this); |
| 95 | this.queryClick() | 51 | this.queryClick() |
| 96 | }, | 52 | }, |
| 97 | handleRefresh () { | 53 | data () { |
| 98 | this.$confirm('是否确认刷新', '提示', { | 54 | return { |
| 99 | confirmButtonText: '确定', | 55 | isDialog: false, |
| 100 | cancelButtonText: '取消', | 56 | details: { |
| 101 | type: 'warning' | 57 | dictid: '', |
| 102 | }).then(() => { | 58 | isenable: 1, |
| 103 | refreshDictCache().then(res => { | 59 | rowData: {} |
| 104 | if (res.code == 200) { | 60 | }, |
| 105 | let refech = this.$store.dispatch('dict/generateDic') | 61 | ruleForm: { |
| 106 | this.$endLoading() | 62 | dcode: '', |
| 107 | refech && this.$message({ | 63 | dname: '' |
| 108 | message: '刷新成功', | 64 | }, |
| 109 | type: 'success' | 65 | tableData: { |
| 110 | }); | 66 | total: 0, |
| 111 | } else { | 67 | columns: datas.columns().concat([ |
| 112 | this.$message.error(res.message) | 68 | { |
| 113 | } | 69 | label: "操作", |
| 70 | render: (h, scope) => { | ||
| 71 | return ( | ||
| 72 | <el-button type="text" | ||
| 73 | class='successColor' | ||
| 74 | onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> | ||
| 75 | ) | ||
| 76 | } | ||
| 77 | } | ||
| 78 | ]), | ||
| 79 | data: [] | ||
| 80 | } | ||
| 81 | } | ||
| 82 | }, | ||
| 83 | methods: { | ||
| 84 | // 初始化数据 | ||
| 85 | queryClick () { | ||
| 86 | getQlxxDictList({ ...this.ruleForm, ...this.pageData }).then(res => { | ||
| 87 | let { records, total } = res.result | ||
| 88 | this.tableData.data = records ? records : [] | ||
| 89 | this.tableData.total = total ? total : 0 | ||
| 114 | }) | 90 | }) |
| 115 | }).catch(() => { | 91 | }, |
| 116 | this.$message({ | 92 | handleSearch () { |
| 117 | type: 'info', | 93 | this.pageData.currentPage = 1 |
| 118 | message: '取消刷新' | 94 | this.tableData.data = [] |
| 95 | this.queryClick() | ||
| 96 | }, | ||
| 97 | handleRefresh () { | ||
| 98 | this.$confirm('是否确认刷新', '提示', { | ||
| 99 | confirmButtonText: '确定', | ||
| 100 | cancelButtonText: '取消', | ||
| 101 | type: 'warning' | ||
| 102 | }).then(() => { | ||
| 103 | refreshDictCache().then(res => { | ||
| 104 | if (res.code == 200) { | ||
| 105 | let refech = this.$store.dispatch('dict/generateDic') | ||
| 106 | this.$endLoading() | ||
| 107 | refech && this.$message({ | ||
| 108 | message: '刷新成功', | ||
| 109 | type: 'success' | ||
| 110 | }); | ||
| 111 | } else { | ||
| 112 | this.$message.error(res.message) | ||
| 113 | } | ||
| 114 | }) | ||
| 115 | }).catch(() => { | ||
| 116 | this.$message({ | ||
| 117 | type: 'info', | ||
| 118 | message: '取消刷新' | ||
| 119 | }); | ||
| 119 | }); | 120 | }); |
| 120 | }); | 121 | }, |
| 121 | }, | 122 | editClick (row, val) { |
| 122 | editClick (row, val) { | 123 | this.details.rowData = row |
| 123 | this.details.rowData = row | 124 | this.details.isenable = val |
| 124 | this.details.isenable = val | 125 | this.details.dictid = row.dictid |
| 125 | this.details.dictid = row.dictid | 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"> | 3 | <el-form |
| 4 | <el-form | 4 | ref="form" |
| 5 | ref="form" | 5 | label-width="100px" |
| 6 | label-width="100px" | 6 | :model="form" |
| 7 | :model="form" | 7 | class="form-wrapper" |
| 8 | class="form-wrapper" | 8 | :rules="rules"> |
| 9 | :rules="rules"> | 9 | <el-form-item label="旧密码:" prop="oldPassword"> |
| 10 | <el-form-item label="旧密码:" prop="oldPassword"> | 10 | <el-input |
| 11 | <el-input | 11 | v-model="form.oldPassword" |
| 12 | v-model="form.oldPassword" | 12 | clearable |
| 13 | clearable | 13 | type="password" |
| 14 | type="password" | 14 | show-password /> |
| 15 | show-password /> | 15 | </el-form-item> |
| 16 | </el-form-item> | 16 | <el-form-item label="新密码:" prop="newPassword"> |
| 17 | <el-form-item label="新密码:" prop="newPassword"> | 17 | <el-input |
| 18 | <el-input | 18 | v-model="form.newPassword" |
| 19 | v-model="form.newPassword" | 19 | clearable |
| 20 | clearable | 20 | type="password" |
| 21 | type="password" | 21 | show-password /> |
| 22 | show-password /> | 22 | </el-form-item> |
| 23 | </el-form-item> | 23 | <el-form-item label="确认密码:" prop="confirmPassword"> |
| 24 | <el-form-item label="确认密码:" prop="confirmPassword"> | 24 | <el-input |
| 25 | <el-input | 25 | v-model="form.confirmPassword" |
| 26 | v-model="form.confirmPassword" | 26 | clearable |
| 27 | clearable | 27 | type="password" |
| 28 | type="password" | 28 | show-password /> |
| 29 | show-password /> | 29 | </el-form-item> |
| 30 | </el-form-item> | 30 | </el-form> |
| 31 | </el-form> | 31 | <div class="bottom-wrapper"> |
| 32 | <div class="bottom-wrapper"> | 32 | <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn> |
| 33 | <btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn> | ||
| 34 | </div> | ||
| 35 | </div> | 33 | </div> |
| 36 | </div> | 34 | </div> |
| 37 | </template> | 35 | </template> |
| ... | @@ -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"> | ... | ... |
| ... | @@ -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> | ... | ... |
-
Please register or sign in to post a comment