Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
0d80b7e5 by renchao@pashanhoo.com
Options

style:统计样式修改

2 parents e3551b47 4e621960
Expand all
Inline Side-by-side
Showing 21 changed files with 187 additions and 249 deletions
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-27 14:20:03
*/
import Vue from 'vue'
import router from "./router";
import store from "./store";
......
// .dialogCon {
// background: #031A46;
// -webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd;
// box-shadow: inset 0px 0px 12px 0px #02d9fd;
// border-radius: 0px 2px 2px 2px;
// border: 1px solid #6BC1FC;
// padding: 15px;
// }
......
@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
// @import './element-ui.scss';
/* CSS 初始化 */
html,
......@@ -430,16 +431,6 @@ aside {
border-radius: 16px;
color: #B06974;
}
// 弹框中间区域样式
.dialogCon {
background: #031A46;
box-shadow: inset 0px 0px 12px 0px #02D9FD;
border-radius: 0px 2px 2px 2px;
border: 1px solid #6BC1FC;
padding: 15px;
}
// 通过 入库 样式
.adopt,
.success {
......
......@@ -535,8 +535,12 @@ table td {
// 提示框
.el-message-box {
background-color: #031a46;
border: 1px solid #5f82c7;
background: #031A46;
-webkit-box-shadow: inset 0px 0px 12px 0px #02d9fd;
box-shadow: inset 0px 0px 12px 0px #02d9fd;
border-radius: 0px 2px 2px 2px;
border: 1px solid #6BC1FC;
padding: 15px;
.el-message-box__title {
color: white;
......
......@@ -243,49 +243,6 @@
text-align: right;
}
// 修改弹框样式
.modifydialog {
.el-dialog__header {
text-align: center;
margin-bottom: 10px;
.el-dialog__title {
color: white;
}
}
.el-form-item__label {
color: white;
}
.el-input__inner {
background-color: #07388b;
}
.el-input__inner {
background: #07388b;
border-radius: 2px;
border: 1px solid #6bc1fc;
}
.el-textarea__inner {
background: #07388b;
color: #fff;
}
.el-form-item__label {
color: #fff;
}
.el-dialog__header {
text-align: center;
margin-bottom: 10px;
.el-dialog__title {
color: white;
}
}
}
// 角色管理人员菜单配置弹框样式
.roleconfiguration {
......@@ -1015,6 +972,39 @@
// 人员管理角色管理菜单管理修改新增弹框样式
.PersonnelDialog {
.el-dialog__header {
text-align: center;
margin-bottom: 10px;
.el-dialog__title {
color: white;
}
}
.el-form-item__label {
color: white;
}
.el-input__inner {
background-color: #07388b;
}
.el-input__inner {
background: #07388b;
border-radius: 2px;
border: 1px solid #6bc1fc;
}
.el-textarea__inner {
background: #07388b;
color: #fff;
}
.el-form-item__label {
color: #fff;
}
.el-dialog__header {
.dialog_title {
display: -webkit-box;
......@@ -1044,4 +1034,72 @@
.selbig {
width: 500px;
}
}
// 弹框中间区域样式
.dialogCon {
background: #031A46;
box-shadow: inset 0px 0px 12px 0px #02D9FD;
border-radius: 0px 2px 2px 2px;
border: 1px solid #6BC1FC;
padding: 15px;
}
// 修改密码界面样式
.informationpassword {
margin: 36px 200px;
overflow-y: auto;
.form-wrapper {
padding: 24px 120px 0px;
.el-form-item {
margin-bottom: 24px;
.el-form-item__label {
color: #ffffff;
}
.el-input .el-input__inner {
padding: 0 8px;
height: 40px;
line-height: 40px;
border: 1px solid #6bc1fc;
}
}
}
.bottom-wrapper {
padding: 32px 120px 24px;
text-align: center;
}
}
// 修改基本信息界面样式
.informationbase {
margin: 0.1875rem 1.0417rem;
overflow-y: auto;
.form-wrapper {
padding: 0px 120px 0px;
.el-form-item {
/deep/.el-form-item__label {
color: #ffffff;
}
::v-deep .el-input .el-input__inner {
padding: 0 8px;
height: 40px;
line-height: 40px;
border: 1px solid #6bc1fc;
}
}
.el-form-item--small.el-form-item {
margin-bottom: 16px;
}
}
.bottom-wrapper {
padding: 0px 120px 0px;
text-align: center;
}
}
......
......@@ -42,8 +42,8 @@
</template>
<script>
import sjsbTask from '@/api/sjsbTask.js'
export default {
import sjsbTask from '@/api/sjsbTask.js'
export default {
props: {
value: { type: Boolean, default: false },
taskData: {
......@@ -145,33 +145,33 @@ export default {
}
}
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
/deep/.dialogBox .dialog_title {
margin-left: 5px !important;
}
// /deep/.dialogBox .dialog_title {
// margin-left: 5px !important;
// }
/deep/.el-dialog__headerbtn {
margin-top: -12px;
}
// /deep/.el-dialog__headerbtn {
// margin-top: -12px;
// }
.editDialogBox-box {
margin: 14px 18px 30px 18px !important
}
// .editDialogBox-box {
// margin: 14px 18px 30px 18px !important
// }
/deep/.el-form-item__label {
color: #fff;
}
// /deep/.el-form-item__label {
// color: #fff;
// }
/deep/.el-form-item {
color: #fff;
margin-bottom: 10px;
}
// /deep/.el-form-item {
// color: #fff;
// margin-bottom: 10px;
// }
/deep/ .el-input__inner {
background-color: transparent;
border: 1px solid #458ACF;
}
// /deep/ .el-input__inner {
// background-color: transparent;
// border: 1px solid #458ACF;
// }
</style>
......
......@@ -25,15 +25,15 @@
</template>
<script>
import {
import {
getUuid,
judgeSort,
realMove,
findParents,
removeTreeListItem,
} from "@/utils/operation";
import { editDictNode, getChildDictList } from "@/api/dict";
export default {
} from "@/utils/operation";
import { editDictNode, getChildDictList } from "@/api/dict";
export default {
props: {
value: { type: Boolean, default: false },
details: {
......@@ -355,42 +355,7 @@ export default {
this.key++;
},
},
};
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
/deep/.el-radio {
margin-right: 5px !important;
display: flex;
}
/deep/.el-radio__label {
display: block;
}
/deep/.el-form-item__label {
color: #fff;
}
/deep/.el-form-item {
color: #fff;
margin-bottom: 10px;
}
/deep/.el-radio-group {
display: flex;
align-items: center;
justify-content: center;
}
.editDialogBox-box {
margin: 14px 18px 30px 18px !important
}
.opacity-input {
/deep/ .el-input__inner {
background-color: transparent;
border: 1px solid #458ACF;
}
}
</style>
......
......@@ -6,7 +6,7 @@
<el-form-item v-if="BASE_API.THEME == 'jg'">
<Breadcrumb />
</el-form-item>
<el-row :gutter="20">
<el-row :gutter="20" class="mb-5">
<el-col :span="6">
<el-form-item label="字典类型编码">
<el-input v-model="ruleForm.dcode" @clear="queryClick" clearable placeholder="字典类型编码"></el-input>
......@@ -36,11 +36,11 @@
</div>
</template>
<script>
import table from "@/utils/mixin/table"
import { getQlxxDictList, refreshDictCache } from "@/api/dict.js"
import { datas, sendThis } from "./dictionaries"
import editDialog from "./components/editDialog.vue"
export default {
import table from "@/utils/mixin/table"
import { getQlxxDictList, refreshDictCache } from "@/api/dict.js"
import { datas, sendThis } from "./dictionaries"
import editDialog from "./components/editDialog.vue"
export default {
name: "djbcx",
components: {
editDialog
......@@ -126,11 +126,11 @@ export default {
this.isDialog = true
}
}
};
};
</script>
<style scoped lang="scss">
/deep/.dialogBox .dialog_title {
/deep/.dialogBox .dialog_title {
top: 0;
margin-left: 5px;
}
}
</style>
......
<template>
<div class="content">
<div class="user-info">
<div class="informationbase">
<el-form
ref="form"
label-width="100px"
......@@ -38,7 +37,6 @@
<btn nativeType="cx" type="primary" @click="updateInfo">更新信息</btn>
</div>
</div>
</div>
</template>
<script>
......
<!--
* @Author: xiaomiao 1158771342@qq.com
* @Date: 2023-03-09 20:54:28
* @LastEditors: Please set LastEditors
* @LastEditTime: 2023-03-27 09:13:22
* @LastEditors: xiaomiao 1158771342@qq.com
* @LastEditTime: 2023-03-27 14:26:49
* @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
......@@ -10,7 +10,7 @@
<div class="information from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" label-width="100px">
<el-form-item v-if="BASE_API.THEME == 'jg'">
<el-form-item v-if="BASE_API.THEME=='jg'">
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
......@@ -34,10 +34,10 @@
</div>
</template>
<script>
import "@/utils/flexible.js";
import BaseSet from "./base-set.vue";
import PasswordEdit from "./password-edit.vue";
export default {
import "@/utils/flexible.js";
import BaseSet from "./base-set.vue";
import PasswordEdit from "./password-edit.vue";
export default {
components: {
BaseSet,
PasswordEdit,
......@@ -63,35 +63,9 @@ export default {
this.isshow = false;
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.information {
display: flex;
flex-direction: column;
.btnColRight {
margin-top: 10px;
display: flex;
justify-content: center;
// background-color: cadetblue;
height: 30px;
}
/deep/.content {
.el-input__inner {
background: none;
}
.user-info {
background: none;
}
}
.boxin {
flex: 1;
}
}</style>
</style>
......
<template>
<div class="content">
<div class="user-info">
<div class="informationpassword">
<el-form
ref="form"
label-width="100px"
......@@ -33,7 +32,6 @@
<btn nativeType="cx" type="primary" @click="updatePassword">确认修改</btn>
</div>
</div>
</div>
</template>
<script>
......@@ -110,27 +108,4 @@
</script>
<style scoped lang="scss">
.user-info {
margin: 36px 200px;
overflow-y: auto;
.form-wrapper {
padding: 24px 120px 0px;
/deep/.el-form-item {
margin-bottom: 24px;
.el-form-item__label {
color: #ffffff;
}
.el-input .el-input__inner {
padding: 0 8px;
height: 40px;
line-height: 40px;
border: 1px solid #6bc1fc;
}
}
}
.bottom-wrapper {
padding: 32px 120px 24px;
text-align: center;
}
}
</style>
......
<template>
<dialogBox class="modifydialog PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm"
<dialogBox class="PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm"
v-model="myValue">
<div class="dialogCon">
<el-form ref="form" :model="form" :rules="rules">
......@@ -236,35 +236,4 @@
}
</script>
<style scoped lang="scss">
// .modifydialog {
// &-con {
// background: #031a46;
// }
// /deep/.el-dialog__header {
// .dialog_title {
// display: -webkit-box;
// display: -ms-flexbox;
// display: flex;
// position: relative;
// top: -8px;
// width: 28%;
// height: 40px;
// margin-left: 28px;
// -webkit-box-pack: center;
// -ms-flex-pack: center;
// justify-content: center;
// white-space: nowrap;
// b {
// font-size: 16px;
// }
// }
// .el-dialog__headerbtn {
// right: 20px !important;
// top: 23px !important;
// }
// }
// }
</style>
......
......@@ -2,7 +2,7 @@
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item v-if="BASE_API.THEME == 'jg'">
<el-form-item v-if="BASE_API.THEME=='jg'">
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
......
<!-- 新增 & 修改角色 -->
<template>
<dialogBox
class="modifydialog PersonnelDialog"
class="PersonnelDialog"
:title="title"
:width="'567px'"
:isMain="true"
......
......@@ -2,7 +2,7 @@
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item v-if="BASE_API.THEME == 'jg'">
<el-form-item v-if="BASE_API.THEME=='jg'">
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
......
......@@ -412,6 +412,7 @@
};
</script>
<style scoped lang="scss">
// @import "~@/styles/mixin.scss";
// @import "~@/styles/dialogBox.scss";
/deep/.dialogBox .el-dialog__header {
height: 59px !important;
}
</style>
......
......@@ -2,7 +2,7 @@
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item v-if="BASE_API.THEME == 'jg'">
<el-form-item v-if="BASE_API.THEME=='jg'">
<Breadcrumb />
</el-form-item>
<el-row>
......@@ -29,12 +29,12 @@
</div>
</template>
<script>
// 定时任务
import data from "./data"
import sjsbTask from '@/api/sjsbTask.js'
import tableMixin from '@/mixins/tableMixin.js'
import addTask from '../components/addTask.vue'
export default {
// 定时任务
import data from "./data"
import sjsbTask from '@/api/sjsbTask.js'
import tableMixin from '@/mixins/tableMixin.js'
import addTask from '../components/addTask.vue'
export default {
name: "timedTask",
mixins: [tableMixin],
components: {
......@@ -248,8 +248,8 @@ export default {
})
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
</style>
......
<template>
<dialogBox :title="title" :width="'867px'" class="modifydialog PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm"
<dialogBox :title="title" :width="'867px'" class="PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm"
v-model="myValue">
<div class="dialogCon">
<el-form ref="form" :model="form" :rules="rules">
......
<template>
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="80px">
<el-form-item v-if="BASE_API.THEME == 'jg'">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item v-if="BASE_API.THEME=='jg'">
<Breadcrumb />
</el-form-item>
<el-row class="mt-10">
<el-row class="mb-5">
<el-col :span="4">
<el-form-item label="用户名" prop="loginName">
<el-input v-model.trim="form.loginName" class="width100" clearable placeholder="用户名"></el-input>
......@@ -408,5 +408,5 @@ export default {
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
</style>
......
......@@ -2,7 +2,7 @@
<div class="dictionary-config from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="90px">
<el-form-item>
<el-form-item v-if="BASE_API.THEME=='jg'">
<Breadcrumb />
</el-form-item>
<el-row>
......