Skip to content

F
founder_vue
Commit c6cf0950 by 张超军
Options

比中信息管理模块

parent af268840
Showing with 152 additions and 61 deletions
src/assets/css/globalBase.scss
......@@ -12,6 +12,12 @@
color: #055fe7;
}
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
}
// :focus-within能非常方便处理获取焦点状态。当元素本身或其后代元素获得焦点时，:focus-within伪类的元素就会有效著作权归作者所有。
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:focus-within {
......@@ -22,6 +28,13 @@
color: #055fe7;
}
}
/deep/.el-input.is-active .el-input__inner,
/deep/.el-input__inner:hover {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.08) !important;
border-color: none !important;
}
/deep/.el-table td,
.el-table th.is-leaf {
background-color: #ffffff;
......@@ -73,6 +86,54 @@
width: 100% !important;
}
// el-table 左侧固定 样式统一
/deep/.el-table__fixed {
height: 100% !important;
&::before {
height: 0;
}
}
/deep/.el-table__fixed-header-wrapper {
height: 48px !important;
.el-table__header {
width: 100% !important;
height: 48px !important;
background-color: #ecf1f7 !important;
font-size: 0.875rem !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
height: 3rem !important;
padding: 0 !important;
}
thead {
font-size: 0.875rem !important;
font-family: HarmonyOS_Sans_SC_Medium !important;
color: #282f3c !important;
.cell {
font-weight: normal !important;
}
}
th {
border: none !important;
background-color: #ecf1f7 !important;
}
}
/deep/.el-table__fixed-body-wrapper {
// height: 100% !important;
}
/deep/.hover-row {
.el-table__cell {
background-color: #f2f7fe !important;
}
}
/deep/.el-table__fixed-right {
height: 100% !important;
&::before {
height: 0;
}
}
/deep/.btn-prev {
cursor: pointer;
i {
......
src/views/AllPersonnelBase/AllPersonnelBase.vue
......@@ -1167,7 +1167,7 @@ export default {
height: 42px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
// border: 1px solid #e6e6e8;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
......
src/views/AllPersonnelBase/dclb.vue
......@@ -458,7 +458,7 @@ export default {
let w1 = 1920;
let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
// this.height = (this.height * w2) / w1;
this.width1 = (this.width1 * w2) / w1;
this.width2 = (this.width2 * w2) / w1;
this.width3 = (this.width3 * w2) / w1;
......@@ -848,7 +848,7 @@ export default {
background: #055fe7;
}
.RAList {
height: 700px;
// height: 700px;
box-sizing: border-box;
padding: 0 24px;
font-family: HarmonyOS_Sans_SC;
......@@ -924,6 +924,20 @@ export default {
font-family: HarmonyOS_Sans_SC;
color: #ffffff;
line-height: 22px;
span {
cursor: pointer;
}
&:hover {
background: #377fec !important;
}
&:active {
background: #044cb9 !important;
}
}
/deep/.el-button {
span {
cursor: pointer;
}
}
}
}
......@@ -1083,7 +1097,7 @@ export default {
color: #333333;
}
/deep/.el-table {
height: 100%;
// height: 100%;
}
/deep/.el-table th > .cell {
font-size: 14px;
......@@ -1154,6 +1168,7 @@ export default {
/deep/.el-table--enable-row-hover .el-table__body tr:hover {
cursor: pointer;
}
@import "@/assets/css/globalBase.scss";
</style>
<style lang="scss" >
.el-table__expand-icon {
......@@ -1191,8 +1206,4 @@ export default {
background-color: #006aff;
border-color: #006aff;
}
/deep/.el-table {
height: 33rem;
}
@import "@/assets/css/globalBase.scss";
</style>
src/views/AllPersonnelBase/qbalk.vue
......@@ -1054,7 +1054,7 @@ const datas1 = [
height: 42px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #e6e6e8;
// border: 1px solid #e6e6e8;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
......
src/views/Home.vue
......@@ -921,11 +921,11 @@ export default {
cursor: pointer;
}
&:hover {
background: #F6F8FA;
color: #055fe7;
border-radius: 16px;
}
// &:hover {
// background: #F6F8FA;
// color: #055fe7;
// border-radius: 16px;
// }
}
.el-tabs__item.is-top.is-closable {
// padding: 6px 24px;
......@@ -950,11 +950,11 @@ export default {
cursor: pointer;
}
&:hover {
color: #055fe7;
background: #F6F8FA;
border-radius: 16px;
}
// &:hover {
// color: #055fe7;
// background: #F6F8FA;
// border-radius: 16px;
// }
}
.is-active {
......@@ -1358,5 +1358,5 @@ export default {
cursor: pointer;
}
}
@import "@/assets/css/globalBase.scss";
// @import "@/assets/css/globalBase.scss";
</style>
\ No newline at end of file
src/views/bzxxgl/bzxxfh.vue
<!--
* @Author: your name
* @Date: 2021-12-01 15:25:22
* @LastEditTime: 2021-12-27 20:28:06
* @LastEditTime: 2022-01-13 10:39:50
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\AllPersonnelBase\bzxxfh.vue
......@@ -88,7 +88,7 @@
<span style="color: #055fe7">{{ multipleSelection.length }}</span> 项​
<span class="clearCheck" @click="toggleSelection()">清空</span>
</el-tag>
<el-table :max-height="height" ref="multipleTable" :data="tableDate" :row-key="getRowKeys" tooltip-effect="dark" style="width: 100%;" :class="{delSelection: !selectBoo}" class="bzxxfh-table" @selection-change="handleSelectionChange">
<el-table :height="height" ref="multipleTable" :data="tableDate" :row-key="getRowKeys" tooltip-effect="dark" style="width: 100%;" :class="{delSelection: !selectBoo}" class="bzxxfh-table" @selection-change="handleSelectionChange">
<el-table-column type="selection" :reserve-selection="true" :width="width33">
</el-table-column>
<el-table-column prop="ytmh" label="源条码号" :width="width1">
......@@ -145,6 +145,7 @@
</div>
</div>
</div>
<div class="bzxxfh-content-bottom"></div>
<!-- 撤销复核弹窗 -->
<div class="cxfh-dialog" v-show="cxfhVisiable">
<div class="cxfh-header">
......@@ -202,7 +203,7 @@ export default {
width2: 160,
width3: 90,
width5: 100,
height: 450,
height: "30rem",
tableDate: [
],
......@@ -235,7 +236,6 @@ export default {
created () {
let w1 = 1920;
let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
this.width1 = (this.width1 * w2) / w1;
this.width2 = (this.width2 * w2) / w1;
this.width3 = (this.width3 * w2) / w1;
......@@ -545,19 +545,13 @@ export default {
this.isShowTip = !this.isShowTip;
this.toggleSelection();
// this.$set(this.multipleSelection, [])
if (this.isShowTip) {
document.getElementsByTagName('body')[0].style.setProperty('--tableHeight', '24.625rem');
this.height = 394
let w1 = 1920;
let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
} else {
document.getElementsByTagName('body')[0].style.setProperty('--tableHeight', '28.125rem');
this.height = 540
let w1 = 1920;
let w2 = window.innerWidth;
this.height = (this.height * w2) / w1;
}
// if (this.isShowTip) {
// document.getElementsByTagName('body')[0].style.setProperty('--tableHeight', '29rem');
// this.height = "29rem"
// } else {
// document.getElementsByTagName('body')[0].style.setProperty('--tableHeight', '33rem');
// this.height = "33rem"
// }
},
/**
* @description: 清除所有选项
......@@ -610,6 +604,7 @@ export default {
<style lang="scss" scoped>
@import "./scss/bzxxfh.scss";
@import "@/assets/css/globalBase.scss";
</style>
<style lang="scss">
// 修改下拉框样式
......
src/views/bzxxgl/bzxxsh.vue
<!--
* @Author: your name
* @Date: 2021-12-01 15:25:22
* @LastEditTime: 2021-12-20 15:18:40
* @LastEditTime: 2022-01-13 11:32:35
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\src\views\AllPersonnelBase\bzxxsh.vue
......@@ -136,8 +136,9 @@
<div class="bzxxsh-table">
<el-table
:border="false"
ref="multipleTable"
:max-height="tableHeight"
:height="tableHeight"
:data="tableDate"
:row-key="getRowKeys"
:key="tableKey"
......@@ -307,6 +308,7 @@
</div>
</div>
</div>
<div class="bzxxsh-content-bottom"></div>
<div class="cxfh-dialog" v-show="shDialogVisiable">
<div class="cxfh-header">
......@@ -398,7 +400,7 @@ export default {
totalPage: 0, // 总共页数
tableDate: [],
tableHeight: 430,
tableHeight: "30rem",
selectwidth: 50,
czWidth: 160,
isStRole: false, // 用于标记是省厅角色还是地市角色
......@@ -477,7 +479,7 @@ export default {
let w2 = window.innerWidth
let scalePercent = w2 / w1
_that.tableHeight = _that.tableHeight * scalePercent
// _that.tableHeight = _that.tableHeight * scalePercent
_that.czWidth = _that.czWidth * scalePercent
_that.selectwidth = _that.selectwidth * scalePercent
......@@ -845,6 +847,7 @@ const initRuleFrom = {
<style lang="scss" scoped>
@import "./scss/bzxxsh.scss";
@import "@/assets/css/globalBase.scss";
</style>
<style lang="scss">
// 修改下拉框样式
......
src/views/bzxxgl/scss/bzxxfh.scss
// table表的高度
$tableHeight: var(--tableHeight, 450px);
$tableHeight: var(--tableHeight, 33rem);
#bzxxfh {
font-family: HarmonyOS_Sans_SC;
......@@ -52,12 +52,12 @@ $tableHeight: var(--tableHeight, 450px);
}
}
/deep/ .el-input.is-active .el-input__inner,
/deep/ .el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06) !important;
border: 1px solid #e6e6e8 !important;
border-radius: 4px;
}
// /deep/ .el-input.is-active .el-input__inner,
// /deep/ .el-input__inner:focus {
// box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06) !important;
// border: 1px solid #e6e6e8 !important;
// border-radius: 4px;
// }
/deep/.el-input__icon {
height: auto;
......@@ -185,6 +185,9 @@ $tableHeight: var(--tableHeight, 450px);
.bzxxfh-content {
width: 100%;
padding: 0 24px;
// margin: 0 24px;
// border-bottom: 1px solid #eeeeee;
height: 585px;
.bzxxfh-content-top {
display: flex;
align-items: center;
......@@ -338,9 +341,18 @@ $tableHeight: var(--tableHeight, 450px);
height: $tableHeight;
}
}
.bzxxfh-content-bottom {
height: 1px;
width: 1592px;
margin: 0 24px;
background-color: #eeeeee;
}
.bzxxfh-content-content-footer {
margin-top: 16px;
width: 100%;
// margin-top: 16px;
width: 1592px;
position: fixed;
bottom: 27px;
// width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
......
src/views/bzxxgl/scss/bzxxsh.scss
......@@ -51,12 +51,12 @@ $tableHeight: var(--tableHeight, 450px);
}
}
/deep/ .el-input.is-active .el-input__inner,
/deep/ .el-input__inner:focus {
box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06) !important;
border: 1px solid #e6e6e8 !important;
border-radius: 4px;
}
// /deep/ .el-input.is-active .el-input__inner,
// /deep/ .el-input__inner:focus {
// box-shadow: 0px 6px 10px 2px rgba(0, 21, 51, 0.06) !important;
// border: 1px solid #e6e6e8 !important;
// border-radius: 4px;
// }
/deep/ .el-input__icon {
height: auto;
......@@ -239,6 +239,7 @@ $tableHeight: var(--tableHeight, 450px);
width: 100%;
padding: 0 24px;
clear: both;
height: 585px;
.bzxxsh-content-top {
display: flex;
......@@ -412,10 +413,19 @@ $tableHeight: var(--tableHeight, 450px);
height: $tableHeight;
}
}
.bzxxsh-content-bottom {
height: 1px;
width: 1592px;
margin: 0 24px;
background-color: #eeeeee;
}
.bzxxsh-content-content-footer {
margin-top: 16px;
width: 100%;
// margin-top: 16px;
width: 1592px;
position: fixed;
bottom: 27px;
// width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
......@@ -601,5 +611,3 @@ $tableHeight: var(--tableHeight, 450px);
border-color: #377fec;
}
}
src/views/cxyrd/QueryConfirm.vue
......@@ -1312,6 +1312,7 @@ const setQueryClass = [
}
</style>
<style scoped lang="scss">
@import "@/assets/css/globalBase.scss";
.width70 {
width: 70px !important;
display: inline-block;
......@@ -1927,5 +1928,4 @@ b {
background-repeat: no-repeat;
transform: rotate(180deg) !important;
}
@import "@/assets/css/globalBase.scss";
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment